Bootstrap redesign

2012-04-02 19:59:25 -07:00
parent aabab86ddc
commit b81bf08d56
37 changed files with 1540 additions and 3524 deletions
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,122 @@
+html {
+	background:#151515;
+}
+body {
+    padding-top:50px;
+    color:#777;
+	background:#eee;
+}
+body, p, li, input, button, select, textarea {
+	font-family:;'Open Sans', sans-serif;
+}
+body, p, li {
+    font-size:14px;
+    line-height:20px;
+}
+h1, h2, h3 {letter-spacing: -1px;}
+
+/* Links */
+a {color:#18D;}
+a:hover {color:#26B;}
+
+/* Titles */
+h1 {font-family:Courier;color: #196DB5;font-size:26px;font-weight:300;text-shadow: 0 1px -1px white;}
+h1 a {color:white;}
+h1 a:hover {color:white;text-decoration:none;}
+h2 {color: #555;font-size:22px;font-weight:300;margin-bottom:10px;text-shadow: 0 1px -1px white;}
+h3 {font-weight:normal;color:#444;margin-bottom: 10px;}
+h4 {color: #444;margin-bottom: 2px;margin-top:10px;line-height:20px;}
+h5 {color: #444;line-height:20px;}
+h6 {line-height:20px; color:#AAA;}
+.bold {font-weight:bold;}
+.italic {font-style:italic;}
+
+/* Hero unit */
+.hero-unit {
+    background:#151515;
+    border-bottom: 1px solid white;
+    -webkit-border-radius: 0;
+    -moz-border-radius:0;
+    border-radius: 0;
+    margin: 0;
+margin-top:-50px;
+    padding:0;
+}
+.hero-unit .container {
+    padding: 40px 0 30px 0;
+    text-shadow:0 -1px 1px black;
+}
+
+.hero-unit h1{color:#E9E9E9;font-size:40px;margin-top:12px;letter-spacing:-2px;text-shadow: 0 -1px -1px black;}
+.hero-unit h2, .hero-unit h4 {color:#808080;line-height:24px;text-shadow: 0 -1px -1px black;}
+.hero-unit h1 > img {vertical-align:top;}
+.hero-unit ul.unstyled li {border-bottom:1px solid #000;border-top:1px solid #2B2B2B;padding:15px 0 15px 15px;}
+.hero-unit ul.unstyled li:first-child {border-top:0;}
+.hero-unit ul.unstyled, .hero-unit hr {border-bottom:1px solid #2B2B2B;}
+.hero-unit .buttons {
+    margin: 10px -15px 0 -15px;
+    padding:20px 0;
+}
+.hero-unit hr {border-top:1px solid #000;}
+.hero-unit .buttons a, .hero-unit iframe {vertical-align:middle;}
+.hero-unit .divider-vertical {
+    height:20px; 
+    width:1px; 
+    display:inline-block; 
+    background-color:black; 
+    border-right:1px solid #333;
+    vertical-align:middle;
+    margin:0 6px;
+}
+.hero-unit .github-btn-large .gh-btn, .hero-unit .github-btn-large .gh-count {
+    padding: 2px 10px 2px 8px !important;
+    font-size: 15px !important;
+}
+.hero-unit .btn-large {
+    padding: 3px 10px 3px 6px;
+    line-height: 22px;
+}
+.hero-unit .stitched {
+     outline: 1px dashed #444;
+     outline-offset: -5px;
+     background: #2B2B2B;
+     border-radius: 4px 4px 4px 4px;
+    -webkit-border-radius: 4px;
+    -moz-border-radius:4px;
+}
+
+/* Section */
+.section {
+    background: white;
+    margin: -20px -20px 35px -20px;
+    padding:19px;
+    border:1px solid #DDD;
+}
+
+/*Footer*/
+.footer {
+    background: #151515;
+    padding: 20px 0 10px 0;
+    box-shadow: inset 0 15px 10px rgba(0,0,0,0.6);
+    -webkit-box-shadow: inset 0 15px 10px rgba(0,0,0,0.6);
+    -moz-box-shadow:inset 0 15px 10px rgba(0,0,0,0.6);
+}
+
+.footer a {
+	color:white;
+	font-weight:normal;
+}
+
+/* Footer bottom */
+.footer.footer-btm {
+    background:#151515;
+    border-top: 1px solid #222;
+	color:#555;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+  border: 0;
+  -ms-interpolation-mode: bicubic;
+}