]>
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;
119 .navbar-brand:focus {
123 .navbar-brand .navbar-brand-logo {
130 .navbar-custom .nav li a {
131 -webkit-transition: background
0.3s ease-in-out
;
132 -moz-transition: background
0.3s ease-in-out
;
133 transition: background
0.3s ease-in-out
;
136 .navbar-custom
.nav li
a:hover
, .navbar-custom
.nav li
a:focus
,
137 .navbar-custom .nav li.active {
139 background-color: rgba
(255, 255, 255, 0.2);
148 .navbar-toggle:focus, .navbar-toggle:active {
152 @media (min-width: 767px) {
157 background: transparent
;
158 -webkit-transition: background
0.5s ease-in-out
, padding
0.5s ease-in-out
;
159 -moz-transition: background
0.5s ease-in-out
, padding
0.5s ease-in-out
;
160 transition: background
0.5s ease-in-out
, padding
0.5s ease-in-out
;
165 background-color: rgba
(255, 255, 255, 0.95);
168 .navbar-custom.top-nav-collapse {
169 border-bottom: 1px solid rgba
(136, 4, 0, 0.3);
179 background-color: #ffffff;
180 -webkit-background-size: cover
;
181 -moz-background-size: cover
;
182 background-size: cover
;
183 -o-background-size: cover
;
188 vertical-align: middle
;
194 letter-spacing: -2px;
197 @media (min-width: 767px) {
204 padding-bottom: 50px;
210 padding-bottom: 50px;
213 .content-section:first-of-type {
217 .content-section:last-of-type {
221 @media (min-width: 767px) {
224 padding-bottom: 75px;
227 .content-section:first-of-type {
231 .content-section:last-of-type {
237 background: #880400; /* Old browsers */
238 background: -moz-linear-gradient
(45deg, #000000 0%, #880400 100%); /* FF3.6+ */
239 background: -webkit-gradient
(linear
, left bottom
, right top
, color-stop
(0%,#000000), color-stop
(100%,#880400)); /* Chrome,Safari4+ */
240 background: -webkit-linear-gradient
(45deg, #000000 0%,#880400 100%); /* Chrome10+,Safari5.1+ */
241 background: -o-linear-gradient
(45deg, #000000 0%, #880400 100%); /* Opera 11.10+ */
242 background: -ms-linear-gradient
(45deg, #000000 0%, #880400 100%); /* IE10+ */
243 background: linear-gradient
(45deg, #000000 0%, #880400 100%); /* W3C */
244 filter: progid:DXImageTransform
.Microsoft
.gradient
( startColorstr
='#000000', endColorstr
='#880400',GradientType
=1 ); /* IE6-9 fallback on horizontal gradient */
245 -webkit-box-shadow: inset
0 3px 7px rgba
(0,0,0,.2), inset
0 -3px 7px rgba
(0,0,0,.2);
246 -moz-box-shadow: inset
0 3px 7px rgba
(0,0,0,.2), inset
0 -3px 7px rgba
(0,0,0,.2);
247 box-shadow: inset
0 3px 7px rgba
(0,0,0,.2), inset
0 -3px 7px rgba
(0,0,0,.2);
252 .dark-background .btn-default {
253 border: 2px solid white
;
257 .dark-background .btn-default:hover, .dark-background .btn-default:focus {
259 background-color: white
;
267 .lighter-background {
278 text-decoration: underline
;
281 .red-background a:hover, .red-background a:focus {
282 text-decoration: none
;
293 -webkit-background-size: cover
;
294 -moz-background-size: cover
;
295 background-size: cover
;
296 -o-background-size: cover
;
299 @media (min-width: 767px) {
305 .contribute-section hr {
315 border: 2px solid
#880400;
318 background: transparent
;
319 -webkit-transition: background
0.3s ease-in-out
;
320 -moz-transition: background
0.3s ease-in-out
;
321 transition: background
0.3s ease-in-out
;
322 vertical-align: bottom
;
329 background: rgba
(255, 255, 255, 0.1);
332 .page-scroll .btn-circle i.animated {
333 -webkit-transition-property: -webkit-transform
;
334 -webkit-transition-duration: 1s;
335 -moz-transition-property: -moz-transform
;
336 -moz-transition-duration: 1s;
339 .page-scroll .btn-circle:hover i.animated {
340 -webkit-animation-name: pulse
;
341 -moz-animation-name: pulse
;
342 -webkit-animation-duration: 1.5s;
343 -moz-animation-duration: 1.5s;
344 -webkit-animation-iteration-count: infinite
;
345 -moz-animation-iteration-count: infinite
;
346 -webkit-animation-timing-function: linear
;
347 -moz-animation-timing-function: linear
;
351 background-color: #FFF;
355 .text-center, .ac, td.ac {
382 text-overflow: ellipsis
;
385 table
.table-fireinfo td
.bar
{
388 table
.table-fireinfo td
.key
{
391 table
.table-fireinfo td
.val
{
397 .thumbnails .download-box {
398 padding: 2em 2em 0 2em;
401 section
> .page-header
~ .page-header
{
407 background: #880400; /* Old browsers */
408 background: -moz-linear-gradient
(45deg, #000000 0%, #880400 100%); /* FF3.6+ */
409 background: -webkit-gradient
(linear
, left bottom
, right top
, color-stop
(0%,#000000), color-stop
(100%,#880400)); /* Chrome,Safari4+ */
410 background: -webkit-linear-gradient
(45deg, #000000 0%,#880400 100%); /* Chrome10+,Safari5.1+ */
411 background: -o-linear-gradient
(45deg, #000000 0%, #880400 100%); /* Opera 11.10+ */
412 background: -ms-linear-gradient
(45deg, #000000 0%, #880400 100%); /* IE10+ */
413 background: linear-gradient
(45deg, #000000 0%, #880400 100%); /* W3C */
414 filter: progid:DXImageTransform
.Microsoft
.gradient
( startColorstr
='#000000', endColorstr
='#880400',GradientType
=1 ); /* IE6-9 fallback on horizontal gradient */
415 -webkit-box-shadow: inset
0 3px 7px rgba
(0,0,0,.2), inset
0 -3px 7px rgba
(0,0,0,.2);
416 -moz-box-shadow: inset
0 3px 7px rgba
(0,0,0,.2), inset
0 -3px 7px rgba
(0,0,0,.2);
417 box-shadow: inset
0 3px 7px rgba
(0,0,0,.2), inset
0 -3px 7px rgba
(0,0,0,.2);
425 /* Download button */
426 .masthead .btn, .download-button {
439 letter-spacing: -2px;
452 border-top: 1px solid
#E7E7E7;
453 background-color: #F9F9F9;
471 .planet-table td
.author
,
472 .planet-table td.date {
475 .news-entries td.date {
480 .table-wishlist-widget {