1 /* css file for debian web site - Jutta Wrage 2004 */
3 /* all pages have a header, outer inner and footer
4 leftcol and maincol can be omitted, there will be other boxes
5 to replace later (eg. two content columns)
10 </div> <!-- end logo -->
11 <div id="serverselect">
12 </div> <!-- end serverselect -->
13 </div> <!-- end upperheader -->
15 </div> <!-- end navbar -->
16 </div> <!-- end header -->
20 Leftcol is for menus - if omitted, maincol can be omitted, too
21 </div> <!-- end leftcol -->
23 Maincol with margin left is for the content
24 But content may go directly to inner
25 </div> <!-- end maincol -->
26 </div> <!-- end inner -->
28 <hr class="hidecss"> This line is a divider for lynx
29 </div> <!-- end footer -->
30 </div> <!-- end outer -->
32 cd-pages: bgcolor="#e09e86" - navbar
35 /* { border: 1px solid yellow; } */
38 background-color: #FFFFFF;
42 /* min-width: 440px - commented out due to mozilla problems*/
44 /* direction directive reverses the navbar, too */
46 direction: rtl !important;
47 text-align: right !important;
52 h1 { text-align: center; }
55 border-bottom: 1px dotted #000000;
64 border-top: 1px solid #BFC3DC;
74 font-family:courier, serif;
84 .quoteblock div.preimg {
95 blockquote.question p span {
111 /* upper nested header box*/
137 #serverselect:lang(de) {
140 #serverselect:lang(en) {
150 #serverselect p select {
154 #serverselect p input {
162 vertical-align: bottom;
179 #hpacketsearch p small {
185 #hpacketsearch p select {
189 #hpacketsearch p input {
194 /* margin-top: 1em; */
197 /* margin-top: 5px; */
207 list-style-type: none;
218 text-decoration: none;
219 padding: 0.2em 0.4em 0.2em 0.4em;
220 background-color: #000084;
221 border: 1px solid #000084;
222 font-family: Arial, Helvetica, sans-serif;
229 #navbar .hidecss, .hidecss {
233 /* the rest of page out of two nested boxes around */
236 background-color: #FFFFFF;
238 /* border:solid white 2px; */
246 /* overflow: auto; */
251 margin: 0em 0.4em 0 0;
257 font-family: Arial, Helvetica, sans-serif;
258 border: 1px solid #BBDDFF;
259 /* overflow: auto; */
261 #leftcol a:link, #leftcol a:visited {
265 background-color: #DDEEFF;
266 /* background-color: #FFFFFF; */
271 list-style-type: none;
274 #leftcol ul.votemenu {
280 #leftcol ul.votemenu ul li, #leftcol ul.cdmenu ul li {
281 padding-bottom: 0.4em;
295 padding-right: 0.5em;
296 /* padding: 0.2em 0 0.3em 0em; */
298 #leftcol ul ul li a {
300 padding: 0.1em 0.5em;
325 #maincol:lang(en), #maincol:lang(cz), #maincol:lang(ko),
326 #maincol:lang(no), #maincol:lang(sk), #maincol:lang(tr),
327 #maincol:lang(zh-CN), #maincol:lang(zh-HK), #maincol:lang(zh-TW) {
366 #outer>#inner { border-bottom: 1px solid #BFC3DC; }
367 .bordertop { border-top: 1px solid #BFC3DC; }
375 list-style-type: none;
382 #footer ul li a, table.y2k td {
392 padding: 1em 0; /* have some padding to get rid of collapsed margins */
395 /* classes for cards */
404 /*margin: 0 1% 2em 50%; */
411 .cardleft h2, .cardright h2, .card h2 {
416 padding: 0.2em 0.4em;
418 font-family: Arial, Helvetica, sans-serif;
419 letter-spacing: 0.2em;
422 .cardleft dl dd, .cardright dl dd , .card dl dd {
423 padding-bottom: 0.5em;
426 .cardleft div, .cardright div, .card div {
427 border: 2px solid #000000;
431 /* the next two lines xpand the div to heigth of left inner div */
448 /* classes and div names for package pages */
450 #pdesc, #pdeps, #pdownload, #pmoreinfo {
470 list-style-type: none;
478 #pdeps ul.uldep, #pdeps ul.uladep {
479 list-style-type: disc;
480 list-style-image: url(http://packages.debian.org/Pics/dep.gif);
483 #pdeps ul.ulrec, #pdeps ul.ulidep {
484 list-style-type: disc;
485 list-style-image: url(http://packages.debian.org/Pics/rec.gif);
489 list-style-type: disc;
490 list-style-image: url(http://packages.debian.org/Pics/sug.gif);
493 #pdeps ul.uldep li, #pdeps ul.ulrec li, #pdeps ul.ulsug li, #pdeps ul.uladep li, #pdeps ul.ulidep li {
500 #pdownload p, #pdownload form, #pdownload submit {
513 /* colors for packages, warnings and news in ports */
514 .pred, .warning, dt.new, .no {
515 color: red; /* FF0000 */
518 .psmallcenter, .psmalltrademark {
527 #pdownload table, table.ridgetable, table.reltable {
530 margin: 0 1em 1em 1em;
532 border-collapse: collapse;
534 #pcontentsres table {
535 margin: 0 1em 1em 1em;
539 border-collapse: collapse;
546 border-collapse: collapse;
548 #pcontentsres col, #pcontentsres th, #pdownload th, #pdownload td, table.ridgetable th, table.ridgetable td,
549 table.reltable td, table.reltable th {
554 #pcontentsres td.file {
555 font-family: monospace;
558 /* font-size: smaller;*/
562 background-color: #44CCCC;
565 border: 1px solid gray;
566 background-color: #DDDDDD;
569 border: 1px solid gray;
572 table.reltable tr.odd {
573 background-color: #FFFFFF;
575 table.reltable tr.even {
576 background-color: #DDDDDD;
581 border: 1px solid black;
582 background-color: #cdc9c9;
592 table.stattrans tbody th {
599 background-color: #DD0000;
600 padding: 0.2em 0 0.2em 1em;
606 vertical-align: middle;
615 background-color: #E09E86;
623 /* debian installer */
626 background-color: #FF6060;
629 background-color: #F7FF60;
632 background-color: #7AFF71;
638 background-color: #BBDDFF;
647 list-style-type: circle;
654 list-style-type: none;
669 vertical-align: -25px;
678 color: #0000FF !important;
683 span.ddpbooktitle, span.merchtitle {
686 a:link { color: #0000FF; }
687 a:visited { color: #800080; }
688 a:hover { color: #F000FF; }
689 a:active { color: #FF0000; }
691 .navpara a, col.y2k {
693 /* this is to keep from breaking at whitespace in anchors */
696 /* language dependent stuff */
698 html[lang="de"] q:before {
701 html[lang="de"] q:after {
704 html[lang="de"] q q:before {
707 html[lang="de"] q q:after {
710 html[lang="pl"] q:before { content: "\201E"; }
711 html[lang="pl"] q:after { content: "\201D"; }
712 html[lang="pl"] q q:after { content: "\2019"; }
713 html[lang="pl"] q q:before { content: "\201A"; }
715 html[lang="fr"] q:before { content: "\00AB\00A0"; }
716 html[lang="fr"] q:after { content: "\00A0\00BB"; }
717 html[lang="fr"] q q:before { content: "\2039\00A0"; }
718 html[lang="fr"] q q:after { content: "\00A0\203A"; }
720 #leftcol:lang(ja) ul ul {
723 html[lang|="zh"] strong {
724 /* color: #FFFFFF; */
725 background-color: yellow;
727 .underline { text-decoration: underline; }
729 /*.content{padding:5px;} */ /*padding for content */
730 /* #header .content{padding-bottom:0;} */ /*padding bottom 0 to remove space in IE5 Mac*/
732 /* for l10n-arabic */
738 #leftcol, #navbar, #navbar a {
739 -moz-border-radius: 15px;
740 /* this goes to the end as the css validator does not like it
741 will be replaced by border-radius with css3 */