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