]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
fix some ie7 bugs, improve dropdowns for ie due to lack of a shadow, fix pager exampl...
authorMark Otto <markdotto@gmail.com>
Sun, 15 Jan 2012 19:26:06 +0000 (11:26 -0800)
committerMark Otto <markdotto@gmail.com>
Sun, 15 Jan 2012 19:26:06 +0000 (11:26 -0800)
bootstrap.css
bootstrap.min.css
docs/assets/css/docs.css
docs/components.html
docs/index.html
lib/dropdowns.less
lib/tables.less

index 37241baf0f97b3720aa41394685ef9d2ec5175cc..7e2ba80237fc0132003eed626b77ba8429e0eb3e 100644 (file)
@@ -6,7 +6,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  *
  * Designed and built with all the love in the world @twitter by @mdo and @fat.
- * Date: Sat Jan 14 23:33:26 PST 2012
+ * Date: Sun Jan 15 00:04:02 PST 2012
  */
 html, body {
   margin: 0;
@@ -1116,7 +1116,7 @@ table .header:after {
   visibility: hidden;
 }
 table .headerSortUp, table .headerSortDown {
-  background-color: rgba(141, 192, 219, 0.25);
+  background-color: #f7f7f9;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
 }
 table .header:hover:after {
@@ -1440,6 +1440,7 @@ i {
 .dropdown .caret {
   margin-top: 8px;
   margin-left: 2px;
+  *margin-top: 7px;
 }
 .dropdown:hover .caret, .open.dropdown .caret {
   filter: alpha(opacity=100);
@@ -1459,7 +1460,7 @@ i {
   margin: 0;
   list-style: none;
   background-color: #ffffff;
-  border-color: #999;
+  border-color: #ccc;
   border-color: rgba(0, 0, 0, 0.2);
   border-style: solid;
   border-width: 1px;
@@ -1473,6 +1474,8 @@ i {
   -moz-background-clip: padding;
   background-clip: padding-box;
   zoom: 1;
+  *border-right-width: 2px;
+  *border-bottom-width: 2px;
 }
 .dropdown-menu .divider {
   height: 1px;
index 6cc8946a5cd76fb1dc0072c3f7da2790c439869f..6b55745ea783df83afbcfe6eac34205316d896d9 100644 (file)
@@ -203,7 +203,7 @@ table .span10{float:none;width:764px;margin-left:0;}
 table .span11{float:none;width:844px;margin-left:0;}
 table .span12{float:none;width:924px;margin-left:0;}
 table .header{cursor:pointer;}table .header:after{content:"";float:right;margin-top:7px;border-width:0 4px 4px;border-style:solid;border-color:#000 transparent;visibility:hidden;}
-table .headerSortUp,table .headerSortDown{background-color:rgba(141, 192, 219, 0.25);text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);}
+table .headerSortUp,table .headerSortDown{background-color:#f7f7f9;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);}
 table .header:hover:after{visibility:visible;}
 table .headerSortDown:after,table .headerSortDown:hover:after{visibility:visible;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
 table .headerSortUp:after{border-bottom:none;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;visibility:visible;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
@@ -300,9 +300,9 @@ i{background-image:url(docs/assets/img/glyphicons-halflings-sprite.png);backgrou
 .asterisk{background-position:-456px -96px;}
 .dropdown{position:relative;}
 .caret{display:inline-block;width:0;height:0;text-indent:-99999px;vertical-align:top;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity:0.3;content:"\2193";}
-.dropdown .caret{margin-top:8px;margin-left:2px;}
+.dropdown .caret{margin-top:8px;margin-left:2px;*margin-top:7px;}
 .dropdown:hover .caret,.open.dropdown .caret{filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
-.dropdown-menu{position:absolute;top:40px;z-index:1000;float:left;display:none;min-width:160px;max-width:220px;_width:160px;padding:4px 0;margin:0;list-style:none;background-color:#ffffff;border-color:#999;border-color:rgba(0, 0, 0, 0.2);border-style:solid;border-width:1px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;zoom:1;}.dropdown-menu .divider{height:1px;margin:5px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
+.dropdown-menu{position:absolute;top:40px;z-index:1000;float:left;display:none;min-width:160px;max-width:220px;_width:160px;padding:4px 0;margin:0;list-style:none;background-color:#ffffff;border-color:#ccc;border-color:rgba(0, 0, 0, 0.2);border-style:solid;border-width:1px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;zoom:1;*border-right-width:2px;*border-bottom-width:2px;}.dropdown-menu .divider{height:1px;margin:5px 1px;overflow:hidden;background-color:#e5e5e5;border-bottom:1px solid #ffffff;}
 .dropdown-menu a{display:block;padding:3px 15px;clear:both;font-weight:normal;line-height:18px;color:#555555;white-space:nowrap;}
 .dropdown-menu li>a:hover,.dropdown-menu .active>a,.dropdown-menu .active>a:hover{color:#fff;text-decoration:none;background-color:#0088cc;}
 .dropdown.open .dropdown-toggle{color:#ffffff;background:#ccc;background:rgba(0, 0, 0, 0.3);}
index 2f45032f2eb0a35acf96c2d5de27f2f3938056da..416b1830cd4be9d70dc956f4d2c3099b2b29ae02 100644 (file)
@@ -130,6 +130,7 @@ section {
 /* Quick links
 -------------------------------------------------- */
 .quick-links {
+  min-height: 30px;
   padding: 5px 20px;
   margin: 45px 0;
   list-style: none;
@@ -141,11 +142,11 @@ section {
   -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
      -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
           box-shadow: inset 0 1px 0 rgba(0,0,0,.03);
+  overflow: hidden;
 }
 .quick-links li {
   display: inline;
   margin: 0 5px;
-  line-height: 30px;
 }
 .quick-links .divider {
   color: #999;
@@ -258,7 +259,7 @@ section {
       -ms-box-sizing: border-box; /* IE8 */
           box-sizing: border-box; /* CSS3 spec*/
   /* Hacks for IE7 to make this work just okay enough to function */
-  *width: 90%;
+  *width: 270px;
   *height: 24px;
 }
 
@@ -386,7 +387,7 @@ section {
 .popover-well .popover-menu-wrapper {
   height: 80px;
 }
-img.large-bird {
+.large-bird {
   margin: 5px 0 0 310px;
   opacity: .1;
 }
@@ -467,9 +468,6 @@ form.well {
 
 /* Icons
 ------------------------- */
-.the-icons {
-
-}
 .the-icons i {
   display: block;
   margin-bottom: 5px;
@@ -483,11 +481,11 @@ form.well {
   width: 100px;
 }
 
-#javascript input[type='checkbox'] {
-display: inline;
-margin-left: 6px;
-position: relative;
-top: -1px;
+#javascript input[type=checkbox] {
+  position: relative;
+  top: -1px;
+  display: inline;
+  margin-left: 6px;
 }
 
 
index e88bd777c88aa240b3c7c23c9b2cafa9e61a3ae4..83a0244565add4cfbdc7726c8d5782e486326c5b 100644 (file)
       </ul>
 <pre class="prettyprint linenums">
 &lt;ul class="pager"&gt;
-  &lt;li&gt;
+  &lt;li class="previous"&gt;
     &lt;a href="#"&gt;&amp;larr; Older&lt;/a&gt;
   &lt;/li&gt;
-  &lt;li&gt;
+  &lt;li class="next"&gt;
     &lt;a href="#"&gt;Newer &amp;rarr;&lt;/a&gt;
   &lt;/li&gt;
 &lt;/ul&gt;
index cb924bae6d6979632aab2d48c38b65b556190ad3..736352b43943adc6278f1046826078cf4a6b42e7 100644 (file)
             <p class="download-info">
               <a href="https://github.com/twitter/bootstrap/" class="btn primary btn-large">Download on GitHub</a>
               <a href="./scaffolding.html" class="btn btn-large">Get started &rarr;</a>
-              Currently v2.0.0
             </p>
 
             <div class="benefits">
           <li><a href="https://github.com/twitter/bootstrap/wiki/Changelog">Changelog</a></li>
           <li class="divider">&middot;</li>
           <li>
-            <iframe class="github-btn" src="http://markdotto.github.com/github-buttons/github-btn.html?user=twitter&repo=bootstrap&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe>
+            <iframe class="github-btn" src="http://markdotto.github.com/github-buttons/github-btn.html?user=twitter&repo=bootstrap&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="114px" height="20px"></iframe>
           </li>
           <li>
-            <iframe class="github-btn" src="http://markdotto.github.com/github-buttons/github-btn.html?user=twitter&repo=bootstrap&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="94px" height="20px"></iframe>
+            <iframe class="github-btn" src="http://markdotto.github.com/github-buttons/github-btn.html?user=twitter&repo=bootstrap&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="98px" height="20px"></iframe>
           </li>
 <!--
           <li><strong>Authors</strong></li>
                 </td>
                 <td class="quick-start">
                   <h3>Fork on GitHub</h3>
-                  <p>Download, fork, pull, file issues, and more with the official Bootstrap repo on Github.</p>
+                  <p>Download, fork, pull, file issues, and more with the Bootstrap GitHub repo.</p>
                   <p><a target="_blank" href="https://github.com/twitter/bootstrap" class="btn primary">Bootstrap on GitHub &raquo;</a></p>
                   <p class="current-version">Currently <a href="https://github.com/twitter/bootstrap/wiki/Changelog">v2.0.0</a></p>
                 </td>
index e2d5fef2597252485c1782d6369ab2c3402b50cb..08054713ce1f06817d43bd73352a38124d11a0d4 100644 (file)
@@ -21,6 +21,7 @@
 .dropdown .caret {
   margin-top: 8px;
   margin-left: 2px;
+  *margin-top: 7px;
 }
 .dropdown:hover .caret,
 .open.dropdown .caret {
@@ -40,7 +41,7 @@
   margin: 0; // override default ul
   list-style: none;
   background-color: @white;
-  border-color: #999;
+  border-color: #ccc;
   border-color: rgba(0,0,0,.2);
   border-style: solid;
   border-width: 1px;
@@ -50,6 +51,8 @@
      -moz-background-clip: padding;
           background-clip: padding-box;
   zoom: 1; // do we need this?
+  *border-right-width: 2px;
+  *border-bottom-width: 2px;
 
   // Dividers (basically an hr) within the dropdown
   .divider {
index 5b803b3dfefc265c3bdbeb91023d2b4185bff72b..1edd9e3b807a8ffbe082f2e2c6f4ae53c7044bc0 100644 (file)
@@ -152,7 +152,7 @@ table {
   // Style the sorted column headers (THs)
   .headerSortUp,
   .headerSortDown {
-    background-color: rgba(141,192,219,.25);
+    background-color: #f7f7f9;
     text-shadow: 0 1px 1px rgba(255,255,255,.75);
   }
   // Style the ascending (reverse alphabetical) column header