phpwiki-modern.css

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