html/_css/standard.css

   1 /* Stylesheet for COCANWIKI.
   2  * $Id: standard.css,v 1.16 2004/10/17 17:29:48 rich Exp $
   3  */
   4
   5 body {
   6   background: #fff;
   7   color: #000;
   8   font-family: trebuchet ms, palatino, georgia, arial, helvetica, sans-serif;
   9   margin-top: 6em;
  10   line-height: 1.35em;
  11 }
  12
  13 /* Headers. */
  14 h1 {
  15   background-color: #fff;
  16   border-bottom: 1px solid #000;
  17   position: absolute;
  18   top: 0px;
  19   left: 0px;
  20   font-size: 140%;
  21   width: 100%;
  22   padding-left: 2em;
  23 }
  24
  25 h2 {
  26   color: #666;
  27   border-top: 1px dashed #ddd;
  28   padding: 6px 3px 3px 3px;
  29   font-size: 120%;
  30   margin-left: -2em;
  31 }
  32
  33 h3, h4 {
  34   color: #555;
  35   font-size: 100%;
  36   margin-left: -2em;
  37 }
  38
  39 /* IE is a piece of crap. */
  40 * html h2, * html h3, * html h4 {
  41   margin-left: 0px;
  42 }
  43
  44 /* Ordinary text. */
  45 div#content_div {
  46   margin-left: 3em;
  47   width: 30em;
  48   min-height: 22em;
  49 }
  50
  51 div#content_div p {
  52   text-indent: 1em;
  53 }
  54
  55 /* Don't indent the first paragraph. */
  56 div#content_div p.first_para {
  57   text-indent: 0px;
  58 }
  59
  60 /* Make <code> sections slightly larger in Gecko browsers. */
  61 code {
  62   font-size: 1.2em;
  63 }
  64
  65 * html code {
  66   font-size: 1em;
  67 }
  68
  69 /* Abbreviations should be in smallcaps. */
  70 abbr {
  71   font-variant: smallcaps;
  72 }
  73
  74 /* Links. */
  75 a.external {
  76   background: url(/_graphics/external.png) center right no-repeat;
  77   padding-right: 13px;
  78 }
  79
  80 a.newpage {
  81   background: url(/_graphics/newpage.png) center right no-repeat;
  82   padding-right: 13px;
  83   color: #ba0000;
  84 }
  85
  86 a.mailto {
  87   background: url(/_graphics/mailto.png) center right no-repeat;
  88   padding-right: 13px;
  89 }
  90
  91 a.image_not_found {
  92   background: url(/_graphics/newpage.png) center right no-repeat;
  93   padding-right: 13px;
  94   color: #ba0000;
  95 }
  96
  97 a.file_not_found {
  98   background: url(/_graphics/newpage.png) center right no-repeat;
  99   padding-right: 13px;
 100   color: #ba0000;
 101 }
 102
 103 /* Preformatted text. */
 104 pre {
 105   margin-left: 1em;
 106   background-color: #fefefe;
 107   padding: 3px;
 108   border: solid 1px #eee;
 109 }
 110
 111 /* Images.  (Try setting 'class' on an image). */
 112 img.border {
 113   border: 1px solid #000;
 114   margin: 0.3em;
 115 }
 116
 117 img.right_float {
 118   float: right;
 119   margin: 0.3em;
 120 }
 121
 122 img.right_float_border {
 123   border: 1px solid #000;
 124   float: right;
 125   margin: 0.3em;
 126 }
 127
 128 img.left_float {
 129   float: left;
 130   margin: 0.3em;
 131 }
 132
 133 img.left_float_border {
 134   border: 1px solid #000;
 135   float: left;
 136   margin: 0.3em;
 137 }
 138
 139 /* Edit links. */
 140 p.edit_link {
 141   margin: 6px 0px 0px 0px;
 142   padding-right: 12px;
 143   float: right;
 144 }
 145
 146 /* Menus. */
 147 ul.menu {
 148   padding: 0px;
 149   margin-left: 1em;
 150   list-style: none;
 151 }
 152
 153 ul.menu li {
 154   display: inline;
 155   border-left: 1px solid #666;
 156   padding-left: 5px;
 157 }
 158
 159 ul.menu li.first {
 160   border-left: none;
 161   padding-left: 0px;
 162 }
 163
 164 ul#topmenu {
 165   position: absolute;
 166   top: 3em;
 167   left: 0.8em;
 168 }
 169
 170 ul#footer {
 171   text-align: center;
 172   font-size: 70%;
 173 }
 174
 175 /* Sitemap page. */
 176 ul#sitemap {
 177   list-style: none;
 178   margin-left: 0px;
 179   padding-left: 0px;
 180 }
 181
 182 ul#sitemap p.content {
 183   margin-top: 0px;
 184   margin-bottom: 0px;
 185   font-size: 0.7em;
 186 }
 187
 188 ul#sitemap p.info {
 189   margin-top: 0px;
 190   margin-bottom: 0px;
 191   font-size: 0.7em;
 192 }
 193
 194 ul#sitemap p.info a {
 195   color: green;
 196   text-decoration: none;
 197 }
 198
 199 /* Recent changes list. */
 200 ul#recent_changes {
 201   list-style: none;
 202   margin-left: 0px;
 203   padding-left: 0px;
 204 }
 205
 206 ul#recent_changes span.date {
 207   display: block;
 208   float: left;
 209   width: 8.5em;
 210 }
 211
 212 /* History list. */
 213 ul#history {
 214   list-style: none;
 215   margin-left: 0px;
 216   padding-left: 0px;
 217 }
 218
 219 ul#history span.date {
 220   display: block;
 221   float: left;
 222   width: 8.5em;
 223 }
 224
 225 /* Versions. */
 226 div#old_version {
 227   border: solid 2px #f00;
 228   color: #c00;
 229   padding: 4px;
 230   width: 80%;
 231   margin-left: 10%;
 232   clear: both;
 233 }
 234
 235 /* Tables. */
 236 table.top_table {
 237   border-collapse: collapse;
 238   border: 1px solid #eee;
 239 }
 240
 241 table.top_table th {
 242   vertical-align: top;
 243 }
 244
 245 table.top_table td {
 246   vertical-align: top;
 247 }
 248
 249 table.top_table td.number {
 250   text-align: right;
 251 }
 252
 253 table.top_table th.divider {
 254   text-align: center;
 255   padding: 6px;
 256   border-top: 1px solid #eee;
 257   border-bottom: 1px solid #eee;
 258 }
 259
 260 table.left_table {
 261   border-collapse: collapse;
 262   border: 1px solid #eee;
 263 }
 264
 265 table.left_table th {
 266   text-align: right;
 267   vertical-align: top;
 268   padding-right: 1em;
 269 }
 270
 271 table.left_table td {
 272   vertical-align: top;
 273   padding: 3px;
 274 }
 275
 276 table.left_table td.number {
 277   text-align: right;
 278 }
 279
 280 table.left_table th.divider {
 281   text-align: center;
 282   padding: 6px;
 283   border-top: 1px solid #eee;
 284   border-bottom: 1px solid #eee;
 285 }
 286
 287 /* Forms. */
 288 form > table {
 289   margin-left: auto;
 290   margin-right: auto;
 291 }
 292
 293 input:focus {
 294   background-color: #eef;
 295 }
 296
 297 textarea:focus {
 298   background-color: #eef;
 299 }
 300
 301 /* Highlighting search terms. */
 302 span.search_term {
 303   background-color: #ff0;
 304   border: 1px solid #eeb;
 305 }
 306
 307 /* Search box. */
 308 div#search_div {
 309   position: absolute;
 310   left: 50%;
 311   width: 49%;
 312   top: 0.95em;
 313   text-align: right;
 314 }
 315
 316 /* WikiForms - hide the edit link for the top section. */
 317 div#form_div p.edit_link {
 318   display: none;
 319 }
 320
 321 /* Navigation area.
 322  * The navigation_space_div reserves the space for the div and appears
 323  * at the beginning of the page (but is empty).
 324  */
 325 div#navigation_space_div {
 326   float: right;
 327   width: 10em;
 328   height: 22em;
 329   background: #fff;
 330   margin-left: 1em;
 331 }
 332
 333 div#navigation_div {
 334   position: absolute;
 335   right: 1em;
 336   top: 6em;
 337   width: 10em;
 338   height: 22em;
 339   line-height: 1em;
 340 }
 341
 342 div#navigation_div h2 {
 343   display: none;
 344 }
 345
 346 div#navigation_div h3 {
 347   margin-left: 1em;
 348   margin-top: -0.5em;
 349   font-size: 70%;
 350 }
 351
 352 div#navigation_div ul {
 353   font-size: 70%;
 354   margin-top: -1em;
 355   margin-left: -1em;
 356 }
 357
 358 /* The "* html" causes this rule to only be applied to IE 5/6. */
 359 * html div#navigation_div li {
 360   line-height: 1.2em;
 361   margin-left: 3em;
 362   padding-left: 0px;
 363 }
 364
 365 /* Calendar extension. */
 366 table.cal_month {
 367   border-collapse: collapse;
 368   border: 1px solid #eee;
 369   width: 90%;
 370   margin-left: 5%;
 371   margin-right: 5%;
 372 }
 373
 374 table.cal_month th.cal_month_header {
 375   background-color: #eef;
 376 }
 377
 378 table.cal_month th.cal_month_header a.cal_month_left {
 379   margin-right: 2em;
 380 }
 381
 382 table.cal_month th.cal_month_header a.cal_month_right {
 383   margin-left: 2em;
 384 }
 385
 386 table.cal_month td.cal_month_events {
 387 }
 388
 389 table.cal_month td.cal_month_events ul {
 390   list-style: none;
 391   padding: 0px;
 392   margin: 0px;
 393 }
 394
 395 table.cal_month td.cal_month_events li {
 396   display: inline;
 397   margin-right: 2em;
 398 }
 399
 400 table.cal_month tr.cal_month_row {
 401   border: 1px solid #eef;
 402   font-size: 0.7em;
 403 }
 404
 405 table.cal_month tr.cal_month_weekend {
 406   background-color: #fef;
 407 }
 408
 409 table.cal_month tr.cal_month_row th {
 410   text-align: right;
 411   background-color: #eef;
 412   border: 1px solid #fff;
 413   padding-right: 1em;
 414   width: 4em;
 415 }
 416
 417 table.cal_month tr.cal_month_row td {
 418 }
 419
 420 table.cal_month tr.cal_month_row ul {
 421   list-style: none;
 422   padding: 0px;
 423   margin: 0px;
 424 }
 425
 426 table.cal_month tr.cal_month_row li {
 427   display: inline;
 428   margin-right: 2em;
 429 }
 430
 431 table.cal_year {
 432   border-collapse: collapse;
 433   border: 1px solid #eee;
 434   width: 90%;
 435   margin-left: 5%;
 436   margin-right: 5%;
 437 }
 438
 439 table.cal_year th.cal_year_header {
 440   background-color: #eef;
 441 }
 442
 443 table.cal_year th.cal_year_header a.cal_year_left {
 444   margin-right: 2em;
 445 }
 446
 447 table.cal_year th.cal_year_header a.cal_year_right {
 448   margin-left: 2em;
 449 }
 450
 451 table.cal_year td.cal_year_month {
 452   vertical-align: top;
 453 }
 454
 455 table.cal_year_1m th.cal_year_1m_header {
 456   background-color: #eef;
 457 }
 458
 459 table.cal_year_1m th.cal_year_1m_header_weekend {
 460   background-color: #fef;
 461 }
 462
 463 /*
 464 table.cal_year_1m tr.cal_year_1m_row td {
 465   height: 1.4em;
 466 }
 467 */
 468
 469 table.cal_year_1m tr.cal_year_1m_row a {
 470   text-decoration: none;
 471 }
 472
 473 table.cal_year_1m tr.cal_year_1m_row td.cal_year_1m_weekend {
 474   background-color: #fef;
 475 }
 476
 477 table.cal_year_1m tr.cal_year_1m_row td.cal_year_1m_events {
 478   border: 2px solid #000;
 479 }
 480
 481 /*
 482 table.cal_year_1m tr.cal_year_1m_row td.cal_year_1m_empty {
 483   background: url(/_graphics/pinkhatch.png) repeat;
 484 }
 485 */
 486
 487 table.cal_year td.cal_year_events ul {
 488   list-style: none;
 489   padding: 0px;
 490   margin: 0px;
 491 }
 492
 493 table.cal_year td.cal_year_events li {
 494   display: inline;
 495   margin-right: 2em;
 496 }
 497
 498 table.cal_day {
 499   border-collapse: collapse;
 500   border: 1px solid #eee;
 501   width: 90%;
 502   margin-left: 5%;
 503   margin-right: 5%;
 504 }
 505
 506 table.cal_day ul {
 507   list-style: none;
 508   padding: 0px;
 509   margin: 0px;
 510 }
 511
 512 table.cal_day li {
 513   display: inline;
 514   margin-right: 2em;
 515 }
 516
 517 table.cal_day a.cal_day_left {
 518   margin-right: 2em;
 519 }
 520
 521 table.cal_day a.cal_day_right {
 522   margin-left: 2em;
 523 }
 524
 525 /* For print media. */
 526 @media print {
 527   /* Move the body up (no top menu anymore). */
 528   body { margin-top: 4em; }
 529
 530   /* Hide the navigation. */
 531   div#search_div { display: none; }
 532   div#navigation_div { display: none; }
 533   div#navigation_space_div { display: none; }
 534   ul#topmenu { display: none; }
 535   div#menu_div { display: none; }
 536   p.edit_link { display: none; }
 537
 538   a.newpage {
 539     background: none;
 540     padding-right: 0px;
 541   }
 542
 543   /* Display the target of external links. */
 544   a.external {
 545     background: none;
 546     padding-right: 0px;
 547   }
 548   a.external:after {
 549     content: " [" attr(href) "]";
 550   }
 551   a.mailto:after {
 552     background: none;
 553     padding-right: 0px;
 554   }
 555   a.mailto:after {
 556     content: " [" attr(href) "]";
 557   }
 558 }