html/_css/standard.css

   1 /* Stylesheet for COCANWIKI.
   2  * $Id: standard.css,v 1.18 2004/10/21 18:02:48 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 /* Outdent headers in the content div. */
  50 div#content_div h2, div#content_div h3, div#content_div h4 {
  51   margin-left: -2em;
  52 }
  53
  54 /* IE is a piece of crap. */
  55 * html h2, * html h3, * html h4 {
  56   margin-left: 0px;
  57 }
  58
  59 /* Ordinary text. */
  60 div#content_div {
  61   margin-left: 3em;
  62   width: 30em;
  63   min-height: 22em;
  64 }
  65
  66 div#content_div p {
  67   text-indent: 1em;
  68 }
  69
  70 /* Don't indent the first paragraph. */
  71 div#content_div p.first_para {
  72   text-indent: 0px;
  73 }
  74
  75 /* Make <code> sections slightly larger in Gecko browsers. */
  76 code {
  77   font-size: 1.2em;
  78 }
  79
  80 * html code {
  81   font-size: 1em;
  82 }
  83
  84 /* Abbreviations should be in smallcaps. */
  85 abbr, acronym {
  86   font-variant: smallcaps;
  87 }
  88
  89 /* Preformatted text. */
  90 pre {
  91   margin-left: 1em;
  92   background-color: #fefefe;
  93   padding: 3px;
  94   border: solid 1px #eee;
  95 }
  96
  97 /* Images.  (Try setting 'class' on an image). */
  98 img.border {
  99   border: 1px solid #000;
 100   margin: 0.3em;
 101 }
 102
 103 img.right_float {
 104   float: right;
 105   margin: 0.3em;
 106 }
 107
 108 img.right_float_border {
 109   border: 1px solid #000;
 110   float: right;
 111   margin: 0.3em;
 112 }
 113
 114 img.left_float {
 115   float: left;
 116   margin: 0.3em;
 117 }
 118
 119 img.left_float_border {
 120   border: 1px solid #000;
 121   float: left;
 122   margin: 0.3em;
 123 }
 124
 125 /* Edit links. */
 126 p.edit_link {
 127   margin: 6px 0px 0px 0px;
 128   padding-right: 12px;
 129   float: right;
 130 }
 131
 132 /* Menus. */
 133 ul.menu {
 134   padding: 0px;
 135   margin-left: 1em;
 136   list-style: none;
 137 }
 138
 139 ul.menu li {
 140   display: inline;
 141   border-left: 1px solid #666;
 142   padding-left: 5px;
 143 }
 144
 145 ul.menu li.first {
 146   border-left: none;
 147   padding-left: 0px;
 148 }
 149
 150 ul#topmenu {
 151   position: absolute;
 152   top: 3em;
 153   left: 0.8em;
 154 }
 155
 156 ul#footer {
 157   text-align: center;
 158   font-size: 70%;
 159 }
 160
 161 /* Sitemap page. */
 162 ul#sitemap {
 163   list-style: none;
 164   margin-left: 0px;
 165   padding-left: 0px;
 166 }
 167
 168 ul#sitemap p.content {
 169   margin-top: 0px;
 170   margin-bottom: 0px;
 171   font-size: 0.7em;
 172 }
 173
 174 ul#sitemap p.info {
 175   margin-top: 0px;
 176   margin-bottom: 0px;
 177   font-size: 0.7em;
 178 }
 179
 180 ul#sitemap p.info a {
 181   color: green;
 182   text-decoration: none;
 183 }
 184
 185 /* Recent changes list. */
 186 ul#recent_changes {
 187   list-style: none;
 188   margin-left: 0px;
 189   padding-left: 0px;
 190 }
 191
 192 ul#recent_changes span.date {
 193   display: block;
 194   float: left;
 195   width: 8.5em;
 196 }
 197
 198 /* History list. */
 199 ul#history {
 200   list-style: none;
 201   margin-left: 0px;
 202   padding-left: 0px;
 203 }
 204
 205 ul#history span.date {
 206   display: block;
 207   float: left;
 208   width: 8.5em;
 209 }
 210
 211 /* Forms. */
 212 form > table {
 213   margin-left: auto;
 214   margin-right: auto;
 215 }
 216
 217 input:focus {
 218   background-color: #eef;
 219 }
 220
 221 textarea:focus {
 222   background-color: #eef;
 223 }
 224
 225 /* Search box. */
 226 div#search_div {
 227   position: absolute;
 228   left: 50%;
 229   width: 49%;
 230   top: 0.95em;
 231   text-align: right;
 232 }
 233
 234 /* WikiForms - hide the edit link for the top section. */
 235 div#form_div p.edit_link {
 236   display: none;
 237 }
 238
 239 /* Navigation area.
 240  * The navigation_space_div reserves the space for the div and appears
 241  * at the beginning of the page (but is empty).
 242  */
 243 div#navigation_space_div {
 244   float: right;
 245   width: 10em;
 246   height: 22em;
 247   background: #fff;
 248   margin-left: 1em;
 249 }
 250
 251 div#navigation_div {
 252   position: absolute;
 253   right: 1em;
 254   top: 6em;
 255   width: 10em;
 256   height: 22em;
 257   line-height: 1em;
 258 }
 259
 260 div#navigation_div h2 {
 261   display: none;
 262 }
 263
 264 div#navigation_div h3 {
 265   margin-left: 1em;
 266   margin-top: -0.5em;
 267   font-size: 70%;
 268 }
 269
 270 div#navigation_div ul {
 271   font-size: 70%;
 272   margin-top: -1em;
 273   margin-left: -1em;
 274 }
 275
 276 /* The "* html" causes this rule to only be applied to IE 5/6. */
 277 * html div#navigation_div li {
 278   line-height: 1.2em;
 279   margin-left: 3em;
 280   padding-left: 0px;
 281 }