2 www.debian.org stylesheet proposal
4 Kalle Soderman, 2008 debian.css
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/
10 Font size table (Browser default 16px)
30 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
31 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
32 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl,
33 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
34 tfoot, thead, tr, th, td {
43 vertical-align: baseline;
46 body { line-height: 1; color: black; background: white; }
47 ol, ul { list-style: none; }
48 table { border-collapse: separate; border-spacing: 0; }
49 blockquote, q { quotes: "" ""; }
50 html { background-color: transparent; }
51 :focus { outline: 0; }
52 caption, th, td { text-align: left; font-weight: normal; }
53 blockquote:before, blockquote:after, q:before, q:after { content: ""; }
59 font: normal 100% sans-serif;
62 background-color: white;
63 background-image:url('Pics/gradient.png');
64 background-position: 0 0;
65 background-repeat: repeat-x;
66 /* Uncomment to show baseline grid
67 background-image: url('24grid.png');
68 background-position: 30px 9px;
72 margin: 0 10px 0 62px;
78 margin: 0 15em 1.5em 0;
85 padding:0 10px 0 62px;
90 , #second-nav a:visited {
91 text-decoration: none;
94 , #second-nav a:hover {
95 text-decoration: underline;
100 text-transform: lowercase;
102 background-color: transparent;
103 background-color: #f5f6f7;
104 border-bottom: 1px solid #d2d3d7 ;
107 #breadcrumbs:before {
114 padding: 0 5px 0 5px;
115 font-family:monospace;
118 text-transform: uppercase;
119 letter-spacing: 0.08em;
123 background-color: #c70036;
126 background-color: transparent;
129 border-bottom:1px solid #c70036;
149 , #navbar a:visited {
150 padding: 1.75em 1em 0.25em 1em;
151 border-left: 1px solid transparent;
152 border-right: 1px solid transparent;
154 text-decoration: none;
160 , #navbar a:visited:hover {
161 background-color: #efefef;
162 border-left: 1px solid #d2d3d7;
163 border-right: 1px solid #d2d3d7;
164 text-decoration: underline;
169 margin: 0 10px 0 0.5em;
170 padding: 1px 0 1px 0;
189 background-color: transparent;
190 border: 1px solid transparent;
199 padding: 0 5px 0 5px;
210 border: 1px solid #d2d3d7 ;
212 background-color: #eee;
219 text-decoration: underline;
225 text-decoration: none;
229 text-decoration: none;
249 border-left: 1px solid #d2d3d7 ;
276 margin: 1.5em 0 1.5em 0;
304 line-height: 0.83333;
305 margin: 0.83333em 0 0.83333em 0;
310 line-height: 1.0714286;
311 margin: 1.0714286em 0 1.0714286em 0;
315 line-height: 1.333em;
316 margin: 1.333em 0 0 0;
321 margin: 1.5em 0 1.5em 0;
332 margin: 1.5em 0 1.5em 0;
334 ol>ol, ul>ul, li>ol, li>ul {
339 list-style-type: decimal;
342 list-style-type: disc;
346 margin: 1.5em 0 1.5em 0;
350 background-color: #bbb;
352 margin: 1.4375em 0 1.5em 0;
355 margin: 1.5em 0 1.5em 0;
357 font-family: monospace;
362 font-family: monospace;
379 text-transform: uppercase;
385 background-image: url('Pics/greydot.png');
386 background-position: bottom left;
387 background-repeat: repeat-x;
394 background-image: url('Pics/greydot.png');
395 background-position: top left;
396 background-repeat: repeat-x;
397 padding: 0.0833em 0 0.0833em 0;
401 text-decoration: none;
405 background-color: #f0f0f4;
406 text-decoration: underline;
413 margin:1.5em 0 1.5em 0;
414 background-position: 0 -50px;
415 background-repeat: repeat-x;
439 border: 1px solid #dfdfe0;
441 background-color: #f5f6f7;
451 border-top: 1px solid #d2d3d7;
452 border-bottom: 1px solid white;
455 #footer .editbar li {
473 , ul#footermap-colb a
474 , ul#footermap-colc a
475 , ul#footermap-cold a
476 , ul#footermap-cole a {
483 , ul#footermap-cole {
487 height: 12em; /* Update when adding items */
498 border-top: 1px solid white;
509 background-color: transparent;
522 background-image:none;
523 background-color:transparent;
528 , #serverselect option
529 , #serverselect select {
541 #serverselect form p {
568 background-color:#FFFFCB;
584 content: "Quick Links: ";
618 border-top: 0.17em solid #339900;
619 margin: 1.33em 0 0 0;
621 .downloads ul.downlist {
624 div.downloads .col50 {
625 border-top: 0.15em solid #339900;
630 background: url('Pics/emblem-downloads.png') no-repeat 0 0.15em;
632 * border-top: 0.17em solid #339900;
635 ul.quicklist.downlist {
636 border-top: 0.15em solid #339900;
643 ul.downlist li:after {
646 ul.downlist li:last-child:after {
654 margin: 1.85em 0 1.85em 0;
655 background-repeat: no-repeat;
656 background-position: 0.5em 1em;
659 background-color:#FFFFCB;
660 border:0.15em solid #CCCCA3;
669 background-image: url('Pics/admon-tip.png');
672 background-image: url('Pics/admon-important.png');
675 background-image: url('Pics/admon-warning.png');
678 background-image: url('Pics/admon-note.png');
681 /* Layout Elements */
688 padding-bottom: 1.5em;
715 table.vote td, table.vote th {
716 padding-right: 1.5em;
718 #maincol.with-toolbox {
722 /* border-bottom: 1px solid #a9abb3;
723 border-top: 1px solid #a9abb3; */
724 border-bottom: 0.15em solid #666;
725 border-top: 0.15em solid #666;
731 margin-top: -0.169em;
734 padding-right: 1.5em;
740 padding-right: 1.5em;
743 background-image: url(Pics/greydot.png);
744 background-position: top left;
745 background-repeat: repeat-x;
747 #pageLang p, #pageLang form {