Context Navigation

source: spip-zone/_plugins_/themes_interface_privee/style_prive_ispip.html @ 37339

Visit:

Last change on this file since 37339 was 37339, checked in by pierre.fiches@…, 11 years ago
réparer le cartouche lesauteurs
File size: 8.0 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	]
13	#CACHE{3600*100,cache-client}
14	#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
15	#HTTP_HEADER{Vary: Accept-Encoding}
16
17
18
19	#SET{claire,##ENV{couleur_claire,edf3fe}}
20	#SET{foncee,##ENV{couleur_foncee,3874b0}}
21	#SET{left,#ENV{ltr}\|choixsiegal{left,left,right}}
22	#SET{right,#ENV{ltr}\|choixsiegal{left,right,left}}
23	#SET{rtl,#ENV{ltr}\|choixsiegal{left,'',_rtl}}
24	#SET{rtl_inv,#ENV{ltr}\|choixsiegal{right,'',_rtl}}
25	#SET{chemin_img_pack,#EVAL{_DIR_IMG_PACK}}
26
27
28	body {
29	font-family: arial, helvetica, sans-serif;
30	background-color: [#(#ENV{couleur_claire}\|couleur_saturation{0.5})];
31	[(#CHEMIN{images/ispip/pinstripes.png}\|background_image{[(#ENV{couleur_claire}\|couleur_saturation{0.5})], center center })]
32
33	}
34
35	h1, h2, h3, .bandeau_couleur, .bandeau_couleur_sous, a.icone26, a.cellule-h-texte, div.onglet, div.onglet_on, div.onglet_off, .arial0, .arial1, .arial11, .arial2, .cadre, .cadre-formulaire, .cadre-formulaire-editer, a.foncee, a.foncee:hover, a.claire, a.claire:hover, span.creer, span.lang_base {
36	font-family: arial, helvetica, sans-serif;
37	}
38
39	.formulaire_spip input.text,
40	.formulaire_spip input.password,
41	.formulaire_spip textarea,
42	.formulaire_spip select
43	{
44	font-family: arial, helvetica, sans-serif;
45	}
46
47	#bandeau-principal {
48	.bandeau_sec {
49	-webkit-border-bottom-left-radius: 8px;
50	-webkit-border-bottom-right-radius: 8px;
51	border-bottom-left-radius: 8px;
52	border-bottom-right-radius: 8px;
53	-moz-border-radius: 0px 0px 8px 8px;
54	}
55	}
56	#bandeau_couleur {
57	height: 33px;
58	padding-top: 8px;
59	padding-bottom: 0px;
60	border-bottom: 1px solid [#(#ENV{couleur_foncee}\|couleur_saturation{0.95})];
61	background-color: [#(#ENV{couleur_foncee}\|couleur_saturation{0.8})];
62	[(#CHEMIN{images/ispip/toolbar.png}\|background_image{[(#ENV{couleur_foncee}\|couleur_saturation{0.8})], center center })]
63
64	a, a.icone26 {
65	color: white;
66	font-size: 16px;
67	text-shadow: #[(#ENV{couleur_foncee}\|couleur_saturation{0.8})] -1px -1px 1px;
68
69	}
70
71	.bandeau_couleur_sous {
72	top: 12px;
73	border-color: [#(#ENV{couleur_foncee}\|couleur_saturation{0.95})];
74	background-color: #f1f1f1;
75	border-top: 0px;
76	color: #464646;
77	-webkit-border-bottom-left-radius: 8px;
78	-webkit-border-bottom-right-radius: 8px;
79	border-bottom-left-radius: 8px;
80	border-bottom-right-radius: 8px;
81	-moz-border-radius: 0px 0px 8px 8px;
82
83	. :hover {
84	box-shadow: 0px 0px 2px #999;
85	-webkit-box-shadow: 0px 0px 2px #999;
86	-moz-box-shadow: 0px 0px 2px #999;
87	}
88
89	a {
90	font-size: 1em;
91	color: #464646;
92	text-shadow: #f1f1f1 0px 0px 0px;
93	}
94	}
95
96
97	}
98
99	#lesauteurs .cadre-icone {position:absolute;top: -24px;}
100
101	.cadre, .dater {
102	color: black;
103	background: #fff;
104	border-color: #B4B4B4;
105	-moz-border-radius: 8px;
106	-webkit-border-radius: 8px;
107	border-radius: 8px;
108
109
110	.cadre-icone {
111	position: relative;
112	float: left;
113	top: 0px;
114	left: 0px;
115	padding-left: 5px;
116	padding-right: 5px;
117	padding-top: 3px;
118	}
119
120	.cadre-icone + .titrem {
121	padding-left: 50px;
122	}
123
124
125	.titrem {
126	background: url(#CHEMIN{images/gray-grad.png});
127	padding-top: 8px;
128	padding-bottom: 8px;
129	text-shadow: white 0px 1px 1px;
130	-webkit-border-top-left-radius: 8px;
131	-webkit-border-top-right-radius: 8px;
132	-moz-border-radius: 8px 8px 0px 0px;
133	border-top-left-radius: 8px;
134	border-top-right-radius: 8px;
135
136
137	}
138	}
139
140	.fiche_objet, .no_onglets .fiche_objet {
141	border-color: #dfdfdf;
142	-moz-border-radius: 8px;
143	-webkit-border-radius: 8px;
144	border-radius: 8px;
145	}
146
147
148	.cadre-sous_rub {
149	background-color: #ededed;
150	}
151
152	.cadre-couleur-foncee {
153	border: 1px solid [(#GET{claire})];
154	}
155
156
157	div.liste, div.cadre-liste {
158	border-color: #b4b4b4;
159	-moz-border-radius: 8px;
160	-webkit-border-radius: 8px;
161	border-radius: 8px;
162
163	table {
164
165	.tr_liste {
166	background-color: white;
167
168	td {
169	border-color: #B4B4B4;
170	padding-top: 8px;
171	padding-bottom: 8px;
172	}
173
174	. :last-child {
175
176	td:first-child {
177	-webkit-border-bottom-left-radius: 8px;
178	-webkit-border-top-left-radius: 8px;
179	-moz-border-radius: 8px 0px 0px 8px;
180	border-bottom-left-radius: 8px;
181	border-top-left-radius: 8px;
182	}
183	td:last-child {
184	-webkit-border-bottom-right-radius: 8px;
185	-webkit-border-top-right-radius: 8px;
186	-moz-border-radius: 0px 8px 8px 0px;
187	border-bottom-right-radius: 8px;
188	border-top-right-radius: 8px;
189	}
190	}
191	. :nth-child(2n) {
192	background-color: #fafafa;
193	}
194	}
195	.tr_liste_over, .tr_liste:hover {
196	background-color: [#(#ENV{couleur_foncee}\|couleur_saturation{0.2})];
197
198	}
199	}
200
201	.titrem {
202	background: url(#CHEMIN{rien.gif});
203	background-color: [#(#ENV{couleur_foncee}\|couleur_saturation{0.4})];
204	border-bottom: 1px solid #b4b4b4;
205	-webkit-border-top-left-radius: 8px;
206	-webkit-border-top-right-radius: 8px;
207	-moz-border-radius: 8px 8px 0px 0px;
208	border-top-left-radius: 8px;
209	border-top-right-radius: 8px;
210	}
211
212	.titrem.hover {
213	background-color: #eee;
214	}
215
216	.tranches {
217	padding: 4px 0px 4px 10px;
218	background-color: #dfdfdf;
219	border-color: #f0f0f0;
220	border-top: 0;
221	}
222	}
223
224	#contenu div.liste .titrem, #contenu div.cadre-liste .titrem {
225	padding-top: 10px;
226	padding-bottom: 10px;
227	font-size: 14px;
228	}
229	#contenu div.liste .cadre-icone, #contenu div.cadre-liste .cadre-icone {
230	padding-top: 7px;
231	padding-left: 7px;
232	}
233	.icone36 {
234	a img, img {
235	-moz-border-radius: 6px;
236	-webkit-border-radius: 6px;
237	border-radius: 6px;
238	}
239	}
240
241	.icone36 a img, a.icone36 img, .icone36 a:hover img, a.icone36:hover img {
242	border: 0px;
243	margin-bottom: -12px;
244	background-color: transparent;
245	display: none;
246	}
247
248	.icone36 a img:only-child, a.icone36 img:only-child, .icone36 a:hover img:only-child, a.icone36:hover img:only-child {
249	display: inline;
250	}
251
252	.danger, a.cellule-h-texte {
253	background: none;
254	}
255
256	.icone36 {
257	width: auto;
258	margin-left: 10px;
259	margin-right: 10px;
260	}
261
262	.icone36 a span, a.icone36 span {
263	-moz-border-radius: 8px;
264	-webkit-border-radius: 8px;
265	border-radius: 8px;
266	border: 1px solid #bbb;
267	padding: 8px 10px;
268	width: auto;
269	font-weight: normal;
270	font-size: 11px;
271	text-shadow: white 0px 1px 0px;
272	color: #464646;
273	[(#CHEMIN{images/ispip/bouton-ok.png}\|background_image{eeeeee, center center })]
274	height: auto;
275
276	. :hover {
277	color: black;
278	border-color: #666;
279	}
280	}
281
282	.cadre-formulaire-editer {
283	.entete-formulaire {
284	border: 0px;
285	padding: 0px;
286	padding-bottom: 1em;
287	background: none;
288	}
289
290	.formulaire_spip {
291	background-color: white;
292	border: 1px solid #eee;
293	-moz-border-radius: 8px;
294	-webkit-border-radius: 8px;
295	border-radius: 8px;
296
297	li.editer_parent {
298	background-color: #f0f0f0;
299	}
300
301	li {
302	input.text, input.password, textarea {
303	border: 1px solid #ccc;
304	}
305	}
306
307	.markItUpPreview {
308	font-family: serif;
309	}
310
311	p.boutons {
312	background-color: [(#ENV{couleur_foncee}\|couleur_saturation{0.4})];
313	border-top: #eee;
314	}
315	li .erreur_message {
316	border-color: #ccc;
317	}
318
319
320	.explication {
321	border-color: #ccc;
322	}
323	}
324	}
325
326	.cadre-forum {
327	-webkit-border-bottom-left-radius: 0px;
328	-webkit-border-bottom-right-radius: 0px;
329	-moz-border-radius: 6px 6px 0px 0px;
330	border-bottom-left-radius: 0px;
331	border-bottom-right-radius: 0px;
332	}
333	.cadre-thread-forum {
334	-webkit-border-radius: 0px;
335	-moz-border-radius: 0px;
336	border-radius: 0px;
337
338	.titrem {
339	-webkit-border-radius: 0px;
340	-moz-border-radius: 0px;
341	border-radius: 0px;
342	}
343	}
344
345
346	input[type="submit"] {
347	[(#CHEMIN{images/ispip/bouton-ok.png}\|background_image{[(#ENV{couleur_foncee}\|couleur_saturation{0.85})], center center })]
348	border: 2px solid [(#GET{foncee})];
349	padding: 8px 10px;
350	font-weight: bold;
351	text-shadow: #[(#ENV{couleur_foncee}\|couleur_saturation{1})] -1px -1px 0px;
352	color: white;
353	-moz-border-radius: 8px;
354	-webkit-border-radius: 8px;
355	border-radius: 8px;
356
357	}
358	input[type="submit"]:hover {
359	border: 2px solid #[(#ENV{couleur_foncee}\|couleur_saturation{0.85}\|couleur_foncer)];
360	}
361
362
363
364	#FILTRE{css_imbriques_decouper}

Note: See TracBrowser for help on using the repository browser.

Download in other formats: