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