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