phpwiki-modern.css

   1 /*
   2   $Id: phpwiki-modern.css,v 1.10 2002-02-03 21:32:09 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   Classes:
  10
  11   div.wikitext - the transformed wiki page text.
  12
  13   a.wiki             - link to page in wiki.
  14   a.named-wiki       - a named link to page in wiki (from e.g. [name|WikiPage]).
  15   a.interwiki        - link to page in another wiki
  16     span.wikipage    - page name within interwiki link.
  17   a.named-interwiki  - link to page in another wiki
  18   a.url              - link to external URL from wiki page.
  19   a.named-url        - link to external URL from wiki page.
  20
  21   .wikiunknown a, .wikiunknown u
  22   .named-wikiunknown a, .named-wikiunknown u
  23
  24   a.wikiaction
  25   a.wikiadmin
  26   .wikiunsafe
  27
  28   a.backlinks
  29
  30 TODO: Get rid of tables in wikiaction forms.
  31 */
  32
  33 /* NS4 & OmniWeb 4 don't grok @import.  This allows us to put things which
  34  * break NS4 and OW4 in another file.
  35  */
  36 @import url(phpwiki-modern-heavy.css);
  37
  38 /* FIXME: logo needs to be moved, it's floating upwards in Mozilla for some reason */
  39 img { border : 0;
  40       /*vertical-align: baseline;*/ }
  41
  42 BODY {
  43  background: #EEEEEE; /* light grey */
  44  margin: 0;
  45 }
  46
  47 BODY { /* user's browser settings */ }
  48
  49 /*
  50  * NS4, defaults from BODY don't always propagate correctly.
  51  * So we need this:
  52  */
  53 .toolbar, TD { font-family: arial, helvetica, sans-serif; }
  54
  55 input.button { font-family: arial, helvetica, sans-serif; }
  56
  57 .wikitext PRE { font-family: monospace; }
  58
  59 div.wikitext {
  60  background:     white;
  61  border:         0.5pt;
  62  border-color: #888888;
  63  border-style:   solid;
  64  padding-left:   0.8em;
  65  padding-right:  0.8em;
  66  padding-top:    0.8em;
  67  padding-bottom: 0.8em;
  68  margin-left:      1em;
  69  margin-right:     1em;
  70  margin-top:       1em;
  71  margin-bottom:    1em;
  72  /* This breaks Netscape 4: (display does not go full width).
  73     width: auto;
  74  */
  75  clear: both;
  76 }
  77
  78 p.editdate { font-size: smaller; margin-bottom: -1ex; }
  79
  80 h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; }
  81
  82 h1 {    color :            #ffffff;
  83         background-color : #000000;
  84         padding-top :          1em;
  85         padding-left :       0.6em;
  86         padding-bottom :     0.2em;
  87         padding-right :      0.6em;
  88 }
  89
  90 h1 a.backlinks {
  91         color :            #ffffff;
  92         text-decoration:      none;
  93 }
  94
  95 h2 {
  96         color :            #ffffff;
  97         background-color : #525D76;
  98         padding-top :       0.15em;
  99         padding-left :       0.6em;
 100         padding-bottom :     0.1em;
 101         padding-right :      0.6em;
 102 }
 103
 104 h3 {    color :            #ffffff;
 105         background-color : #828da6;
 106         padding-top :       0.15em;
 107         padding-left :       0.6em;
 108         padding-bottom :     0.1em;
 109         padding-right :      0.6em;
 110         margin-left :          1em;
 111 }
 112
 113 h2, h3 { margin-top : 2em; }
 114
 115 input.wikitext { margin: 0px; }
 116
 117 .toolbar {
 118  color:          black;
 119  background:   #dddddd; /* dark grey */
 120  border:         0.5pt;
 121  border-color: #666666; /* medium grey */
 122  border-style:   solid;
 123  padding-left:     5pt;
 124  padding-right:    5pt;
 125  padding-top:      2pt;
 126  padding-bottom:   3pt;
 127  margin:           1em;
 128  margin-top:         0;
 129  margin-bottom:    2pt;
 130  width:            94%;
 131 }
 132
 133 /*
 134  * This is a kluge for NS4 which doesn't honor the clear: settings on
 135  * .tool-left and .tool-right.
 136  *
 137  * Putting in explicit <br clear="all"> messes up the formatting in
 138  * other browsers.  Instead we'll put in a:
 139  *
 140  *  <div class="br"><br class="ignore" clear="all"></div>
 141  *
 142  * The clear:both on div.br seems to work.  And we'll disable the <br> altogether (in
 143  * CSS aware browsers) by setting display:none.
 144  *
 145  * Actually, I haven't yet found a browser which doesn't put a line break
 146  * between successive <div>'s.  This makes the <br class="ignore"> completely
 147  * unnecessary.
 148  */
 149 div.br { clear:both; line-height: 0px; }
 150 .ignore { display: none; }
 151
 152 div.errors {
 153  background:     white;
 154  border:          thin;
 155  border-color:     red;
 156  border-style:  dashed;
 157  padding-left:   0.8em;
 158  padding-right:  0.8em;
 159  padding-top:    0.5em;
 160  padding-bottom: 0.8em;
 161  margin:           1em;
 162  /* This breaks Netscape 4: (display does not go full width).
 163     width: auto;
 164  */
 165  clear: both;
 166 }
 167
 168 .errors h4 {
 169  color: red;
 170  text-decoration: underline;
 171  margin: 0px;
 172 }
 173
 174 P.error {
 175  font-size: smaller;
 176  font-family: monospace;
 177  margin: 0px;
 178 }
 179 .error ul
 180 {
 181  font-size:     smaller;
 182  font-family: monospace;
 183 }
 184
 185 /*
 186  * Style for <hr>s in wiki markup.
 187  */
 188 .wikitext hr { height: 1pt; }
 189
 190
 191 /*
 192  * Link styles
 193  */
 194 /* Wiki Links */
 195 a.wiki { text-decoration: none;
 196 color: #004662 /* dark cyan */
 197 }
 198 a.wikiaction:hover {
 199   color: #5454ff;  /* blue */
 200   padding-top:    1pt;
 201   padding-left:   0pt;
 202   padding-bottom: 1pt;
 203   padding-right:  0pt;
 204
 205 }
 206
 207 a.wiki:hover, a.backlinks:hover {
 208   color: #5454ff;  /* blue */
 209 }
 210
 211 .wiki  {
 212  font-weight: bold;
 213 }
 214 /* This is obscene in NS4
 215 B .wiki, STRONG .wiki { font-size: larger; }
 216 */
 217 .wikiaction  {
 218   color: #69798f;  /* pale cyan */
 219 }
 220
 221 /* Unknown links */
 222 .wikiunknown a, .named-wikiunknown a, .wikiunknown u
 223 { text-decoration: none; }
 224
 225 .wikiunknown, .named-wikiunknown
 226 {color: #600; }
 227
 228 /* Interwiki links */
 229 a.interwiki { text-decoration: none; }
 230 .wikipage   { font-weight: bold; }
 231
 232 .interwiki,
 233 I .interwiki .wikipage, EM .interwiki .wikipage
 234 { font-style: oblique; }
 235
 236 .interwiki .wikipage,
 237 I .interwiki, EM .interwiki
 238 { font-style: normal; }
 239
 240 /*
 241  * wikiaction, wikiadmin, wikiunsafe:
 242  */
 243 a.wikiaction, a.wikiadmin       { text-decoration: none; }
 244 a.wikiaction, .wikiaction table, span.wikiaction  { /* background-color: #ddd; */ }
 245 a.wikiadmin, .wikiadmin table   { /* background-color: #fdd; */ }
 246 .wikiunsafe                     { /* background-color: #ccc; */ }
 247
 248 /*
 249  * No border on external link icons.
 250  */
 251 img.linkicon, img.rssicon       { border: 0px; }
 252 img.rssicon             { vertical-align: baseline; }
 253 /* This screws up NS4, moved to phpwiki-heavy.css
 254 img.linkicon            { vertical-align: middle; }
 255 */
 256
 257
 258 /*
 259  * Put a border around wikiaction forms:
 260  * This doesn't work for NS4.
 261  */
 262 .wikiaction table, .wikiadmin table
 263 {
 264 /*
 265   border-style: ridge;
 266   border-width: medium;
 267 */
 268 }
 269 .wikiaction table { border-color: #9cf; }
 270 .wikiadmin table  { border-color: #f99; }
 271
 272 /* Backlinks */
 273 A.backlinks { color: #006; }
 274
 275 /* Make the textarea on the edit page full width */
 276 textarea.wikiedit { width: 100%; margin-top: 1ex; }
 277
 278
 279 /* Calendar plugin */
 280 a.cal-hide,
 281  a.cal-arrow { text-decoration: none; }
 282 .cal-arrow       { font-weight: bold; }
 283 table.cal-header { font-size: larger; }
 284 .cal-dayname     { font-size: smaller; text-decoration: underline; }
 285 table.cal        { border: thin solid black; }
 286
 287
 288 /* IncludePage plugin */
 289 .transclusion-title {
 290   font-style:        oblique;
 291   font-size:         smaller; /* 0.75em; */
 292   text-decoration: underline;
 293   text-align:          right;
 294 }
 295
 296 div.transclusion {
 297   background:   #eeeeff; /*powder blue */
 298   border:         0.5pt;
 299   border-color:   white;
 300   border-style:   solid;
 301   padding-left:   0.8em;
 302   padding-right:  0.8em;
 303   padding-top:    0.8em;
 304   padding-bottom: 0.8em;
 305   margin-top:       1em;
 306   margin-bottom:    1em;
 307 }
 308
 309 /* The transclusion of the TextEditingRules Synopsis on templates/editpage.html */
 310 div.wiki-edithelp .transclusion {
 311   font-size:   smaller;
 312   background:  inherit;
 313   padding: 0.5ex 0.5em;
 314   margin:     0.2ex 5%;
 315 }
 316 div.wiki-edithelp .transclusion p {
 317   margin: 0;
 318 }
 319
 320 div.wiki-edithelp .wiki {
 321   background: #a9a9e6;  /* blue highlight */
 322   padding: 1pt;
 323 }
 324
 325 div.wiki-edithelp {
 326   background: #eeeeff;  /* powder blue */
 327   border:         1pt;
 328   border-color: white;
 329   border-style: solid;
 330   font-size:  smaller;
 331   padding: 0.05ex 2pt;
 332 }
 333
 334 /****************************************************************
 335  **
 336  ** Diff Output
 337  **
 338  *****************************************************************/
 339 .diff .block    { padding: 0.5ex 0.5em; margin: 0.5ex 0; }
 340 .diff .block tt { font-weight: bold; }
 341 .diff del,
 342 .diff ins       { font-weight: bold; text-decoration: none; }
 343
 344 /* These screw up NS4 --- moved to phpwiki-heavy.css
 345 .diff .block div { position: relative; padding-left: 1.5em; }
 346 .diff .prefix   { position: absolute; left: 0.5em; top: 0; }
 347 */
 348
 349 .diff .block    { background: #ccc; }
 350 .diff .context  { background: #fff; }
 351 .diff .original,
 352 .diff .deleted  { background: #fcc; }
 353 .diff .final,
 354 .diff .added    { background: #cfc; }
 355 /*
 356 .diff .original { background: #feb; }
 357 .diff .final    { background: #efb; }
 358 */
 359 /* These don't work in NS4 -- it completely ignores <del> and <ins>. */
 360 .diff del       { background: #f99; }
 361 .diff ins       { background: #9f9; }
 362
 363 /* PageList output */
 364 table.pagelist { background: #bebebe; }
 365 table.pagelist thead { background: #f4f4f4; color: #555; font-size: smaller; }
 366 .pagelist tr.evenrow { background: #e6e6e6; }
 367 .pagelist tr.oddrow  { background: #f4f4f4; }
 368
 369 /* For emacs users
 370  *
 371  * Local Variables:
 372  * mode: c
 373  * c-file-style: cc-mode
 374  * End:
 375  */