body {
- padding-top: 55px;
-
- /* SVG as background image (IE9/Chrome/Safari/Opera) */
- background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2ODQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjODgwNDAwIiBvZmZzZXQ9IjU3JSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2ODQpIiAvPgo8L3N2Zz4=);
-
- background-image: linear-gradient(
- bottom,
- #000000 0%,
- #880400 57%
- );
- background-image: -o-linear-gradient(
- bottom,
- #000000 0%,
- #880400 57%
- );
- background-image: -moz-linear-gradient(
- bottom,
- #000000 0%,
- #880400 57%
- );
- background-image: -webkit-linear-gradient(
- bottom,
- #000000 0%,
- #880400 57
- );
- background-image: -ms-linear-gradient(
- bottom,
- #000000 0%,
- #880400 57%
- );
- background-image: -webkit-gradient(
- linear,
- left bottom,
- left top,
- color-stop(0, #000000),
- color-stop(0.57, #880400)
- );
- background-attachment: fixed;
+ padding-top: 45px;
}
.container-body {
padding-bottom: 10px;
}
-.ac {
+.ac, td.ac {
text-align: center;
}
+.ar {
+ text-align: right;
+}
+
+.clear {
+ clear: both;
+}
+
+.separator {
+ margin: 40px 0 39px;
+}
+
+.img-padding {
+ padding: 10px;
+}
+
table.table-fireinfo td.bar {
width: 70%;
}
padding-right: 2em;
}
-.download-button {
+section {
+ padding-top: 40px;
+}
+
+section > .page-header, section > .lead {
+ color: #5a5a5a;
+}
+
+section > ul li {
+ margin-bottom: 5px;
+}
+
+.jumbotron {
+ position: relative;
+ padding: 40px 0;
+ color: #fff;
+ text-align: center;
+ text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
+ background: #880400; /* Old browsers */
+ background: -moz-linear-gradient(45deg, #000000 0%, #880400 100%); /* FF3.6+ */
+ background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#000000), color-stop(100%,#880400)); /* Chrome,Safari4+ */
+ background: -webkit-linear-gradient(45deg, #000000 0%,#880400 100%); /* Chrome10+,Safari5.1+ */
+ background: -o-linear-gradient(45deg, #000000 0%, #880400 100%); /* Opera 11.10+ */
+ background: -ms-linear-gradient(45deg, #000000 0%, #880400 100%); /* IE10+ */
+ background: linear-gradient(45deg, #000000 0%, #880400 100%); /* W3C */
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#880400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+ -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
+ -moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
+ box-shadow: inset 0 3px 7px rgba(0,0,0,.2), inset 0 -3px 7px rgba(0,0,0,.2);
margin-bottom: 1em;
}
+
+.jumbotron h1 {
+ font-size: 80px;
+ font-weight: bold;
+ letter-spacing: -1px;
+ line-height: 1;
+}
+
+.jumbotron p {
+ font-size: 24px;
+ font-weight: 300;
+ line-height: 1.25;
+ margin-bottom: 30px;
+}
+
+.jumbotron a {
+ color: #fff;
+ color: rgba(255,255,255,.5);
+}
+
+.jumbotron a:hover {
+ color: #fff;
+ text-shadow: 0 0 10px rgba(255,255,255,.25);
+}
+
+/* Download button */
+.masthead .btn, .download-button {
+ padding: 19px 24px;
+ font-size: 24px;
+ font-weight: 200;
+ color: #fff;
+}
+
+.jumbotron .container {
+ position: relative;
+ z-index: 2;
+}
+
+.masthead {
+ padding: 70px 0 60px;
+ margin-bottom: 0;
+ color: #fff;
+}
+
+.masthead h1 {
+ font-size: 120px;
+ line-height: 1;
+ letter-spacing: -2px;
+}
+
+.masthead p {
+ font-size: 40px;
+ font-weight: 200;
+ line-height: 1.25;
+}
+
+.masthead-links {
+ margin: 0;
+ list-style: none;
+}
+
+.masthead-links li {
+ display: inline;
+ padding: 0 10px;
+ color: rgba(255,255,255,.5);
+}
+
+.subhead {
+ text-align: left;
+ border-bottom: 1px solid #ddd;
+}
+
+.subhead h1 {
+ font-size: 60px;
+}
+
+.subhead p {
+ margin-bottom: 20px;
+}
+
+.subhead .navbar {
+ display: none;
+}
+
+.footer {
+/* text-align: center; */
+ padding: 30px 0;
+ margin-top: 70px;
+ border-top: 1px solid #e5e5e5;
+ background-color: #f8f8f8;
+}
+
+.footer p {
+ margin-bottom: 0;
+ color: #777;
+}
+
+.footer-links {
+ margin: 10px 0;
+}
+
+.footer-links li {
+ display: inline;
+ padding: 0 2px;
+}
+
+.footer-links li:first-child {
+ padding-left: 0;
+}
+
+.sidenav {
+ width: 228px;
+ margin: 30px 0 0;
+ padding: 0;
+ background-color: #fff;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+ -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065);
+ -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065);
+ box-shadow: 0 1px 4px rgba(0,0,0,.065);
+}
+
+.sidenav > li > a {
+ display: block;
+ width: 190px \9;
+ margin: 0 0 -1px;
+ padding: 8px 14px;
+ border: 1px solid #e5e5e5;
+}
+
+.sidenav > li:first-child > a {
+ -webkit-border-radius: 6px 6px 0 0;
+ -moz-border-radius: 6px 6px 0 0;
+ border-radius: 6px 6px 0 0;
+}
+
+.sidenav > li:last-child > a {
+ -webkit-border-radius: 0 0 6px 6px;
+ -moz-border-radius: 0 0 6px 6px;
+ border-radius: 0 0 6px 6px;
+}
+
+.sidenav > .active > a {
+ position: relative;
+ z-index: 2;
+ padding: 9px 15px;
+ border: 0;
+ text-shadow: 0 1px 0 rgba(0,0,0,.15);
+ -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
+ -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
+ box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
+}
+
+.sidenav .icon-chevron-left {
+ float: left;
+ margin-top: 2px;
+ margin-left: -6px;
+ opacity: .25;
+}
+
+.sidenav > li > a:hover {
+ background-color: #f5f5f5;
+}
+
+.sidenav a:hover .icon-chevron-left {
+ opacity: .5;
+}
+
+.sidenav .active .icon-chevron-left, .sidenav .active a:hover .icon-chevron-left {
+ background-image: url(../img/glyphicons-halflings-white.png);
+ opacity: 1;
+}
+
+.sidenav.affix {
+ top: 40px;
+}
+
+.sidenav.affix-bottom {
+ position: absolute;
+ top: auto;
+ bottom: 270px;
+}
+
+.download-box {
+ text-align: center;
+
+ margin-top: 100px;
+ margin-bottom: 100px;
+}
+
+.progress-small {
+ margin-top: 6px;
+ height: 6px;
+}
+
+@media (min-width: 768px) and (max-width: 979px) {
+ body {
+ padding-top: 0;
+ }
+ .jumbotron {
+ margin-top: -25px; /* Offset bottom margin on .navbar */
+ }
+
+ .sidenav {
+ width: 166px;
+ margin-top: 20px;
+ }
+ .sidenav.affix {
+ top: 0;
+ }
+}
+
+@media (max-width: 767px) {
+ body {
+ padding-top: 0;
+ }
+
+ .jumbotron {
+ padding: 40px 20px;
+ margin-top: -25px; /* Offset bottom margin on .navbar */
+ margin-right: -20px;
+ margin-left: -20px;
+ }
+
+ .masthead h1 {
+ font-size: 90px;
+ }
+
+ .masthead p, .masthead .btn {
+ font-size: 24px;
+ }
+
+ .sidenav {
+ width: auto;
+ margin-bottom: 20px;
+ }
+
+ .sidenav.affix {
+ position: static;
+ width: auto;
+ top: 0;
+ }
+
+ .footer {
+ margin-left: -20px;
+ margin-right: -20px;
+ padding-left: 20px;
+ padding-right: 20px;
+ }
+
+ .footer p {
+ margin-bottom: 9px;
+ }
+}
+
+@media (max-width: 480px) {
+ body {
+ padding-top: 0;
+ }
+
+ h2 small {
+ display: block;
+ }
+
+ .jumbotron h1 {
+ font-size: 45px;
+ }
+
+ .jumbotron p, .jumbotron .btn {
+ font-size: 18px;
+ }
+
+ .jumbotron .btn {
+ display: block;
+ margin: 0 auto;
+ }
+
+ .subhead h1, .subhead p {
+ text-align: center;
+ }
+
+ table code {
+ white-space: normal;
+ word-wrap: break-word;
+ word-break: break-all;
+ }
+
+ .footer {
+ padding-top: 20px;
+ padding-bottom: 20px;
+ }
+}
+
+.planet-table td.date {
+ width: 10em;
+}
+
+.planet-table td.author {
+ width: 10em;
+}
+
+.news-entries td.date {
+ width: 8em;
+ text-align: right;
+}
+
+.well-white {
+ background-color: white;
+}
+
+.table-wishlist-widget {
+ width: 100%;
+}
+
+.table-wishlist-widget td.progress-bar {
+ width: 40%;
+}
projects / ipfire.org.git / blobdiff