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