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 color: #000; 278 } 279 280 .rcicon1, .rcicon2 { 281 text-align: center; 282 } 283 284 .rcpagelink { 285 width: 33%; 286 } 287 288 .rctime { 289 font-size: 0.88em; 290 white-space: nowrap; 291 } 292 293 .rceditor { 294 white-space: nowrap; 295 font-size: 0.88em; 296 } 297 298 .rccomment { 299 width: 50%; 300 color: gray; 301 font-size: 0.88em; 302 } 303 304 305 /* User Preferences */ 306 307 .userpref table, .userpref td { 308 border: none; 309 } 310 311 /* CSS for new code_area markup used by Colorizer and ParserBase */ 312 313 div.codearea { /* the div makes the border */ 314 margin: 0.5em 0; 315 padding: 0; 316 border: 1pt solid #AEBDCC; 317 background-color: #F3F5F7; 318 color: black; 319 } 320 321 div.codearea pre { /* the pre has no border and is inside the div */ 322 margin: 0; 323 padding: 10pt; 324 border: none; 325 } 326 327 a.codenumbers { /* format of the line numbering link */ 328 margin: 0 10pt; 329 font-size: 0.85em; 330 color: gray; 331 } 332 333 /* format of certain syntax spans */ 334 div.codearea pre span.LineNumber {color: gray;} 335 div.codearea pre span.ID {color: #000000;} 336 div.codearea pre span.Operator {color: #0000C0;} 337 div.codearea pre span.Char {color: #004080;} 338 div.codearea pre span.Comment {color: #008000;} 339 div.codearea pre span.Number {color: #0080C0;} 340 div.codearea pre span.String {color: #004080;} 341 div.codearea pre span.SPChar {color: #0000C0;} 342 div.codearea pre span.ResWord {color: #A00000;} 343 div.codearea pre span.ConsWord {color: #008080; font-weight: bold;} 344 div.codearea pre span.Error {color: #FF8080; border: solid 1.5pt #FF0000;} 345 div.codearea pre span.ResWord2 {color: #0080ff; font-weight: bold;} 346 div.codearea pre span.Special {color: #0000ff;} 347 div.codearea pre span.Preprc {color: #803999;} 348 349 /* for diff parser */ 350 div.codearea pre span.DiffAdded {color: #4876FF;} 351 div.codearea pre span.DiffRemoved {color: #FF0000;} 352 div.codearea pre span.DiffChanged {color: #FF7F50;} 353 div.codearea pre span.DiffSeparator {color: #228B22; font-weight: bold} 354 355 /* Search results */ 356 .advancedsearch { 357 border: 1pt solid #ADB9CC; 358 } 359 360 .advancedsearch td { 361 vertical-align: top; 362 background-color: #E7E7E7; 363 border: 0px; 364 } 365 366 .advancedsearch td.searchfor { 367 font-weight: bold; 368 } 369 370 .advancedsearch input { 371 border: 1px solid #ADB9CC; 372 background-color: #fff; 373 } 374 375 .advancedsearch input[disabled] { 376 background-color: #eee; 377 } 378 379 .advancedsearch td.submit { 380 border-top: 1px solid #ADB9CC; 381 background-color: #fff; 382 text-align: right; 383 } 384 385 .advancedsearch optioni, 386 .advancedsearch select { 387 border: 1px solid #ADB9CC; 388 background-color: #fff; 389 } 390 391 392 .searchresults dt { 393 margin-top: 1em; 394 font-weight: normal; 395 } 396 397 .searchresults dd, .searchresults p { 398 font-size: 0.85em; 399 } 400 401 .searchresults .searchhitinfobar { 402 color: #008000; 403 margin-left: 15px; 404 margin-top: 0; 405 } 406 407 p.searchstats { 408 font-size: 0.8em; 409 text-align: right; 410 width: 100%; 411 background-color: #E6EAF0; 412 border-top: 1px solid #9088DC; 413 padding: 2px; 414 } 415 416 p.searchhint { 417 background-color: #E6EAF0; 418 border: 1px solid #9088DC; 419 padding: 2px; 420 } 421 422 .searchpages { 423 margin-left: auto; 424 margin-right: auto; 425 } 426 427 .searchpages tr, .searchpages td { 428 border: 0; 429 padding: 5px; 430 margin: 0; 431 text-align: center; 432 vertical-align: middle; 433 color: #b93a58; 434 font-weight: bold; 435 font-size: 1.05em; 436 } 437 438 .searchpages td a, .searchpages td a:link { 439 text-decoration: underline; 440 } 441 442 /* MonthCalendar css */ 443 444 /* days without and with pages linked to them */ 445 a.cal-emptyday { 446 color: #777777; 447 text-align: center; 448 } 449 a.cal-usedday { 450 color: #000000; 451 font-weight: bold; 452 text-align: center; 453 } 454 /* general stuff: workdays, weekend, today */ 455 td.cal-workday { 456 background-color: #DDDDFF; 457 text-align: center; 458 } 459 td.cal-weekend { 460 background-color: #FFDDDD; 461 text-align: center; 462 } 463 td.cal-today { 464 background-color: #CCFFCC; 465 border-style: solid; 466 border-width: 2pt; 467 text-align: center; 468 } 469 /* invalid places on the monthly calendar sheet */ 470 td.cal-invalidday { 471 background-color: #CCCCCC; 472 } 473 /* links to prev/next month/year */ 474 a.cal-link { 475 color: #000000; 476 text-decoration: none; 477 } 478 th.cal-header { 479 background-color: #DDBBFF; 480 text-align: center; 481 } 482 483 /* for MonthCalendar mouseover info boxes */ 484 TABLE.tip { 485 color: black; 486 background-color: #FF8888; 487 font-size: small; 488 font-weight: normal; 489 border-style: solid; 490 border-width: 1px; 491 } 492 493 TH.tip { 494 background-color: #FF4444; 495 font-weight: bold; 496 text-align: center; 497 } 498 499 TD.tip { 500 text-align: left; 501 } 502 *[dir="rtl"] TD.tip { 503 text-align: right; 504 } 505 506 /* end MonthCalendar stuff */ 507 508 #message .hint {font-style: italic;} 509 #message .info { 510 float: none; 511 font-size: 1em; 512 color: black; 513 } 514 #message .info:before {content: url('../img/icon-info.png'); margin: 0 0.2em;} 515 #message .warning:before {content: url('../img/alert.png'); margin: 0 0.2em;} 516 #message .error:before {content: url('../img/icon-error.png'); margin: 0 0.2em;} 517 518 519 /* admonition start */ 520 #content div.caution, 521 #content div.important, 522 #content div.note, 523 #content div.tip, 524 #content div.warning { 525 border: 1pt solid #E5E5E5; 526 background-color: #F9F9FF; 527 color: black; 528 529 margin: 10pt 30pt 10pt 30pt; 530 background-repeat: no-repeat; 531 background-position: 8px 8px; 532 min-height: 64px; /*64=48+8+8 but doesn't work with IE*/ 533 padding-left: 64px; 534 } 535 536 #content div.caution p, 537 #content div.important p, 538 #content div.note p, 539 #content div.tip p, 540 #content div.warning p { 541 margin-top: 8px; /*to align text with bg graphic*/ 542 } 543 544 #content div.tip { background-image: url("../img/admon-tip.png"); } 545 #content div.note { background-image: url("../img/admon-note.png"); } 546 #content div.important { background-image: url("../img/admon-important.png"); } 547 #content div.caution { background-image: url("../img/admon-caution.png"); } 548 #content div.warning { background-image: url("../img/admon-warning.png"); } 549 550 /* admonition end */ 551