paul@7 | 1 | /* combined.css - MoinMoin Default Styles from common.css, screen.css and print.css |
paul@5 | 2 | |
paul@5 | 3 | Copyright (c) 2010 Paul Boddie <paul@boddie.org.uk> |
paul@5 | 4 | Copyright (c) 2001, 2002, 2003 by Juergen Hermann |
paul@5 | 5 | */ |
paul@5 | 6 | |
paul@5 | 7 | /* content styles */ |
paul@5 | 8 | |
paul@5 | 9 | html { |
paul@5 | 10 | background-color: white; |
paul@5 | 11 | color: black; |
paul@5 | 12 | font-family: sans-serif; |
paul@5 | 13 | font-size: 1em; |
paul@5 | 14 | } |
paul@5 | 15 | |
paul@5 | 16 | body { |
paul@5 | 17 | margin: 0; |
paul@5 | 18 | } |
paul@5 | 19 | |
paul@5 | 20 | /* Links */ |
paul@5 | 21 | |
paul@5 | 22 | a {color: #0044B3;} |
paul@5 | 23 | /* a:visited {color: #597BB3;} */ |
paul@5 | 24 | a:visited {color: #FF7BB3;} |
paul@5 | 25 | |
paul@5 | 26 | a.nonexistent:visited, a.nonexistent, |
paul@5 | 27 | a.badinterwiki:visited, a.badinterwiki {color: gray;} |
paul@5 | 28 | |
paul@5 | 29 | dl, ol, ul { |
paul@5 | 30 | padding: 0 1em; |
paul@5 | 31 | margin: 0 0.5em; |
paul@5 | 32 | } |
paul@5 | 33 | |
paul@5 | 34 | li p { |
paul@5 | 35 | margin: 0.1em 0; |
paul@5 | 36 | } |
paul@5 | 37 | |
paul@5 | 38 | li.gap { |
paul@5 | 39 | margin-top: 0.25em; |
paul@5 | 40 | } |
paul@5 | 41 | |
paul@5 | 42 | dt { |
paul@5 | 43 | margin-top: 0.25em; |
paul@5 | 44 | font-weight: bold; |
paul@5 | 45 | } |
paul@5 | 46 | |
paul@5 | 47 | dd { |
paul@5 | 48 | margin-top: 0; |
paul@5 | 49 | margin-bottom: 0; |
paul@5 | 50 | } |
paul@5 | 51 | |
paul@5 | 52 | dd p { |
paul@5 | 53 | margin: 0.1em 0; |
paul@5 | 54 | } |
paul@5 | 55 | |
paul@5 | 56 | a, img, img.drawing { |
paul@5 | 57 | border: 0; |
paul@5 | 58 | } |
paul@5 | 59 | |
paul@5 | 60 | pre { |
paul@5 | 61 | border: 1pt solid #AEBDCC; |
paul@5 | 62 | background-color: #F3F5F7; |
paul@5 | 63 | padding: 5pt; |
paul@5 | 64 | font-family: courier, monospace; |
paul@5 | 65 | white-space: pre; |
paul@5 | 66 | /* begin css 3 or browser specific rules - do not remove! |
paul@5 | 67 | see: http://forums.techguy.org/archive/index.php/t-249849.html */ |
paul@5 | 68 | white-space: pre-wrap; |
paul@5 | 69 | word-wrap: break-word; |
paul@5 | 70 | white-space: -moz-pre-wrap; |
paul@5 | 71 | white-space: -pre-wrap; |
paul@5 | 72 | white-space: -o-pre-wrap; |
paul@5 | 73 | /* end css 3 or browser specific rules */ |
paul@5 | 74 | } |
paul@5 | 75 | |
paul@5 | 76 | pre.comment { |
paul@5 | 77 | background-color: #CCCCCC; |
paul@5 | 78 | color: red; |
paul@5 | 79 | padding: 0; |
paul@5 | 80 | margin: 0; |
paul@5 | 81 | border: 0; |
paul@5 | 82 | } |
paul@5 | 83 | |
paul@5 | 84 | /* .comment css definition must be top of .red/.green/.blue or it won't work */ |
paul@5 | 85 | .comment { color: #555555; background-color: #DDDDFF; } |
paul@5 | 86 | |
paul@5 | 87 | .red { background-color: #FFCCCC; } |
paul@5 | 88 | .green { background-color: #CCFFCC; } |
paul@5 | 89 | .blue { background-color: #CCCCFF; } |
paul@5 | 90 | .yellow { background-color: #FFF29F; } |
paul@5 | 91 | .orange { background-color: #FFD59B; } |
paul@5 | 92 | |
paul@5 | 93 | .solid { border: 2px solid #000000; padding: 2px; } |
paul@5 | 94 | .dashed { border: 2px dashed #000000; padding: 2px; } |
paul@5 | 95 | .dotted { border: 2px dotted #000000; padding: 2px; } |
paul@5 | 96 | |
paul@5 | 97 | .left { text-align: left; } |
paul@5 | 98 | .center { text-align: center; } |
paul@5 | 99 | .right { text-align: right; } |
paul@5 | 100 | .justify { text-align: justify; } |
paul@5 | 101 | |
paul@5 | 102 | table |
paul@5 | 103 | { |
paul@5 | 104 | margin: 0.5em 0 0 0.5em; |
paul@5 | 105 | border-collapse: collapse; |
paul@5 | 106 | } |
paul@5 | 107 | |
paul@5 | 108 | th, td |
paul@5 | 109 | { |
paul@5 | 110 | padding: 0.25em 0.5em 0.25em 0.5em; |
paul@5 | 111 | border: 1pt solid #ADB9CC; |
paul@5 | 112 | } |
paul@5 | 113 | |
paul@5 | 114 | td p { |
paul@5 | 115 | margin: 0; |
paul@5 | 116 | padding: 0; |
paul@5 | 117 | } |
paul@5 | 118 | /* TableOfContents macro */ |
paul@5 | 119 | div.table-of-contents { |
paul@5 | 120 | border: 1px solid #bbbbbb; |
paul@5 | 121 | color: black; |
paul@5 | 122 | background-color: #eeeeee; |
paul@5 | 123 | font-size: 80%; |
paul@5 | 124 | text-align: left; |
paul@5 | 125 | margin: 0.5em 0 0.5em 1em; |
paul@5 | 126 | padding: 0.5em 0.75em 0.5em 0.5em; |
paul@5 | 127 | max-width: 50%; |
paul@5 | 128 | display: inline-table; |
paul@5 | 129 | } |
paul@5 | 130 | div.table-of-contents ol { |
paul@5 | 131 | margin: 0; |
paul@5 | 132 | padding: 0 0 0 2em; |
paul@5 | 133 | } |
paul@5 | 134 | div.table-of-contents ul { |
paul@5 | 135 | margin: 0; |
paul@5 | 136 | list-style:none; |
paul@5 | 137 | } |
paul@5 | 138 | div.table-of-contents li { |
paul@5 | 139 | margin:0; |
paul@5 | 140 | padding: 0; |
paul@5 | 141 | } |
paul@5 | 142 | p.table-of-contents-heading { |
paul@5 | 143 | font-weight:bold; |
paul@5 | 144 | padding:0; |
paul@5 | 145 | margin: 0 0 0.5em 0; |
paul@5 | 146 | letter-spacing: 0.075em; |
paul@5 | 147 | } |
paul@5 | 148 | |
paul@5 | 149 | /* Navigation macro */ |
paul@5 | 150 | table.navigation { |
paul@5 | 151 | background: #fff; |
paul@5 | 152 | margin: 0; |
paul@5 | 153 | } |
paul@5 | 154 | |
paul@5 | 155 | .footnotes div { |
paul@5 | 156 | width: 5em; |
paul@5 | 157 | border-top: 1pt solid gray; |
paul@5 | 158 | } |
paul@5 | 159 | |
paul@5 | 160 | .footnotes ol { |
paul@5 | 161 | padding: 0 2em; |
paul@5 | 162 | margin: 0 0 1em; |
paul@5 | 163 | } |
paul@5 | 164 | |
paul@5 | 165 | .footnotes li { |
paul@5 | 166 | } |
paul@5 | 167 | |
paul@5 | 168 | .info { |
paul@5 | 169 | float: right; |
paul@5 | 170 | font-size: 0.7em; |
paul@5 | 171 | color: gray; |
paul@5 | 172 | } |
paul@5 | 173 | |
paul@5 | 174 | #pageinfo { |
paul@5 | 175 | margin-top: 2em; |
paul@5 | 176 | } |
paul@5 | 177 | |
paul@5 | 178 | .seperator { |
paul@5 | 179 | color: gray; |
paul@5 | 180 | } |
paul@5 | 181 | |
paul@5 | 182 | #pagebottom {clear: both;} |
paul@5 | 183 | |
paul@5 | 184 | /* standard rule ---- */ |
paul@5 | 185 | hr { |
paul@5 | 186 | height: 1pt; |
paul@5 | 187 | background-color: #9C9C9C; |
paul@5 | 188 | border: 0; |
paul@5 | 189 | } |
paul@5 | 190 | |
paul@5 | 191 | /* custom rules ----- to ---------- */ |
paul@5 | 192 | .hr1 {height: 2pt;} |
paul@5 | 193 | .hr2 {height: 3pt;} |
paul@5 | 194 | .hr3 {height: 4pt;} |
paul@5 | 195 | .hr4 {height: 5pt;} |
paul@5 | 196 | .hr5 {height: 6pt;} |
paul@5 | 197 | .hr6 {height: 7pt;} |
paul@5 | 198 | |
paul@5 | 199 | /* Replacement for deprecated html 3 <u> element and html 4 <strike> */ |
paul@5 | 200 | .u {text-decoration: underline;} |
paul@5 | 201 | .strike {text-decoration: line-through;} |
paul@5 | 202 | |
paul@5 | 203 | /* eye catchers */ |
paul@5 | 204 | .warning |
paul@5 | 205 | { |
paul@5 | 206 | color: red; |
paul@5 | 207 | } |
paul@5 | 208 | |
paul@5 | 209 | .error |
paul@5 | 210 | { |
paul@5 | 211 | color: red; |
paul@5 | 212 | } |
paul@5 | 213 | |
paul@5 | 214 | strong.highlight |
paul@5 | 215 | { |
paul@5 | 216 | background-color: #CCE0FF; |
paul@5 | 217 | padding: 1pt; |
paul@5 | 218 | } |
paul@5 | 219 | |
paul@5 | 220 | |
paul@5 | 221 | /* Recent changes */ |
paul@5 | 222 | |
paul@5 | 223 | .rcrss { |
paul@5 | 224 | float: right; |
paul@5 | 225 | margin: 0 7px 0 14px; |
paul@5 | 226 | height: 0; |
paul@5 | 227 | position: relative; |
paul@5 | 228 | top: 9px; |
paul@5 | 229 | } |
paul@5 | 230 | *[div="rtl"] .rcrss { |
paul@5 | 231 | float: left; |
paul@5 | 232 | } |
paul@5 | 233 | .recentchanges[dir="rtl"] .rcrss { |
paul@5 | 234 | float: left; |
paul@5 | 235 | } |
paul@5 | 236 | |
paul@5 | 237 | .recentchanges table { |
paul@5 | 238 | clear: both; |
paul@5 | 239 | border-collapse: collapse; |
paul@5 | 240 | |
paul@5 | 241 | border: 1px solid #4d7da9; |
paul@5 | 242 | } |
paul@5 | 243 | |
paul@5 | 244 | .recentchanges td { |
paul@5 | 245 | vertical-align: top; |
paul@5 | 246 | border: none; |
paul@5 | 247 | background: #e6eaf0; |
paul@5 | 248 | } |
paul@5 | 249 | |
paul@5 | 250 | |
paul@5 | 251 | .recentchanges .rcdaybreak td { |
paul@5 | 252 | background: #81BBF2; |
paul@5 | 253 | border: none; |
paul@5 | 254 | border: 1px solid #4d7da9; |
paul@5 | 255 | } |
paul@5 | 256 | |
paul@5 | 257 | .rcdaybreak td a { |
paul@5 | 258 | font-size: 0.88em; |
paul@5 | 259 | } |
paul@5 | 260 | |
paul@5 | 261 | .rcicon1, .rcicon2 { |
paul@5 | 262 | text-align: center; |
paul@5 | 263 | } |
paul@5 | 264 | |
paul@5 | 265 | .rcpagelink { |
paul@5 | 266 | width: 33%; |
paul@5 | 267 | } |
paul@5 | 268 | |
paul@5 | 269 | .rctime { |
paul@5 | 270 | font-size: 0.88em; |
paul@5 | 271 | white-space: nowrap; |
paul@5 | 272 | } |
paul@5 | 273 | |
paul@5 | 274 | .rceditor { |
paul@5 | 275 | white-space: nowrap; |
paul@5 | 276 | font-size: 0.88em; |
paul@5 | 277 | } |
paul@5 | 278 | |
paul@5 | 279 | .rccomment { |
paul@5 | 280 | width: 50%; |
paul@5 | 281 | color: gray; |
paul@5 | 282 | font-size: 0.88em; |
paul@5 | 283 | } |
paul@5 | 284 | |
paul@5 | 285 | |
paul@5 | 286 | /* User Preferences */ |
paul@5 | 287 | |
paul@5 | 288 | .userpref table, .userpref td { |
paul@5 | 289 | border: none; |
paul@5 | 290 | } |
paul@5 | 291 | |
paul@5 | 292 | /* CSS for new code_area markup used by Colorizer and ParserBase */ |
paul@5 | 293 | |
paul@5 | 294 | div.codearea { /* the div makes the border */ |
paul@5 | 295 | margin: 0.5em 0; |
paul@5 | 296 | padding: 0; |
paul@5 | 297 | border: 1pt solid #AEBDCC; |
paul@5 | 298 | background-color: #F3F5F7; |
paul@5 | 299 | color: black; |
paul@5 | 300 | } |
paul@5 | 301 | |
paul@5 | 302 | div.codearea pre { /* the pre has no border and is inside the div */ |
paul@5 | 303 | margin: 0; |
paul@5 | 304 | padding: 10pt; |
paul@5 | 305 | border: none; |
paul@5 | 306 | } |
paul@5 | 307 | |
paul@5 | 308 | a.codenumbers { /* format of the line numbering link */ |
paul@5 | 309 | margin: 0 10pt; |
paul@5 | 310 | font-size: 0.85em; |
paul@5 | 311 | color: gray; |
paul@5 | 312 | } |
paul@5 | 313 | |
paul@5 | 314 | /* format of certain syntax spans */ |
paul@5 | 315 | div.codearea pre span.LineNumber {color: gray;} |
paul@5 | 316 | div.codearea pre span.ID {color: #000000;} |
paul@5 | 317 | div.codearea pre span.Operator {color: #0000C0;} |
paul@5 | 318 | div.codearea pre span.Char {color: #004080;} |
paul@5 | 319 | div.codearea pre span.Comment {color: #008000;} |
paul@5 | 320 | div.codearea pre span.Number {color: #0080C0;} |
paul@5 | 321 | div.codearea pre span.String {color: #004080;} |
paul@5 | 322 | div.codearea pre span.SPChar {color: #0000C0;} |
paul@5 | 323 | div.codearea pre span.ResWord {color: #A00000;} |
paul@5 | 324 | div.codearea pre span.ConsWord {color: #008080; font-weight: bold;} |
paul@5 | 325 | div.codearea pre span.Error {color: #FF8080; border: solid 1.5pt #FF0000;} |
paul@5 | 326 | div.codearea pre span.ResWord2 {color: #0080ff; font-weight: bold;} |
paul@5 | 327 | div.codearea pre span.Special {color: #0000ff;} |
paul@5 | 328 | div.codearea pre span.Preprc {color: #803999;} |
paul@5 | 329 | |
paul@5 | 330 | /* for diff parser */ |
paul@5 | 331 | div.codearea pre span.DiffAdded {color: #4876FF;} |
paul@5 | 332 | div.codearea pre span.DiffRemoved {color: #FF0000;} |
paul@5 | 333 | div.codearea pre span.DiffChanged {color: #FF7F50;} |
paul@5 | 334 | div.codearea pre span.DiffSeparator {color: #228B22; font-weight: bold} |
paul@5 | 335 | |
paul@5 | 336 | /* Search results */ |
paul@5 | 337 | .advancedsearch { |
paul@5 | 338 | border: 1pt solid #ADB9CC; |
paul@5 | 339 | } |
paul@5 | 340 | |
paul@5 | 341 | .advancedsearch td { |
paul@5 | 342 | vertical-align: top; |
paul@5 | 343 | background-color: #E7E7E7; |
paul@5 | 344 | border: 0px; |
paul@5 | 345 | } |
paul@5 | 346 | |
paul@5 | 347 | .advancedsearch td.searchfor { |
paul@5 | 348 | font-weight: bold; |
paul@5 | 349 | } |
paul@5 | 350 | |
paul@5 | 351 | .advancedsearch input { |
paul@5 | 352 | border: 1px solid #ADB9CC; |
paul@5 | 353 | background-color: #fff; |
paul@5 | 354 | } |
paul@5 | 355 | |
paul@5 | 356 | .advancedsearch input[disabled] { |
paul@5 | 357 | background-color: #eee; |
paul@5 | 358 | } |
paul@5 | 359 | |
paul@5 | 360 | .advancedsearch td.submit { |
paul@5 | 361 | border-top: 1px solid #ADB9CC; |
paul@5 | 362 | background-color: #fff; |
paul@5 | 363 | text-align: right; |
paul@5 | 364 | } |
paul@5 | 365 | |
paul@5 | 366 | .advancedsearch optioni, |
paul@5 | 367 | .advancedsearch select { |
paul@5 | 368 | border: 1px solid #ADB9CC; |
paul@5 | 369 | background-color: #fff; |
paul@5 | 370 | } |
paul@5 | 371 | |
paul@5 | 372 | |
paul@5 | 373 | .searchresults dt { |
paul@5 | 374 | margin-top: 1em; |
paul@5 | 375 | font-weight: normal; |
paul@5 | 376 | } |
paul@5 | 377 | |
paul@5 | 378 | .searchresults dd, .searchresults p { |
paul@5 | 379 | font-size: 0.85em; |
paul@5 | 380 | } |
paul@5 | 381 | |
paul@5 | 382 | .searchresults .searchhitinfobar { |
paul@5 | 383 | color: #008000; |
paul@5 | 384 | margin-left: 15px; |
paul@5 | 385 | margin-top: 0; |
paul@5 | 386 | } |
paul@5 | 387 | |
paul@5 | 388 | p.searchstats { |
paul@5 | 389 | font-size: 0.8em; |
paul@5 | 390 | text-align: right; |
paul@5 | 391 | width: 100%; |
paul@5 | 392 | background-color: #E6EAF0; |
paul@5 | 393 | border-top: 1px solid #9088DC; |
paul@5 | 394 | padding: 2px; |
paul@5 | 395 | } |
paul@5 | 396 | |
paul@5 | 397 | p.searchhint { |
paul@5 | 398 | background-color: #E6EAF0; |
paul@5 | 399 | border: 1px solid #9088DC; |
paul@5 | 400 | padding: 2px; |
paul@5 | 401 | } |
paul@5 | 402 | |
paul@5 | 403 | .searchpages { |
paul@5 | 404 | margin-left: auto; |
paul@5 | 405 | margin-right: auto; |
paul@5 | 406 | } |
paul@5 | 407 | |
paul@5 | 408 | .searchpages tr, .searchpages td { |
paul@5 | 409 | border: 0; |
paul@5 | 410 | padding: 5px; |
paul@5 | 411 | margin: 0; |
paul@5 | 412 | text-align: center; |
paul@5 | 413 | vertical-align: middle; |
paul@5 | 414 | color: #b93a58; |
paul@5 | 415 | font-weight: bold; |
paul@5 | 416 | font-size: 1.05em; |
paul@5 | 417 | } |
paul@5 | 418 | |
paul@5 | 419 | .searchpages td a, .searchpages td a:link { |
paul@5 | 420 | text-decoration: underline; |
paul@5 | 421 | } |
paul@5 | 422 | |
paul@5 | 423 | /* MonthCalendar css */ |
paul@5 | 424 | |
paul@5 | 425 | /* days without and with pages linked to them */ |
paul@5 | 426 | a.cal-emptyday { |
paul@5 | 427 | color: #777777; |
paul@5 | 428 | text-align: center; |
paul@5 | 429 | } |
paul@5 | 430 | a.cal-usedday { |
paul@5 | 431 | color: #000000; |
paul@5 | 432 | font-weight: bold; |
paul@5 | 433 | text-align: center; |
paul@5 | 434 | } |
paul@5 | 435 | /* general stuff: workdays, weekend, today */ |
paul@5 | 436 | td.cal-workday { |
paul@5 | 437 | background-color: #DDDDFF; |
paul@5 | 438 | text-align: center; |
paul@5 | 439 | } |
paul@5 | 440 | td.cal-weekend { |
paul@5 | 441 | background-color: #FFDDDD; |
paul@5 | 442 | text-align: center; |
paul@5 | 443 | } |
paul@5 | 444 | td.cal-today { |
paul@5 | 445 | background-color: #CCFFCC; |
paul@5 | 446 | border-style: solid; |
paul@5 | 447 | border-width: 2pt; |
paul@5 | 448 | text-align: center; |
paul@5 | 449 | } |
paul@5 | 450 | /* invalid places on the monthly calendar sheet */ |
paul@5 | 451 | td.cal-invalidday { |
paul@5 | 452 | background-color: #CCCCCC; |
paul@5 | 453 | } |
paul@5 | 454 | /* links to prev/next month/year */ |
paul@5 | 455 | a.cal-link { |
paul@5 | 456 | color: #000000; |
paul@5 | 457 | text-decoration: none; |
paul@5 | 458 | } |
paul@5 | 459 | th.cal-header { |
paul@5 | 460 | background-color: #DDBBFF; |
paul@5 | 461 | text-align: center; |
paul@5 | 462 | } |
paul@5 | 463 | |
paul@5 | 464 | /* for MonthCalendar mouseover info boxes */ |
paul@5 | 465 | TABLE.tip { |
paul@5 | 466 | color: black; |
paul@5 | 467 | background-color: #FF8888; |
paul@5 | 468 | font-size: small; |
paul@5 | 469 | font-weight: normal; |
paul@5 | 470 | border-style: solid; |
paul@5 | 471 | border-width: 1px; |
paul@5 | 472 | } |
paul@5 | 473 | |
paul@5 | 474 | TH.tip { |
paul@5 | 475 | background-color: #FF4444; |
paul@5 | 476 | font-weight: bold; |
paul@5 | 477 | text-align: center; |
paul@5 | 478 | } |
paul@5 | 479 | |
paul@5 | 480 | TD.tip { |
paul@5 | 481 | text-align: left; |
paul@5 | 482 | } |
paul@5 | 483 | *[dir="rtl"] TD.tip { |
paul@5 | 484 | text-align: right; |
paul@5 | 485 | } |
paul@5 | 486 | |
paul@5 | 487 | /* end MonthCalendar stuff */ |
paul@5 | 488 | |
paul@5 | 489 | #message .hint {font-style: italic;} |
paul@5 | 490 | #message .info { |
paul@5 | 491 | float: none; |
paul@5 | 492 | font-size: 1em; |
paul@5 | 493 | color: black; |
paul@5 | 494 | } |
paul@5 | 495 | #message .info:before {content: url('../img/icon-info.png'); margin: 0 0.2em;} |
paul@5 | 496 | #message .warning:before {content: url('../img/alert.png'); margin: 0 0.2em;} |
paul@5 | 497 | #message .error:before {content: url('../img/icon-error.png'); margin: 0 0.2em;} |
paul@5 | 498 | |
paul@5 | 499 | |
paul@5 | 500 | /* admonition start */ |
paul@5 | 501 | #content div.caution, |
paul@5 | 502 | #content div.important, |
paul@5 | 503 | #content div.note, |
paul@5 | 504 | #content div.tip, |
paul@5 | 505 | #content div.warning { |
paul@5 | 506 | border: 1pt solid #E5E5E5; |
paul@5 | 507 | background-color: #F9F9FF; |
paul@5 | 508 | color: black; |
paul@5 | 509 | |
paul@5 | 510 | margin: 10pt 30pt 10pt 30pt; |
paul@5 | 511 | background-repeat: no-repeat; |
paul@5 | 512 | background-position: 8px 8px; |
paul@5 | 513 | min-height: 64px; /*64=48+8+8 but doesn't work with IE*/ |
paul@5 | 514 | padding-left: 64px; |
paul@5 | 515 | } |
paul@5 | 516 | |
paul@5 | 517 | #content div.caution p, |
paul@5 | 518 | #content div.important p, |
paul@5 | 519 | #content div.note p, |
paul@5 | 520 | #content div.tip p, |
paul@5 | 521 | #content div.warning p { |
paul@5 | 522 | margin-top: 8px; /*to align text with bg graphic*/ |
paul@5 | 523 | } |
paul@5 | 524 | |
paul@5 | 525 | #content div.tip { background-image: url("../img/admon-tip.png"); } |
paul@5 | 526 | #content div.note { background-image: url("../img/admon-note.png"); } |
paul@5 | 527 | #content div.important { background-image: url("../img/admon-important.png"); } |
paul@5 | 528 | #content div.caution { background-image: url("../img/admon-caution.png"); } |
paul@5 | 529 | #content div.warning { background-image: url("../img/admon-warning.png"); } |
paul@5 | 530 | |
paul@5 | 531 | /* admonition end */ |
paul@5 | 532 | |
paul@5 | 533 | |
paul@5 | 534 | /* Styles from screen.css... */ |
paul@5 | 535 | |
paul@5 | 536 | /* content styles */ |
paul@5 | 537 | |
paul@5 | 538 | body { |
paul@5 | 539 | padding: 0; |
paul@5 | 540 | margin: 0; |
paul@5 | 541 | border: 0; |
paul@5 | 542 | } |
paul@5 | 543 | |
paul@5 | 544 | a:link { color: #47f; text-decoration: none; } |
paul@5 | 545 | a:link:hover, a:link:active { color: green; text-decoration: underline; } |
paul@5 | 546 | a:visited { color: #04a; text-decoration: none; } |
paul@5 | 547 | a:visited:hover { color: red; text-decoration: underline; } |
paul@5 | 548 | a.nonexistent:link { color: #666; text-decoration: none; } |
paul@5 | 549 | a.nonexistent:hover { color: black; text-decoration: underline; } |
paul@5 | 550 | |
paul@5 | 551 | a.download { |
paul@5 | 552 | font-size: 120%; |
paul@5 | 553 | letter-spacing: 0.05em; |
paul@5 | 554 | font-weight: bold; |
paul@5 | 555 | background: #E7E7E7; |
paul@5 | 556 | border: 1px solid #9C9C9C; |
paul@5 | 557 | padding: 0.5em; |
paul@5 | 558 | text-align: center; |
paul@5 | 559 | } |
paul@5 | 560 | |
paul@5 | 561 | input { |
paul@5 | 562 | } |
paul@5 | 563 | |
paul@5 | 564 | textarea { |
paul@5 | 565 | font-size: 1em; |
paul@5 | 566 | font-family: monospace; |
paul@5 | 567 | } |
paul@5 | 568 | |
paul@5 | 569 | .disabled { |
paul@5 | 570 | color: gray; |
paul@5 | 571 | } |
paul@5 | 572 | |
paul@5 | 573 | /* user interface styles */ |
paul@5 | 574 | |
paul@5 | 575 | #header { |
paul@5 | 576 | background: #eeeeee; |
paul@5 | 577 | padding: 0; |
paul@5 | 578 | border-bottom: 2px solid black; |
paul@5 | 579 | } |
paul@5 | 580 | |
paul@5 | 581 | #footer { |
paul@5 | 582 | background: #eeeeee; |
paul@5 | 583 | padding: 0; |
paul@5 | 584 | border-top: 2px solid black; |
paul@5 | 585 | } |
paul@5 | 586 | |
paul@5 | 587 | /* Menu regions. */ |
paul@5 | 588 | |
paul@5 | 589 | .editing, |
paul@5 | 590 | #identity, |
paul@5 | 591 | #navigation { |
paul@5 | 592 | margin-top: 1.5em; /* can be removed if menutitle is undisplayed */ |
paul@5 | 593 | } |
paul@5 | 594 | |
paul@5 | 595 | #navigation { |
paul@5 | 596 | background: #dddddd; |
paul@5 | 597 | } |
paul@5 | 598 | |
paul@5 | 599 | #identity { |
paul@5 | 600 | background: #333333; |
paul@5 | 601 | color: white; |
paul@5 | 602 | } |
paul@5 | 603 | |
paul@5 | 604 | .menutitleholder { |
paul@5 | 605 | position: relative; |
paul@5 | 606 | padding-top: 0.5em; /* can be removed if menutitle is undisplayed */ |
paul@5 | 607 | } |
paul@5 | 608 | |
paul@5 | 609 | .menutitle { |
paul@5 | 610 | position: absolute; |
paul@5 | 611 | bottom: 1em; |
paul@5 | 612 | left: 0; |
paul@5 | 613 | padding: 0.25em; |
paul@5 | 614 | margin: 0.25em; |
paul@5 | 615 | background: #999999; |
paul@5 | 616 | color: white; |
paul@5 | 617 | /* display: none; */ |
paul@5 | 618 | } |
paul@5 | 619 | |
paul@5 | 620 | /* Menus and lists. */ |
paul@5 | 621 | |
paul@5 | 622 | .editbar, |
paul@5 | 623 | #mainpages, |
paul@5 | 624 | #navibar, |
paul@5 | 625 | #username, |
paul@5 | 626 | #pageabout, |
paul@5 | 627 | #pagelocation { |
paul@5 | 628 | display: inline-block; |
paul@5 | 629 | } |
paul@5 | 630 | |
paul@5 | 631 | .editbar, |
paul@5 | 632 | #mainpages, |
paul@5 | 633 | #pageabout, |
paul@5 | 634 | #pagelocation, |
paul@5 | 635 | #pagetrail, |
paul@5 | 636 | #navibar { |
paul@5 | 637 | padding: 0.5em 0; |
paul@5 | 638 | margin: 0; |
paul@5 | 639 | color: black; |
paul@5 | 640 | } |
paul@5 | 641 | |
paul@5 | 642 | #username { |
paul@5 | 643 | padding: 0.5em 0; |
paul@5 | 644 | margin: 0; |
paul@5 | 645 | } |
paul@5 | 646 | |
paul@5 | 647 | .editbar li, |
paul@5 | 648 | #mainpages li, |
paul@5 | 649 | #pageabout li, |
paul@5 | 650 | #pagelocation li, |
paul@5 | 651 | #pagetrail li, |
paul@5 | 652 | #username li, |
paul@5 | 653 | #navibar li { |
paul@5 | 654 | display: inline; |
paul@5 | 655 | padding: 0.5em 0.5em; |
paul@5 | 656 | white-space: nowrap; |
paul@5 | 657 | } |
paul@5 | 658 | |
paul@5 | 659 | #navibar li.wikilink { |
paul@5 | 660 | background: #dddddd; |
paul@5 | 661 | } |
paul@5 | 662 | |
paul@5 | 663 | #navibar li.userlink { |
paul@5 | 664 | background: #cccccc; |
paul@5 | 665 | } |
paul@5 | 666 | |
paul@5 | 667 | .editbar a, |
paul@5 | 668 | .editbar a:visited, |
paul@5 | 669 | #username a, |
paul@5 | 670 | #username a:visited, |
paul@5 | 671 | #navibar a, |
paul@5 | 672 | #navibar a:visited { |
paul@5 | 673 | text-decoration: none !important; |
paul@5 | 674 | } |
paul@5 | 675 | |
paul@5 | 676 | .editbar a, |
paul@5 | 677 | .editbar a:visited, |
paul@5 | 678 | #username a, |
paul@5 | 679 | #username a:visited { |
paul@5 | 680 | color: inherit !important; |
paul@5 | 681 | } |
paul@5 | 682 | |
paul@5 | 683 | #username li.current a, |
paul@5 | 684 | #navibar li.current a { |
paul@5 | 685 | font-weight: bold; |
paul@5 | 686 | } |
paul@5 | 687 | |
paul@5 | 688 | .editbar form, .editbar form div { |
paul@5 | 689 | display: inline; |
paul@5 | 690 | margin: 0; |
paul@5 | 691 | } |
paul@5 | 692 | |
paul@5 | 693 | .editbar select { |
paul@5 | 694 | font-size: 100%; |
paul@5 | 695 | vertical-align: middle; |
paul@5 | 696 | } |
paul@5 | 697 | |
paul@5 | 698 | /* Other elements. */ |
paul@5 | 699 | |
paul@5 | 700 | #logo { |
paul@5 | 701 | float: left; |
paul@5 | 702 | margin: 0.5em; |
paul@5 | 703 | padding: 0; |
paul@5 | 704 | /* For text only logo */ |
paul@5 | 705 | font-size: larger; |
paul@5 | 706 | font-weight: bold; |
paul@5 | 707 | } |
paul@5 | 708 | |
paul@5 | 709 | *[dir="rtl"] #logo { |
paul@5 | 710 | float: right; |
paul@5 | 711 | } |
paul@5 | 712 | |
paul@5 | 713 | #logo img { |
paul@5 | 714 | vertical-align: middle; |
paul@5 | 715 | } |
paul@5 | 716 | |
paul@5 | 717 | #logo a { |
paul@5 | 718 | color: black; |
paul@5 | 719 | text-decoration: none; |
paul@5 | 720 | } |
paul@5 | 721 | |
paul@5 | 722 | #searchform { |
paul@5 | 723 | margin: 4px 0.5em 8px 0.5em; |
paul@5 | 724 | padding: 0; |
paul@5 | 725 | font-size: 0.82em; |
paul@5 | 726 | float: right; |
paul@5 | 727 | clear: right; |
paul@5 | 728 | text-align: right; |
paul@5 | 729 | } |
paul@5 | 730 | |
paul@5 | 731 | *[dir="rtl"] #searchform { |
paul@5 | 732 | float: left; |
paul@5 | 733 | clear: left; |
paul@5 | 734 | text-align: left; |
paul@5 | 735 | } |
paul@5 | 736 | |
paul@5 | 737 | #searchform input { |
paul@5 | 738 | font-size: 100%; |
paul@5 | 739 | vertical-align: middle; |
paul@5 | 740 | } |
paul@5 | 741 | |
paul@5 | 742 | #pageline { |
paul@5 | 743 | } |
paul@5 | 744 | |
paul@5 | 745 | #message { |
paul@5 | 746 | clear: both; |
paul@5 | 747 | margin: 0; |
paul@5 | 748 | padding: 5px 10px; |
paul@5 | 749 | border-bottom: 1px solid #c9c9c9; |
paul@5 | 750 | background: #E6EAF0; |
paul@5 | 751 | } |
paul@5 | 752 | |
paul@5 | 753 | #message p { |
paul@5 | 754 | margin: 5px 0; |
paul@5 | 755 | padding: 0; |
paul@5 | 756 | /* font-weight: bold; */ |
paul@5 | 757 | } |
paul@5 | 758 | |
paul@5 | 759 | #message div.buttons { |
paul@5 | 760 | font-weight: normal; |
paul@5 | 761 | } |
paul@5 | 762 | |
paul@5 | 763 | .dialog form { |
paul@5 | 764 | margin: 0 15px; |
paul@5 | 765 | } |
paul@5 | 766 | |
paul@5 | 767 | .dialog td { |
paul@5 | 768 | border: none; |
paul@5 | 769 | padding: 5px; |
paul@5 | 770 | } |
paul@5 | 771 | |
paul@5 | 772 | .dialog td.label { |
paul@5 | 773 | text-align: right; |
paul@5 | 774 | font-weight: bold; |
paul@5 | 775 | width: 25%; |
paul@5 | 776 | } |
paul@5 | 777 | |
paul@5 | 778 | *[dir="rtl"] .dialog td.label { |
paul@5 | 779 | text-align: left; |
paul@5 | 780 | } |
paul@5 | 781 | |
paul@5 | 782 | .dialog td.content input { |
paul@5 | 783 | width: 100%; |
paul@5 | 784 | } |
paul@5 | 785 | |
paul@5 | 786 | #page { |
paul@5 | 787 | background-color: white; |
paul@5 | 788 | margin: 0; |
paul@5 | 789 | padding: 0.25em; |
paul@5 | 790 | } |
paul@5 | 791 | |
paul@5 | 792 | #editor-textarea { |
paul@5 | 793 | padding: 0px; |
paul@5 | 794 | } |
paul@5 | 795 | |
paul@5 | 796 | #editor-textarea, |
paul@5 | 797 | #editor-help { |
paul@5 | 798 | font-family: monospace; |
paul@5 | 799 | border: 1px solid #8cacbb; |
paul@5 | 800 | color: black; |
paul@5 | 801 | background-color: white; |
paul@5 | 802 | width: 100%; |
paul@5 | 803 | margin-top: 0.5em; |
paul@5 | 804 | } |
paul@5 | 805 | |
paul@5 | 806 | #editor-help { |
paul@5 | 807 | font-size: small; |
paul@5 | 808 | background-color: #EEEEFF; |
paul@5 | 809 | padding: 3px; |
paul@5 | 810 | } |
paul@5 | 811 | |
paul@5 | 812 | #editor-comment { |
paul@5 | 813 | font-size: 100%; |
paul@5 | 814 | border: 1px solid #8cacbb; |
paul@5 | 815 | color: black; |
paul@5 | 816 | background-color: white; |
paul@5 | 817 | vertical-align: middle; |
paul@5 | 818 | padding: 1px; |
paul@5 | 819 | display: inline; |
paul@5 | 820 | width: 70%; |
paul@5 | 821 | } |
paul@5 | 822 | |
paul@5 | 823 | #preview, #previewbelow { |
paul@5 | 824 | margin-top: 0.5em; |
paul@5 | 825 | } |
paul@5 | 826 | |
paul@5 | 827 | #textcha { |
paul@5 | 828 | font-size: 100%; |
paul@5 | 829 | margin-top: 0.5em; |
paul@5 | 830 | border: 2px solid #FF8888; |
paul@5 | 831 | color: black; |
paul@5 | 832 | vertical-align: middle; |
paul@5 | 833 | padding: 3px 2px; |
paul@5 | 834 | } |
paul@5 | 835 | |
paul@5 | 836 | #textcha-answer { |
paul@5 | 837 | border: 2px solid #000000; |
paul@5 | 838 | padding: 3px 2px; |
paul@5 | 839 | } |
paul@5 | 840 | |
paul@5 | 841 | input.button { |
paul@5 | 842 | } |
paul@5 | 843 | |
paul@5 | 844 | #credits, #version, #timings{ |
paul@5 | 845 | margin: 5px 10px; |
paul@5 | 846 | padding: 0; |
paul@5 | 847 | text-align: center; |
paul@5 | 848 | font-size: 0.88em; |
paul@5 | 849 | color: #6C7680; |
paul@5 | 850 | } |
paul@5 | 851 | |
paul@5 | 852 | #credits li, #timings li { |
paul@5 | 853 | display: inline; |
paul@5 | 854 | padding: 0 2px; |
paul@5 | 855 | margin: 0 4px; |
paul@5 | 856 | } |
paul@5 | 857 | |
paul@5 | 858 | #credits img { |
paul@5 | 859 | vertical-align: middle; |
paul@5 | 860 | } |
paul@5 | 861 | |
paul@5 | 862 | .diff { |
paul@5 | 863 | width:99%; |
paul@5 | 864 | } |
paul@5 | 865 | |
paul@5 | 866 | .diff-header { |
paul@5 | 867 | font-weight: bold; |
paul@5 | 868 | } |
paul@5 | 869 | |
paul@5 | 870 | .diff-title { |
paul@5 | 871 | background-color: #C0C0C0; |
paul@5 | 872 | } |
paul@5 | 873 | |
paul@5 | 874 | .diff-added { |
paul@5 | 875 | background-color: #E0FFE0; |
paul@5 | 876 | vertical-align: sub; |
paul@5 | 877 | } |
paul@5 | 878 | |
paul@5 | 879 | .diff-removed { |
paul@5 | 880 | background-color: #FFFFE0; |
paul@5 | 881 | vertical-align: sub; |
paul@5 | 882 | } |
paul@5 | 883 | |
paul@5 | 884 | .diff-added span { |
paul@5 | 885 | background-color: #80FF80; |
paul@5 | 886 | } |
paul@5 | 887 | |
paul@5 | 888 | .diff-removed span { |
paul@5 | 889 | background-color: #FFFF80; |
paul@5 | 890 | } |
paul@5 | 891 | |
paul@5 | 892 | table.navigation { |
paul@5 | 893 | float: right; |
paul@5 | 894 | margin: 2px; |
paul@5 | 895 | } |
paul@5 | 896 | |
paul@5 | 897 | #openididentifier { |
paul@5 | 898 | background: url(../../common/openid.png) no-repeat; |
paul@5 | 899 | background-position: 0 50%; |
paul@5 | 900 | padding-left: 18px; |
paul@5 | 901 | } |
paul@7 | 902 | |
paul@7 | 903 | @media print { |
paul@7 | 904 | |
paul@7 | 905 | /* content styles */ |
paul@7 | 906 | |
paul@7 | 907 | html { |
paul@7 | 908 | font-family: Times, serif; |
paul@7 | 909 | font-size: 12pt; |
paul@7 | 910 | } |
paul@7 | 911 | |
paul@7 | 912 | body { |
paul@7 | 913 | /* Give about 3.4cm in Mozilla/Firefox and about 2.2cm in Safari */ |
paul@7 | 914 | margin: 1.5cm; |
paul@7 | 915 | } |
paul@7 | 916 | |
paul@7 | 917 | a, a:visited, a.nonexistent, a.badinterwiki { |
paul@7 | 918 | color: black; |
paul@7 | 919 | text-decoration: none; |
paul@7 | 920 | } |
paul@7 | 921 | |
paul@7 | 922 | a:hover { |
paul@7 | 923 | text-decoration: underline; |
paul@7 | 924 | } |
paul@7 | 925 | |
paul@7 | 926 | .info a { |
paul@7 | 927 | color: gray; |
paul@7 | 928 | } |
paul@7 | 929 | |
paul@7 | 930 | pre { |
paul@7 | 931 | font-size: 10pt; |
paul@7 | 932 | } |
paul@7 | 933 | |
paul@7 | 934 | a.interwiki:before, a.badinterwiki:before { |
paul@7 | 935 | content: attr(title) ":"; |
paul@7 | 936 | } |
paul@7 | 937 | |
paul@7 | 938 | a.interwiki img, a.badinterwiki img { |
paul@7 | 939 | display: none; |
paul@7 | 940 | } |
paul@7 | 941 | |
paul@7 | 942 | .footnotes div { |
paul@7 | 943 | width: 5em; |
paul@7 | 944 | border-top: 1pt solid gray; |
paul@7 | 945 | } |
paul@7 | 946 | |
paul@7 | 947 | /* user interface styles */ |
paul@7 | 948 | |
paul@7 | 949 | #header, #sidebar, #footer, #timings, #credits, #interwiki, #pagelocation { |
paul@7 | 950 | display: none; |
paul@7 | 951 | } |
paul@7 | 952 | |
paul@7 | 953 | } |