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('../../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: 0.5em;
 132         padding: 1.5em 2em 0 2em;
 133         background: #fff url('../../images/n2.gif') 0px 0px repeat-x;
 134         border: 1px solid black;
 135
 136         border-radius: 3px 3px 3px 3px;
 137         -webkit-border-radius: 3px 3px 3px 3px;
 138 }
 139
 140 #main_inner {
 141         padding-bottom: 1.5em;
 142 }
 143
 144 #main_inner p {
 145         text-align: justify;
 146         margin-bottom: 2em;
 147 }
 148
 149 #main_inner ul {
 150         margin-bottom: 2em;
 151 }
 152
 153 #main_inner h1 {
 154         font-size: 1.8em;
 155         margin-bottom: 1em;
 156 }
 157
 158 #main_inner .post {
 159         border: 1px solid silver;
 160         padding: 1em 2em 1em 2em;
 161         margin-bottom: 1em;
 162         clear: both;
 163 }
 164
 165 #main_inner .post h2 {
 166         border-bottom: dotted 1px #e1e1e1;
 167         font-size: 1.7em;
 168         margin-bottom: 1em;
 169 }
 170
 171 #footer {
 172         height: 2.5em;
 173         margin-bottom: 1em;
 174 }
 175
 176 #footer a {
 177         color: inherit;
 178         text-decoration: none;
 179 }
 180
 181 #footer a:hover {
 182         text-decoration: underline;
 183 }
 184
 185 input {
 186         margin: 0.2em;
 187 }
 188
 189 input.button {
 190         background: #ca2f2f url('../../images/n3.gif') repeat-x;
 191         color: #fff;
 192         border: solid 1px #a94b4b;
 193         font-weight: bold;
 194         font-size: 0.8em;
 195         height: 2.0em;
 196 }
 197
 198 input.text {
 199         border: solid 1px #f1f1f1;
 200         padding: 0.25em;
 201 }
 202
 203 #traffic {
 204         float: right;
 205         min-width: 20em;
 206         line-height: 32px;
 207 }
 208
 209 /* Menu */
 210 #cssmenu {
 211         margin: 0 auto;
 212         margin-top: 0;
 213         padding-top: 0;
 214         font-weight: 600;
 215         height: 32px;
 216         border: 1px solid black;
 217 }
 218
 219 #cssmenu a {
 220         color: #111111;
 221         display: inline-block;
 222         line-height: 32px;
 223         padding: 0 1em;
 224         text-decoration: none;
 225 }
 226
 227 #cssmenu ul {
 228         list-style: none;
 229 }
 230
 231 #cssmenu > ul > li {
 232         display: inline-block;
 233 }
 234
 235 #cssmenu > ul > li.active a, #cssmenu > ul > li:hover > a {
 236         color: white;
 237         background: #aaaaaa;
 238 }
 239
 240 #cssmenu .has-sub:hover > ul {
 241         display: block;
 242 }
 243
 244 #cssmenu .has-sub ul {
 245         display: none;
 246         position: absolute;
 247 }
 248
 249 #cssmenu .has-sub ul li a {
 250         min-width: 12em;
 251         background: #ffffff;
 252         color: grey;
 253         display: block;
 254         line-height: 40%;
 255         padding: 12px 5px;
 256         border: 1px solid black;
 257 }
 258
 259 #cssmenu .has-sub ul li:hover a {
 260         background: #dddddd;
 261 }