vcs.maemo.org Git - maemian/blob - reporting/lintian.css

   1 /* lintian.css -- Style sheet for lintian.debian.org pages. */
   2
   3 /*
   4  # Table of Contents:
   5  #
   6  # 1. General styles (links, lists, titles, tables...)
   7  # 2. Header
   8  # 3. Navigation
   9  # 4. Main content
  10  # 5. Footer
  11  # 6. Other
  12  */
  13
  14 /*
  15  # Order:
  16  #
  17  # example {
  18  #   display
  19  #   position
  20  #   width
  21  #   height
  22  #   margin
  23  #   padding
  24  #   background
  25  #   color
  26  #   font
  27  #   text
  28  #   line-height
  29  #   border
  30  # }
  31  */
  32
  33
  34 /*
  35  * 1. General styles
  36  */
  37
  38 body {
  39     margin: 0;
  40     padding: 0;
  41     color: #222;
  42     background-color: white;
  43     font-family: sans-serif;
  44 }
  45
  46 h1, h2 {
  47     font-family: "Junicode", "FreeSerif", serif;
  48 }
  49
  50 h2 {
  51     margin-bottom: 14px;
  52     padding-bottom: 6px;
  53     border-bottom: 2px solid #AAA;
  54 }
  55
  56 h3 {
  57     margin: 5px 0 5px 10px;
  58     color: #444;
  59     font-size: 1.0em;
  60 }
  61
  62 p {
  63     line-height: 1.4em;
  64 }
  65
  66 a {
  67     color: #3252B2;
  68 }
  69
  70 ul {
  71     margin: 0;
  72 }
  73
  74 li {
  75     color: #333;
  76 }
  77
  78 hr {
  79     display: none;
  80 }
  81
  82
  83 /*
  84  * 2. Header title
  85  */
  86
  87 #header {
  88     margin: 0 0 28px 0;
  89     padding: 5px 20px;
  90     /* TODO: Needs full path or url... */
  91     background: #F3F3F3 url('logo-small.png') no-repeat right;
  92     border-bottom: 1px solid #AAA;
  93 }
  94
  95 #header p {
  96     float: left;
  97     margin: 5px 0;
  98     color: #444;
  99     font-size: 1.0em;
 100     font-family: sans-serif;
 101     font-weight: bold;
 102 }
 103
 104 #header p a {
 105     color: #444;
 106     text-decoration: none;
 107 }
 108
 109
 110 /*
 111  * 3. Navigation bar
 112  */
 113
 114 #nav {
 115     float: right;
 116     margin: 5px 55px 5px 0;
 117     padding: 0;
 118 }
 119
 120 #nav li {
 121     display: inline;
 122     margin-left: 5px;
 123 }
 124
 125 #nav a {
 126     padding: 3px 5px;
 127     color: #333;
 128     font-size: 0.9em;
 129     text-decoration: none;
 130 }
 131
 132 #nav a:hover {
 133     background-color: #FBFBFB;
 134     border-bottom: 2px solid #D70751;
 135 }
 136
 137
 138 /*
 139  * 4. Main content
 140  */
 141
 142 #main {
 143     margin: 0 25px;
 144     font-size: 0.9em;
 145     line-height: 1.4em;
 146 }
 147
 148 /* Front page */
 149
 150 #logo {
 151     text-align: center;
 152 }
 153
 154 #index h2, #stats h2 {
 155     margin: 1.4em 0 0.4em 0;
 156     border: none;
 157 }
 158
 159 #info {
 160     margin: 25px 0;
 161     padding: 20px;
 162     background: #EFF4F8 url(l.png) no-repeat left;
 163     border: 1px solid #DFE4E8;
 164 }
 165
 166 #info p {
 167     margin-left: 130px;
 168 }
 169
 170 #stats table {
 171     border-collapse: collapse;
 172 }
 173
 174 #stats table tr td {
 175     padding: 3px 5px;
 176     background-color: #FDFDFD;
 177     border: 1px solid #CCC;
 178 }
 179
 180 #stats td span {
 181     margin: 0 3px 0 0;
 182     padding: 1px 3px;
 183     font-family: monospace;
 184 }
 185
 186 /* Maintainer reports */
 187
 188 #summary {
 189     font-size: 0.9em;
 190 }
 191
 192 #summary p {
 193     margin-top: 5px;
 194     font-size: 0.95em;
 195 }
 196
 197 #summary ul {
 198     padding-left: 20px;
 199 }
 200
 201 ul.report {
 202     padding-left: 20px;
 203     padding-bottom: 1em;
 204 }
 205
 206 ul.tag {
 207     padding-bottom: 1em;
 208 }
 209
 210 ul.report li {
 211     padding-left: 5px;
 212     padding-bottom: 6px;
 213     list-style: none;
 214 }
 215
 216 ul.tag li {
 217     list-style: square;
 218 }
 219
 220 li span {
 221     margin: 0 3px 0 0;
 222     padding: 1px 3px;
 223     font-family: monospace;
 224 }
 225
 226 h1 span {
 227     padding: 1px 5px;
 228     font-family: monospace;
 229     font-size: 0.85em;
 230     font-weight: normal;
 231 }
 232
 233 ul.extra {
 234     margin-bottom: 0;
 235     padding-bottom: 0;
 236 }
 237
 238 ul.report li ul.extra li {
 239     padding-left: 0;
 240     padding-bottom: 1px;
 241     color: #444;
 242     list-style: square;
 243 }
 244
 245 div.source-header {
 246     width: 100%;
 247     margin: 1.4em 0 14px 0;
 248     padding-bottom: 6px;
 249     border-bottom: 2px solid #AAA;
 250 }
 251
 252 div.source-header p, div.source-header h2 {
 253     display: inline;
 254     border: none;
 255 }
 256
 257 .info-links {
 258     margin-top: 0;
 259 }
 260
 261 .info-links:before {
 262     content: "– ";
 263 }
 264
 265 /* Tag type */
 266
 267 h2.tag {
 268     margin: 5px 0;
 269     padding: 0;
 270     color: #444;
 271     font-family: sans-serif;
 272     font-size: 1.0em;
 273     font-weight: normal;
 274     border: none;
 275 }
 276
 277 h2.tag a {
 278     font-weight: bold;
 279 }
 280
 281 h2.tag span.type-O {
 282     margin: 0 3px 0 0;
 283     padding: 2px 4px;
 284     color: #555;
 285     background: #EEE;
 286     font-family: monospace;
 287     font-size: 1.1em;
 288     font-weight: bold;
 289     border: 1px solid #DDD;
 290 }
 291
 292 /* E/W/I colors */
 293
 294 span.type-I {
 295     color: #111;
 296     background-color: #C7EA3C;
 297 }
 298
 299 span.type-W {
 300     color: #111;
 301     background-color: #FFEB44;
 302 }
 303
 304 span.type-E {
 305     color: #111;
 306     background-color: #FF6700;
 307 }
 308
 309 span.type-X {
 310     color: #111;
 311     background-color: #EE99EE;
 312 }
 313
 314 span.type-O {
 315     color: #111;
 316     background-color: #DDD;
 317 }
 318
 319 li.type-O {
 320     color: #444;
 321 }
 322
 323 blockquote {
 324     padding: 6px 16px;
 325     background-color: #EEE;
 326     border: 1px solid #DDD;
 327 }
 328
 329 blockquote.type-I {
 330     background-color: #DFA;
 331     border: 1px solid #C7EA3C;
 332 }
 333
 334 blockquote.type-W {
 335     background-color: #FFD;
 336     border: 1px solid #FFEB44;
 337 }
 338
 339 blockquote.type-E {
 340     background-color: #FE9;
 341     border: 1px solid #FF6700;
 342 }
 343
 344 blockquote.type-X {
 345     background-color: #FECCFE;
 346     border: 1px solid #DE66DE;
 347 }
 348
 349
 350 /*
 351  * 5. Footer
 352  */
 353
 354 #footer {
 355     margin: 20px 20px;
 356     padding: 10px 0 0 0;
 357     font-size: 0.85em;
 358     border-top: 1px solid #AAA;
 359 }
 360
 361 #footer p {
 362     margin: 0;
 363     padding: 0;
 364 }
 365
 366
 367 /*
 368  * 6. Other
 369  */
 370
 371 div.clear {
 372     clear: both;
 373 }