html/_css/standard.css

   1 /* Stylesheet for COCANWIKI.
   2  * $Id: standard.css,v 1.13 2004/10/10 16:14:43 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: 20em;
 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: 20em;
 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 /* Calendar extension. */
 329 table.cal_month {
 330   border-collapse: collapse;
 331   border: 1px solid #eee;
 332   width: 90%;
 333   margin-left: 5%;
 334   margin-right: 5%;
 335 }
 336
 337 table.cal_month th.cal_month_header {
 338   background-color: #eef;
 339 }
 340
 341 table.cal_month th.cal_month_header a.cal_month_left {
 342   margin-right: 2em;
 343 }
 344
 345 table.cal_month th.cal_month_header a.cal_month_right {
 346   margin-left: 2em;
 347 }
 348
 349 table.cal_month td.cal_month_events {
 350 }
 351
 352 table.cal_month td.cal_month_events ul {
 353   list-style: none;
 354   padding: 0px;
 355   margin: 0px;
 356 }
 357
 358 table.cal_month td.cal_month_events li {
 359   display: inline;
 360   margin-right: 2em;
 361 }
 362
 363 table.cal_month tr.cal_month_row {
 364   border: 1px solid #eef;
 365   font-size: 0.7em;
 366 }
 367
 368 table.cal_month tr.cal_month_weekend {
 369   background-color: #fef;
 370 }
 371
 372 table.cal_month tr.cal_month_row th {
 373   text-align: right;
 374   background-color: #eef;
 375   border: 1px solid #fff;
 376   padding-right: 1em;
 377   width: 4em;
 378 }
 379
 380 table.cal_month tr.cal_month_row td {
 381 }
 382
 383 table.cal_month tr.cal_month_row ul {
 384   list-style: none;
 385   padding: 0px;
 386   margin: 0px;
 387 }
 388
 389 table.cal_month tr.cal_month_row li {
 390   display: inline;
 391   margin-right: 2em;
 392 }
 393
 394 table.cal_year {
 395   border-collapse: collapse;
 396   border: 1px solid #eee;
 397   width: 90%;
 398   margin-left: 5%;
 399   margin-right: 5%;
 400 }
 401
 402 table.cal_year th.cal_year_header {
 403   background-color: #eef;
 404 }
 405
 406 table.cal_year th.cal_year_header a.cal_year_left {
 407   margin-right: 2em;
 408 }
 409
 410 table.cal_year th.cal_year_header a.cal_year_right {
 411   margin-left: 2em;
 412 }
 413
 414 table.cal_year td.cal_year_month {
 415   vertical-align: top;
 416 }
 417
 418 table.cal_year_1m th.cal_year_1m_header {
 419   background-color: #eef;
 420 }
 421
 422 table.cal_year_1m th.cal_year_1m_header_weekend {
 423   background-color: #fef;
 424 }
 425
 426 /*
 427 table.cal_year_1m tr.cal_year_1m_row td {
 428   height: 1.4em;
 429 }
 430 */
 431
 432 table.cal_year_1m tr.cal_year_1m_row a {
 433   text-decoration: none;
 434 }
 435
 436 table.cal_year_1m tr.cal_year_1m_row td.cal_year_1m_weekend {
 437   background-color: #fef;
 438 }
 439
 440 table.cal_year_1m tr.cal_year_1m_row td.cal_year_1m_events {
 441   border: 2px solid #000;
 442 }
 443
 444 /*
 445 table.cal_year_1m tr.cal_year_1m_row td.cal_year_1m_empty {
 446   background: url(/_graphics/pinkhatch.png) repeat;
 447 }
 448 */
 449
 450 table.cal_year td.cal_year_events ul {
 451   list-style: none;
 452   padding: 0px;
 453   margin: 0px;
 454 }
 455
 456 table.cal_year td.cal_year_events li {
 457   display: inline;
 458   margin-right: 2em;
 459 }
 460
 461 table.cal_day {
 462   border-collapse: collapse;
 463   border: 1px solid #eee;
 464   width: 90%;
 465   margin-left: 5%;
 466   margin-right: 5%;
 467 }
 468
 469 table.cal_day ul {
 470   list-style: none;
 471   padding: 0px;
 472   margin: 0px;
 473 }
 474
 475 table.cal_day li {
 476   display: inline;
 477   margin-right: 2em;
 478 }
 479
 480 table.cal_day a.cal_day_left {
 481   margin-right: 2em;
 482 }
 483
 484 table.cal_day a.cal_day_right {
 485   margin-left: 2em;
 486 }
 487
 488 /* For print media. */
 489 @media print {
 490   /* Move the body up (no top menu anymore). */
 491   body { margin-top: 4em; }
 492
 493   /* Hide the navigation. */
 494   div#search_div { display: none; }
 495   div#navigation_div { display: none; }
 496   ul#topmenu { display: none; }
 497   div#menu_div { display: none; }
 498   p.edit_link { display: none; }
 499
 500   /* Display the target of external links. */
 501   a.external {
 502     background: none;
 503     padding-right: 0px;
 504   }
 505   a.external:after {
 506     content: " [" attr(href) "]";
 507   }
 508   a.mailto:after {
 509     background: none;
 510     padding-right: 0px;
 511   }
 512   a.mailto:after {
 513     content: " [" attr(href) "]";
 514   }
 515 }