html/html/themes/maniac/include/style.css

   1 /*
   2
   3         Nonzero1.0 by nodethirtythree design
   4         http://www.nodethirtythree.com
   5         missing in a maze
   6
   7 */
   8
   9 /* This controls the width of the fluid width layouts */
  10
  11 div.fluid
  12 {
  13 width: 90% !important;
  14 }
  15
  16 /* This controls the width of the fixed width layouts */
  17
  18 div.fixed
  19 {
  20 width: 950px !important;
  21 }
  22
  23 /* Basic Stuff */
  24
  25 *
  26 {
  27 margin: 0em;
  28 padding: 0em;
  29 }
  30
  31 body
  32 {
  33 background-color: #000000;
  34 color: rgb(255,128,0);
  35 font-size: 9pt;
  36 font-family: "trebuchet ms", helvetica, sans-serif;
  37 }
  38
  39 h1,h2,h3,h4,h5,h6
  40 {
  41 background-color: #000000;
  42 font-weight: normal;
  43 letter-spacing: -1px;
  44 text-transform: lowercase;
  45 text-align: left;
  46 }
  47
  48 h3,h4,h5,h6
  49 {
  50 background-color: #000000;
  51 color: silver;
  52 }
  53
  54 h1 span
  55 {
  56 font-weight: bold;
  57 color: rgb(255,128,0);
  58 }
  59
  60 h3 span
  61 {
  62 background-color: #000000;
  63 font-weight: bold;
  64 }
  65
  66 h4 span
  67 {
  68 background-color: #000000;
  69 font-weight: bold;
  70 }
  71
  72 br.clear
  73 {
  74 background-color: #000000;
  75 clear: both;
  76 }
  77
  78 img
  79 {
  80 }
  81
  82 img.floatTL
  83 {
  84 float: left;
  85 margin-right: 1.5em;
  86 margin-bottom: 1.5em;
  87 margin-top: 0.5em;
  88 }
  89
  90 a
  91 {
  92 text-decoration: underline;
  93 color: white;
  94 }
  95
  96 a:hover
  97 {
  98 text-decoration: none;
  99 }
 100
 101 ul.links
 102 {
 103 list-style: none;
 104 }
 105
 106 ul.links li
 107 {
 108 line-height: 2em;
 109 }
 110
 111 ul.links li.first
 112 {
 113 }
 114
 115 p
 116 {
 117 line-height: 1.8em;
 118 }
 119
 120 /* Header */
 121
 122 #header
 123 {
 124 width:100%;
 125 height:100px;
 126 background: #000000 url('/themes/maniac/images/b1.gif') repeat-x;
 127 }
 128
 129 #header_inner
 130 {
 131 position: relative;
 132 width: 700px;
 133 height:110px;
 134 margin: 0 auto;
 135 }
 136
 137 /* Logo */
 138
 139 #logo
 140 {
 141 position: absolute;
 142 bottom: 0.6em;
 143 }
 144
 145 #logo h1
 146 {
 147 display: inline;
 148 color: #fff;
 149 font-size: 2.6em;
 150 }
 151
 152 #logo h2
 153 {
 154 display: inline;
 155 padding-left: 0.5em;
 156 color: white;
 157 font-size: 1.0em;
 158 }
 159
 160 /* Menu */
 161
 162 #menu
 163 {
 164 position: absolute;
 165 right: 0em;
 166 bottom: 0em;
 167 }
 168
 169 #menu ul
 170 {
 171 list-style: none;
 172 }
 173
 174 #menu li
 175 {
 176 float: left;
 177 }
 178
 179 #menu li a
 180 {
 181 margin-left: 0.5em;
 182 display: block;
 183 padding: 1.1em 1.4em 1.0em 1.4em;
 184 background: url('/themes/maniac/images/b4.gif') repeat-x;
 185 border: solid 1px #fff;
 186 color: #616161;
 187 font-weight: bold;
 188 font-size: 1.0em;
 189 text-transform: lowercase;
 190 text-decoration: none;
 191 }
 192
 193 #menu li a.active
 194 {
 195 background: url('/themes/maniac/images/b3.gif') repeat-x;
 196 color: #fff;
 197 border: solid 1px silver;
 198 }
 199
 200 /* Main */
 201
 202 #main
 203 {
 204 background: #000000 url('/themes/maniac/images/b2.gif') 0px 1px repeat-x;
 205 }
 206
 207 #main_inner p
 208 {
 209 text-align: justify;
 210 margin-bottom: 2.0em;
 211 }
 212
 213 #main_inner ul
 214 {
 215 margin-bottom: 2.0em;
 216 }
 217
 218 #main_inner
 219 {
 220 position: relative;
 221 width: 950px;
 222 margin: 0 auto;
 223 padding-top: 3.5em;
 224 }
 225
 226 #main_inner h3,h4
 227 {
 228 border-bottom: dotted 1px #E1E1E1;
 229 position: relative;
 230 padding-bottom: 0.4em;
 231 }
 232
 233 #main_inner h3
 234 {
 235 font-size: 2.1em;
 236 padding-bottom: 0.1em;
 237 }
 238
 239 #main_inner h4
 240 {
 241 font-size: 1.2em;
 242 padding-bottom: 0.175em;
 243 margin-bottom: 1.4em;
 244 margin-top: 0.95em;
 245 }
 246
 247 #main_inner .post
 248 {
 249 position: relative;
 250 }
 251
 252 #main_inner .post h3
 253 {
 254 position: relative;
 255 font-size: 1.7em;
 256 padding-bottom: 0.4em;
 257 }
 258
 259 #main_inner .post ul.post_info
 260 {
 261 list-style: none;
 262 position: absolute;
 263 top: 3em;
 264 font-size: 0.8em;
 265 }
 266
 267 #main_inner .post ul.post_info li
 268 {
 269 background-position: 0em 0.2em;
 270 background-repeat: no-repeat;
 271 display: inline;
 272 padding-left: 18px;
 273 }
 274
 275 #main_inner .post ul.post_info li.date
 276 {
 277 background-image: url('/themes/maniac/images/b5.gif');
 278 }
 279
 280 #main_inner .post ul.post_info li.comments
 281 {
 282 background-image: url('/themes/maniac/images/b6.gif');
 283 margin-left: 1.1em;
 284 }
 285
 286 /* Footer */
 287
 288 #footer
 289 {
 290 width: 950px;
 291 margin: 0 auto;
 292 text-align: center;
 293 clear: both;
 294 border-top: dotted 1px #E1E1E1;
 295 margin-top: 1.0em;
 296 margin-bottom: 1.0em;
 297 padding-top: 1.0em;
 298 text-transform: lowercase;
 299 }
 300
 301 /* Search */
 302
 303 select
 304 {
 305 margin: 0.2em;
 306 background-color: rgb(255,128,0); color:black; border:1px solid silver;
 307 }
 308
 309 textarea
 310 {
 311 margin: 0.2em;
 312 background-color: rgb(255,128,0); color:black; border:1px solid silver;
 313 }
 314
 315 checkbox
 316 {
 317 margin: 0.2em;
 318 background-color: rgb(255,128,0); color:black; border:1px solid silver;
 319 }
 320
 321 radio
 322 {
 323 margin: 0.2em;
 324 background-color: rgb(255,128,0); color:black; border:1px solid silver;
 325 }
 326
 327 input
 328 {
 329 margin: 0.2em;
 330 background-color: rgb(255,128,0); color:black; border:1px solid silver;
 331 }
 332
 333 input.button
 334 {
 335 background: #CA2F2F url('/themes/maniac/images/b3.gif') repeat-x;
 336 color: #fff;
 337 border: solid 1px #2941BC;
 338 font-weight: bold;
 339 text-transform: lowercase;
 340 font-size: 0.8em;
 341 height: 2.0em;
 342 }
 343
 344 input.text
 345 {
 346 border: solid 1px #F1F1F1;
 347 font-size: 1.0em;
 348 padding: 0.25em 0.25em 0.25em 0.25em;
 349 }
 350
 351 #search
 352 {
 353 position: relative;
 354 width: 100%;
 355 margin-bottom: 2.0em;
 356 }
 357
 358 #search input.text
 359 {
 360 position: absolute;
 361 top: 0em;
 362 left: 0em;
 363 width: 9.5em;
 364 }
 365
 366 #search input.button
 367 {
 368 position: absolute;
 369 top: 0em;
 370 right: 0em;
 371 min-width: 2.0em;
 372 max-width: 2.5em;
 373 }
 374
 375 table.fw-nat tbody tr td {
 376         height: 2.25em;
 377 }
 378
 379 /* LAYOUT - 3 COLUMNS */
 380
 381         /* Primary content */
 382
 383         #primaryContent_3columns
 384         {
 385         position: relative;
 386         margin-right: 34em;
 387         }
 388
 389         #columnA_3columns
 390         {
 391         position: relative;
 392         float: left;
 393         width: 100%;
 394         margin-right: -34em;
 395         padding-right: 2em;
 396         }
 397
 398         /* Secondary Content */
 399
 400         #secondaryContent_3columns
 401         {
 402         float: right;
 403         }
 404
 405         #columnB_3columns
 406         {
 407         width: 13.0em;
 408         float: left;
 409         padding: 0em 2em 0.5em 2em;
 410         border-left: dotted 1px #E1E1E1;
 411         }
 412
 413         #columnC_3columns
 414         {
 415         width: 13.0em;
 416         float: left;
 417         padding: 0em 0em 0.5em 2em;
 418         border-left: dotted 1px #E1E1E1;
 419         }
 420
 421 /* LAYOUT - 2 COLUMNS */
 422
 423         /* Primary content */
 424
 425         #primaryContent_2columns
 426         {
 427         position: relative;
 428         margin-right: 17em;
 429         }
 430
 431         #columnA_2columns
 432         {
 433         position: relative;
 434         float: left;
 435         width: 100%;
 436         margin-right: -17em;
 437         padding-right: 2em;
 438         }
 439
 440         /* Secondary Content */
 441
 442         #secondaryContent_2columns
 443         {
 444         float: right;
 445         }
 446
 447         #columnC_2columns
 448         {
 449         width: 13.0em;
 450         float: left;
 451         padding: 0em 0em 0.5em 2em;
 452         border-left: dotted 1px #E1E1E1;
 453         }
 454
 455 /* LAYOUT - COLUMNLESS */
 456
 457         /* Primary content */
 458
 459         #primaryContent_columnless
 460         {
 461         position: relative;
 462         }
 463
 464         #columnA_columnless
 465         {
 466         position: relative;
 467         width: 100%;
 468         }
 469
 470 /* FOOTER       COLORIZE BANDWIDTH */
 471
 472 #rx_kbs { color: green; }
 473
 474 #tx_kbs { color: red; }