From 43a4a1fd764fd15cc530e19a3643cf36d23079b6 Mon Sep 17 00:00:00 2001
From: Thomas Park <thomas@thomaspark.me>
Date: Tue, 13 Mar 2012 18:41:44 -0400
Subject: update for bootstrap 2.0.2

---
 assets/css/docs.css | 129 ++++++++++++++++++++++++++++++++++++----------------
 1 file changed, 89 insertions(+), 40 deletions(-)

(limited to 'assets/css/docs.css')

diff --git a/assets/css/docs.css b/assets/css/docs.css
index f1cff91d..5132bb7b 100755
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -11,8 +11,8 @@
 body {
   position: relative;
   padding-top: 90px;
-/*  background-color: #fff;*/
-/*  background-image: url(../img/grid-18px-masked.png);*/
+/*  background-color: #fff;
+  background-image: url(../img/grid-18px-masked.png);*/
   background-repeat: repeat-x;
   background-position: 0 40px;
 }
@@ -20,7 +20,7 @@ body {
 
 /* Tweak navbar brand link to be super sleek
 -------------------------------------------------- */
-/* .navbar-fixed-top .brand {
+/*.navbar-fixed-top .brand {
   padding-right: 0;
   padding-left: 0;
   margin-left: 20px;
@@ -34,7 +34,7 @@ body {
 }
 .navbar-fixed-top .brand:hover {
   text-decoration: none;
-} */
+}*/
 
 
 /* Space out sub-sections more
@@ -63,6 +63,7 @@ hr.soften {
 .jumbotron h1 {
   margin-bottom: 9px;
   font-size: 81px;
+  font-weight: bold;
   letter-spacing: -1px;
   line-height: 1;
 }
@@ -79,6 +80,9 @@ hr.soften {
      -moz-border-radius: 6px;
           border-radius: 6px;
 }
+.jumbotron .btn-large small {
+  font-size: 14px;
+}
 
 /* Masthead (docs home) */
 .masthead {
@@ -181,7 +185,7 @@ hr.soften {
     top: 40px;
     left: 0;
     right: 0;
-    z-index: 900;
+    z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
     border-color: #d5d5d5;
     border-width: 0 0 1px; /* drop the border on the fixed edges */
     -webkit-border-radius: 0;
@@ -190,6 +194,7 @@ hr.soften {
     -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
        -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
             box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
+    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
   }
   .subnav-fixed .nav {
     width: 938px;
@@ -207,14 +212,20 @@ hr.soften {
 
 /* Quick links
 -------------------------------------------------- */
+.bs-links {
+  margin: 36px 0;
+}
 .quick-links {
   min-height: 30px;
+  margin: 0;
   padding: 5px 20px;
-  margin: 36px 0;
   list-style: none;
   text-align: center;
   overflow: hidden;
 }
+.quick-links:first-child {
+  min-height: 0;
+}
 .quick-links li {
   display: inline;
   margin: 0 5px;
@@ -426,17 +437,17 @@ hr.soften {
 .download-btn {
   margin: 36px 0 108px;
 }
-.download p,
-.download h4 {
+#download p,
+#download h4 {
   max-width: 50%;
   margin: 0 auto;
   color: #999;
   text-align: center;
 }
-.download h4 {
+#download h4 {
   margin-bottom: 0;
 }
-.download p {
+#download p {
   margin-bottom: 18px;
 }
 .download-btn .btn {
@@ -481,11 +492,7 @@ hr.soften {
 /* Misc
 -------------------------------------------------- */
 
-pre.prettyprint {
-  overflow: hidden;
-}
-
-.browser-support {
+img {
   max-width: 100%;
 }
 
@@ -546,28 +553,12 @@ form.well {
 /* Icons
 ------------------------- */
 .the-icons {
-  margin-bottom: 18px;
-}
-.the-icons i {
-  display: block;
-  margin-bottom: 5px;
+  margin-left: 0;
+  list-style: none;
 }
 .the-icons i:hover {
   background-color: rgba(255,0,0,.25);
 }
-.the-icons i:after {
-  display: block;
-  content: attr(class);
-  font-style: normal;
-  margin-left: 20px;
-  width: 140px;
-}
-#javascript input[type=checkbox] {
-  position: relative;
-  top: -1px;
-  display: inline;
-  margin-left: 6px;
-}
 
 /* Eaxmples page
 ------------------------- */
@@ -576,6 +567,70 @@ form.well {
   background-color: #fff;
 }
 
+/* Responsive table
+------------------------- */
+.responsive-utilities th small {
+  display: block;
+  font-weight: normal;
+  color: #999;
+}
+.responsive-utilities tbody th {
+  font-weight: normal;
+}
+.responsive-utilities td {
+  text-align: center;
+}
+.responsive-utilities td.is-visible {
+  color: #468847;
+  background-color: #dff0d8 !important;
+}
+.responsive-utilities td.is-hidden {
+  color: #ccc;
+  background-color: #f9f9f9 !important;
+}
+
+/* Responsive tests
+------------------------- */
+.responsive-utilities-test {
+  margin-top: 5px;
+  margin-left: 0;
+  list-style: none;
+  overflow: hidden; /* clear floats */
+}
+.responsive-utilities-test li {
+  position: relative;
+  float: left;
+  width: 25%;
+  height: 43px;
+  font-size: 14px;
+  font-weight: bold;
+  line-height: 43px;
+  color: #999;
+  text-align: center;
+  border: 1px solid #ddd;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+}
+.responsive-utilities-test li + li {
+  margin-left: 10px;
+}
+.responsive-utilities-test span {
+  position: absolute;
+  top:    -1px;
+  left:   -1px;
+  right:  -1px;
+  bottom: -1px;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+}
+.responsive-utilities-test span {
+  color: #468847;
+  background-color: #dff0d8;
+  border: 1px solid #d6e9c6;
+}
+
 
 /* Responsive Docs
 -------------------------------------------------- */
@@ -683,7 +738,7 @@ form.well {
   .subnav {
     position: static;
     top: auto;
-    -moz-border-radius: auto;
+    z-index: auto;
     width: auto;
     height: auto;
     background: #fff; /* whole background property since we use a background-image for gradient */
@@ -788,9 +843,3 @@ form.well {
   }
 
 }
-
-
-.tooltip-inner {
-	max-width: 500px;
-}
-	  
-- 
cgit v1.2.3