--- /dev/null
+/* 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:
+<div id="header">
+ <div id="upperheader">
+ <div id="logo">
+ </div> <!-- end logo -->
+ <div id="serverselect">
+ </div> <!-- end serverselect -->
+ </div> <!-- end upperheader -->
+ <div id="navbar">
+ </div> <!-- end navbar -->
+</div> <!-- end header -->
+<div id="outer">
+ <div id="inner">
+ <div id="leftcol">
+ Leftcol is for menus - if omitted, maincol can be omitted, too
+ </div> <!-- end leftcol -->
+ <div id="maincol">
+ Maincol with margin left is for the content
+ But content may go directly to inner
+ </div> <!-- end maincol -->
+ </div> <!-- end inner -->
+ <div id="footer">
+ <hr class="hidecss"> This line is a divider for lynx
+ </div> <!-- end footer -->
+</div> <!-- end outer -->
+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;
+}
+table.vote {
+ margin: 0 auto;
+ border-width: 3px;
+ border-color: gray;
+ border-style: ridge;
+ border-collapse: collapse;
+}
+#pdownload th, #pdownload td, table.ridgetable th, table.ridgetable td,
+ table.reltable td, table.reltable th {
+ border: 2px gray;
+ border-style: ridge;
+ padding: 0.1em;
+}
+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 */
+}