Changeset 57348 in spip-zone


Ignore:
Timestamp:
Jan 19, 2012, 5:15:27 PM (8 years ago)
Author:
romy@…
Message:

Joli CSS qui clignote :)

Location:
_plugins_/alerte_urgence
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/alerte_urgence/inclure/alerte_urgence.html

    r40492 r57348  
    1 [(#REM)
    2 
    3   Squelette Message Alerte
    4   (c) 2010 Cedric
    5   Distribue sous licence GPL
    6 
    7 ]
    8 <div id="alerte_urgence">
    9         <div class="box">
    10         <div class="wrap">
    11                 <:alerte:message_urgent|propre:>
    12         </div>
    13         </div>
    14 </div>
    15 <style>
    16 body {padding-top:60px;}
    17 #alerte_urgence {
    18         position:absolute;left:0;top:0;height:60px;width:100%;
     1<div id="alerte_urgence"><strong><:alerte:message_urgent|propre|PtoBR:></strong></div>
     2<style type="text/css">
     3@-webkit-keyframes alerte_urgence-pulse { from, 66% { background: #f06; } 33%, to { background: gray; } }
     4@-moz-keyframes alerte_urgence-pulse { from, 66% { background: #f06; } 33%, to { background: gray; } }
     5@keyframes alerte_urgence-pulse { from, 66% { background: #f06; } 33%, to { background: gray; } }
     6div#alerte_urgence {
     7        position: fixed;
     8        top: 0;
     9        right: 0;
     10        left: 0;
     11        z-index: 999;
     12        font-size: 100%;
     13        line-height: 1;
     14        padding: .75em;
     15        background: #f06;
     16        color: #fff;
     17        font-weight: bold;
     18        text-align: center;
     19        /*white-space: nowrap;*/
     20        overflow: hidden;
     21        text-shadow: 1px 1px 2px rgba(0,0,0,.3);
     22        box-shadow: 0 8px 8px -5px rgba(0,0,0,.3);
     23        -moz-animation: alerte_urgence-pulse 3s 1s forwards;
     24        -webkit-animation: alerte_urgence-pulse 3s 1s forwards;
     25        animation: alerte_urgence-pulse 3s 1s forwards;
    1926}
    20 #alerte_urgence .box {
    21         position:relative;
    22         left:50%;margin-left:-400px;
    23         top:50%;margin-top:-25px;
    24         padding:10px 50px;height:30px;width:700px;
    25         border: 2px solid #FFD324;
    26         background:#FFF6BF;
    27         color : #514721;
    28         font-size:1.1em;
    29         text-align:center;
    30 }
    31 #alerte_urgence a {text-decoration: underline;}
     27div#alerte_urgence * { font-size: inherit; color: inherit; }
     28body { padding-top: 2.5em; }
     29.spip-admin-bloc,
     30.spip-admin-float { top: 2.5em; }
    3231</style>
  • _plugins_/alerte_urgence/plugin.xml

    r41647 r57348  
    11<plugin>
    2         <nom>Alerte d'Urgence</nom>
    3         <version>1.0.1</version>
    4         <prefix>alerte_urgence</prefix>
    5         <etat>stable</etat>
    6         <auteur>Cerdic</auteur>
    7         <licence>GNU/GPL</licence>
    8         <description>Un bandeau d'alerte d'urgence pour diffuser un message</description>
    9         <pipeline>
    10                 <nom>affichage_final</nom>
    11                 <inclure>alerte_urgence_pipelines.php</inclure>
    12         </pipeline>
    13         <categorie>outil</categorie>
     2<nom>Alerte d'urgence</nom>
     3<prefix>alerte_urgence</prefix>
     4
     5<version>1.0.2</version>
     6<etat>stable</etat>
     7<categorie>outil</categorie>
     8
     9<slogan>Bandeau d'alerte pour diffuser un message d'urgence</slogan>
     10<description>Bandeau d'alerte pour diffuser un message d'urgence</description>
     11<auteur>Cerdic</auteur>
     12<licence>GNU/GPL</licence>
     13
     14<pipeline>
     15        <nom>affichage_final</nom>
     16        <inclure>alerte_urgence_pipelines.php</inclure>
     17</pipeline>
    1418</plugin>
Note: See TracChangeset for help on using the changeset viewer.