themes/default/phpwiki-modern.css

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