www/plugins-dist/svp/prive/style_prive_plugin_svp.html

   1 [(#REM)
   2
   3         Ce squelette definit les styles de l'espace prive
   4
   5         Note: l'entete "Vary:" sert a repousser l'entete par
   6         defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
   7         genant en cas de "rotation du cookie de session" apres
   8         un changement d'IP (effet de clignotement).
   9
  10         ATTENTION: il faut absolument le charset sinon Firefox croit que
  11         c'est du text/html !
  12         <style>
  13 ]
  14 #CACHE{3600*100,cache-client}
  15 #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
  16 #HTTP_HEADER{Vary: Accept-Encoding}
  17
  18 /* **************** EXEC ADMIN PLUGIN ***************** */
  19 .box .inner .hd h3 img.close { float: #ENV{right}; }
  20 .box .inner .hd h3 img.close:hover { cursor: pointer; }
  21 .onglets_simple.second ul.verrouille li.first {margin-#ENV{left}:30px;}
  22 .onglets_simple.second ul li span.off {
  23         display: block;
  24         float: left;
  25         padding: 4px 7px;
  26         margin-bottom: 5px;
  27         margin-left: 0;
  28         margin-right: 5px;
  29         border: 1px solid #909090;
  30         background-color: #eeeeee;
  31         color: #6c6c6c;
  32         opacity: 0.6;
  33 }
  34
  35 .actions_multiples .boutons { }
  36 .actions_multiples .action { width: 30%; }
  37
  38 .liste-plugins fieldset,
  39 .liste-plugins .liste.plugins,
  40 .liste-plugins .liste.plugins .liste-items { margin-bottom: 0; }
  41 .liste-plugins .liste-items .item {padding-#ENV{right}:30px;}
  42 .liste-plugins .liste-items .item .check {float:#ENV{right};margin-#ENV{right}:-25px;}
  43
  44 .liste-plugins .liste-items .item .cfg_link {position: absolute;top:4px; #ENV{right}: 24px;}
  45
  46 .liste-plugins .liste-items .item h3 a { color: #ENV{foncee}; }
  47
  48 .liste-plugins .liste-items .item .actions { float:none;position:absolute;#ENV{right}:0;bottom:0;padding:5px;padding-bottom:0; background: #e8e8e8; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; z-index: 100; }
  49 .liste-plugins .liste-items .item:hover .actions { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
  50
  51 .liste-plugins .liste-items .item .picto_actif {position: absolute;top:4px;#ENV{left}: 4px;}
  52 .liste-plugins .liste-items .item .picto_err {position: absolute;top:4px;#ENV{left}: 4px;}
  53 .liste-plugins .liste-items .item .picto_verrou {position: absolute;top:24px;#ENV{left}: 4px;filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;}
  54
  55 .liste-plugins .liste-items .item .picto_up { position: absolute; #ENV{right}: 46px; top:4px; }
  56
  57 .liste-plugins .liste-items .item.actif {  background: #e8e8e8; }
  58 .liste-plugins .liste-items .item.actif:hover {background:#eee;}
  59 .liste-plugins .liste-items .item.verrou { background: #e8e8e8; }
  60 .liste-plugins .liste-items .item.inactif { background: #ffffff; }
  61 .liste-plugins .liste-items .item.inactif:hover { background: #eee;  }
  62 .liste-plugins .liste-items .item.inactif:hover .actions { background: #eee; }
  63
  64
  65 .liste-plugins .liste-items .item .details { clear: both;}
  66 .liste-plugins .liste-items .item .details dl { float: none; width: auto; margin-bottom: 0; }
  67 .liste-plugins .liste-items .item .details dl.tech { float: none; clear: both; width: auto; text-align: #ENV{left}; font-size: 1em; word-wrap: break-word; }
  68 .liste-plugins .liste-items .item .details dl dt { float: #ENV{left}; padding-#ENV{right}: 0.5em; }
  69 .liste-plugins .liste-items .item .details dd { margin-bottom:0;}
  70 .liste-plugins .liste-items .item .details .description .desc { margin-bottom: 10px; }
  71
  72 #afficher_incompatibles { float: right; padding: 0.5em 0; }
  73
  74 /* Styles des etats provoquant un affichage specifique des plugins */
  75 /* -- installe (donc actif) */
  76 .installe { color: #999; background: url(#CHEMIN_IMAGE{fond-installe.png}) repeat fixed 0 0 !important; }
  77 .installe:hover {       background-color:#F0F0F0 !important; }
  78 /* -- non stable (tous les états différents de stable : à confirmer si on met test aussi dans les non stables) */
  79 .charger_plugin .nonstable { opacity: 0.5; }
  80 /* -- verrouille (plugins_dist)
  81 .verrou { background:url(#CHEMIN_IMAGE{fond-verrou.png}) repeat fixed 0 0 #FDFDFD !important;}
  82 .verrou:hover { background-color:#F0F0F0 !important; }
  83 */
  84 /* -- obsolete, incompatible */
  85 .disabled,.disabled { background:url(#CHEMIN_IMAGE{fond-obsolete.png}) repeat fixed 0 0 #ddd !important;}
  86 .disabled:hover {       background-color:#ccc !important; }
  87 .liste-plugins .liste-items .item.disabled:hover .actions {background:url(#CHEMIN_IMAGE{fond-obsolete.png}) repeat fixed 0 0 #ccc !important}
  88
  89 .liste-plugins .liste-items .item.disabled h3 a { color: #aaa; }
  90 .liste-plugins .liste-items .item.disabled .icon {filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
  91 /* -- Notice d'information sur le plugin */
  92 .liste-plugins .liste-items .item .information { color: #8A1F11;font-weight: bold;}
  93
  94 /* Liste des depots */
  95 .liste-objets.depots .caption {
  96     background-image: url(#CHEMIN_IMAGE{depot-24.png});
  97     padding-#ENV{left}: 30px;
  98 }
  99
 100 /* Validation des actions par popin */
 101 #colorbox #charger_plugin_confirm {font-size:110%; padding-bottom:25px;}
 102 #colorbox #charger_plugin_confirm .reponse_formulaire {margin-bottom:1em; line-height: 1.4em;}
 103 #colorbox #charger_plugin_confirm .boutons {
 104         font-size:120%;
 105         margin-top:.5em; margin-bottom:0;
 106         display:block;
 107         text-align:#ENV{right};
 108         background:#b8beb2;
 109         border-radius:3px;
 110         position:absolute; bottom:0; width:100%;
 111 }
 112 #colorbox #charger_plugin_confirm .boutons .submit {
 113         margin-top:.5em;
 114         margin-#ENV{right}:.5em;
 115         margin-bottom:.5em;
 116         margin-#ENV{left}:0;
 117 }
 118
 119 /* Presentation des actions effectuees */
 120 .svp_retour .fail {color:#c30000;}
 121 .svp_retour ul {margin-#ENV{left}: 0.5em;}
 122 .svp_retour li {list-style-type:square; margin-#ENV{left}: 0.5em;}