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