From 526791d0faadac04936cb48cca1da07af135e2ab Mon Sep 17 00:00:00 2001 From: "real3t@gmail.com" <> Date: Sun, 15 Mar 2015 16:00:29 +0000 Subject: [PATCH] Faire pulser le bandeau d'annonce 3 fois au chargement de la page. --- stylessoyezcreateurs.css.html | 39 +++++++++++++++++++++++++++++++++++ 1 file changed, 39 insertions(+) diff --git a/stylessoyezcreateurs.css.html b/stylessoyezcreateurs.css.html index d317d579..ea5aefac 100644 --- a/stylessoyezcreateurs.css.html +++ b/stylessoyezcreateurs.css.html @@ -257,6 +257,45 @@ a#logo { display: block; clear: right; margin-left: 80px; } /* bandeau d'annonce et citations dans le header */ #bandeau_annonce, #cita_bandeau { padding: .5em 1em; text-align: center; font-size:2em; } +#bandeau_annonce { + background-color: #GET{c_header_bk};[(#CONFIG{soyezcreateurs_couleurs/transparenceheader,1}|!={1}|oui)background-color: rgba([(#GET{c_header_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparenceheader,1});] color: #GET{c_header}; + animation: fadein 5s; + transform-origin:50% 50%; + animation-iteration-count: 3; + animation-timing-function: linear; + -moz-animation: fadein 5s; /* Firefox */ + -moz-transform-origin:50% 50%; + -moz-animation-iteration-count: 3; + -moz-animation-timing-function: linear; + -webkit-animation: fadein 5s; /* Safari and Chrome */ + -webkit-transform-origin:50% 50%; + -webkit-animation-iteration-count: 3; + -webkit-animation-timing-function: linear; + -o-animation: fadein 2s; /* Opera */ + -o-transform-origin:50% 50%; + -o-animation-iteration-count: 3; + -o-animation-timing-function: linear; +} +@keyframes fadein { + 0% { background-color: #FA8; } + 50% { background-color: #GET{c_header_bk}; } + 100% { background-color: #FA8; } +} +@-moz-keyframes fadein { /* Firefox */ + 0% { background-color: #FA8; } + 50% { background-color: #GET{c_header_bk}; } + 100% { background-color: #FA8; } +} +@-webkit-keyframes fadein { /* Safari and Chrome */ + 0% { background-color: #FA8; } + 50% { background-color: #GET{c_header_bk}; } + 100% { background-color: #FA8; } +} +@-o-keyframes fadein { /* Opera */ + 0% { background-color: #FA8; } + 50% { background-color: #GET{c_header_bk}; } + 100% { background-color: #FA8; } +} #cita_bandeau #citations { margin: 0 10px; } #cita_bandeau #citations dl { margin: 0; } -- GitLab