info page history fix, border to tr
[deb/moinmoin.git] / debwiki / css / debwiki.css
1 /*
2  *      wiki.debian.org stylesheet proposal
3  *
4  *      Kalle Söderman, 2008 debwiki.css
5  *
6  *      Copyleft : This work is free, you can copy, spread, and modify it under
7  *      the terms of the Free Art License http://artlibre.org/licence/lal/en/
8  * 
9  *
10  *      Font size table
11  *      ---------------
12  *      Browser default 16px
13  *
14  *      14px    87.5%           body    
15  *      24px    1.714em
16  *      18px    1.286em
17  *      16px    1.143em
18  *      12px    0.857em
19  *      11px    0.75em
20  *      8px     0.57em
21  */
22
23 @import url("debian.css");
24
25 /*
26  *      Header
27  */
28 body {
29                 font-size: 100%;
30 }
31
32 #breadcrumbs {
33         text-transform: none;
34 }
35 #wikisection p.section{
36         left: 0;
37 }
38 #wikisection {
39         position: absolute;
40         top: 0;
41 }
42 div#username {
43         font-size: 0.75em;
44         margin-left: 5em;
45         color: #d2d3d7;
46 }
47 .sitetools {
48         text-align:left;
49         margin: 0 10px 0 0;
50         padding: 2px 10px 2px 5px;
51         position: absolute;
52         top:0;
53         right:0;
54         border-right: 1px solid white;
55         border-left: 1px solid #d2d3d7;
56         line-height: 1em;
57 }
58
59 #searchform {
60         float: left;
61         font-size: 0.75em;
62         line-height: 2;
63 }
64
65 ul#pagelocation {
66         display: inline;
67         padding:0 1em 0 0;
68 }
69
70 #sitetools form {
71         margin:0;
72         padding:0;
73 }
74
75 #sitetools input {
76         margin: 0 0 0 0.25em;
77         padding-left: 4px;
78         padding-right: 4px;
79 }
80
81 #sitetools select {
82         margin-left: 0.5em;
83 }
84
85 #sitetools form p {
86         display: inline;
87         line-height: 1em;
88         margin:0;
89         padding:0;
90 }
91
92 .sitetools a {
93         margin: 5px 0.5em 2px 0;
94         padding: 0 0 0 0;
95 }
96
97 .sitetools {
98         margin:0;
99         padding: 2px 10px 2px 5px;
100         border-left: 1px solid white;
101         border-right: 1px solid #d2d3d7;
102         display:block;
103         float:left;
104 }
105
106 /*
107  *      Leftcol (Should be renamed secondnav)
108  */
109
110 #leftcol {
111         float: right;
112         margin: 2em 0 0 1em  ;
113         width: 16em;
114         clear: both;
115 }
116
117 #leftcol a {
118         display: block;
119 }
120
121 #leftcol #username {
122         margin: 0 0 1em 0;
123         display:block;
124 }
125
126 #userhome {
127         font-weight: bold;
128         margin-bottom: 1em;
129 }
130
131 #navibar
132 , .editbar {
133         list-style: none;
134         margin: 0;
135         padding:0;
136 }
137
138 #leftcol ul.editbar {
139         margin-top: 1em;
140 }
141
142 form select {
143 }
144
145 #leftcol .editbar form select {
146         width: 100%;
147 }
148
149 .editbar {
150         padding: 0 0 0 0;
151         font-size: 0.75em;
152         line-height: 2;
153         position: absolute;
154         right: 10px;
155 }
156
157 #leftcol li {
158         display:block;
159         margin:0;
160         padding:0;
161         list-style: none;
162 }
163
164 #content {
165         margin-top: 1.5em;
166 }
167         
168 .info {
169         position: relative;
170         margin:0 0 0.5em 0;
171         float: none;
172 }
173 #leftcol .info a {
174         display: inline;
175 }
176
177 #leftcol .info strong {
178         margin: 0;
179         padding: 0;
180 }
181
182 /*
183  *      Typography
184  */
185
186 hr {
187         background-color: #d2d3d7;
188         height: 1px;
189 }
190
191 pre, div.codearea {
192         padding: 1em;
193         margin: 2em 1.5em 2em 1.5em; 
194         line-height: 1.5em;
195         background-color: #f5f6f7;
196         border: 1px solid #d2d3d7 ;
197         font-family: monospace;
198         font-size: 100%;
199         line-height: 2em;
200 }
201 div.codearea pre {
202                 border: none;
203                 padding: 0;
204                 margin: 0;
205 }
206 div.table-of-contents { 
207         font-size: 0.75em;
208         line-height: 2em;
209         list-style:none;
210         background-image: url('../img/greydot.png');
211         background-position: bottom left;
212         background-repeat: repeat-x;
213         background-color: transparent;
214         padding: 0;
215         margin:0;
216         border:0;
217         max-width: 50em;
218         display:block;
219 }
220
221 p.table-of-contents-heading { 
222         font-weight:bold;   
223         padding:0; 
224         margin:1.5em 0 0 0; 
225         font-size: 125%;
226         letter-spacing: normal;
227 }
228
229 div.table-of-contents ol {
230         list-style-position: inside;
231         padding:0;
232         margin: 0;
233 }
234
235 div.table-of-contents ol ol {
236         list-style-position: inside;
237         padding-left: 2em;
238         margin: 0;
239 }
240
241
242 div.table-of-contents li {
243         background-image: url('../img/greydot.png');
244         background-position: top left;
245         background-repeat: repeat-x;
246         padding: 0;
247         margin:0;
248  }
249
250 div.table-of-contents a:hover {
251         background-color: #f0f0f4;
252 }
253
254 div.table-of-contents a {
255         text-decoration: none;
256 }
257
258 .portal h1 {
259         margin-top: 0;
260         line-height: 1em;
261 }
262         
263 .portal h1:after {
264         content: "Portal";
265         font-family:monospace;
266         font-weight: normal;
267         font-size: 0.62em;
268         text-transform: uppercase;
269         letter-spacing: 0.08em;
270         background-color: #c70036;
271         line-height: 16px;
272         color:white;
273         padding: 0 5px 0 5px;
274         margin:1em 0 3em 0;
275         display: block;
276 }
277 h1#locationline {
278 }
279 h1#locationline a {
280         color: black;
281 }
282 span.u {
283                 font-style: normal;
284                 font-weight: normal;
285                 text-decoration: underline;
286 }
287 p.searchhint {
288         padding:1em;
289         border: 1px solid #cccca3;
290         margin:1em 0 1em 0;
291         background-color:#ffffcb;
292         font-size: 0.75em;
293         line-height: 2;
294 }
295 p.searchstats {
296                 font-size: 0.75em;
297                 background-color: transparent;
298                 background-color: #f5f6f7;
299                 margin:0;       
300                 border-top: 1px solid #d2d3d7 ;
301                 text-transform:lowercase;
302                 line-height: 2;
303                 padding: 0;
304 }
305 div.codearea {
306                 margin: 2em 1.5em 2em 1.5em;
307                 font-family: monospace;
308 }
309 a.codenumbers {
310                 font-size: 100%;
311 }
312                 
313
314 /*
315  *      Footer
316  */
317
318 p#pageinfo {
319         color: gray;
320         font-size: 1em;
321         margin: 1em 0 0 0;
322 }
323
324 #footer {
325         margin-top: 2em;
326         margin-left: 52px;
327         margin-right: 10px;
328         clear: both;
329 }
330 #footer ul.editbar {
331         font-size: 1em;
332         border-bottom: 1px solid #d2d3d7;
333         background-image: none;
334         margin: 0 0 1.5em 0;
335 }
336
337 ul#credits {
338         margin: 1em 0 0 0;
339         padding:0;
340         font-size: 1em;
341         line-height: 2;
342 }
343
344 ul#credits li {
345         list-style: none;
346         display: inline;
347         margin: 0 1em 0 0;
348 }
349
350 #content div.caution
351 , #content div.important
352 , #content div.note
353 , #content div.tip
354 , #content div.warning {
355         margin: 1em 0 1em 0;
356 }
357
358 #message {
359         background-color: #f5f6f7;
360         padding: 1em;
361         margin: 1em 0 1em 0;
362         border: 1px solid #d2d3d7 ;
363         font-size: 0.75em;
364         line-height: 2;
365 }
366
367 #message p {
368         margin:0;
369         padding:0;
370 }
371
372 table   {
373         margin: 0.75em 0 0.75em 0;
374 }
375 td {
376                 padding: 0 1em 0 0.5em;
377 }
378 div#page-history tr {
379         background-image: url('../img/greydot.png');
380         background-position: bottom left;
381         background-repeat: repeat-x;
382         background-color: transparent;
383 }
384 #content div.debian {
385         border:1px solid #c70036;
386         border-top: 1px solid  #c70036; 
387         background-repeat: no-repeat; 
388         background-position: 10px 5px;
389         margin: 2em 1.5em 2em 1.5em;
390         padding: 0 1.5em 0 50px;
391         font-size: 0.75em;
392 }
393 #content div.debian p {
394                 margin: 1.5em  0 1.5em 0;
395 }
396
397 /*
398  * Editor
399  */
400
401 #editor #editor-textarea {
402         display: block;
403         margin: 1em 0 1em 0;
404 }
405 p img.attachment {
406                 float: left;
407                 padding-right: 1.5em;
408 }
409 table p img.attachment {
410                 display: inline;
411                 float: none;
412                 padding: 0;
413 }
414 p img {
415                 display: inline;
416 }
417 table.diff {
418         font-family: monospace;
419         font-size: 1em;
420 }
421 div#header ul li {
422         display: inline;
423         margin-right: 1em;
424 }
425 ul#navibar li.wikilink {
426         margin: 0;
427 }
428 ul#navibar li.current {
429         display: none;
430 }
431 li.wikilink {
432         margin:0;
433         padding:0;
434 }
435 ul#navibar li.userlink {
436         margin:0;
437         padding:0;
438 }
439 #pagetrail {
440         margin:0;
441         display: inline;
442         text-transform: lowercase;
443         line-height: 2;
444         background-color: transparent;
445         background-color: #f5f6f7;
446         min-height: 20px;
447 }
448 #searchform {
449         position: absolute;
450         right: 10px;
451         top: 0;
452 }
453 div#content {
454         margin: 0 10px 0 52px;
455 }
456 div#header {
457         margin:0;
458 }
459 #navbar {
460         background-color: transparent;
461         list-style:none;
462         display:block;
463         border-bottom:1px solid #c70036;
464         text-indent:0;
465         padding: 0;
466         margin-top:0;
467         margin-bottom:0;
468 }
469 #navbar ul {
470         margin: 0;
471         padding: 0;
472         clear: both;
473         overflow: hidden;
474         min-height: 45px;
475 }
476 #navbar li {
477         list-style: none;
478         float: left;
479         padding: 0;
480         margin: 0;
481 }
482 #navbar a:link
483 , #navbar a:visited {
484         padding: 1.75em 1em 0.25em 1em;
485         border-left: 1px solid transparent;
486         border-right: 1px solid transparent;
487         display: block;
488         text-decoration: none;
489 }
490 #navbar a:visited {
491         color: #54638c;
492 }
493 #navbar a:hover
494 , #navbar a:visited:hover {
495         background-color: #efefef;
496         border-left: 1px solid  #d2d3d7;
497         border-right: 1px solid #d2d3d7;
498         text-decoration: underline;
499 }
500 form.actionsmenu {
501         float: right;
502         vertical-align: text-top;
503 }
504 span.sep {
505         margin-right: 0.25em;
506         margin-left: 0.25em;
507 }
508 td.diff-added {
509         color: #31a300;
510 }
511 td.diff-removed {
512         color: #c70036;
513 }
514 td.diff-info {
515         padding-left:0;
516 }