web/removals-style.css

   1 body {
   2         font-family: sans-serif;
   3 }
   4 a img {
   5         text-decoration: none;
   6         border: none;
   7 }
   8 #logo {
   9         text-align: center;
  10         margin-bottom: 1.5em;
  11 }
  12 #titleblock {
  13         position: relative;
  14         width: 100%;
  15         text-align: center;
  16         background-color: #DF0451;
  17         color: #FFFF00;
  18         padding: 0.2em;
  19 }
  20         .titleblock a {
  21                 color: #FFFF00;
  22                 text-decoration: none;
  23         }
  24         .titleblock a:hover {
  25                 color: #FFFF00;
  26                 text-decoration: underline;
  27         }
  28         #red-upperleft {
  29                 position: absolute;
  30                 top: 0px;
  31                 left: 0px;
  32         }
  33         #red-lowerleft {
  34                 position: absolute;
  35                 bottom: 0px;
  36                 left: 0px;
  37         }
  38         #red-upperright {
  39                 position: absolute;
  40                 top: 0px;
  41                 right: 0px;
  42         }
  43         #red-lowerright {
  44                 position: absolute;
  45                 bottom: 0px;
  46                 right: 0px;
  47         }
  48         .title {
  49                 vertical-align: middle;
  50                 font-weight: normal;
  51                 font-family: serif;
  52                 font-size: 22px;
  53         }
  54
  55 #legend {
  56         margin: 1em;
  57         border: 1px black solid;
  58         padding: .5em;
  59         background-color: #ddd;
  60         /*
  61         */
  62 }
  63 #legend p {
  64         text-decoration: underline;
  65 }
  66 #legend p:hover {
  67         color: blue;
  68 }
  69 #legend-title {
  70         margin: 0;
  71 }
  72 #legend-list {
  73         display: none; /* default state */
  74         font-size: x-small;
  75 }
  76 #legend-list dt {
  77         display: compact;
  78 }
  79 #legend-list dd {
  80         display: block;
  81         margin: 0 0 0 8em;
  82 }
  83 #explain {
  84         margin: 1em;
  85         border: 1px black solid;
  86         padding: .5em;
  87         background-color: #ddd;
  88         /*
  89         */
  90 }
  91 #explain p {
  92         text-decoration: none;
  93 }
  94 #explain p:hover {
  95 /*      color: blue;*/
  96 }
  97 .explain-bold {
  98     font-size: 1.17em;
  99     font-weight: bolder;
 100 }
 101
 102 #explain-title {
 103         margin: 0;
 104 }
 105 #explain-list {
 106         display: none; /* default state */
 107         font-size: x-small;
 108 }
 109 #explain-list dt {
 110         display: compact;
 111 }
 112 #explain-list dd {
 113         display: block;
 114         margin: 0 0 0 8em;
 115 }
 116
 117 .inverse {
 118         margin-left: 2em;
 119         margin-right: 2em;
 120 /*      border: 0px black solid; */
 121         padding-left: .5em;
 122         background-color: #ddd;
 123     font-size: 50%;
 124         /*
 125         */
 126 }
 127 .inverse p {
 128         text-decoration: none;
 129 }
 130 .inverse p:hover {
 131 /*      color: blue;*/
 132 }
 133 .explain-bold {
 134     font-size: 1.17em;
 135     font-weight: bolder;
 136 }
 137
 138 .toggle-msg {
 139         font-size: .83em; /* SMALL */
 140 }
 141 .package {
 142         margin: 1em;
 143         border: 1px black solid;
 144         padding: .5em;
 145 }
 146 .package.odd {
 147         background-color: #ddf;
 148 }
 149 .package.even {
 150         background-color: #fff;
 151 }
 152 .canHide {
 153        display: block;
 154 }
 155 .startHidden .canHide {
 156        display: none;
 157 }
 158 .package .subject {
 159         font-size: 1.17em;
 160         font-weight: bolder;
 161         margin-bottom: 0.7em;
 162 }
 163 /*.package .bts,.pts,.notes,.origin {*/
 164 .package .infobox {
 165         float: right;
 166         clear: both;
 167         max-width: 40%;
 168         margin: 0 0 0.5em 1em;
 169 }
 170 .package .notes {
 171         padding: 0.5em;
 172         border: solid 2px red;
 173         font-weight: bold;
 174         text-align: center;
 175         margin-bottom: 0.5em;
 176 }
 177 .package .origin {
 178         padding: 0.5em;
 179         border: dashed 1px black;
 180         margin-bottom: 0.5em;
 181 }
 182 .package .infolinks {
 183         padding: 0.5em;
 184         border: dashed 1px black;
 185         text-align: center;
 186         margin-bottom: 0.5em;
 187 }
 188 .package .bts {
 189         margin-right: 1em;
 190 }
 191 .package .pkgs {
 192         border: 1px solid black;
 193 }
 194
 195 .package .pkgs td {
 196         padding: 0.4em;
 197 }
 198 .package .pkgs td.pkg-name {
 199         font-weight: bolder;
 200 }
 201 .package .pkgs td.pkg-arches,td.pkg-ver {
 202         font-size: .83em; /* SMALL */
 203 }
 204 .package .dak-command:before {
 205         content: "# ";
 206 }
 207 .package .dak-command {
 208         margin: 0.5em 0;
 209         padding: 0.2em;
 210         background: #eee;
 211         font-family: monospace;
 212         font-size: 1em;
 213     clear: right;
 214 }
 215
 216 .package .uploader {
 217         margin: 0.5em 0;
 218         padding: 0.2em;
 219         font-family: monospace;
 220         font-size: 1em;
 221     clear: right;
 222 }
 223
 224 #outer {
 225     background-color: #FFFFFF;
 226     width: auto;
 227     /* border:solid white 2px; */
 228 }
 229
 230 #inner {
 231     margin: -2px;
 232     margin-top: 0;
 233     width: 100%;
 234     background: #FFFFFF;
 235     /* overflow: auto; */
 236 }
 237
 238 #leftcol {
 239     float: left;
 240     margin: 0em 0.4em 0 0;
 241     padding-left: 0;
 242     padding-bottom: 1em;
 243     width: 12em;
 244     background: #BBDDFF;
 245     font-size: 0.9em;
 246     font-family: Arial, Helvetica, sans-serif;
 247     border: 1px solid #BBDDFF;
 248     /* overflow: auto; */
 249 }
 250 #leftcol a:link, #leftcol a:visited {
 251     display: block;
 252 }
 253 #leftcol a:hover {
 254     background-color: #DDEEFF;
 255     /* background-color: #FFFFFF; */
 256 }
 257 #leftcol ul {
 258     margin: 2px;
 259     padding: 0;
 260     list-style-type: none;
 261     font-weight: bold;
 262 }
 263 #leftcol li ul {
 264     display: inline;
 265 }
 266 #leftcol ul li {
 267     padding: 0.2em 0;
 268 }
 269 #leftcol ul ul {
 270     font-size: 0.9em;
 271     margin: 0;
 272 }
 273 #leftcol ul li a {
 274     line-height: 1.2em;
 275     padding-right: 0.5em;
 276     /* padding: 0.2em 0 0.3em 0em; */
 277 }
 278 #leftcol ul ul li a {
 279     font-weight: normal;
 280     padding: 0.1em 0.5em;
 281     line-height: 1.1em;
 282 }
 283 #leftcol ul ul li {
 284     padding-top: 0;
 285 }
 286 #leftcol p {
 287     margin-left: 2px;
 288     margin-right: 2px;
 289 }
 290 #leftcol p a {
 291     display: block;
 292     margin: 0;
 293 }
 294 #leftcol p img {
 295     margin-left: 1em;
 296 }
 297 #leftcol .menuselected {
 298     color: #BF1238;
 299 }
 300 #leftcol ul ul .menuselected {
 301     text-indent: 0.5em;
 302 }
 303
 304 #maincol {
 305     background: #FFFFFF;
 306     margin-left: 12em;
 307     margin-right: 0.5em;
 308     margin-bottom: 1em;
 309 }
 310
 311 #leftcol {
 312     -moz-border-radius: 15px;
 313     /* this goes to the end as the css validator does not like it
 314     will be replaced by border-radius with css3 */
 315 }