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