debwiki/css/modernized-common.css

   1 /*  common.css - MoinMoin Default Styles
   2
   3 Copyright (c) 2001, 2002, 2003 by Juergen Hermann
   4 */
   5
   6 /* content styles */
   7
   8 html {
   9         background-color: white;
  10         color: black;
  11         font-family: sans-serif;
  12         font-size: 1em;
  13 }
  14
  15 body {
  16         margin: 0;
  17 }
  18
  19 /* Links */
  20
  21 a {color: #0044B3;}
  22 /* a:visited {color: #597BB3;} */
  23 a:visited {color: #FF7BB3;}
  24
  25 a.nonexistent:visited, a.nonexistent,
  26 a.badinterwiki:visited, a.badinterwiki {color: gray;}
  27
  28 a.www:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
  29 a.http:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
  30 a.https:before {content: url(../img/moin-www.png); margin: 0 0.2em;}
  31 a.file:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}
  32 a.ftp:before {content: url(../img/moin-ftp.png); margin: 0 0.2em;}
  33 a.nntp:before {content: url(../img/moin-news.png); margin: 0 0.2em;}
  34 a.news:before {content: url(../img/moin-news.png); margin: 0 0.2em;}
  35 a.telnet:before, a.ssh:before {content: url(../img/moin-telnet.png); margin: 0 0.2em;}
  36 a.irc:before, a.ircs:before  {content: url(../img/moin-telnet.png); margin: 0 0.2em;}
  37 a.mailto:before {content: url(../img/moin-email.png); margin: 0 0.2em;}
  38 a.attachment:before {content: url(../img/moin-attach.png); margin: 0 0.2em;}
  39 a.badinterwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}
  40 a.interwiki:before {content: url(../img/moin-inter.png); margin: 0 0.2em;}
  41
  42 li p {
  43         margin: .25em 0;
  44 }
  45
  46 li.gap {
  47     margin-top: 0.5em;
  48 }
  49
  50 dt {
  51     margin-top: 0.5em;
  52     font-weight: bold;
  53 }
  54
  55 dd {
  56     margin-top: 0;
  57     margin-bottom: 0;
  58 }
  59
  60 dd p {
  61     margin: 0.25em 0;
  62 }
  63
  64 a, img, img.drawing {
  65         border: 0;
  66 }
  67
  68 pre {
  69         border: 1pt solid #AEBDCC;
  70         background-color: #F3F5F7;
  71         padding: 5pt;
  72         font-family: courier, monospace;
  73         white-space: pre;
  74         /* begin css 3 or browser specific rules - do not remove!
  75         see: http://forums.techguy.org/archive/index.php/t-249849.html */
  76     white-space: pre-wrap;
  77     word-wrap: break-word;
  78     white-space: -moz-pre-wrap;
  79     white-space: -pre-wrap;
  80     white-space: -o-pre-wrap;
  81     /* end css 3 or browser specific rules */
  82 }
  83
  84 pre.comment {
  85     background-color: #CCCCCC;
  86     color: red;
  87     padding: 0;
  88     margin: 0;
  89     border: 0;
  90 }
  91
  92 pre.comment:before {
  93     content: url(../img/attention.png);
  94 }
  95
  96
  97 /* .comment css definition must be top of .red/.green/.blue or it won't work */
  98 .comment { color: #555555; background-color: #DDDDFF; }
  99
 100 .red { background-color: #FFCCCC; }
 101 .green { background-color: #CCFFCC; }
 102 .blue { background-color: #CCCCFF; }
 103 .yellow { background-color: #FFF29F; }
 104 .orange { background-color: #FFD59B; }
 105
 106 .solid { border: 2px solid #000000; padding: 2px; }
 107 .dashed { border: 2px dashed #000000; padding: 2px; }
 108 .dotted { border: 2px dotted #000000; padding: 2px; }
 109
 110 .left { text-align: left; }
 111 .center { text-align: center; }
 112 .right { text-align: right; }
 113 .justify { text-align: justify; }
 114
 115 table
 116 {
 117         margin: 0.5em 0 0 0.5em;
 118         border-collapse: collapse;
 119 }
 120
 121 th, td
 122 {
 123         padding: 0.25em 0.5em 0.25em 0.5em;
 124         border: 1pt solid #ADB9CC;
 125 }
 126
 127 td p {
 128         margin: 0;
 129         padding: 0;
 130 }
 131 /* TableOfContents macro */
 132 div.table-of-contents {
 133     border: 1px solid #bbbbbb;
 134     color: black;
 135     background-color: #eeeeee;
 136     font-size: 80%;
 137     text-align: left;
 138     margin: 0.5em 0 0.5em 1em;
 139     padding: 0.5em 0.75em 0.5em 0.5em;
 140     max-width: 50%;
 141     display: inline-table;
 142 }
 143 div.table-of-contents ol {
 144     margin: 0;
 145     padding: 0 0 0 2em;
 146 }
 147 div.table-of-contents ul {
 148     margin: 0;
 149     list-style:none;
 150 }
 151 div.table-of-contents li {
 152     margin:0;
 153     padding: 0;
 154 }
 155 p.table-of-contents-heading {
 156     font-weight:bold;
 157     padding:0;
 158     margin: 0 0 0.5em 0;
 159     letter-spacing: 0.075em;
 160 }
 161
 162 /* Navigation macro */
 163 table.navigation {
 164     background: #fff;
 165     margin: 0;
 166 }
 167
 168 .footnotes div {
 169         width: 5em;
 170         border-top: 1pt solid gray;
 171 }
 172
 173 .footnotes ol {
 174         padding: 0 2em;
 175         margin: 0 0 1em;
 176 }
 177
 178 .footnotes li {
 179 }
 180
 181 .info {
 182     float: right;
 183     font-size: 0.7em;
 184     color: gray;
 185 }
 186
 187 #pageinfo {
 188     margin-top: 2em;
 189 }
 190
 191 .seperator {
 192     color: gray;
 193 }
 194
 195 #pagebottom {clear: both;}
 196
 197 /* standard rule ---- */
 198 hr {
 199     height: 1pt;
 200     background-color: #9C9C9C;
 201     border: 0;
 202 }
 203
 204 /* custom rules ----- to ---------- */
 205 .hr1 {height: 2pt;}
 206 .hr2 {height: 3pt;}
 207 .hr3 {height: 4pt;}
 208 .hr4 {height: 5pt;}
 209 .hr5 {height: 6pt;}
 210 .hr6 {height: 7pt;}
 211
 212 /* Replacement for deprecated html 3 <u> element and html 4 <strike> */
 213 .u {text-decoration: underline;}
 214 .strike {text-decoration: line-through;}
 215
 216 /* eye catchers */
 217 .warning
 218 {
 219         color: red;
 220 }
 221
 222 .error
 223 {
 224         color: red;
 225 }
 226
 227 strong.highlight
 228 {
 229         background-color: #CCE0FF;
 230         padding: 1pt;
 231 }
 232
 233
 234 /* Recent changes */
 235
 236 .rcrss {
 237         float: right;
 238         margin: 0 7px 0 14px;
 239         height: 0;
 240         position: relative;
 241         top: 9px;
 242 }
 243 *[div="rtl"] .rcrss {
 244     float: left;
 245 }
 246 .recentchanges[dir="rtl"] .rcrss {
 247         float: left;
 248 }
 249
 250 .recentchanges table {
 251         clear: both;
 252         border-collapse: collapse;
 253
 254     border: 1px solid #4d7da9;
 255 }
 256
 257 .recentchanges td {
 258         vertical-align: top;
 259         border: none;
 260     background: #e6eaf0;
 261 }
 262
 263
 264 .recentchanges .rcdaybreak td {
 265     background: #81BBF2;
 266     border: none;
 267     border: 1px solid #4d7da9;
 268 }
 269
 270 .rcdaybreak td a {
 271         font-size: 0.88em;
 272 }
 273
 274 .rcicon1, .rcicon2 {
 275         text-align: center;
 276 }
 277
 278 .rcpagelink {
 279         width: 33%;
 280 }
 281
 282 .rctime {
 283         font-size: 0.88em;
 284         white-space: nowrap;
 285 }
 286
 287 .rceditor {
 288         white-space: nowrap;
 289         font-size: 0.88em;
 290 }
 291
 292 .rccomment {
 293         width: 50%;
 294         color: gray;
 295         font-size: 0.88em;
 296 }
 297
 298
 299 /* User Preferences */
 300
 301 .userpref table, .userpref td {
 302         border: none;
 303 }
 304
 305 /* CSS for new code_area markup used by Colorizer and ParserBase */
 306
 307 div.codearea { /* the div makes the border */
 308         margin: 0.5em 0;
 309         padding: 0;
 310         border: 1pt solid #AEBDCC;
 311         background-color: #F3F5F7;
 312         color: black;
 313 }
 314
 315 div.codearea pre { /* the pre has no border and is inside the div */
 316         margin: 0;
 317         padding: 10pt;
 318         border: none;
 319 }
 320
 321 a.codenumbers { /* format of the line numbering link */
 322         margin: 0 10pt;
 323         font-size: 0.85em;
 324         color: gray;
 325 }
 326
 327 /* format of certain syntax spans */
 328 div.codearea pre span.LineNumber {color: gray;}
 329 div.codearea pre span.ID         {color: #000000;}
 330 div.codearea pre span.Operator   {color: #0000C0;}
 331 div.codearea pre span.Char       {color: #004080;}
 332 div.codearea pre span.Comment    {color: #008000;}
 333 div.codearea pre span.Number     {color: #0080C0;}
 334 div.codearea pre span.String     {color: #004080;}
 335 div.codearea pre span.SPChar     {color: #0000C0;}
 336 div.codearea pre span.ResWord    {color: #A00000;}
 337 div.codearea pre span.ConsWord   {color: #008080; font-weight: bold;}
 338 div.codearea pre span.Error      {color: #FF8080; border: solid 1.5pt #FF0000;}
 339 div.codearea pre span.ResWord2   {color: #0080ff; font-weight: bold;}
 340 div.codearea pre span.Special    {color: #0000ff;}
 341 div.codearea pre span.Preprc     {color: #803999;}
 342
 343 /* for diff parser */
 344 div.codearea pre span.DiffAdded   {color: #4876FF;}
 345 div.codearea pre span.DiffRemoved {color: #FF0000;}
 346 div.codearea pre span.DiffChanged {color: #FF7F50;}
 347 div.codearea pre span.DiffSeparator {color: #228B22; font-weight: bold}
 348
 349 /* Search results */
 350 .advancedsearch {
 351     border: 1pt solid #ADB9CC;
 352 }
 353
 354 .advancedsearch td {
 355     vertical-align: top;
 356     background-color: #E7E7E7;
 357     border: 0px;
 358 }
 359
 360 .advancedsearch td.searchfor {
 361     font-weight: bold;
 362 }
 363
 364 .advancedsearch input {
 365     border: 1px solid #ADB9CC;
 366     background-color: #fff;
 367 }
 368
 369 .advancedsearch input[disabled] {
 370     background-color: #eee;
 371 }
 372
 373 .advancedsearch td.submit {
 374     border-top: 1px solid #ADB9CC;
 375     background-color: #fff;
 376     text-align: right;
 377 }
 378
 379 .advancedsearch optioni,
 380 .advancedsearch select {
 381     border: 1px solid #ADB9CC;
 382     background-color: #fff;
 383 }
 384
 385
 386 .searchresults dt {
 387     margin-top: 1em;
 388     font-weight: normal;
 389 }
 390
 391 .searchresults dd, .searchresults p {
 392     font-size: 0.85em;
 393 }
 394
 395 .searchresults .searchhitinfobar {
 396     color: #008000;
 397     margin-left: 15px;
 398     margin-top: 0;
 399 }
 400
 401 p.searchstats {
 402     font-size: 0.8em;
 403     text-align: right;
 404     width: 100%;
 405     background-color: #E6EAF0;
 406     border-top: 1px solid #9088DC;
 407     padding: 2px;
 408 }
 409
 410 p.searchhint {
 411     background-color: #E6EAF0;
 412     border: 1px solid #9088DC;
 413     padding: 2px;
 414 }
 415
 416 .searchpages {
 417     margin-left: auto;
 418     margin-right: auto;
 419 }
 420
 421 .searchpages tr, .searchpages td {
 422     border: 0;
 423     padding: 5px;
 424     margin: 0;
 425     text-align: center;
 426     vertical-align: middle;
 427     color: #b93a58;
 428     font-weight: bold;
 429     font-size: 1.05em;
 430 }
 431
 432 .searchpages td a, .searchpages td a:link {
 433     text-decoration: underline;
 434 }
 435
 436 /* MonthCalendar css */
 437
 438 /* days without and with pages linked to them */
 439 a.cal-emptyday {
 440     color: #777777;
 441     text-align: center;
 442 }
 443 a.cal-usedday {
 444     color: #000000;
 445     font-weight: bold;
 446     text-align: center;
 447 }
 448 /* general stuff: workdays, weekend, today */
 449 td.cal-workday {
 450     background-color: #DDDDFF;
 451     text-align: center;
 452 }
 453 td.cal-weekend {
 454     background-color: #FFDDDD;
 455     text-align: center;
 456 }
 457 td.cal-today {
 458     background-color: #CCFFCC;
 459     border-style: solid;
 460     border-width: 2pt;
 461     text-align: center;
 462 }
 463 /* invalid places on the monthly calendar sheet */
 464 td.cal-invalidday {
 465     background-color: #CCCCCC;
 466 }
 467 /* links to prev/next month/year */
 468 a.cal-link {
 469     color: #000000;
 470     text-decoration: none;
 471 }
 472 th.cal-header {
 473     background-color: #DDBBFF;
 474     text-align: center;
 475 }
 476
 477 /* for MonthCalendar mouseover info boxes */
 478 TABLE.tip {
 479     color: black;
 480     background-color: #FF8888;
 481     font-size: small;
 482     font-weight: normal;
 483     border-style: solid;
 484     border-width: 1px;
 485 }
 486
 487 TH.tip {
 488     background-color: #FF4444;
 489     font-weight: bold;
 490     text-align: center;
 491 }
 492
 493 TD.tip {
 494     text-align: left;
 495 }
 496 *[dir="rtl"] TD.tip {
 497     text-align: right;
 498 }
 499
 500 /* end MonthCalendar stuff */
 501
 502 #message .hint {font-style: italic;}
 503 #message .info {
 504     float: none;
 505     font-size: 1em;
 506     color: black;
 507 }
 508 #message .info:before {content: url('../img/icon-info.png'); margin: 0 0.2em;}
 509 #message .warning:before {content: url('../img/alert.png'); margin: 0 0.2em;}
 510 #message .error:before {content: url('../img/icon-error.png'); margin: 0 0.2em;}
 511
 512
 513 /* admonition start */
 514 #content div.caution,
 515 #content div.important,
 516 #content div.note,
 517 #content div.tip,
 518 #content div.warning {
 519     border: 1pt solid #E5E5E5;
 520     background-color: #F9F9FF;
 521     color: black;
 522
 523     margin: 10pt 30pt 10pt 30pt;
 524     background-repeat: no-repeat;
 525     background-position: 8px 8px;
 526     min-height: 64px; /*64=48+8+8 but doesn't work with IE*/
 527     padding-left: 64px;
 528 }
 529
 530 #content div.caution p,
 531 #content div.important p,
 532 #content div.note p,
 533 #content div.tip p,
 534 #content div.warning p {
 535     margin-top: 8px; /*to align text with bg graphic*/
 536 }
 537
 538 #content div.tip { background-image: url("../img/admon-tip.png"); }
 539 #content div.note { background-image: url("../img/admon-note.png"); }
 540 #content div.important { background-image: url("../img/admon-important.png"); }
 541 #content div.caution { background-image: url("../img/admon-caution.png"); }
 542 #content div.warning { background-image: url("../img/admon-warning.png"); }
 543
 544 /* admonition end */
 545