2 http://www.debian.org Stylesheet
4 Copyright 2011 Kalle Söderman
6 This stylesheet is free software; you can redistribute it and/or modify it
7 under the terms of the GNU General Public License, version 2, as published by
8 the Free Software Foundation.
10 This program is distributed in the hope that it will be useful, but WITHOUT ANY
11 WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
12 PARTICULAR PURPOSE. See the GNU General Public License for more details.
14 You should have received a copy of the GNU General Public License along with
15 this program; if not, write to the Free Software Foundation, Inc., 51 Franklin
16 Street, Fifth Floor, Boston, MA 02110-1301 USA.
18 The license text can also be found at http://www.gnu.org/copyleft/gpl.html and
19 /usr/share/common-licenses/GPL-2 on Debian GNU/Linux.
23 Font size table (Browser default 16px)
43 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
44 blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
45 font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl,
46 dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
47 tfoot, thead, tr, th, td {
56 vertical-align: baseline;
59 body { line-height: 1; color: black; background: white; }
60 ol, ul { list-style: none; }
61 table { border-collapse: separate; border-spacing: 0; }
62 blockquote, q { quotes: "" ""; }
63 html { background-color: transparent; }
64 :focus { outline: 0; }
65 caption, th, td { text-align: left; font-weight: normal; }
66 blockquote:before, blockquote:after, q:before, q:after { content: ""; }
72 font: normal 100% sans-serif;
75 background-color: white;
76 background-image:url('Pics/gradient.png');
77 background-position: 0 0;
78 background-repeat: repeat-x;
79 /* Uncomment to show baseline grid
80 background-image: url('24grid.png');
81 background-position: 30px 9px;
85 margin: 0 10px 0 52px;
91 margin: 0 15em 1.5em 0;
98 padding:0 10px 0 52px;
103 , #second-nav a:visited {
104 text-decoration: none;
107 , #second-nav a:hover {
108 text-decoration: underline;
113 text-transform: lowercase;
115 background-color: transparent;
116 background-color: #f5f6f7;
117 border-bottom: 1px solid #d2d3d7 ;
120 #breadcrumbs:before {
127 padding: 0 5px 0 5px;
128 font-family:monospace;
131 text-transform: uppercase;
132 letter-spacing: 0.08em;
136 background-color: #c70036;
140 text-decoration: none;
144 text-decoration: underline;
147 background-color: transparent;
150 border-bottom:1px solid #c70036;
170 , #navbar a:visited {
171 padding: 1.75em 0.5em 0.25em 0.5em;
172 border-left: 1px solid transparent;
173 border-right: 1px solid transparent;
175 text-decoration: none;
181 , #navbar a:visited:hover {
182 background-color: #f5f6f7;
183 border-left: 1px solid #d2d3d7;
184 border-right: 1px solid #d2d3d7;
185 text-decoration: underline;
200 margin: 0 10px 0 0.5em;
201 padding: 1px 0 1px 0;
220 background-color: transparent;
221 border: 1px solid transparent;
241 border: 1px solid #d2d3d7 ;
243 background-color: #f5f6f7;
250 text-decoration: underline;
256 text-decoration: none;
260 text-decoration: none;
274 background-color: #ff6600;
276 font-family: sans-serif;
278 text-decoration: none;
281 border: 1px solid #ff6600;
285 background-color: white;
286 border: 1px solid #ff6600;
291 background-color: #ff8800;
294 a.rss_logo.generic:hover {
295 background-color: #ee7700;
310 border-left: 1px solid #d2d3d7 ;
337 margin: 1.5em 0 1.5em 0;
365 line-height: 0.83333;
366 margin: 0.83333em 0 0.83333em 0;
371 line-height: 1.0714286;
372 margin: 1.0714286em 0 1.0714286em 0;
376 line-height: 1.333em;
377 margin: 1.333em 0 0 0;
382 margin: 1.5em 0 1.5em 0;
393 margin: 1.5em 0 1.5em 0;
395 ol>ol, ul>ul, li>ol, li>ul {
400 list-style-type: decimal;
403 list-style-type: disc;
407 margin: 1.5em 0 1.5em 0;
411 background-color: #bbb;
413 margin: 1.4375em 0 1.5em 0;
416 margin: 1.5em 0 1.5em 0;
418 font-family: monospace;
423 font-family: monospace;
444 text-transform: uppercase;
450 background-image: url('Pics/greydot.png');
451 background-position: bottom left;
452 background-repeat: repeat-x;
459 background-image: url('Pics/greydot.png');
460 background-position: top left;
461 background-repeat: repeat-x;
462 padding: 0.0833em 0 0.0833em 0;
466 text-decoration: none;
470 background-color: #f0f0f4;
471 text-decoration: underline;
475 background-image: url('Pics/greydot.png');
476 background-position: top left;
477 background-repeat: repeat-x;
478 padding: 0.0833em 0 0.0833em 0;
485 margin:1.5em 0 1.5em 0;
486 background-position: 0 -50px;
487 background-repeat: repeat-x;
511 border: 1px solid #dfdfe0;
513 background-color: #f5f6f7;
514 margin: 0 10px 0 52px;
526 border-top: 1px solid #d2d3d7;
527 border-bottom: 1px solid white;
530 #footer .editbar li {
548 , ul#footermap-colb a
549 , ul#footermap-colc a
550 , ul#footermap-cold a
551 , ul#footermap-cole a {
558 , ul#footermap-cole {
562 height: 12em; /* Update when adding items */
573 border-top: 1px solid white;
584 background-color: transparent;
597 background-image:none;
598 background-color:transparent;
603 , #serverselect option
604 , #serverselect select {
616 #serverselect form p {
643 background-color:#FFFFCB;
659 content: "Quick Links: ";
693 border-top: 0.17em solid #339900;
694 margin: 1.33em 0 0 0;
696 .downloads ul.downlist {
699 div.downloads .col50 {
700 border-top: 0.15em solid #339900;
705 background: url('Pics/emblem-downloads.png') no-repeat 0 0.15em;
707 * border-top: 0.17em solid #339900;
710 ul.quicklist.downlist {
711 border-top: 0.17em solid #339900;
718 ul.downlist li:after {
721 ul.downlist li:last-child:after {
730 margin: 1.85em 0 1.85em 0;
731 background-repeat: no-repeat;
732 background-position: 0.5em 1em;
735 background-color:#FFFFCB;
736 border:0.15em solid #CCCCA3;
746 background-image: url('Pics/admon-tip.png');
749 background-image: url('Pics/admon-important.png');
752 background-image: url('Pics/admon-warning.png');
755 background-image: url('Pics/admon-note.png');
758 /* Layout Elements */
765 padding-bottom: 1.5em;
792 table.vote td, table.vote th {
793 padding-right: 1.5em;
795 #maincol.with-toolbox {
798 div.tabular table, table.tabular, table.vendors {
799 /* border-bottom: 1px solid #a9abb3;
800 border-top: 1px solid #a9abb3; */
801 border-bottom: 0.15em solid #666;
802 border-top: 0.15em solid #666;
807 margin-top: -0.169em;
810 padding-right: 1.5em;
812 div.tabular table tr, table.tabular tr, table.vendors tr {
816 padding-right: 1.5em;
818 div.tabular table td, table.tabular td, table.vendors td {
819 background-image: url(Pics/greydot.png);
820 background-position: top left;
821 background-repeat: repeat-x;
823 div.tabular table > td:fist-child, table.tabular > td:fist-child, table.vendors > td:fist-child {
824 background-image: none;
826 #pageLang p, #pageLang form {