phpwiki-modern.css

   1 /**
   2  * $Id: phpwiki-modern.css,v 1.15 2002-02-16 02:58:17 carstenklapp Exp $
   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. It has not yet been tested against NS4.
  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      Mac ie5.1 ignores this*/
  40   width: 100%;
  41 }
  42
  43
  44 /**
  45  * Wiki
  46  */
  47
  48 /* Main wiki text box */
  49 body {
  50   /* light gray */
  51   background: #eee;
  52   font-family: Arial, Helvetica, sans-serif;
  53   margin: 1ex 1em;
  54 }
  55
  56 hr { height: 1px; }
  57
  58 div.wikitext {
  59   background: white;
  60   border-bottom: 0.5pt #888 solid;
  61   padding-top:    0.75ex;
  62   padding-bottom: 0.75ex;
  63   padding-left:  0.8em;
  64   padding-right: 0.8em;
  65   margin-top:    0ex;
  66   margin-bottom: 0;
  67   margin-left:  0em;
  68   margin-right: 0em;
  69   /*This breaks Netscape 4: (display does not go full width).
  70    * width: auto;
  71    */
  72   clear: both;
  73   /* user's browser settings *
  74   font-family: none; */
  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 .wiki:hover, .backlinks:hover { color: #5454ff; } /* blue */
  94
  95 /**
  96  * wikiaction, wikiadmin, wikiunsafe:
  97  */
  98 .wikiaction, .wikiadmin, .wiki-rc-action, .backlinks {
  99   color: #69798f;  /* pale cyan */
 100   text-decoration: none;
 101   font-weight: bold;
 102 }
 103 .wikiaction:hover { color: #5454ff; } /* blue */
 104 .backlinks { color: #006; }
 105 /*
 106 .wikiaction, .wikiaction table, span.wikiaction {
 107   background-color: #ddd;
 108 }
 109 .wikiadmin, .wikiadmin table {
 110   background-color: #fdd;
 111 }
 112 .wikiunsafe {
 113   background-color: #ccc;
 114 }
 115 */
 116
 117 /* Unknown links */
 118 .wikiunknown a, .named-wikiunknown a, .wikiunknown u {
 119   text-decoration: none;
 120   color: #600;
 121 }
 122
 123 /* Interwiki links */
 124 .wikipage  { font-weight: bold; }
 125 .interwiki { text-decoration: none; }
 126 .interwiki, i.interwiki .wikipage, em .interwiki .wikipage {
 127   font-style: oblique;
 128 }
 129 .interwiki .wikipage, i .interwiki, em .interwiki {
 130   font-style: normal;
 131 }
 132
 133
 134 /**
 135  * headings
 136  */
 137 h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }
 138
 139 h1 {
 140   color:            white;
 141   background-color: black;
 142   padding-top:    1.1ex;
 143   padding-left:   0.3em;
 144   padding-bottom: 0.2ex;
 145   padding-right:  0.6em;
 146   margin: 0;
 147 }
 148 h1 .backlinks {
 149   color: white;
 150   text-decoration: none;
 151 }
 152 h1 .wiki {
 153   color: gray;
 154   text-decoration: none;
 155 }
 156
 157 h2 {
 158   color:            white;
 159   background-color: #525D76;
 160 }
 161
 162 h3 {
 163   color:            white;
 164   background-color: #828da6;
 165   margin-left:      1em;
 166 }
 167
 168 h4 {
 169   color:            white;
 170   background-color: #828da6;
 171   margin-left:      1.5em;
 172 }
 173
 174 h2, h3, h4, h5, h6 {
 175   margin-top: 2ex;
 176   padding-top:    0.15ex;
 177   padding-bottom: 0.1ex;
 178   padding-left:  0.6em;
 179   padding-right: 0.6em;
 180 }
 181
 182 /**
 183  * tables
 184  */
 185 caption { font-family: Arial, Helvetica, sans-serif; }
 186 /* PageList output */
 187 .pagelist {
 188   background: #bebebe;
 189   border: 0.5pt solid #bebebe;
 190 }
 191 .pagelist thead, .pagelist thead u {
 192   background: #bebebe;
 193   color:       white;
 194   font-weight: bold;
 195   text-decoration: none;
 196 }
 197 .pagelist tr.evenrow { background: #e6e6e6; }
 198 .pagelist tr.oddrow  { background: #f4f4f4; }
 199 /*.pagelist td {
 200   border-left: 1px solid #bebebe;
 201   border-right: 1px solid #bebebe;
 202 }*/
 203
 204
 205 /**
 206  * Toolbar
 207  */
 208 .toolbar, td, input.button { font-family: Arial, Helvetica, sans-serif; }
 209
 210 #navbuttons, #actionbar {
 211   color:      black;
 212   background: #ddd; /* dark gray */
 213   margin-top:    0.1ex;
 214   margin-bottom: 1ex;
 215   margin-left:  0em;
 216   margin-right: 0em;
 217 }
 218
 219 #actionbar table, #navbuttons {
 220   border-top:    0.5pt solid black; /* medium gray */
 221   border-bottom: 0.5pt solid black;
 222   padding-top:    0.3ex;
 223   padding-bottom: 0.4ex;
 224   padding-left:  0.5em;
 225   padding-right: 0.5em;
 226 }
 227
 228 .editdate {
 229   background: white;
 230   font-family: Arial, Helvetica, sans-serif;
 231   margin: 0;
 232   padding-top:    0.4ex;
 233   padding-bottom: 0.3ex;
 234   padding-left:  0.5em;
 235   padding-right: 0.5em;
 236   /* border-top: 0.5pt solid #666; * medium gray */
 237 }
 238
 239 hr.ignore, hr.toolbar {
 240   height: 0;
 241   /* margin: -1ex; * Hack for Mozilla */
 242   /* Hack for ie and OmniWeb to hide this element */
 243   position: absolute;
 244   top: -80px;
 245 }
 246
 247
 248 /**
 249  * Edit Page & View Source
 250  */
 251
 252 /* Make the textarea the full page width */
 253 textarea.wikiedit {
 254   width: 100%;
 255   border: 1px inset #838383;
 256   margin-top:    1ex;
 257   margin-bottom: 1ex;
 258   padding: 2px;
 259 }
 260
 261 #editarea-size {
 262   margin-top: 1ex;
 263   text-align: right;
 264   font-size: smaller;
 265 }
 266
 267 /* IncludePage plugin */
 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 h4 {
 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
 453 /* For emacs users
 454  *
 455  * Local Variables:
 456  * mode: c
 457  * c-file-style: cc-mode
 458  * End:
 459  */