static/exodus/css/common.css

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