themes/MacOSX/MacOSX.css

   1 /*
   2  $Id: MacOSX.css,v 1.38 2004-05-13 11:55:19 rurban 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: #d8d8d8;
 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.prefix {
 360   font-weight: normal;
 361   font-family: monospace;
 362   margin-left: -1.6em;
 363   color: black;
 364   /* for NS4 */
 365   border: none;
 366 }
 367 /* changed words */
 368 .diff ins { font-weight: bolder; }
 369 .diff ins { text-decoration: none; }
 370
 371 /* blocks containing deleted or added words */
 372 .diff .original,
 373 .diff .deleted,
 374 .diff .final,
 375 .diff .added {
 376   background: white;
 377 }
 378 /* blocks containing deleted words */
 379 .diff .original:first-child,
 380 .diff .deleted:first-child {
 381   border-top: 2px solid #f99; /* fcc */
 382 }
 383 .diff .original,
 384 .diff .deleted {
 385   background: white;
 386   border-left: 2px solid #f99; /* fcc */
 387   border-right: 2px solid #f99; /* fcc */
 388 }
 389 .diff .original:last-child,
 390 .diff .deleted:last-child {
 391   border-bottom: 2px solid #f99; /* fcc */
 392 }
 393 /* blocks containing added words */
 394 .diff .final:first-child,
 395 .diff .added:first-child {
 396   border-top: 2px solid #9f9; /* cfc */
 397 }
 398 .diff .final,
 399 .diff .added {
 400   background: white;
 401   border-left: 2px solid #9f9; /* cfc */
 402   border-right: 2px solid #9f9; /* cfc */
 403 }
 404 .diff .final:last-child,
 405 .diff .added:last-child {
 406   border-bottom: 2px solid #9f9; /* cfc */
 407 }
 408 /* These don't work in NS4 -- it completely ignores <del> and <ins>. */
 409 /* deleted words */
 410 .diff del { background: #fcc; } /* f99 */
 411 /* added words */
 412 .diff ins { background: #cfc; } /* 9f9 */
 413
 414
 415 /**
 416  * PageList output
 417  */
 418 .pagelist tr.evenrow { background: #f8f8f8; }
 419 .pagelist tr.oddrow  { background: #eee; }
 420 .pagelist thead td {
 421   background: #e8e8e8;
 422   text-decoration: none;
 423   font-weight: bold;
 424   font-size: smaller;
 425 }
 426 .pagelist thead td u { text-decoration: none; }
 427 /* Yellow highlight for every td of mouseover'd tr in pagelist tbody
 428    ie mac ignores all these */
 429 /*.pagelist tbody tr:hover>td { background: #ffff99; }*/
 430 .pagelist tbody tr:hover>td {
 431   border: solid #ffff99 2px;
 432 }
 433 /* some browsers give wacky expanding :hover cells,
 434    use transparent border here instead of padding change */
 435 .pagelist tbody tr>td {
 436   border: solid transparent 2px;
 437 }
 438 th.gridbutton {
 439   background-color: threedlightshadow;
 440   color: black;
 441   font-weight: normal;
 442   /*font-style: menu;*/
 443   max-height: 18px;
 444   height: 18px;
 445   margin: 5px 0px;
 446   float: none;
 447   white-space: nowrap;
 448   padding-top: 5px;
 449   border-width: 1px;
 450   border-style: solid;
 451   border-color: threedhighlight threeddarkshadow threeddarkshadow threedhighlight;
 452 }
 453 input.gridbutton, a.gridbutton, a:hover.gridbutton, a:visited.gridbutton {
 454   text-decoration: none;
 455   font-size: small;
 456   font-weight: normal;
 457   /*font-style: menu;*/
 458   font-family: Tahoma, sans-serif, Arial, Helvetica;
 459   background-color: threedlightshadow;
 460   color: black;
 461 }
 462
 463 /**
 464  * Search Results
 465  */
 466 .search-context { background: white; }
 467 .search-term {
 468   background: #9bdaff;
 469   font-weight: normal;
 470 }
 471
 472 .clear-floats {
 473   clear: both;
 474 }
 475
 476 dl {
 477   display:table;
 478 }
 479 /* dotted underline each dt. use display:table to shrink width */
 480 dt {
 481   display: table;
 482   font-weight: bold;
 483   vertical-align: baseline;
 484   margin-top: 1.25ex;
 485   margin-bottom: 0.25ex;
 486   padding-left: 0.25ex;
 487   padding-right: 0.25ex;
 488   border-bottom-style: dotted;
 489   border-bottom-width: 2pt;
 490   border-bottom-color: #9999cc;
 491 }
 492 /* No underlines for wiki-links in dt,
 493    we already have dotted underline */
 494 dt a.wiki, dt a.named-wiki {
 495   text-decoration: none;
 496 }
 497 /* No top margin for first dt */
 498 dl>dt:first-child {
 499   margin-top: 0ex;
 500 }
 501 /* underline each dd.
 502    use display:table to shrink width */
 503 dd {
 504 /* overflows wide text beyond containing dl */
 505 /* in most browsers :( Would have been nice */
 506 /*   display: table; */
 507   position: relative;
 508   margin-left: 3.5em;
 509   margin-bottom: 0.5ex;
 510   padding-left: 0.125em;
 511   padding-bottom: 0.5ex;
 512   padding-right: 0.125em;
 513   border-bottom-style: solid;
 514   border-bottom-width: thin;
 515   border-bottom-color: #9999cc;
 516 }
 517 pre,
 518 div.plugin code {
 519   color: black;
 520   display: block;
 521   background-color: #fcfcfc;
 522   font-size: 90%;
 523   line-height: 1.25em;
 524   margin-top: 0.25em;
 525   margin-left: 0em;
 526   margin-bottom: 2ex;
 527   margin-right: 0em;
 528   padding-top: 0.25em;
 529   padding-left: 0.5em;
 530   padding-bottom: 0.25em;
 531   padding-right: 0.5em;
 532   border-style: solid;
 533   border-width: 1px;
 534   border-color: #ccc;
 535 }
 536 pre {
 537   background: #fafafa url("images/bgpaper8.png");
 538 }
 539 /* Indented wrap past diff buttons in RecentChanges */
 540 ul li.rc-major, ul li.rc-minor {
 541   margin-left: 0;
 542   padding-left: 3em;
 543   text-indent: -3em;
 544 }
 545
 546
 547 /*
 548  * Vertical margins around block elements.
 549  */
 550 p { margin: 1em 0; }            /* Normal ("loose") paragraphs */
 551 li p, dd p, td p { margin: 1ex 0; } /* Paragraphs within lists are a little tighter. */
 552
 553 /* ul, ol, dl { margin: 0.2ex 0; }      /* A little room around lists. */
 554 /* li ul, li ol, li dl,
 555 dd ul, dd ol, dd dl { margin: 0 0; } /* but not around sub-lists. */
 556
 557 /* Normal ("loose") list elements */
 558 li.tightenable { margin: 1em 0; }
 559 dt.tightenable { margin-top: 1em; }
 560 dd.tightenable { margin-bottom: 1.5ex; }
 561
 562 li.tightenable.top,
 563 dt.tightenable.top,
 564 dd.tightenable.top {
 565   margin-top: 0.2ex;
 566 }
 567 li li.tightenable.top {
 568   margin-top: 0;
 569 }
 570 li.tightenable.bottom,
 571 dd.tightenable.bottom {
 572   margin-bottom: 0.2ex;
 573 }
 574 li li.tightenable.bottom {
 575   margin-bottom: 0;
 576 }
 577
 578 .tightenable.top {
 579   margin-top: 0;
 580 }
 581 .tightenable.bottom {
 582   margin-bottom: 0;
 583 }
 584
 585
 586 /* For emacs users
 587  *
 588  * Local Variables:
 589  * mode: c
 590  * c-file-style: cc-mode
 591  * End:
 592  */