html/_css/standard.css

   1 /* Stylesheet for COCANWIKI.
   2  * $Id: standard.css,v 1.12 2004/10/09 15:46:29 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 /* Calendar extension. */
 285 table.cal_month {
 286   border-collapse: collapse;
 287   border: 1px solid #eee;
 288   width: 90%;
 289   margin-left: 5%;
 290   margin-right: 5%;
 291 }
 292
 293 table.cal_month th.cal_month_header {
 294   background-color: #eef;
 295 }
 296
 297 table.cal_month th.cal_month_header a.cal_month_left {
 298   margin-right: 2em;
 299 }
 300
 301 table.cal_month th.cal_month_header a.cal_month_right {
 302   margin-left: 2em;
 303 }
 304
 305 table.cal_month td.cal_month_events {
 306 }
 307
 308 table.cal_month td.cal_month_events ul {
 309   list-style: none;
 310   padding: 0px;
 311   margin: 0px;
 312 }
 313
 314 table.cal_month td.cal_month_events li {
 315   display: inline;
 316   margin-right: 2em;
 317 }
 318
 319 table.cal_month tr.cal_month_row {
 320   border: 1px solid #eef;
 321   font-size: 0.7em;
 322 }
 323
 324 table.cal_month tr.cal_month_weekend {
 325   background-color: #fef;
 326 }
 327
 328 table.cal_month tr.cal_month_row th {
 329   text-align: right;
 330   background-color: #eef;
 331   border: 1px solid #fff;
 332   padding-right: 1em;
 333   width: 4em;
 334 }
 335
 336 table.cal_month tr.cal_month_row td {
 337 }
 338
 339 table.cal_month tr.cal_month_row ul {
 340   list-style: none;
 341   padding: 0px;
 342   margin: 0px;
 343 }
 344
 345 table.cal_month tr.cal_month_row li {
 346   display: inline;
 347   margin-right: 2em;
 348 }
 349
 350 table.cal_year {
 351   border-collapse: collapse;
 352   border: 1px solid #eee;
 353   width: 90%;
 354   margin-left: 5%;
 355   margin-right: 5%;
 356 }
 357
 358 table.cal_year th.cal_year_header {
 359   background-color: #eef;
 360 }
 361
 362 table.cal_year th.cal_year_header a.cal_year_left {
 363   margin-right: 2em;
 364 }
 365
 366 table.cal_year th.cal_year_header a.cal_year_right {
 367   margin-left: 2em;
 368 }
 369
 370 table.cal_year td.cal_year_month {
 371   vertical-align: top;
 372 }
 373
 374 table.cal_year_1m th.cal_year_1m_header {
 375   background-color: #eef;
 376 }
 377
 378 table.cal_year_1m th.cal_year_1m_header_weekend {
 379   background-color: #fef;
 380 }
 381
 382 /*
 383 table.cal_year_1m tr.cal_year_1m_row td {
 384   height: 1.4em;
 385 }
 386 */
 387
 388 table.cal_year_1m tr.cal_year_1m_row a {
 389   text-decoration: none;
 390 }
 391
 392 table.cal_year_1m tr.cal_year_1m_row td.cal_year_1m_weekend {
 393   background-color: #fef;
 394 }
 395
 396 table.cal_year_1m tr.cal_year_1m_row td.cal_year_1m_events {
 397   border: 2px solid #000;
 398 }
 399
 400 /*
 401 table.cal_year_1m tr.cal_year_1m_row td.cal_year_1m_empty {
 402   background: url(/_graphics/pinkhatch.png) repeat;
 403 }
 404 */
 405
 406 table.cal_year td.cal_year_events ul {
 407   list-style: none;
 408   padding: 0px;
 409   margin: 0px;
 410 }
 411
 412 table.cal_year td.cal_year_events li {
 413   display: inline;
 414   margin-right: 2em;
 415 }
 416
 417 table.cal_day {
 418   border-collapse: collapse;
 419   border: 1px solid #eee;
 420   width: 90%;
 421   margin-left: 5%;
 422   margin-right: 5%;
 423 }
 424
 425 table.cal_day ul {
 426   list-style: none;
 427   padding: 0px;
 428   margin: 0px;
 429 }
 430
 431 table.cal_day li {
 432   display: inline;
 433   margin-right: 2em;
 434 }
 435
 436 table.cal_day a.cal_day_left {
 437   margin-right: 2em;
 438 }
 439
 440 table.cal_day a.cal_day_right {
 441   margin-left: 2em;
 442 }
 443
 444 /* For print media. */
 445 @media print {
 446   /* Move the body up (no top menu anymore). */
 447   body { margin-top: 4em; }
 448
 449   /* Hide the navigation. */
 450   div#search_div { display: none; }
 451   ul#topmenu { display: none; }
 452   div#menu_div { display: none; }
 453   p.edit_link { display: none; }
 454
 455   /* Display the target of external links. */
 456   a.external {
 457     background: none;
 458     padding-right: 0px;
 459   }
 460   a.external:after {
 461     content: " [" attr(href) "]";
 462   }
 463   a.mailto:after {
 464     background: none;
 465     padding-right: 0px;
 466   }
 467   a.mailto:after {
 468     content: " [" attr(href) "]";
 469   }
 470 }