static/debian.css

   1 html, body {
   2         color: #000000;
   3         background-color: #FFFFFF;
   4         margin: 0 4px 0 4px;
   5         padding: 0;
   6         text-align: left;
   7         font-family: Arial, Helvetica, sans-serif;
   8         /* min-width: 440px - commented out due to mozilla problems*/
   9 }
  10 /* direction directive reverses the navbar, too */
  11 /* html[lang|=ar] {
  12       direction: rtl !important;
  13       text-align: right !important;
  14 } */
  15
  16 img { border: 0; }
  17
  18 h1 { text-align: center; }
  19
  20 acronym {
  21         border-bottom: 1px dotted #000000;
  22 }
  23
  24 hr.hidecss {
  25         border: 0;
  26 }
  27 .hidecss {
  28         display: none;
  29 }
  30
  31 hr {
  32         border-bottom: 0;
  33         border-top: 1px solid #BFC3DC;
  34 }
  35
  36 /* the rest of page out of two nested boxes around */
  37
  38 #outer {
  39         background-color: #FFFFFF;
  40         width: auto;
  41         /* border:solid white 2px; */
  42 }
  43
  44 #inner {
  45         margin: -2px;
  46         margin-top: 0;
  47         width: 100%;
  48         background: #FFFFFF;
  49         /* overflow: auto; */
  50 }
  51
  52 #lefthalfcol {
  53         float: left;
  54         margin-left: 0em;
  55         width: 49%;
  56 }
  57
  58 #lefthalfcol dl {
  59         margin-top: 0em;
  60 }
  61
  62 #righthalfcol {
  63         margin-left: 50%;
  64         width: 50%;
  65 }
  66
  67 #righthalfcol dl {
  68         margin-right: 0.2em;
  69 }
  70
  71
  72 #footer {
  73         clear: both;
  74         width: 100%;
  75         padding-top: 3px;
  76         bottom: 0;
  77         text-align: center;
  78         margin: 1em 0 0 0;
  79         border-top: 1px solid #000;
  80 }
  81
  82 #fineprint {
  83         margin-top: 0.2em;
  84         padding-top: 3px;
  85         text-align: center;
  86         font-size: 0.85em;
  87 }
  88
  89 .bordertop { border-top: 1px solid #000; }
  90
  91 dl.gloss dt {
  92         font-weight: bold;
  93 }
  94
  95 #footer ul {
  96         display: inline;
  97         list-style-type: none;
  98 }
  99
 100 #footer ul li {
 101         display: inline;
 102 }
 103
 104 #footer ul li a, table.y2k td {
 105         white-space: nowrap;
 106 }
 107
 108 #footer p {
 109         margin: 0px;
 110 }
 111
 112 /* classes for cards */
 113 .cardleft {
 114         margin: 0 0 1em;
 115         float: left;
 116         width: 49%;
 117 }
 118 .cardright {
 119         margin-left: 50%
 120         /*margin: 0 1% 2em 50%; */
 121 }
 122 .card {
 123         clear: left;
 124         margin: 0 0 1em;
 125 }
 126
 127 .cardleft h2, .cardright h2, .card h2 {
 128         font-size: 120%;
 129         background: #000000;
 130         color: #FFD400;
 131         display: inline;
 132         padding: 0.2em 0.4em;
 133         margin: 0 10px;
 134         font-family: Arial, Helvetica, sans-serif;
 135         letter-spacing: 0.2em;
 136 }
 137
 138 .cardleft dl dd, .cardright dl dd , .card dl dd {
 139         padding-bottom: 0.5em;
 140 }
 141
 142 .cardleft div, .cardright div, .card div {
 143         border: 2px solid #000000;
 144         background: #FFFFFF;
 145         padding: 0.5em;
 146         margin: 2px 10px;
 147         /* the next two lines xpand the div to heigth of left inner div */
 148         overflow: auto;
 149 }
 150 /* colors for packages, warnings and news in ports */
 151 .warning, dt.new, .no {
 152         color: red; /* FF0000 */
 153 }
 154
 155 .psmallcenter, .psmalltrademark {
 156         clear: both;
 157         font-size: 0.85em;
 158         text-align: center;
 159 }
 160
 161 .psmalltrademark {
 162         color: green;
 163 }
 164 table.ridgetable, table.reltable {
 165         border-width: 4px;
 166         border-color: gray;
 167         margin: 0 1em 1em 1em;
 168         border-style: ridge;
 169         border-collapse: collapse;
 170 }
 171 #pcontentsres col, #pcontentsres th, #pdownload th, #pdownload td, table.ridgetable th, table.ridgetable td,
 172         table.reltable td, table.reltable th {
 173         border: 2px #BFC3DC;
 174         border-style: ridge;
 175         padding: 0.1em;
 176 }
 177 table.reltable th {
 178         background-color: #44CCCC;
 179 }
 180 table.reltable tr.odd {
 181         background-color: #FFFFFF;
 182 }
 183 table.reltable tr.even {
 184         background-color: #DDDDDD;
 185 }
 186
 187 /* language dependent stuff */
 188 /* quotes */
 189 html[lang="de"] q:before {
 190         content: "\00BB";
 191 }
 192 html[lang="de"] q:after {
 193         content: "\00AB";
 194 }
 195 html[lang="de"] q q:before {
 196         content: "\203A";
 197 }
 198 html[lang="de"] q q:after {
 199         content: "\2039";
 200 }
 201 html[lang="pl"] q:before { content: "\201E"; }
 202 html[lang="pl"] q:after { content: "\201D"; }
 203 html[lang="pl"] q q:after { content: "\2019"; }
 204 html[lang="pl"] q q:before { content: "\201A"; }
 205
 206 html[lang="fr"] q:before { content: "\00AB\00A0"; }
 207 html[lang="fr"] q:after { content: "\00A0\00BB"; }
 208 html[lang="fr"] q q:before { content: "\2039\00A0"; }
 209 html[lang="fr"] q q:after { content: "\00A0\203A"; }
 210
 211 #leftcol:lang(ja) ul ul {
 212         font-size: 0.95em;
 213 }
 214 html[lang|="zh"] strong {
 215         /* color: #FFFFFF; */
 216         background-color: yellow;
 217 }
 218 .underline { text-decoration: underline; }
 219 .clr { clear:both; }
 220 /*.content{padding:5px;} */ /*padding for content */
 221 /* #header .content{padding-bottom:0;} */ /*padding bottom 0 to remove space in IE5 Mac*/
 222
 223 /* for l10n-arabic */
 224 .bidi {
 225         direction: rtl;
 226         text-align: right;
 227 }