www/plugins-dist/compagnon/prive/style_prive_plugin_compagnon.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 #SET{claire,#ENV{couleur_claire,edf3fe}}
  19 #SET{foncee,#ENV{couleur_foncee,3874b0}}
  20 #SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
  21 #SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
  22 #SET{abs,#ENV{ltr}|choixsiegal{left,-10,483}}
  23
  24 /* ----- compagnon (extends box) ----- */
  25 .compagnon {position:relative;}
  26 .compagnon .inner {
  27         border:2px solid ##GET{foncee};
  28         border-radius:10px;
  29         color:#333;
  30         background-color:#fcfcfc;
  31         background-image:url([(#CHEMIN_IMAGE{compagnon_gris-64.png}|image_sepia{#GET{foncee}|couleur_eclaircir}|extraire_attribut{src})]);
  32         background-position: #GET{abs}px -10px;
  33         background-repeat: no-repeat;
  34
  35 }
  36 .compagnon .inner .hd {padding-#GET{left}:60px;}
  37 .compagnon .inner .bd {padding-#GET{left}:60px;}
  38 .compagnon b{}
  39 .compagnon .act {
  40         background-color: transparent;
  41         border-top: none;
  42 }
  43 .compagnon .ft {
  44         padding: 0;
  45 }
  46 .compagnon button.submit {
  47         font-size:100%;
  48         border:2px solid ##GET{foncee};
  49         border-top-width:2px;
  50         border-#GET{left}-width:2px;
  51         border-#GET{right}-width:0px;
  52         border-bottom-width:0px;
  53         border-top-#GET{left}-radius:9px;
  54         border-top-#GET{right}-radius:0;
  55         border-bottom-#GET{right}-radius:9px;
  56         border-bottom-#GET{left}-radius:0;
  57         background: [#(#GET{foncee}|couleur_eclaircir|couleur_eclaircir)];
  58         padding:3px 4px 4px 3px;
  59         cursor:pointer;
  60         margin:0;
  61         color: #444;
  62 }
  63
  64 .compagnon .target {
  65         position:absolute; bottom:5px; #GET{left}:5px;
  66         display:block; width:32px; height:32px;
  67         background:url([(#CHEMIN_IMAGE{target-32.png}|image_sepia{#GET{foncee}|couleur_eclaircir}|extraire_attribut{src})]);
  68         cursor:crosshair;
  69 }
  70 #navigation .compagnon .inner .hd {min-height:2.5em;}
  71 #navigation .compagnon .inner .bd {padding-left:10px;}