corection #1304 1305 1307 1308 1311 1315 1316

This commit is contained in:
armansansd
2021-07-05 13:24:49 +02:00
parent 3ae61ffc2d
commit 7c0c5a1673
14 changed files with 379 additions and 95 deletions

View File

@@ -1224,7 +1224,8 @@ body {
font-family: "trueno";
font-size: 0.6rem;
font-weight: 300;
line-height: 1.5; }
line-height: 1.5;
background: #eff2f9; }
main h2 {
text-transform: uppercase;
@@ -1234,12 +1235,26 @@ main h2 {
a {
color: inherit; }
.ext {
display: none; }
strong {
font-weight: 600; }
iframe {
display: none; }
.slick-arrow {
font-size: 0;
background: center/40% no-repeat url(../images/fleche.svg); }
.slick-prev {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.layout--threecol-25-50-25 {
display: grid;
grid-template-columns: 20% minmax(0, 1fr) 20%;
@@ -1356,7 +1371,8 @@ footer {
background: white; }
#footer-bottom {
padding: 2rem 0; }
padding: 2rem 0;
height: 15rem; }
#footer-bottom * {
word-wrap: break-word; }
#footer-bottom h2 {
@@ -1379,7 +1395,8 @@ footer {
display: block;
color: transparent;
font-size: 0;
background: left/contain no-repeat url(../images/puca.svg); }
background: left/contain no-repeat url(../images/puca.svg);
margin-top: -1.5rem; }
#footer-bottom #block-pieddepage ul {
line-height: 2; }
#footer-bottom #block-pieddepage ul li a {
@@ -1391,8 +1408,8 @@ footer {
#footer-bottom .footer_bottom_right_container > div > div p {
display: inline-block; }
#footer-bottom .footer_bottom_right_container > div > div p a {
min-width: 2rem;
min-height: 2rem; }
min-width: 3rem;
min-height: 3rem; }
#footer-bottom .footer_bottom_right_container > div > div p a[href*='twitter'] {
height: 100%;
display: block;
@@ -1419,6 +1436,11 @@ footer {
.path-frontpage .block-region-content .views-element-container {
grid-column: 1 / span 3; }
.last-news .views-field-field-image {
height: 25rem; }
.last-news .views-field-field-image img {
width: 100%; }
.last-news .slick-slide, .last-ressources .slick-slide {
margin: 0 1rem; }
@@ -1427,7 +1449,6 @@ footer {
height: 100%;
cursor: pointer;
z-index: 100;
background-color: white;
opacity: 0.2;
transition: opacity 250ms;
width: 10%; }
@@ -1449,10 +1470,11 @@ footer {
z-index: -1;
padding-top: 1rem; }
.last-news .views-row .views-field:not(.views-field-field-image), .last-ressources .views-row .views-field:not(.views-field-field-image) {
background: blue;
background: black;
width: 50%;
margin-left: 1rem;
padding-left: 1rem; }
padding-left: 1rem;
color: white; }
.last-news .views-row .views-field-title, .last-ressources .views-row .views-field-title {
padding-bottom: 1rem;
grid-column: 1;
@@ -1472,11 +1494,12 @@ footer {
.main_logo {
z-index: 10;
height: 7rem;
position: relative;
background: center/contain no-repeat url(../images/popsu-home-logo.png);
margin: -5rem 0 3rem 0; }
.about {
box-shadow: inset 0 17rem 18rem white;
box-shadow: inset 0 17rem 18rem #eff2f9;
background: url(../images/motif_croix.svg);
text-align: center;
padding: 18rem 0 3rem 0;
@@ -1492,6 +1515,20 @@ footer {
color: black; }
.about article div {
margin: 0 5%; }
.about article .links {
display: inline-block;
margin: 0 auto;
background: black;
color: white;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1.5rem;
font-size: 0.8rem;
margin-top: 1rem; }
.about article .links a {
text-decoration: none; }
.about article .links a:hover {
text-decoration: underline; }
#home_blocks-block_3 {
background: url(../images/motif_croix.svg);
@@ -1536,8 +1573,11 @@ footer {
#home_blocks-block_3 .last-ressources .views-field-field-programme .field-content {
display: inline-block;
width: auto;
background-color: blue !important;
background-color: #28429f;
padding: .3rem .5rem; }
#home_blocks-block_3 .last-ressources .views-field-field-programme .empty {
background-color: black;
height: 1rem; }
#home_blocks-block_3 .last-ressources .views-field-field-programme .field-content {
font-weight: 600;
display: inline-block;
@@ -1569,7 +1609,6 @@ footer {
#home_prog_container .views-row {
background-clip: content-box;
height: 13rem;
background-size: 70% !important;
width: 100%;
display: grid;
align-items: center;
@@ -1588,27 +1627,27 @@ footer {
#home_prog_container .views-field-field-diaporama {
display: none; }
#home_prog_container .programme-2 {
background: center/contain no-repeat url(../images/POPSU_1.svg); }
background: center/60% no-repeat url(../images/POPSU_1.svg) white; }
#home_prog_container .programme-2:hover {
background: #4dabc1; }
#home_prog_container .programme-2 {
background: center/contain no-repeat url(../images/POPSU_2.svg); }
background: center/60% no-repeat url(../images/POPSU_2.svg) white; }
#home_prog_container .programme-2:hover {
background: #61ab32; }
#home_prog_container .programme-3 {
background: center/contain no-repeat url(../images/POPSU_Europe.svg); }
background: center/50% no-repeat url(../images/POPSU_Europe.svg) white; }
#home_prog_container .programme-3:hover {
background: #646578; }
#home_prog_container .programme-5 {
background: center/contain no-repeat url(../images/POPSU_monde.svg); }
background: center/45% no-repeat url(../images/POPSU_monde.svg) white; }
#home_prog_container .programme-5:hover {
background: #ab9569; }
#home_prog_container .programme-6 {
background: center/contain no-repeat url(../images/POPSU_territoires.svg); }
background: center/60% no-repeat url(../images/POPSU_territoires.svg) white; }
#home_prog_container .programme-6:hover {
background: #e01a35; }
#home_prog_container .programme-7 {
background: center/contain no-repeat url(../images/POPSU_metropoles.svg); }
background: center/60% no-repeat url(../images/POPSU_metropoles.svg) white; }
#home_prog_container .programme-7:hover {
background: #28429f; }
@@ -1620,7 +1659,6 @@ footer {
height: 100%;
cursor: pointer;
z-index: 100;
background-color: white;
opacity: 0.2;
transition: opacity 250ms;
width: 10%; }
@@ -1668,24 +1706,28 @@ footer {
width: 100%;
height: auto; }
#villes-block_1 header, #home_themes-block_1 header, #programmes-block_4 header {
text-align: center;
font-family: 'duke';
font-size: 3.5rem;
line-height: 1;
opacity: .3;
cursor: pointer;
padding: .8rem; }
#villes-block_1 header .arrow, #home_themes-block_1 header .arrow, #programmes-block_4 header .arrow {
font-size: 1.6rem;
display: block;
margin-top: -1rem; }
#villes-block_1 header.active, #home_themes-block_1 header.active, #programmes-block_4 header.active {
opacity: 1;
font-size: 4rem; }
#villes-block_1 .views-row, #villes-block_1 .leaflet-container, #home_themes-block_1 .views-row, #home_themes-block_1 .leaflet-container, #programmes-block_4 .views-row, #programmes-block_4 .leaflet-container {
display: none; }
#villes-block_1, #home_themes-block_1, #programmes-block_4 {
background: #eff2f9;
height: 100%;
display: grid;
align-items: center; }
#villes-block_1 header, #home_themes-block_1 header, #programmes-block_4 header {
text-align: center;
font-family: 'duke';
font-size: 3.1rem;
line-height: 1;
opacity: .3;
cursor: pointer;
padding: .8rem; }
#villes-block_1 header .arrow, #home_themes-block_1 header .arrow, #programmes-block_4 header .arrow {
font-size: 1.6rem;
display: block;
margin-top: -1rem; }
#villes-block_1 header.active, #home_themes-block_1 header.active, #programmes-block_4 header.active {
opacity: 1;
font-size: 4rem; }
#villes-block_1 .views-row, #villes-block_1 .leaflet-container, #home_themes-block_1 .views-row, #home_themes-block_1 .leaflet-container, #programmes-block_4 .views-row, #programmes-block_4 .leaflet-container {
display: none; }
.path-centre-de-ressources {
background-color: #eff2f9; }
@@ -1731,7 +1773,6 @@ footer {
height: 100%;
cursor: pointer;
z-index: 100;
background-color: white;
opacity: 0.2;
transition: opacity 250ms;
width: 10%; }
@@ -1845,7 +1886,7 @@ article h2, article h3, article h4, article h5, article h6, .paragraph h2, .para
font-family: "trueno";
font-weight: 600;
font-size: 0.8rem;
color: brown;
color: black;
margin-top: 1rem;
margin-bottom: .3rem; }
@@ -1877,7 +1918,7 @@ article p, .paragraph p {
width: 100vw;
height: 40vh;
background: url(../images/motif_croix.svg);
box-shadow: inset 0 -5rem 8rem white;
box-shadow: inset 0 -5rem 8rem #eff2f9;
z-index: -1; }
.page-node-type-actualite .block-region-first, .page-node-type-evenement .block-region-first {
@@ -1929,8 +1970,8 @@ article p, .paragraph p {
margin: 0 auto;
background: black;
color: white;
font-family: "duke";
font-weight: 400;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1.5rem;
font-size: 0.8rem;
text-decoration: none; }
@@ -1966,7 +2007,6 @@ article p, .paragraph p {
height: 100%;
cursor: pointer;
z-index: 100;
background-color: white;
opacity: 0.2;
transition: opacity 250ms;
width: 10%; }
@@ -1991,8 +2031,16 @@ article p, .paragraph p {
z-index: 10;
width: 25%;
padding: 1rem 1.5rem; }
.page-node-type-programme .block-region-first .prog-ressources-link {
font-family: "duke";
font-size: 1.6rem;
cursor: pointer;
transition: all 250ms;
text-decoration: none; }
.page-node-type-programme .block-region-first .prog-ressources-link:hover {
padding: 0 0 0 .3rem; }
.page-node-type-programme .block-region-first .views-element-container header {
font-family: duke;
font-family: "duke";
font-size: 1.6rem;
cursor: pointer;
transition: all 250ms; }
@@ -2012,11 +2060,11 @@ article p, .paragraph p {
z-index: 20;
position: relative; }
.page-node-type-programme .block-region-third #evenements-block_1 {
background-color: brown;
background-color: black;
margin-bottom: 3rem; }
.page-node-type-programme .block-region-third .item-list {
background-color: white;
color: brown;
color: black;
padding: 1rem 0; }
.page-node-type-programme .block-region-third .item-list li {
margin-bottom: 1rem;
@@ -2044,7 +2092,6 @@ article p, .paragraph p {
height: 100%;
cursor: pointer;
z-index: 100;
background-color: white;
opacity: 0.2;
transition: opacity 250ms;
width: 10%; }
@@ -2065,8 +2112,7 @@ article p, .paragraph p {
padding: 1rem;
background-clip: content-box; }
.page-node-type-programme .block-region-bottom .item-list .views-field-field-image {
grid-row: 3 / span 2;
margin-top: -1.5rem;
grid-row: 1 / span 4;
z-index: 0;
padding: .5rem; }
.page-node-type-programme .block-region-bottom .item-list .views-field:not(.views-field-field-image) {
@@ -2074,6 +2120,10 @@ article p, .paragraph p {
width: auto;
margin-left: 0;
padding-left: 0; }
.page-node-type-programme .block-region-bottom .item-list .views-field-field-sous-titre {
grid-column: 2 / span 1; }
.page-node-type-programme .block-region-bottom .item-list .views-field-field-type-de-ressource {
grid-column: 2 / span 1; }
.page-node-type-programme .block-region-bottom .item-list .views-field-title {
font-weight: 600;
grid-row: 3 / span 1;
@@ -2090,7 +2140,7 @@ article p, .paragraph p {
.page-node-type-programme .block-region-bottom .item-list .views-field-field-programme .field-content {
display: inline-block;
width: auto;
background-color: blue !important;
background-color: black !important;
padding: .3rem .5rem; }
.page-node-type-programme .block-region-bottom .item-list .views-field-field-programme .field-content {
font-weight: 600;
@@ -2107,10 +2157,10 @@ article p, .paragraph p {
margin: 0 auto;
background: black;
color: white;
font-family: "duke";
font-weight: 400;
font-family: "trueno";
font-weight: 500;
padding: .5rem 1.5rem;
font-size: 0.8rem;
font-size: 0.6rem;
text-decoration: none; }
.path-archives .content_container > div > h2 {
@@ -2132,6 +2182,10 @@ article p, .paragraph p {
.path-archives .content_container .views-element-container > div .views-row:nth-of-type(3n+1) {
grid-column: 2; }
.path-archives .content_container .views-element-container > div .views-row {
background: red; }
padding: .5rem 1rem;
background: #28429f; }
.path-archives .content_container .views-element-container > div .views-row a {
text-decoration: none;
color: white; }
/*# sourceMappingURL=styles.css.map */

File diff suppressed because one or more lines are too long