]> git.ipfire.org Git - people/shoehn/ipfire.org.git/blobdiff - static/css/style.css
index page: Redesign jumbotron.
[people/shoehn/ipfire.org.git] / static / css / style.css
index 63663c365eacb06453b10fbe52f38f7165ddd802..f8006300d731bc544a23c03330c0fa45eb71b0f3 100644 (file)
 body {
-       padding-top: 55px;
+       padding-top: 45px;
+}
+
+.navbar-inverse .navbar-brand,
+.navbar-inverse .navbar-nav > li > a {
+  color:#DDD;
+}
+.sidenav > li.active > a {
+  background: #880400;
+  color: #FFF;
+}
+.container-body {
+  background-color: #FFF;
+  padding: 10px 15px;
+}
 
-       /* SVG as background image (IE9/Chrome/Safari/Opera) */ 
-       background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc2ODQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTAwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDAwMDAwIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjODgwNDAwIiBvZmZzZXQ9IjU3JSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c2ODQpIiAvPgo8L3N2Zz4=);
+.ac, td.ac {
+       text-align: center;
+}
 
-       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;
+.ar {
+       text-align: right;
 }
 
-.container-body {
-       background-color: white;
+.clear {
+       clear: both;
+}
 
-       padding-top: 10px;
-       padding-left: 15px;
-       padding-right: 15px;
-       padding-bottom: 10px;
+.separator {
+       margin: 40px 0 39px;
 }
 
-.ac {
-       text-align: center;
+.img-padding {
+       padding: 10px;
 }
 
 table.table-fireinfo td.bar {
-       width: 70%;
+width: 70%;
 }
-
 table.table-fireinfo td.key {
-       width: 20%;
+width: 20%;
 }
-
 table.table-fireinfo td.val {
-       width: 10%;
+width: 10%;
+}
+.wishes div.thumbnail {
+padding: 1em;
+}
+.objectives .icon {
+padding: 1.2em;
+}
+.thumbnails .download-box {
+padding: 2em 2em 0 2em;
+}
+section > .page-header {
+margin:0;
+padding:40px 0 20px;
+}
+section > .page-header, section > .lead {
+color: #5a5a5a;
+}
+section > ul li {
+margin-bottom: 5px;
 }
 
-.wishes li div.thumbnail {
-       padding: 1em;
+.jumbotron {
+       color: white;
+       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);
 }
 
-.objectives .icon {
-       padding: 1.2em;
+/* Download button */
+.masthead .btn, .download-button {
+       padding: 19px 24px;
+       font-size: 24px;
 }
 
-.thumbnails .download-box {
-       padding-top: 2em;
-       padding-left: 2em;
-       padding-right: 2em;
+.masthead {
+       padding-top: 70px;
+       margin-bottom: 0;
+}
+
+.masthead h1 {
+       font-size: 120px;
+       line-height: 1;
+       letter-spacing: -2px;
+}
+
+.masthead p.lead {
+       font-size: 36px;
+       font-weight: 200;
+       line-height: 1.25;
+}
+
+.footer {
+  border-top: 1px solid #E7E7E7;
+  padding: 30px 0;
+  margin-top: 70px;
+}
+.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 .glyphicon-chevron-left {
+opacity: .25;
+}
+.sidenav a:hover .glyphicon-chevron-left {
+opacity: .5;
+}
+.sidenav .active .glyphicon-chevron-left, .sidenav .active a:hover .glyphicon-chevron-left {
+opacity: 1;
+}
+.sidenav.affix {
+top: 40px;
+}
+.sidenav.affix-bottom {
+position: absolute;
+top: auto;
+bottom: 270px;
+}
+.download-box {
+text-align: center;
+margin: 100px 0;
+}
+.progress-small {
+margin-top: 6px;
+height: 6px;
+}
+.planet-table td.author,
+.planet-table td.date {
+width: 10em;
+}
+.news-entries td.date {
+width: 8em;
+text-align: right;
 }
 
-.download-button {
-       margin-bottom: 1em;
+.table-wishlist-widget {
+       width: 100%;
 }