slider color and adjustement
This commit is contained in:
armansansd
parent
8b01ed0f6b
commit
de700b385f
@ -999,18 +999,30 @@ table {
|
|||||||
.slick-arrow.slick-hidden {
|
.slick-arrow.slick-hidden {
|
||||||
display: none; }
|
display: none; }
|
||||||
|
|
||||||
.programme-2 .views-field-field-programme .field-content {
|
.programme-1 .views-field-field-programme .field-content {
|
||||||
background: #4dabc1; }
|
background: #4dabc1; }
|
||||||
|
|
||||||
.programme-2 .views-field {
|
.programme-1 .views-field {
|
||||||
color: #4dabc1; }
|
color: #4dabc1; }
|
||||||
|
|
||||||
.programme-2 .views-field-title {
|
.programme-1 .views-field-title {
|
||||||
color: #4dabc1; }
|
color: #4dabc1; }
|
||||||
.programme-2 .views-field-title:hover {
|
.programme-1 .views-field-title:hover {
|
||||||
background: #4dabc1;
|
background: #4dabc1;
|
||||||
color: white; }
|
color: white; }
|
||||||
|
|
||||||
|
.programme-2 .views-field-field-programme .field-content {
|
||||||
|
background: #61ab32; }
|
||||||
|
|
||||||
|
.programme-2 .views-field {
|
||||||
|
color: #61ab32; }
|
||||||
|
|
||||||
|
.programme-2 .views-field-title {
|
||||||
|
color: #61ab32; }
|
||||||
|
.programme-2 .views-field-title:hover {
|
||||||
|
background: #61ab32;
|
||||||
|
color: white; }
|
||||||
|
|
||||||
.programme-3 .views-field-field-programme .field-content {
|
.programme-3 .views-field-field-programme .field-content {
|
||||||
background: #646578; }
|
background: #646578; }
|
||||||
|
|
||||||
@ -1436,11 +1448,6 @@ footer {
|
|||||||
.path-frontpage .block-region-content .views-element-container {
|
.path-frontpage .block-region-content .views-element-container {
|
||||||
grid-column: 1 / span 3; }
|
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 {
|
.last-news .slick-slide, .last-ressources .slick-slide {
|
||||||
margin: 0 1rem; }
|
margin: 0 1rem; }
|
||||||
|
|
||||||
@ -1464,32 +1471,119 @@ footer {
|
|||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
position: relative;
|
position: relative;
|
||||||
height: auto; }
|
height: auto; }
|
||||||
.last-news .views-row .views-field-field-image, .last-ressources .views-row .views-field-field-image {
|
.last-news .views-row a, .last-ressources .views-row a {
|
||||||
|
text-decoration: none; }
|
||||||
|
|
||||||
|
.last-news .programme-1 .views-field {
|
||||||
|
background: #4dabc1 !important; }
|
||||||
|
|
||||||
|
.last-news .programme-2 .views-field {
|
||||||
|
background: #61ab32 !important; }
|
||||||
|
|
||||||
|
.last-news .programme-3 .views-field {
|
||||||
|
background: #646578 !important; }
|
||||||
|
|
||||||
|
.last-news .programme-4 .views-field {
|
||||||
|
background: black; }
|
||||||
|
|
||||||
|
.last-news .programme-5 .views-field {
|
||||||
|
background: #ab9569 !important; }
|
||||||
|
|
||||||
|
.last-news .programme-6 .views-field {
|
||||||
|
background: #e01a35 !important; }
|
||||||
|
|
||||||
|
.last-news .programme-7 .views-field {
|
||||||
|
background: #28429f !important; }
|
||||||
|
|
||||||
|
.last-news {
|
||||||
|
margin-top: 2rem; }
|
||||||
|
.last-news .views-field-field-image {
|
||||||
|
height: 25rem; }
|
||||||
|
.last-news .views-field-field-image img {
|
||||||
|
width: 100%; }
|
||||||
|
.last-news .views-field-field-image {
|
||||||
|
grid-column: 1;
|
||||||
|
grid-row: auto;
|
||||||
|
z-index: -1;
|
||||||
|
margin-top: -15%; }
|
||||||
|
.last-news .views-field:not(.views-field-field-image) {
|
||||||
|
padding-right: .5rem;
|
||||||
|
padding-left: .5rem;
|
||||||
|
background-color: black;
|
||||||
|
width: 90%;
|
||||||
|
margin-left: 1rem;
|
||||||
|
color: white;
|
||||||
|
align-self: flex-start;
|
||||||
|
grid-column: 1;
|
||||||
|
grid-auto-rows: min-content;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
text-transform: uppercase; }
|
||||||
|
.last-news .views-field-title {
|
||||||
|
font-size: 2.3rem !important;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 1.2;
|
||||||
|
padding-top: .3rem; }
|
||||||
|
.last-news .views-field-field-sous-titre {
|
||||||
|
padding: .5rem 0 1rem 0; }
|
||||||
|
.last-news .views-field-field-programme {
|
||||||
|
text-transform: uppercase;
|
||||||
|
grid-row: 1;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: .5rem 0 .5rem 0; }
|
||||||
|
|
||||||
|
.last-ressources .views-field {
|
||||||
|
color: black; }
|
||||||
|
|
||||||
|
.last-ressources .views-field-field-image {
|
||||||
grid-column: 1;
|
grid-column: 1;
|
||||||
grid-row: 1 / span 4;
|
grid-row: 1 / span 4;
|
||||||
z-index: -1;
|
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) {
|
.last-ressources .views-field:not(.views-field-field-image) {
|
||||||
background: black;
|
background: black;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
margin-left: 1rem;
|
margin-left: 1rem;
|
||||||
padding-left: 1rem;
|
padding-left: 1rem;
|
||||||
color: white; }
|
color: white; }
|
||||||
.last-news .views-row .views-field-title, .last-ressources .views-row .views-field-title {
|
|
||||||
|
.last-ressources .views-field-title-1, .last-ressources .views-field-title {
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
grid-column: 1;
|
grid-column: 2;
|
||||||
grid-row: 3;
|
grid-row: 3;
|
||||||
font-weight: 600; }
|
font-weight: 600; }
|
||||||
.last-news .views-row .views-field-view-node, .last-ressources .views-row .views-field-view-node {
|
|
||||||
padding-top: 1rem;
|
.last-ressources .views-field-view-node {
|
||||||
grid-column: 1;
|
grid-row: 4 / span 1;
|
||||||
grid-row: 1; }
|
grid-column: 2 / span 1;
|
||||||
.last-news .views-row .views-field-field-programme, .last-ressources .views-row .views-field-field-programme {
|
margin-bottom: 1rem; }
|
||||||
|
|
||||||
|
.last-ressources .views-field-field-programme {
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
grid-column: 1;
|
grid-column: 1;
|
||||||
grid-row: 2; }
|
grid-row: 1;
|
||||||
.last-news .views-row a, .last-ressources .views-row a {
|
font-weight: 500;
|
||||||
text-decoration: none; }
|
margin-bottom: 1rem; }
|
||||||
|
|
||||||
|
.last-ressources .programme-1 .views-field {
|
||||||
|
color: #4dabc1 !important; }
|
||||||
|
|
||||||
|
.last-ressources .programme-2 .views-field {
|
||||||
|
color: #61ab32 !important; }
|
||||||
|
|
||||||
|
.last-ressources .programme-3 .views-field {
|
||||||
|
color: #646578 !important; }
|
||||||
|
|
||||||
|
.last-ressources .programme-4 .views-field {
|
||||||
|
color: black; }
|
||||||
|
|
||||||
|
.last-ressources .programme-5 .views-field {
|
||||||
|
color: #ab9569 !important; }
|
||||||
|
|
||||||
|
.last-ressources .programme-6 .views-field {
|
||||||
|
color: #e01a35 !important; }
|
||||||
|
|
||||||
|
.last-ressources .programme-7 .views-field {
|
||||||
|
color: #28429f !important; }
|
||||||
|
|
||||||
.main_logo {
|
.main_logo {
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
@ -1501,21 +1595,22 @@ footer {
|
|||||||
.about {
|
.about {
|
||||||
box-shadow: inset 0 17rem 18rem #eff2f9;
|
box-shadow: inset 0 17rem 18rem #eff2f9;
|
||||||
background: url(../images/motif_croix.svg);
|
background: url(../images/motif_croix.svg);
|
||||||
|
font-size: 0.8rem;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 18rem 0 3rem 0;
|
padding: 18rem 0 3rem 0;
|
||||||
margin-top: -15rem; }
|
margin-top: -15rem; }
|
||||||
.about article h2 {
|
.about .views-row .views-field-title {
|
||||||
font-family: "duke" !important;
|
font-family: "duke" !important;
|
||||||
font-size: 1.6rem;
|
font-size: 1.6rem;
|
||||||
color: black;
|
color: black;
|
||||||
font-weight: 400; }
|
font-weight: 400; }
|
||||||
.about article h2 a {
|
.about .views-row .views-field-title a {
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
.about article h3 {
|
.about .views-row h3 {
|
||||||
color: black; }
|
color: black; }
|
||||||
.about article div {
|
.about .views-row div {
|
||||||
margin: 0 5%; }
|
margin: 0 5%; }
|
||||||
.about article .links {
|
.about .views-row .views-field-view-node {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
background: black;
|
background: black;
|
||||||
@ -1525,9 +1620,9 @@ footer {
|
|||||||
padding: .5rem 1.5rem;
|
padding: .5rem 1.5rem;
|
||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
margin-top: 1rem; }
|
margin-top: 1rem; }
|
||||||
.about article .links a {
|
.about .views-row .views-field-view-node a {
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
.about article .links a:hover {
|
.about .views-row .views-field-view-node a:hover {
|
||||||
text-decoration: underline; }
|
text-decoration: underline; }
|
||||||
|
|
||||||
#home_blocks-block_3 {
|
#home_blocks-block_3 {
|
||||||
@ -1549,21 +1644,18 @@ footer {
|
|||||||
background-clip: content-box; }
|
background-clip: content-box; }
|
||||||
#home_blocks-block_3 .last-ressources .views-field-field-image {
|
#home_blocks-block_3 .last-ressources .views-field-field-image {
|
||||||
grid-row: 3 / span 2;
|
grid-row: 3 / span 2;
|
||||||
margin-top: -1.5rem;
|
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
padding: .5rem; }
|
padding: .5rem; }
|
||||||
#home_blocks-block_3 .last-ressources .views-field:not(.views-field-field-image) {
|
#home_blocks-block_3 .last-ressources .views-field:not(.views-field-field-image) {
|
||||||
background: transparent;
|
background: transparent;
|
||||||
width: auto;
|
width: auto;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
padding-left: 0; }
|
padding-left: 0;
|
||||||
#home_blocks-block_3 .last-ressources .views-field-title {
|
color: black; }
|
||||||
|
#home_blocks-block_3 .last-ressources .views-field-title-1, #home_blocks-block_3 .last-ressources .views-field-title {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
grid-row: 3 / span 1;
|
grid-row: 3 / span 1;
|
||||||
grid-column: 2 / span 1; }
|
grid-column: 2 / span 1; }
|
||||||
#home_blocks-block_3 .last-ressources .views-field-view-node {
|
|
||||||
grid-row: 2 / span 1;
|
|
||||||
grid-column: 2 / span 1; }
|
|
||||||
#home_blocks-block_3 .last-ressources .views-field-field-programme {
|
#home_blocks-block_3 .last-ressources .views-field-field-programme {
|
||||||
padding-left: .5rem !important;
|
padding-left: .5rem !important;
|
||||||
grid-row: 1 / span 1;
|
grid-row: 1 / span 1;
|
||||||
@ -1573,7 +1665,6 @@ footer {
|
|||||||
#home_blocks-block_3 .last-ressources .views-field-field-programme .field-content {
|
#home_blocks-block_3 .last-ressources .views-field-field-programme .field-content {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: auto;
|
width: auto;
|
||||||
background-color: #28429f;
|
|
||||||
padding: .3rem .5rem; }
|
padding: .3rem .5rem; }
|
||||||
#home_blocks-block_3 .last-ressources .views-field-field-programme .empty {
|
#home_blocks-block_3 .last-ressources .views-field-field-programme .empty {
|
||||||
background-color: black;
|
background-color: black;
|
||||||
@ -1626,9 +1717,9 @@ footer {
|
|||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
#home_prog_container .views-field-field-diaporama {
|
#home_prog_container .views-field-field-diaporama {
|
||||||
display: none; }
|
display: none; }
|
||||||
#home_prog_container .programme-2 {
|
#home_prog_container .programme-1 {
|
||||||
background: center/60% no-repeat url(../images/POPSU_1.svg) white; }
|
background: center/60% no-repeat url(../images/POPSU_1.svg) white; }
|
||||||
#home_prog_container .programme-2:hover {
|
#home_prog_container .programme-1:hover {
|
||||||
background: #4dabc1; }
|
background: #4dabc1; }
|
||||||
#home_prog_container .programme-2 {
|
#home_prog_container .programme-2 {
|
||||||
background: center/60% no-repeat url(../images/POPSU_2.svg) white; }
|
background: center/60% no-repeat url(../images/POPSU_2.svg) white; }
|
||||||
@ -1699,12 +1790,17 @@ footer {
|
|||||||
left: 0;
|
left: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: absolute;
|
position: absolute; }
|
||||||
|
#home_theme_container .views-field-field-image .field-content {
|
||||||
display: grid;
|
display: grid;
|
||||||
align-items: center; }
|
padding: 0;
|
||||||
#home_theme_container .views-field-field-image img {
|
overflow: hidden;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto; }
|
height: 100%; }
|
||||||
|
#home_theme_container .views-field-field-image .field-content img {
|
||||||
|
height: 100% !important;
|
||||||
|
width: inherit !important;
|
||||||
|
max-width: none; }
|
||||||
|
|
||||||
#villes-block_1, #home_themes-block_1, #programmes-block_4 {
|
#villes-block_1, #home_themes-block_1, #programmes-block_4 {
|
||||||
background: #eff2f9;
|
background: #eff2f9;
|
||||||
@ -1955,7 +2051,6 @@ article p, .paragraph p {
|
|||||||
.path-actus .content_container .layout__region--content .views-element-container div h2 {
|
.path-actus .content_container .layout__region--content .views-element-container div h2 {
|
||||||
margin: 1rem 0; }
|
margin: 1rem 0; }
|
||||||
.path-actus .content_container .layout__region--content .views-element-container article h2 {
|
.path-actus .content_container .layout__region--content .views-element-container article h2 {
|
||||||
color: white;
|
|
||||||
padding: 0; }
|
padding: 0; }
|
||||||
.path-actus .content_container .layout__region--content .views-element-container article h2 a {
|
.path-actus .content_container .layout__region--content .views-element-container article h2 a {
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
@ -1977,6 +2072,27 @@ article p, .paragraph p {
|
|||||||
font-size: 0.8rem;
|
font-size: 0.8rem;
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
|
||||||
|
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-1 * {
|
||||||
|
color: #4dabc1 !important; }
|
||||||
|
|
||||||
|
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-2 * {
|
||||||
|
color: #61ab32 !important; }
|
||||||
|
|
||||||
|
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-3 * {
|
||||||
|
color: #646578 !important; }
|
||||||
|
|
||||||
|
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-4 * {
|
||||||
|
color: black; }
|
||||||
|
|
||||||
|
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-5 * {
|
||||||
|
color: #ab9569 !important; }
|
||||||
|
|
||||||
|
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-6 * {
|
||||||
|
color: #e01a35 !important; }
|
||||||
|
|
||||||
|
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .programme-7 * {
|
||||||
|
color: #28429f !important; }
|
||||||
|
|
||||||
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article {
|
.path-actus .content_container .layout__region--content #actus_blocks-block_1 .views-row article {
|
||||||
display: grid !important;
|
display: grid !important;
|
||||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||||
@ -2000,7 +2116,7 @@ article p, .paragraph p {
|
|||||||
|
|
||||||
.path-actus .content_container .slick-slide {
|
.path-actus .content_container .slick-slide {
|
||||||
margin: 0 1rem;
|
margin: 0 1rem;
|
||||||
background-color: #98d0d9;
|
background-color: white;
|
||||||
padding: 1rem; }
|
padding: 1rem; }
|
||||||
|
|
||||||
.path-actus .content_container .slick-arrow {
|
.path-actus .content_container .slick-arrow {
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
@ -11,15 +11,73 @@ use Drupal\Core\Template\Attribute;
|
|||||||
|
|
||||||
function popsu_preprocess_views_view_unformatted(&$variables) {
|
function popsu_preprocess_views_view_unformatted(&$variables) {
|
||||||
|
|
||||||
$view = $variables['view'];
|
$view = &$variables['view'];
|
||||||
|
$rows = &$variables['rows'];
|
||||||
if($view->id() == "programmes"){
|
if($view->id() == "programmes"){
|
||||||
$rows = $variables['rows'];
|
|
||||||
foreach ($rows as $id => $row) {
|
foreach ($rows as $id => $row) {
|
||||||
$variables['rows'][$id]['attributes'] = new Attribute();
|
$variables['rows'][$id]['attributes'] = new Attribute();
|
||||||
$c = $variables['rows'][$id]['content']["#row"]->nid;
|
$c = $variables['rows'][$id]['content']["#row"]->nid;
|
||||||
$variables['rows'][$id]['attributes']->addClass("programme-".$c);
|
$variables['rows'][$id]['attributes']->addClass("programme-".$c);
|
||||||
}
|
}
|
||||||
|
}else{
|
||||||
|
foreach ($rows as $id => $row) {
|
||||||
|
if(isset($row['content']['#row'])){
|
||||||
|
$r = $row['content']['#row'];
|
||||||
|
$entity = $r->_entity;
|
||||||
|
if ($entity->hasField('field_programme') && $entity->get('field_programme')->getString() != "" ) {
|
||||||
|
$c = $entity->get('field_programme')->getString();
|
||||||
|
$variables['rows'][$id]['attributes'] = new Attribute();
|
||||||
|
$variables['rows'][$id]['attributes']->addClass("programme-".$c);
|
||||||
}
|
}
|
||||||
|
}else if(isset($row['content']['#node'])){
|
||||||
|
$r = $row['content']['#node'];
|
||||||
|
if ($r->hasField('field_programme') && $r->get('field_programme')->getString() != "" ) {
|
||||||
|
$c = $r->get('field_programme')->getString();
|
||||||
|
$variables['rows'][$id]['attributes'] = new Attribute();
|
||||||
|
$variables['rows'][$id]['attributes']->addClass("programme-".$c);
|
||||||
|
// kint($c);die();
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// foreach ($row['#rows'] as $j => &$elem) {
|
||||||
|
// $entity = $elem["#row"]->_entity;
|
||||||
|
// if ($entity->hasField('field_programme')) {
|
||||||
|
|
||||||
|
// $prog_id = $entity->get('field_programme')->getString();
|
||||||
|
// kint($prog_id);die();
|
||||||
|
// $class = "programme-".$prog_id;
|
||||||
|
// // $elem["#row"]['attributes']["class"] = $class;
|
||||||
|
// // $attributes = array(
|
||||||
|
// // "class" => $class
|
||||||
|
// // );
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// kint($rows);die();
|
||||||
|
// $variables['rows'][$id]['attributes'] = new Attribute();
|
||||||
|
// $c = $variables['rows'][$id]['content']["#row"]->nid;
|
||||||
|
// $variables['rows'][$id]['attributes']->addClass("programme-".$c);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// $storage = $view->storage;
|
||||||
|
// if(isset($storage['css_class'])){
|
||||||
|
// kint($storage);die();
|
||||||
|
// $rows = &$variables['rows'];
|
||||||
|
// foreach ( $rows as $i => &$row ){
|
||||||
|
// foreach ($row['#rows'] as $j => &$elem) {
|
||||||
|
// $entity = $elem["#row"]->_entity;
|
||||||
|
// if ($entity->hasField('field_programme')) {
|
||||||
|
// $prog_id = $entity->get('field_programme')->getString();
|
||||||
|
// $class = "programme-".$prog_id;
|
||||||
|
// // $elem["#row"]['attributes']["class"] = $class;
|
||||||
|
// // $attributes = array(
|
||||||
|
// // "class" => $class
|
||||||
|
// // );
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
};
|
};
|
||||||
|
|
||||||
@ -35,32 +93,9 @@ function popsu_preprocess_region(&$variables) {
|
|||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Implements hook_preprocess_page().
|
* Implements hook_preprocess_views_view_unformatted().
|
||||||
*/
|
*/
|
||||||
|
|
||||||
function popsu_preprocess_views_view(&$variables){
|
|
||||||
$vars = $variables;
|
|
||||||
if(isset($variables['css_class']) && $variables['css_class'] == 'last-news'){
|
|
||||||
|
|
||||||
$rows =& $variables['rows'];
|
|
||||||
foreach ($rows as $i => &$row ){
|
|
||||||
foreach ($row['#rows'] as $j => &$elem) {
|
|
||||||
$entity = $elem["#row"]->_entity;
|
|
||||||
if ($entity->hasField('field_programme')) {
|
|
||||||
$prog_id = $entity->get('field_programme')->getString();
|
|
||||||
$class = "programme-".$prog_id;
|
|
||||||
$attributes = array(
|
|
||||||
"class" => $class
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
// $elem['id'] = new Attribute("socks");
|
|
||||||
//$elem['attributes']->addClass($class);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function popsu_preprocess_views_view_grid(&$variables){
|
function popsu_preprocess_views_view_grid(&$variables){
|
||||||
// we pass all variables by reference
|
// we pass all variables by reference
|
||||||
@ -162,7 +197,6 @@ function popsu_preprocess_block__entity_field(&$variables){
|
|||||||
}
|
}
|
||||||
if ($all_empty) {
|
if ($all_empty) {
|
||||||
$variables['isEmpty'] = true;
|
$variables['isEmpty'] = true;
|
||||||
$t="t";
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@ -20,7 +20,7 @@
|
|||||||
}
|
}
|
||||||
article{
|
article{
|
||||||
h2{
|
h2{
|
||||||
color: white;
|
// color: white;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
a{
|
a{
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@ -51,6 +51,51 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
#actus_blocks-block_1{
|
#actus_blocks-block_1{
|
||||||
|
|
||||||
|
.programme-1{
|
||||||
|
*{
|
||||||
|
color: $col-1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.programme-2{
|
||||||
|
*{
|
||||||
|
color: $col-2 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.programme-3{
|
||||||
|
*{
|
||||||
|
color: $col-eur !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.programme-4{
|
||||||
|
*{
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.programme-5{
|
||||||
|
*{
|
||||||
|
color: $col-mond !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.programme-6{
|
||||||
|
*{
|
||||||
|
color: $col-ter !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.programme-7{
|
||||||
|
*{
|
||||||
|
color: $col-met !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.views-row article{
|
.views-row article{
|
||||||
display: grid !important;
|
display: grid !important;
|
||||||
grid-template-columns: repeat( 2, minmax(0, 1fr));
|
grid-template-columns: repeat( 2, minmax(0, 1fr));
|
||||||
@ -87,7 +132,7 @@
|
|||||||
|
|
||||||
.slick-slide{
|
.slick-slide{
|
||||||
margin: 0 1rem;
|
margin: 0 1rem;
|
||||||
background-color: $lightblue;
|
background-color: white;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
}
|
}
|
||||||
.slick-arrow{
|
.slick-arrow{
|
||||||
|
|||||||
@ -11,14 +11,7 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.last-news{
|
|
||||||
.views-field-field-image{
|
|
||||||
height: 25rem;
|
|
||||||
img{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.last-news, .last-ressources{
|
.last-news, .last-ressources{
|
||||||
.slick-slide{
|
.slick-slide{
|
||||||
margin: 0 1rem;
|
margin: 0 1rem;
|
||||||
@ -47,11 +40,119 @@
|
|||||||
// flex-direction: column-reverse;
|
// flex-direction: column-reverse;
|
||||||
position: relative;
|
position: relative;
|
||||||
height: auto;
|
height: auto;
|
||||||
|
a{
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.last-news .programme-1{
|
||||||
|
.views-field{
|
||||||
|
background: $col-1 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.last-news .programme-2{
|
||||||
|
.views-field{
|
||||||
|
background: $col-2 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.last-news .programme-3{
|
||||||
|
.views-field{
|
||||||
|
background: $col-eur !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.last-news .programme-4{
|
||||||
|
.views-field{
|
||||||
|
background: black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.last-news .programme-5{
|
||||||
|
.views-field{
|
||||||
|
background: $col-mond !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.last-news .programme-6{
|
||||||
|
.views-field{
|
||||||
|
background: $col-ter !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.last-news .programme-7{
|
||||||
|
.views-field{
|
||||||
|
background: $col-met !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.last-news{
|
||||||
|
margin-top: 2rem;
|
||||||
|
.views-field-field-image{
|
||||||
|
height: 25rem;
|
||||||
|
img{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.views-field-field-image{
|
||||||
|
grid-column: 1;
|
||||||
|
grid-row: auto;
|
||||||
|
z-index: -1;
|
||||||
|
margin-top: -15%;
|
||||||
|
}
|
||||||
|
.views-field:not(.views-field-field-image){
|
||||||
|
padding-right: .5rem;
|
||||||
|
padding-left: .5rem;
|
||||||
|
background-color: black;
|
||||||
|
width: 90%;
|
||||||
|
margin-left: 1rem;
|
||||||
|
color: white;
|
||||||
|
align-self: flex-start;
|
||||||
|
grid-column: 1;
|
||||||
|
grid-auto-rows: min-content;
|
||||||
|
|
||||||
|
font-size: $font-medium;
|
||||||
|
|
||||||
|
text-transform: uppercase;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
// .views-field-field-type-evenement{
|
||||||
|
// grid-row: 4;
|
||||||
|
// }
|
||||||
|
.views-field-title{
|
||||||
|
// grid-row: 5;
|
||||||
|
font-size: $font-extra !important;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 1.2;
|
||||||
|
padding-top: .3rem;
|
||||||
|
|
||||||
|
}
|
||||||
|
.views-field-field-sous-titre{
|
||||||
|
padding: .5rem 0 1rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.views-field-field-programme{
|
||||||
|
text-transform: uppercase;
|
||||||
|
grid-row: 1;
|
||||||
|
font-weight: 500;
|
||||||
|
padding: .5rem 0 .5rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.last-ressources{
|
||||||
|
.views-field{
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
.views-field-field-image{
|
.views-field-field-image{
|
||||||
grid-column: 1;
|
grid-column: 1;
|
||||||
grid-row: 1 / span 4;
|
grid-row: 1 / span 4;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
padding-top: 1rem;
|
// padding-top: 1rem;
|
||||||
}
|
}
|
||||||
.views-field:not(.views-field-field-image){
|
.views-field:not(.views-field-field-image){
|
||||||
background: black;
|
background: black;
|
||||||
@ -61,29 +162,73 @@
|
|||||||
color: white;
|
color: white;
|
||||||
|
|
||||||
}
|
}
|
||||||
.views-field-title{
|
.views-field-title-1, .views-field-title{
|
||||||
padding-bottom: 1rem;
|
padding-bottom: 1rem;
|
||||||
grid-column: 1;
|
grid-column: 2;
|
||||||
grid-row: 3;
|
grid-row: 3;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
.views-field-view-node{
|
.views-field-view-node{
|
||||||
padding-top: 1rem;
|
// padding-top: 1rem;
|
||||||
grid-column: 1;
|
// grid-column: 1;
|
||||||
grid-row: 1;
|
// grid-row: 1;
|
||||||
|
grid-row: 4 / span 1;
|
||||||
|
grid-column: 2 / span 1;
|
||||||
|
margin-bottom: 1rem;
|
||||||
}
|
}
|
||||||
.views-field-field-programme{
|
.views-field-field-programme{
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
grid-column: 1;
|
grid-column: 1;
|
||||||
grid-row: 2;
|
grid-row: 1;
|
||||||
|
font-weight: 500;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.programme-1{
|
||||||
|
.views-field{
|
||||||
|
color: $col-1 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.programme-2{
|
||||||
|
.views-field{
|
||||||
|
color: $col-2 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.programme-3{
|
||||||
|
.views-field{
|
||||||
|
color: $col-eur !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.programme-4{
|
||||||
|
.views-field{
|
||||||
|
color: black;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.programme-5{
|
||||||
|
.views-field{
|
||||||
|
color: $col-mond !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.programme-6{
|
||||||
|
.views-field{
|
||||||
|
color: $col-ter !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.programme-7{
|
||||||
|
.views-field{
|
||||||
|
color: $col-met !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
a{
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.main_logo{
|
.main_logo{
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
height: 7rem;
|
height: 7rem;
|
||||||
@ -95,11 +240,12 @@
|
|||||||
.about{
|
.about{
|
||||||
box-shadow: inset 0 17rem 18rem $bck-col;
|
box-shadow: inset 0 17rem 18rem $bck-col;
|
||||||
background: $trame;
|
background: $trame;
|
||||||
|
font-size: $font-medium;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 18rem 0 3rem 0;
|
padding: 18rem 0 3rem 0;
|
||||||
margin-top: -15rem;
|
margin-top: -15rem;
|
||||||
article{
|
.views-row{
|
||||||
h2{
|
.views-field-title{
|
||||||
font-family: "duke" !important;
|
font-family: "duke" !important;
|
||||||
font-size: $font-large;
|
font-size: $font-large;
|
||||||
color:black;
|
color:black;
|
||||||
@ -114,7 +260,7 @@
|
|||||||
div{
|
div{
|
||||||
margin: 0 5%;
|
margin: 0 5%;
|
||||||
}
|
}
|
||||||
.links{
|
.views-field-view-node{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
background: black;
|
background: black;
|
||||||
@ -159,7 +305,7 @@
|
|||||||
}
|
}
|
||||||
.views-field-field-image{
|
.views-field-field-image{
|
||||||
grid-row: 3 / span 2;
|
grid-row: 3 / span 2;
|
||||||
margin-top: -1.5rem;
|
// margin-top: -1.5rem;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
padding: .5rem;
|
padding: .5rem;
|
||||||
}
|
}
|
||||||
@ -168,26 +314,20 @@
|
|||||||
width: auto;
|
width: auto;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
padding-left: 0;
|
padding-left: 0;
|
||||||
|
color: black;
|
||||||
|
|
||||||
}
|
}
|
||||||
.views-field-title{
|
.views-field-title-1,.views-field-title{
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
grid-row: 3 / span 1;
|
grid-row: 3 / span 1;
|
||||||
grid-column: 2 / 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{
|
.views-field-field-programme{
|
||||||
.field-content{
|
.field-content{
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: auto;
|
width: auto;
|
||||||
background-color: $col-met;
|
|
||||||
padding: .3rem .5rem;
|
padding: .3rem .5rem;
|
||||||
|
|
||||||
}
|
}
|
||||||
@ -271,10 +411,8 @@
|
|||||||
}
|
}
|
||||||
//
|
//
|
||||||
|
|
||||||
// .views-field-title{
|
|
||||||
// margin: 3rem;
|
.programme-1{
|
||||||
// }
|
|
||||||
.programme-2{
|
|
||||||
background: center / 60% no-repeat url(../images/POPSU_1.svg) white;
|
background: center / 60% no-repeat url(../images/POPSU_1.svg) white;
|
||||||
|
|
||||||
&:hover{
|
&:hover{
|
||||||
@ -313,6 +451,7 @@
|
|||||||
&:hover{
|
&:hover{
|
||||||
background: $col-met;
|
background: $col-met;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#home_theme_container{
|
#home_theme_container{
|
||||||
@ -372,12 +511,28 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
.field-content{
|
||||||
display: grid;
|
display: grid;
|
||||||
align-items: center;
|
// justify-content: center;
|
||||||
img{
|
// align-items: center;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: 100%;
|
||||||
|
// a{
|
||||||
|
// // margin-left: -50%;
|
||||||
|
img{
|
||||||
|
height: 100% !important;
|
||||||
|
width: inherit !important;
|
||||||
|
max-width: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// }
|
||||||
|
// &:hover{
|
||||||
|
// opacity: .6;
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -17,7 +17,7 @@ $lightblue: #98d0d9;
|
|||||||
$trame: url(../images/motif_croix.svg);
|
$trame: url(../images/motif_croix.svg);
|
||||||
|
|
||||||
//programmes values
|
//programmes values
|
||||||
.programme-2{
|
.programme-1{
|
||||||
.views-field-field-programme{
|
.views-field-field-programme{
|
||||||
.field-content{
|
.field-content{
|
||||||
background: $col-1;
|
background: $col-1;
|
||||||
@ -36,6 +36,25 @@ $trame: url(../images/motif_croix.svg);
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.programme-2{
|
||||||
|
.views-field-field-programme{
|
||||||
|
.field-content{
|
||||||
|
background: $col-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
.views-field{
|
||||||
|
color: $col-2;
|
||||||
|
}
|
||||||
|
.views-field-title{
|
||||||
|
color: $col-2;
|
||||||
|
&:hover{
|
||||||
|
background: $col-2;
|
||||||
|
color:white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.programme-3{
|
.programme-3{
|
||||||
.views-field-field-programme{
|
.views-field-field-programme{
|
||||||
.field-content{
|
.field-content{
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user