html/_css/standard.css

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