www/prive/style_prive_plugins.html

   1 #CACHE{0}
   2 [(#REM)
   3
   4         Ce squelette definit les styles de l'espace prive
   5
   6         Note: l'entete "Vary:" sert a repousser l'entete par
   7         defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
   8         genant en cas de "rotation du cookie de session" apres
   9         un changement d'IP (effet de clignotement).
  10
  11         ATTENTION: il faut absolument le charset sinon Firefox croit que
  12         c'est du text/html !
  13         <style>
  14 ]
  15 #CACHE{3600*100,cache-client}
  16 #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
  17 #HTTP_HEADER{Vary: Accept-Encoding}
  18
  19 #SET{claire,##ENV{couleur_claire,edf3fe}}
  20 #SET{foncee,##ENV{couleur_foncee,3874b0}}
  21 #SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
  22 #SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
  23
  24
  25 h2.titrem,h3.titrem { display: block; position:relative; padding-top: 6px; padding-bottom: 4px; background-repeat: no-repeat;padding-[(#GET{left})]:16px;background-color: #GET{claire};color: [#(#GET{foncee}|couleur_foncer)];font-size:14px;margin-top:0;}
  26 .formulaire_spip h3.titrem,#navigation .formulaire_spip h3.titrem,#extra .formulaire_spip h3.titrem {background-color: #GET{claire};color: [#(#GET{foncee}|couleur_foncer)];}
  27
  28
  29 /* listes */
  30 .liste_items,.liste-items {list-style:none;margin:1em 0;padding:0;border-top:1px solid #ddd;clear:both;}
  31 .liste_items .item,.liste-items .item  {border-bottom:1px solid #ddd;padding:0.4em 0; font-size: 11px;overflow:hidden;clear:both;}
  32 .liste_items .item.odd,.liste-items .item.odd  {background:#eee;}
  33 .liste_items .item:hover,.liste-items .item:hover,
  34 .liste_items .item.odd:hover,.liste-items .item.odd:hover {background-color:[#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)];}
  35 .liste_items .court:hover,.liste-items .court:hover  {background-color:#eee;}
  36 .liste_items .item.on,.liste-items .item.on  {background-color:[#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)];font-weight:normal;}
  37 .liste_items .item.on:hover,.liste-items .item.on:hover  {background-color:[#(#GET{claire}|couleur_eclaircir)];}
  38 .liste_items .item h3,.liste-items .item h3  {margin:0;}
  39
  40
  41 .liste_items .item .actions,.liste-items .item .actions  {float:none;margin:0;clear:both;text-align:#GET{right};}
  42
  43 .tri, .pagination {background:#eee;border-top:1px solid #ddd;border-bottom:1px solid #ddd; margin: 0;padding:2px 0; font-size: 11px; font-weight: bold; text-align: #GET{right}; white-space: nowrap;margin-top:1em; }
  44 .tri {text-align:#GET{left};}
  45 .tri .on, .pagination .on { background:#ccc;padding:2px 3px;color:#fff; }
  46 .tri img, .pagination img {vertical-align:bottom;}
  47
  48 .pagination + .tri, .tri + .pagination {border-top:0;margin-top:0;}
  49 .pagination + .liste_items, .tri + .liste_items {border-top:0;margin-top:0;}
  50 .liste_items + .tri, .liste_items + .pagination {margin-top:-1em;margin-bottom:1em;}
  51
  52 #navigation .pagination,#extra .pagination {font-size:9px;}
  53 #navigation .tri,#extra .tri {font-size:9px;}
  54
  55 .clicable {cursor:hand;cursor:pointer;}
  56
  57 /* menus */
  58 /* listes */
  59 ul.menu {list-style:none;margin:1em 0;padding:0;border-top:1px solid #ddd;clear:both;}
  60 ul.menu li {border-bottom:1px solid #ddd;padding:0; font-size: 10px;overflow:hidden;clear:both;}
  61 ul.menu li ul {margin:0;padding:0;margin-#GET{left}:11px;}
  62 ul.menu li a,ul.menu li strong.on {display:block;padding:0.4em 0;}
  63 ul.menu li a:hover {background-color:[#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)];}
  64 ul.menu li .on {background-color:[#(#GET{claire}|couleur_eclaircir|couleur_eclaircir)];}
  65
  66 /* les boutons action */
  67 form.bouton_action_post, form.bouton_action_post div {display:inline;}
  68 form.bouton_action_post button.submit, .formulaire_spip .boutons input.link,.formulaire_spip .boutons button.link {margin:0;font-weight:normal;}
  69
  70 .formulaire_spip .boutons button {cursor:pointer;}
  71 form.bouton_action_post button.submit, .formulaire_spip .boutons input.link,.formulaire_spip .boutons button.link {background:none;border:0;cursor:pointer;padding:0 0 1px;}
  72 form.bouton_action_post button.submit:hover, .formulaire_spip .boutons input.link:hover,.formulaire_spip .boutons button.link:hover {border-bottom:1px solid;padding:0;}
  73
  74 /* message reussite ? */
  75 .formulaire_spip .reponse_formulaire {
  76         border:2px solid;
  77         color:#333;
  78         font-weight: normal;
  79         padding:5px;
  80         padding-left:40px;
  81         min-height:24px;
  82         margin-bottom:1em;
  83 }
  84 .formulaire_spip .reponse_formulaire_ok {
  85         border-color: #53AD20;
  86         background:#E0FFCF url(#CHEMIN{images/message_ok-24.png}) no-repeat 5px 5px;
  87 }
  88 .formulaire_spip .reponse_formulaire_erreur {
  89         border-color: #C30;
  90         background:#FFD0BF url(#CHEMIN{images/message_erreur-24.png}) no-repeat 5px 5px;
  91 }
  92
  93 .error,.success,.notice {
  94         border:2px solid;
  95         color:#333;
  96         font-weight: normal;
  97         padding:5px;
  98         padding-left:40px;
  99         min-height:24px;
 100         margin-bottom:1em;
 101 }
 102 .success{
 103         border-color: #C6D880;
 104         background:#E6EFC2 url(#CHEMIN{images/message_ok-24.png}) no-repeat 5px 5px;
 105         color : #264409;
 106 }
 107 .error {
 108         border-color: #FBC2C4;
 109         background:#FBE3E4 url(#CHEMIN{images/message_erreur-24.png}) no-repeat 5px 5px;
 110         color : #8A1F11;
 111 }
 112 .notice {
 113         border-color: #FFD324;
 114         background:#FFF6BF url(#CHEMIN{images/message_notice-24.png}) no-repeat 5px 5px;
 115         color : #514721;
 116 }
 117
 118 [(#INCLURE{fond=#VAL{prive/}|tous_les_fonds{/style_prive_plugin_}}{env}{couleur_claire}{couleur_foncee}{lang}{ltr})]