html/_css/standard.css

   1 /* Stylesheet for COCANWIKI.
   2  * $Id: standard.css,v 1.28 2005/12/13 09:05:51 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: 95%;
  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: small-caps;
  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.new_li a {
 200   padding-left: 16px;
 201   background: url(/_graphics/new.png) center left no-repeat;
 202 }
 203
 204 li.recent_li a {
 205   padding-left: 18px;
 206   background: url(/_graphics/recent.png) center left no-repeat;
 207 }
 208
 209 li.sitemap_li a {
 210   padding-left: 18px;
 211   background: url(/_graphics/sitemap.png) center left no-repeat;
 212 }
 213
 214 li.stats_li a {
 215   padding-left: 18px;
 216   background: url(/_graphics/stats.png) center left no-repeat;
 217 }
 218
 219 li.stylesheet_li a {
 220   padding-left: 16px;
 221   background: url(/_graphics/edit.png) center left no-repeat;
 222 }
 223
 224 li.versions_li a {
 225   padding-left: 18px;
 226   background: url(/_graphics/versions.png) center left no-repeat;
 227 }
 228
 229 li.wlh_li a {
 230   padding-left: 18px;
 231   background: url(/_graphics/wlh.png) center left no-repeat;
 232 }
 233
 234 /* Sitemap page. */
 235 ul#sitemap {
 236   list-style: none;
 237   margin-left: 0px;
 238   padding-left: 0px;
 239 }
 240
 241 ul#sitemap p.content {
 242   margin-top: 0px;
 243   margin-bottom: 0px;
 244   font-size: 0.7em;
 245 }
 246
 247 ul#sitemap p.info {
 248   margin-top: 0px;
 249   margin-bottom: 0px;
 250   font-size: 0.7em;
 251 }
 252
 253 ul#sitemap p.info a {
 254   color: green;
 255   text-decoration: none;
 256 }
 257
 258 /* Recent changes list. */
 259 ul#recent_changes {
 260   list-style: none;
 261   margin-left: 0px;
 262   padding-left: 0px;
 263 }
 264
 265 ul#recent_changes span.date {
 266   display: block;
 267   float: left;
 268   width: 9em;
 269 }
 270
 271 /* History list. */
 272 ul#history {
 273   list-style: none;
 274   margin-left: 0px;
 275   padding-left: 0px;
 276 }
 277
 278 ul#history span.date {
 279   display: block;
 280   float: left;
 281   width: 9em;
 282 }
 283
 284 /* Forms. */
 285 form > table {
 286   margin-left: auto;
 287   margin-right: auto;
 288 }
 289
 290 input:focus {
 291   background-color: #eef;
 292 }
 293
 294 textarea:focus {
 295   background-color: #eef;
 296 }
 297
 298 /* Search box. */
 299 div#search_div {
 300   position: absolute;
 301   left: 50%;
 302   width: 49%;
 303   top: 0.95em;
 304   text-align: right;
 305 }
 306
 307 /* WikiForms - hide the edit link for the top section. */
 308 div#form_div p.edit_link {
 309   display: none;
 310 }
 311
 312 /* Navigation area.
 313  * The navigation_space_div reserves the space for the div and appears
 314  * at the beginning of the page (but is empty).
 315  */
 316 div#navigation_space_div {
 317   float: right;
 318   width: 10em;
 319   height: 22em;
 320   background: #fff;
 321   margin-left: 1em;
 322 }
 323
 324 div#navigation_div {
 325   position: absolute;
 326   right: 1em;
 327   top: 6em;
 328   width: 10em;
 329   height: 22em;
 330   line-height: 1em;
 331 }
 332
 333 div#navigation_div h2 {
 334   display: none;
 335 }
 336
 337 div#navigation_div h3 {
 338   margin-left: 1em;
 339   margin-top: -0.5em;
 340   font-size: 70%;
 341 }
 342
 343 div#navigation_div ul {
 344   font-size: 70%;
 345   margin-top: -1em;
 346   margin-left: -1em;
 347 }
 348
 349 /* The "* html" causes this rule to only be applied to IE 5/6. */
 350 * html div#navigation_div li {
 351   line-height: 1.2em;
 352   margin-left: 3em;
 353   padding-left: 0px;
 354 }
 355
 356 /* Default for branding section.  The default doesn't claim to be very
 357  * helpful.  If you enabled branding on the site, you should abs-position
 358  * the branding_div, and indeed probably replace it with a logo at the
 359  * top of each page.
 360  */
 361 div#branding_div {
 362   width: 30%;
 363   float: right;
 364   font-size: 0.7em;
 365 }
 366
 367 div#branding_div h2 {
 368   border: none;
 369   margin: 0px;
 370   padding: 0px;
 371 }
 372
 373 div#branding_div p {
 374   margin: 0px;
 375   padding: 0px;
 376 }
 377
 378 div#branding_div p#brand_description {
 379   display: none;
 380 }