themes/MacOSX/MacOSX.css

   1 /*
   2  $Id: MacOSX.css,v 1.35 2003-11-30 19:35:09 carstenklapp Exp $
   3
   4  Classes:
   5
   6  div.wikitext - the transformed wiki page text.
   7
   8  a.wiki             - link to page in wiki.
   9  a.named-wiki       - a named link to page in wiki (from e.g. [name|WikiPage]).
  10  a.interwiki        - link to page in another wiki
  11  span.wikipage    - page name within interwiki link.
  12  a.named-interwiki  - link to page in another wiki
  13  a.url              - link to external URL from wiki page.
  14  a.named-url        - link to external URL from wiki page.
  15
  16  .wikiunknown a, .wikiunknown u
  17  .named-wikiunknown a, .named-wikiunknown u
  18
  19  a.wikiaction
  20  a.wikiadmin
  21  .wikiunsafe
  22
  23  a.backlinks
  24
  25  TODO: Get rid of tables in wikiaction forms.
  26  */
  27
  28 /* NS4 doesn't grok @import.  This allows us to put things which
  29  * break NS4 in another file. */
  30 @import url(MacOSX-heavy.css);
  31
  32 body { background: #fafafa url("images/bgpaper8.png"); }
  33 body.edit { background: #fafafa url("images/bggranular.png"); }
  34
  35 body { }
  36
  37 /* Ensure identical vertical alignment for adjacent form buttons,
  38    whether image based (Theme buttons) or not */
  39 input[type=submit],
  40 input[type=cancel],
  41 input[type=image] { vertical-align: middle }
  42
  43 /*
  44  * NS4, defaults from body don't always propagate correctly.
  45  * So we need this:
  46  */
  47 h1, h2, h3, .toolbar, td { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; }
  48
  49 input.button { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; }
  50
  51 input.numeric {
  52   text-align: right;
  53 }
  54 .wikitext pre { font-family: Monaco, monospace; }
  55
  56
  57
  58
  59 input[type=text] {
  60   border-top:    1px solid #7c7c7c;
  61   border-left:   1px solid #c3c3c3;
  62   border-bottom: 1px solid #dddddd;
  63   border-right:  1px solid #c3c3c3;
  64 }
  65
  66 /* Add space between the input field and following buttons, but not after the last button. */
  67 div.wikiaction input[type=text],
  68 div.wikiadmin input[type=text],
  69 form.wikiadmin input[type=file] {
  70   margin-right: 0.5em;
  71 }
  72
  73
  74
  75 /**
  76  * Wiki
  77  */
  78 div.wikitext {
  79   background: white;
  80   /* for NS4 */
  81   border: 1px solid black;
  82
  83   border-top:    1px solid #7c7c7c;
  84   border-left:   1px solid #c3c3c3;
  85   border-bottom: 1px solid #dddddd;
  86   border-right:  1px solid #c3c3c3;
  87   padding-left: 0.8em;
  88   padding-right: 0.8em;
  89   padding-top: 0.5em;
  90   padding-bottom: 0.5em;
  91   margin: 0.5ex 0px;
  92   /* This breaks Netscape 4: (display does not go full width).
  93   width: auto;
  94   */
  95 clear: both;
  96 }
  97
  98 input.wikitext { margin:0px; }
  99 input[type=text] {
 100   height: 2.7ex;
 101   padding: 0.4ex 0.3ex;
 102 }
 103
 104 div.toolbar { margin: 1ex 0ex; }
 105
 106
 107 /**
 108  * PageTypes
 109  */
 110 .interwiki-map thead td {
 111   background: #e8e8e8;
 112   font-weight: bold;
 113   font-size: smaller;
 114 }
 115 .interwiki-map thead td:first-child { text-decoration: underline; }
 116 .interwiki-moniker { background: #eee; }
 117 .interwiki-url { background: #f8f8f8; }
 118
 119
 120 /* Mozilla RecentChanges Sidebar */
 121 body.sidebar {
 122   font-size: smaller;
 123   margin: 0.5em;
 124 }
 125 body.sidebar div.wikitext {
 126   padding: 0.5em;
 127 }
 128 body.sidebar div.wikitext ul { padding-left: 1em; }
 129 body.sidebar h2 { margin-top: 0; }
 130
 131
 132 div.errors {
 133   background: #eee;
 134   border: 1px solid gray;
 135   padding-left: 0.8em;
 136   padding-right: 0.8em;
 137   padding-top: 0.8ex;
 138   padding-bottom: 0;
 139   margin-top: 1em;
 140   clear: both;
 141   font-size: smaller;
 142 }
 143
 144 .errors h4 {
 145   color: black;
 146   text-decoration: underline;
 147   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
 148   margin-top: 0;
 149   margin-bottom: 0.5ex;
 150 }
 151
 152 .error {
 153   font-family: Monaco, monospace;
 154   margin: 0;
 155   font-size: smaller;
 156 }
 157 .error ul {
 158   font-size: smaller;
 159   font-family: Monaco, monospace;
 160 }
 161 /* Debug */
 162 .debug {
 163   color: black;
 164   background: white;
 165   font-family: monospace;
 166   font-size: smaller;
 167   margin: 1ex 0;
 168   padding: 0.5ex 0.5em;
 169   border: 1px solid #eee;
 170 }
 171
 172
 173 /*
 174  * Style for <hr>s in wiki markup.
 175  */
 176 .wikitext hr {}
 177
 178
 179 /*
 180  * Link styles
 181  */
 182 /* Wiki Links */
 183 a.wiki { text-decoration: none; }
 184 .wiki, .named-wiki { font-weight: bold; color:#1d42be; } /*blue*/
 185 /* This is obscene in NS4
 186   b .wiki, STRONG .wiki { font-size: larger; }
 187  */
 188
 189 /* Unknown links */
 190 .wikiunknown a, .named-wikiunknown a, .wikiunknown U { text-decoration: none; }
 191
 192 .wikiunknown, .named-wikiunknown {color: #555; }
 193
 194 /* Interwiki links */
 195 a.interwiki { text-decoration: none; }
 196 .wikipage   { font-weight: bold; }
 197
 198 .interwiki,
 199 i .interwiki .wikipage, em .interwiki .wikipage { font-style: oblique; }
 200
 201 .interwiki .wikipage,
 202 i .interwiki, em .interwiki { font-style: normal; }
 203
 204 /*
 205  * wikiaction, wikiadmin, wikiunsafe:
 206  */
 207 a.wikiaction, a.wikiadmin { text-decoration: none; }
 208
 209 /*
 210  * No border on external link icons.
 211  */
 212 img.linkicon, img.rssicon { border: 0px; }
 213 img.rssicon { vertical-align: middle; }
 214 /* This screws up NS4, moved to phpwiki-heavy.css
 215 img.linkicon { vertical-align: middle; }
 216 */
 217 img.wiki-button { vertical-align: middle; }
 218
 219 a.wikiaction { border: 0; }
 220
 221 /* backlinks */
 222 a.backlinks { color: #006; }
 223
 224 /* Make the textarea on the edit page full width */
 225 textarea.wikiedit { width: 100%; margin-top: 1ex; }
 226
 227 p.editdate { font-size: smaller; margin-bottom: 0; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; }
 228
 229 /* Calendar plugin */
 230 a.cal-hide,
 231 a.cal-arrow { text-decoration: none; }
 232 .cal-arrow { font-weight: bold; }
 233 .cal-dayname {
 234   font-size: smaller;
 235   text-decoration: none;
 236 }
 237 table.cal {
 238   /* for NS4 */
 239   /*border: 1px solid black;
 240
 241   border-top:    1px solid #7c7c7c;
 242   border-left:   1px solid #c3c3c3;
 243   border-bottom: 1px solid #dddddd;
 244   border-right:  1px solid #c3c3c3;
 245   background: #bebebe;*/
 246 }
 247 table.cal td {
 248   background: white;
 249   /* for NS4 */
 250   border: 1px solid black;
 251
 252   border-top:    1px solid #7c7c7c;
 253   border-left:   1px solid #c3c3c3;
 254   border-bottom: 1px solid #dddddd;
 255   border-right:  1px solid #c3c3c3;
 256 }
 257 table.cal-header td {
 258   font-size:  larger;
 259   background: white;
 260   border: 0px;
 261 }
 262 table.cal td.cal-dayname { background: #e8e8e8; }
 263 table.cal td.cal-today {
 264   background:    #f4f4f4;
 265   /* for NS4 */
 266   border: 1px solid black;
 267
 268   border-top:    1px solid #7c7c7c;
 269   border-left:   1px solid #c3c3c3;
 270   border-bottom: 1px solid #dddddd;
 271   border-right:  1px solid #c3c3c3;
 272 }
 273
 274 /* IncludePage plugin */
 275 .transclusion-title {
 276   font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
 277   /* font-style: oblique; */
 278   font-size: smaller; /* 0.75em; */
 279   text-decoration: underline;
 280   text-align: right;
 281 }
 282
 283 div.transclusion {
 284   /* background: #fff url("images/bgpaper8.png"); */
 285   /* background: white; */
 286   background: #fdfdfd;
 287   /* for NS4 */
 288   border: 1px solid black;
 289
 290   border-top:    1px solid #7c7c7c;
 291   border-left:   1px solid #c3c3c3;
 292   border-bottom: 1px solid #dddddd;
 293   border-right:  1px solid #c3c3c3;
 294
 295   padding-left:  0.8em;
 296   padding-right: 0.8em;
 297   padding-top:    0px;
 298   padding-bottom: 0px;
 299   margin: 0.5ex ;
 300 }
 301
 302 /* The transclusion of the TextEditingRules Synopsis on templates/editpage.html */
 303 div.wiki-edithelp .transclusion {
 304   font-size: smaller;
 305   background: inherit;
 306   padding: 0.5ex 0.5em;
 307   margin: 0.2ex 5%;
 308 }
 309 div.wiki-edithelp .transclusion p { margin: 0; }
 310 div.wiki-edithelp {
 311   /* background: #fff url("images/bgpaper8.png"); */
 312   background: white;
 313   /* for NS4 */
 314   border: 1px solid black;
 315
 316   border-top:    1px solid #7c7c7c;
 317   border-left:   1px solid #c3c3c3;
 318   border-bottom: 1px solid #dddddd;
 319   border-right:  1px solid #c3c3c3;
 320
 321   font-size: smaller;
 322   padding: 6pt;
 323 }
 324 div.wiki-message {
 325   background: #fff url("images/bggranular.png");
 326   border: solid 1px #d8d8d8;
 327   padding: 6pt;
 328 }
 329 .printer { display: none; }
 330
 331
 332 /**
 333  * Diff Output
 334  */
 335 /* main box */
 336 .diff {
 337   background: white;
 338   /* for NS4 */
 339   border: 1px solid black;
 340
 341   border-top:    1px solid #7c7c7c;
 342   border-left:   1px solid #c3c3c3;
 343   border-bottom: 1px solid #dddddd;
 344   border-right:  1px solid #c3c3c3;
 345 }
 346 .diff .block {
 347   background: #ccc;
 348   /* for NS4 */
 349   /*  border: none;*/
 350 }
 351
 352 /* individual blocks */
 353 .diff .context {
 354   background: white;
 355   /* for NS4 */
 356   border: none;
 357 }
 358 /* + - line prefix */
 359 .diff .block tt {
 360   font-weight: normal;
 361   font-family: monospace;
 362   margin-left: -0.6em;
 363   color: black;
 364   /* for NS4 */
 365   border: none;
 366 }
 367 /* changed words */
 368 .diff del, .diff ins {
 369   font-weight: bold;
 370   text-decoration: none;
 371 }
 372
 373 /* blocks containing deleted or added words */
 374 .diff .original, .diff .deleted,
 375 .diff .final, .diff .added {
 376   background: white;
 377 }
 378 /* blocks containing deleted words */
 379 .diff .original, .diff .deleted {
 380   background: white;
 381   border: 2px solid #f99; /* fcc */
 382 }
 383 /* blocks containing added words */
 384 .diff .final, .diff .added {
 385   background: white;
 386   border: 2px solid #9f9; /* cfc */
 387 }
 388
 389 /* These don't work in NS4 -- it completely ignores <del> and <ins>. */
 390 /* deleted words */
 391 .diff del { background: #fcc; } /* f99 */
 392 /* added words */
 393 .diff ins { background: #cfc; } /* 9f9 */
 394
 395
 396 /**
 397  * PageList output
 398  */
 399 .pagelist tr.evenrow { background: #f8f8f8; }
 400 .pagelist tr.oddrow  { background: #eee; }
 401 .pagelist thead td {
 402   background: #e8e8e8;
 403   text-decoration: none;
 404   font-weight: bold;
 405   font-size: smaller;
 406 }
 407 .pagelist thead td u { text-decoration: none; }
 408 /* Yellow highlight for every td of mouseover'd tr in pagelist tbody */
 409 .pagelist tbody tr:hover>td { background: #ffff99; }
 410
 411
 412 /**
 413  * Search Results
 414  */
 415 .search-context { background: white; }
 416 .search-term {
 417   background: #9bdaff;
 418   font-weight: normal;
 419 }
 420
 421 .clear-floats {
 422   clear: both;
 423 }
 424
 425 dl {
 426 /*   position: relative; */
 427 display:table;
 428 /*   width: 85%; */
 429   padding-top: 1.5ex;
 430   padding-left: 0.75em;
 431   padding-right: 0.75em;
 432   border-style: solid;
 433   border-width: thin;
 434   border-color: #ccc;
 435 }
 436 /* dotted underline each dt. use display:table to shrink width */
 437 dt {
 438   display: table;
 439   font-weight: bold;
 440   vertical-align: baseline;
 441   margin-top: 1.25ex;
 442   margin-bottom: 0.25ex;
 443   padding-left: 0.25ex;
 444   padding-right: 0.25ex;
 445   border-bottom-style: dotted;
 446   border-bottom-width: 2pt;
 447   border-bottom-color: #9999cc;
 448 }
 449 /* No underlines for wiki-links in dt,
 450    we already have dotted underline */
 451 dt a.wiki, dt a.named-wiki {
 452   text-decoration: none;
 453 }
 454 /* No top margin for first dt */
 455 dl>dt:first-child {
 456   margin-top: 0ex;
 457 }
 458 /* underline each dd.
 459    use display:table to shrink width */
 460 dd {
 461 /* overflows wide text beyond containing dl */
 462 /* in most browsers :( Would have been nice */
 463 /*   display: table; */
 464   position: relative;
 465   margin-left: 3.5em;
 466   margin-bottom: 0.5ex;
 467   padding-left: 0.125em;
 468   padding-bottom: 0.5ex;
 469   padding-right: 0.125em;
 470   border-bottom-style: solid;
 471   border-bottom-width: thin;
 472   border-bottom-color: #9999cc;
 473 }
 474 pre,
 475 div.plugin code {
 476   color: black;
 477   display: block;
 478   background-color: #fcfcfc;
 479   font-size: 90%;
 480   line-height: 1.25em;
 481   margin-top: 0.25em;
 482   margin-left: 0em;
 483   margin-bottom: 2ex;
 484   margin-right: 0em;
 485   padding-top: 0.25em;
 486   padding-left: 0.5em;
 487   padding-bottom: 0.25em;
 488   padding-right: 0.5em;
 489   border-style: solid;
 490   border-width: 1px;
 491   border-color: #ccc;
 492 }
 493 pre {
 494   background: #fafafa url("images/bgpaper8.png");
 495 }
 496 /* Indented wrap past diff buttons in RecentChanges */
 497 ul li.rc-major, ul li.rc-minor {
 498   margin-left: 0;
 499   padding-left: 3em;
 500   text-indent: -3em;
 501 }
 502
 503
 504 /*
 505  * Vertical margins around block elements.
 506  */
 507 p { margin: 1em 0; }            /* Normal ("loose") paragraphs */
 508 li p, dd p, td p { margin: 1ex 0; } /* Paragraphs within lists are a little tighter. */
 509
 510 /* ul, ol, dl { margin: 0.2ex 0; }      /* A little room around lists. */
 511 /* li ul, li ol, li dl,
 512 dd ul, dd ol, dd dl { margin: 0 0; } /* but not around sub-lists. */
 513
 514 /* Normal ("loose") list elements */
 515 li.tightenable { margin: 1em 0; }
 516 dt.tightenable { margin-top: 1em; }
 517 dd.tightenable { margin-bottom: 1.5ex; }
 518
 519 li.tightenable.top,
 520 dt.tightenable.top,
 521 dd.tightenable.top {
 522   margin-top: 0.2ex;
 523 }
 524 li li.tightenable.top {
 525   margin-top: 0;
 526 }
 527 li.tightenable.bottom,
 528 dd.tightenable.bottom {
 529   margin-bottom: 0.2ex;
 530 }
 531 li li.tightenable.bottom {
 532   margin-bottom: 0;
 533 }
 534
 535 .tightenable.top {
 536   margin-top: 0;
 537 }
 538 .tightenable.bottom {
 539   margin-bottom: 0;
 540 }
 541
 542
 543 /* For emacs users
 544  *
 545  * Local Variables:
 546  * mode: c
 547  * c-file-style: cc-mode
 548  * End:
 549  */