diff options
Diffstat (limited to 'Static/Css/slideshow.css')
| -rw-r--r-- | Static/Css/slideshow.css | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/Static/Css/slideshow.css b/Static/Css/slideshow.css new file mode 100644 index 0000000..c7c2e99 --- /dev/null +++ b/Static/Css/slideshow.css @@ -0,0 +1,67 @@ + +.slideDotSelected { + color: var(--mainSiteColor); + transform: scale(1.4); +} + +#secSlides { + display: flex; + flex-direction: column; + text-align: center; + width: 100%; + height: 70vh; + background-color: var(--navbarBg); + background-image: url("/Media/Images/slide0.jpg"); + background-size: cover; + background-repeat: no-repeat; + background-position: center; + transition: background-image 0.3s linear; +} + +#secSlides p { + display: none; + z-index: 1; + margin: auto; + max-width: 80%; + font-size: var(--fontSizeSlideP); + color: var(--slideText); + animation-timing-function: cubic-bezier(0, 0, 0, 1); + animation-name: textSlide; + animation-duration: 5s; + animation-iteration-count: infinite; +} + +#secSlides p span { + font-family: akira; + color: var(--mainSiteColor); + text-shadow: + 1px 1px 0 var(--slideStroke), + 1px -1px 0 var(--slideStroke), + -1px 1px 0 var(--slideStroke), + -1px -1px 0 var(--slideStroke); +} + +#slideDots { + margin-bottom: 1em; +} + +#slideDots i { + margin-right: 1em; +} + +#slideDots i:last-child { + margin-right: none; +} + +/* Etapes de l'animation */ +@keyframes textSlide { + 0% {transform: translate(0%, 20%);} + 100% {transform: translate(0%, 0%);} +} + +/* MOBILE */ +@media screen and (max-width: 768px) { + #secSlides p { + font-size: var(--fontSizeMedium); + } +}
\ No newline at end of file |