MercurialWikiTheme

Annotated themes/mercurialwiki/css/common.css

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