home
This commit is contained in:
@@ -338,6 +338,171 @@ footer h2 {
|
||||
font-size: 1rem;
|
||||
line-height: 1.5rem; }
|
||||
|
||||
@keyframes animateCircle_pop_trans {
|
||||
0% {
|
||||
stroke: #000000;
|
||||
/* Initial stroke color */ }
|
||||
100% {
|
||||
stroke: #ff0000;
|
||||
/* Final stroke color */ } }
|
||||
|
||||
@keyframes animateCircle_pop_trans-2 {
|
||||
0% {
|
||||
fill: #ffffff;
|
||||
/* Initial fill color */ }
|
||||
100% {
|
||||
fill: #00ff00;
|
||||
/* Final fill color */ } }
|
||||
|
||||
@keyframes animateCircle_vert_clair_erable {
|
||||
0% {
|
||||
stroke: #000000;
|
||||
/* Initial stroke color */ }
|
||||
100% {
|
||||
stroke: #ff0000;
|
||||
/* Final stroke color */ } }
|
||||
|
||||
@keyframes animateCircle_vert_clair_erable-93 {
|
||||
0% {
|
||||
fill: #ffffff;
|
||||
/* Initial fill color */ }
|
||||
100% {
|
||||
fill: #00ff00;
|
||||
/* Final fill color */ } }
|
||||
|
||||
@keyframes animateCircle_vert_clair_erable-9 {
|
||||
0% {
|
||||
stroke: #000000;
|
||||
/* Initial stroke color */ }
|
||||
100% {
|
||||
stroke: #ff0000;
|
||||
/* Final stroke color */ } }
|
||||
|
||||
@keyframes animateCircle_vert_clair_erable-3 {
|
||||
0% {
|
||||
fill: #ffffff;
|
||||
/* Initial fill color */ }
|
||||
100% {
|
||||
fill: #00ff00;
|
||||
/* Final fill color */ } }
|
||||
|
||||
@keyframes animateCircle_vert_clair_erable-3-1 {
|
||||
0% {
|
||||
stroke: #000000;
|
||||
/* Initial stroke color */ }
|
||||
100% {
|
||||
stroke: #ff0000;
|
||||
/* Final stroke color */ } }
|
||||
|
||||
@keyframes animateCircle_vert_clair_erable-3-1-7 {
|
||||
0% {
|
||||
fill: #ffffff;
|
||||
/* Initial fill color */ }
|
||||
100% {
|
||||
fill: #00ff00;
|
||||
/* Final fill color */ } }
|
||||
|
||||
@keyframes animateCircle_vert_erable {
|
||||
0% {
|
||||
stroke: #000000;
|
||||
/* Initial stroke color */ }
|
||||
100% {
|
||||
stroke: #ff0000;
|
||||
/* Final stroke color */ } }
|
||||
|
||||
@keyframes animateCircle_vert_erable-4 {
|
||||
0% {
|
||||
fill: #ffffff;
|
||||
/* Initial fill color */ }
|
||||
100% {
|
||||
fill: #00ff00;
|
||||
/* Final fill color */ } }
|
||||
|
||||
@keyframes animateCircle_vert_erable-4-6 {
|
||||
0% {
|
||||
stroke: #000000;
|
||||
/* Initial stroke color */ }
|
||||
100% {
|
||||
stroke: #ff0000;
|
||||
/* Final stroke color */ } }
|
||||
|
||||
@keyframes animateCircle_vert_erable-4-3 {
|
||||
0% {
|
||||
fill: #ffffff;
|
||||
/* Initial fill color */ }
|
||||
100% {
|
||||
fill: #00ff00;
|
||||
/* Final fill color */ } }
|
||||
|
||||
@keyframes animateCircle_vert_erable-2 {
|
||||
0% {
|
||||
stroke: #000000;
|
||||
/* Initial stroke color */ }
|
||||
100% {
|
||||
stroke: #ff0000;
|
||||
/* Final stroke color */ } }
|
||||
|
||||
@keyframes translateAnimation {
|
||||
0% {
|
||||
transform: translateX(0);
|
||||
/* Start translation */ }
|
||||
50% {
|
||||
transform: translateX(200); }
|
||||
100% {
|
||||
transform: translateX(500px);
|
||||
/* End translation */ } }
|
||||
|
||||
@keyframes animateCircle_orange-7 {
|
||||
0% {
|
||||
stroke: #000000;
|
||||
/* Initial stroke color */ }
|
||||
100% {
|
||||
stroke: #ff0000;
|
||||
/* Final stroke color */ } }
|
||||
|
||||
@keyframes animateCircle_orange-2 {
|
||||
0% {
|
||||
fill: #ffffff;
|
||||
/* Initial fill color */ }
|
||||
100% {
|
||||
fill: #00ff00;
|
||||
/* Final fill color */ } }
|
||||
|
||||
@keyframes animateCircle_orange-9 {
|
||||
0% {
|
||||
stroke: #000000;
|
||||
/* Initial stroke color */ }
|
||||
100% {
|
||||
stroke: #ff0000;
|
||||
/* Final stroke color */ } }
|
||||
|
||||
@keyframes animateCircle_orange {
|
||||
0% {
|
||||
fill: #ffffff;
|
||||
/* Initial fill color */ }
|
||||
100% {
|
||||
fill: #00ff00;
|
||||
/* Final fill color */ } }
|
||||
|
||||
@keyframes slidein {
|
||||
from {
|
||||
transform: translateX(0%); }
|
||||
to {
|
||||
transform: translateX(100%); } }
|
||||
|
||||
/* Add more keyframes for other paths as needed */
|
||||
#circle_pop_trans {
|
||||
animation-name: translateAnimation;
|
||||
animation-duration: 13s;
|
||||
animation-repeat: infinite;
|
||||
animation-delay: 1s;
|
||||
animation-fill-mode: none; }
|
||||
|
||||
#circle_orange-6 {
|
||||
animation: slidein 2s infinite alternate;
|
||||
/* Animate fill color */ }
|
||||
|
||||
/* Apply animations to other paths similarly */
|
||||
/*!
|
||||
* Hamburgers
|
||||
* @description Tasty CSS-animated hamburgers
|
||||
@@ -629,6 +794,18 @@ header #block-colloque2024-mainnavigation ul li {
|
||||
#block-colloque2024-mainpagecontent {
|
||||
background-color: transparent; }
|
||||
|
||||
#block-colloque2024-mainpagecontent .medias {
|
||||
display: none; }
|
||||
|
||||
#block-colloque2024-views-block-slide-interviews-block-1 {
|
||||
display: none; }
|
||||
|
||||
#block-colloque2024-views-block-gallerie-block-1 {
|
||||
display: none; }
|
||||
|
||||
#block-colloque2024-views-block-dernieres-publications-block-1 {
|
||||
display: none; }
|
||||
|
||||
#presentation {
|
||||
margin-top: 0.5rem; }
|
||||
#presentation .__title h2 {
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
.medias{
|
||||
|
||||
.paragraph--type--images{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@@ -63,12 +63,15 @@
|
||||
100% {stroke: #ff0000; /* Final stroke color */}
|
||||
}
|
||||
|
||||
@keyframes animateCircle_orange-6 {
|
||||
@keyframes translateAnimation {
|
||||
0% {
|
||||
transform: translateX(0); /* Start translation */
|
||||
}
|
||||
50% {
|
||||
transform: translateX(200);
|
||||
}
|
||||
100% {
|
||||
transform: translateX(50px); /* End translation */
|
||||
transform: translateX(500px); /* End translation */
|
||||
}
|
||||
}
|
||||
|
||||
@@ -92,15 +95,28 @@
|
||||
100% {fill: #00ff00; /* Final fill color */}
|
||||
}
|
||||
|
||||
|
||||
@keyframes slidein {
|
||||
from {
|
||||
transform: translateX(0%);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Add more keyframes for other paths as needed */
|
||||
|
||||
#circle_pop_trans {
|
||||
animation: animatePath1 2s infinite alternate; /* Animate stroke color */
|
||||
}
|
||||
animation-name: translateAnimation;
|
||||
animation-duration:13s;
|
||||
animation-repeat:infinite;
|
||||
animation-delay: 1s;
|
||||
animation-fill-mode: none; }
|
||||
|
||||
#circle_orange-6 {
|
||||
animation: animateCircle_orange-6 2s infinite alternate; /* Animate fill color */
|
||||
animation: slidein 2s infinite alternate; /* Animate fill color */
|
||||
}
|
||||
|
||||
/* Apply animations to other paths similarly */
|
||||
|
||||
@@ -14,6 +14,7 @@
|
||||
@import "configs/global.scss";
|
||||
@import "configs/animation.scss";
|
||||
|
||||
|
||||
// Lib Js
|
||||
@import "hamburgers/hamburgers.scss";
|
||||
|
||||
|
||||
@@ -183,3 +183,24 @@ header {
|
||||
#block-colloque2024-mainpagecontent{
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
///changement 2024
|
||||
|
||||
#block-colloque2024-mainpagecontent{
|
||||
.medias{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#block-colloque2024-views-block-slide-interviews-block-1{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#block-colloque2024-views-block-gallerie-block-1{
|
||||
display: none;
|
||||
}
|
||||
|
||||
#block-colloque2024-views-block-dernieres-publications-block-1{
|
||||
display: none;
|
||||
}
|
||||
@@ -126,4 +126,6 @@
|
||||
id="circle_orange-6"
|
||||
cx="173.08269"
|
||||
cy="80.826645"
|
||||
r="15" /></g></svg>
|
||||
r="15" /></g>
|
||||
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 5.1 KiB After Width: | Height: | Size: 5.2 KiB |
Reference in New Issue
Block a user