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