header
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -6,28 +6,14 @@
|
||||
main:not(.home) {
|
||||
padding: 4rem 0 !important; } }
|
||||
|
||||
body {
|
||||
position: relative; }
|
||||
body #content-ontop {
|
||||
z-index: 3000;
|
||||
position: relative;
|
||||
top: -1200px; }
|
||||
body #background-animated {
|
||||
z-index: 2000;
|
||||
position: relative;
|
||||
left: -350px; }
|
||||
body::before {
|
||||
z-index: -1;
|
||||
content: " ";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-size: content;
|
||||
display: block;
|
||||
position: absolute;
|
||||
opacity: 0.5;
|
||||
top: 100px;
|
||||
left: +53px; }
|
||||
body #content-ontop {
|
||||
position: relative;
|
||||
top: -1200px; }
|
||||
|
||||
body #background-animated {
|
||||
z-index: -1;
|
||||
position: relative;
|
||||
left: -350px; }
|
||||
|
||||
article.publications, article.interviews {
|
||||
margin-top: 1rem; }
|
||||
|
||||
@@ -1,5 +1,6 @@
|
||||
footer{
|
||||
background: white;
|
||||
border-top: 1px solid black;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 2rem 0 0 0;
|
||||
|
||||
@@ -35,7 +35,7 @@ header{
|
||||
width: 35%;
|
||||
border-left: 1px solid $color1;
|
||||
padding: 0;
|
||||
display: none;
|
||||
// display: none;
|
||||
a{
|
||||
display: flex;
|
||||
}
|
||||
@@ -89,7 +89,7 @@ header{
|
||||
padding-top: 0.25rem;
|
||||
z-index: 9999;
|
||||
}
|
||||
// .nav-main{
|
||||
.nav-main{
|
||||
@media screen and (min-width: 1200px) {
|
||||
display: flex;
|
||||
ul{
|
||||
@@ -106,7 +106,7 @@ header{
|
||||
}
|
||||
}
|
||||
}
|
||||
// }
|
||||
}
|
||||
&.is-active{
|
||||
display: block;
|
||||
position: fixed;
|
||||
@@ -145,7 +145,7 @@ header{
|
||||
width: 0%;
|
||||
transition: width 1s ease;
|
||||
height: 1px;
|
||||
background: $color1;
|
||||
background: $color2024;
|
||||
}
|
||||
&:hover{
|
||||
&::before{
|
||||
@@ -201,7 +201,5 @@ header.front{
|
||||
}
|
||||
}
|
||||
}
|
||||
#block-colloque2024-renderedsitesettingsblock-2{
|
||||
// display: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -19,7 +19,6 @@
|
||||
article {
|
||||
width: calc(100% - 30px);
|
||||
height: 325px;
|
||||
// background: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 3rem $gutter 1.5rem $gutter;
|
||||
@@ -79,35 +78,26 @@
|
||||
.views {
|
||||
section.wrap_head {
|
||||
// @include croix_or;
|
||||
|
||||
.head {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
|
||||
.custom-line {
|
||||
flex: 1; /* Pour étendre le trait sur toute la largeur disponible */
|
||||
border: none;
|
||||
border-top: 1px solid #000; /* Couleur et style de la ligne */
|
||||
margin: 10px 0; /* Marge supérieure et inférieure pour l'espacement */
|
||||
}
|
||||
h3{
|
||||
// &:after{
|
||||
// content:url(../images/path1.svg);
|
||||
// max-width: fit-content;
|
||||
// }
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
|
||||
&:after{
|
||||
display: block;
|
||||
content: "";
|
||||
max-width: fit-content;
|
||||
width: 100%; /* Étendre la ligne sur toute la largeur */
|
||||
border-bottom: 1px solid #000; /* Couleur et style de la ligne */
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.head::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%; /* Étendre la ligne sur toute la largeur */
|
||||
border-bottom: 1px solid #000; /* Couleur et style de la ligne */
|
||||
}
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 576px) {
|
||||
@@ -135,7 +125,7 @@
|
||||
}
|
||||
}
|
||||
.flickity-viewport {
|
||||
// overflow: initial;
|
||||
overflow: initial;
|
||||
}
|
||||
.flickity-slider > div {
|
||||
width: 70%;
|
||||
@@ -150,10 +140,7 @@
|
||||
|
||||
.flickity-slider {
|
||||
position: absolute;
|
||||
// width: 300px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-left: 10px;
|
||||
&:hover{
|
||||
// border: solid 1px black;
|
||||
}
|
||||
}
|
||||
@@ -24,9 +24,7 @@ header {
|
||||
|
||||
#txt_present {
|
||||
margin: 3rem 0;
|
||||
.medias{
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 992px) {
|
||||
margin: 5rem 0;
|
||||
}
|
||||
@@ -172,27 +170,24 @@ header {
|
||||
|
||||
#block-colloque2024-views-block-slide-programme-block-1 {
|
||||
h3 {
|
||||
// &::after {
|
||||
// display: inline-flex;
|
||||
// width: 60px;
|
||||
// height: 60px;
|
||||
// vertical-align: middle;
|
||||
// margin-left: 20px;
|
||||
// // @include labelOnline;
|
||||
// }
|
||||
&::after {
|
||||
display: inline-flex;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
vertical-align: middle;
|
||||
margin-left: 20px;
|
||||
// @include labelOnline;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#block-colloque2024-mainpagecontent{
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
///changement 2024
|
||||
|
||||
#block-colloque2024-mainpagecontent{
|
||||
#txt_present{
|
||||
.medias{
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -10,59 +10,18 @@ main:not(.home) {
|
||||
//
|
||||
body {
|
||||
#content-ontop{
|
||||
z-index: 3000;
|
||||
position: relative;
|
||||
top: -1200px;
|
||||
}
|
||||
|
||||
|
||||
#background-animated{
|
||||
z-index: 2000;
|
||||
z-index: -1;
|
||||
position: relative;
|
||||
left: -350px;
|
||||
|
||||
}
|
||||
position: relative;
|
||||
&::before {
|
||||
z-index: -1;
|
||||
content: " ";
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
// background-image: url("../images/fond-ronds-trace.svg");
|
||||
background-repeat: no-repeat;
|
||||
background-size: content;
|
||||
display: block;
|
||||
position: absolute;
|
||||
opacity: 0.5;
|
||||
top: 100px;
|
||||
left: +53px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
// &::after {
|
||||
// z-index: -1;
|
||||
// content: " ";
|
||||
// width: 100%;
|
||||
// height: 100%;
|
||||
// background: linear-gradient(
|
||||
// to top,
|
||||
// white,
|
||||
// rgba(255, 255, 255, 0.8)
|
||||
// );
|
||||
// display: block;
|
||||
// position: absolute;
|
||||
// transform: translateY(-100%);
|
||||
// top: 100%;
|
||||
// left: 0;
|
||||
// }
|
||||
}
|
||||
|
||||
article {
|
||||
.__title {
|
||||
// @include croix_or;
|
||||
}
|
||||
&.publications,
|
||||
&.interviews {
|
||||
margin-top: 1rem;
|
||||
@@ -78,7 +37,5 @@ article {
|
||||
}
|
||||
}
|
||||
}
|
||||
h4 {
|
||||
// @include croix_or;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -8,14 +8,13 @@
|
||||
position: relative;
|
||||
color: $color2024;
|
||||
&::after{
|
||||
// display: inline-flex;
|
||||
display: none;
|
||||
display: inline-flex;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
vertical-align: middle;
|
||||
@include labelOnline;
|
||||
// @include labelOnline;
|
||||
@media screen and (min-width: 768px) {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
|
||||
@@ -134,7 +134,7 @@
|
||||
var $slide = $('main section .__slide');
|
||||
|
||||
var thumbnails = $('.__slide article.programme.is-selected');
|
||||
var $head_date = $('#block-views-block-slide-programme-block-1 section.first:before');
|
||||
var $head_date = $('#block-colloque2024-views-block-slide-programme-block-1 section.first:before');
|
||||
|
||||
$slide.each(function() {
|
||||
$(this).flickity({
|
||||
|
||||
@@ -1,6 +1,5 @@
|
||||
<div class="head">
|
||||
{{ header }}
|
||||
<hr class="custom-line">
|
||||
{% if more or view.storage.id == 'slide_programme' %}
|
||||
|
||||
<div class="wrap d-flex">
|
||||
|
||||
@@ -73,6 +73,7 @@
|
||||
*/
|
||||
#}
|
||||
|
||||
|
||||
<div class="__img-hero">
|
||||
{{content.field_image_hero}}
|
||||
</div>
|
||||
|
||||
@@ -105,9 +105,6 @@
|
||||
d="m 10,153.49503 c 1.66599,0.28713 3.23412,0.86965 4.64923,2.10196 1.13385,0.98738 2.12354,2.20392 2.87042,3.70487 3.4694,6.97221 1.26697,16.7678 -4.79211,19.76085 -1.59028,0.78557 -3.27791,0.9903 -4.95918,0.75119 -2.5558,-0.36348 -4.53937,-2.61939 -7.00484,-3.35343 -5.83083,-1.73601 -11.81781,-2.62133 -17.66709,-4.27621 -2.30955,-0.65342 -5.79646,-2.18476 -6.29444,-5.66197 -0.56424,-3.93983 3.36487,-5.83643 5.67455,-6.56082 1.86819,-0.58593 3.8034,-0.59903 5.70306,-0.83564 4.12917,-0.51429 8.33141,-0.76337 12.39795,-1.93444 1.65451,-0.47646 2.95288,-1.74598 4.46326,-2.65107 1.47815,-0.88578 3.33945,-1.32444 4.95919,-1.04529 z"
|
||||
id="path_circle_vert_clair_erable_3" class="toright3"/>
|
||||
|
||||
|
||||
|
||||
|
||||
<circle style="fill:#ff804d;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
|
||||
id="circle_orange_3" cx="375.24548" cy="166.11342" r="15.890945" />
|
||||
<circle style="fill:#b9ce00;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
|
||||
@@ -127,7 +124,6 @@
|
||||
id="path_circle_orange_7" />
|
||||
<circle style="fill:#349a84;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
|
||||
id="circle_pop_trans_3" cx="325.69421" cy="216.84201" r="15.890945" />
|
||||
|
||||
|
||||
<circle style="fill:#038788;fill-opacity:1;stroke:none;stroke-width:0.0232253;paint-order:fill markers stroke"
|
||||
id="circle_vert_erable_4" class="moveup" cx="190.17583" cy="216.84201" r="15.890945" />
|
||||
|
||||
Reference in New Issue
Block a user