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 .admin_plugin .onglets_simple.second ul.verrouille li.first {margin-#ENV{left}:30px;}
  22 .admin_plugin .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         border-top-left-radius: 5px;
  34         border-top-right-radius: 5px;
  35 }
  36
  37 .admin_plugin .actions_multiples .boutons { }
  38 .admin_plugin .actions_multiples .action { width: 30%; }
  39
  40 .liste-plugins fieldset,
  41 .liste-plugins .liste.plugins,
  42 .liste-plugins .liste.plugins .liste-items { margin-bottom: 0; }
  43 .liste-plugins .liste-items .item {padding-#ENV{right}:30px;}
  44 .liste-plugins .liste-items .item .check {float:#ENV{right};margin-#ENV{right}:-25px;}
  45
  46 .liste-plugins .liste-items .item .cfg_link {position: absolute;top:4px; #ENV{right}: 24px;}
  47
  48 .liste-plugins .liste-items .item h3 a { color: #ENV{foncee}; }
  49
  50 .liste-plugins .liste-items .item .actions { float:none;position:absolute;#ENV{right}:0;bottom:0;padding:5px;padding-bottom:0; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; z-index: 100; }
  51 .liste-plugins .liste-items .item:hover .actions { filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
  52
  53 .liste-plugins .liste-items .item .picto_actif {position: absolute;top:4px;#ENV{left}: 4px;}
  54 .liste-plugins .liste-items .item .picto_err {position: absolute;top:4px;#ENV{left}: 4px;}
  55 .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;}
  56
  57 .liste-plugins .liste-items .item .picto_up { position: absolute; #ENV{right}: 46px; top:4px; }
  58
  59 .liste-plugins .liste-items .item.actif {  background: #ffffff; }
  60 .liste-plugins .liste-items .item.actif:hover {background:#eee;}
  61 .liste-plugins .liste-items .item.verrou { background: #e8e8e8; }
  62 .liste-plugins .liste-items .item.inactif { background: #f4f4f4; }
  63 .liste-plugins .liste-items .item.inactif:hover { background: #eee;  }
  64 .liste-plugins .liste-items .item.inactif:hover .actions { background: #eee; }
  65
  66
  67 .liste-plugins .liste-items .item .details { clear: both;}
  68 .liste-plugins .liste-items .item .details dl { float: none; width: auto; margin-bottom: 0; }
  69 .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; }
  70 .liste-plugins .liste-items .item .details dl dt { float: #ENV{left}; padding-#ENV{right}: 0.5em; }
  71 .liste-plugins .liste-items .item .details dd { margin-bottom:0;}
  72 .liste-plugins .liste-items .item .details .description .desc { margin-bottom: 10px; }
  73
  74 .liste-plugins fieldset {border-top: 0;}
  75
  76 #afficher_incompatibles { float: right; padding: 0.5em 0; }
  77
  78 /* Styles des etats provoquant un affichage specifique des plugins */
  79 /* -- installe (donc actif) */
  80 .admin_plugin .installe { color: #999; background: url(#CHEMIN_IMAGE{fond-installe.png}) repeat fixed 0 0 !important; }
  81 .admin_plugin .installe:hover { background-color:#F0F0F0 !important; }
  82 /* -- non stable (tous les états différents de stable : à confirmer si on met test aussi dans les non stables) */
  83 .charger_plugin .nonstable { opacity: 0.5; }
  84 /* -- verrouille (plugins_dist)
  85 .admin_plugin .verrou { background:url(#CHEMIN_IMAGE{fond-verrou.png}) repeat fixed 0 0 #FDFDFD !important;}
  86 .admin_plugin .verrou:hover {   background-color:#F0F0F0 !important; }
  87 */
  88 /* -- obsolete, incompatible */
  89 .admin_plugin .disabled { background:url(#CHEMIN_IMAGE{fond-obsolete.png}) repeat fixed 0 0 #ddd !important;}
  90 .admin_plugin .disabled:hover { background-color:#ccc !important; }
  91 .liste-plugins .liste-items .item.disabled:hover .actions {background:url(#CHEMIN_IMAGE{fond-obsolete.png}) repeat fixed 0 0 #ccc !important}
  92
  93 .liste-plugins .liste-items .item.disabled h3 a { color: #aaa; }
  94 .liste-plugins .liste-items .item.disabled .icon {filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
  95 /* -- Notice d'information sur le plugin */
  96 .liste-plugins .liste-items .item .svp_message { color: #8A1F11; font-weight: bold; }
  97
  98 /* Liste des depots */
  99 .liste-objets.depots .caption {
 100     background-image: url(#CHEMIN_IMAGE{depot-24.png});
 101     padding-#ENV{left}: 30px;
 102 }
 103
 104 /* Validation des actions par popin */
 105 #colorbox #charger_plugin_confirm {font-size:110%; padding-bottom:25px;}
 106 #colorbox #charger_plugin_confirm .reponse_formulaire {margin-bottom:1em; line-height: 1.4em;}
 107 #colorbox #charger_plugin_confirm .boutons {
 108         font-size:120%;
 109         margin-top:.5em; margin-bottom:0;
 110         display:block;
 111         text-align:#ENV{right};
 112         background:#b8beb2;
 113         border-radius:3px;
 114         position:absolute; bottom:0; width:100%;
 115 }
 116 #colorbox #charger_plugin_confirm .boutons .submit {
 117         margin-top:.5em;
 118         margin-#ENV{right}:.5em;
 119         margin-bottom:.5em;
 120         margin-#ENV{left}:0;
 121 }
 122
 123 /* Presentation des actions effectuees */
 124 .svp_retour .fail {color:#c30000;}
 125 .svp_retour ul {margin-#ENV{left}: 0.5em;}
 126 .svp_retour li {list-style-type:square; margin-#ENV{left}: 0.5em;}
 127
 128 /*Filtre*/
 129 input#filtrer {
 130         position: absolute;
 131         z-index:1;
 132         top:4px;
 133         #ENV{right}: 4px;
 134         width: 150px;
 135         background-color: #777;
 136         border: 1px solid #777;
 137         border-radius: 4px;
 138         color: #FFF;
 139         font-size: 90%;
 140         padding: 3px;
 141 }
 142 input#filtrer::-webkit-input-placeholder { color:#FFF; opacity:1; }
 143 input#filtrer::-moz-placeholder { color:#FFF; opacity:1;}
 144 input#filtrer:-ms-input-placeholder { color:#FFF; opacity:1; }
 145 input#filtrer:-moz-placeholder { color:#FFF; opacity:1; }