html/_css/standard.css

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