web/home/style.css

   1 /* -------  Layout CSS (Centered Fixed Width) ------ */
   2
   3 body {
   4   font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
   5   font-size: 12px;
   6   margin: 0;
   7   padding: 0;
   8   text-align: center; /* IE 5.5 hack */
   9 }
  10 #farouter {
  11         background: #ffffff;
  12         width: 760px;
  13         border: 1px solid #3A291F;
  14         margin: 20px auto 20px auto;
  15         text-align: left; /* IE 5.5 hack part II */
  16 }
  17 #outer {}
  18 #rap {}
  19 #masthead {
  20         letter-spacing: 0.2em;
  21         margin: 8px 8px 0 8px;
  22         padding: 0 10px 10px 60px;
  23         font: normal 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  24         height: 85px;
  25 }
  26 #main { padding-left:35px; }
  27 #content { float: left; width: 490px; }
  28 #content_wide { padding-right:35px; }
  29 #content_home { float: left; width: 490px; padding-top: 0px; }
  30 #menu { float: right; width: 175px; margin-right: 10px; border-left: 1px dashed #2050A0; }
  31 #nav { padding-left: 10px; }
  32 #logo { padding-top: 25px; padding-left: 12px; }
  33 #hmenu { margin: 8px; height: 30px; }
  34 #hnav { margin: 0; padding: 0; }
  35 #clearer { clear: both; margin: 0; padding: 0; }
  36 #footer { margin: 8px 8px 8px 8px; }
  37
  38 /* ----------------- Color CSS ------------------------ */
  39
  40 body { background: #2050A0; color:#333; }
  41 #rap { background: #ffffff; }
  42 #masthead { background-image: url('sb.gif'); background-repeat: no-repeat; }
  43 #footer { background: #2050A0; }
  44 #hnav { background: #2050A0; }
  45 a { color: #2050A0; text-decoration: none; }
  46 a:visited { color: #2050A0; text-decoration: none; }
  47 a:hover { color: #2050A0; text-decoration: underline; }
  48 acronym, abbr { border-bottom: #333; }
  49 blockquote { border-left: #2F700F; color: #2F700F; }
  50 h2 { color: #17397A; font-size: 24px; font-weight: normal; }
  51 h3 a { color: #17397A; }
  52 h3 a:hover { color: #17397A; }
  53 h3 a:visited { color: #17397A; }
  54 .meta { color: #1F6710 }
  55 .meta a { color: #001700; }
  56 .feedback a { color: #001700; }
  57
  58 /* -------- Core CSS --------- */
  59
  60
  61 a { text-decoration: none; font-weight:bold; }
  62 a img { border: none; }
  63 acronym, abbr { border-bottom: 1px dashed; }
  64 acronym, abbr, span.caps { cursor: help; font-size: 90%; letter-spacing: .07em; }
  65 blockquote { border-left: 3px solid #2F700F; border-bottom: 3px solid #2F700F; margin-left: 1.5em; padding-left: 5px; }
  66 cite { font-size: 90%; font-style: normal; }
  67 #header a:hover { text-decoration: underline; }
  68 h1 { margin: 0; padding: 20px; text-align: right; }
  69 #hidden {display:none;}
  70
  71 h2 {
  72         font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  73         letter-spacing: 0.2em;
  74         margin: 0 20px 20px 0;
  75         padding: 20px 0 0 0;
  76 }
  77 h2#tagline {
  78         margin-right: 25px;
  79         padding:0;
  80         text-align: right;
  81 /*      color: #F2EEEC; */
  82         border: 0px none;
  83         margin-left:0;
  84         margin-top:0;
  85         margin-bottom:0
  86 }
  87
  88 .post h2 {
  89         font: 100% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  90         letter-spacing: 0.2em;
  91         margin: 0 20px 0 30px;
  92         padding: 20px 0 30px 0;
  93 }
  94 h3 {
  95         font: 24px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  96         margin-left: 0;
  97         margin-top: 30px;
  98         color: #17397A;
  99 }
 100 h3#comments { margin-left: 20px; }
 101 h3#respond { margin-left: 20px; }
 102 h4 {
 103         font-size: 16px;
 104         font-weight: normal;
 105 }
 106 ol#comments li p { font-size: 100%; }
 107 img {
 108         margin: 10px;
 109         padding: 10px;
 110         border: 0px solid #2F700F;
 111 }
 112 p, .feedback {
 113         font: 100%/175% 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
 114 }
 115 p {}
 116 .textarea { width:200px; margin:0; }
 117 #archvies {
 118         font: 150% normal 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
 119 }
 120
 121 /* ------------------------- Classes used by the_meta() --------------------- */
 122
 123 ul.post-meta {
 124         list-style: none;
 125 }
 126
 127 ul.post-meta span.post-meta-key {
 128         font-weight: bold;
 129 }
 130
 131 .credit {
 132   color: #fff;
 133   font-size: 90%;
 134   margin: 10px 0 0 0;
 135   padding: 3px;
 136   text-align: center;
 137 }
 138
 139 .credit a, .credit a:hover { color: #fff; text-decoration: none; }
 140 .feedback { text-align: right; clear: both; margin-right: 30px; font-size: 90% }
 141 .meta { font-size: .95em; }
 142 .meta li, ul.post-meta li { display: inline; }
 143 .meta ul { display: inline; list-style: none;margin: 0; padding: 0; }
 144 .meta, .meta a { font-weight: normal; letter-spacing: 0; }
 145 .post { margin: 35px 35px 20px 0; }
 146 .entrytext {margin-left: 30px; }
 147 .storytitle { margin-top: 10px; margin-bottom: 2px; }
 148 .storytitle a { text-decoration: none; }
 149 .storycontent { margin-bottom: 5px; border-bottom: 1px solid #2050A0; }
 150 #commentform { margin-left: 20px; }
 151 #commentform  #comment { width:450px; }
 152 #commentform #author, #commentform #email, #commentform #url, #commentform textarea {
 153         background: #fff; padding: .2em;
 154 }
 155 #commentform textarea { width:100%; }
 156 #commentlist li { border: 2px solid #2050A0; margin-bottom: 20px; padding-left: 20px; }
 157 #commentlist li ul { border-left: 1px solid #ddd; font-size: 110%; list-style-type: none; }
 158
 159 /* ----------  All menu styling except #menu itself (in layout above) ------- */
 160
 161 #nav form {
 162         margin: 0 0 0 13px;
 163 }
 164
 165 #nav input#s {
 166         width: 80%;
 167         background: #eee;
 168         border: 1px solid #999;
 169         color: #000;
 170 }
 171
 172 #nav ul li h2 {
 173         font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
 174         font-weight: normal;
 175         letter-spacing: 0.1em;
 176         border: 0px none;
 177         text-align: left;
 178         padding-left:0;
 179         margin-left: 0
 180 }
 181
 182 #nav ul ul ul.children {
 183         font-size: 100%;
 184         padding-left: 4px;
 185 }
 186
 187 #nav { width: 170px; }
 188
 189 #nav ul {
 190         margin-left: 0;
 191         padding-left: 0;
 192         padding-right: 4px;
 193         list-style-type: none;
 194         font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
 195         font-size: 95%;
 196 }
 197
 198 #nav a {
 199         display: block;
 200         padding-left: 17px;
 201         width: 130px;
 202         background-color: #FFF;
 203         background-image: url('/~scripts/home/images/icon.gif');
 204         background-repeat: no-repeat;
 205         background-position: 0 55%;
 206         border-bottom: 1px dotted #2050A0;
 207         padding-right:3px; padding-top:3px; padding-bottom:3px;
 208 }
 209
 210 #nav a.nobutt {
 211         background-image: none;
 212         border-bottom: none;
 213 }
 214
 215 #nav a.nobutt:hover {
 216         background-image: none;
 217         border-bottom: none;
 218 }
 219
 220 #nav a:link, #navlist a:visited {
 221         text-decoration: none;
 222 }
 223
 224 #nav a:hover {
 225         background-image: url('/~scripts/home/images/icon2.gif');
 226         color: #000
 227 }
 228
 229 #themeswitcher {
 230         font-size: 8px;
 231 }
 232
 233 /*------------- hnav------------*/
 234
 235 #hnav ul {
 236         text-align: center;
 237         padding-bottom: 5px;
 238         padding-top: 5px;
 239         padding-left: 0;
 240         margin-top: 0;
 241         /* cancels gap caused by top padding in Opera 7.54 */
 242         margin-left: 0;
 243         background-color: #2050A0;
 244         color: #F2EEEC;
 245         width: 100%;
 246         font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
 247         line-height: 18px;
 248         /* fixes Firefox 0.9.3 */
 249 }
 250
 251 #hnav ul li {
 252         display: inline;
 253         padding-left: 0;
 254         padding-right: 0;
 255         padding-bottom: 5px;
 256         /* matches link padding except for left and right */
 257         padding-top: 5px;
 258 }
 259
 260 #hnav ul li a {
 261         padding-left: 10px;
 262         padding-right: 10px;
 263         padding-bottom: 5px;
 264         padding-top: 5px;
 265         color: #F2EEEC;
 266         text-decoration: none;
 267         border-right: 1px solid #F2EEEC;
 268 }
 269
 270 #hnav ul li a:hover {
 271         background: #F2EEEC;
 272         color: #3A291F;
 273 }
 274
 275 #hnav #active { border-left: 1px solid #F2EEEC; }
 276
 277 /*------------- added ------------*/
 278
 279 .gravatar {
 280         float:left;
 281         padding: 3px;
 282         margin-right: 5px;
 283         margin-bottom: 5px;
 284         border: 1px solid #2F700F;
 285 }
 286
 287 #commentbox {
 288         background: #F2EEEC;
 289         border: 1px solid #2F700F;
 290         padding: 5px;
 291         margin-bottom: 15px;
 292 }
 293
 294 .commentby {
 295         font-size: 14px;
 296         text-transform: uppercase;
 297 }
 298 .commentinfo {
 299         font-size: 10px;
 300         margin-top: -10px;
 301         border-bottom: 1px soild #1F6710;
 302 }
 303
 304 .commentid {
 305         float: right;
 306         font-size: 24px;
 307         font-style: italic;
 308         padding-left: 10px;
 309         padding-right: 5px;
 310         padding-top: 5px;
 311         padding-bottom: 5px;
 312         color: #2050A0;
 313 }
 314
 315 .commentid a {
 316         color: #2050A0;
 317         text-decoration: none;
 318 }
 319
 320 .post ul li {
 321         padding: 0px;
 322         font-weight: normal;
 323         list-style: url('/~scripts/home/images/icon.gif');
 324         line-height: 1.5em;
 325 }
 326
 327 .post ul li:hover {
 328         padding: 0px;
 329         font-weight: normal;
 330         list-style: url('/~scripts/home/images/icon2.gif');
 331         line-height: 1.5em;
 332 }
 333