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