2 https://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 https://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: 1px dotted grey; }
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;
527 border-top: 1px solid #d2d3d7;
528 border-bottom: 1px solid white;
531 #footer .editbar li {
549 , ul#footermap-colb a
550 , ul#footermap-colc a
551 , ul#footermap-cold a
552 , ul#footermap-cole a {
559 , ul#footermap-cole {
563 height: 12em; /* Update when adding items */
574 border-top: 1px solid white;
585 background-color: transparent;
598 background-image:none;
599 background-color:transparent;
604 , #serverselect option
605 , #serverselect select {
617 #serverselect form p {
638 position: relative; /* establish a containing box. needed for
648 background-color:#FFFFCB;
694 border-top: 0.17em solid #339900;
695 margin: 1.33em 0 0 0;
697 .downloads ul.downlist {
700 div.downloads .col50 {
701 border-top: 0.15em solid #339900;
706 background: url('Pics/emblem-downloads.png') no-repeat 0 0.15em;
709 * border-top: 0.17em solid #339900;
712 ul.quicklist.downlist {
713 border-top: 0.17em solid #339900;
720 ul.downlist li:after {
723 ul.downlist li:last-child:after {
732 margin: 1.85em 0 1.85em 0;
733 background-repeat: no-repeat;
734 background-position: 0.5em 0.5em;
737 background-color:#FFFFCB;
738 border:0.15em solid #CCCCA3;
748 background-image: url('Pics/admon-tip.png');
751 background-image: url('Pics/admon-important.png');
754 background-image: url('Pics/admon-warning.png');
758 background-image: url('Pics/admon-note.png');
761 /* Layout Elements */
768 padding-bottom: 1.5em;
795 table.vote td, table.vote th {
796 padding-right: 1.5em;
798 #maincol.with-toolbox {
801 div.tabular table, table.tabular, table.vendors {
802 /* border-bottom: 1px solid #a9abb3;
803 border-top: 1px solid #a9abb3; */
804 border-bottom: 0.15em solid #666;
805 border-top: 0.15em solid #666;
810 margin-top: -0.169em;
813 padding-right: 1.5em;
815 div.tabular table tr, table.tabular tr, table.vendors tr {
819 padding-right: 1.5em;
821 div.tabular table td, table.tabular td, table.vendors td {
822 background-image: url(Pics/greydot.png);
823 background-position: top left;
824 background-repeat: repeat-x;
826 div.tabular table > td:first-child, table.tabular > td:first-child, table.vendors > td:first-child {
827 background-image: none;
829 #pageLang p, #pageLang form {
837 /* color: #0035c7; */
838 /* text-decoration: underline; */
840 #langSelector:hover {
841 /* cursor: pointer; */
842 /* text-decoration: none; */
846 /* background-color: #f5f6f7;
847 background-color: white;
848 background-image:url('Pics/gradient-flipped.png');
849 background-position: bottom;
850 background-repeat: repeat-x;
854 padding: 0.5em 1em 1em 1em;
856 border-bottom: 1px solid #dfdfe0;
857 min-width: 100%; */ /* make it reach the right edge if only a few
858 languages are available */
863 #pageLang:hover #langContainer {
867 /* for l10n-arabic */