html/_css/standard.css

   1 /* Stylesheet for COCANWIKI.
   2  * $Id: standard.css,v 1.30 2006/08/17 11:19:58 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 /* Edit links. */
 141 p.edit_link {
 142   margin: 6px 0px 0px 0px;
 143   padding-right: 12px;
 144   float: right;
 145 }
 146
 147 /* Menus. */
 148 ul.menu {
 149   padding: 0px;
 150   margin-left: 1em;
 151   list-style: none;
 152 }
 153
 154 ul.menu li {
 155   display: inline;
 156   border-left: 1px solid #666;
 157   padding-left: 5px;
 158 }
 159
 160 ul.menu li.first {
 161   border-left: none;
 162   padding-left: 0px;
 163 }
 164
 165 ul#topmenu {
 166   position: absolute;
 167   top: 3em;
 168   left: 0.8em;
 169 }
 170
 171 ul#footer {
 172   text-align: center;
 173   font-size: 70%;
 174 }
 175
 176 /* Graphics on the menu items. */
 177 li.edit_li a {
 178   padding-left: 16px;
 179   background: url(/_graphics/edit.png) center left no-repeat;
 180 }
 181
 182 li.files_li a {
 183   padding-left: 18px;
 184   background: url(/_graphics/files.png) center left no-repeat;
 185 }
 186
 187 li.home_li a {
 188   padding-left: 16px;
 189   background: url(/_graphics/home.png) center left no-repeat;
 190 }
 191
 192 li.images_li a {
 193   padding-left: 18px;
 194   background: url(/_graphics/images.png) center left no-repeat;
 195 }
 196
 197 li.maillist_li a {
 198   padding-left: 18px;
 199   background: url(/_graphics/maillist.png) center left no-repeat;
 200 }
 201
 202 li.new_li a {
 203   padding-left: 16px;
 204   background: url(/_graphics/new.png) center left no-repeat;
 205 }
 206
 207 li.recent_li a {
 208   padding-left: 18px;
 209   background: url(/_graphics/recent.png) center left no-repeat;
 210 }
 211
 212 li.sitemap_li a {
 213   padding-left: 18px;
 214   background: url(/_graphics/sitemap.png) center left no-repeat;
 215 }
 216
 217 li.stats_li a {
 218   padding-left: 18px;
 219   background: url(/_graphics/stats.png) center left no-repeat;
 220 }
 221
 222 li.stylesheet_li a {
 223   padding-left: 16px;
 224   background: url(/_graphics/edit.png) center left no-repeat;
 225 }
 226
 227 li.versions_li a {
 228   padding-left: 18px;
 229   background: url(/_graphics/versions.png) center left no-repeat;
 230 }
 231
 232 li.wlh_li a {
 233   padding-left: 18px;
 234   background: url(/_graphics/wlh.png) center left no-repeat;
 235 }
 236
 237 /* Recent changes list. */
 238 ul#recent_changes {
 239   list-style: none;
 240   margin-left: 0px;
 241   padding-left: 0px;
 242 }
 243
 244 ul#recent_changes span.date {
 245   display: block;
 246   float: left;
 247   width: 9em;
 248 }
 249
 250 /* History list. */
 251 ul#history {
 252   list-style: none;
 253   margin-left: 0px;
 254   padding-left: 0px;
 255 }
 256
 257 ul#history span.date {
 258   display: block;
 259   float: left;
 260   width: 9em;
 261 }
 262
 263 /* Forms. */
 264 form > table {
 265   margin-left: auto;
 266   margin-right: auto;
 267 }
 268
 269 input:focus {
 270   background-color: #eef;
 271 }
 272
 273 textarea:focus {
 274   background-color: #eef;
 275 }
 276
 277 /* Search box. */
 278 div#search_div {
 279   position: absolute;
 280   left: 50%;
 281   width: 49%;
 282   top: 0.95em;
 283   text-align: right;
 284 }
 285
 286 /* WikiForms - hide the edit link for the top section. */
 287 div#form_div p.edit_link {
 288   display: none;
 289 }
 290
 291 /* Navigation area.
 292  * The navigation_space_div reserves the space for the div and appears
 293  * at the beginning of the page (but is empty).
 294  */
 295 div#navigation_space_div {
 296   float: right;
 297   width: 10em;
 298   height: 22em;
 299   background: #fff;
 300   margin-left: 1em;
 301 }
 302
 303 div#navigation_div {
 304   position: absolute;
 305   right: 1em;
 306   top: 6em;
 307   width: 10em;
 308   height: 22em;
 309   line-height: 1em;
 310 }
 311
 312 div#navigation_div h2 {
 313   display: none;
 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 /* The "* html" causes this rule to only be applied to IE 5/6. */
 329 * html div#navigation_div li {
 330   line-height: 1.2em;
 331   margin-left: 3em;
 332   padding-left: 0px;
 333 }
 334
 335 /* Default for branding section.  The default doesn't claim to be very
 336  * helpful.  If you enabled branding on the site, you should abs-position
 337  * the branding_div, and indeed probably replace it with a logo at the
 338  * top of each page.
 339  */
 340 div#branding_div {
 341   width: 30%;
 342   float: right;
 343   font-size: 0.7em;
 344 }
 345
 346 div#branding_div h2 {
 347   border: none;
 348   margin: 0px;
 349   padding: 0px;
 350 }
 351
 352 div#branding_div p {
 353   margin: 0px;
 354   padding: 0px;
 355 }
 356
 357 div#branding_div p#brand_description {
 358   display: none;
 359 }