style/global.css

   1 body
   2 {
   3         background-color: #C4DDEC;
   4         padding: 0 1em;
   5         font-size:12px;
   6         font-family: Arial, sans-serif;
   7 }
   8
   9 a
  10 {
  11         color: #000;
  12 }
  13         a:hover
  14         {
  15                 text-decoration: none;
  16         }
  17
  18 #notice
  19 {
  20         border: 2px solid #94B8CD;
  21         background-color: #DAEDF8;
  22         padding: 0.5em;
  23 }
  24
  25
  26 h1
  27 {
  28         text-align: center;
  29         font-size: 17px;
  30 }
  31         h1 a
  32         {
  33                 text-decoration: none;
  34                 color: #000;
  35         }
  36
  37 h2
  38 {
  39         font-size: 16px;
  40 }
  41         h2 a
  42         {
  43                 text-decoration: none;
  44         }
  45         h2 a:hover
  46         {
  47                 text-decoration: underline;
  48         }
  49
  50 h3
  51 {
  52         background-color: #94B8CD;
  53         font-size: 12px;
  54         font-weight: normal;
  55         margin: 0;
  56         padding: 0.5em;
  57 }
  58         h3#preview,
  59         h3#error ,
  60         h3#replying_to
  61         {
  62                 font-weight: bold;
  63         }
  64         .reply_id
  65         {
  66                 float: right;
  67                 text-align: right;
  68                 vertical-align: middle;
  69         }
  70
  71 h4.section
  72 {
  73         font-size: 15px;
  74         margin-bottom: 7px;
  75 }
  76
  77 h4.user
  78 {
  79         font-size: 14px;
  80         margin: 0 0 0.5em 0;
  81 }
  82
  83 .body
  84 {
  85         background-color: #DAEDF8;
  86         margin: 0;
  87         padding: 0.5em;
  88         overflow: hidden;
  89         line-height: 1.5em;
  90 }
  91         .body img
  92         {
  93                 border: none;
  94                 float: left;
  95                 margin-bottom: 6px;
  96                 margin-right: 7px;
  97         }
  98
  99         span.quote
 100         {
 101                 color: #3C6D8A;
 102         }
 103         .standalone
 104         {
 105                 margin-bottom: 1em;
 106         }
 107         .highlighted
 108         {
 109                 background-color: #FFF;
 110         }
 111         .body ul.menu
 112         {
 113                 text-align: right;
 114                 margin: 0.5em 0 0 0;
 115                 clear: both;
 116         }
 117                 .body ul.menu li
 118                 {
 119                         margin: 0 0 0 0.5em;
 120                 }
 121
 122                 .body ul.menu li,
 123                 .body ul.menu li a,
 124                 .body ul.menu li span
 125                 {
 126                         font-size: 10px;
 127                 }
 128
 129 label
 130 {
 131         font-weight: bold;
 132 }
 133         label.common
 134         {
 135                 padding-right: .5em;
 136                 text-align: right;
 137                 width: 15em;
 138                 float: left;
 139         }
 140
 141
 142 input,
 143 textarea
 144 {
 145         display: block;
 146 }
 147
 148 textarea
 149 {
 150         width: 100%;
 151         font-family: monospace;
 152 }
 153
 154 input[type="text"]:focus, input[type="password"]:focus, textarea:focus
 155 {
 156         outline:1px solid #77A5BF;
 157 }
 158
 159 fieldset {
 160         margin: 1em 0;
 161 }
 162         legend
 163         {
 164                 font-weight: bold;
 165         }
 166
 167 ul.body,
 168 ul.error_message
 169 {
 170         list-style-type: none;
 171 }
 172
 173 ul.error_message
 174 {
 175         padding: 0;
 176         margin: 0;
 177 }
 178         ul.error_message li
 179         {
 180                 font-style: italic;
 181                 padding: .2em;
 182         }
 183
 184 ul.menu
 185 {
 186         text-align: center;
 187         margin: 1em;
 188 }
 189         ul.menu li
 190         {
 191                 display: inline;
 192                 margin: 0 1em 0 1em;
 193                 font-weight: bold;
 194         }
 195         ul#main_menu
 196         {
 197         margin: 0 0 1em 0;
 198         padding: 0.5em;
 199         background-color: #94B8CD;
 200         }
 201
 202
 203 ul.stuff
 204 {
 205         margin-bottom: 2em;
 206 }
 207         ul.stuff li
 208         {
 209                 margin-bottom: 0.5em;
 210         }
 211
 212 table
 213 {
 214         width: 100%;
 215         border-collapse: collapse;
 216         margin-bottom: 1em;
 217 }
 218
 219         table th
 220         {
 221                 text-align: left;
 222                 background-color: #94B8CD;
 223                 padding: 0.5em;
 224         }
 225
 226         table td
 227         {
 228                 padding: 0.5em;
 229                 background-color: #DAEDF8;
 230                 vertical-align: top;
 231         }
 232
 233         table tr.odd td
 234         {
 235                 background-color: #D4EBF7;
 236         }
 237
 238         table tr:hover td
 239         {
 240                 background-color: #FFF;
 241         }
 242
 243         table .minimal
 244         {
 245                 white-space: nowrap;
 246                 width: 1%;
 247         }
 248
 249 .reply_body_snippet,
 250 .snippet
 251 {
 252         font-style: italic;
 253 }
 254
 255 .topic_headline a,
 256 .reply_body_snippet a,
 257 .snippet a
 258 {
 259         font-weight: bold;
 260 }
 261
 262         .topic_headline a:visited
 263         {
 264                 font-weight: normal;
 265         }
 266
 267 em.marked
 268 {
 269         background-color: #FF9;
 270         font-weight: bold;
 271         font-style: normal;
 272 }
 273
 274 .unimportant,
 275 .unimportant *
 276 {
 277         font-size: 10px;
 278 }
 279
 280 .row
 281 {
 282         margin-bottom: 1em;
 283 }
 284
 285 p.caption
 286 {
 287         margin-top: 2px;
 288         font-size: 11px;
 289 }
 290
 291 .inline
 292 {
 293         display: inline;
 294 }
 295
 296 .noscreen
 297 {
 298         display: none;
 299 }
 300
 301 .help
 302 {
 303         cursor: help;
 304 }
 305
 306 #last_seen_marker
 307 {
 308         border-top: 2px solid #94B8CD;
 309 }
 310
 311 #snapback_link
 312 {
 313         position: fixed;
 314         left: 2px;
 315         top: 50%;
 316 }
 317
 318         #snapback_link a
 319         {
 320                 text-decoration: none;
 321         }