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