html/html/themes/ipfire/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('/themes/ipfire/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('/themes/ipfire/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('/themes/ipfire/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('/themes/ipfire/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: 1.2em;
 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('/themes/ipfire/images/n5.gif');
 274 }
 275
 276 #main_inner .post ul.post_info li.comments
 277 {
 278 background-image: url('/themes/ipfire/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.button
 300 {
 301 background: #CA2F2F url('/themes/ipfire/images/n3.gif') repeat-x;
 302 color: #fff;
 303 border: solid 1px #A94B4B;
 304 font-weight: bold;
 305 text-transform: lowercase;
 306 font-size: 0.8em;
 307 height: 2.0em;
 308 }
 309
 310 input.text
 311 {
 312 border: solid 1px #F1F1F1;
 313 font-size: 1.0em;
 314 padding: 0.25em 0.25em 0.25em 0.25em;
 315 }
 316
 317 #search
 318 {
 319 position: relative;
 320 width: 100%;
 321 margin-bottom: 2.0em;
 322 }
 323
 324 #search input.text
 325 {
 326 position: absolute;
 327 top: 0em;
 328 left: 0em;
 329 width: 9.5em;
 330 }
 331
 332 #search input.button
 333 {
 334 position: absolute;
 335 top: 0em;
 336 right: 0em;
 337 min-width: 2.0em;
 338 max-width: 2.5em;
 339 }
 340
 341 /* LAYOUT - 3 COLUMNS */
 342
 343         /* Primary content */
 344
 345         #primaryContent_3columns
 346         {
 347         position: relative;
 348         margin-right: 34em;
 349         }
 350
 351         #columnA_3columns
 352         {
 353         position: relative;
 354         float: left;
 355         width: 100%;
 356         margin-right: -34em;
 357         padding-right: 2em;
 358         }
 359
 360         /* Secondary Content */
 361
 362         #secondaryContent_3columns
 363         {
 364         float: right;
 365         }
 366
 367         #columnB_3columns
 368         {
 369         width: 13.0em;
 370         float: left;
 371         padding: 0em 2em 0.5em 2em;
 372         border-left: dotted 1px #E1E1E1;
 373         }
 374
 375         #columnC_3columns
 376         {
 377         width: 13.0em;
 378         float: left;
 379         padding: 0em 0em 0.5em 2em;
 380         border-left: dotted 1px #E1E1E1;
 381         }
 382
 383 /* LAYOUT - 2 COLUMNS */
 384
 385         /* Primary content */
 386
 387         #primaryContent_2columns
 388         {
 389         position: relative;
 390         margin-right: 17em;
 391         }
 392
 393         #columnA_2columns
 394         {
 395         position: relative;
 396         float: left;
 397         width: 100%;
 398         margin-right: -17em;
 399         padding-right: 2em;
 400         }
 401
 402         /* Secondary Content */
 403
 404         #secondaryContent_2columns
 405         {
 406         float: right;
 407         }
 408
 409         #columnC_2columns
 410         {
 411         width: 13.0em;
 412         float: left;
 413         padding: 0em 0em 0.5em 2em;
 414         border-left: dotted 1px #E1E1E1;
 415         }
 416
 417 /* LAYOUT - COLUMNLESS */
 418
 419         /* Primary content */
 420
 421         #primaryContent_columnless
 422         {
 423         position: relative;
 424         }
 425
 426         #columnA_columnless
 427         {
 428         position: relative;
 429         width: 100%;
 430         }