home page slider css et module central
This commit is contained in:
armansansd
parent
67b02aac45
commit
b4879eac39
@ -1000,75 +1000,75 @@ table {
|
||||
display: none; }
|
||||
|
||||
.programme-2 .views-field-field-programme .field-content {
|
||||
background: blue; }
|
||||
background: #4dabc1; }
|
||||
|
||||
.programme-2 .views-field {
|
||||
color: blue; }
|
||||
color: #4dabc1; }
|
||||
|
||||
.programme-2 .views-field-title {
|
||||
color: red; }
|
||||
color: #4dabc1; }
|
||||
.programme-2 .views-field-title:hover {
|
||||
background: red;
|
||||
background: #4dabc1;
|
||||
color: white; }
|
||||
|
||||
.programme-3 .views-field-field-programme .field-content {
|
||||
background: blue; }
|
||||
background: #646578; }
|
||||
|
||||
.programme-3 .views-field {
|
||||
color: blue; }
|
||||
color: #646578; }
|
||||
|
||||
.programme-3 .views-field-title {
|
||||
color: blue; }
|
||||
color: #646578; }
|
||||
.programme-3 .views-field-title:hover {
|
||||
background: blue;
|
||||
background: #646578;
|
||||
color: white; }
|
||||
|
||||
.programme-4 .views-field-field-programme .field-content {
|
||||
background: wheat; }
|
||||
background: #61ab32; }
|
||||
|
||||
.programme-4 .views-field {
|
||||
color: wheat; }
|
||||
color: #61ab32; }
|
||||
|
||||
.programme-4 .views-field-title {
|
||||
color: red; }
|
||||
color: #61ab32; }
|
||||
.programme-4 .views-field-title:hover {
|
||||
background: red;
|
||||
background: #61ab32;
|
||||
color: white; }
|
||||
|
||||
.programme-5 .views-field-field-programme .field-content {
|
||||
background: wheat; }
|
||||
background: #ab9569; }
|
||||
|
||||
.programme-5 .views-field {
|
||||
color: wheat; }
|
||||
color: #ab9569; }
|
||||
|
||||
.programme-5 .views-field-title {
|
||||
color: wheat; }
|
||||
color: #ab9569; }
|
||||
.programme-5 .views-field-title:hover {
|
||||
background: wheat;
|
||||
background: #ab9569;
|
||||
color: white; }
|
||||
|
||||
.programme-7 .views-field-field-programme .field-content {
|
||||
background: red; }
|
||||
background: #28429f; }
|
||||
|
||||
.programme-7 .views-field {
|
||||
color: red; }
|
||||
color: #28429f; }
|
||||
|
||||
.programme-7 .views-field-title {
|
||||
color: red; }
|
||||
color: #28429f; }
|
||||
.programme-7 .views-field-title:hover {
|
||||
background: red;
|
||||
background: #28429f;
|
||||
color: white; }
|
||||
|
||||
.programme-6 .views-field-field-programme .field-content {
|
||||
background: red; }
|
||||
background: #e01a35; }
|
||||
|
||||
.programme-6 .views-field {
|
||||
color: red; }
|
||||
color: #e01a35; }
|
||||
|
||||
.programme-6 .views-field-title {
|
||||
color: red; }
|
||||
color: #e01a35; }
|
||||
.programme-6 .views-field-title:hover {
|
||||
background: red;
|
||||
background: #e01a35;
|
||||
color: white; }
|
||||
|
||||
@media (min-width: 48rem) {
|
||||
@ -1242,17 +1242,18 @@ iframe {
|
||||
|
||||
.layout--threecol-25-50-25 {
|
||||
display: grid;
|
||||
grid-template-columns: 20% 1fr 20%;
|
||||
grid-template-columns: 20% minmax(0, 1fr) 20%;
|
||||
column-gap: 3rem;
|
||||
row-gap: 1rem; }
|
||||
|
||||
/*pages*/
|
||||
header {
|
||||
margin-bottom: 2rem; }
|
||||
.layout__region--bottom {
|
||||
grid-column: 1 /span 3; }
|
||||
|
||||
/*pages*/
|
||||
#header-top {
|
||||
height: 3rem;
|
||||
background: white; }
|
||||
background: white;
|
||||
margin-bottom: 2rem; }
|
||||
|
||||
.header_top_left_container {
|
||||
height: 100%; }
|
||||
@ -1263,7 +1264,7 @@ header {
|
||||
display: block;
|
||||
font-size: 0;
|
||||
color: transparent;
|
||||
background: left/contain no-repeat url(../images/popsu-home-logo.png); }
|
||||
background: left/contain no-repeat url(../images/POPSU_logo.svg); }
|
||||
|
||||
.header_top_middle_container {
|
||||
height: 100%; }
|
||||
@ -1409,6 +1410,13 @@ footer {
|
||||
color: transparent;
|
||||
background: left/contain no-repeat url(../images/yt.svg); }
|
||||
|
||||
.path-frontpage .block-region-content {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
align-items: center; }
|
||||
.path-frontpage .block-region-content .views-element-container {
|
||||
grid-column: 1 / span 3; }
|
||||
|
||||
.last-news .slick-slide, .last-ressources .slick-slide {
|
||||
margin: 0 1rem; }
|
||||
|
||||
@ -1459,8 +1467,14 @@ footer {
|
||||
.last-news .views-row a, .last-ressources .views-row a {
|
||||
text-decoration: none; }
|
||||
|
||||
.main_logo {
|
||||
height: 7rem;
|
||||
background: center/contain no-repeat url(../images/popsu-home-logo.png);
|
||||
margin: -5rem 0 3rem 0; }
|
||||
|
||||
.about {
|
||||
background: #98d0d9;
|
||||
box-shadow: inset 0 17rem 18rem white;
|
||||
background: url(../images/motif_croix.svg);
|
||||
text-align: center;
|
||||
padding: 18rem 0 3rem 0;
|
||||
margin-top: -15rem; }
|
||||
@ -1477,7 +1491,7 @@ footer {
|
||||
margin: 0 5%; }
|
||||
|
||||
#home_blocks-block_3 {
|
||||
background: #98d0d9;
|
||||
background: url(../images/motif_croix.svg);
|
||||
padding: 2rem; }
|
||||
#home_blocks-block_3 h2 {
|
||||
text-align: center;
|
||||
@ -1528,8 +1542,98 @@ footer {
|
||||
color: white;
|
||||
padding: .02rem .3rem; }
|
||||
|
||||
#villes-block_1 {
|
||||
grid-column: 1; }
|
||||
|
||||
#home_themes-block_1 {
|
||||
grid-column: 2; }
|
||||
|
||||
#programmes-block_4 {
|
||||
grid-column: 3; }
|
||||
|
||||
.home_info_container {
|
||||
height: auto;
|
||||
min-height: 5rem;
|
||||
display: none;
|
||||
grid-column: 1 / span 3; }
|
||||
|
||||
#home_prog_container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr); }
|
||||
|
||||
#home_theme_container .slick-arrow {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
z-index: 100;
|
||||
background-color: white;
|
||||
opacity: 0;
|
||||
transition: opacity 250ms;
|
||||
width: 10%; }
|
||||
#home_theme_container .slick-arrow:hover {
|
||||
opacity: .5; }
|
||||
|
||||
#home_theme_container .slick-next {
|
||||
right: 0;
|
||||
top: 0; }
|
||||
|
||||
#home_theme_container .views-row {
|
||||
background-clip: content-box;
|
||||
background-color: grey;
|
||||
height: 10rem;
|
||||
width: 10rem !important;
|
||||
position: relative; }
|
||||
|
||||
#home_theme_container .views-field-title {
|
||||
display: grid;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
padding: .8rem 1rem;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 600;
|
||||
color: white; }
|
||||
#home_theme_container .views-field-title a {
|
||||
margin-top: -.5rem;
|
||||
text-decoration: none; }
|
||||
|
||||
#home_theme_container .views-field-field-image {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute; }
|
||||
#home_theme_container .views-field-field-image img {
|
||||
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: 2.3rem;
|
||||
line-height: 1;
|
||||
opacity: .3;
|
||||
cursor: pointer; }
|
||||
#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: #f8f8fb; }
|
||||
background-color: #eff2f9; }
|
||||
.path-centre-de-ressources header {
|
||||
margin-bottom: 0; }
|
||||
.path-centre-de-ressources .content_container > div > h2:first-child {
|
||||
text-align: center;
|
||||
background-color: #98d0d9;
|
||||
@ -1562,7 +1666,7 @@ footer {
|
||||
.path-centre-de-ressources form .form-actions {
|
||||
grid-column: 4 / span 2;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
align-items: center;
|
||||
column-gap: 1rem; }
|
||||
.path-centre-de-ressources form .form-actions input {
|
||||
@ -1712,4 +1816,84 @@ article p, .paragraph p {
|
||||
.page-node-type-programme .block-region-third .item-list li .views-field-field-sous-titre {
|
||||
font-weight: 400; }
|
||||
|
||||
.page-node-type-programme .block-region-bottom {
|
||||
background: url(../images/motif_croix.svg); }
|
||||
.page-node-type-programme .block-region-bottom h2 {
|
||||
text-align: center; }
|
||||
.page-node-type-programme .block-region-bottom .item-list .slick-slide {
|
||||
margin: 0 1rem; }
|
||||
.page-node-type-programme .block-region-bottom .item-list .slick-arrow {
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
z-index: 100;
|
||||
background-color: white;
|
||||
opacity: 0;
|
||||
transition: opacity 250ms;
|
||||
width: 10%; }
|
||||
.page-node-type-programme .block-region-bottom .item-list .slick-arrow:hover {
|
||||
opacity: .5; }
|
||||
.page-node-type-programme .block-region-bottom .item-list .slick-next {
|
||||
right: 0;
|
||||
top: 0; }
|
||||
.page-node-type-programme .block-region-bottom .item-list .views-field:not(.views-field-field-image) {
|
||||
width: 80%; }
|
||||
.page-node-type-programme .block-region-bottom .item-list li {
|
||||
display: grid !important;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
align-items: center;
|
||||
background: white;
|
||||
position: relative;
|
||||
height: auto;
|
||||
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;
|
||||
z-index: 0;
|
||||
padding: .5rem; }
|
||||
.page-node-type-programme .block-region-bottom .item-list .views-field:not(.views-field-field-image) {
|
||||
background: transparent;
|
||||
width: auto;
|
||||
margin-left: 0;
|
||||
padding-left: 0; }
|
||||
.page-node-type-programme .block-region-bottom .item-list .views-field-title {
|
||||
font-weight: 600;
|
||||
grid-row: 3 / span 1;
|
||||
grid-column: 2 / span 1; }
|
||||
.page-node-type-programme .block-region-bottom .item-list .views-field-view-node {
|
||||
grid-row: 2 / span 1;
|
||||
grid-column: 2 / span 1; }
|
||||
.page-node-type-programme .block-region-bottom .item-list .views-field-field-programme {
|
||||
padding-left: .5rem !important;
|
||||
grid-row: 1 / span 1;
|
||||
grid-column: 1 / span 2;
|
||||
text-transform: uppercase;
|
||||
margin-top: -.5rem; }
|
||||
.page-node-type-programme .block-region-bottom .item-list .views-field-field-programme .field-content {
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
background-color: blue !important;
|
||||
padding: .3rem .5rem; }
|
||||
.page-node-type-programme .block-region-bottom .item-list .views-field-field-programme .field-content {
|
||||
font-weight: 600;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
color: white;
|
||||
padding: .02rem .3rem; }
|
||||
.page-node-type-programme .block-region-bottom footer {
|
||||
background-color: transparent;
|
||||
text-align: center;
|
||||
padding: 1rem; }
|
||||
.page-node-type-programme .block-region-bottom footer a {
|
||||
display: inline-block;
|
||||
margin: 0 auto;
|
||||
background: black;
|
||||
color: white;
|
||||
font-family: "duke";
|
||||
font-weight: 400;
|
||||
padding: .5rem 1.5rem;
|
||||
font-size: 0.8rem;
|
||||
text-decoration: none; }
|
||||
|
||||
/*# sourceMappingURL=styles.css.map */
|
||||
|
||||
File diff suppressed because one or more lines are too long
103
web/themes/custom/popsu/images/POPSU_logo.svg
Normal file
103
web/themes/custom/popsu/images/POPSU_logo.svg
Normal file
@ -0,0 +1,103 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
version="1.1"
|
||||
id="svg2"
|
||||
xml:space="preserve"
|
||||
width="437.62265"
|
||||
height="307.53333"
|
||||
viewBox="0 0 437.62265 307.53333"
|
||||
sodipodi:docname="POPSU_logo_seul.svg"
|
||||
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"><metadata
|
||||
id="metadata8"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs6" /><sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1015"
|
||||
id="namedview4"
|
||||
showgrid="false"
|
||||
showguides="true"
|
||||
inkscape:guide-bbox="true"
|
||||
inkscape:zoom="0.86329002"
|
||||
inkscape:cx="459.1113"
|
||||
inkscape:cy="305.61868"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="g10"
|
||||
inkscape:document-rotation="0"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0"><sodipodi:guide
|
||||
position="341.96744,212.14268"
|
||||
orientation="0,1"
|
||||
id="guide1017"
|
||||
inkscape:locked="false" /><sodipodi:guide
|
||||
position="359.98729,101.56638"
|
||||
orientation="0,1"
|
||||
id="guide1019"
|
||||
inkscape:locked="false" /></sodipodi:namedview><g
|
||||
id="g10"
|
||||
inkscape:groupmode="layer"
|
||||
inkscape:label="ink_ext_XXXXXX"
|
||||
transform="matrix(1.3333333,0,0,-1.3333333,0,307.53333)"><path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path124"
|
||||
style="fill:#e01a35;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1"
|
||||
d="M 86.4008,0 64.4965,7.37188 75.7527,33.6059 88.2816,28.218 l 15.0034,27.8332 20.216,-3.916 11.092,25.8789 -11.092,8.4109 -6.28,21.577 4.671,2.394 24.085,-22.7019 37.305,10.0438 -5.464,21.9691 19.549,19.882 6.319,-0.332 21.669,-5.782 -3.614,-52.7262 31.512,-9.2718 -8.07,-28.8918 L 224.62,46.4871 205.492,24.4449 187.472,53.568 157.863,33.1879 142.465,18 135.526,20.066 113.666,1.24883 86.4008,0 m -46.8266,132.805 -20.7586,5.23 -4.2683,12.072 25.3715,-1.88 -0.3446,-15.422" /><path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path126"
|
||||
style="fill:#ac966a;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1"
|
||||
d="m 163.938,130.783 -38.798,16.004 -13.944,-5.002 11.434,17.326 -35.5269,18.971 -30.7703,3.907 12.1516,22.395 30.589,26.266 14.7906,-20.874 53.324,-4.678 11.877,7.29 20.114,-19.731 -10.984,-17.441 20.518,-24.087 -11.346,-11.54 -21.133,1.11 -12.296,-9.916" /><path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path128"
|
||||
style="fill:#a01a27;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1"
|
||||
d="m 145.977,87.6941 -24.085,22.7019 -4.671,-2.394 -8.668,29.777 2.643,4.006 13.944,5.002 38.798,-16.004 12.296,9.916 21.133,-1.11 -19.549,-19.882 5.464,-21.9691 -37.305,-10.0438" /><path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path130"
|
||||
style="fill:#28429f;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1"
|
||||
d="M 29.3574,32.5648 6.49492,63.675 18.9195,94.3191 0,111.127 13.7004,139.324 18.8156,138.035 22.9633,126.303 23.2941,95.9738 52.4109,75.2711 66.0266,78.4828 87.0484,56.6059 75.9703,34.1129 75.7527,33.6059 47.8375,45.6121 29.3574,32.5648 m 37.4418,113.6692 -26.8804,1.993 0.3765,16.854 -0.7211,19.036 16.7586,-2.128 -10.7152,-19.748 18.0203,-6.235 9.9851,-4.141 -6.8238,-5.631" /><path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path132"
|
||||
style="fill:#353546;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1"
|
||||
d="m 88.2816,28.218 -12.5289,5.3879 0.2176,0.507 11.0781,22.493 -21.0218,21.8769 -13.6157,-3.2117 -29.1168,20.7027 -0.3308,30.3292 -4.1477,11.732 20.7586,-5.23 0.3446,15.422 26.8804,-1.993 6.8238,5.631 19.8622,-8.238 -15.4672,-21.773 21.3336,-23.0091 17.8694,9.1571 6.28,-21.577 11.092,-8.4109 -11.092,-25.8789 -20.216,3.916 L 88.2816,28.218" /><path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path134"
|
||||
style="fill:#243459;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1"
|
||||
d="m 104.771,139.48 -29.7694,13.522 -1.3786,-1.137 -9.9851,4.141 -18.0203,6.235 10.7152,19.748 30.7703,-3.907 35.5269,-18.971 -11.434,-17.326 -6.425,-2.305" /><path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path136"
|
||||
style="fill:#2b2b33;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1"
|
||||
d="m 99.3516,98.8449 -21.3336,23.0091 15.4672,21.773 -19.8622,8.238 1.3786,1.137 29.7694,-13.522 6.425,2.305 -2.643,-4.006 8.668,-29.777 -17.8694,-9.1571" /><path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path138"
|
||||
style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1"
|
||||
d="m 139.423,93.1621 c -13.976,0 -24.606,8.6819 -24.606,24.6059 0,14.954 10.708,24.839 24.756,24.839 14.04,0 24.677,-8.611 24.677,-24.539 0,-14.938 -10.793,-24.9059 -24.827,-24.9059 z M 88.5543,108.034 83.9418,107.956 V 94.2961 H 71.9516 v 47.1809 h 17.4332 c 13.2092,0 20.1462,-6.643 20.1462,-16.384 0,-11.027 -7.462,-17.059 -20.9767,-17.059 z M 47.4426,159.17 V 76.1898 H 328.217 V 159.17 H 47.4426" /><path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path140"
|
||||
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1"
|
||||
d="m 288.837,141.477 c 0,0 0,-28.005 0,-27.859 0,-7.319 -2.942,-10.346 -8.599,-10.346 -6.267,0 -9.136,3.708 -9.136,10.794 v 27.411 h -11.266 v -34.816 c 2.182,-9.2188 9.776,-13.4989 20.098,-13.4989 12.683,0 20.83,6.7219 20.83,20.3819 0,0.231 0,27.933 0,27.933 h -11.927" /><path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path142"
|
||||
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1"
|
||||
d="m 188.983,117.259 -4.934,-0.078 v 15.028 c 0,0 3.788,0 4.934,0 6.178,0 9.334,-2.463 9.334,-7.319 0,-4.849 -3.015,-7.555 -9.334,-7.631 z m 0.926,24.668 H 172.104 V 93.7469 h 12.259 v 13.9571 l 4.696,0.074 c 13.796,0 21.425,6.155 21.425,17.419 0,9.949 -7.085,16.73 -20.575,16.73" /><path
|
||||
inkscape:connector-curvature="0"
|
||||
id="path144"
|
||||
style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.1"
|
||||
d="m 236.921,122.755 c -5.662,1.585 -9.962,2.789 -9.962,5.888 0,2.568 2.036,3.998 6.186,3.998 4.675,0 10.571,-1.66 15.257,-4.148 l 2.333,9.891 c -4.526,2.486 -10.273,4.145 -17.667,4.145 -11.698,0 -18.111,-5.811 -18.111,-14.566 0,-9.435 8.298,-12.602 15.169,-14.491 6.27,-1.738 9.67,-2.79 9.67,-5.959 0,-2.868 -2.947,-4.458 -7.183,-4.458 -5.809,0 -11.475,1.89 -16.151,4.379 L 214.2,97.4629 c 4.38,-2.4879 11.176,-4.3008 18.19,-4.3008 12.376,0 19.324,6.3461 19.324,15.3259 0,8.981 -7.546,12.307 -14.793,14.267" /></g></svg>
|
||||
|
After Width: | Height: | Size: 7.2 KiB |
2269
web/themes/custom/popsu/images/motif_croix.svg
Normal file
2269
web/themes/custom/popsu/images/motif_croix.svg
Normal file
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 65 KiB After Width: | Height: | Size: 160 KiB |
File diff suppressed because one or more lines are too long
@ -15,6 +15,20 @@ $(function(){
|
||||
centerPadding: '60px',
|
||||
infinite: false,
|
||||
});
|
||||
// console.log($('#centre_de_ressources-block_2 .item-list ul'));
|
||||
$('#centre_de_ressources-block_2 .item-list ul').slick({
|
||||
slidesToShow: 3,
|
||||
slidesToScroll: 1,
|
||||
centerMode: true,
|
||||
centerPadding: '60px',
|
||||
infinite: false,
|
||||
});
|
||||
|
||||
|
||||
if($('.path-centre-de-ressources').length > 0){
|
||||
$("header > div").slick();
|
||||
}
|
||||
|
||||
|
||||
$('.close-block').click(function(){
|
||||
$(this).parent().fadeOut();
|
||||
@ -22,11 +36,100 @@ $(function(){
|
||||
$('.open-block').click(function(){
|
||||
$(this).prev().css("display","grid");
|
||||
});
|
||||
|
||||
|
||||
$('.views-element-container header').click(function(){
|
||||
$(this).parent().find(".views-row").fadeToggle();
|
||||
let row = $('.views-element-container').find(".views-row");
|
||||
let id = ['programmes-block_4','home_themes-block_1','villes-block_1'];
|
||||
if($('.path-frontpage').length > 0){
|
||||
$(row).each(element => {
|
||||
|
||||
if($(row[element]).is(":visible") && id.indexOf($(row[element]).parents().eq(2).attr("id")) != -1){
|
||||
$(row[element]).fadeOut();
|
||||
}
|
||||
});
|
||||
$('.views-element-container').find("header").removeClass('active');
|
||||
$('.views-element-container').find("header .arrow").remove();
|
||||
$(this).append('<span class="arrow"><br>▼</span>');
|
||||
$(this).toggleClass('active');
|
||||
|
||||
$(".home_info_container").fadeOut();
|
||||
if($(this).parents().eq(2).attr("id") == "programmes-block_4" ){
|
||||
$("#home_prog_container").fadeIn();
|
||||
}
|
||||
if($(this).parents().eq(2).attr("id") == "home_themes-block_1" ){
|
||||
$("#home_theme_container").find(".views-row").css("opacity","0");
|
||||
$("#home_theme_container").fadeIn(function(){
|
||||
$("#home_theme_container").slick('refresh');
|
||||
$("#home_theme_container").find(".views-row").css("opacity","1");
|
||||
});
|
||||
|
||||
|
||||
}
|
||||
// if($(this).parents().eq(2).attr("id") == "villes-block_1" ){
|
||||
// $("#home_map_container").empty().append(inner_rows).fadeIn();
|
||||
// }
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
if($('.page-node-type-programme').length > 0){
|
||||
$(this).parent().find(".views-row").fadeToggle();
|
||||
}
|
||||
|
||||
|
||||
})
|
||||
|
||||
// HOME PAGE
|
||||
if($(".path-frontpage").length > 0){
|
||||
let elem = "<div class='main_logo'></div>"
|
||||
console.log(elem);
|
||||
$(".about .views-row").prepend(elem);
|
||||
|
||||
//reconstruction header
|
||||
var header = $('.views-element-container').find("header");
|
||||
$(header).each(element => {
|
||||
let words = $(header[element]).text().trim().split(" ");
|
||||
let newcontent = words.join('<br>');
|
||||
console.log(words, newcontent);
|
||||
$(header[element]).empty();
|
||||
$(header[element]).append(newcontent);
|
||||
|
||||
});
|
||||
$('#programmes-block_4').after('<div id="home_map_container" class="home_info_container"></div><div id="home_theme_container" class="home_info_container"></div><div id="home_prog_container" class="home_info_container"></div>');
|
||||
//populate info container
|
||||
let inner_rows = $('#home_themes-block_1').find(".views-row").clone();
|
||||
$("#home_theme_container").empty().append(inner_rows);
|
||||
$("#home_theme_container").slick({
|
||||
slidesToShow: 5,
|
||||
slidesToScroll: 4,
|
||||
centerMode: true,
|
||||
centerPadding: '60px',
|
||||
infinite: false,
|
||||
});
|
||||
inner_rows = $('#programmes-block_4').find(".views-row").clone();
|
||||
$("#home_prog_container").empty().append(inner_rows);
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
$(document).on('DOMNodeInserted', function(e) {
|
||||
// console.log(e.target);
|
||||
if ( $(e.target).attr("id") == "home_theme_container" ) {
|
||||
//console.log(e.target);
|
||||
// $(e.target).slick({
|
||||
// slidesToShow: 1,
|
||||
// slidesToScroll: 1,
|
||||
// centerMode: true,
|
||||
// centerPadding: '60px',
|
||||
// infinite: false,
|
||||
// });
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
|
||||
@ -1,3 +1,16 @@
|
||||
.slick-list{
|
||||
}
|
||||
.path-frontpage{
|
||||
.block-region-content{
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0,1fr));
|
||||
align-items: center;
|
||||
.views-element-container{
|
||||
grid-column: 1 / span 3;
|
||||
// overflow: hidden;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.last-news, .last-ressources{
|
||||
.slick-slide{
|
||||
@ -61,9 +74,15 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.main_logo{
|
||||
height: 7rem;
|
||||
// background: red;
|
||||
background: center / contain no-repeat url(../images/popsu-home-logo.png);
|
||||
margin: -5rem 0 3rem 0;
|
||||
}
|
||||
.about{
|
||||
background: $lightblue;
|
||||
box-shadow: inset 0 17rem 18rem white;
|
||||
background: $trame;
|
||||
text-align: center;
|
||||
padding: 18rem 0 3rem 0;
|
||||
margin-top: -15rem;
|
||||
@ -88,7 +107,7 @@
|
||||
}
|
||||
|
||||
#home_blocks-block_3{
|
||||
background: $lightblue;
|
||||
background: $trame;
|
||||
padding: 2rem;
|
||||
h2{
|
||||
text-align: center;
|
||||
@ -154,5 +173,116 @@
|
||||
// margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
#villes-block_1{
|
||||
grid-column: 1;
|
||||
}
|
||||
#home_themes-block_1{
|
||||
grid-column: 2;
|
||||
}
|
||||
#programmes-block_4{
|
||||
grid-column: 3;
|
||||
}
|
||||
.home_info_container{
|
||||
height: auto;
|
||||
min-height: 5rem;
|
||||
display: none;
|
||||
grid-column: 1 / span 3;
|
||||
}
|
||||
#home_prog_container{
|
||||
display: grid;
|
||||
grid-template-columns: repeat( 3, 1fr);
|
||||
|
||||
|
||||
}
|
||||
#home_theme_container{
|
||||
.slick-slide{
|
||||
// margin: 0 1rem;
|
||||
|
||||
}
|
||||
.slick-arrow{
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
z-index: 100;
|
||||
background-color: white;
|
||||
opacity: 0;
|
||||
transition: opacity 250ms;
|
||||
width: 10%;
|
||||
&:hover{
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
.slick-next{
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.views-row{
|
||||
background-clip: content-box;
|
||||
background-color: grey;
|
||||
height: 10rem;
|
||||
width: 10rem !important;
|
||||
position: relative;
|
||||
|
||||
|
||||
}
|
||||
.views-field-title{
|
||||
display: grid;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
padding: .8rem 1rem;
|
||||
font-size: $font-medium;
|
||||
font-weight: 600;
|
||||
color: white;
|
||||
a{
|
||||
margin-top: -.5rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
}
|
||||
.views-field-field-image{
|
||||
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
img{
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#villes-block_1, #home_themes-block_1, #programmes-block_4{
|
||||
|
||||
header{
|
||||
text-align: center;
|
||||
font-family: 'duke';
|
||||
font-size: $font-extra;
|
||||
line-height: 1;
|
||||
opacity: .3;
|
||||
cursor:pointer;
|
||||
.arrow{
|
||||
font-size: $font-large;
|
||||
display: block;
|
||||
margin-top: -1rem;
|
||||
}
|
||||
&.active{
|
||||
opacity: 1;
|
||||
font-size: 4rem;
|
||||
}
|
||||
}
|
||||
.views-row,.leaflet-container{
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
@ -79,4 +79,110 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
.block-region-bottom{
|
||||
background: $trame;
|
||||
h2{
|
||||
text-align: center;
|
||||
}
|
||||
.item-list{
|
||||
.slick-slide{
|
||||
margin: 0 1rem;
|
||||
}
|
||||
.slick-arrow{
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
z-index: 100;
|
||||
background-color: white;
|
||||
opacity: 0;
|
||||
transition: opacity 250ms;
|
||||
width: 10%;
|
||||
&:hover{
|
||||
opacity: .5;
|
||||
}
|
||||
}
|
||||
.slick-next{
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.views-field:not(.views-field-field-image){
|
||||
width: 80%;
|
||||
}
|
||||
li{
|
||||
display: grid !important;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
align-items: center;
|
||||
background: white;
|
||||
position: relative;
|
||||
height: auto;
|
||||
padding: 1rem;
|
||||
background-clip: content-box;
|
||||
}
|
||||
.views-field-field-image{
|
||||
grid-row: 3 / span 2;
|
||||
margin-top: -1.5rem;
|
||||
z-index: 0;
|
||||
padding: .5rem;
|
||||
}
|
||||
.views-field:not(.views-field-field-image){
|
||||
background: transparent;
|
||||
width: auto;
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
|
||||
}
|
||||
.views-field-title{
|
||||
font-weight: 600;
|
||||
grid-row: 3 / span 1;
|
||||
grid-column: 2 / span 1;
|
||||
}
|
||||
.views-field-view-node{
|
||||
// padding-top: 1rem;
|
||||
// grid-column: 1;
|
||||
// grid-row: 1;
|
||||
grid-row: 2 / span 1;
|
||||
grid-column: 2 / span 1;
|
||||
}
|
||||
.views-field-field-programme{
|
||||
.field-content{
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
background-color: blue !important;
|
||||
padding: .3rem .5rem;
|
||||
}
|
||||
padding-left: .5rem !important;
|
||||
grid-row: 1 / span 1;
|
||||
grid-column: 1 / span 2;
|
||||
text-transform: uppercase;
|
||||
margin-top: -.5rem;
|
||||
.field-content{
|
||||
font-weight: 600;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
color: white;
|
||||
padding: .02rem .3rem;
|
||||
// margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
footer{
|
||||
background-color: transparent;
|
||||
text-align: center;
|
||||
padding: 1rem;
|
||||
a{
|
||||
display: inline-block;
|
||||
margin: 0 auto;
|
||||
background: black;
|
||||
color: white;
|
||||
|
||||
font-family: "duke";
|
||||
font-weight: 400;
|
||||
|
||||
padding: .5rem 1.5rem;
|
||||
font-size: $font-medium;
|
||||
text-decoration: none;
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1,5 +1,9 @@
|
||||
.path-centre-de-ressources{
|
||||
background-color: #f8f8fb;
|
||||
background-color: $bck-col;
|
||||
header{
|
||||
margin-bottom: 0;
|
||||
|
||||
}
|
||||
.content_container{
|
||||
&>div>h2:first-child{
|
||||
text-align: center;
|
||||
@ -44,7 +48,7 @@
|
||||
.form-actions{
|
||||
grid-column: 4 / span 2;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-template-columns: repeat(2, minmax(0,1fr) );
|
||||
align-items: center;
|
||||
column-gap: 1rem;
|
||||
input{
|
||||
|
||||
@ -1,10 +1,9 @@
|
||||
//header
|
||||
header{
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
#header-top{
|
||||
height: 3rem;
|
||||
background: white;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.header_top_left_container{
|
||||
height: 100%;
|
||||
@ -16,7 +15,7 @@ header{
|
||||
display: block;
|
||||
font-size: 0;
|
||||
color: transparent;
|
||||
background: left / contain no-repeat url(../images/popsu-home-logo.png);
|
||||
background: left / contain no-repeat url(../images/POPSU_logo.svg);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -1,6 +1,10 @@
|
||||
.layout--threecol-25-50-25{
|
||||
display: grid;
|
||||
grid-template-columns: 20% 1fr 20%;
|
||||
grid-template-columns: 20% minmax(0,1fr) 20%;
|
||||
column-gap: 3rem;
|
||||
row-gap: 1rem;
|
||||
}
|
||||
|
||||
.layout__region--bottom{
|
||||
grid-column: 1 /span 3;
|
||||
}
|
||||
@ -5,29 +5,32 @@ $font-medium: .8rem;
|
||||
$font-normal: .6rem;
|
||||
$font-small: .45rem;
|
||||
|
||||
$col-met: red;
|
||||
$col-eur: blue;
|
||||
$col-mond: wheat;
|
||||
|
||||
$col-met: #28429f;
|
||||
$col-eur: #646578;
|
||||
$col-mond: #ab9569;
|
||||
$col-ter: #e01a35;
|
||||
$col-1: #4dabc1;
|
||||
$col-2: #61ab32;
|
||||
|
||||
$bck-col: #eff2f9;
|
||||
$lightblue: #98d0d9;
|
||||
|
||||
$trame: url(../images/motif_croix.svg);
|
||||
|
||||
//programmes values
|
||||
.programme-2{
|
||||
.views-field-field-programme{
|
||||
.field-content{
|
||||
background: $col-eur;
|
||||
background: $col-1;
|
||||
}
|
||||
|
||||
}
|
||||
.views-field{
|
||||
color: $col-eur;
|
||||
color: $col-1;
|
||||
}
|
||||
.views-field-title{
|
||||
color: $col-met;
|
||||
color: $col-1;
|
||||
&:hover{
|
||||
background: $col-met;
|
||||
background: $col-1;
|
||||
color:white;
|
||||
}
|
||||
}
|
||||
@ -54,16 +57,16 @@ $lightblue: #98d0d9;
|
||||
.programme-4{
|
||||
.views-field-field-programme{
|
||||
.field-content{
|
||||
background: $col-mond;
|
||||
background: $col-2;
|
||||
}
|
||||
}
|
||||
.views-field{
|
||||
color: $col-mond;
|
||||
color: $col-2;
|
||||
}
|
||||
.views-field-title{
|
||||
color: $col-met;
|
||||
color: $col-2;
|
||||
&:hover{
|
||||
background: $col-met;
|
||||
background: $col-2;
|
||||
color:white;
|
||||
}
|
||||
}
|
||||
@ -106,16 +109,16 @@ $lightblue: #98d0d9;
|
||||
.programme-6{
|
||||
.views-field-field-programme{
|
||||
.field-content{
|
||||
background: $col-met;
|
||||
background: $col-ter;
|
||||
}
|
||||
}
|
||||
.views-field{
|
||||
color: $col-met;
|
||||
color: $col-ter;
|
||||
}
|
||||
.views-field-title{
|
||||
color: $col-met;
|
||||
color: $col-ter;
|
||||
&:hover{
|
||||
background: $col-met;
|
||||
background: $col-ter;
|
||||
color:white;
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user