html/html/themes/darkdos/include/style.css

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