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