web/removals-style.css

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