source: spip-zone/_plugins_/noizetier/trunk/prive/style_prive_plugin_noizetier.html @ 110216

Last change on this file since 110216 was 110216, checked in by eric@…, 15 months ago

Permettre d'imbriquer plusieurs niveaux de noisettes de type conteneur (2 max).
Cette limitation sera configurable dans une future version.
Prise en compte de l'imbrication dans la visualisation du privé de la liste des noisettes d'un bloc.
Reste à étendre l'imbrication à la compilation dans le public.

  • Property svn:eol-style set to native
File size: 4.1 KB
Line 
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
19/* Styles de la liste des pages liées ou non à un objet et des objets configurés (noizetier_pages, noizetier_objets) */
20ul.noizetier-liste-pages li.page,
21ul.noizetier-liste-objets li.objet {padding-left: 30px; padding-right: 60px; position:relative;}
22ul.noizetier-liste-pages li.page .icone,
23ul.noizetier-liste-objets li.objet .icone {
24        position: absolute;
25        top: .6925em;
26        left: 0;
27        width: 24px;
28        height: 24px;
29        overflow: hidden;}
30ul.noizetier-liste-pages li.page .edition {
31        position: absolute;
32        right: 0;
33        top: .6925em;
34        text-align: right;}
35ul.noizetier-liste-pages li.page .edition a {margin-left: 2px; text-decoration: none;}
36ul.noizetier-liste-pages li.page.virtuelle {
37        background-image:url(#CHEMIN_IMAGE{fond-page_virtuelle.png}) !important;
38        background-repeat: repeat;
39        background-attachment: fixed;
40        background-position: 0 0;
41        opacity: 0.8;}
42ul.noizetier-liste-pages li.page .composition {margin-left: 30px;}
43ul.noizetier-liste-pages li.page .composition .icone {left: 30px;}
44
45/* Styles de la page de configuration des noisettes d'une page donnée (noizetier_page) */
46/* -- Boite d'infos */
47.infos .numero p#identifiant {font-size: 1.2em;}
48.infos p.explication {margin-top: 0.5em;}
49
50/* -- Liste des noisettes disponibles */
51.noisettes_disponibles.is-stuck {
52        position: fixed;
53        top: 0;
54        max-height: calc(100vh - 2.0775em); /* prendre en compte l'offset */
55        overflow-y: auto;
56}
57ul.liste-noisettes-disponibles li.noisette {padding-left: 30px; position:relative; min-height: 28px;}
58ul.liste-noisettes-disponibles li.noisette .icone {
59        position: absolute;
60        margin: 0;
61        top: .6925em;
62        left: 0;
63        width: 24px;
64        height: 24px;
65        overflow: hidden;}
66ul.liste-noisettes-disponibles li.noisette label {float: none; margin-left: 0;}
67
68/* -- Liste des noisettes incluses dans un bloc */
69ul.liste-noisettes-bloc li.noisette {padding-left: 30px; padding-right: 120px; position:relative; min-height: 36px;}
70ul.liste-noisettes-bloc li.noisette .resume .icone {
71        position: absolute;
72        margin: 0;
73        top: .6925em;
74        left: 0;
75        width: 24px;
76        height: 24px;
77        overflow: hidden;}
78ul.liste-noisettes-bloc li.noisette .edition {
79        position: absolute;
80        right: 0;
81        top: .6925em;
82        text-align: right;}
83ul.liste-noisettes-bloc li.noisette .edition a {margin-left: 2px; text-decoration: none;}
84ul.liste-noisettes-bloc li.noisette .edition a:not(.visible) {display: none;}
85ul.liste-noisettes-bloc li.noisette .conteneur-1 {margin-left: 30px;}
86ul.liste-noisettes-bloc li.noisette .conteneur-1 .icone {left: 30px;}
87ul.liste-noisettes-bloc li.noisette .conteneur-2 {margin-left: 60px;}
88ul.liste-noisettes-bloc li.noisette .conteneur-2 .icone {left: 60px;}
89
90/* Styles du formulaire d'édition d'une page (editer_page) */
91/* -- choix et aperçu de l'icone */
92.formulaire_editer_page div#aide_choix_icone,
93.formulaire_editer_page div#suggestions_icones {display: none;}
94.formulaire_editer_page div#afficher_suggestions,
95.formulaire_editer_page div#bouton_suggestion {float: right;}
96.formulaire_editer_page .suggestion_icone {
97        float:left;
98        width:75px;
99        text-align:center;
100        height:75px;
101        font-size:10px;
102        line-height:12px;
103        cursor:pointer;}
104
105/* Styles du formulaire ajouter_noisette */
106.formulaire_ajouter_noisette ul.liste-noisettes-disponibles {margin: 10px;}
107/* Styles du formulaire editer_noisette */
108.formulaire_editer_noisette li.fieldset {margin-left:10px; margin-right:10px; border-left: solid 1px #CCC; border-right: solid 1px #CCC; border-bottom: solid 1px #CCC;}
109.formulaire_editer_noisette li.editer_description_code, .formulaire_editer_noisette li.editer_code {padding-left:10px;}
110.formulaire_editer_noisette li.editer_description_code label, .formulaire_editer_noisette li.editer_code label {width:100%; margin-left:0; float:none;}
Note: See TracBrowser for help on using the repository browser.