git.ozlabs.org Git - patchwork/blob - htdocs/css/style.css

   1 body {
   2         background-color: white;
   3         color: black;
   4         margin: 0em;
   5         font-size: 9pt;
   6         font-family: "DejaVu Sans", "Bitstream Vera Sans", "Verdana", sans-serif;
   7 }
   8
   9 .floaty {
  10         position: fixed;
  11         left: 0.1em;
  12         top: 17em;
  13 }
  14
  15
  16 #title {
  17         background: url('/images/title-background.png') top left repeat-x;
  18         background-color: #786fb4;
  19         margin: 0px;
  20         padding-top: 0.1em;
  21         padding-bottom: 0.0em;
  22         padding-left: 2em;
  23 }
  24
  25 #title h1, #title h1 a {
  26         font-size: 16pt;
  27         color: white;
  28         margin-bottom: 0;
  29 }
  30
  31 #auth {
  32         border-left: thin solid white;
  33         padding-top: 0em;
  34         padding-left: 1.5em;
  35         padding-right: 1.5em;
  36         padding-top: 0.5em;
  37         padding-bottom: 0.5em;
  38         font-size: 90%;
  39         float: right;
  40         color: white;
  41 }
  42 #auth a {
  43         color: white;
  44 }
  45
  46 #nav {
  47         float: left
  48         width: 100%;
  49         background: #e8e8e8;
  50         border-bottom: 0.2em solid #786fb4;
  51         font-size: 90%;
  52         padding: 0.2em 0.5em;
  53 }
  54
  55 #nav a {
  56         text-decoration: underline;
  57 }
  58
  59 #navleft {
  60         float: left;
  61 }
  62
  63 #navright {
  64         float: right;
  65 }
  66
  67 #content {
  68         padding: 1em;
  69 }
  70
  71 form {
  72         padding: 0em;
  73         margin: 0em;
  74 }
  75
  76 a:visited { color: #000000; }
  77 a { color: #786fb4; }
  78
  79 table {
  80         border-collapse: collapse;
  81 }
  82
  83 img {
  84         border: 0;
  85 }
  86
  87 input {
  88         border: thin solid #909090;
  89 }
  90
  91 dl dt {
  92         margin-top: 0.8em;
  93 }
  94
  95 #footer {
  96         padding: 1em;
  97         font-size: small;
  98         text-align: center;
  99         color: #909090;
 100 }
 101
 102 #footer a {
 103         color: #909090;
 104 }
 105
 106 /* messages */
 107 #messages {
 108         background: #e0e0f0;
 109         margin: 0.5em 1em 0.0em 0.5em;
 110         padding: 0.3em;
 111 }
 112
 113 #messages .message {
 114         color: green;
 115 }
 116
 117 /* patch lists */
 118 table.patchlist {
 119         width: 98%;
 120         border: thin solid black;
 121         padding: 0em 1em;
 122 }
 123
 124 table.patchlist th {
 125         background: #eeeeee;
 126         border-bottom: thin solid black;
 127         text-align: left;
 128         padding-left: 6px;
 129 }
 130
 131 table.patchlist th img {
 132         vertical-align: bottom;
 133 }
 134
 135 table.patchlist td {
 136         padding: 2px 6px 2px 6px;
 137         margin: 0px;
 138         margin-top: 10px;
 139 }
 140
 141 table.patchlist td img {
 142         vertical-align: bottom;
 143 }
 144
 145 table.patchlist td.patchlistfilters {
 146         background: #c0c0ff;
 147         border-top: thin solid gray;
 148         border-bottom: thin solid black;
 149         font-size: smaller;
 150 }
 151 table.patchlist td.patchlistreorder {
 152         background: #c0c0ff;
 153         border-top: thin solid gray;
 154         border-bottom: thin solid black;
 155         font-size: smaller;
 156         text-align: right;
 157 }
 158 table.patchlist tr.odd {
 159         background: #ffffff;
 160 }
 161
 162 table.patchlist tr.even {
 163         background: #e8e8e8;
 164 }
 165
 166 a.colinactive, a.colactive {
 167         color: black;
 168         text-decoration: none;
 169 }
 170
 171 a.colinactive:hover {
 172         color: red;
 173 }
 174
 175 div.filters {
 176 }
 177
 178 div.patchforms {
 179         margin-top: 2em;
 180 }
 181
 182 /* list order manipulation */
 183
 184 table.patchlist tr.draghover {
 185         background: #e8e8e8 !important;
 186 }
 187
 188 .dragging {
 189         border: thin solid black;
 190         background: #e8e8e8 !important;
 191 }
 192
 193 input#reorder-cancel {
 194         display: none;
 195         color: #505050;
 196 }
 197
 198 input#reorder-change {
 199 }
 200
 201 /* list pagination */
 202 .paginator { padding-bottom: 1em; padding-top: 1em; font-size: 80%; }
 203
 204 .paginator .prev-na,
 205 .paginator .next-na {
 206         padding:.3em;
 207         font-weight: normal;
 208         border: 0.1em solid #c0c0c0;
 209         background-color: #f9f9f9;
 210         color: #a0a0a0;
 211 }
 212
 213 .paginator .prev a, .paginator .prev a:visited,
 214 .paginator .next a, .paginator .next a:visited {
 215         border: 0.1em solid #b0b0d0;
 216         background-color: #eeeeee;
 217         color: #786fb4;
 218         padding: .3em;
 219         font-weight: bold;
 220 }
 221
 222 .paginator .prev, .paginator .prev-na { margin-right:.5em; }
 223 .paginator .next, .paginator .next-na { margin-left:.5em; }
 224
 225 .paginator .page a, .paginator .page a:visited, .paginator .curr {
 226         padding: .25em;
 227         font-weight: bold;
 228         border: 1px solid #b0b0d0;
 229         background-color: #eeeeee;
 230         margin: 0em .25em;
 231         color: #786fb4;
 232 }
 233
 234 .paginator .curr {
 235         background-color: #b0b0d0;
 236         color:#fff;
 237         border:1px solid #c0c0ff;
 238         font-weight:bold;
 239 }
 240
 241 .paginator .page a:hover,
 242 .paginator .curr a:hover,
 243 .paginator .prev a:hover,
 244 .paginator .next a:hover {
 245         color: #ffffff;
 246         background-color: #c0c0ff;
 247         border:1px solid #234f32;
 248 }
 249
 250 /* project list view */
 251 .project-set {
 252 }
 253
 254 .project-set .project {
 255         display: inline-block;
 256         vertical-align: top;
 257         background: #fcfcfc;
 258         border: thin solid #f0f0f0;
 259         box-shadow: 5px 5px 5px #c0c0c0;
 260         margin: 2em 0.2em;
 261         padding: 1em;
 262         width: 20em;
 263         min-height: 5em;
 264 }
 265
 266 .project h2.project-title {
 267         font-weight: bold;
 268         font-size: 110%;
 269         margin: 0.2em 0;
 270 }
 271
 272 /* patch view */
 273 table.patchmeta th {
 274         text-align: left;
 275 }
 276
 277 table.patchmeta tr th, table.patchmeta tr td {
 278         text-align: left;
 279         padding: 3px 10px 3px 10px;
 280         vertical-align: middle;
 281 }
 282
 283 .patchnav {
 284         padding-left: 1em;
 285         padding-top: 1em;
 286 }
 287
 288 .comment .meta {
 289         background: #f0f0f0;
 290 }
 291
 292 .patch .content {
 293         border: thin solid gray;
 294         padding: 1em;
 295 }
 296
 297 .patch-pull-url {
 298         font-family: "DejaVu Sans Mono", fixed;
 299 }
 300
 301 .quote {
 302         color: #007f00;
 303 }
 304
 305 span.p_header   { color: #2e8b57; font-weight: bold; }
 306 span.p_chunk    { color: #a52a2a; font-weight: bold; }
 307 span.p_context  { color: #a020f0; }
 308 span.p_add      { color: #008b8b; }
 309 span.p_del      { color: #6a5acd; }
 310 span.p_mod      { color: #0000ff; }
 311
 312 .acked-by {
 313         color: #2d4566;
 314
 315 }
 316
 317 .nacked-by {
 318         color: #2d4566;
 319
 320 }
 321
 322 .signed-off-by {
 323         color: #672d45;
 324         font-weight: bold;
 325 }
 326
 327 .from {
 328         font-weight: bold;
 329 }
 330
 331 /* bundles */
 332 table.bundlelist {
 333         margin-top: 2em;
 334         margin-bottom: 4em;
 335         margin-left: auto;
 336         margin-right: auto;
 337         border: thin solid black;
 338 }
 339
 340 table.bundlelist th {
 341         padding-left: 2em;
 342         padding-right: 2em;
 343         background: #eeeeee;
 344         border-bottom: thin solid black;
 345 }
 346
 347 table.bundlelist td
 348 {
 349         padding-left: 2em;
 350         padding-right: 2em;
 351 }
 352
 353 /* forms that appear for a patch */
 354 div.patchform {
 355         border: thin solid gray;
 356         padding-left: 0.6em;
 357         padding-right: 0.6em;
 358         float: left;
 359         margin: 0.5em 1em;
 360 }
 361
 362 div.patchform h3 {
 363         margin-top: 0em;
 364         margin-left: -0.6em;
 365         margin-right: -0.6em;
 366         padding-left: 0.3em;
 367         padding-right: 0.3em;
 368         background: #786fb4;
 369         color: white;
 370         font-size: 100%;
 371 }
 372
 373 div.patchform ul {
 374         list-style-type: none;
 375         padding-left: 0.2em;
 376         margin-top: 0em;
 377 }
 378
 379 /* forms */
 380 table.form {
 381 }
 382
 383 span.help_text {
 384         font-size: 80%;
 385 }
 386
 387
 388 table.form td {
 389         padding: 0.6em;
 390         vertical-align: top;
 391 }
 392
 393 table.form th.headerrow {
 394         background: #786fb4;
 395         color: white;
 396         font-weight: bold;
 397         text-align: center;
 398 }
 399
 400 table.form th {
 401         font-weight: normal;
 402         text-align: left;
 403         vertical-align: top;
 404         padding-top: 0.6em;
 405 }
 406
 407 table.form td.form-help {
 408         font-size: smaller;
 409         padding-bottom: 1em;
 410         padding-top: 0em;
 411 }
 412
 413 table.form tr td.submitrow {
 414         border-bottom: 0.2em solid #786fb4;
 415         text-align: center;
 416 }
 417
 418 table.registerform, table.passwordform {
 419         margin-left: auto;
 420         margin-right: auto;
 421 }
 422 table.loginform {
 423         margin-left: auto;
 424         margin-right: auto;
 425         width: 30em;
 426 }
 427
 428 /* form errors */
 429 .errorlist {
 430         color: red;
 431         list-style-type: none;
 432         padding-left: 0.2em;
 433         margin: 0em;
 434 }
 435 .error {
 436         color: red;
 437 }
 438
 439 /* generic table with header columns on the left */
 440 table.horizontal {
 441         border-collapse: collapse;
 442         border: thin solid #e8e8e8;
 443 }
 444
 445 table.horizontal th {
 446         text-align: left;
 447 }
 448
 449 table.horizontal td, table.horizontal th {
 450         padding: 0.5em 1em;
 451         border: thin solid #e8e8e8;
 452 }
 453
 454 /* generic table with header row */
 455 table.vertical {
 456         border-collapse: collapse;
 457 }
 458 table.vertical th {
 459         background: #786fb4;
 460         color: white;
 461         font-weight: bold;
 462         text-align: center;
 463 }
 464
 465 table.vertical th, table.vertical td {
 466         padding: 0.2em 0.8em;
 467         border: thin solid #e8e8e8;
 468 }
 469
 470 td.numberformat {
 471         text-align: right;
 472 }
 473
 474 /* boxes */
 475 div.box {
 476         border: thin solid gray;
 477         margin: 1em;
 478         padding: 0.5em;
 479 }
 480
 481 div.box h2 {
 482         background: #786fb4;
 483         color: white;
 484         margin: -0.5em -0.5em 1em; -0.5em;
 485         padding: 0em 0.5em;
 486         font-size: 100%;
 487 }
 488
 489 div.box table.vertical {
 490         margin-left: auto;
 491         margin-right: auto;
 492 }
 493
 494 /* columns */
 495 .leftcol {
 496         float: left;
 497         width: 49%;
 498 }
 499
 500 .rightcol {
 501         float: right;
 502         width: 49%;
 503 }