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