html/_css/standard.css

   1 /* Stylesheet for COCANWIKI.
   2  * $Id: standard.css,v 1.22 2004/10/23 09:36:10 rich Exp $
   3  */
   4
   5 /* Based on the basic stylesheet. */
   6 @import url("basic.css");
   7
   8 /* Tables. */
   9 @import url("tables.css");
  10
  11 /* Calendar extension. */
  12 @import url("calendar.css");
  13
  14 /* For print media. */
  15 @import url("print.css");
  16
  17 body {
  18   background: #fff;
  19   color: #000;
  20   font-family: trebuchet ms, palatino, georgia, arial, helvetica, sans-serif;
  21   margin-top: 6em;
  22   line-height: 1.35em;
  23 }
  24
  25 /* Headers. */
  26 h1 {
  27   background-color: #fff;
  28   border-bottom: 1px solid #000;
  29   position: absolute;
  30   top: 0px;
  31   left: 0px;
  32   font-size: 140%;
  33   width: 100%;
  34   padding-left: 2em;
  35 }
  36
  37 h2 {
  38   color: #666;
  39   border-top: 1px dashed #ddd;
  40   padding: 6px 3px 3px 3px;
  41   font-size: 120%;
  42 }
  43
  44 h3, h4 {
  45   color: #555;
  46   font-size: 100%;
  47 }
  48
  49 /* Ordinary text. */
  50 div#content_div {
  51   margin-left: 3em;
  52   width: 30em;
  53   min-height: 22em;
  54 }
  55
  56 /* Outdent headers in the content div. */
  57 div#content_div h2, div#content_div h3, div#content_div h4 {
  58   margin-left: -2em;
  59 }
  60
  61 /* ... except on IE which can't handle it. */
  62 * html div#content_div h2, * html div#content_div h3, * html div#content_div h4 {
  63   margin-left: 0px;
  64 }
  65
  66 /* Lists. */
  67 div#content_div ul {
  68   margin-left: 0px;
  69   padding-left: 0px;
  70 }
  71
  72 div#content_div ol {
  73   margin-left: 0px;
  74   padding-left: 0px;
  75 }
  76
  77 /* ... except on IE, piece of crap. */
  78 * html div#content_div ul {
  79   margin-left: 1em;
  80   padding-left: 1em;
  81 }
  82 * html div#content_div ol {
  83   margin-left: 1em;
  84   padding-left: 1em;
  85 }
  86
  87 /* Make <code> sections slightly larger in Gecko browsers. */
  88 code {
  89   font-size: 1.2em;
  90 }
  91
  92 * html code {
  93   font-size: 1em;
  94 }
  95
  96 /* Abbreviations should be in smallcaps. */
  97 abbr, acronym {
  98   font-variant: smallcaps;
  99 }
 100
 101 /* Preformatted text. */
 102 pre {
 103   margin-left: 1em;
 104   background-color: #fefefe;
 105   padding: 3px;
 106   border: solid 1px #eee;
 107 }
 108
 109 /* Images.  (Try setting 'class' on an image). */
 110 img.border {
 111   border: 1px solid #000;
 112   margin: 0.3em;
 113 }
 114
 115 img.right_float {
 116   float: right;
 117   margin: 0.3em;
 118 }
 119
 120 img.right_float_border {
 121   border: 1px solid #000;
 122   float: right;
 123   margin: 0.3em;
 124 }
 125
 126 img.left_float {
 127   float: left;
 128   margin: 0.3em;
 129 }
 130
 131 img.left_float_border {
 132   border: 1px solid #000;
 133   float: left;
 134   margin: 0.3em;
 135 }
 136
 137 /* Edit links. */
 138 p.edit_link {
 139   margin: 6px 0px 0px 0px;
 140   padding-right: 12px;
 141   float: right;
 142 }
 143
 144 /* Menus. */
 145 ul.menu {
 146   padding: 0px;
 147   margin-left: 1em;
 148   list-style: none;
 149 }
 150
 151 ul.menu li {
 152   display: inline;
 153   border-left: 1px solid #666;
 154   padding-left: 5px;
 155 }
 156
 157 ul.menu li.first {
 158   border-left: none;
 159   padding-left: 0px;
 160 }
 161
 162 ul#topmenu {
 163   position: absolute;
 164   top: 3em;
 165   left: 0.8em;
 166 }
 167
 168 ul#footer {
 169   text-align: center;
 170   font-size: 70%;
 171 }
 172
 173 /* Graphics on the menu items. */
 174 li.edit_li a {
 175   padding-left: 16px;
 176   background: url(/_graphics/edit.png) center left no-repeat;
 177 }
 178
 179 li.files_li a {
 180   padding-left: 18px;
 181   background: url(/_graphics/files.png) center left no-repeat;
 182 }
 183
 184 li.home_li a {
 185   padding-left: 16px;
 186   background: url(/_graphics/home.png) center left no-repeat;
 187 }
 188
 189 li.images_li a {
 190   padding-left: 18px;
 191   background: url(/_graphics/images.png) center left no-repeat;
 192 }
 193
 194 li.maillist_li a {
 195   padding-left: 18px;
 196   background: url(/_graphics/maillist.png) center left no-repeat;
 197 }
 198
 199 li.recent_li a {
 200   padding-left: 18px;
 201   background: url(/_graphics/recent.png) center left no-repeat;
 202 }
 203
 204 li.sitemap_li a {
 205   padding-left: 18px;
 206   background: url(/_graphics/sitemap.png) center left no-repeat;
 207 }
 208
 209 li.stylesheet_li a {
 210   padding-left: 16px;
 211   background: url(/_graphics/edit.png) center left no-repeat;
 212 }
 213
 214 li.versions_li a {
 215   padding-left: 18px;
 216   background: url(/_graphics/versions.png) center left no-repeat;
 217 }
 218
 219 li.wlh_li a {
 220   padding-left: 18px;
 221   background: url(/_graphics/wlh.png) center left no-repeat;
 222 }
 223
 224 /* Sitemap page. */
 225 ul#sitemap {
 226   list-style: none;
 227   margin-left: 0px;
 228   padding-left: 0px;
 229 }
 230
 231 ul#sitemap p.content {
 232   margin-top: 0px;
 233   margin-bottom: 0px;
 234   font-size: 0.7em;
 235 }
 236
 237 ul#sitemap p.info {
 238   margin-top: 0px;
 239   margin-bottom: 0px;
 240   font-size: 0.7em;
 241 }
 242
 243 ul#sitemap p.info a {
 244   color: green;
 245   text-decoration: none;
 246 }
 247
 248 /* Recent changes list. */
 249 ul#recent_changes {
 250   list-style: none;
 251   margin-left: 0px;
 252   padding-left: 0px;
 253 }
 254
 255 ul#recent_changes span.date {
 256   display: block;
 257   float: left;
 258   width: 8.5em;
 259 }
 260
 261 /* History list. */
 262 ul#history {
 263   list-style: none;
 264   margin-left: 0px;
 265   padding-left: 0px;
 266 }
 267
 268 ul#history span.date {
 269   display: block;
 270   float: left;
 271   width: 8.5em;
 272 }
 273
 274 /* Forms. */
 275 form > table {
 276   margin-left: auto;
 277   margin-right: auto;
 278 }
 279
 280 input:focus {
 281   background-color: #eef;
 282 }
 283
 284 textarea:focus {
 285   background-color: #eef;
 286 }
 287
 288 /* Search box. */
 289 div#search_div {
 290   position: absolute;
 291   left: 50%;
 292   width: 49%;
 293   top: 0.95em;
 294   text-align: right;
 295 }
 296
 297 /* WikiForms - hide the edit link for the top section. */
 298 div#form_div p.edit_link {
 299   display: none;
 300 }
 301
 302 /* Navigation area.
 303  * The navigation_space_div reserves the space for the div and appears
 304  * at the beginning of the page (but is empty).
 305  */
 306 div#navigation_space_div {
 307   float: right;
 308   width: 10em;
 309   height: 22em;
 310   background: #fff;
 311   margin-left: 1em;
 312 }
 313
 314 div#navigation_div {
 315   position: absolute;
 316   right: 1em;
 317   top: 6em;
 318   width: 10em;
 319   height: 22em;
 320   line-height: 1em;
 321 }
 322
 323 div#navigation_div h2 {
 324   display: none;
 325 }
 326
 327 div#navigation_div h3 {
 328   margin-left: 1em;
 329   margin-top: -0.5em;
 330   font-size: 70%;
 331 }
 332
 333 div#navigation_div ul {
 334   font-size: 70%;
 335   margin-top: -1em;
 336   margin-left: -1em;
 337 }
 338
 339 /* The "* html" causes this rule to only be applied to IE 5/6. */
 340 * html div#navigation_div li {
 341   line-height: 1.2em;
 342   margin-left: 3em;
 343   padding-left: 0px;
 344 }