html/_css/standard.css

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