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