html/html/themes/ipfire-new/include/css/style.css

   1
   2 /* This controls the width of the fixed width layouts */
   3
   4 .fixed {
   5         width: 910px !important;
   6 }
   7
   8 /* Basic Stuff */
   9
  10 * {
  11         margin: 0;
  12         padding: 0;
  13 }
  14
  15 html {
  16         height: 100%;
  17 }
  18
  19 body {
  20         /* SVG as background image (IE9/Chrome/Safari/Opera) */
  21         background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2ODQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjODgwNDAwIiBvZmZzZXQ9IjU3JSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2ODQpIiAvPgo8L3N2Zz4=);
  22
  23         background-image: linear-gradient(
  24                 bottom,
  25                 #000000 0%,
  26                 #880400 57%
  27         );
  28         background-image: -o-linear-gradient(
  29                 bottom,
  30                 #000000 0%,
  31                 #880400 57%
  32         );
  33         background-image: -moz-linear-gradient(
  34                 bottom,
  35                 #000000 0%,
  36                 #880400 57%
  37         );
  38         background-image: -webkit-linear-gradient(
  39                 bottom,
  40                 #000000 0%,
  41                 #880400 57
  42         );
  43         background-image: -ms-linear-gradient(
  44                 bottom,
  45                 #000000 0%,
  46                 #880400 57%
  47         );
  48         background-image: -webkit-gradient(
  49                 linear,
  50                 left bottom,
  51                 left top,
  52                 color-stop(0, #000000),
  53                 color-stop(0.57, #880400)
  54         );
  55         background-attachment: fixed;
  56
  57         font-size: 9pt;
  58         font-family: "trebuchet ms", helvetica, sans-serif;
  59 }
  60
  61 h1, h2, h3, h4, h5, h6 {
  62         font-size: 20px;
  63         font-weight: normal;
  64         letter-spacing: -1px;
  65         text-transform: lowercase;
  66         text-align: left;
  67 }
  68
  69 h2, h3, h4, h5, h6 {
  70         color: #66000F;
  71 }
  72
  73 br.clear {
  74         clear: both;
  75 }
  76
  77 img {
  78         padding: 3px;
  79 }
  80
  81 a {
  82         text-decoration: underline;
  83         color: #d90000;
  84 }
  85
  86 a:hover {
  87         text-decoration: none;
  88 }
  89
  90 p {
  91         line-height: 1.8em;
  92 }
  93
  94 hr {
  95         margin: 0.3em 0 0.3em 0;
  96 }
  97
  98 iframe {
  99         border: 0;
 100 }
 101
 102 /* Header */
 103
 104 #header {
 105         height: 70px;
 106         margin: 0 auto;
 107 }
 108
 109 /* Logo */
 110
 111 #logo {
 112         height: 65px;
 113         margin-top: 1em;
 114         background: url('/themes/ipfire-new/images/tux2.png') no-repeat;
 115 }
 116
 117 #logo h1 {
 118         color: #fff;
 119         font-size: 3.6em;
 120         font-weight: bold;
 121         padding-left: 1.7em;
 122 }
 123
 124 /* Main */
 125
 126 .bigbox {
 127         margin: 0 auto;
 128         margin-top: 1em;
 129         padding: 1.5em 2em 0 2em;
 130         border-radius: 8px 8px 8px 8px;
 131         -webkit-border-radius: 8px 8px 8px 8px;
 132         background: #fff url('/themes/ipfire-new/images/n2.gif') 0px 0px repeat-x;
 133         border: 1px solid black;
 134 }
 135
 136 #main_inner {
 137         padding-bottom: 1.5em;
 138 }
 139
 140 #main_inner p {
 141         text-align: justify;
 142         margin-bottom: 2em;
 143 }
 144
 145 #main_inner ul {
 146         margin-bottom: 2em;
 147 }
 148
 149 #main_inner h1 {
 150         font-size: 1.8em;
 151         margin-bottom: 1em;
 152 }
 153
 154 #main_inner .post {
 155         border-radius: 8px 8px 8px 8px;
 156         -webkit-border-radius: 8px 8px 8px 8px;
 157         border: 1px solid silver;
 158         padding: 1em 2em 1em 2em;
 159         margin-bottom: 1em;
 160         clear: both;
 161 }
 162
 163 #main_inner .post h2 {
 164         border-bottom: dotted 1px #e1e1e1;
 165         font-size: 1.7em;
 166         margin-bottom: 1em;
 167 }
 168
 169 #footer {
 170         height: 2.5em;
 171         margin-bottom: 1em;
 172 }
 173
 174 input {
 175         margin: 0.2em;
 176 }
 177
 178 input.button {
 179         background: #ca2f2f url('/themes/ipfire-new/images/n3.gif') repeat-x;
 180         color: #fff;
 181         border: solid 1px #a94b4b;
 182         font-weight: bold;
 183         text-transform: lowercase;
 184         font-size: 0.8em;
 185         height: 2.0em;
 186 }
 187
 188 input.text {
 189         border: solid 1px #f1f1f1;
 190         padding: 0.25em;
 191 }
 192
 193 #traffic {
 194         float: right;
 195         min-width: 20em;
 196         line-height: 32px;
 197 }
 198
 199 /* Menu */
 200 #cssmenu {
 201         margin: 0 auto;
 202         margin-top: 0;
 203         padding-top: 0;
 204         border-radius: 8px 8px 8px 8px;
 205         -webkit-border-radius: 8px 8px 8px 8px;
 206         font-weight: 600;
 207         height: 32px;
 208         border: 1px solid black;
 209 }
 210
 211 #cssmenu a {
 212         border-radius: 8px 8px 8px 8px;
 213         -webkit-border-radius: 8px 8px 8px 8px;
 214         color: #111111;
 215         display: inline-block;
 216         line-height: 32px;
 217         padding: 0 1em;
 218         text-decoration: none;
 219 }
 220
 221 #cssmenu ul {
 222         list-style: none;
 223 }
 224
 225 #cssmenu > ul > li {
 226         display: inline-block;
 227 }
 228
 229 #cssmenu > ul > li.active a, #cssmenu > ul > li:hover > a {
 230         color: white;
 231         background: #aaaaaa;
 232 }
 233
 234 #cssmenu .has-sub:hover > ul {
 235         display: block;
 236 }
 237
 238 #cssmenu .has-sub ul {
 239         display: none;
 240         position: absolute;
 241 }
 242
 243 #cssmenu .has-sub ul li a {
 244         min-width: 12em;
 245         border-radius: 7px 7px 7px 7px;
 246         background: #ffffff;
 247         color: grey;
 248         display: block;
 249         line-height: 40%;
 250         padding: 12px 5px;
 251         border: 1px solid black;
 252 }
 253
 254 #cssmenu .has-sub ul li:hover a {
 255         background: #dddddd;
 256         box-shadow: inset 0  5px 1px rgba(0, 0, 0, 0.15);
 257         -webkit-box-shadow: inset 0  5px 1px rgba(0, 0, 0, 0.15);
 258 }
 259
 260 /* Table */
 261 /* when using class='bordered' after tabletag */
 262
 263 table {
 264         *border-collapse: collapse; /* IE7 and lower */
 265         border-spacing: 0;
 266 }
 267
 268 .bordered th{
 269         border-top: 1px solid grey;
 270         border-bottom: 1px solid grey;
 271         background: #cccccc;
 272 }
 273
 274 .bordered th:first-child{
 275         -moz-border-radius: 6px 0 0 0;
 276         -webkit-border-radius: 6px 0 0 0;
 277         border-radius: 6px 0 0 0;
 278         border-left: 1px solid grey;
 279         border-top: 1px solid grey;
 280         border-bottom: 1px solid grey;
 281 }
 282
 283 .bordered th:last-child {
 284         -moz-border-radius: 0 6px 0 0;
 285         -webkit-border-radius: 0 6px 0 0;
 286         border-radius: 0 6px 0 0;
 287         border-right: 1px solid grey;
 288         border-top: 1px solid grey;
 289         border-bottom: 1px solid grey;
 290 }
 291
 292 .bordered th:only-child{
 293         -moz-border-radius: 6px 6px 0 0;
 294         -webkit-border-radius: 6px 6px 0 0;
 295         border-radius: 6px 6px 0 0;
 296         border: 1px solid grey;
 297 }
 298
 299 .bordered tr:first-child td:first-child{
 300         -moz-border-radius: 6px 0 0 0;
 301         -webkit-border-radius: 6px 0 0 0;
 302         border-radius: 6px 0 0 0;
 303         border-left: 1px solid grey;
 304         border-top: 1px solid grey;
 305 }
 306
 307 .bordered tr:first-child td:last-child{
 308         -moz-border-radius: 0 6px 0 0;
 309         -webkit-border-radius: 0 6px 0 0;
 310         border-radius: 0 6px 0 0;
 311         border-top: 1px solid grey;
 312 }
 313
 314 .bordered tr:first-child td:only-child{
 315         -moz-border-radius: 6px 6px 0 0;
 316         -webkit-border-radius: 6px 6px 0 0;
 317         border-radius: 6px 6px 0 0;
 318         border-left: 1px solid grey;
 319         border-right: 1px solid grey;
 320         border-top: 1px solid grey;
 321 }
 322
 323 .bordered tr:first-child td{
 324         border-top: 1px solid grey;
 325 }
 326
 327 .bordered tr:last-child{
 328         border-left: 1px solid grey;
 329         border-right: 1px solid grey;
 330 }
 331
 332 .bordered tr:last-child td:first-child {
 333         -moz-border-radius: 0 0 0 6px;
 334         -webkit-border-radius: 0 0 0 6px;
 335         border-radius: 0 0 0 6px;
 336         border-bottom: 1px solid grey;
 337 }
 338
 339 .bordered tr:last-child td:last-child {
 340         -moz-border-radius: 0 0 6px 0;
 341         -webkit-border-radius: 0 0 6px 0;
 342         border-radius: 0 0 6px 0;
 343         border-bottom: 1px solid grey;
 344 }
 345
 346 .bordered tr:last-child td:only-child {
 347         -moz-border-radius: 0 0 6px 6px;
 348         -webkit-border-radius: 0 0 6px 6px;
 349         border-radius: 0 0 6px 6px;
 350         border-bottom: 1px solid grey;
 351 }
 352
 353 .bordered tr:last-child td {
 354         border-bottom: 1px solid grey;
 355 }
 356
 357 .bordered td:first-child {
 358         border-left: 1px solid grey;
 359 }
 360
 361 .bordered td:last-child {
 362         border-right: 1px solid grey;
 363 }