1 /* common.css - MoinMoin Default Styles 2 3 Copyright (c) 2010 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 /* Navigation macro */ 177 table.navigation { 178 background: #fff; 179 margin: 0; 180 } 181 182 .footnotes div { 183 width: 5em; 184 border-top: 1pt solid gray; 185 } 186 187 .footnotes ol { 188 padding: 0 2em; 189 margin: 0 0 1em; 190 } 191 192 .footnotes li { 193 } 194 195 .info { 196 float: right; 197 font-size: 0.7em; 198 color: gray; 199 } 200 201 #pageinfo { 202 margin-top: 2em; 203 } 204 205 .seperator { 206 color: gray; 207 } 208 209 #pagebottom {clear: both;} 210 211 /* standard rule ---- */ 212 hr { 213 height: 1pt; 214 background-color: #9C9C9C; 215 border: 0; 216 } 217 218 /* custom rules ----- to ---------- */ 219 .hr1 {height: 2pt;} 220 .hr2 {height: 3pt;} 221 .hr3 {height: 4pt;} 222 .hr4 {height: 5pt;} 223 .hr5 {height: 6pt;} 224 .hr6 {height: 7pt;} 225 226 /* Replacement for deprecated html 3 <u> element and html 4 <strike> */ 227 .u {text-decoration: underline;} 228 .strike {text-decoration: line-through;} 229 230 /* eye catchers */ 231 .warning 232 { 233 color: red; 234 } 235 236 .error 237 { 238 color: red; 239 } 240 241 strong.highlight 242 { 243 background-color: #CCE0FF; 244 padding: 1pt; 245 } 246 247 248 /* Recent changes */ 249 250 .rcrss { 251 float: right; 252 margin: 0 7px 0 14px; 253 height: 0; 254 position: relative; 255 top: 9px; 256 } 257 *[div="rtl"] .rcrss { 258 float: left; 259 } 260 .recentchanges[dir="rtl"] .rcrss { 261 float: left; 262 } 263 264 .recentchanges table { 265 clear: both; 266 border-collapse: collapse; 267 } 268 269 .recentchanges td { 270 vertical-align: top; 271 border: none; 272 background: #f0f0f0; 273 } 274 275 .recentchanges td a { 276 color: #0050c1; 277 } 278 279 .recentchanges .rcdaybreak td { 280 background: #91d9f1; 281 border: none; 282 } 283 284 .rcdaybreak td a { 285 font-size: 0.88em; 286 color: #000; 287 } 288 289 .rcicon1, .rcicon2 { 290 text-align: center; 291 } 292 293 .rcpagelink { 294 width: 33%; 295 } 296 297 .rctime { 298 font-size: 0.88em; 299 white-space: nowrap; 300 } 301 302 .rceditor { 303 white-space: nowrap; 304 font-size: 0.88em; 305 } 306 307 .rccomment { 308 width: 50%; 309 color: gray; 310 font-size: 0.88em; 311 } 312 313 314 /* User Preferences */ 315 316 .userpref table, .userpref td { 317 border: none; 318 } 319 320 /* CSS for new code_area markup used by Colorizer and ParserBase */ 321 322 div.codearea { /* the div makes the border */ 323 margin: 0.5em 0; 324 padding: 0; 325 border: 1pt solid #AEBDCC; 326 background-color: #f0f0f0; 327 color: black; 328 } 329 330 div.codearea pre { /* the pre has no border and is inside the div */ 331 margin: 0; 332 padding: 10pt; 333 border: none; 334 } 335 336 a.codenumbers { /* format of the line numbering link */ 337 margin: 0 10pt; 338 font-size: 0.85em; 339 color: gray; 340 } 341 342 /* format of certain syntax spans */ 343 div.codearea pre span.LineNumber {color: gray;} 344 div.codearea pre span.ID {color: #000000;} 345 div.codearea pre span.Operator {color: #0000C0;} 346 div.codearea pre span.Char {color: #004080;} 347 div.codearea pre span.Comment {color: #008000;} 348 div.codearea pre span.Number {color: #0080C0;} 349 div.codearea pre span.String {color: #004080;} 350 div.codearea pre span.SPChar {color: #0000C0;} 351 div.codearea pre span.ResWord {color: #A00000;} 352 div.codearea pre span.ConsWord {color: #008080; font-weight: bold;} 353 div.codearea pre span.Error {color: #FF8080; border: solid 1.5pt #FF0000;} 354 div.codearea pre span.ResWord2 {color: #0080ff; font-weight: bold;} 355 div.codearea pre span.Special {color: #0000ff;} 356 div.codearea pre span.Preprc {color: #803999;} 357 358 /* for diff parser */ 359 div.codearea pre span.DiffAdded {color: #4876FF;} 360 div.codearea pre span.DiffRemoved {color: #FF0000;} 361 div.codearea pre span.DiffChanged {color: #FF7F50;} 362 div.codearea pre span.DiffSeparator {color: #228B22; font-weight: bold} 363 364 /* Search results */ 365 .advancedsearch { 366 border: 1pt solid #ADB9CC; 367 } 368 369 .advancedsearch td { 370 vertical-align: top; 371 background-color: #E7E7E7; 372 border: 0px; 373 } 374 375 .advancedsearch td.searchfor { 376 font-weight: bold; 377 } 378 379 .advancedsearch input { 380 border: 1px solid #ADB9CC; 381 background-color: #fff; 382 } 383 384 .advancedsearch input[disabled] { 385 background-color: #eee; 386 } 387 388 .advancedsearch td.submit { 389 border-top: 1px solid #ADB9CC; 390 background-color: #fff; 391 text-align: right; 392 } 393 394 .advancedsearch optioni, 395 .advancedsearch select { 396 border: 1px solid #ADB9CC; 397 background-color: #fff; 398 } 399 400 401 .searchresults dt { 402 margin-top: 1em; 403 font-weight: normal; 404 } 405 406 .searchresults dd, .searchresults p { 407 font-size: 0.85em; 408 } 409 410 .searchresults .searchhitinfobar { 411 color: #008000; 412 margin-left: 15px; 413 margin-top: 0; 414 } 415 416 p.searchstats { 417 font-size: 0.8em; 418 text-align: right; 419 width: 100%; 420 background-color: #f0f0f0; 421 border-top: 1px solid #ccc; 422 padding: 2px; 423 } 424 425 p.searchstats a { 426 color: #0050c1; 427 } 428 429 p.searchhint { 430 background-color: #f0f0f0; 431 border: 1px solid #ccc; 432 padding: 2px; 433 } 434 435 .searchpages { 436 margin-left: auto; 437 margin-right: auto; 438 } 439 440 .searchpages tr, .searchpages td { 441 border: 0; 442 padding: 5px; 443 margin: 0; 444 text-align: center; 445 vertical-align: middle; 446 color: #b93a58; 447 font-weight: bold; 448 font-size: 1.05em; 449 } 450 451 .searchpages td a, .searchpages td a:link { 452 text-decoration: underline; 453 } 454 455 /* MonthCalendar css */ 456 457 /* days without and with pages linked to them */ 458 a.cal-emptyday { 459 color: #777777; 460 text-align: center; 461 } 462 a.cal-usedday { 463 color: #000000; 464 font-weight: bold; 465 text-align: center; 466 } 467 /* general stuff: workdays, weekend, today */ 468 td.cal-workday { 469 background-color: #DDDDFF; 470 text-align: center; 471 } 472 td.cal-weekend { 473 background-color: #FFDDDD; 474 text-align: center; 475 } 476 td.cal-today { 477 background-color: #CCFFCC; 478 border-style: solid; 479 border-width: 2pt; 480 text-align: center; 481 } 482 /* invalid places on the monthly calendar sheet */ 483 td.cal-invalidday { 484 background-color: #CCCCCC; 485 } 486 /* links to prev/next month/year */ 487 a.cal-link { 488 color: #000000; 489 text-decoration: none; 490 } 491 th.cal-header { 492 background-color: #DDBBFF; 493 text-align: center; 494 } 495 496 /* for MonthCalendar mouseover info boxes */ 497 TABLE.tip { 498 color: black; 499 background-color: #FF8888; 500 font-size: small; 501 font-weight: normal; 502 border-style: solid; 503 border-width: 1px; 504 } 505 506 TH.tip { 507 background-color: #FF4444; 508 font-weight: bold; 509 text-align: center; 510 } 511 512 TD.tip { 513 text-align: left; 514 } 515 *[dir="rtl"] TD.tip { 516 text-align: right; 517 } 518 519 /* end MonthCalendar stuff */ 520 521 #message .hint {font-style: italic;} 522 #message .info { 523 float: none; 524 font-size: 1em; 525 color: black; 526 } 527 #message .info:before {content: url('../img/icon-info.png'); margin: 0 0.2em; vertical-align: -0.2em;} 528 #message .warning:before {content: url('../img/alert.png'); margin: 0 0.2em; vertical-align: -0.2em;} 529 #message .error:before {content: url('../img/icon-error.png'); margin: 0 0.2em; vertical-align: -0.2em;} 530 531 532 /* admonition start */ 533 #content div.caution, 534 #content div.important, 535 #content div.note, 536 #content div.tip, 537 #content div.warning { 538 border: 1pt solid #E5E5E5; 539 background-color: #F9F9FF; 540 color: black; 541 542 margin: 10pt 30pt 10pt 30pt; 543 background-repeat: no-repeat; 544 background-position: 8px 8px; 545 min-height: 64px; /*64=48+8+8 but doesn't work with IE*/ 546 padding-left: 64px; 547 } 548 549 #content div.caution p, 550 #content div.important p, 551 #content div.note p, 552 #content div.tip p, 553 #content div.warning p { 554 margin-top: 8px; /*to align text with bg graphic*/ 555 } 556 557 #content div.tip { background-image: url("../img/admon-tip.png"); } 558 #content div.note { background-image: url("../img/admon-note.png"); } 559 #content div.important { background-image: url("../img/admon-important.png"); } 560 #content div.caution { background-image: url("../img/admon-caution.png"); } 561 #content div.warning { background-image: url("../img/admon-warning.png"); } 562 563 /* admonition end */ 564