e32079ea43a12716546fd18e5bd551c5bd8a7696
[muse.git] / common / style.css
1 /* **********************
2    * Apparence Générale *
3    **********************/
4
5 html
6 {
7   font-family: "Bitstream Vera Sans", Tahoma, Arial, Helvetica, sans-serif;
8   background: #f1f1f1;
9   }
10
11 #page
12 {
13   width: 950px;
14   border: 1px solid black;
15   margin: 0 auto;  
16   padding-left: 1em;
17   padding-right: 1em;
18   padding-bottom: 1em;
19   background: white;
20   }
21
22 img 
23
24   border: none;
25   }
26
27 a:link 
28 {    
29   color: #36598e;
30   text-decoration: none;
31   }
32
33 a:visited
34 {
35   color: #36598e;
36   text-decoration: none;
37   }
38
39 a:hover
40
41   text-decoration: underline;
42   }
43
44 td 
45
46   padding: 5px;
47   border: 1px solid black;
48   }
49
50 hr
51
52   border: 0;
53   width: 80%;
54   color: #f00;
55   background-color: black;
56   height: 1px;
57   }
58
59 h1 
60 {
61   color: black;
62   text-align: center;
63   }
64
65 h2 
66
67   margin-left: 0px;
68   margin-right: 0px;
69   margin-top: 10px;
70   margin-bottom: 10px;
71   border: 1px solid #ccc;
72   padding-top: 1px;
73   padding-bottom: 1px;
74   padding-right: 10px;
75   padding-left: 10px;
76   background: url("/images/background.png") repeat-y;
77   font-size: 13pt;
78   }
79
80 h2 > a:hover
81
82   text-decoration: none;
83   }
84
85 h3
86
87   color: black;
88   font-size: 13pt;
89   }
90
91 dl.contents 
92 {
93   margin-top: 0;
94   }
95
96 dt.contents a:hover
97
98   text-decoration: none;
99   }
100
101 dt.contents 
102 {
103   margin-bottom: 0;
104   border-bottom: 1px solid black;
105   border-left: 6px solid black;
106   }
107
108 dt.contents:hover
109 {
110   border-bottom: 1px solid #808080;
111   border-left: 6px solid #808080;
112   }
113
114 dd > dl.contents > dt.contents 
115
116   border: 0;
117   }
118
119 dt 
120 {
121   font-weight: bold;
122   padding: 3px;
123   }
124
125 em 
126 {
127   font-style: italic;
128   }
129
130 li 
131 {
132   margin-bottom: 5px;
133   }
134
135 pre.example 
136 {
137   margin-left: 5%;
138   margin-bottom: 2.5em;
139   }
140
141 pre.verse 
142 {
143   font-family: inherit;
144   line-height: 2em;
145   margin-left: 5%;
146   }
147
148 strong 
149 {
150   font-weight: bold;
151   }
152
153 ul 
154 {
155   list-style-type: disc;
156   }
157
158 input, textarea
159 {  
160   border: 1px solid black;
161   background-color: white;
162   color: #333333;
163   font-family: Geneva, Arial, Helvetica, sans-serif;
164   font-size: 1em;
165   -moz-border-radius: 4px;
166   padding-left: 0.2em;
167   }
168
169 input:hover, textarea:hover
170 {
171   background: #f1f1f1;
172   }
173
174 input:focus, textarea:focus
175 {  
176   background-color: #ffeb79;
177   }
178
179 fieldset
180
181   border: 0;
182   padding-bottom: 0px;
183   }
184
185 exemple 
186
187   background-color: red;
188   white-space: pre;
189   font-family: monospace;
190   margin-left: 5%;
191   }
192
193 pre
194
195   border: 1px solid #808080;
196   background-color: white;
197   padding: 0.5em;
198   margin-right: 1em;
199   font-family: monospace;
200   margin-left: 5%;
201   white-space: pre;
202   }
203
204 .nonexistent 
205
206   background-color: white;
207   font-weight: bold;
208   }
209
210 /* **********
211    * Header *
212    ***********/
213
214 #header 
215
216   margin: 0.5em -0.5em 0.5em -0.5em;
217   padding-top: 0.5em;
218   background-color: #a9c9ea;
219   }
220
221 #header h1 a
222
223   margin: 0;
224   color: black;
225   }
226
227 #header h1 a:visited
228
229   margin: 0;
230   color: black;
231   }
232
233 #header h1 a:hover
234
235   margin: 0;
236   padding: 0;
237   background-color: transparent;
238   }
239
240 #header ul
241
242   margin: 0;
243   padding: 0;
244   text-align: center;
245   }
246
247 #header li
248
249   display: inline;
250   }
251
252 #header a 
253
254   color: black;
255   padding-left: 1em;
256   padding-right: 1em;
257   margin: 0px;
258   text-decoration: none;
259   color: #36598e;
260   }
261
262 #header a:hover
263 {  
264   color: black;
265   -moz-border-radius: 10px;
266   background-color: #f1f1f1;
267   }
268
269 #header li > a
270
271   border: 1px solid #808080;
272   -moz-border-radius: 10px;
273   }
274
275 #header li > a:hover
276
277   border: 1px solid #808080;
278   }
279
280 #header a:visited
281
282   color: black;
283   padding-left: 1em;
284   padding-right: 1em;
285   margin: 0px;
286   text-decoration: none;
287   color: #36598e;
288   }
289
290 #header h1#top
291
292   margin-top: 0.2em;
293   border-top: 3px solid black;
294   border-bottom: 3px solid black;
295   background-color: #f1f1f1;
296   }
297
298
299 /* ********
300    * Main *
301    ********/
302
303 div#main > div > h3 
304
305   border-bottom: 1px solid black;
306   margin-right: 0.7em;
307   }
308
309 div#rightbox
310
311   border: 1px dotted #6699cc;
312   text-align: right;
313  }
314
315 div#rightbox ul
316
317   margin: 0;
318   padding: 0;
319  }
320
321 div#rightbox ul > li
322
323   display: inline;
324  }
325
326 div#rightbox li.current
327
328   background-color: orange;
329  }
330
331 /* **********
332    * Footer *
333    **********/
334
335 #footer 
336
337   border-top: 3px solid black;
338   margin: 0.5em -0.5em -0.5em -0.5em;
339   padding-bottom: 0.1em;
340   padding-top: 0.1em;
341   background-color: #a9c9ea;
342   text-align: center;
343   }
344
345 #footer .footdate
346 {
347   text-align: left;
348   color: red;
349   }
350
351
352 /* **************
353    * Emacs-Wiki *
354    **************/
355
356 /* --- Emacs Wiki src-tag --- */
357 .comment 
358 {
359   /* font-lock-comment-face */
360   color: #DEBC83;
361   }
362
363 .doc 
364 {
365   /* font-lock-doc-face */
366   color: #F0A4A4;
367   }
368
369 .constant 
370 {
371   /* font-lock-constant-face */
372   color: #D8ACDD;
373   }
374
375 .function-name 
376 {
377   /* font-lock-function-name-face */
378   color: #96CEF8;
379   }
380
381 .keyword 
382 {
383   /* font-lock-keyword-face */
384   color: #78f5e6;
385   }
386
387 .preprocessor 
388 {
389   /* font-lock-preprocessor-face */
390   color: #96CEF8;
391   }
392
393 .string 
394 {
395   /* font-lock-string-face */
396   color: #F0A4A4;
397   }
398
399 .type 
400 {
401   /* font-lock-type-face */
402   color: #9BEEB8;
403   }
404
405 .variable-name 
406 {
407   /* font-lock-variable-name-face */
408   color: #B5CF76;
409   }
410
411 small
412 {
413   font-size: 7pt;
414 }