diff options
| author | Jacob Thornton <[email protected]> | 2012-01-02 16:04:35 -0800 |
|---|---|---|
| committer | Jacob Thornton <[email protected]> | 2012-01-02 16:04:35 -0800 |
| commit | f8c0efbcb45ba81204488b398d1d8ef2950850c6 (patch) | |
| tree | d41b2270d570ac0ee684664f84c53a1379fcfff1 /bootstrap.css | |
| parent | 2d092dfeea969d82bc55a153c6a597a3e87a0a03 (diff) | |
| parent | 553030ca7de8dac3c5180629ff84fa14173513ab (diff) | |
| download | bootstrap-f8c0efbcb45ba81204488b398d1d8ef2950850c6.tar.xz bootstrap-f8c0efbcb45ba81204488b398d1d8ef2950850c6.zip | |
Merge branch '2.0-wip' of https://github.com/twitter/bootstrap into 2.0-wip
Conflicts:
bootstrap.css
Diffstat (limited to 'bootstrap.css')
| -rw-r--r-- | bootstrap.css | 186 |
1 files changed, 58 insertions, 128 deletions
diff --git a/bootstrap.css b/bootstrap.css index d906168cf..601c1875b 100644 --- a/bootstrap.css +++ b/bootstrap.css @@ -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: Sun Dec 25 21:24:32 PST 2011 + * Date: Mon Jan 2 16:04:30 PST 2012 */ html, body { margin: 0; @@ -491,7 +491,7 @@ address { } code, pre { padding: 0 3px 2px; - font-family: "Menlo", Monaco, Courier New, monospace; + font-family: Menlo, Monaco, Courier New, monospace; font-size: 12px; color: #404040; -webkit-border-radius: 3px; @@ -602,8 +602,9 @@ select, input[type=file] { } select { background-color: #ffffff; + vertical-align: middle; } -select[multiple] { +select[multiple], select[size] { height: inherit; } input[type=image] { @@ -904,23 +905,20 @@ textarea[readonly] { display: block; max-width: 600px; } -.inline-inputs { - color: #808080; -} -.inline-inputs span, .inline-inputs input { - display: inline-block; -} -.inline-inputs input.mini { - width: 60px; -} -.inline-inputs input.small { - width: 90px; +.input-prepend, .input-append { + zoom: 1; } -.inline-inputs span { - padding: 0 2px 0 1px; +.input-prepend:before, +.input-append:before, +.input-prepend:after, +.input-append:after { + display: table; + *display: inline; + content: ""; + zoom: 1; } -.input-prepend, .input-append { - overflow: hidden; +.input-prepend:after, .input-append:after { + clear: both; } .input-prepend input, .input-append input { -webkit-border-radius: 0 3px 3px 0; @@ -928,8 +926,6 @@ textarea[readonly] { border-radius: 0 3px 3px 0; } .input-prepend .add-on, .input-append .add-on { - position: relative; - z-index: 2; float: left; display: block; width: auto; @@ -1004,7 +1000,7 @@ th, td { padding: 8px; line-height: 18px; text-align: left; - border-bottom: 1px solid #ddd; + border-top: 1px solid #ddd; } th { font-weight: bold; @@ -1013,9 +1009,6 @@ th { td { vertical-align: top; } -tbody tr:last-child th, tbody tr:last-child td { - border-bottom: 0; -} .condensed-table th, .condensed-table td { padding: 4px 5px; } @@ -1206,10 +1199,6 @@ table { -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); } -.navbar a { - color: #bfbfbf; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -} .navbar .brand a:hover, .navbar ul .active > a { color: #ffffff; text-decoration: none; @@ -1234,6 +1223,9 @@ table { color: #ffffff; background-color: transparent; } +.navbar .btn { + margin-top: 5px; +} .navbar-search { position: relative; float: left; @@ -1315,7 +1307,9 @@ table { float: none; padding: 10px 10px 11px; line-height: 19px; + color: #bfbfbf; text-decoration: none; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .nav a:hover { color: #ffffff; @@ -1383,104 +1377,6 @@ table { .topbar ul .dropdown-menu li a { padding: 4px 15px; } -.dropdown { - position: relative; -} -.dropdown-toggle:after { - display: inline-block; - width: 0; - height: 0; - margin-top: 8px; - margin-left: 6px; - text-indent: -99999px; - vertical-align: top; - border-left: 4px solid transparent; - border-right: 4px solid transparent; - border-top: 4px solid #ffffff; - filter: alpha(opacity=30); - -moz-opacity: 0.3; - opacity: 0.3; - content: "↓"; -} -.dropdown:hover .dropdown-toggle:after { - filter: alpha(opacity=100); - -moz-opacity: 1; - opacity: 1; -} -.dropdown-menu { - position: absolute; - top: 40px; - z-index: 900; - float: left; - display: none; - min-width: 160px; - max-width: 220px; - _width: 160px; - padding: 6px 0; - margin-left: 0; - margin-right: 0; - background-color: #ffffff; - border-color: #999; - border-color: rgba(0, 0, 0, 0.2); - border-style: solid; - border-width: 0 1px 1px; - -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; - -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; - zoom: 1; -} -.dropdown-menu li { - float: none; - display: block; - background-color: none; -} -.dropdown-menu .divider { - height: 1px; - margin: 5px 0; - overflow: hidden; - background-color: #eee; - border-bottom: 1px solid #ffffff; -} -.topbar .dropdown-menu a, .dropdown-menu a { - display: block; - padding: 4px 15px; - clear: both; - font-weight: normal; - line-height: 18px; - color: #808080; - text-shadow: 0 1px 0 #ffffff; -} -.topbar .dropdown-menu a:hover, .dropdown-menu a:hover { - color: #404040; - text-decoration: none; - background-color: #dddddd; - background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); - background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); - background-image: -ms-linear-gradient(top, #eeeeee, #dddddd); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); - background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); - background-image: -o-linear-gradient(top, #eeeeee, #dddddd); - background-image: linear-gradient(top, #eeeeee, #dddddd); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0); - -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); - -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); -} -.dropdown.open .dropdown-toggle { - color: #ffffff; - background: #ccc; - background: rgba(0, 0, 0, 0.3); -} -.dropdown.open .dropdown-menu { - display: block; -} .hero-unit { padding: 60px; margin-bottom: 30px; @@ -1732,6 +1628,23 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } +.btn-group .btn.large:first-child { + margin-left: 0; + -webkit-border-top-left-radius: 6px; + -moz-border-radius-topleft: 6px; + border-top-left-radius: 6px; + -webkit-border-bottom-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + border-bottom-left-radius: 6px; +} +.btn-group .btn.large:last-child { + -webkit-border-top-right-radius: 6px; + -moz-border-radius-topright: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + -moz-border-radius-bottomright: 6px; + border-bottom-right-radius: 6px; +} .btn-group .btn:hover, .btn-group .btn:focus, .btn-group .btn:active { z-index: 2; } @@ -2327,7 +2240,11 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { margin: 18px 0; } .pagination ul { - float: left; + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; margin: 0; border: 1px solid #ddd; border: 1px solid rgba(0, 0, 0, 0.15); @@ -2363,6 +2280,9 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { .pagination .next a { border: 0; } +.pagination.centered { + text-align: center; +} .modal-backdrop { position: fixed; top: 0; @@ -2694,6 +2614,16 @@ a.thumbnail:hover { .horizontal-form .form-actions { padding-left: 0; } + .modal { + position: fixed; + top: 20px; + left: 20px; + right: 20px; + width: auto; + } + .modal .close { + padding: 10px; + } } @media (max-width: 768px) { .container { @@ -2703,7 +2633,7 @@ a.thumbnail:hover { .row { margin-left: 0; } - [class*="span"] { + .row > [class*="span"] { float: none; display: block; width: auto; |
