MercurialWikiTheme

Annotated themes/mercurialwiki/css/common.css

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