/* css file for debian web site - Jutta Wrage 2004 */ /* all pages have a header, outer inner and footer leftcol and maincol can be omitted, there will be other boxes to replace later (eg. two content columns) normal page:
Leftcol is for menus - if omitted, maincol can be omitted, too
Maincol with margin left is for the content But content may go directly to inner
color logo #C60036 cd-pages: bgcolor="#e09e86" - navbar */ /* { border: 1px solid yellow; } */ html, body { color: #000000; background-color: #FFFFFF; margin: 0 4px 0 4px; padding: 0; text-align: left; /* min-width: 440px - commented out due to mozilla problems*/ } /* direction directive reverses the navbar, too */ /* html[lang|=ar] { direction: rtl !important; text-align: right !important; } */ img { border: 0; } h1 { text-align: center; } acronym { border-bottom: 1px dotted #000000; } hr.hidecss { border: 0; } hr { border-bottom: 0; border-top: 1px solid #BFC3DC; } samp { display: block; margin-left: 2em; } div.sampleblock { width: 80%; margin: auto; font-family:courier, serif; font-size: 90%; } div.quoteblock { width: 75%; margin: auto; font-size: 90%; text-align: justify; } .quoteblock div.preimg { float: left; margin-top: 0.2em; } .quoteblock cite { display: block; text-align: right; } blockquote.question { font-style: italic; } blockquote.question p span { font-style: normal; width: 10%; } #pagewidth { width: 100%; text-align: left; } /* now the header*/ #header { margin-left: -3px; width: 100%; height: auto; } /* upper nested header box*/ #upperheader { width: 100%; margin-top: 11px; height: auto; /* height: 4.8em; */ background: #FFFFFF; } #logo { float: left; margin-left: 6px; background: #FFFFFF; } #serverselect { float: right; display: block; padding-top: 1px; margin-right: 6px; margin-left: auto; text-align: right; top: 0; right: 0; } #serverselect:lang(de) { width: 15em; } #serverselect:lang(en) { width: 13em; } #serverselect p { color: #990000; font-size: 0.8em; font-weight: normal; } #serverselect p select { font-size: 88%; } #serverselect p input { font-size: 88%; } .centerlogo { margin-left: 260px; margin-right: auto; width: 125px; text-align: center; vertical-align: bottom; } #cdlogo { } #hpacketsearch { display: block; padding-top: 1px; padding-left: 5px; margin-right: 0.2em; margin-left: auto; text-align: left; width: 25em; top: 0em; right: 0em; } #hpacketsearch p small { color: #990000; font-size: 0.8em; font-weight: normal; } #hpacketsearch p select { font-size: 88%; } #hpacketsearch p input { font-size: 88%; } #navbar { /* margin-top: 1em; */ clear: both; padding-left: 0px; /* margin-top: 5px; */ padding-top: 6px; padding-bottom: 4px; width: 100%; height: auto; text-align: center; background: #DF0451; } #navbar ul { display: inline; list-style-type: none; padding-left: 0px; line-height: 1.5em; } #navbar ul li { display: inline; margin: 0; white-space: nowrap; } #navbar a { color: #FFFFFF; text-decoration: none; padding: 0.2em 0.4em 0.2em 0.4em; background-color: #000084; border: 1px solid #000084; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 0.9em; } #navbar a:hover { background: #0000CC; } #navbar .hidecss, .hidecss { display: none; } /* the rest of page out of two nested boxes around */ #outer { background-color: #FFFFFF; width: auto; /* border:solid white 2px; */ } #inner { margin: -2px; margin-top: 0; width: 100%; background: #FFFFFF; /* overflow: auto; */ } #leftcol { float: left; margin: 0em 0.4em 0 0; padding-left: 0; padding-bottom: 1em; width: auto; background: #BBDDFF; font-size: 0.9em; font-family: Arial, Helvetica, sans-serif; border: 1px solid #BBDDFF; /* overflow: auto; */ } #leftcol a:link, #leftcol a:visited { display: block; } #leftcol a:hover { background-color: #DDEEFF; /* background-color: #FFFFFF; */ } #leftcol ul { margin: 2px; padding: 0; list-style-type: none; font-weight: bold; } #leftcol ul.votemenu { width: 11em; } #leftcol ul.cdmenu { width: 12em; } #leftcol ul.votemenu ul li, #leftcol ul.cdmenu ul li { padding-bottom: 0.4em; } #leftcol li ul { display: inline; } #leftcol ul li { padding: 0.2em 0; } #leftcol ul ul { font-size: 0.9em; margin: 0; } #leftcol ul li a { line-height: 1.2em; padding-right: 0.5em; /* padding: 0.2em 0 0.3em 0em; */ } #leftcol ul ul li a { font-weight: normal; padding: 0.1em 0.5em; line-height: 1.1em; } #leftcol ul ul li { padding-top: 0; } #leftcol p { margin-left: 2px; margin-right: 2px; } #leftcol p a { display: block; margin: 0; } #leftcol p img { margin-left: 1em; } #maincol { background: #FFFFFF; margin-left: 12em; margin-right: 0.5em; margin-bottom: 1em; } #maincol:lang(en), #maincol:lang(cz), #maincol:lang(ko), #maincol:lang(no), #maincol:lang(sk), #maincol:lang(tr), #maincol:lang(zh-CN), #maincol:lang(zh-HK), #maincol:lang(zh-TW) { margin-left: 10em; } #lefthalfcol { float: left; margin-left: 0em; width: 49%; } #lefthalfcol dl { margin-top: 0em; } #righthalfcol { margin-left: 50%; width: 50%; } #righthalfcol dl { margin-right: 0.2em; } #footer { clear: both; width: 100%; padding-top: 3px; bottom: 0; text-align: center; margin: 0px; } #fineprint { margin-top: 0.2em; padding-top: 3px; text-align: center; font-size: 0.85em; } #outer>#inner { border-bottom: 1px solid #BFC3DC; } .bordertop { border-top: 1px solid #BFC3DC; } dl.gloss dt { font-weight: bold; } #footer ul { display: inline; list-style-type: none; } #footer ul li { display: inline; } #footer ul li a, table.y2k td { white-space: nowrap; } #footer p { margin: 0px; } #main { background: #bbddff; padding: 1em 0; /* have some padding to get rid of collapsed margins */ } /* classes for cards */ .cardleft { margin: 0 0 1em; float: left; width: 49%; } .cardright { margin-left: 50% /*margin: 0 1% 2em 50%; */ } .card { clear: left; margin: 0 0 1em; } .cardleft h2, .cardright h2, .card h2 { font-size: 120%; background: #000000; color: #FFD400; display: inline; padding: 0.2em 0.4em; margin: 0 10px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.2em; } .cardleft dl dd, .cardright dl dd , .card dl dd { padding-bottom: 0.5em; } .cardleft div, .cardright div, .card div { border: 2px solid #000000; background: #FFFFFF; padding: 0.5em; margin: 2px 10px; /* the next two lines xpand the div to heigth of left inner div */ overflow: auto; } div.lefthalf { float: left; width: 49%; border: 0; margin: 0; padding: 0; } div.righthalf { border: 0; margin: 0; padding: 0; } /* classes and div names for package pages */ #pdesc, #pdeps, #pdownload, #pmoreinfo { margin-left: 1em; margin-right: 1em; } #pdesc p { text-align: justify; } .pdescshort { text-align: left; font-size: large; font-weight: bold; } #pdeps table tr td { font-size: 0.9em; } #pdeps ul { list-style-type: none; padding-left: 2em; } #pdeps li { text-indent: -2em; } #pdeps ul.uldep, #pdeps ul.uladep { list-style-type: disc; list-style-image: url(http://packages.debian.org/Pics/dep.gif); } #pdeps ul.ulrec, #pdeps ul.ulidep { list-style-type: disc; list-style-image: url(http://packages.debian.org/Pics/rec.gif); } #pdeps ul.ulsug { list-style-type: disc; list-style-image: url(http://packages.debian.org/Pics/sug.gif); } #pdeps ul.uldep li, #pdeps ul.ulrec li, #pdeps ul.ulsug li, #pdeps ul.uladep li, #pdeps ul.ulidep li { padding-left: 2em; } #pdeps dl { margin: 0; } #pdownload p, #pdownload form, #pdownload submit { display: inline; } #pdownload td { font-size: 0.85em; text-align: center; } #pmoreinfo p { font-size: 0.85em; } /* colors for packages, warnings and news in ports */ .pred, .warning, dt.new, .no { color: red; /* FF0000 */ } .psmallcenter, .psmalltrademark { clear: both; font-size: 0.85em; text-align: center; } .psmalltrademark { color: green; } #pdownload table, table.ridgetable, table.reltable { border-width: 4px; border-color: gray; margin: 0 1em 1em 1em; border-style: ridge; border-collapse: collapse; } #pcontentsres table { margin: 0 1em 1em 1em; min-width: 50%; border: 2px gray; border-style: ridge; border-collapse: collapse; } table.vote { margin: 0 auto; border-width: 3px; border-color: gray; border-style: ridge; border-collapse: collapse; } #pcontentsres col, #pcontentsres th, #pdownload th, #pdownload td, table.ridgetable th, table.ridgetable td, table.reltable td, table.reltable th { border: 2px #BFC3DC; border-style: ridge; padding: 0.1em; } #pcontentsres td.file { font-family: monospace; } #pcontentsres td { /* font-size: smaller;*/ padding: .4em; } table.reltable th { background-color: #44CCCC; } table.vote th { border: 1px solid gray; background-color: #DDDDDD; } table.vote td { border: 1px solid gray; padding: 4px; } table.reltable tr.odd { background-color: #FFFFFF; } table.reltable tr.even { background-color: #DDDDDD; } table.stattrans { margin: 0 auto; width: 95%; border: 1px solid black; background-color: #cdc9c9; } table.stattrans th { text-align: center; padding: 2px; } table.stattrans td { text-align: right; padding: 2px; } table.stattrans tbody th { text-align: left; font-weight: normal; } /* partners */ .partnertype { background-color: #DD0000; padding: 0.2em 0 0.2em 1em; color: #FFFFFF; } div.partnerlogo { display: table-cell; vertical-align: middle; text-align: center; width: 30%; } div.partnerdesc { display: table-cell; font-size: 85%; } div.cdflash { background-color: #E09E86; width: 80%; margin: auto; text-align: center; } .cdrsync { color: #6B1300; } /* debian installer */ .dierror { background-color: #FF6060; } .dibad { background-color: #F7FF60; } .digood { background-color: #7AFF71; } /* useful classes */ th.eventheader { background-color: #BBDDFF; } .center { text-align: center; } .right { text-align: right; } ul.circlelist { list-style-type: circle; } .centerdiv table { margin-left: auto; margin-right: auto; } ul.discless { list-style-type: none; } .top, img.ico { vertical-align: top; } img.ico { float: left; margin: 0 0.2em 0 0; } img.rightico { float: right; vertical-align: top; margin: 0 0 0 0.2em; } img.cve { vertical-align: -25px; } .y2kok, .yes { color: #00BB00; } .y2kok2 { color: #00BBBB; } .bluehead { color: #0000FF !important; } span.halfsize { font-size: 80%; } span.ddpbooktitle, span.merchtitle { font-size: larger; } a:link { color: #0000FF; } a:visited { color: #800080; } a:hover { color: #F000FF; } a:active { color: #FF0000; } .navpara a, col.y2k { white-space: nowrap; /* this is to keep from breaking at whitespace in anchors */ } /* language dependent stuff */ /* quotes */ html[lang="de"] q:before { content: "\00BB"; } html[lang="de"] q:after { content: "\00AB"; } html[lang="de"] q q:before { content: "\203A"; } html[lang="de"] q q:after { content: "\2039"; } html[lang="pl"] q:before { content: "\201E"; } html[lang="pl"] q:after { content: "\201D"; } html[lang="pl"] q q:after { content: "\2019"; } html[lang="pl"] q q:before { content: "\201A"; } html[lang="fr"] q:before { content: "\00AB\00A0"; } html[lang="fr"] q:after { content: "\00A0\00BB"; } html[lang="fr"] q q:before { content: "\2039\00A0"; } html[lang="fr"] q q:after { content: "\00A0\203A"; } #leftcol:lang(ja) ul ul { font-size: 0.95em; } html[lang|="zh"] strong { /* color: #FFFFFF; */ background-color: yellow; } .underline { text-decoration: underline; } .clr { clear:both; } /*.content{padding:5px;} */ /*padding for content */ /* #header .content{padding-bottom:0;} */ /*padding bottom 0 to remove space in IE5 Mac*/ /* for l10n-arabic */ .bidi { direction: rtl; text-align: right; } #leftcol, #navbar, #navbar a { -moz-border-radius: 15px; /* this goes to the end as the css validator does not like it will be replaced by border-radius with css3 */ }