3 Ce squelette definit les styles de l'espace prive
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).
10 ATTENTION: il faut absolument le charset sinon Firefox croit que
14 #CACHE{
3600*
100,cache-client}
15 #HTTP_HEADER{Content-Type: text/css; charset=iso-
8859-
15}
16 #HTTP_HEADER{Vary: Accept-Encoding}
20 margin:[(#ENV{margin-bottom}|strmult{
1.5})em]
0;
22 border:
1px solid #dfdfdf;
25 .liste-objets-lies,.liste-objets-associer {margin:
0;}
27 .cadre .liste-objets{font-size:
1em;}
28 .liste-objets
> .image_loading {position:absolute;top:
0;right:
0;}
29 .liste-objets .pagination,.liste-objets p.pagination {
30 margin:
0; padding:
1px
5px;
31 background:#eee; border:none;
33 .liste-objets .pagination .sep {color:#aaa;}
35 .liste-objets table {width:
100%; /* surcharger le
99% de spip ? */ max-width:none; background:white; border:none; margin:
0;}
36 .liste-objets table caption {margin:
0;text-align:#ENV{left};padding:
0 3px;background-color:#FFFFFF;}
37 .liste-objets table caption .formulaire_spip { top:
2px; }
38 .caption-wrap {padding:
0 3px;background-color:#FFFFFF;}
40 .liste-objets .caption {display:block;color:#
333;font-size:
1.0em;padding:[(#ENV{margin-bottom}|strdiv{
4})em]
5px;background:none no-repeat [(#ENV{left})]
2px #FFFFFF}
41 .liste-objets tr {background:white;}
42 .liste-objets .row_odd td {background:white;}
43 .liste-objets .row_even td {background:white;}
44 .liste-objets thead th {background:#eee;}
45 .liste-objets tr:hover td,.liste-objets tbody tr:hover th {background-color: #f8f8f8;}
46 .liste-objets tr th {border-color:#dfdfdf; border-left:
0; border-right:
0;}
47 .liste-objets tr td {border-color:#dfdfdf; border-left:
0; border-right:
0; vertical-align: middle;}
49 .liste-objets tr
> .statut,.liste-objets tr
> .picto {width:
16px; padding-left:
2px;padding-right:
2px;text-align:center;}
50 .liste-objets tr
> .auteur {width:
80px;}
51 .liste-objets tr
> .auteur
> .inner {display: block;max-height:
10em;overflow-x: hidden;border:
0;background: none;}
52 .liste-objets tr
> .date {width:
90px;}
53 .liste-objets tr
> .id {width:
40px; text-align:#ENV{right};}
54 .liste-objets tr
> .action {width:
90px; text-align:#ENV{right};}
55 .liste-objets tr td.syndication .etat {display:block;color:red;}
56 .liste-objets tr
> .utilisations {width:
120px;}
57 .liste-objets tr.confirmation {display:none;}
59 .liste-objets tr td {font-size:
0.9em;}
60 .liste-objets tr td.secondaire {font-size:
0.85em;}
61 .liste-objets tr td.principale {font-size:
1.0em;}
62 .liste-objets tr td.titre a {display: block;}
63 .liste-objets tr td.titre span.surtitre, .liste-objets tr td.titre span.soustitre {font-size:
85%; display:block; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;max-width:
200px;}
64 .liste-objets tr td.titre .spip_logo {float:#ENV{right};margin-#ENV{left}:
5px;margin-bottom:
5px;}
65 .liste-objets tr td.logo {text-align: center; padding:
0 5px;}
66 .liste-objets tr td.logo img {display: block; margin:
0 auto;}
67 .liste-objets.auteurs tr td.logo a {width:
40px; height:
40px; display: block; background-position: center center; background-size: cover; border-radius:
50%; margin:
3px
0;}
68 .liste-objets-associer.auteurs tr td.logo a {width:
30px; height:
30px; display: block; background-position: center center; background-size: cover; border-radius:
50%; margin:
2px
0;}
69 .liste-objets tr td
> span {font-size:
0.85em;}
70 .liste-objets table td, .liste-objets table th {[ padding: (#ENV{line-height}|strdiv{
4})em;] }
72 .liste-objets .bouton_action_post .submit,.liste-objets .button {font-size:
1em;}
73 .liste-objets .action a {color:inherit;}
75 .liste-objets.auteurs th.statut {line-height:
1px;padding-bottom:
0;}
76 .liste-objets.auteurs td.nom .spip_logos { vertical-align: middle; margin-#ENV{right}:
0.3em; }
78 <BOUCLE_objets(DATA){source table,#REM|lister_tables_objets_sql}
>[
79 .liste-objets.[(#VALEUR{table_objet})] .caption {background-image:url((#CHEMIN_IMAGE{#VALEUR{icone_objet}}));padding-#ENV{left}:
30px;}]
</BOUCLE_objets>
81 .liste-objets.traductions .trad {text-align:center;}
83 /* dans une colonne laterale, ne visualiser que l'info .lat, le statut et l'id */
84 .lat .liste-objets tr
> .secondaire,
85 .lat .liste-objets tr
> .auteur,
86 .lat .liste-objets tr
> .date,
87 .lat .liste-objets tr
> .action,
88 .lat .liste-objets tr
> .syndication,
89 .lat .liste-objets tr .spip_logo {display:none;}
90 .lat .liste-objets tr td.principale {font-size:
0.9em;max-width:
120px;word-wrap: break-word;}
92 .en-edition .inner {font-size:
0.9em;}
93 .en-edition h3 {font-size:
1.1em;}
94 .en-edition .bouton_action_post {float:#ENV{right};margin:
5px
0 0;}
95 .en-edition .liste-items {margin:
0;}
96 .en-edition .liste-items .item {padding:
2px
0;}
97 .en-edition .item .icone-objet {float:#ENV{left};margin-top:
2px;margin-#ENV{right}:
5px;}
98 .en-edition .item .bouton_action_post {float:#ENV{right};margin-top:-
1px;}
99 .lte7 .en-edition .item .bouton_action_post {margin-top:-
1.5em;}
103 .liste {margin:[(#ENV{margin-bottom})]
0;}
104 .liste
> h1,.liste
> .h1,
105 .liste
> h2,.liste
> .h2,
106 .liste
> h3,.liste
> .h3,
107 .liste
> h4,.liste
> .h4,
108 .liste
> h5,.liste
> .h5,
109 .liste
> h6,.liste
> .h6 {margin-bottom:
0;}
110 .liste_items,.liste-items {list-style:none;margin:
0 0 [(#ENV{margin-bottom})];padding:
0;border-top:
1px solid #ddd;clear:both;}
111 .liste_items .item,.liste-items .item {border-bottom:
1px solid #ddd;padding:[(#ENV{margin-bottom}|strdiv{
2})em]
0; overflow:hidden;clear:both;}
112 .liste_items .odd,.liste-items .odd {background:#eee;}
113 .liste_items .item:hover,.liste-items .item:hover {background-color:[#(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)];}
114 .liste_items .court:hover,.liste-items .court:hover {background-color:#eee;}
115 .liste_items .item.on,.liste-items .item.on {background-color:[#(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)];font-weight:normal;}
116 .liste_items .item.on:hover,.liste-items .item.on:hover {background-color:[#(#ENV{claire}|couleur_eclaircir)];}
117 .liste_items .item h3,.liste-items .item h3 {margin:
0;}
118 .liste_items .item a img,.liste-items .item a img {vertical-align: bottom;}
120 /* Permet d'utiliser la grid sur les listes */
121 .item.unit, .item.lastUnit {clear:none;}
123 .liste_items .item .actions,.liste-items .item .actions {float:none;margin:
0;clear:both;text-align:#ENV{right};}
125 .tri, .pagination {background:#eee;border-top:
1px solid #ddd;border-bottom:
1px solid #ddd; margin:
0;padding:
2px
0; /*font-size:
11px;*/ font-weight: bold; text-align: #ENV{right}; white-space: nowrap;margin-top:
1em; }
126 .tri {text-align:#ENV{left};}
127 .tri .on, .pagination .on { background:#ccc;padding:
2px
3px;color:#fff; }
128 .tri img, .pagination img {vertical-align:bottom;}
130 .pagination + .tri, .tri + .pagination {border-top:
0;margin-top:
0;}
131 .pagination + .liste_items, .tri + .liste_items {border-top:
0;margin-top:
0;}
132 .liste_items + .tri, .liste_items + .pagination {margin-top:-
1em;margin-bottom:
1em;}
134 .lat .pagination {font-size:
11px;white-space:normal;text-align:#ENV{left};}
135 .lat .tri {font-size:
11px;}
140 .menu-items {list-style:none;margin:
1em
0;padding:
0;border-top:
1px solid #ddd;clear:both;}
141 .menu-items .item {border-bottom:
1px solid #ddd; padding:
0; overflow:hidden; clear:both;}
142 .menu-items .menu-items {margin:
0;padding:
0;margin-#ENV{left}:
11px;}
143 .menu-items .item
>a,.menu-items .item
>strong.on {display:block;padding:[(#ENV{margin-bottom}|strdiv{
2})em]
0;}
144 .menu-items .item
>a:hover {background-color:[#(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)];}
145 .menu-items .item
>.on {background-color:[#(#ENV{claire}|couleur_eclaircir|couleur_eclaircir)];}
148 .plan .menu-items { border-top:
0; }
149 .plan .menu-items .menu-items {border-#ENV{left}:
1px solid #ddd;}
150 .plan .menu-items .item .pagination {margin-#ENV{left}:
11px;border-#ENV{left}:
1px solid #ddd;}
151 .plan .menu-items .item {overflow:visible;border-bottom:
0;padding-#ENV{left}:
6px;}
152 .plan .menu-items .item
>a {padding:
0.25em
0 0.25em
5px;background-repeat:no-repeat;background-position:center #ENV{left};background-repeat:no-repeat;}
154 <BOUCLE_objets2(DATA){source table,#REM|lister_tables_objets_sql}{cle!=spip_rubriques}
>
155 .plan .menu-items.[(#VALEUR{table_objet})] .item
>a{padding-#ENV{left}:
20px;[background-image:url((#CHEMIN_IMAGE{#VALEUR{icone_objet}-
16.png}));]}
</BOUCLE_objets2>