html/_css/standard.css

   1 /* Stylesheet for COCANWIKI.
   2  * $Id: standard.css,v 1.20 2004/10/21 20:44:53 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 /* Sitemap page. */
 174 ul#sitemap {
 175   list-style: none;
 176   margin-left: 0px;
 177   padding-left: 0px;
 178 }
 179
 180 ul#sitemap p.content {
 181   margin-top: 0px;
 182   margin-bottom: 0px;
 183   font-size: 0.7em;
 184 }
 185
 186 ul#sitemap p.info {
 187   margin-top: 0px;
 188   margin-bottom: 0px;
 189   font-size: 0.7em;
 190 }
 191
 192 ul#sitemap p.info a {
 193   color: green;
 194   text-decoration: none;
 195 }
 196
 197 /* Recent changes list. */
 198 ul#recent_changes {
 199   list-style: none;
 200   margin-left: 0px;
 201   padding-left: 0px;
 202 }
 203
 204 ul#recent_changes span.date {
 205   display: block;
 206   float: left;
 207   width: 8.5em;
 208 }
 209
 210 /* History list. */
 211 ul#history {
 212   list-style: none;
 213   margin-left: 0px;
 214   padding-left: 0px;
 215 }
 216
 217 ul#history span.date {
 218   display: block;
 219   float: left;
 220   width: 8.5em;
 221 }
 222
 223 /* Forms. */
 224 form > table {
 225   margin-left: auto;
 226   margin-right: auto;
 227 }
 228
 229 input:focus {
 230   background-color: #eef;
 231 }
 232
 233 textarea:focus {
 234   background-color: #eef;
 235 }
 236
 237 /* Search box. */
 238 div#search_div {
 239   position: absolute;
 240   left: 50%;
 241   width: 49%;
 242   top: 0.95em;
 243   text-align: right;
 244 }
 245
 246 /* WikiForms - hide the edit link for the top section. */
 247 div#form_div p.edit_link {
 248   display: none;
 249 }
 250
 251 /* Navigation area.
 252  * The navigation_space_div reserves the space for the div and appears
 253  * at the beginning of the page (but is empty).
 254  */
 255 div#navigation_space_div {
 256   float: right;
 257   width: 10em;
 258   height: 22em;
 259   background: #fff;
 260   margin-left: 1em;
 261 }
 262
 263 div#navigation_div {
 264   position: absolute;
 265   right: 1em;
 266   top: 6em;
 267   width: 10em;
 268   height: 22em;
 269   line-height: 1em;
 270 }
 271
 272 div#navigation_div h2 {
 273   display: none;
 274 }
 275
 276 div#navigation_div h3 {
 277   margin-left: 1em;
 278   margin-top: -0.5em;
 279   font-size: 70%;
 280 }
 281
 282 div#navigation_div ul {
 283   font-size: 70%;
 284   margin-top: -1em;
 285   margin-left: -1em;
 286 }
 287
 288 /* The "* html" causes this rule to only be applied to IE 5/6. */
 289 * html div#navigation_div li {
 290   line-height: 1.2em;
 291   margin-left: 3em;
 292   padding-left: 0px;
 293 }