[SPIP] +spip v3.0.17
[lhc/web/clavette_www.git] / 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
23 /* ----- compagnon (extends box) ----- */
24 .compagnon {position:relative;}
25 .compagnon .inner {
26 border:2px solid ##GET{foncee};
27 border-radius:10px;
28 color:#333;
29 background:#fcfcfc url([(#CHEMIN_IMAGE{compagnon_gris-64.png}|image_sepia{#GET{foncee}|couleur_eclaircir}|extraire_attribut{src})]) -10px -10px no-repeat;
30
31 }
32 .compagnon .inner .hd {padding-left:60px;}
33 .compagnon .inner .bd {padding-left:60px;}
34 .compagnon b{}
35 .compagnon .act {
36 background-color: transparent;
37 border-top: none;
38 }
39 .compagnon .ft {
40 padding: 0;
41 }
42 .compagnon button.submit {
43 font-size:100%;
44 border:2px solid ##GET{foncee};
45 border-width:2px 0 0 2px;
46 border-radius:9px 0 9px 0;
47 box-shadow:0 0 2px ##GET{foncee};
48 background: [#(#GET{foncee}|couleur_eclaircir|couleur_eclaircir)];
49 padding:3px 4px 4px 3px;
50 cursor:pointer;
51 margin:0;
52 color: #444;
53 }
54 .compagnon button.submit:hover {
55 box-shadow:none;
56 background:#fcfcfc;
57 }
58 .compagnon .target {
59 position:absolute; bottom:5px; left:5px;
60 display:block; width:32px; height:32px;
61 background:url([(#CHEMIN_IMAGE{target-32.png}|image_sepia{#GET{foncee}|couleur_eclaircir}|extraire_attribut{src})]);
62 cursor:crosshair;
63 }
64 #navigation .compagnon .inner .hd {min-height:2.5em;}
65 #navigation .compagnon .inner .bd {padding-left:10px;}