index page: Redesign jumbotron.

[people/shoehn/ipfire.org.git] / static / css / style.css

diff --git a/static/css/style.css b/static/css/style.css
index 85049a2f4b5e1734a9afb1d0d4cbdc8642952534..f8006300d731bc544a23c03330c0fa45eb71b0f3 100644 (file)
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1,19 +1,7 @@
 body {
-  padding-top:45px;
-  font-family:"Ubuntu","Helvetica Neue",Helvetica,Arial,sans-serif;
-  font-size:17px;
-}
-h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
-  font-family: inherit;
-}
-a {
-  color: #880400;
-  text-decoration: none;
-}
-a:hover {
-  color: #3C0200;
-  text-decoration: underline;
+       padding-top: 45px;
 }
+
 .navbar-inverse .navbar-brand,
 .navbar-inverse .navbar-nav > li > a {
   color:#DDD;
@@ -26,28 +14,27 @@ a:hover {
   background-color: #FFF;
   padding: 10px 15px;
 }
-.btn-primary {
-  background-color:#880400;
-  border-color:#3C0200;
-}
-.btn-primary:hover {
-  background-color:#3C0200;
-}
+
 .ac, td.ac {
-  text-align: center;
+       text-align: center;
 }
+
 .ar {
-  text-align: right;
+       text-align: right;
 }
+
 .clear {
-  clear: both;
+       clear: both;
 }
+
 .separator {
-  margin: 40px 0 39px;
+       margin: 40px 0 39px;
 }
+
 .img-padding {
-  padding: 10px;
+       padding: 10px;
 }
+
 table.table-fireinfo td.bar {
 width: 70%;
 }
@@ -76,93 +63,45 @@ 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);
-}
+       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);
+}
+
 /* Download button */
 .masthead .btn, .download-button {
-padding: 19px 24px;
-font-size: 24px;
-font-weight: 200;
-color: #fff;
-}
-.jumbotron .container {
-position: relative;
-z-index: 2;
+       padding: 19px 24px;
+       font-size: 24px;
 }
+
 .masthead {
-padding: 70px 0 60px;
-margin-bottom: 0;
-color: #fff;
+       padding-top: 70px;
+       margin-bottom: 0;
 }
+
 .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;
+       font-size: 120px;
+       line-height: 1;
+       letter-spacing: -2px;
 }
-.subhead .navbar {
-display: none;
+
+.masthead p.lead {
+       font-size: 36px;
+       font-weight: 200;
+       line-height: 1.25;
 }
+
 .footer {
   border-top: 1px solid #E7E7E7;
   padding: 30px 0;
@@ -244,6 +183,7 @@ width: 10em;
 width: 8em;
 text-align: right;
 }
-.table-wishlist-widget td.progress-bar {
-width: 40%;
+
+.table-wishlist-widget {
+       width: 100%;
 }