diff options
| author | Mark Otto <[email protected]> | 2013-03-01 13:53:21 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-03-01 13:53:21 -0800 |
| commit | 1f160d4c12e2801d5ede245099d74386f91214a8 (patch) | |
| tree | 5984bee820ad1f6eec6db7de511f1ad46fb51a45 /docs/assets/css/bootstrap.css | |
| parent | f59e4fdba32b99bdd4e6387f889dda4c9270f762 (diff) | |
| parent | e0647e8273aee5bd09d5461f6f974e36b3d0c3c9 (diff) | |
| download | bootstrap-1f160d4c12e2801d5ede245099d74386f91214a8.tar.xz bootstrap-1f160d4c12e2801d5ede245099d74386f91214a8.zip | |
Merge branch '3.0.0-wip' into bs3_makefile_separated_done
Conflicts:
Makefile
Diffstat (limited to 'docs/assets/css/bootstrap.css')
| -rw-r--r-- | docs/assets/css/bootstrap.css | 464 |
1 files changed, 270 insertions, 194 deletions
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b45d7e101..501bb7df2 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1,18 +1,13 @@ /*! * Bootstrap v3.0.0 * - * Copyright 2012 Twitter, Inc + * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. */ -/*@padding-large-input: 10px 14px; // 44px -// firefox hack since it doesn't accept custom line-height for inputs and automatically sets line-height as font-size + 4 px. -// input-large at 18 + 4 = 22, so I tried to compensate on padding. -*/ - /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ article, @@ -218,6 +213,58 @@ table { border-spacing: 0; } +@media print { + * { + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} + html { font-size: 62.5%; -webkit-overflow-scrolling: touch; @@ -283,58 +330,6 @@ img { border-radius: 500px; } -@media print { - * { - color: #000 !important; - text-shadow: none !important; - background: transparent !important; - box-shadow: none !important; - } - a, - a:visited { - text-decoration: underline; - } - a[href]:after { - content: " (" attr(href) ")"; - } - abbr[title]:after { - content: " (" attr(title) ")"; - } - .ir a:after, - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; - } - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, - img { - page-break-inside: avoid; - } - img { - max-width: 100% !important; - } - @page { - margin: 0.5cm; - } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - h2, - h3 { - page-break-after: avoid; - } -} - p { margin: 0 0 10px; } @@ -975,11 +970,15 @@ th { background-color: #f5f5f5; } -table td[class*="span"], -table th[class*="span"] { +table col[class^="span"] { + display: table-column; + float: none; +} + +table td[class^="span"], +table th[class^="span"] { display: table-cell; float: none; - margin-left: 0; } .table tbody tr.success > td { @@ -1135,10 +1134,6 @@ input[type="file"] { line-height: 34px; } -select { - border: 1px solid #cccccc; -} - select[multiple], select[size] { height: auto; @@ -1550,62 +1545,60 @@ select:focus:invalid:focus { border-left: 0; } -.input-group-btn, -.input-group-btn .btn { +.input-group-btn { + position: relative; white-space: nowrap; } .input-group-btn > .btn { + position: relative; float: left; border-radius: 0; } .input-group-btn > .btn + .btn { - border-left: 0; -} - -.input-group-btn.btn-group { - display: table-cell; -} - -.input-group-btn:first-child > .btn, -.input-group-btn.btn-group:first-child > .btn { - border-right: 0; + margin-left: -1px; } -.input-group-btn:first-child > .btn, -.input-group-btn.btn-group:first-child > .btn { - border-radius: 4px 0 0 4px; +.input-group-btn > .btn:hover, +.input-group-btn > .btn:active { + z-index: 2; } -.input-group-btn:first-child > .btn.btn-large, -.input-group-btn.btn-group:first-child > .btn.btn-large { - border-radius: 6px 0 0 6px; +.input-group-btn:first-child > .btn:first-child, +.input-group-btn:first-child > .dropdown-toggle:first-child { + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; } -.input-group-btn:first-child > .btn.btn-small, -.input-group-btn.btn-group:first-child > .btn.btn-small { - border-radius: 3px 0 0 3px; +.input-group-btn:first-child > .btn:first-child.btn-large, +.input-group-btn:first-child > .dropdown-toggle:first-child.btn-large { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; } -.input-group-btn:last-child > .btn, -.input-group-btn.btn-group:last-child > .btn:first-child { - border-left: 0; +.input-group-btn:first-child > .btn:first-child.btn-small, +.input-group-btn:first-child > .dropdown-toggle:first-child.btn-small { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } -.input-group-btn:last-child > .btn, -.input-group-btn.btn-group:last-child > .btn { - border-radius: 0 4px 4px 0; +.input-group-btn:last-child > .btn:last-child, +.input-group-btn:last-child > .dropdown-toggle { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } -.input-group-btn:last-child > .btn.btn-large, -.input-group-btn.btn-group:last-child > .btn.btn-large { - border-radius: 0 6px 6px 0; +.input-group-btn:last-child > .btn:last-child.btn-large, +.input-group-btn:last-child > .dropdown-toggle.btn-large { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; } -.input-group-btn:last-child > .btn.btn-small, -.input-group-btn.btn-group:last-child > .btn.btn-small { - border-radius: 0 3px 3px 0; +.input-group-btn:last-child > .btn:last-child.btn-small, +.input-group-btn:last-child > .dropdown-toggle.btn-small { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } @media screen and (min-width: 768px) { @@ -1646,6 +1639,7 @@ select:focus:invalid:focus { font-weight: 500; line-height: 20px; text-align: center; + white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid #a7a9aa; @@ -1694,26 +1688,12 @@ fieldset[disabled] .btn { border-radius: 3px; } -.btn-mini [class^="icon-"], -.btn-mini [class*=" icon-"] { - margin-top: -1px; -} - .btn-mini { padding: 0 6px; font-size: 10.5px; border-radius: 3px; } -.btn [class^="glyphicon-"]::before { - vertical-align: -2px; -} - -.btn-small [class^="glyphicon-"]::before, -.btn-mini [class^="glyphicon-"]::before { - vertical-align: -1px; -} - .btn-block { display: block; width: 100%; @@ -3006,6 +2986,7 @@ button.close { .nav > .disabled > a:hover, .nav > .disabled > a:focus { + color: #999999; text-decoration: none; cursor: default; background-color: transparent; @@ -3034,6 +3015,26 @@ button.close { border-bottom: 1px solid #ffffff; } +.tabbable:before, +.tabbable:after { + display: table; + content: " "; +} + +.tabbable:after { + clear: both; +} + +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} + +.tab-content > .active, +.pill-content > .active { + display: block; +} + /* // Prevent IE8 from misplacing imgs // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 @@ -3093,7 +3094,7 @@ button.close { .nav li.dropdown.open a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; - .opacity(100); + .opacity(1); } // Dropdowns in stacked tabs @@ -3101,30 +3102,11 @@ button.close { border-color: @grayLight; } - - -// Tabbable tabs -// ------------------------- - -// Clear any floats -.tabbable { - .clearfix(); -} - -// Show/hide tabbable areas -.tab-content > .tab-pane, -.pill-content > .pill-pane { - display: none; -} -.tab-content > .active, -.pill-content > .active { - display: block; -} - */ .navbar { - padding: 15px; + position: relative; + padding: 10px 15px; background-color: #eeeeee; border-radius: 4px; } @@ -3163,50 +3145,79 @@ button.close { background-color: #d5d5d5; } +.navbar .nav > .disabled > a, +.navbar .nav > .disabled > a:hover, +.navbar .nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} + .navbar-static-top { - position: static; border-radius: 0; } .navbar-fixed-top, .navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; border-radius: 0; } -.navbar .brand { - display: inline-block; +.navbar-fixed-top { + top: 0; +} + +.navbar-fixed-bottom { + bottom: 0; +} + +.navbar-brand { + display: block; + max-width: 200px; padding: 7px 15px; + margin-right: auto; + margin-left: auto; font-size: 18px; font-weight: 500; line-height: 20px; color: #777777; + text-align: center; } -.navbar .brand:hover, -.navbar .brand:focus { +.navbar-brand:hover, +.navbar-brand:focus { color: #5e5e5e; text-decoration: none; background-color: transparent; } -.btn-navbar { - float: right; - padding: 10px 12px; - background-color: #ddd; - border: 0; +.navbar-toggle { + position: absolute; + top: 10px; + right: 10px; + padding: 8px 12px; + background-color: transparent; + border: 1px solid #ddd; border-radius: 4px; } -.btn-navbar .icon-bar { +.navbar-toggle:hover, +.navbar-toggle:focus { + background-color: #ddd; +} + +.navbar-toggle .icon-bar { display: block; - width: 20px; + width: 22px; height: 2px; - background-color: #fff; + background-color: #ccc; border-radius: 1px; } -.btn-navbar .icon-bar + .icon-bar { - margin-top: 3px; +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; } .navbar .nav > .divider { @@ -3268,12 +3279,12 @@ button.close { background-color: #222222; } -.navbar-inverse .brand { +.navbar-inverse .navbar-brand { color: #999999; } -.navbar-inverse .brand:hover, -.navbar-inverse .brand:focus { +.navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; } @@ -3299,8 +3310,24 @@ button.close { background-color: #080808; } -.navbar-inverse .btn-navbar { - background-color: #444; +.navbar-inverse .nav > .disabled > a, +.navbar-inverse .nav > .disabled > a:hover, +.navbar-inverse .nav > .disabled > a:focus { + color: #444444; + background-color: transparent; +} + +.navbar-inverse .navbar-toggle { + border-color: #333; +} + +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus { + background-color: #333; +} + +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #fff; } .navbar-inverse .nav > .divider { @@ -3337,11 +3364,11 @@ button.close { padding-top: 0; padding-bottom: 0; } - .navbar .brand { + .navbar-brand { float: left; padding-top: 15px; padding-bottom: 15px; - margin-left: -15px; + margin-left: -10px; } .navbar .nav { float: left; @@ -3371,20 +3398,10 @@ button.close { .navbar-inverse .nav > .divider { border-right-color: #2f2f2f; } - .navbar-fixed-top, - .navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - } - .navbar-fixed-top { - top: 0; - } - .navbar-fixed-bottom { - bottom: 0; - } - .navbar .btn-navbar { + .navbar-toggle { + position: relative; + top: auto; + left: auto; display: none; } .nav-collapse.collapse { @@ -3465,9 +3482,19 @@ button.close { } .btn-group > .btn { + position: relative; float: left; } +.btn-group > .btn + btn { + margin-left: -1px; +} + +.btn-group > .btn:hover, +.btn-group > .btn:active { + z-index: 2; +} + .btn-toolbar:before, .btn-toolbar:after { display: table; @@ -3494,10 +3521,6 @@ button.close { border-radius: 0; } -.btn-group > .btn + .btn { - margin-left: 1px; -} - .btn-group > .btn:first-child { margin-left: 0; border-bottom-left-radius: 4px; @@ -3564,28 +3587,28 @@ button.close { display: block; float: none; max-width: 100%; - border-radius: 0; -} - -.btn-group-vertical > .btn + .btn { - margin-top: 1px; - margin-left: 0; } .btn-group-vertical .btn:first-child { - border-radius: 4px 4px 0 0; + border-radius: 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; } .btn-group-vertical .btn:last-child { - border-radius: 0 0 4px 4px; + border-radius: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; } .btn-group-vertical .btn-large:first-child { - border-radius: 6px 6px 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; } .btn-group-vertical .btn-large:last-child { - border-radius: 0 0 6px 6px; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; } .btn-group-justified { @@ -3663,7 +3686,7 @@ button.close { .pagination > .disabled > a:focus { color: #999999; cursor: default; - background-color: transparent; + background-color: #ffffff; } .pagination > li:first-child > a, @@ -3844,6 +3867,7 @@ button.close { .modal-backdrop.fade { opacity: 0; + filter: alpha(opacity=0); } .modal-backdrop.fade.in { @@ -4268,7 +4292,59 @@ a.thumbnail:focus { list-style: none; } -.counter { +.label { + padding: .25em .6em; + font-size: 75%; + font-weight: 500; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: middle; + background-color: #999999; + border-radius: .25em; +} + +a.label:hover, +a.label:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} + +.label-danger { + background-color: #d9534f; +} + +.label-danger[href] { + background-color: #c9302c; +} + +.label-warning { + background-color: #f0ad4e; +} + +.label-warning[href] { + background-color: #ec971f; +} + +.label-success { + background-color: #5cb85c; +} + +.label-success[href] { + background-color: #449d44; +} + +.label-info { + background-color: #5bc0de; +} + +.label-info[href] { + background-color: #31b0d5; +} + +.badge { display: inline-block; min-width: 10px; padding: 3px 7px; @@ -4283,33 +4359,33 @@ a.thumbnail:focus { border-radius: 10px; } -.counter:empty { +.badge:empty { display: none; } -a.counter:hover, -a.counter:focus { +a.badge:hover, +a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } -.btn .counter { +.btn .badge { position: relative; top: -1px; } -.btn-mini .counter { +.btn-mini .badge { top: 0; } -.nav-list > .active > a > .counter, -.nav-pills > .active > a > .counter { +.nav-list > .active > a > .badge, +.nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; } -.nav-pills > li > a > .counter { +.nav-pills > li > a > .badge { margin-left: 3px; } |
