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