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