]>
git.ipfire.org Git - people/shoehn/ipfire.org.git/blob - static/css/style.css
13 -webkit-transition: all
0.3s ease-in-out
;
14 -moz-transition: all
0.3s ease-in-out
;
15 transition: all
0.3s ease-in-out
;
19 border: 2px solid
#333;
21 background-color: transparent
;
24 .btn-default:hover, .btn-default:focus {
25 border: 2px solid
#333;
28 background-color: #333;
32 border: 2px solid
#880400;
34 background-color: transparent
;
37 .btn-primary:hover, .btn-primary:focus {
38 border: 2px solid
#880400;
41 background-color: #880400;
45 border: 2px solid
#5cb85c;
47 background-color: transparent
;
50 .btn-success:hover, .btn-success:focus {
51 border: 2px solid
#5cb85c;
54 background-color: #5cb85c;
58 border: 2px solid
#5bc0de;
60 background-color: transparent
;
63 .btn-info:hover, .btn-info:focus {
64 border: 2px solid
#5bc0de;
67 background-color: #5bc0de;
71 border: 2px solid
#f0ad4e;
73 background-color: transparent
;
76 .btn-warning:hover, .btn-warning:focus {
77 border: 2px solid
#f0ad4e;
80 background-color: #f0ad4e;
84 border: 2px solid
#d9534f;
86 background-color: transparent
;
89 .btn-danger:hover, .btn-danger:focus {
90 border: 2px solid
#d9534f;
93 background-color: #d9534f;
97 border: 2px solid
#4b0082;
99 background-color: transparent
;
102 .btn-lwl:hover, .btn-lwl:focus {
103 border: 2px solid
#4b0082;
106 background-color: #4b0082;
111 border-bottom: 1px solid rgba
(255, 255, 255, 0.3);
112 background-color: #ffffff;
120 .navbar .btn-success:hover {
121 background-color: #5cb85c !important
;
128 .navbar-brand:focus {
132 .navbar-brand .navbar-brand-logo {
139 .navbar-custom .nav li a {
140 -webkit-transition: background
0.3s ease-in-out
;
141 -moz-transition: background
0.3s ease-in-out
;
142 transition: background
0.3s ease-in-out
;
145 .navbar-custom
.nav li
a:hover
, .navbar-custom
.nav li
a:focus
,
146 .navbar-custom .nav li.active {
148 background-color: rgba
(255, 255, 255, 0.2);
157 .navbar-toggle:focus, .navbar-toggle:active {
161 @media (min-width: 767px) {
166 background: transparent
;
167 -webkit-transition: background
0.5s ease-in-out
, padding
0.5s ease-in-out
;
168 -moz-transition: background
0.5s ease-in-out
, padding
0.5s ease-in-out
;
169 transition: background
0.5s ease-in-out
, padding
0.5s ease-in-out
;
174 background-color: rgba
(255, 255, 255, 0.95);
177 .navbar-custom.top-nav-collapse {
178 border-bottom: 1px solid rgba
(136, 4, 0, 0.3);
188 background-color: #ffffff;
189 -webkit-background-size: cover
;
190 -moz-background-size: cover
;
191 background-size: cover
;
192 -o-background-size: cover
;
197 vertical-align: middle
;
203 letter-spacing: -2px;
206 @media (min-width: 767px) {
213 padding-bottom: 50px;
219 padding-bottom: 50px;
222 .content-section:first-of-type {
226 .content-section:last-of-type {
230 @media (min-width: 767px) {
233 padding-bottom: 75px;
236 .content-section:first-of-type {
240 .content-section:last-of-type {
246 background: #880400; /* Old browsers */
247 background: -moz-linear-gradient
(45deg, #000000 0%, #880400 100%); /* FF3.6+ */
248 background: -webkit-gradient
(linear
, left bottom
, right top
, color-stop
(0%,#000000), color-stop
(100%,#880400)); /* Chrome,Safari4+ */
249 background: -webkit-linear-gradient
(45deg, #000000 0%,#880400 100%); /* Chrome10+,Safari5.1+ */
250 background: -o-linear-gradient
(45deg, #000000 0%, #880400 100%); /* Opera 11.10+ */
251 background: -ms-linear-gradient
(45deg, #000000 0%, #880400 100%); /* IE10+ */
252 background: linear-gradient
(45deg, #000000 0%, #880400 100%); /* W3C */
253 filter: progid:DXImageTransform
.Microsoft
.gradient
( startColorstr
='#000000', endColorstr
='#880400',GradientType
=1 ); /* IE6-9 fallback on horizontal gradient */
254 -webkit-box-shadow: inset
0 3px 7px rgba
(0,0,0,.2), inset
0 -3px 7px rgba
(0,0,0,.2);
255 -moz-box-shadow: inset
0 3px 7px rgba
(0,0,0,.2), inset
0 -3px 7px rgba
(0,0,0,.2);
256 box-shadow: inset
0 3px 7px rgba
(0,0,0,.2), inset
0 -3px 7px rgba
(0,0,0,.2);
261 .dark-background .btn-default {
262 border: 2px solid white
;
266 .dark-background .btn-default:hover, .dark-background .btn-default:focus {
268 background-color: white
;
276 .lighter-background {
287 text-decoration: underline
;
290 .red-background a:hover, .red-background a:focus {
291 text-decoration: none
;
302 -webkit-background-size: cover
;
303 -moz-background-size: cover
;
304 background-size: cover
;
305 -o-background-size: cover
;
308 @media (min-width: 767px) {
314 .contribute-section hr {
324 border: 2px solid
#880400;
327 background: transparent
;
328 -webkit-transition: background
0.3s ease-in-out
;
329 -moz-transition: background
0.3s ease-in-out
;
330 transition: background
0.3s ease-in-out
;
331 vertical-align: bottom
;
338 background: rgba
(255, 255, 255, 0.1);
341 .page-scroll .btn-circle i.animated {
342 -webkit-transition-property: -webkit-transform
;
343 -webkit-transition-duration: 1s;
344 -moz-transition-property: -moz-transform
;
345 -moz-transition-duration: 1s;
348 .page-scroll .btn-circle:hover i.animated {
349 -webkit-animation-name: pulse
;
350 -moz-animation-name: pulse
;
351 -webkit-animation-duration: 1.5s;
352 -moz-animation-duration: 1.5s;
353 -webkit-animation-iteration-count: infinite
;
354 -moz-animation-iteration-count: infinite
;
355 -webkit-animation-timing-function: linear
;
356 -moz-animation-timing-function: linear
;
360 background-color: #FFF;
364 .text-center, .ac, td.ac {
391 text-overflow: ellipsis
;
394 table
.table-fireinfo td
.bar
{
397 table
.table-fireinfo td
.key
{
400 table
.table-fireinfo td
.val
{
406 .thumbnails .download-box {
407 padding: 2em 2em 0 2em;
410 section
> .page-header
~ .page-header
{
416 background: #880400; /* Old browsers */
417 background: -moz-linear-gradient
(45deg, #000000 0%, #880400 100%); /* FF3.6+ */
418 background: -webkit-gradient
(linear
, left bottom
, right top
, color-stop
(0%,#000000), color-stop
(100%,#880400)); /* Chrome,Safari4+ */
419 background: -webkit-linear-gradient
(45deg, #000000 0%,#880400 100%); /* Chrome10+,Safari5.1+ */
420 background: -o-linear-gradient
(45deg, #000000 0%, #880400 100%); /* Opera 11.10+ */
421 background: -ms-linear-gradient
(45deg, #000000 0%, #880400 100%); /* IE10+ */
422 background: linear-gradient
(45deg, #000000 0%, #880400 100%); /* W3C */
423 filter: progid:DXImageTransform
.Microsoft
.gradient
( startColorstr
='#000000', endColorstr
='#880400',GradientType
=1 ); /* IE6-9 fallback on horizontal gradient */
424 -webkit-box-shadow: inset
0 3px 7px rgba
(0,0,0,.2), inset
0 -3px 7px rgba
(0,0,0,.2);
425 -moz-box-shadow: inset
0 3px 7px rgba
(0,0,0,.2), inset
0 -3px 7px rgba
(0,0,0,.2);
426 box-shadow: inset
0 3px 7px rgba
(0,0,0,.2), inset
0 -3px 7px rgba
(0,0,0,.2);
434 /* Download button */
435 .masthead .btn, .download-button {
448 letter-spacing: -2px;
461 border-top: 1px solid
#E7E7E7;
462 background-color: #F9F9F9;
480 .planet-table td
.author
,
481 .planet-table td.date {
484 .news-entries td.date {
489 .table-wishlist-widget {