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 #pageinfo {
 157     margin-top: 2em;
 158     margin-bottom: 0;
 159 }
 160
 161 .seperator {
 162     color: gray;
 163 }
 164
 165 #pagebottom {clear: both;}
 166
 167 /* standard rule ---- */
 168 hr {
 169     height: 1pt;
 170     background-color: #9C9C9C;
 171     border: 0;
 172 }
 173
 174 /* custom rules ----- to ---------- */
 175 .hr1 {height: 2pt;}
 176 .hr2 {height: 3pt;}
 177 .hr3 {height: 4pt;}
 178 .hr4 {height: 5pt;}
 179 .hr5 {height: 6pt;}
 180 .hr6 {height: 7pt;}
 181
 182 /* Replacement for deprecated html 3 <u> element and html 4 <strike> */
 183 .u {text-decoration: underline;}
 184 .strike {text-decoration: line-through;}
 185
 186 /* eye catchers */
 187 .warning
 188 {
 189         color: red;
 190 }
 191
 192 .error
 193 {
 194         color: red;
 195 }
 196
 197 strong.highlight
 198 {
 199         background-color: #CCE0FF;
 200         padding: 1pt;
 201 }
 202
 203
 204 /* Recent changes */
 205
 206 .rcrss {
 207         float: right;
 208         margin: 0;
 209 }
 210
 211 .recentchanges[dir="rtl"] .rcrss {
 212         float: left;
 213 }
 214
 215 .recentchanges table {
 216         clear: both;
 217 }
 218
 219 .recentchanges td {
 220         vertical-align: top;
 221         border: none;
 222         border-bottom: 1pt solid #E6EAF0;
 223         background: #F2F4F7;
 224 }
 225
 226 .rcdaybreak td {
 227         background: #B8C5D9;
 228         border: none;
 229 }
 230
 231 .rcdaybreak td a {
 232         font-size: 0.88em;
 233 }
 234
 235 .rcicon1, .rcicon2 {
 236         text-align: center;
 237 }
 238
 239 .rcpagelink {
 240         width: 33%;
 241 }
 242
 243 .rctime {
 244         font-size: 0.88em;
 245         white-space: nowrap;
 246 }
 247
 248 .rceditor {
 249         white-space: nowrap;
 250         font-size: 0.88em;
 251 }
 252
 253 .rccomment {
 254         width: 50%;
 255         color: gray;
 256         font-size: 0.88em;
 257 }
 258
 259
 260 /* User Preferences */
 261
 262 .userpref table, .userpref td {
 263         border: none;
 264 }
 265
 266 /* CSS for new code_area markup used by Colorizer and ParserBase */
 267
 268 div.codearea { /* the div makes the border */
 269         margin: 0.5em 0;
 270         padding: 0;
 271         border: 1pt solid #AEBDCC;
 272         background-color: #F3F5F7;
 273         color: black;
 274 }
 275
 276 div.codearea pre { /* the pre has no border and is inside the div */
 277         margin: 0;
 278         padding: 10pt;
 279         border: none;
 280 }
 281
 282 a.codenumbers { /* format of the line numbering link */
 283         margin: 0 10pt;
 284         font-size: 0.85em;
 285         color: gray;
 286 }
 287
 288 /* format of certain syntax spans */
 289 div.codearea pre span.LineNumber {color: gray;}
 290 div.codearea pre span.ID         {color: #000000;}
 291 div.codearea pre span.Operator   {color: #0000C0;}
 292 div.codearea pre span.Char       {color: #004080;}
 293 div.codearea pre span.Comment    {color: #008000;}
 294 div.codearea pre span.Number     {color: #0080C0;}
 295 div.codearea pre span.String     {color: #004080;}
 296 div.codearea pre span.SPChar     {color: #0000C0;}
 297 div.codearea pre span.ResWord    {color: #A00000;}
 298 div.codearea pre span.ConsWord   {color: #008080; font-weight: bold;}
 299 div.codearea pre span.Error      {color: #FF8080; border: solid 1.5pt #FF0000;}
 300 div.codearea pre span.ResWord2   {color: #0080ff; font-weight: bold;}
 301 div.codearea pre span.Special    {color: #0000ff;}
 302 div.codearea pre span.Preprc     {color: #803999;}
 303
 304 /* for diff parser */
 305 div.codearea pre span.DiffAdded   {color: #4876FF;}
 306 div.codearea pre span.DiffRemoved {color: #FF0000;}
 307 div.codearea pre span.DiffChanged {color: #FF7F50;}
 308 div.codearea pre span.DiffSeparator {color: #228B22; font-weight: bold}
 309
 310 /* Search results */
 311 .advancedsearch {
 312     border: 1pt solid #ADB9CC;
 313 }
 314
 315 .advancedsearch td {
 316     vertical-align: top;
 317     background-color: #E7E7E7;
 318     border: 0px;
 319 }
 320
 321 .advancedsearch td.searchfor {
 322     font-weight: bold;
 323 }
 324
 325 .advancedsearch input {
 326     border: 1px solid #ADB9CC;
 327     background-color: #fff;
 328 }
 329
 330 .advancedsearch input[disabled] {
 331     background-color: #eee;
 332 }
 333
 334 .advancedsearch td.submit {
 335     border-top: 1px solid #ADB9CC;
 336     background-color: #fff;
 337     text-align: right;
 338 }
 339
 340 .advancedsearch optioni, select {
 341     border: 1px solid #ADB9CC;
 342     background-color: #fff;
 343 }
 344
 345
 346 .searchresults dt {
 347     margin-top: 1em;
 348     font-weight: normal;
 349 }
 350
 351 .searchresults dd, .searchresults p {
 352     font-size: 0.85em;
 353 }
 354
 355 .searchresults .searchhitinfobar {
 356     color: #008000;
 357     margin-left: 15px;
 358     margin-top: 0;
 359 }
 360
 361 p.searchstats {
 362     font-size: 0.8em;
 363     text-align: right;
 364     width: 100%;
 365     background-color: #E6EAF0;
 366     border-top: 1px solid #9088DC;
 367     padding: 2px;
 368 }
 369
 370 p.searchhint {
 371     background-color: #E6EAF0;
 372     border: 1px solid #9088DC;
 373     padding: 2px;
 374 }
 375
 376 .searchpages {
 377     margin-left: auto;
 378     margin-right: auto;
 379 }
 380
 381 .searchpages tr, .searchpages td {
 382     border: 0;
 383     padding: 5px;
 384     margin: 0;
 385     text-align: center;
 386     vertical-align: middle;
 387     color: #b93a58;
 388     font-weight: bold;
 389     font-size: 1.05em;
 390 }
 391
 392 .searchpages td a, .searchpages td a:link {
 393     text-decoration: underline;
 394 }
 395
 396 /* MonthCalendar css */
 397
 398 /* days without and with pages linked to them */
 399 a.cal-emptyday {
 400     color: #777777;
 401     text-align: center;
 402 }
 403 a.cal-usedday {
 404     color: #000000;
 405     font-weight: bold;
 406     text-align: center;
 407 }
 408 /* general stuff: workdays, weekend, today */
 409 td.cal-workday {
 410     background-color: #DDDDFF;
 411     text-align: center;
 412 }
 413 td.cal-weekend {
 414     background-color: #FFDDDD;
 415     text-align: center;
 416 }
 417 td.cal-today {
 418     background-color: #CCFFCC;
 419     border-style: solid;
 420     border-width: 2pt;
 421     text-align: center;
 422 }
 423 /* invalid places on the monthly calendar sheet */
 424 td.cal-invalidday {
 425     background-color: #CCCCCC;
 426 }
 427 /* links to prev/next month/year */
 428 a.cal-link {
 429     color: #000000;
 430     text-decoration: none;
 431 }
 432 th.cal-header {
 433     background-color: #DDBBFF;
 434     text-align: center;
 435 }
 436
 437 /* for MonthCalendar mouseover info boxes */
 438 TABLE.tip {
 439     color: black;
 440     background-color: #FF8888;
 441     font-size: small;
 442     font-weight: normal;
 443     border-style: solid;
 444     border-width: 1px;
 445 }
 446
 447 TH.tip {
 448     background-color: #FF4444;
 449     font-weight: bold;
 450     text-align: center;
 451 }
 452
 453 TD.tip {
 454     text-align: left;
 455 }
 456 *[dir="rtl"] TD.tip {
 457     text-align: right;
 458 }
 459
 460 /* end MonthCalendar stuff */
 461