MoinMoin: attachment:screen.css of MoinMoinBugs/1.5BetaStyleSheetErrors

   1 /*  screen.css - MoinMoin Default Styles
   2 
   3 Copyright (c) 2001, 2002, 2003 by Juergen Hermann
   4 */
   5 
   6 /* content styles */
   7 
   8 /* debug 
   9 * {border: 1px dotted blue;}
  10 */
  11 
  12 body {
  13     padding:0;
  14     border:0;
  15     color: black; 
  16     background: white}
  17 
  18 * {
  19     background: inherit !important; 
  20     color: inherit !important;
  21 }
  22 
  23 a:link { text-decoration: none; }
  24 a:hover, a:active { text-decoration: underline; background: inherit; color: green; }
  25 a:visited { text-decoration: none;  background: inherit; color: blue; }
  26 a:visited:hover { text-decoration: none;  background: inherit; color: red; }
  27 
  28 input {
  29     /* does strange effect to button (text size becomes bigger when clicking)
  30     font-size: 1em;
  31     font-family: Arial, Lucida Grande, sans-serif;
  32     */
  33 }
  34 
  35 textarea {
  36     font-size: 1em;
  37     font-family: monospace;
  38 }
  39 
  40 .disabled {
  41     /* IE ignore disabled attribute, but at least show items in gray */
  42     background: inherit;
  43     color: gray;
  44 }
  45 
  46 /* user interface styles */
  47 
  48 #header {
  49     margin: 0;
  50     padding: 0;
  51     /* background: #3D4551; */
  52     color: inherit;
  53     background: #E7E7E7;
  54     line-height: 1.1em;
  55 }
  56 
  57 #logo {
  58     float: left;
  59     margin: 5px 10px;
  60     padding: 0;
  61     /* For text only logo */
  62     font-size: 22px;
  63     line-height: 1em;
  64     font-weight: bold;
  65 }
  66 
  67 *[dir="rtl"] #logo {
  68     float: right;
  69 }
  70 
  71 #logo img {
  72     vertical-align: middle;
  73 }
  74 
  75 #logo a {
  76     background: inherit;
  77     color: black;
  78     text-decoration: none;
  79 }
  80 
  81 #username {
  82     margin: 0 10px;
  83     padding: 8px 0 0 0;
  84     text-align: right;
  85     font-size: 12px;
  86     white-space: nowrap;
  87 }
  88 
  89 *[dir="rtl"] #username {
  90     text-align: left;
  91 }
  92 
  93 #username li {
  94     display: inline;
  95     padding: 0 2px;
  96 }
  97 
  98 #username li:before {
  99     content: "| ";
 100     background: inherit;
 101     color: black;
 102 }
 103 
 104 #username li:first-child:before {
 105     content: "";
 106 }
 107 
 108 #searchform {
 109     float: right;
 110     margin: 5px 10px;
 111     padding: 0;
 112     white-space: nowrap;
 113     font-size: 13px;
 114 }
 115 
 116 *[dir="rtl"] #searchform {
 117     float: left;
 118 }
 119 
 120 #searchform form div {
 121     display: inline;
 122 }
 123 
 124 #pagetrail {
 125     clear: right;
 126     display: block;
 127     margin: 4px;
 128     padding: 0 10px;
 129     font-size: 0.88em;
 130 }
 131 
 132 *[dir="rtl"] #pagetrail {
 133     clear: left;
 134 }
 135 
 136 #interwiki {
 137     float: left;
 138     margin: 8px 0;
 139     padding: 0 2px;
 140     font-size: 18px;
 141 }
 142 
 143 *[dir="rtl"] #interwiki {
 144     float: right;
 145 }
 146 
 147 #interwiki span:after {
 148     content: ": ";
 149 }
 150 
 151 #pagelocation {
 152     clear: right;
 153     display: block;
 154     margin: 8px 0;
 155     padding: 0 10px;
 156     font-size: 24px;
 157 }
 158 
 159 *[dir="rtl"] #pagelocation {
 160     clear: left;
 161 }
 162 
 163 #pagetrail li, #pagelocation li {
 164     display: inline;
 165     padding: 0 2px;
 166     margin: 0 0 5px 0;
 167 }
 168 
 169 /* XXX Warning: non-ascii characters! */
 170 #pagetrail li:after {
 171     content: " » ";
 172 }
 173 
 174 *[dir="rtl"] #pagetrail li:after {
 175     content: " « ";
 176 }
 177 
 178 #pagetrail li:last-child:after {
 179     content: "";
 180 }
 181 #pagelocation li:after {
 182     content: "/ ";
 183 }
 184 
 185 *[dir="rtl"] #pagelocation li:after {
 186     content: " \\ "; /* TODO: check what looks best with RTL */
 187 }
 188 
 189 #pagelocation li:last-child:after {
 190     content: "";
 191 }
 192 
 193 #navibar {
 194     clear: both;  /* problem: clear: right; aligns nicely right of logo,
 195                     but lets it float high in the header, disconnected from ground */
 196     display: block;
 197     margin: 0;
 198     padding: 0 10px;
 199     font-size: 13px;
 200 }
 201 
 202 #navibar li {
 203     float: left;
 204     display: inline;
 205     margin: 0 2px;
 206     padding: 2px 5px;
 207     border: 1px solid #9C9C9C;
 208     border-bottom: none;
 209     white-space: nowrap;
 210 }
 211 
 212 *[dir="rtl"] #navibar li {
 213     float: right;
 214 }
 215 
 216 #navibar li.wikilink {
 217     color: inherit;
 218     background: white; /*url(../img/tab-wiki.png) repeat-x;*/
 219 }
 220 
 221 #navibar li.userlink {
 222     color: inherit;
 223     background: #E6EAF0; /*url(../img/tab-user.png) repeat-x;*/
 224 }
 225 
 226 #navibar a, #navibar a:visited {
 227     background: inherit;
 228     color: black;
 229     text-decoration: none;    
 230 }
 231 
 232 #navibar li.current a {
 233     font-weight: bold;
 234 }
 235 
 236 #navibar li:hover {
 237     color: inherit;
 238     background: #CCCCCC;
 239 }
 240 
 241 #navibar li.current, #navibar li.current:hover {
 242     color: inherit;
 243     background: #81BBF2; /* url(../img/tab-selected.png) repeat-x; */
 244 }
 245 
 246 #pageline {
 247     clear: both;
 248     margin: 0;
 249     padding: 0;
 250     width: 100%;
 251     /* sync these values, line-height is needed for IE */
 252         height: 4px;
 253         line-height: 4px;
 254     border-bottom: 1px solid #9C9C9C;
 255     color: inherit;
 256     background: #81BBF2;
 257 }
 258 
 259 .editbar {
 260     clear: both;
 261     display: block;
 262     margin: 0;
 263     padding: 0 8px;
 264     white-space: nowrap;
 265     height: 2.2em;  /* this has to be adapted to user's font size! fragile!
 266                        It is differently broken depending on the stuff following it.
 267                        2em looks good on MoinMoin:AnyPage, but not on RecentChanges! */
 268     color: inherit;
 269     background: white;
 270     font-size: 0.8em; /* 13px */
 271 }
 272 
 273 .editbar form, .editbar form div {
 274     display: inline;
 275     margin: 0;
 276 }
 277 
 278 .editbar li {
 279     float: left;
 280     display: inline;
 281     padding: 0;
 282     margin: 4px 6px;
 283 }
 284 
 285 *[dir="rtl"] .editbar li {
 286     float: right;
 287 }
 288 
 289 #header .editbar {
 290     border-bottom: 1px dotted #9C9C9C;
 291 }
 292 
 293 #footer .editbar {
 294     border-top: 1px dotted #9C9C9C;
 295     border-bottom: 1px solid #9C9C9C;
 296 }
 297 
 298 .editbar a, .editbar a:visited { background: inherit; color: #0044B3; }
 299 
 300 #message {
 301     clear: both;
 302     margin: 0;
 303     padding: 5px 10px;
 304     border-bottom: 1px solid #c9c9c9;
 305     color: inherit;
 306     background: #E6EAF0;
 307 }
 308 
 309 #message p {
 310     margin: 5px 0;
 311     padding: 0;
 312     /* font-weight: bold; */
 313 }
 314 
 315 #message div.buttons {
 316     font-weight: normal;
 317 }
 318 
 319 .dialog form {
 320     margin: 0 15px;
 321 }
 322 
 323 .dialog td {
 324     border: none;
 325     padding: 5px;
 326 }
 327 
 328 .dialog td.label {
 329     text-align: right;
 330     font-weight: bold;
 331     width: 25%;
 332 }
 333 
 334 *[dir="rtl"] .dialog td.label {
 335     text-align: left;
 336 }
 337 
 338 .dialog td.content input {
 339     width: 100%;
 340 }
 341 
 342 #page {
 343     background-color: white;
 344     margin: 0;
 345     color: inherit;
 346     padding: 2px 20px 20px 20px;
 347 
 348    /* theses are some Firefox 1.5b1 specific extensions, see also the CSS3 draft.
 349    -moz-column-width: 25em;
 350    -moz-column-gap: 2em;
 351    -moz-column-rule: solid black 0.3em;     --   doesn't work yet with 1.5b1!
 352 
 353    TODO: make text/gui editor NOT use #page css, we don't want columns there!
 354     */
 355 }
 356 
 357 /* We use here dumb css1 ids because of IE suckiness */
 358 #editor-textarea, #editor-help {
 359     font-family: monospace;
 360     border: 1px solid #8cacbb;  
 361     color: black;
 362     background-color: white;
 363     padding: 3px;
 364     width: 100%;
 365     margin-top: 0.5em;
 366 }
 367 
 368 #editor-help {
 369     font-size: small;
 370     background-color: #EEEEFF;
 371     color: inherit;
 372 }
 373 
 374 #editor-comment {
 375     font-size: 100%;
 376     border: 1px solid #8cacbb;
 377     color: black;
 378     background-color: white;
 379     vertical-align: middle;
 380     padding: 1px;
 381     display: inline;
 382     width: 70%;
 383 }
 384 
 385 #preview, #previewbelow {
 386     border: 1px solid #6C7680;
 387     padding: 10px 30px 20px 30px;
 388     background: url(../img/draft.png);
 389     margin-top: 0.5em;
 390 }
 391 
 392 input.button {
 393     /*
 394     border: 1px solid #8cacbb;  
 395     color: black;
 396     background-color: #CCCCCC;
 397     vertical-align: middle;
 398     text-decoration: none;
 399     font-size: 100%;
 400     cursor: pointer;
 401     margin: 2px;
 402     padding: 1px;
 403     display: inline;
 404     */
 405 }
 406 
 407 #footer {
 408     clear: both;
 409     margin: 0;
 410     padding: 0;
 411 }
 412 
 413 #credits, #version, #timings{
 414     margin: 5px 10px;
 415     padding: 0;
 416     text-align: center;
 417     font-size: 0.88em;
 418     color: #6C7680;
 419     background: inherit;
 420     font-size: 12px;
 421 }
 422 
 423 #credits li, #timings li {
 424     display: inline;
 425     padding: 0 2px;
 426     margin: 0 4px;
 427 }
 428 
 429 #credits img {
 430     vertical-align: middle;
 431 }
 432 
 433 .diff {
 434     width:99%;
 435 }
 436 
 437 .diff-header {
 438     font-weight: bold;
 439 }
 440 
 441 .diff-title {
 442     color: inherit;
 443     background-color: #C0C0C0;
 444 }
 445 
 446 .diff-added {
 447     color: inherit;
 448     background-color: #E0FFE0;
 449     vertical-align: sub;
 450 }
 451 
 452 .diff-removed {
 453     color: inherit;
 454     background-color: #FFFFE0;
 455     vertical-align: sub;
 456 }
 457 
 458 .diff-added span {
 459     color: inherit;
 460     background-color: #80FF80;
 461 }
 462 
 463 .diff-removed span {
 464     color: inherit;
 465     background-color: #FFFF80;
 466 }
 467 
 468 /* Spans for line-anchors - uses * html hack so that the rule only applies to
 469  * IE (where omitting the "display: none" triggers rendering bugs).
 470  */
 471 * html span.anchor { display: none; }