html/_css/standard.css

   1 /* Stylesheet for COCANWIKI.
   2  * $Id: standard.css,v 1.31 2006/08/18 14:46:04 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 /* Folding headings. */
  15 @import url("folding.css");
  16
  17 /* For print media. */
  18 @import url("print.css");
  19
  20 body {
  21   background: #fff;
  22   color: #000;
  23   font-family: trebuchet ms, palatino, georgia, arial, helvetica, sans-serif;
  24   margin-top: 6em;
  25   line-height: 1.35em;
  26 }
  27
  28 /* Headers. */
  29 h1 {
  30   background-color: #fff;
  31   border-bottom: 1px solid #000;
  32   position: absolute;
  33   top: 0px;
  34   left: 0px;
  35   font-size: 140%;
  36   width: 95%;
  37   padding-left: 2em;
  38 }
  39
  40 h2 {
  41   color: #666;
  42   border-top: 1px dashed #ddd;
  43   padding: 6px 3px 3px 3px;
  44   font-size: 120%;
  45 }
  46
  47 h3, h4 {
  48   color: #555;
  49   font-size: 100%;
  50 }
  51
  52 /* Ordinary text. */
  53 div#content_div {
  54   margin-left: 3em;
  55   width: 30em;
  56   min-height: 22em;
  57 }
  58
  59 /* Outdent headers in the content div. */
  60 div#content_div h2, div#content_div h3, div#content_div h4 {
  61   margin-left: -2em;
  62 }
  63
  64 /* ... except on IE which can't handle it. */
  65 * html div#content_div h2, * html div#content_div h3, * html div#content_div h4 {
  66   margin-left: 0px;
  67 }
  68
  69 /* Lists. */
  70 div#content_div ul {
  71   margin-left: 0px;
  72   padding-left: 0px;
  73 }
  74
  75 div#content_div ol {
  76   margin-left: 0px;
  77   padding-left: 0px;
  78 }
  79
  80 /* ... except on IE, piece of crap. */
  81 * html div#content_div ul {
  82   margin-left: 1em;
  83   padding-left: 1em;
  84 }
  85 * html div#content_div ol {
  86   margin-left: 1em;
  87   padding-left: 1em;
  88 }
  89
  90 /* Make <code> sections slightly larger in Gecko browsers. */
  91 code {
  92   font-size: 1.2em;
  93 }
  94
  95 * html code {
  96   font-size: 1em;
  97 }
  98
  99 /* Abbreviations should be in smallcaps. */
 100 abbr, acronym {
 101   font-variant: small-caps;
 102 }
 103
 104 /* Preformatted text. */
 105 pre {
 106   margin-left: 1em;
 107   background-color: #fefefe;
 108   padding: 3px;
 109   border: solid 1px #eee;
 110 }
 111
 112 /* Images.  (Try setting 'class' on an image). */
 113 img.border {
 114   border: 1px solid #000;
 115   margin: 0.3em;
 116 }
 117
 118 img.right_float {
 119   float: right;
 120   margin: 0.3em;
 121 }
 122
 123 img.right_float_border {
 124   border: 1px solid #000;
 125   float: right;
 126   margin: 0.3em;
 127 }
 128
 129 img.left_float {
 130   float: left;
 131   margin: 0.3em;
 132 }
 133
 134 img.left_float_border {
 135   border: 1px solid #000;
 136   float: left;
 137   margin: 0.3em;
 138 }
 139
 140 /* Special effects.  (Try setting 'CSS class' on a section). */
 141 div.leftcol {
 142   width: 45%;
 143 }
 144 div.leftcol h2, div.leftcol p.edit_link {
 145   display: none;
 146 }
 147
 148 div.rightcol {
 149   width: 45%;
 150   float: right;
 151   position: relative;
 152   top: -16px;
 153 }
 154 * html div.rightcol {
 155   top: 0px;
 156 }
 157 div.rightcol h2, div.rightcol p.edit_link {
 158   display: none;
 159 }
 160
 161 div.clearboth {
 162   clear: both;
 163 }
 164
 165 div.sticker {
 166   border: 2px outset #000;
 167   background-color: #fcfcfc;
 168   padding: 12px;
 169   -moz-border-radius: 10px;
 170   border-radius: 10px; /* CSS3 */
 171 }
 172 div.sticker h2, div.sticker p.edit_link {
 173   display: none;
 174 }
 175
 176 div.product_right img {
 177   float: right;
 178   border: none;
 179   margin-left: 2em;
 180   margin-bottom: 0.5em;
 181 }
 182
 183 div.product_left img {
 184   float: left;
 185   border: none;
 186   margin-right: 2em;
 187   margin-bottom: 0.5em;
 188 }
 189
 190 /* Edit links. */
 191 p.edit_link {
 192   margin: 6px 0px 0px 0px;
 193   padding-right: 12px;
 194   float: right;
 195 }
 196
 197 /* Menus. */
 198 ul.menu {
 199   padding: 0px;
 200   margin-left: 1em;
 201   list-style: none;
 202 }
 203
 204 ul.menu li {
 205   display: inline;
 206   border-left: 1px solid #666;
 207   padding-left: 5px;
 208 }
 209
 210 ul.menu li.first {
 211   border-left: none;
 212   padding-left: 0px;
 213 }
 214
 215 ul#topmenu {
 216   position: absolute;
 217   top: 3em;
 218   left: 0.8em;
 219 }
 220
 221 ul#footer {
 222   text-align: center;
 223   font-size: 70%;
 224 }
 225
 226 /* Graphics on the menu items. */
 227 li.edit_li a {
 228   padding-left: 16px;
 229   background: url(/_graphics/edit.png) center left no-repeat;
 230 }
 231
 232 li.files_li a {
 233   padding-left: 18px;
 234   background: url(/_graphics/files.png) center left no-repeat;
 235 }
 236
 237 li.home_li a {
 238   padding-left: 16px;
 239   background: url(/_graphics/home.png) center left no-repeat;
 240 }
 241
 242 li.images_li a {
 243   padding-left: 18px;
 244   background: url(/_graphics/images.png) center left no-repeat;
 245 }
 246
 247 li.maillist_li a {
 248   padding-left: 18px;
 249   background: url(/_graphics/maillist.png) center left no-repeat;
 250 }
 251
 252 li.new_li a {
 253   padding-left: 16px;
 254   background: url(/_graphics/new.png) center left no-repeat;
 255 }
 256
 257 li.recent_li a {
 258   padding-left: 18px;
 259   background: url(/_graphics/recent.png) center left no-repeat;
 260 }
 261
 262 li.sitemap_li a {
 263   padding-left: 18px;
 264   background: url(/_graphics/sitemap.png) center left no-repeat;
 265 }
 266
 267 li.stats_li a {
 268   padding-left: 18px;
 269   background: url(/_graphics/stats.png) center left no-repeat;
 270 }
 271
 272 li.stylesheet_li a {
 273   padding-left: 16px;
 274   background: url(/_graphics/edit.png) center left no-repeat;
 275 }
 276
 277 li.versions_li a {
 278   padding-left: 18px;
 279   background: url(/_graphics/versions.png) center left no-repeat;
 280 }
 281
 282 li.wlh_li a {
 283   padding-left: 18px;
 284   background: url(/_graphics/wlh.png) center left no-repeat;
 285 }
 286
 287 /* Recent changes list. */
 288 ul#recent_changes {
 289   list-style: none;
 290   margin-left: 0px;
 291   padding-left: 0px;
 292 }
 293
 294 ul#recent_changes span.date {
 295   display: block;
 296   float: left;
 297   width: 9em;
 298 }
 299
 300 /* History list. */
 301 ul#history {
 302   list-style: none;
 303   margin-left: 0px;
 304   padding-left: 0px;
 305 }
 306
 307 ul#history span.date {
 308   display: block;
 309   float: left;
 310   width: 9em;
 311 }
 312
 313 /* Forms. */
 314 form > table {
 315   margin-left: auto;
 316   margin-right: auto;
 317 }
 318
 319 input:focus {
 320   background-color: #eef;
 321 }
 322
 323 textarea:focus {
 324   background-color: #eef;
 325 }
 326
 327 /* Search box. */
 328 div#search_div {
 329   position: absolute;
 330   left: 50%;
 331   width: 49%;
 332   top: 0.95em;
 333   text-align: right;
 334 }
 335
 336 /* WikiForms - hide the edit link for the top section. */
 337 div#form_div p.edit_link {
 338   display: none;
 339 }
 340
 341 /* Navigation area.
 342  * The navigation_space_div reserves the space for the div and appears
 343  * at the beginning of the page (but is empty).
 344  */
 345 div#navigation_space_div {
 346   float: right;
 347   width: 10em;
 348   height: 22em;
 349   background: #fff;
 350   margin-left: 1em;
 351 }
 352
 353 div#navigation_div {
 354   position: absolute;
 355   right: 1em;
 356   top: 6em;
 357   width: 10em;
 358   height: 22em;
 359   line-height: 1em;
 360 }
 361
 362 div#navigation_div h2 {
 363   display: none;
 364 }
 365
 366 div#navigation_div h3 {
 367   margin-left: 1em;
 368   margin-top: -0.5em;
 369   font-size: 70%;
 370 }
 371
 372 div#navigation_div ul {
 373   font-size: 70%;
 374   margin-top: -1em;
 375   margin-left: -1em;
 376 }
 377
 378 /* The "* html" causes this rule to only be applied to IE 5/6. */
 379 * html div#navigation_div li {
 380   line-height: 1.2em;
 381   margin-left: 3em;
 382   padding-left: 0px;
 383 }
 384
 385 /* Default for branding section.  The default doesn't claim to be very
 386  * helpful.  If you enabled branding on the site, you should abs-position
 387  * the branding_div, and indeed probably replace it with a logo at the
 388  * top of each page.
 389  */
 390 div#branding_div {
 391   width: 30%;
 392   float: right;
 393   font-size: 0.7em;
 394 }
 395
 396 div#branding_div h2 {
 397   border: none;
 398   margin: 0px;
 399   padding: 0px;
 400 }
 401
 402 div#branding_div p {
 403   margin: 0px;
 404   padding: 0px;
 405 }
 406
 407 div#branding_div p#brand_description {
 408   display: none;
 409 }