themes/default/phpwiki-modern.css

   1 /**
   2  * Inspiration for this stylesheet:
   3  *
   4  * http://www.timestretch.com/db/home/load/36/
   5  * http://www.apache.org/
   6  *
   7  * This incarnation of this stylesheet is a complete rewrite from the
   8  * ground up.
   9  *
  10  * Mozilla's "DOM Inspector" Sidebar was an invaluable troubleshooting
  11  * tool for mapping the more complex CSS node selectors, such as those
  12  * used to reference the various CalendarPlugin elements.
  13  */
  14
  15 /**
  16  * General
  17  */
  18 img {
  19     border: 0;
  20     vertical-align: baseline;
  21 }
  22
  23 form {
  24     margin: 0;
  25 }
  26
  27 input {
  28     margin: 0.1em;
  29 }
  30
  31 input.numeric {
  32     text-align: right;
  33 }
  34
  35 table {
  36     border-spacing: 1px;
  37     /* For Mozilla */
  38     empty-cells: show;
  39 }
  40
  41 caption {
  42     caption-side: top;
  43     text-align: left;
  44     margin-bottom: .5ex;
  45 }
  46
  47 /**
  48  * Wiki
  49  */
  50
  51 /* Main wiki text box */
  52 body {
  53     /* light gray */
  54     background: #eee;
  55     font-family: Arial, Helvetica, sans-serif;
  56     margin: 1ex 1em;
  57 }
  58
  59 hr {
  60     height: 1px;
  61 }
  62
  63 div.wikitext {
  64     background: white;
  65     border-bottom: 0.5pt #888 solid;
  66     padding-top: 0.75ex;
  67     padding-bottom: 0.75ex;
  68     padding-left: 0.8em;
  69     padding-right: 0.8em;
  70     margin-top: 0;
  71     margin-bottom: 0;
  72     margin-left: 0;
  73     margin-right: 0;
  74     clear: both;
  75 }
  76
  77 #logo img {
  78     position: relative;
  79     right: 0.25em;
  80     /* This breaks when the navbar wraps to the second line. Ideas? */
  81     top: 4.5ex;
  82 }
  83
  84 /**
  85  * Link styles
  86  */
  87 .wiki {
  88     text-decoration: none;
  89     font-weight: bold;
  90     /* dark cyan */
  91     color: #004662
  92 }
  93
  94 .wiki:hover, .backlinks:hover {
  95     color: #5454ff;
  96 }
  97
  98 /* blue */
  99
 100 /**
 101  * wikiaction, wikiadmin, wikiunsafe:
 102  */
 103 .wikiaction, .wikiadmin, .wiki-rc-action, .backlinks {
 104     color: #69798f; /* pale cyan */
 105     text-decoration: none;
 106     font-weight: bold;
 107 }
 108
 109 .wikiaction:hover {
 110     color: #5454ff;
 111 }
 112
 113 /* blue */
 114 .backlinks {
 115     color: #006;
 116 }
 117
 118 /*
 119 .wikiaction, .wikiaction table, span.wikiaction {
 120   background-color: #ddd;
 121 }
 122 .wikiadmin, .wikiadmin table {
 123   background-color: #fdd;
 124 }
 125 .wikiunsafe {
 126   background-color: #ccc;
 127 }
 128 */
 129
 130 /* Unknown links */
 131 .wikiunknown a, .named-wikiunknown a, .wikiunknown u {
 132     text-decoration: none;
 133     color: #600;
 134 }
 135
 136 /* Interwiki links */
 137 .wikipage {
 138     font-weight: bold;
 139 }
 140
 141 .interwiki {
 142     text-decoration: none;
 143 }
 144
 145 .interwiki, i.interwiki .wikipage, em .interwiki .wikipage {
 146     font-style: oblique;
 147 }
 148
 149 .interwiki .wikipage, i .interwiki, em .interwiki {
 150     font-style: normal;
 151 }
 152
 153 /**
 154  * headings
 155  */
 156 h1, h2, h3, h4, h5, h6 {
 157     font-family: Arial, Helvetica, sans-serif;
 158 }
 159
 160 h1 {
 161     color: white;
 162     background-color: black;
 163     padding-top: 1.1ex;
 164     padding-left: 0.3em;
 165     padding-bottom: 0.2ex;
 166     padding-right: 0.6em;
 167     margin: 0;
 168 }
 169
 170 h1 .backlinks {
 171     color: white;
 172     text-decoration: none;
 173 }
 174
 175 h1 .wiki {
 176     color: gray;
 177     text-decoration: none;
 178 }
 179
 180 h2 {
 181     color: white;
 182     background-color: #525D76;
 183 }
 184
 185 h3 {
 186     color: white;
 187     background-color: #828da6;
 188     margin-left: 1em;
 189 }
 190
 191 h4 {
 192     color: white;
 193     background-color: #828da6;
 194     margin-left: 1.5em;
 195 }
 196
 197 h2, h3, h4, h5, h6 {
 198     margin-top: 2ex;
 199     padding-top: 0.15ex;
 200     padding-bottom: 0.1ex;
 201     padding-left: 0.6em;
 202     padding-right: 0.6em;
 203 }
 204
 205 /**
 206  * tables
 207  */
 208 caption {
 209     font-family: Arial, Helvetica, sans-serif;
 210 }
 211
 212 /* PageList output */
 213 .pagelist {
 214     background: #bebebe;
 215     border: 0.5pt solid #bebebe;
 216 }
 217
 218 .pagelist thead, .pagelist thead u {
 219     background: #bebebe;
 220     color: white;
 221     font-weight: bold;
 222     text-decoration: none;
 223 }
 224
 225 .pagelist tr.evenrow {
 226     background: #e6e6e6;
 227 }
 228
 229 .pagelist tr.oddrow {
 230     background: #f4f4f4;
 231 }
 232
 233 /**
 234  * Toolbar
 235  */
 236 .toolbar, td, input.button {
 237     font-family: Arial, Helvetica, sans-serif;
 238 }
 239
 240 img.toolbar:hover {
 241     cursor: pointer;
 242 }
 243
 244 #navbuttons, #actionbar {
 245     color: black;
 246     background: #ddd; /* dark gray */
 247     margin-top: 0.1ex;
 248     margin-bottom: 1ex;
 249     margin-left: 0;
 250     margin-right: 0;
 251 }
 252
 253 #actionbar table, #navbuttons {
 254     border-top: 0.5pt solid black; /* medium gray */
 255     border-bottom: 0.5pt solid black;
 256     padding-top: 0.3ex;
 257     padding-bottom: 0.4ex;
 258     padding-left: 0.5em;
 259     padding-right: 0.5em;
 260 }
 261
 262 .editdate {
 263     background: white;
 264     font-family: Arial, Helvetica, sans-serif;
 265     margin: 0;
 266     padding-top: 0.4ex;
 267     padding-bottom: 0.3ex;
 268     padding-left: 0.5em;
 269     padding-right: 0.5em;
 270 }
 271
 272 hr.ignore, hr.toolbar {
 273     height: 0;
 274     /* margin: -1ex; * Hack for Mozilla */
 275     /* Hack for ie and OmniWeb to hide this element */
 276     position: absolute;
 277     top: -80px;
 278 }
 279
 280 /**
 281  * Edit Page & View Source
 282  */
 283
 284 /* Make the textarea the full page width */
 285 textarea.wikiedit {
 286     width: 100%;
 287     border: 1px inset #838383;
 288     margin-top: 1ex;
 289     margin-bottom: 1ex;
 290     padding: 2px;
 291 }
 292
 293 #editarea-size {
 294     margin-top: 1ex;
 295     text-align: right;
 296     font-size: smaller;
 297 }
 298
 299 /* IncludePage plugin ================================================= */
 300
 301 .transclusion-title {
 302     text-align: right;
 303     margin-right: 0.25em;
 304     margin-bottom: 0.15ex;
 305     font-style: oblique;
 306     font-size: smaller;
 307     text-decoration: underline;
 308 }
 309
 310 .transclusion, .wiki-edithelp {
 311     background: white;
 312     font-size: smaller;
 313     padding-left: 0.5em;
 314     padding-right: 0.5em;
 315 }
 316
 317 .transclusion {
 318     border-top: solid 1px #dddddd;
 319     border-left: solid 1px #c3c3c3;
 320     border-bottom: solid 1px #7d7d7d;
 321     border-right: solid 1px #b5b5b5;
 322 }
 323
 324 .wiki-edithelp {
 325     border-top: solid 1px #dddddd;
 326     border-left: solid 1px #c5c5c5;
 327     border-bottom: solid 1px #bdbdbd;
 328     border-right: solid 1px #b5b5b5;
 329 }
 330
 331 .wiki-edithelp .wiki {
 332     color: #5454ff;
 333 }
 334
 335 .wiki-edithelp p {
 336     font-family: Arial, Helvetica, sans-serif;
 337     background: #eef;
 338     border-top: solid 1px #aaaaaa;
 339     border-left: solid 1px #c3c3c3;
 340     border-bottom: solid 1px #dddddd;
 341     border-right: solid 1px #c5c5c5;
 342     padding-left: 0.5em;
 343     padding-right: 0.5em;
 344     padding-top: 0.25ex;
 345     padding-bottom: 0.25ex;
 346     margin-top: 1ex;
 347     margin-bottom: 1ex;
 348 }
 349
 350 /**
 351  * Calendar plugin
 352  */
 353 table.cal {
 354     border: thin outset gray;
 355     background: #ddd;
 356     padding: 1px;
 357     /* For Mozilla */
 358     empty-cells: hide;
 359 }
 360
 361 /* cells */
 362 table.cal td {
 363     background: white;
 364     text-align: right;
 365 }
 366
 367 /* Month-name header */
 368 table.cal-header {
 369     /* the html for this should really be in the thead */
 370     font-size: larger;
 371 }
 372
 373 table.cal-header tr, table.cal-header td {
 374     text-align: center;
 375     background: black;
 376     color: white;
 377 }
 378
 379 .cal-arrow {
 380     color: gray;
 381     font-weight: bold;
 382     text-decoration: none;
 383 }
 384
 385 /* Day-names header */
 386 table.cal tbody tr .cal-dayname {
 387     /* the html for this should really be in the thead */
 388     background: #eee;
 389     border-top: 1px solid gray;
 390     border-bottom: 1px solid gray;
 391 }
 392
 393 .cal-dayname td {
 394     text-align: center;
 395     font-size: smaller;
 396     text-decoration: none;
 397 }
 398
 399 /* Individual days */
 400 a.cal-hide {
 401     text-decoration: none;
 402 }
 403
 404 /* Today */
 405 /* cell */
 406 table.cal td.cal-today {
 407     background: inherit;
 408     border: 2px solid gray;
 409 }
 410
 411 /* text */
 412 table.cal td.cal-today a.cal-hide {
 413     color: black;
 414 }
 415
 416 /**
 417  * Diff Output
 418  */
 419
 420 /* main box */
 421 .diff .block {
 422     background: #ccc;
 423     border-top: 1px solid black;
 424     border-bottom: 1px solid black;
 425     padding: 0.5ex 0.5em;
 426     margin: 0.5ex 0;
 427 }
 428
 429 /* individual lines */
 430 .diff .context {
 431     background: white;
 432 }
 433
 434 /* + - line prefix */
 435 .diff .block tt {
 436     font-weight: normal;
 437     font-family: monospace;
 438     margin-left: -.6em;
 439     color: #ffff00;
 440 }
 441
 442 .diff del, .diff ins {
 443     font-weight: bold;
 444     text-decoration: none;
 445 }
 446
 447 .diff .original, .diff .deleted {
 448     background: #fcc;
 449 }
 450
 451 .diff .final, .diff .added {
 452     background: #cfc;
 453 }
 454
 455 .diff del {
 456     background: #f99;
 457 }
 458
 459 .diff ins {
 460     background: #9f9;
 461 }
 462
 463 /**
 464  * PageHistory, Info
 465  */
 466 td.pageinfo {
 467     font-weight: bold;
 468 }
 469
 470 .pageinfo-minoredit, .pageinfo-authorid {
 471     font-size: smaller;
 472     font-style: oblique;
 473 }
 474
 475 /**
 476  * Other
 477  */
 478 .printer {
 479     display: none;
 480 }
 481
 482 .error {
 483     color: black;
 484     background: white;
 485     margin-top: 2em;
 486     margin-bottom: 2em;
 487     padding: 1ex;
 488     font-size: smaller;
 489     border: thin dashed red;
 490 }
 491
 492 /* Debug */
 493 .debug {
 494     color: black;
 495     background: white;
 496     font-family: monospace;
 497     margin: 1ex 0;
 498     padding: 0.5ex 0.5em;
 499 }
 500
 501 /* Link icons */
 502 img.linkicon {
 503     vertical-align: middle;
 504 }
 505
 506 img.rssicon {
 507     vertical-align: baseline;
 508 }
 509
 510 /****************************************************************
 511  **
 512  ** Diff Output
 513  **
 514  *****************************************************************/
 515 .diff .block div {
 516     position: relative;
 517     padding-left: 1.5em;
 518 }
 519
 520 .diff .prefix {
 521     position: absolute;
 522     left: 0.5em;
 523     top: 0;
 524 }