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