From f06294d80f7a8dd0752837aab3ed5fca17d3d9be Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 7 May 2013 10:33:41 -0700 Subject: Outdent nav links a bit more so they line up in navbar --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 67b0bd18e..e8ddf5bb1 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3529,7 +3529,7 @@ button.close { } .navbar-nav { - margin-top: 5px; + margin: 10px -15px 0; } .navbar-nav > li > a { -- cgit v1.2.3 From d7f84d1220719cdf2272c9aa3c6731a932394c58 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 7 May 2013 18:07:06 -0700 Subject: Require .btn-default for regular buttons * Instead of , use for standard, gray button * Improves ability to customize buttons by encouraging folks to not override .btn and thus overriding all button modifier classes * Updates docs to reflect the change * Reorganize buttons CSS --- docs/assets/css/bootstrap.css | 111 ++++++++++++++++++++++-------------------- 1 file changed, 58 insertions(+), 53 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e8ddf5bb1..26cfc3b09 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1830,7 +1830,7 @@ select:focus:invalid:focus { white-space: nowrap; vertical-align: middle; cursor: pointer; - border: 1px solid #a7a9aa; + border: 1px solid transparent; border-radius: 4px; } @@ -1865,72 +1865,38 @@ fieldset[disabled] .btn { box-shadow: none; } -.btn-large { - padding: 11px 14px; - font-size: 17.5px; - border-radius: 6px; -} - -.btn-small { - padding: 2px 10px; - font-size: 11.9px; - border-radius: 3px; -} - -.btn-mini { - padding: 0 6px; - font-size: 10.5px; - border-radius: 3px; -} - -.btn-block { - display: block; - width: 100%; - padding-right: 0; - padding-left: 0; -} - -.btn-block + .btn-block { - margin-top: 5px; -} - -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; -} - -.btn { +.btn-default { color: #ffffff; background-color: #a7a9aa; border-color: #a7a9aa; } -.btn:hover, -.btn:focus, -.btn:active, -.btn.active { +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active { background-color: #9a9c9d; border-color: #8d9091; } -.btn.disabled:hover, -.btn[disabled]:hover, -fieldset[disabled] .btn:hover, -.btn.disabled:focus, -.btn[disabled]:focus, -fieldset[disabled] .btn:focus, -.btn.disabled:active, -.btn[disabled]:active, -fieldset[disabled] .btn:active, -.btn.disabled.active, -.btn[disabled].active, -fieldset[disabled] .btn.active { +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { background-color: #a7a9aa; border-color: #a7a9aa; } .btn-primary { + color: #ffffff; background-color: #428bca; border-color: #428bca; } @@ -1960,6 +1926,7 @@ fieldset[disabled] .btn-primary.active { } .btn-warning { + color: #ffffff; background-color: #f0ad4e; border-color: #f0ad4e; } @@ -1989,6 +1956,7 @@ fieldset[disabled] .btn-warning.active { } .btn-danger { + color: #ffffff; background-color: #d9534f; border-color: #d9534f; } @@ -2018,6 +1986,7 @@ fieldset[disabled] .btn-danger.active { } .btn-success { + color: #ffffff; background-color: #5cb85c; border-color: #5cb85c; } @@ -2047,6 +2016,7 @@ fieldset[disabled] .btn-success.active { } .btn-info { + color: #ffffff; background-color: #5bc0de; border-color: #5bc0de; } @@ -2114,6 +2084,41 @@ fieldset[disabled] .btn-link:focus { text-decoration: none; } +.btn-large { + padding: 11px 14px; + font-size: 17.5px; + border-radius: 6px; +} + +.btn-small { + padding: 2px 10px; + font-size: 11.9px; + border-radius: 3px; +} + +.btn-mini { + padding: 0 6px; + font-size: 10.5px; + border-radius: 3px; +} + +.btn-block { + display: block; + width: 100%; + padding-right: 0; + padding-left: 0; +} + +.btn-block + .btn-block { + margin-top: 5px; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -- cgit v1.2.3 From c459c657f8e10ae1af6378114f4943104597c590 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 7 May 2013 21:56:55 -0700 Subject: Update forms * Overhaul the form control sizing section to only show sizing via grid columns as parents, not as classes on inputs * Restore the inline-form option * Restore the bottom margin on form controls and make them block level instead of inline-block * More misc docs cleanup for forms --- docs/assets/css/bootstrap.css | 22 ++++++++++++++++++---- 1 file changed, 18 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e8ddf5bb1..6b904d6e8 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1249,9 +1249,10 @@ input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { - display: inline-block; + display: block; min-height: 34px; padding: 6px 9px; + margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; @@ -1374,6 +1375,7 @@ textarea::-webkit-input-placeholder { min-height: 20px; padding-left: 20px; margin-bottom: 10px; + vertical-align: middle; } .radio label, @@ -1619,21 +1621,24 @@ select:focus:invalid:focus { display: table; } -.input-group[class*="span"] { +.input-group.col { float: none; - padding: 0; + padding-right: 0; + padding-left: 0; } .input-group input, .input-group select { width: 100%; + margin-bottom: 0; } .input-group-addon, .input-group-btn, .input-group input { display: table-cell; - margin: 0; + /*margin: 0;*/ + border-radius: 0; } @@ -1779,6 +1784,15 @@ select:focus:invalid:focus { border-bottom-right-radius: 3px; } +.form-inline input, +.form-inline select, +.form-inline textarea, +.form-inline .radio, +.form-inline .checkbox { + display: inline-block; + margin-bottom: 0; +} + @media screen and (min-width: 768px) { .form-horizontal .control-group { position: relative; -- cgit v1.2.3 From 1cb880b4f112463cbb8ad25ec680e561f978834e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 19:55:20 -0700 Subject: Fixes #7816: revert negative margin on .navbar-nav --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 633543fd9..542b95d88 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3548,7 +3548,7 @@ button.close { } .navbar-nav { - margin: 10px -15px 0; + margin-top: 10px; } .navbar-nav > li > a { -- cgit v1.2.3 From 54561f11212faee93ab682660503c6324d8b2cf8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 19:57:42 -0700 Subject: hide entire navbar in print views --- docs/assets/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 542b95d88..996b7f5db 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -251,7 +251,7 @@ table { max-width: 100% !important; } @page { - margin: 0.5cm; + margin: 2cm .5cm; } p, h2, @@ -263,7 +263,7 @@ table { h3 { page-break-after: avoid; } - .navbar-toggle { + .navbar { display: none; } } -- cgit v1.2.3 From edb733ebc7db2d76bdac2611cbd83c5ae36f4fee Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 21:56:08 -0700 Subject: Super massive docs overhaul * Bring back the navbar up top * Pull the docs content back into separate pages because a 6.6k line docs file is just crazy * Recenter the page content and bring back affixed side nav (needs work) --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 996b7f5db..6910e7bd7 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3304,7 +3304,7 @@ button.close { float: right; } -.nav .divider { +.nav .nav-divider { height: 2px; margin: 9px 0; overflow: hidden; -- cgit v1.2.3 From cc5e6619b49d649632b9d76dfbdbf6329f978b7b Mon Sep 17 00:00:00 2001 From: Blake Embrey Date: Thu, 9 May 2013 13:09:33 -0700 Subject: Remove backface-visibility from progress bars. --- docs/assets/css/bootstrap.css | 3 --- 1 file changed, 3 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 6910e7bd7..03a26d13d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4915,9 +4915,6 @@ a.list-group-item.active > .badge, -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; } .progress-striped .progress-bar { -- cgit v1.2.3 From 4a03d456514a5c352a4ac5ee1eed1f7154b67f6a Mon Sep 17 00:00:00 2001 From: Blake Embrey Date: Thu, 9 May 2013 13:48:02 -0700 Subject: Make icons antialiased on Webkit browsers. --- docs/assets/css/bootstrap.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 03a26d13d..5eef85435 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2177,6 +2177,7 @@ input[type="button"].btn-block { .glyphicon:before { font-family: 'Glyphicons Halflings'; + -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; -- cgit v1.2.3 From 9716b73f67de690d008cbfc8f1375ee85cd2539d Mon Sep 17 00:00:00 2001 From: Blake Embrey Date: Thu, 9 May 2013 14:48:27 -0700 Subject: Make the border-radius on input-groups to be overrides instead of resets on every size. --- docs/assets/css/bootstrap.css | 95 ++++++++----------------------------------- 1 file changed, 16 insertions(+), 79 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 03a26d13d..0f6a12655 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1637,20 +1637,11 @@ select:focus:invalid:focus { .input-group-btn, .input-group input { display: table-cell; - /*margin: 0;*/ - - border-radius: 0; -} - -.input-group-addon.input-small, -.input-group-btn.input-small, -.input-group input.input-small { - border-radius: 0; } -.input-group-addon.input-large, -.input-group-btn.input-large, -.input-group input.input-large { +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group input:not(:first-child):not(:last-child) { border-radius: 0; } @@ -1669,6 +1660,7 @@ select:focus:invalid:focus { text-shadow: 0 1px 0 #fff; background-color: #eeeeee; border: 1px solid #ccc; + border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @@ -1677,29 +1669,21 @@ select:focus:invalid:focus { .input-group-addon.input-small { padding: 2px 10px; font-size: 11.9px; + border-radius: 3px; } .input-group-addon.input-large { padding: 11px 14px; font-size: 17.5px; + border-radius: 6px; } .input-group input:first-child, -.input-group-addon:first-child { - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; -} - -.input-group input:first-child.input-small, -.input-group-addon:first-child.input-small { - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; -} - -.input-group input:first-child.input-large, -.input-group-addon:first-child.input-large { - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; +.input-group-addon:first-child, +.input-group-btn:first-child > .btn:first-child, +.input-group-btn:first-child > .dropdown-toggle:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .input-group-addon:first-child { @@ -1707,21 +1691,11 @@ select:focus:invalid:focus { } .input-group input:last-child, -.input-group-addon:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.input-group input:last-child.input-small, -.input-group-addon:last-child.input-small { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.input-group input:last-child.input-large, -.input-group-addon:last-child.input-large { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; +.input-group-addon:last-child, +.input-group-btn:last-child > .btn:last-child, +.input-group-btn:last-child > .dropdown-toggle { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } .input-group-addon:last-child { @@ -1736,7 +1710,6 @@ select:focus:invalid:focus { .input-group-btn > .btn { position: relative; float: left; - border-radius: 0; } .input-group-btn > .btn + .btn { @@ -1748,42 +1721,6 @@ select:focus:invalid:focus { z-index: 2; } -.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: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: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: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: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:last-child.btn-small, -.input-group-btn:last-child > .dropdown-toggle.btn-small { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - .form-inline input, .form-inline select, .form-inline textarea, -- cgit v1.2.3 From 293a3baca36fb8788fb75d331439f143f6762fc1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 15:05:06 -0700 Subject: More forms overhaul * Refactor the .forms-horizontal code--much simpler now and built on the Bootstrap grid system instead * Remove all the margins on form controls for simpler styling everywhere else--was overriding that way too often * Drop .help-inline, but keep .help-block * Drop the unused input grid class overrides --- docs/assets/css/bootstrap.css | 84 ++++++++----------------------------------- 1 file changed, 15 insertions(+), 69 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 03a26d13d..236256f64 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1252,7 +1252,6 @@ input[type="color"] { display: block; min-height: 34px; padding: 6px 9px; - margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; @@ -1374,6 +1373,7 @@ textarea::-webkit-input-placeholder { display: block; min-height: 20px; padding-left: 20px; + margin-top: 10px; margin-bottom: 10px; vertical-align: middle; } @@ -1466,25 +1466,6 @@ input[type="color"].input-small { border-radius: 3px; } -input[class*="span"], -select[class*="span"], -textarea[class*="span"] { - float: none; - margin-right: 0; - margin-left: 0; -} - -.input-append input[class*="span"], -.input-prepend input[class*="span"] { - display: inline-block; -} - -input[class*="span"], -select[class*="span"], -textarea[class*="span"] { - height: 34px; -} - input[disabled], select[disabled], textarea[disabled], @@ -1601,20 +1582,11 @@ select:focus:invalid:focus { clear: both; } -.help-block, -.help-inline { - color: #737373; -} - .help-block { display: block; + margin-top: 5px; margin-bottom: 10px; -} - -.help-inline { - display: inline-block; - padding-left: 5px; - vertical-align: middle; + color: #737373; } .input-group { @@ -1790,47 +1762,21 @@ select:focus:invalid:focus { .form-inline .radio, .form-inline .checkbox { display: inline-block; +} + +.form-inline .radio, +.form-inline .checkbox { + margin-top: 0; margin-bottom: 0; } -@media screen and (min-width: 768px) { - .form-horizontal .control-group { - position: relative; - margin-bottom: 20px; - } - .form-horizontal .control-group:before, - .form-horizontal .control-group:after { - display: table; - content: " "; - } - .form-horizontal .control-group:after { - clear: both; - } - .form-horizontal .control-group:before, - .form-horizontal .control-group:after { - display: table; - content: " "; - } - .form-horizontal .control-group:after { - clear: both; - } - .form-horizontal .control-group input, - .form-horizontal .control-group select, - .form-horizontal .control-group textarea { - margin-bottom: 0; - } - .form-horizontal .control-group > .control-label { - float: left; - width: 160px; - padding-top: 6px; - text-align: right; - } - .form-horizontal .control-group > .controls { - margin-left: 180px; - } - .form-horizontal .form-actions { - padding-left: 180px; - } +.form-horizontal .row + .row { + margin-top: 15px; +} + +.form-horizontal .row-label { + padding-top: 6px; + text-align: right; } .btn { -- cgit v1.2.3 From 7b6352d2cf6f04b46918b1cc8bad50ff92fdbe07 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 16:41:35 -0700 Subject: Fix up navbar forms by using inline form as a mixin; fix docs for those --- docs/assets/css/bootstrap.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 236256f64..5e6eab48d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3598,6 +3598,20 @@ button.close { margin-bottom: 8px; } +.navbar-form input, +.navbar-form select, +.navbar-form textarea, +.navbar-form .radio, +.navbar-form .checkbox { + display: inline-block; +} + +.navbar-form .radio, +.navbar-form .checkbox { + margin-top: 0; + margin-bottom: 0; +} + .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; -- cgit v1.2.3 From 579d566299c82fe91e5202b30ec2b2b062e0d902 Mon Sep 17 00:00:00 2001 From: Blake Embrey Date: Thu, 9 May 2013 16:26:35 -0700 Subject: Update button groups to use not selector and remove redundant CSS. --- docs/assets/css/bootstrap.css | 82 +++++++++++++++++++------------------------ 1 file changed, 36 insertions(+), 46 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5eef85435..9ba267dc0 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3830,26 +3830,30 @@ button.close { border-bottom-color: #ffffff; } -.btn-group { +.btn-group, +.btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } -.btn-group > .btn { +.btn-group > .btn, +.btn-group-vertical > .btn { position: relative; float: left; } -.btn-group > .btn + btn { - margin-left: -1px; -} - .btn-group > .btn:hover, -.btn-group > .btn:active { +.btn-group-vertical > .btn:hover, +.btn-group > .btn:active, +.btn-group-vertical > .btn:active { z-index: 2; } +.btn-group .btn + .btn { + margin-left: -1px; +} + .btn-toolbar:before, .btn-toolbar:after { display: table; @@ -3881,52 +3885,42 @@ button.close { margin-left: 5px; } -.btn-group > .btn { - position: relative; +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; } -.btn-group > .btn:last-child, -.btn-group > .dropdown-toggle { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.btn-group > .btn.large:first-child { - margin-left: 0; - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.btn-group > .btn.large:last-child, -.btn-group > .large.dropdown-toggle { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } -.btn-group > .btn-group > .btn { +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } -.btn-group > .btn-group:last-child > .btn { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; +.btn-group > .btn-group:first-child > .btn:last-child, +.btn-group > .btn-group:first-child > .dropdown-toggle { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.btn-group > .btn-group:first-child > .btn { - margin-left: 0; - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; +.btn-group > .btn-group:last-child > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, @@ -3974,26 +3968,22 @@ button.close { max-width: 100%; } -.btn-group-vertical .btn:first-child { - border-radius: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; +.btn-group-vertical > .btn + .btn { + margin-top: -1px; } -.btn-group-vertical .btn:last-child { +.btn-group-vertical .btn:not(:first-child):not(:last-child) { border-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; } -.btn-group-vertical .btn-large:first-child { - border-top-right-radius: 6px; - border-top-left-radius: 6px; +.btn-group-vertical .btn:first-child { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } -.btn-group-vertical .btn-large:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; +.btn-group-vertical .btn:last-child { + border-top-right-radius: 0; + border-top-left-radius: 0; } .btn-group-justified { -- cgit v1.2.3 From 6fba68eb8b036fad1bc4f33484889cccf2480bff Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 17:20:46 -0700 Subject: Unitless line-height * Instead of 20px as @line-height-base, use 1.5 * Update typographic scale for headings to use unitless as well--required some twerking of decimals a bit and some rounding * Introduce new @line-height-computed value, which takes base font-size and multiplies it by 1.5, for use in padding and margin on components --- docs/assets/css/bootstrap.css | 157 +++++++++++++++++++++--------------------- 1 file changed, 77 insertions(+), 80 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5e6eab48d..49e6073cf 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -290,7 +290,7 @@ html { body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; - line-height: 20px; + line-height: 1.5; color: #333333; background-color: #ffffff; } @@ -336,11 +336,11 @@ img { } p { - margin: 0 0 10px; + margin: 0 0 10.5px; } .lead { - margin-bottom: 20px; + margin-bottom: 21px; font-size: 21px; font-weight: 200; line-height: 1.4; @@ -424,7 +424,7 @@ h6, .h6 { font-family: inherit; font-weight: 500; - line-height: 20px; + line-height: 1.1; } h1 small, @@ -447,40 +447,35 @@ h6 small, h1, h2, h3 { - margin-top: 20px; - margin-bottom: 10px; - line-height: 40px; -} - -h3 { - line-height: 30px; + margin-top: 21px; + margin-bottom: 10.5px; } h4, h5, h6 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10.5px; + margin-bottom: 10.5px; } h1, .h1 { - font-size: 38.5px; + font-size: 38px; } h2, .h2 { - font-size: 31.5px; + font-size: 32px; } h3, .h3 { - font-size: 24.5px; + font-size: 24px; } h4, .h4 { - font-size: 17.5px; + font-size: 18px; } h5, @@ -490,39 +485,36 @@ h5, h6, .h6 { - font-size: 11.9px; + font-size: 12px; } h1 small, .h1 small { - font-size: 24.5px; + font-size: 24px; } h2 small, .h2 small { - font-size: 17.5px; + font-size: 18px; } h3 small, -.h3 small { - font-size: 14px; -} - +.h3 small, h4 small, .h4 small { font-size: 14px; } .page-header { - padding-bottom: 9px; - margin: 40px 0 20px; + padding-bottom: 9.5px; + margin: 42px 0 21px; border-bottom: 1px solid #eeeeee; } ul, ol { padding: 0; - margin: 0 0 10px 25px; + margin: 0 0 10.5px 25px; } ul ul, @@ -533,7 +525,7 @@ ol ul { } li { - line-height: 20px; + line-height: 1.5; } .list-unstyled { @@ -553,12 +545,12 @@ li { } dl { - margin-bottom: 20px; + margin-bottom: 21px; } dt, dd { - line-height: 20px; + line-height: 1.5; } dt { @@ -566,7 +558,7 @@ dt { } dd { - margin-left: 10px; + margin-left: 10.5px; } .dl-horizontal:before, @@ -604,7 +596,7 @@ dd { } hr { - margin: 20px 0; + margin: 21px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #fff; @@ -623,8 +615,8 @@ abbr.initialism { } blockquote { - padding: 10px 20px; - margin: 0 0 20px; + padding: 10.5px 21px; + margin: 0 0 21px; border-left: 5px solid #eeeeee; } @@ -640,7 +632,7 @@ blockquote p:last-child { blockquote small { display: block; - line-height: 20px; + line-height: 1.5; color: #999999; } @@ -678,9 +670,9 @@ blockquote:after { address { display: block; - margin-bottom: 20px; + margin-bottom: 21px; font-style: normal; - line-height: 20px; + line-height: 1.5; } code, @@ -702,10 +694,10 @@ code { pre { display: block; - padding: 9.5px; - margin: 0 0 10px; + padding: 0.25; + margin: 0 0 0.75; font-size: 13px; - line-height: 20px; + line-height: 1.5; word-break: break-all; word-wrap: break-word; white-space: pre; @@ -717,7 +709,7 @@ pre { } pre.prettyprint { - margin-bottom: 20px; + margin-bottom: 1.5; } pre code { @@ -1025,7 +1017,7 @@ th { .table { width: 100%; - margin-bottom: 20px; + margin-bottom: 1.5; } .table thead > tr > th, @@ -1033,7 +1025,7 @@ th { .table thead > tr > td, .table tbody > tr > td { padding: 8px; - line-height: 20px; + line-height: 1.5; vertical-align: top; border-top: 1px solid #dddddd; } @@ -1219,9 +1211,9 @@ legend { display: block; width: 100%; padding: 0; - margin-bottom: 20px; + margin-bottom: 21px; font-size: 21px; - line-height: 40px; + line-height: 1.1; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; @@ -1250,10 +1242,10 @@ input[type="search"], input[type="tel"], input[type="color"] { display: block; - min-height: 34px; + min-height: 35px; padding: 6px 9px; font-size: 14px; - line-height: 20px; + line-height: 1.5; color: #555555; vertical-align: middle; background-color: #ffffff; @@ -1328,10 +1320,10 @@ input[type="checkbox"] { select, input[type="file"] { - height: 34px; + height: 35px; /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ - line-height: 34px; + line-height: 35px; } select[multiple], @@ -1371,7 +1363,7 @@ textarea::-webkit-input-placeholder { .radio, .checkbox { display: block; - min-height: 20px; + min-height: 21px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; @@ -1460,7 +1452,7 @@ input[type="url"].input-small, input[type="search"].input-small, input[type="tel"].input-small, input[type="color"].input-small { - min-height: 26px; + min-height: 27px; padding: 2px 10px; font-size: 11.9px; border-radius: 3px; @@ -1555,9 +1547,9 @@ select:focus:invalid:focus { } .form-actions { - padding: 19px 20px 20px; - margin-top: 20px; - margin-bottom: 20px; + padding: 21px 20px; + margin-top: 21px; + margin-bottom: 21px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; } @@ -1636,7 +1628,7 @@ select:focus:invalid:focus { padding: 6px 8px; font-size: 14px; font-weight: normal; - line-height: 20px; + line-height: 1.5; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #eeeeee; @@ -1785,7 +1777,7 @@ select:focus:invalid:focus { margin-bottom: 0; font-size: 14px; font-weight: 500; - line-height: 20px; + line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle; @@ -2823,7 +2815,7 @@ input[type="button"].btn-block { .dropdown-menu .divider { height: 2px; - margin: 9px 0; + margin: -0.25 0; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; @@ -2834,7 +2826,7 @@ input[type="button"].btn-block { padding: 3px 20px; clear: both; font-weight: normal; - line-height: 20px; + line-height: 1.5; color: #333333; white-space: nowrap; } @@ -3252,7 +3244,7 @@ button.close { .nav .nav-divider { height: 2px; - margin: 9px 0; + margin: -0.25 0; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; @@ -3269,7 +3261,7 @@ button.close { .nav-tabs > li > a { margin-right: 2px; - line-height: 20px; + line-height: 1.5; border: 1px solid transparent; border-radius: 4px 4px 0 0; } @@ -3359,7 +3351,7 @@ button.close { padding: 3px 15px; font-size: 10.5px; font-weight: bold; - line-height: 20px; + line-height: 1.5; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; @@ -3498,8 +3490,8 @@ button.close { } .navbar-nav > li > a { - padding-top: 15px; - padding-bottom: 15px; + padding-top: 14.5px; + padding-bottom: 14.5px; line-height: 20px; color: #777777; } @@ -3554,7 +3546,7 @@ button.close { margin-left: auto; font-size: 17.5px; font-weight: 500; - line-height: 20px; + line-height: 21px; color: #777777; text-align: center; } @@ -3762,7 +3754,12 @@ button.close { } .navbar-btn { - margin-top: 8px; + margin-top: 7.5px; +} + +.navbar-text { + margin-top: 14.5px; + margin-bottom: 14.5px; } .navbar-link { @@ -3973,7 +3970,7 @@ button.close { .breadcrumb { padding: 8px 15px; - margin: 0 0 20px; + margin: 0 0 1.5; list-style: none; background-color: #f5f5f5; border-radius: 4px; @@ -4001,7 +3998,7 @@ button.close { .pagination { display: inline-block; - margin: 20px 0; + margin: 1.5 0; border-radius: 4px; } @@ -4013,7 +4010,7 @@ button.close { .pagination > li > span { float: left; padding: 4px 12px; - line-height: 20px; + line-height: 1.5; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; @@ -4102,7 +4099,7 @@ button.close { } .pager { - margin: 20px 0; + margin: 1.5 0; text-align: center; list-style: none; } @@ -4239,7 +4236,7 @@ button.close { } .modal-header { - min-height: 35px; + min-height: 16.5px; padding: 15px; border-bottom: 1px solid #e5e5e5; } @@ -4250,7 +4247,7 @@ button.close { .modal-title { margin: 0; - line-height: 20px; + line-height: 1.5; } .modal-body { @@ -4539,8 +4536,8 @@ button.close { } .alert { - padding: 8px 35px 8px 14px; - margin-bottom: 20px; + padding: 10px 35px 10px 15px; + margin-bottom: 21px; color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5; @@ -4615,8 +4612,8 @@ button.close { } .alert-block { - padding-top: 14px; - padding-bottom: 14px; + padding-top: 15px; + padding-bottom: 15px; } .alert-block > p, @@ -4631,7 +4628,7 @@ button.close { .thumbnail, .img-thumbnail { padding: 4px; - line-height: 20px; + line-height: 1.5; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; @@ -4851,8 +4848,8 @@ a.list-group-item.active > .badge, } .progress { - height: 20px; - margin-bottom: 20px; + height: 21px; + margin-bottom: 21px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; @@ -4946,7 +4943,7 @@ a.list-group-item.active > .badge, } .accordion { - margin-bottom: 20px; + margin-bottom: 1.5; } .accordion-group { @@ -5158,7 +5155,7 @@ a.list-group-item.active > .badge, margin-bottom: 30px; font-size: 21px; font-weight: 200; - line-height: 30px; + line-height: 2.25; color: inherit; background-color: #eeeeee; } -- cgit v1.2.3 From dbbd48f7bcc476d7e7f4780d6b342f1bce581ff0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 17:29:07 -0700 Subject: remove duplicate text scaling --- docs/assets/css/bootstrap.css | 7 ------- 1 file changed, 7 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 53777491a..8bf8530e1 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -280,13 +280,6 @@ html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } -@media screen and (max-device-width: 480px) { - html { - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - } -} - body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; -- cgit v1.2.3 From 76ecfdfdc1ef06997eafdeef68d7a9a945614af3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 10 May 2013 10:33:35 -0700 Subject: Font-size and line-height tweaks * Use 1.428 for line-height instead of 1.5 * Use function for full pixel values instead of decimals --- docs/assets/css/bootstrap.css | 152 +++++++++++++++++++++--------------------- 1 file changed, 76 insertions(+), 76 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8bf8530e1..22c766c1e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -283,7 +283,7 @@ html { body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; - line-height: 1.5; + line-height: 1.428; color: #333333; background-color: #ffffff; } @@ -329,11 +329,11 @@ img { } p { - margin: 0 0 10.5px; + margin: 0 0 10px; } .lead { - margin-bottom: 21px; + margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 1.4; @@ -440,15 +440,15 @@ h6 small, h1, h2, h3 { - margin-top: 21px; - margin-bottom: 10.5px; + margin-top: 20px; + margin-bottom: 10px; } h4, h5, h6 { - margin-top: 10.5px; - margin-bottom: 10.5px; + margin-top: 10px; + margin-bottom: 10px; } h1, @@ -499,15 +499,15 @@ h4 small, } .page-header { - padding-bottom: 9.5px; - margin: 42px 0 21px; + padding-bottom: 9px; + margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { padding: 0; - margin: 0 0 10.5px 25px; + margin: 0 0 10px 25px; } ul ul, @@ -518,7 +518,7 @@ ol ul { } li { - line-height: 1.5; + line-height: 1.428; } .list-unstyled { @@ -538,12 +538,12 @@ li { } dl { - margin-bottom: 21px; + margin-bottom: 20px; } dt, dd { - line-height: 1.5; + line-height: 1.428; } dt { @@ -551,7 +551,7 @@ dt { } dd { - margin-left: 10.5px; + margin-left: 10px; } .dl-horizontal:before, @@ -589,7 +589,7 @@ dd { } hr { - margin: 21px 0; + margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #fff; @@ -608,8 +608,8 @@ abbr.initialism { } blockquote { - padding: 10.5px 21px; - margin: 0 0 21px; + padding: 10px 20px; + margin: 0 0 20px; border-left: 5px solid #eeeeee; } @@ -625,7 +625,7 @@ blockquote p:last-child { blockquote small { display: block; - line-height: 1.5; + line-height: 1.428; color: #999999; } @@ -663,9 +663,9 @@ blockquote:after { address { display: block; - margin-bottom: 21px; + margin-bottom: 20px; font-style: normal; - line-height: 1.5; + line-height: 1.428; } code, @@ -687,10 +687,10 @@ code { pre { display: block; - padding: 0.25; - margin: 0 0 0.75; + padding: 9.5px; + margin: 0 0 10px; font-size: 13px; - line-height: 1.5; + line-height: 1.428; word-break: break-all; word-wrap: break-word; white-space: pre; @@ -702,7 +702,7 @@ pre { } pre.prettyprint { - margin-bottom: 1.5; + margin-bottom: 20px; } pre code { @@ -1010,7 +1010,7 @@ th { .table { width: 100%; - margin-bottom: 1.5; + margin-bottom: 20px; } .table thead > tr > th, @@ -1018,7 +1018,7 @@ th { .table thead > tr > td, .table tbody > tr > td { padding: 8px; - line-height: 1.5; + line-height: 1.428; vertical-align: top; border-top: 1px solid #dddddd; } @@ -1204,7 +1204,7 @@ legend { display: block; width: 100%; padding: 0; - margin-bottom: 21px; + margin-bottom: 20px; font-size: 21px; line-height: 1.1; color: #333333; @@ -1235,10 +1235,10 @@ input[type="search"], input[type="tel"], input[type="color"] { display: block; - min-height: 35px; + min-height: 34px; padding: 6px 9px; font-size: 14px; - line-height: 1.5; + line-height: 1.428; color: #555555; vertical-align: middle; background-color: #ffffff; @@ -1313,10 +1313,10 @@ input[type="checkbox"] { select, input[type="file"] { - height: 35px; + height: 34px; /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ - line-height: 35px; + line-height: 34px; } select[multiple], @@ -1356,7 +1356,7 @@ textarea::-webkit-input-placeholder { .radio, .checkbox { display: block; - min-height: 21px; + min-height: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; @@ -1425,7 +1425,7 @@ input[type="search"].input-large, input[type="tel"].input-large, input[type="color"].input-large { padding: 11px 14px; - font-size: 17.5px; + font-size: 18px; border-radius: 6px; } @@ -1445,9 +1445,9 @@ input[type="url"].input-small, input[type="search"].input-small, input[type="tel"].input-small, input[type="color"].input-small { - min-height: 27px; + min-height: 26px; padding: 2px 10px; - font-size: 11.9px; + font-size: 12px; border-radius: 3px; } @@ -1540,9 +1540,9 @@ select:focus:invalid:focus { } .form-actions { - padding: 21px 20px; - margin-top: 21px; - margin-bottom: 21px; + padding: 20px 20px; + margin-top: 20px; + margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; } @@ -1612,7 +1612,7 @@ select:focus:invalid:focus { padding: 6px 8px; font-size: 14px; font-weight: normal; - line-height: 1.5; + line-height: 1.428; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #eeeeee; @@ -1625,13 +1625,13 @@ select:focus:invalid:focus { .input-group-addon.input-small { padding: 2px 10px; - font-size: 11.9px; + font-size: 12px; border-radius: 3px; } .input-group-addon.input-large { padding: 11px 14px; - font-size: 17.5px; + font-size: 18px; border-radius: 6px; } @@ -1707,7 +1707,7 @@ select:focus:invalid:focus { margin-bottom: 0; font-size: 14px; font-weight: 500; - line-height: 1.5; + line-height: 1.428; text-align: center; white-space: nowrap; vertical-align: middle; @@ -1968,19 +1968,19 @@ fieldset[disabled] .btn-link:focus { .btn-large { padding: 11px 14px; - font-size: 17.5px; + font-size: 18px; border-radius: 6px; } .btn-small { padding: 2px 10px; - font-size: 11.9px; + font-size: 12px; border-radius: 3px; } .btn-mini { padding: 0 6px; - font-size: 10.5px; + font-size: 11px; border-radius: 3px; } @@ -2746,7 +2746,7 @@ input[type="button"].btn-block { .dropdown-menu .divider { height: 2px; - margin: -0.25 0; + margin: 9px 0; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; @@ -2757,7 +2757,7 @@ input[type="button"].btn-block { padding: 3px 20px; clear: both; font-weight: normal; - line-height: 1.5; + line-height: 1.428; color: #333333; white-space: nowrap; } @@ -3175,7 +3175,7 @@ button.close { .nav .nav-divider { height: 2px; - margin: -0.25 0; + margin: 9px 0; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; @@ -3192,7 +3192,7 @@ button.close { .nav-tabs > li > a { margin-right: 2px; - line-height: 1.5; + line-height: 1.428; border: 1px solid transparent; border-radius: 4px 4px 0 0; } @@ -3280,9 +3280,9 @@ button.close { .nav-header { display: block; padding: 3px 15px; - font-size: 10.5px; + font-size: 11px; font-weight: bold; - line-height: 1.5; + line-height: 1.428; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; @@ -3421,8 +3421,8 @@ button.close { } .navbar-nav > li > a { - padding-top: 14.5px; - padding-bottom: 14.5px; + padding-top: 15px; + padding-bottom: 15px; line-height: 20px; color: #777777; } @@ -3475,9 +3475,9 @@ button.close { padding: 15px; margin-right: auto; margin-left: auto; - font-size: 17.5px; + font-size: 18px; font-weight: 500; - line-height: 21px; + line-height: 20px; color: #777777; text-align: center; } @@ -3685,12 +3685,12 @@ button.close { } .navbar-btn { - margin-top: 7.5px; + margin-top: 8px; } .navbar-text { - margin-top: 14.5px; - margin-bottom: 14.5px; + margin-top: 15px; + margin-bottom: 15px; } .navbar-link { @@ -3901,7 +3901,7 @@ button.close { .breadcrumb { padding: 8px 15px; - margin: 0 0 1.5; + margin: 0 0 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; @@ -3929,7 +3929,7 @@ button.close { .pagination { display: inline-block; - margin: 1.5 0; + margin: 20px 0; border-radius: 4px; } @@ -3941,7 +3941,7 @@ button.close { .pagination > li > span { float: left; padding: 4px 12px; - line-height: 1.5; + line-height: 1.428; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; @@ -3986,7 +3986,7 @@ button.close { .pagination-large > li > a, .pagination-large > li > span { padding: 11px 14px; - font-size: 17.5px; + font-size: 18px; } .pagination-large > li:first-child > a, @@ -4020,17 +4020,17 @@ button.close { .pagination-small > li > a, .pagination-small > li > span { padding: 2px 10px; - font-size: 11.9px; + font-size: 12px; } .pagination-mini > li > a, .pagination-mini > li > span { padding: 0 6px; - font-size: 10.5px; + font-size: 11px; } .pager { - margin: 1.5 0; + margin: 20px 0; text-align: center; list-style: none; } @@ -4167,7 +4167,7 @@ button.close { } .modal-header { - min-height: 16.5px; + min-height: 16.428px; padding: 15px; border-bottom: 1px solid #e5e5e5; } @@ -4178,7 +4178,7 @@ button.close { .modal-title { margin: 0; - line-height: 1.5; + line-height: 1.428; } .modal-body { @@ -4245,7 +4245,7 @@ button.close { position: absolute; z-index: 1030; display: block; - font-size: 10.5px; + font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); @@ -4468,7 +4468,7 @@ button.close { .alert { padding: 10px 35px 10px 15px; - margin-bottom: 21px; + margin-bottom: 20px; color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5; @@ -4559,7 +4559,7 @@ button.close { .thumbnail, .img-thumbnail { padding: 4px; - line-height: 1.5; + line-height: 1.428; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; @@ -4692,7 +4692,7 @@ a.thumbnail:focus { display: inline-block; min-width: 10px; padding: 3px 7px; - font-size: 11.9px; + font-size: 12px; font-weight: bold; line-height: 1; color: #fff; @@ -4779,8 +4779,8 @@ a.list-group-item.active > .badge, } .progress { - height: 21px; - margin-bottom: 21px; + height: 20px; + margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; @@ -4792,7 +4792,7 @@ a.list-group-item.active > .badge, float: left; width: 0; height: 100%; - font-size: 11.9px; + font-size: 12px; color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); @@ -4874,7 +4874,7 @@ a.list-group-item.active > .badge, } .accordion { - margin-bottom: 1.5; + margin-bottom: 20px; } .accordion-group { @@ -5086,7 +5086,7 @@ a.list-group-item.active > .badge, margin-bottom: 30px; font-size: 21px; font-weight: 200; - line-height: 2.25; + line-height: 2.142; color: inherit; background-color: #eeeeee; } -- cgit v1.2.3 From 5e13f578706fd7339e8a5bc1e1c10370410ef765 Mon Sep 17 00:00:00 2001 From: Vinay Raghu Date: Sat, 11 May 2013 19:28:59 +0530 Subject: Changed Screen Notations on responsive-utilities.less and recompiled the stylesheet --- docs/assets/css/bootstrap.css | 1396 ++++++++++------------------------------- 1 file changed, 321 insertions(+), 1075 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5484d9833..b12e587f2 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -7,9 +7,7 @@ * * Designed and built with all the love in the world by @mdo and @fat. */ - /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ - article, aside, details, @@ -24,70 +22,56 @@ section, summary { display: block; } - audio, canvas, video { display: inline-block; } - audio:not([controls]) { display: none; height: 0; } - [hidden] { display: none; } - html { font-family: sans-serif; -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } - body { margin: 0; } - a:focus { outline: thin dotted; } - a:active, a:hover { outline: 0; } - h1 { - margin: 0.67em 0; font-size: 2em; + margin: 0.67em 0; } - abbr[title] { border-bottom: 1px dotted; } - b, strong { font-weight: bold; } - dfn { font-style: italic; } - hr { - height: 0; -moz-box-sizing: content-box; - box-sizing: content-box; + box-sizing: content-box; + height: 0; } - mark { - color: #000; background: #ff0; + color: #000; } - code, kbd, pre, @@ -95,128 +79,105 @@ samp { font-family: monospace, serif; font-size: 1em; } - pre { white-space: pre-wrap; } - q { quotes: "\201C" "\201D" "\2018" "\2019"; } - small { font-size: 80%; } - sub, sup { - position: relative; font-size: 75%; line-height: 0; + position: relative; vertical-align: baseline; } - sup { top: -0.5em; } - sub { bottom: -0.25em; } - img { border: 0; } - svg:not(:root) { overflow: hidden; } - figure { margin: 0; } - fieldset { - padding: 0.35em 0.625em 0.75em; - margin: 0 2px; border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } - legend { - padding: 0; border: 0; + padding: 0; } - button, input, select, textarea { - margin: 0; font-family: inherit; font-size: 100%; + margin: 0; } - button, input { line-height: normal; } - button, select { text-transform: none; } - button, html input[type="button"], input[type="reset"], input[type="submit"] { - cursor: pointer; -webkit-appearance: button; + cursor: pointer; } - button[disabled], html input[disabled] { cursor: default; } - input[type="checkbox"], input[type="radio"] { - padding: 0; box-sizing: border-box; + padding: 0; } - input[type="search"] { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; } - input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } - button::-moz-focus-inner, input::-moz-focus-inner { - padding: 0; border: 0; + padding: 0; } - textarea { overflow: auto; vertical-align: top; } - table { border-collapse: collapse; border-spacing: 0; } - @media print { * { - color: #000 !important; text-shadow: none !important; + color: #000 !important; background: transparent !important; box-shadow: none !important; } @@ -267,19 +228,16 @@ table { display: none; } } - * { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } - html { font-size: 62.5%; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; @@ -287,7 +245,6 @@ body { color: #333333; background-color: #ffffff; } - input, button, select, @@ -296,113 +253,89 @@ textarea { font-size: inherit; line-height: inherit; } - a { color: #428bca; text-decoration: none; } - a:hover, a:focus { color: #2a6496; text-decoration: underline; } - a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } - img { - height: auto; max-width: 100%; + height: auto; vertical-align: middle; } - .img-rounded { border-radius: 6px; } - .img-circle { border-radius: 500px; } - p { margin: 0 0 10px; } - .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 1.4; } - small { font-size: 85%; } - strong { font-weight: bold; } - em { font-style: italic; } - cite { font-style: normal; } - .text-muted { color: #999999; } - a.text-muted:hover, a.text-muted:focus { color: #808080; } - .text-warning { color: #c09853; } - a.text-warning:hover, a.text-warning:focus { color: #a47e3c; } - .text-danger { color: #b94a48; } - a.text-danger:hover, a.text-danger:focus { color: #953b39; } - .text-success { color: #468847; } - a.text-success:hover, a.text-success:focus { color: #356635; } - .text-left { text-align: left; } - .text-right { text-align: right; } - .text-center { text-align: center; } - h1, h2, h3, @@ -419,7 +352,6 @@ h6, font-weight: 500; line-height: 1.1; } - h1 small, h2 small, h3 small, @@ -436,158 +368,137 @@ h6 small, line-height: 1; color: #999999; } - h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } - h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } - h1, .h1 { font-size: 38px; } - h2, .h2 { font-size: 32px; } - h3, .h3 { font-size: 24px; } - h4, .h4 { font-size: 18px; } - h5, .h5 { font-size: 14px; } - h6, .h6 { font-size: 12px; } - h1 small, .h1 small { font-size: 24px; } - h2 small, .h2 small { font-size: 18px; } - h3 small, .h3 small, h4 small, .h4 small { font-size: 14px; } - .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } - ul, ol { padding: 0; margin: 0 0 10px 25px; } - ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } - li { line-height: 1.428; } - .list-unstyled { margin-left: 0; list-style: none; } - .list-inline { margin-left: 0; list-style: none; } - .list-inline > li { display: inline-block; - padding-right: 5px; padding-left: 5px; + padding-right: 5px; } - dl { margin-bottom: 20px; } - dt, dd { line-height: 1.428; } - dt { font-weight: bold; } - dd { margin-left: 10px; } - .dl-horizontal:before, .dl-horizontal:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .dl-horizontal:after { clear: both; } - .dl-horizontal:before, .dl-horizontal:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .dl-horizontal:after { clear: both; } - .dl-horizontal dt { float: left; width: 160px; - overflow: hidden; clear: left; text-align: right; + overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } - .dl-horizontal dd { margin-left: 180px; } - hr { margin: 20px 0; border: 0; @@ -595,44 +506,36 @@ hr { border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } - abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } - abbr.initialism { font-size: 90%; text-transform: uppercase; } - blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } - blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25; } - blockquote p:last-child { margin-bottom: 0; } - blockquote small { display: block; line-height: 1.428; color: #999999; } - blockquote small:before { content: '\2014 \00A0'; } - blockquote.pull-right { float: right; padding-right: 15px; @@ -640,34 +543,28 @@ blockquote.pull-right { border-right: 5px solid #eeeeee; border-left: 0; } - blockquote.pull-right p, blockquote.pull-right small { text-align: right; } - blockquote.pull-right small:before { content: ''; } - blockquote.pull-right small:after { content: '\00A0 \2014'; } - q:before, q:after, blockquote:before, blockquote:after { content: ""; } - address { display: block; margin-bottom: 20px; font-style: normal; line-height: 1.428; } - code, pre { padding: 0 3px 2px; @@ -676,15 +573,13 @@ pre { color: #333333; border-radius: 4px; } - code { padding: 2px 4px; font-size: 90%; color: #c7254e; - white-space: nowrap; background-color: #f9f2f4; + white-space: nowrap; } - pre { display: block; padding: 9.5px; @@ -700,11 +595,9 @@ pre { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; } - pre.prettyprint { margin-bottom: 20px; } - pre code { padding: 0; color: inherit; @@ -713,119 +606,110 @@ pre code { background-color: transparent; border: 0; } - .pre-scrollable { max-height: 340px; overflow-y: scroll; } - .container { margin-right: auto; margin-left: auto; } - .container:before, .container:after { - display: table; content: " "; -} + /* 1 */ + display: table; + /* 2 */ + +} .container:after { clear: both; } - .container:before, .container:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .container:after { clear: both; } - .row:before, .row:after { - display: table; content: " "; -} + /* 1 */ + display: table; + /* 2 */ + +} .row:after { clear: both; } - .row:before, .row:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .row:after { clear: both; } - .row .row { - margin-right: -15px; margin-left: -15px; + margin-right: -15px; } - .col { position: relative; float: left; width: 100%; min-height: 1px; - padding-right: 15px; padding-left: 15px; + padding-right: 15px; } - .col-sm-12 { width: 100%; } - .col-sm-11 { width: 91.66666666666666%; } - .col-sm-10 { width: 83.33333333333334%; } - .col-sm-9 { width: 75%; } - .col-sm-8 { width: 66.66666666666666%; } - .col-sm-7 { width: 58.333333333333336%; } - .col-sm-6 { width: 50%; } - .col-sm-5 { width: 41.66666666666667%; } - .col-sm-4 { width: 33.33333333333333%; } - .col-sm-3 { width: 25%; } - .col-sm-2 { width: 16.666666666666664%; } - .col-sm-1 { width: 8.333333333333332%; } - @media screen and (min-width: 768px) { .col-lg-12 { width: 100%; @@ -972,47 +856,39 @@ pre code { right: 8.333333333333332%; } } - @media screen and (min-width: 768px) { .container { max-width: 728px; } .row { - margin-right: -15px; margin-left: -15px; + margin-right: -15px; } } - @media screen and (min-width: 992px) { .container { max-width: 940px; } } - @media screen and (min-width: 1200px) { .container { max-width: 1170px; } } - /*[class*="col-span-"].pull-right { float: right; }*/ - table { max-width: 100%; background-color: transparent; } - th { text-align: left; } - .table { width: 100%; margin-bottom: 20px; } - .table thead > tr > th, .table tbody > tr > th, .table thead > tr > td, @@ -1022,11 +898,9 @@ th { vertical-align: top; border-top: 1px solid #dddddd; } - .table thead > tr > th { vertical-align: bottom; } - .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, @@ -1035,36 +909,30 @@ th { .table thead:first-child tr:first-child td { border-top: 0; } - .table tbody + tbody { border-top: 2px solid #dddddd; } - .table .table { background-color: #ffffff; } - .table-condensed thead > tr > th, .table-condensed tbody > tr > th, .table-condensed thead > tr > td, .table-condensed tbody > tr > td { padding: 4px 5px; } - .table-bordered { border: 1px solid #dddddd; border-collapse: separate; border-left: 0; border-radius: 4px; } - .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td { border-left: 1px solid #dddddd; } - .table-bordered > caption + thead > tr:first-child th, .table-bordered > caption + tbody > tr:first-child th, .table-bordered > caption + tbody > tr:first-child td, @@ -1076,19 +944,16 @@ th { .table-bordered > tbody:first-child > tr:first-child td { border-top: 0; } - .table-bordered > thead:first-child > tr:first-child > th:first-child, .table-bordered > tbody:first-child > tr:first-child > td:first-child, .table-bordered > tbody:first-child > tr:first-child > th:first-child { border-top-left-radius: 4px; } - .table-bordered > thead:first-child > tr:first-child > th:last-child, .table-bordered > tbody:first-child > tr:first-child > td:last-child, .table-bordered > tbody:first-child > tr:first-child > th:last-child { border-top-right-radius: 4px; } - .table-bordered > thead:last-child > tr:last-child > th:first-child, .table-bordered > tbody:last-child > tr:last-child > td:first-child, .table-bordered > tbody:last-child > tr:last-child > th:first-child, @@ -1096,7 +961,6 @@ th { .table-bordered > tfoot:last-child > tr:last-child > th:first-child { border-bottom-left-radius: 4px; } - .table-bordered > thead:last-child > tr:last-child > th:last-child, .table-bordered > tbody:last-child > tr:last-child > td:last-child, .table-bordered > tbody:last-child > tr:last-child > th:last-child, @@ -1104,102 +968,85 @@ th { .table-bordered > tfoot:last-child > tr:last-child > th:last-child { border-bottom-right-radius: 4px; } - .table-bordered > tfoot + tbody:last-child > tr:last-child > td:first-child { border-bottom-left-radius: 0; } - .table-bordered > tfoot + tbody:last-child > tr:last-child > td:last-child { border-bottom-right-radius: 0; } - .table-bordered > caption + thead > tr:first-child > th:first-child, .table-bordered > caption + tbody > tr:first-child > td:first-child, .table-bordered > colgroup + thead > tr:first-child > th:first-child, .table-bordered > colgroup + tbody > tr:first-child > td:first-child { border-top-left-radius: 4px; } - .table-bordered > caption + thead > tr:first-child > th:last-child, .table-bordered > caption + tbody > tr:first-child > td:last-child, .table-bordered > colgroup + thead > tr:first-child > th:last-child, .table-bordered > colgroup + tbody > tr:first-child > td:last-child { border-top-right-radius: 4px; } - .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } - .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } - table col[class*="col-span-"] { - display: table-column; float: none; + display: table-column; } - table td[class*="col-span-"], table th[class*="col-span-"] { - display: table-cell; float: none; + display: table-cell; } - .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td { background-color: #dff0d8; border-color: #d6e9c6; } - .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td { background-color: #f2dede; border-color: #eed3d7; } - .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td { background-color: #fcf8e3; border-color: #fbeed5; } - .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td { background-color: #d0e9c6; border-color: #c9e2b3; } - .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td { background-color: #ebcccc; border-color: #e6c1c7; } - .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td { background-color: #faf2cc; border-color: #f8e5be; } - form { margin: 0; } - fieldset { padding: 0; margin: 0; border: 0; } - legend { display: block; width: 100%; @@ -1211,13 +1058,11 @@ legend { border: 0; border-bottom: 1px solid #e5e5e5; } - label { display: inline-block; margin-bottom: 5px; font-weight: bold; } - select, textarea, input[type="text"], @@ -1245,19 +1090,17 @@ input[type="color"] { border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border-color linear 0.2s, box-shadow linear 0.2s; - -o-transition: border-color linear 0.2s, box-shadow linear 0.2s; - transition: border-color linear 0.2s, box-shadow linear 0.2s; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color linear .2s, box-shadow linear .2s; + -moz-transition: border-color linear .2s, box-shadow linear .2s; + -o-transition: border-color linear .2s, box-shadow linear .2s; + transition: border-color linear .2s, box-shadow linear .2s; } - input, select, textarea { width: 100%; } - input[type="file"], input[type="image"], input[type="submit"], @@ -1267,17 +1110,14 @@ input[type="radio"], input[type="checkbox"] { width: auto; } - input[type="search"] { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } - textarea { height: auto; } - textarea:focus, input[type="text"]:focus, input[type="password"]:focus, @@ -1299,9 +1139,8 @@ input[type="color"]:focus { /* IE6-9 */ -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); } - input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; @@ -1310,7 +1149,6 @@ input[type="checkbox"] { line-height: normal; } - select, input[type="file"] { height: 34px; @@ -1318,12 +1156,10 @@ input[type="file"] { line-height: 34px; } - select[multiple], select[size] { height: auto; } - select:focus, input[type="file"]:focus, input[type="radio"]:focus, @@ -1332,37 +1168,31 @@ input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } - input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } - input::-moz-placeholder, textarea::-moz-placeholder { color: #999999; } - input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } - input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } - .radio, .checkbox { display: block; min-height: 20px; - padding-left: 20px; margin-top: 10px; margin-bottom: 10px; + padding-left: 20px; vertical-align: middle; } - .radio label, .checkbox label { display: inline; @@ -1370,7 +1200,6 @@ textarea::-webkit-input-placeholder { font-weight: normal; cursor: pointer; } - .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], @@ -1378,12 +1207,10 @@ textarea::-webkit-input-placeholder { float: left; margin-left: -20px; } - .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } - /* // Move the options list down to align with labels .controls > .radio:first-child, @@ -1391,23 +1218,20 @@ textarea::-webkit-input-placeholder { padding-top: 5px; // has to be padding because margin collaspes } */ - .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; - font-weight: normal; vertical-align: middle; + font-weight: normal; cursor: pointer; } - .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } - select.input-large, textarea.input-large, input[type="text"].input-large, @@ -1428,7 +1252,6 @@ input[type="color"].input-large { font-size: 18px; border-radius: 6px; } - select.input-small, textarea.input-small, input[type="text"].input-small, @@ -1450,7 +1273,6 @@ input[type="color"].input-small { font-size: 12px; border-radius: 3px; } - input[disabled], select[disabled], textarea[disabled], @@ -1463,7 +1285,6 @@ fieldset[disabled] textarea { cursor: not-allowed; background-color: #eeeeee; } - input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], @@ -1472,73 +1293,61 @@ fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { background-color: transparent; } - .has-warning .control-label { color: #c09853; } - .has-warning .input-with-feedback { padding-right: 32px; border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .has-warning .input-with-feedback:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } - .has-error .control-label { color: #b94a48; } - .has-error .input-with-feedback { padding-right: 32px; border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .has-error .input-with-feedback:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } - .has-success .control-label { color: #468847; } - .has-success .input-with-feedback { padding-right: 32px; border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .has-success .input-with-feedback:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } - input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } - input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; } - .form-actions { padding: 20px 20px; margin-top: 20px; @@ -1546,69 +1355,68 @@ select:focus:invalid:focus { background-color: #f5f5f5; border-top: 1px solid #e5e5e5; } - .form-actions:before, .form-actions:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .form-actions:after { clear: both; } - .form-actions:before, .form-actions:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .form-actions:after { clear: both; } - .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } - .input-group { display: table; } - .input-group.col { float: none; - padding-right: 0; padding-left: 0; + padding-right: 0; } - .input-group input, .input-group select { width: 100%; margin-bottom: 0; } - .input-group-addon, .input-group-btn, .input-group input { display: table-cell; } - .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group input:not(:first-child):not(:last-child) { border-radius: 0; } - .input-group-addon, .input-group-btn { width: 1%; vertical-align: middle; } - .input-group-addon { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; padding: 6px 8px; font-size: 14px; font-weight: normal; @@ -1618,35 +1426,27 @@ select:focus:invalid:focus { background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - .input-group-addon.input-small { padding: 2px 10px; font-size: 12px; border-radius: 3px; } - .input-group-addon.input-large { padding: 11px 14px; font-size: 18px; border-radius: 6px; } - .input-group input:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn:first-child, .input-group-btn:first-child > .dropdown-toggle:first-child { - border-top-right-radius: 0; border-bottom-right-radius: 0; + border-top-right-radius: 0; } - .input-group-addon:first-child { border-right: 0; } - .input-group input:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn:last-child, @@ -1654,30 +1454,24 @@ select:focus:invalid:focus { border-bottom-left-radius: 0; border-top-left-radius: 0; } - .input-group-addon:last-child { border-left: 0; } - .input-group-btn { position: relative; white-space: nowrap; } - .input-group-btn > .btn { position: relative; float: left; } - .input-group-btn > .btn + .btn { margin-left: -1px; } - .input-group-btn > .btn:hover, .input-group-btn > .btn:active { z-index: 2; } - .form-inline input, .form-inline select, .form-inline textarea, @@ -1685,22 +1479,18 @@ select:focus:invalid:focus { .form-inline .checkbox { display: inline-block; } - .form-inline .radio, .form-inline .checkbox { margin-top: 0; margin-bottom: 0; } - .form-horizontal .row + .row { margin-top: 15px; } - .form-horizontal .row-label { padding-top: 6px; text-align: right; } - .btn { display: inline-block; padding: 6px 12px; @@ -1709,50 +1499,44 @@ select:focus:invalid:focus { font-weight: 500; line-height: 1.428; text-align: center; - white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; + white-space: nowrap; } - .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } - .btn:hover, .btn:focus { color: #fff; text-decoration: none; } - .btn:active, .btn.active { - background-image: none; outline: 0; + background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } - .btn.disabled, .btn[disabled], fieldset[disabled] .btn { - pointer-events: none; cursor: default; + pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } - .btn-default { color: #ffffff; background-color: #a7a9aa; border-color: #a7a9aa; } - .btn-default:hover, .btn-default:focus, .btn-default:active, @@ -1760,7 +1544,6 @@ fieldset[disabled] .btn { background-color: #9a9c9d; border-color: #8d9091; } - .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, @@ -1776,13 +1559,11 @@ fieldset[disabled] .btn-default.active { background-color: #a7a9aa; border-color: #a7a9aa; } - .btn-primary { color: #ffffff; background-color: #428bca; border-color: #428bca; } - .btn-primary:hover, .btn-primary:focus, .btn-primary:active, @@ -1790,7 +1571,6 @@ fieldset[disabled] .btn-default.active { background-color: #357ebd; border-color: #3071a9; } - .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, @@ -1806,13 +1586,11 @@ fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #428bca; } - .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #f0ad4e; } - .btn-warning:hover, .btn-warning:focus, .btn-warning:active, @@ -1820,7 +1598,6 @@ fieldset[disabled] .btn-primary.active { background-color: #eea236; border-color: #ec971f; } - .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, @@ -1836,13 +1613,11 @@ fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #f0ad4e; } - .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d9534f; } - .btn-danger:hover, .btn-danger:focus, .btn-danger:active, @@ -1850,7 +1625,6 @@ fieldset[disabled] .btn-warning.active { background-color: #d43f3a; border-color: #c9302c; } - .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, @@ -1866,13 +1640,11 @@ fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d9534f; } - .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #5cb85c; } - .btn-success:hover, .btn-success:focus, .btn-success:active, @@ -1880,7 +1652,6 @@ fieldset[disabled] .btn-danger.active { background-color: #4cae4c; border-color: #449d44; } - .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, @@ -1896,13 +1667,11 @@ fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #5cb85c; } - .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #5bc0de; } - .btn-info:hover, .btn-info:focus, .btn-info:active, @@ -1910,7 +1679,6 @@ fieldset[disabled] .btn-success.active { background-color: #46b8da; border-color: #31b0d5; } - .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, @@ -1926,7 +1694,6 @@ fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #5bc0de; } - .btn-link, .btn-link:active, .btn-link[disabled], @@ -1934,30 +1701,26 @@ fieldset[disabled] .btn-link { background-color: transparent; background-image: none; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } - .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } - .btn-link { - font-weight: normal; color: #428bca; + font-weight: normal; cursor: pointer; border-radius: 0; } - .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } - .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, @@ -1965,54 +1728,45 @@ fieldset[disabled] .btn-link:focus { color: #333333; text-decoration: none; } - .btn-large { padding: 11px 14px; font-size: 18px; border-radius: 6px; } - .btn-small { padding: 2px 10px; font-size: 12px; border-radius: 3px; } - .btn-mini { padding: 0 6px; font-size: 11px; border-radius: 3px; } - .btn-block { display: block; width: 100%; - padding-right: 0; padding-left: 0; + padding-right: 0; } - .btn-block + .btn-block { margin-top: 5px; } - input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } - .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; - -moz-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } - .fade.in { opacity: 1; } - /*.collapse { position: relative; height: 0; @@ -2022,685 +1776,518 @@ input[type="button"].btn-block { height: auto; } }*/ - .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; - -moz-transition: height 0.35s ease; - -o-transition: height 0.35s ease; - transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; } - .collapse.in { height: auto; } - @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphiconshalflings-regular.eot'); src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); } - .glyphicon:before { font-family: 'Glyphicons Halflings'; - -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; + -webkit-font-smoothing: antialiased; } - .glyphicon-glass:before { content: "\e001"; } - .glyphicon-music:before { content: "\e002"; } - .glyphicon-search:before { content: "\e003"; } - .glyphicon-envelope:before { content: "\2709"; } - .glyphicon-heart:before { content: "\e005"; } - .glyphicon-star:before { content: "\e006"; } - .glyphicon-star-empty:before { content: "\e007"; } - .glyphicon-user:before { content: "\e008"; } - .glyphicon-film:before { content: "\e009"; } - .glyphicon-th-large:before { content: "\e010"; } - .glyphicon-th:before { content: "\e011"; } - .glyphicon-th-list:before { content: "\e012"; } - .glyphicon-ok:before { content: "\e013"; } - .glyphicon-remove:before { content: "\e014"; } - .glyphicon-zoom-in:before { content: "\e015"; } - .glyphicon-zoom-out:before { content: "\e016"; } - .glyphicon-off:before { content: "\e017"; } - .glyphicon-signal:before { content: "\e018"; } - .glyphicon-cog:before { content: "\e019"; } - .glyphicon-trash:before { content: "\e020"; } - .glyphicon-home:before { content: "\e021"; } - .glyphicon-file:before { content: "\e022"; } - .glyphicon-time:before { content: "\e023"; } - .glyphicon-road:before { content: "\e024"; } - .glyphicon-download-alt:before { content: "\e025"; } - .glyphicon-download:before { content: "\e026"; } - .glyphicon-upload:before { content: "\e027"; } - .glyphicon-inbox:before { content: "\e028"; } - .glyphicon-play-circle:before { content: "\e029"; } - .glyphicon-repeat:before { content: "\e030"; } - .glyphicon-refresh:before { content: "\e031"; } - .glyphicon-list-alt:before { content: "\e032"; } - .glyphicon-lock:before { content: "\e033"; } - .glyphicon-flag:before { content: "\e034"; } - .glyphicon-headphones:before { content: "\e035"; } - .glyphicon-volume-off:before { content: "\e036"; } - .glyphicon-volume-down:before { content: "\e037"; } - .glyphicon-volume-up:before { content: "\e038"; } - .glyphicon-qrcode:before { content: "\e039"; } - .glyphicon-barcode:before { content: "\e040"; } - .glyphicon-tag:before { content: "\e041"; } - .glyphicon-tags:before { content: "\e042"; } - .glyphicon-book:before { content: "\e043"; } - .glyphicon-bookmark:before { content: "\e044"; } - .glyphicon-print:before { content: "\e045"; } - .glyphicon-camera:before { content: "\e046"; } - .glyphicon-font:before { content: "\e047"; } - .glyphicon-bold:before { content: "\e048"; } - .glyphicon-italic:before { content: "\e049"; } - .glyphicon-text-height:before { content: "\e050"; } - .glyphicon-text-width:before { content: "\e051"; } - .glyphicon-align-left:before { content: "\e052"; } - .glyphicon-align-center:before { content: "\e053"; } - .glyphicon-align-right:before { content: "\e054"; } - .glyphicon-align-justify:before { content: "\e055"; } - .glyphicon-list:before { content: "\e056"; } - .glyphicon-indent-left:before { content: "\e057"; } - .glyphicon-indent-right:before { content: "\e058"; } - .glyphicon-facetime-video:before { content: "\e059"; } - .glyphicon-picture:before { content: "\e060"; } - .glyphicon-pencil:before { content: "\270f"; } - .glyphicon-map-marker:before { content: "\e062"; } - .glyphicon-adjust:before { content: "\e063"; } - .glyphicon-tint:before { content: "\e064"; } - .glyphicon-edit:before { content: "\e065"; } - .glyphicon-share:before { content: "\e066"; } - .glyphicon-check:before { content: "\e067"; } - .glyphicon-move:before { content: "\e068"; } - .glyphicon-step-backward:before { content: "\e069"; } - .glyphicon-fast-backward:before { content: "\e070"; } - .glyphicon-backward:before { content: "\e071"; } - .glyphicon-play:before { content: "\e072"; } - .glyphicon-pause:before { content: "\e073"; } - .glyphicon-stop:before { content: "\e074"; } - .glyphicon-forward:before { content: "\e075"; } - .glyphicon-fast-forward:before { content: "\e076"; } - .glyphicon-step-forward:before { content: "\e077"; } - .glyphicon-eject:before { content: "\e078"; } - .glyphicon-chevron-left:before { content: "\e079"; } - .glyphicon-chevron-right:before { content: "\e080"; } - .glyphicon-plus-sign:before { content: "\e081"; } - .glyphicon-minus-sign:before { content: "\e082"; } - .glyphicon-remove-sign:before { content: "\e083"; } - .glyphicon-ok-sign:before { content: "\e084"; } - .glyphicon-question-sign:before { content: "\e085"; } - .glyphicon-info-sign:before { content: "\e086"; } - .glyphicon-screenshot:before { content: "\e087"; } - .glyphicon-remove-circle:before { content: "\e088"; } - .glyphicon-ok-circle:before { content: "\e089"; } - .glyphicon-ban-circle:before { content: "\e090"; } - .glyphicon-arrow-left:before { content: "\e091"; } - .glyphicon-arrow-right:before { content: "\e092"; } - .glyphicon-arrow-up:before { content: "\e093"; } - .glyphicon-arrow-down:before { content: "\e094"; } - .glyphicon-share-alt:before { content: "\e095"; } - .glyphicon-resize-full:before { content: "\e096"; } - .glyphicon-resize-small:before { content: "\e097"; } - .glyphicon-plus:before { content: "\002b"; } - .glyphicon-minus:before { content: "\2212"; } - .glyphicon-asterisk:before { content: "\002a"; } - .glyphicon-exclamation-sign:before { content: "\e101"; } - .glyphicon-gift:before { content: "\e102"; } - .glyphicon-leaf:before { content: "\e103"; } - .glyphicon-fire:before { content: "\e104"; } - .glyphicon-eye-open:before { content: "\e105"; } - .glyphicon-eye-close:before { content: "\e106"; } - .glyphicon-warning-sign:before { content: "\e107"; } - .glyphicon-plane:before { content: "\e108"; } - .glyphicon-calendar:before { content: "\e109"; } - .glyphicon-random:before { content: "\e110"; } - .glyphicon-comment:before { content: "\e111"; } - .glyphicon-magnet:before { content: "\e112"; } - .glyphicon-chevron-up:before { content: "\e113"; } - .glyphicon-chevron-down:before { content: "\e114"; } - .glyphicon-retweet:before { content: "\e115"; } - .glyphicon-shopping-cart:before { content: "\e116"; } - .glyphicon-folder-close:before { content: "\e117"; } - .glyphicon-folder-open:before { content: "\e118"; } - .glyphicon-resize-vertical:before { content: "\e119"; } - .glyphicon-resize-horizontal:before { content: "\e120"; } - .glyphicon-hdd:before { content: "\e121"; } - .glyphicon-bullhorn:before { content: "\e122"; } - .glyphicon-bell:before { content: "\e123"; } - .glyphicon-certificate:before { content: "\e124"; } - .glyphicon-thumbs-up:before { content: "\e125"; } - .glyphicon-thumbs-down:before { content: "\e126"; } - .glyphicon-hand-right:before { content: "\e127"; } - .glyphicon-hand-left:before { content: "\e128"; } - .glyphicon-hand-up:before { content: "\e129"; } - .glyphicon-hand-down:before { content: "\e130"; } - .glyphicon-circle-arrow-right:before { content: "\e131"; } - .glyphicon-circle-arrow-left:before { content: "\e132"; } - .glyphicon-circle-arrow-up:before { content: "\e133"; } - .glyphicon-circle-arrow-down:before { content: "\e134"; } - .glyphicon-globe:before { content: "\e135"; } - .glyphicon-wrench:before { content: "\e136"; } - .glyphicon-tasks:before { content: "\e137"; } - .glyphicon-filter:before { content: "\e138"; } - .glyphicon-briefcase:before { content: "\e139"; } - .glyphicon-fullscreen:before { content: "\e140"; } - .glyphicon-dashboard:before { content: "\e141"; } - .glyphicon-paperclip:before { content: "\e142"; } - .glyphicon-heart-empty:before { content: "\e143"; } - .glyphicon-link:before { content: "\e144"; } - .glyphicon-phone:before { content: "\e145"; } - .glyphicon-pushpin:before { content: "\e146"; } - .glyphicon-euro:before { content: "\20ac"; } - .glyphicon-usd:before { content: "\e148"; } - .glyphicon-gbp:before { content: "\e149"; } - .glyphicon-sort:before { content: "\e150"; } - .glyphicon-sort-by-alphabet:before { content: "\e151"; } - .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } - .glyphicon-sort-by-order:before { content: "\e153"; } - .glyphicon-sort-by-order-alt:before { content: "\e154"; } - .glyphicon-sort-by-attributes:before { content: "\e155"; } - .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } - .glyphicon-unchecked:before { content: "\e157"; } - .glyphicon-expand:before { content: "\e158"; } - .glyphicon-collapse:before { content: "\e159"; } - .glyphicon-collapse-top:before { content: "\e160"; } - .dropup, .dropdown { position: relative; } - .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } - .caret { display: inline-block; width: 0; @@ -2711,12 +2298,10 @@ input[type="button"].btn-block { border-left: 4px solid transparent; content: ""; } - .dropdown .caret { margin-top: 8px; margin-left: 2px; } - .dropdown-menu { position: absolute; top: 100%; @@ -2733,17 +2318,15 @@ input[type="button"].btn-block { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; } - .dropdown-menu.pull-right { right: 0; left: auto; } - .dropdown-menu .divider { height: 2px; margin: 9px 0; @@ -2751,7 +2334,6 @@ input[type="button"].btn-block { background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } - .dropdown-menu > li > a { display: block; padding: 3px 20px; @@ -2761,13 +2343,12 @@ input[type="button"].btn-block { color: #333333; white-space: nowrap; } - .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { - color: #ffffff; text-decoration: none; + color: #ffffff; background-color: #357ebd; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, #357ebd); @@ -2776,64 +2357,55 @@ input[type="button"].btn-block { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } - .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; + outline: 0; background-color: #357ebd; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, #357ebd); background-image: -moz-linear-gradient(top, #428bca, #357ebd); background-image: linear-gradient(to bottom, #428bca, #357ebd); background-repeat: repeat-x; - outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } - .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } - .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; - cursor: default; background-color: transparent; background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: default; } - .open > .dropdown-menu { display: block; } - .pull-right > .dropdown-menu { right: 0; left: auto; } - .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000; content: ""; } - .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } - .dropdown-submenu { position: relative; } - .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; @@ -2841,11 +2413,9 @@ input[type="button"].btn-block { margin-left: -1px; border-top-left-radius: 0; } - .dropdown-submenu:hover > .dropdown-menu { display: block; } - .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; @@ -2853,49 +2423,41 @@ input[type="button"].btn-block { margin-bottom: -2px; border-bottom-left-radius: 0; } - .dropdown-submenu > a:after { display: block; + content: " "; float: right; width: 0; height: 0; - margin-top: 5px; - margin-right: -10px; border-color: transparent; - border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; - content: " "; + border-left-color: #cccccc; + margin-top: 5px; + margin-right: -10px; } - .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } - .dropdown-submenu.pull-left { float: none; } - .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; border-top-right-radius: 0; } - .dropdown .dropdown-menu .nav-header { - padding-right: 20px; padding-left: 20px; + padding-right: 20px; } - .typeahead { z-index: 1051; } - .list-group { margin: 0 0 20px; background-color: #ffffff; } - .list-group-item { position: relative; display: block; @@ -2903,71 +2465,57 @@ input[type="button"].btn-block { margin-bottom: -1px; border: 1px solid #dddddd; } - .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } - .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } - .list-group-item-text { margin-bottom: 0; line-height: 1.3; } - a.list-group-item .list-group-item-heading { color: #333; } - a.list-group-item .list-group-item-text { color: #555; } - a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: #f5f5f5; } - a.list-group-item.active { z-index: 2; color: #ffffff; background-color: #428bca; border-color: #428bca; } - a.list-group-item.active .list-group-item-heading { color: inherit; } - a.list-group-item.active .list-group-item-text { color: #e1edf7; } - .list-group-item > .badge, .list-group-item > .glyphicon-chevron-right { float: right; margin-right: -15px; } - .list-group-item > .glyphicon-chevron-right { margin-right: -15px; } - .list-group-item > .glyphicon + .badge { margin-right: 5px; } - .panel { padding: 15px; margin-bottom: 20px; @@ -2975,87 +2523,71 @@ a.list-group-item.active .list-group-item-text { border: 1px solid #dddddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } - .panel-heading { - padding: 10px 15px; margin: -15px -15px 15px; + padding: 10px 15px; font-size: 17.5px; font-weight: 500; background-color: #f5f5f5; border-bottom: 1px solid #dddddd; - border-top-right-radius: 3px; border-top-left-radius: 3px; + border-top-right-radius: 3px; } - .panel-primary { border-color: #428bca; } - .panel-primary .panel-heading { color: #ffffff; background-color: #428bca; border-color: #428bca; } - .panel-success { border-color: #d6e9c6; } - .panel-success .panel-heading { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } - .panel-warning { border-color: #fbeed5; } - .panel-warning .panel-heading { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; } - .panel-danger { border-color: #eed3d7; } - .panel-danger .panel-heading { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } - .panel-info { border-color: #bce8f1; } - .panel-info .panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } - .list-group-flush { margin: 15px -15px -15px; } - .list-group-flush .list-group-item { border-width: 1px 0; } - .list-group-flush .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } - .list-group-flush .list-group-item:last-child { border-bottom: 0; } - .well { min-height: 20px; padding: 19px; @@ -3064,24 +2596,20 @@ a.list-group-item.active .list-group-item-text { border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } - .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } - .well-large { padding: 24px; border-radius: 6px; } - .well-small { padding: 9px; border-radius: 3px; } - .close { float: right; font-size: 21px; @@ -3092,7 +2620,6 @@ a.list-group-item.active .list-group-item-text { opacity: 0.2; filter: alpha(opacity=20); } - .close:hover, .close:focus { color: #000; @@ -3101,7 +2628,6 @@ a.list-group-item.active .list-group-item-text { opacity: 0.5; filter: alpha(opacity=50); } - button.close { padding: 0; cursor: pointer; @@ -3109,70 +2635,65 @@ button.close { border: 0; -webkit-appearance: none; } - .nav { - padding-left: 0; - margin-bottom: 0; margin-left: 0; + margin-bottom: 0; + padding-left: 0; list-style: none; } - .nav:before, .nav:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .nav:after { clear: both; } - .nav:before, .nav:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .nav:after { clear: both; } - .nav > li { display: block; } - .nav > li > a { position: relative; display: block; padding: 10px 15px; } - .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } - .nav > li.disabled > a { color: #999999; } - .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; - cursor: default; background-color: transparent; + cursor: default; } - .nav > li + .nav-header { margin-top: 9px; } - .nav > .pull-right { float: right; } - .nav .nav-divider { height: 2px; margin: 9px 0; @@ -3180,103 +2701,83 @@ button.close { background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } - .nav-tabs { border-bottom: 1px solid #ddd; } - .nav-tabs > li { float: left; margin-bottom: -1px; } - .nav-tabs > li > a { margin-right: 2px; line-height: 1.428; border: 1px solid transparent; border-radius: 4px 4px 0 0; } - .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } - .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; - cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; + cursor: default; } - .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } - .nav-tabs.nav-justified > li { - display: table-cell; float: none; + display: table-cell; width: 1%; } - .nav-tabs.nav-justified > li > a { text-align: center; } - .nav-tabs.nav-justified > li > a { - margin-right: 0; border-bottom: 1px solid #ddd; + margin-right: 0; } - .nav-tabs.nav-justified > .active > a { border-bottom-color: #ffffff; } - .nav-pills > li { float: left; } - .nav-pills > li > a { border-radius: 5px; } - .nav-pills > li + li > a { margin-left: 2px; } - .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #428bca; } - .nav-stacked > li { float: none; } - .nav-stacked > li + li > a { margin-top: 2px; margin-left: 0; } - .nav-justified { width: 100%; } - .nav-justified > li { - display: table-cell; float: none; + display: table-cell; width: 1%; } - .nav-justified > li > a { text-align: center; } - .nav-header { display: block; padding: 3px 15px; @@ -3287,37 +2788,38 @@ button.close { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } - .tabbable:before, .tabbable:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .tabbable:after { clear: both; } - .tabbable:before, .tabbable:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .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 @@ -3386,71 +2888,67 @@ button.close { } */ - .navbar { position: relative; - padding-right: 15px; - padding-left: 15px; margin-bottom: 20px; + padding-left: 15px; + padding-right: 15px; background-color: #eeeeee; border-radius: 4px; } - .navbar:before, .navbar:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .navbar:after { clear: both; } - .navbar:before, .navbar:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .navbar:after { clear: both; } - .navbar-nav { margin-top: 10px; } - .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; - line-height: 20px; color: #777777; + line-height: 20px; } - .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color: #333333; background-color: transparent; } - .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { color: #555555; 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 { border-radius: 0; } - .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; @@ -3459,36 +2957,31 @@ button.close { z-index: 1030; border-radius: 0; } - .navbar-fixed-top { top: 0; } - .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; } - .navbar-brand { display: block; max-width: 200px; - padding: 15px; - margin-right: auto; margin-left: auto; + margin-right: auto; + padding: 15px; font-size: 18px; font-weight: 500; line-height: 20px; color: #777777; text-align: center; } - .navbar-brand:hover, .navbar-brand:focus { color: #5e5e5e; text-decoration: none; background-color: transparent; } - .navbar-toggle { position: absolute; top: 10px; @@ -3498,12 +2991,10 @@ button.close { border: 1px solid #ddd; border-radius: 4px; } - .navbar-toggle:hover, .navbar-toggle:focus { background-color: #ddd; } - .navbar-toggle .icon-bar { display: block; width: 22px; @@ -3511,16 +3002,13 @@ button.close { background-color: #ccc; border-radius: 1px; } - .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } - .navbar-form { margin-top: 8px; margin-bottom: 8px; } - .navbar-form input, .navbar-form select, .navbar-form textarea, @@ -3528,139 +3016,115 @@ button.close { .navbar-form .checkbox { display: inline-block; } - .navbar-form .radio, .navbar-form .checkbox { margin-top: 0; margin-bottom: 0; } - .navbar-nav > li > .dropdown-menu { margin-top: 0; - border-top-right-radius: 0; border-top-left-radius: 0; + border-top-right-radius: 0; } - .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - border-bottom-right-radius: 0; border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } - .navbar-nav li.dropdown > a:hover .caret, .navbar-nav li.dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } - .navbar-nav li.dropdown.open > .dropdown-toggle, .navbar-nav li.dropdown.active > .dropdown-toggle, .navbar-nav li.dropdown.open.active > .dropdown-toggle { - color: #555555; background-color: #d5d5d5; + color: #555555; } - .navbar-nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } - .navbar-nav li.dropdown.open > .dropdown-toggle .caret, .navbar-nav li.dropdown.active > .dropdown-toggle .caret, .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } - .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { - right: 0; left: auto; + right: 0; } - .navbar-inverse { background-color: #222222; } - .navbar-inverse .navbar-brand { color: #999999; } - .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; } - .navbar-inverse .navbar-text { color: #999999; } - .navbar-inverse .navbar-nav > li > a { color: #999999; } - .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; } - .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #080808; } - .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-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 .navbar-nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle { - color: #ffffff; background-color: #080808; + color: #ffffff; } - .navbar-inverse .navbar-nav li.dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } - .navbar-inverse .navbar-nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } - .navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } - @media screen and (min-width: 768px) { .navbar-brand { float: left; - margin-right: 5px; margin-left: -5px; + margin-right: 5px; } .navbar .nav { float: left; @@ -3683,212 +3147,177 @@ button.close { overflow: visible !important; } } - .navbar-btn { margin-top: 8px; } - .navbar-text { margin-top: 15px; margin-bottom: 15px; } - .navbar-link { color: #777777; } - .navbar-link:hover { color: #333333; } - .navbar-inverse .navbar-link { color: #999999; } - .navbar-inverse .navbar-link:hover { color: #ffffff; } - .btn .caret { border-top-color: #ffffff; } - .dropup .btn .caret { border-bottom-color: #ffffff; } - .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } - .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } - .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:active, .btn-group-vertical > .btn:active { z-index: 2; } - .btn-group .btn + .btn { margin-left: -1px; } - .btn-toolbar:before, .btn-toolbar:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .btn-toolbar:after { clear: both; } - .btn-toolbar:before, .btn-toolbar:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .btn-toolbar:after { clear: both; } - .btn-toolbar .btn-group { float: left; } - .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group { margin-left: 5px; } - .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } - .btn-group > .btn:first-child { margin-left: 0; } - .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0; border-bottom-right-radius: 0; + border-top-right-radius: 0; } - .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } - .btn-group > .btn-group { float: left; } - .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } - .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { - border-top-right-radius: 0; border-bottom-right-radius: 0; + border-top-right-radius: 0; } - .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } - .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } - .btn-group > .btn + .dropdown-toggle { - padding-right: 8px; padding-left: 8px; + padding-right: 8px; } - .btn-group > .btn-mini + .dropdown-toggle { - padding-right: 5px; padding-left: 5px; + padding-right: 5px; } - .btn-group > .btn-large + .dropdown-toggle { - padding-right: 12px; padding-left: 12px; + padding-right: 12px; } - .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } - .btn .caret { margin-top: 8px; margin-left: 0; } - .btn-large .caret { border-width: 5px; } - .dropup .btn-large .caret { border-bottom-width: 5px; } - .btn-group-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; } - .btn-group-vertical > .btn + .btn { margin-top: -1px; } - .btn-group-vertical .btn:not(:first-child):not(:last-child) { border-radius: 0; } - .btn-group-vertical .btn:first-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } - .btn-group-vertical .btn:last-child { border-top-right-radius: 0; border-top-left-radius: 0; } - .btn-group-justified { display: table; width: 100%; } - .btn-group-justified .btn { - display: table-cell; float: none; + display: table-cell; width: 1%; } - .btn-group[data-toggle="buttons-radio"] > .btn > input[type="radio"], .btn-group[data-toggle="buttons-checkbox"] > .btn > input[type="checkbox"] { display: none; } - .breadcrumb { padding: 8px 15px; margin: 0 0 20px; @@ -3896,37 +3325,30 @@ button.close { background-color: #f5f5f5; border-radius: 4px; } - .breadcrumb > li { display: inline-block; text-shadow: 0 1px 0 #fff; } - .breadcrumb > li:after { display: inline-block; + content: "\00a0 /"; padding: 0 5px; color: #ccc; - content: "\00a0 /"; } - .breadcrumb > li:last-child:after { display: none; } - .breadcrumb > .active { color: #999999; } - .pagination { display: inline-block; margin: 20px 0; border-radius: 4px; } - .pagination > li { display: inline; } - .pagination > li > a, .pagination > li > span { float: left; @@ -3937,60 +3359,51 @@ button.close { border: 1px solid #dddddd; border-left-width: 0; } - .pagination > li > a:hover, .pagination > li > a:focus, .pagination > .active > a, .pagination > .active > span { background-color: #f5f5f5; } - .pagination > .active > a, .pagination > .active > span { color: #999999; cursor: default; } - .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; - cursor: default; background-color: #ffffff; + cursor: default; } - .pagination > li:first-child > a, .pagination > li:first-child > span { border-left-width: 1px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } - .pagination > li:last-child > a, .pagination > li:last-child > span { - border-top-right-radius: 4px; border-bottom-right-radius: 4px; + border-top-right-radius: 4px; } - .pagination-large > li > a, .pagination-large > li > span { padding: 11px 14px; font-size: 18px; } - .pagination-large > li:first-child > a, .pagination-large > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } - .pagination-large > li:last-child > a, .pagination-large > li:last-child > span { - border-top-right-radius: 6px; border-bottom-right-radius: 6px; + border-top-right-radius: 6px; } - .pagination-mini > li:first-child > a, .pagination-small > li:first-child > a, .pagination-mini > li:first-child > span, @@ -3998,57 +3411,55 @@ button.close { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } - .pagination-mini > li:last-child > a, .pagination-small > li:last-child > a, .pagination-mini > li:last-child > span, .pagination-small > li:last-child > span { - border-top-right-radius: 3px; border-bottom-right-radius: 3px; + border-top-right-radius: 3px; } - .pagination-small > li > a, .pagination-small > li > span { padding: 2px 10px; font-size: 12px; } - .pagination-mini > li > a, .pagination-mini > li > span { padding: 0 6px; font-size: 11px; } - .pager { margin: 20px 0; - text-align: center; list-style: none; + text-align: center; } - .pager:before, .pager:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .pager:after { clear: both; } - .pager:before, .pager:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .pager:after { clear: both; } - .pager li { display: inline; } - .pager li > a, .pager li > span { display: inline-block; @@ -4057,85 +3468,74 @@ button.close { border: 1px solid #dddddd; border-radius: 15px; } - .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } - .pager .next > a, .pager .next > span { float: right; } - .pager .previous > a, .pager .previous > span { float: left; } - .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; - cursor: default; background-color: #ffffff; + cursor: default; } - .modal-open { overflow: hidden; } - .modal { + display: none; + overflow: auto; + overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; - display: none; - overflow: auto; - overflow-y: scroll; -webkit-overflow-scrolling: touch; } - .modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; } - .modal.fade.in { top: 0; } - .modal-dialog { position: relative; top: 0; - right: 0; left: 0; - z-index: 1050; + right: 0; width: auto; padding: 10px; + z-index: 1050; } - .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; - outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; + outline: none; } - .modal-backdrop { position: fixed; top: 0; @@ -4145,128 +3545,114 @@ button.close { z-index: 1030; background-color: #000; } - .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } - .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } - .modal-header { - min-height: 16.428px; padding: 15px; border-bottom: 1px solid #e5e5e5; + min-height: 16.428px; } - .modal-header .close { margin-top: -2px; } - .modal-title { margin: 0; line-height: 1.428; } - .modal-body { position: relative; padding: 20px; } - .modal-footer { - padding: 19px 20px 20px; margin-top: 15px; + padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5; } - .modal-footer:before, .modal-footer:after { - display: table; content: " "; -} + /* 1 */ + display: table; + /* 2 */ + +} .modal-footer:after { clear: both; } - .modal-footer:before, .modal-footer:after { - display: table; content: " "; -} + /* 1 */ + display: table; + /* 2 */ + +} .modal-footer:after { clear: both; } - .modal-footer .btn + .btn { - margin-bottom: 0; margin-left: 5px; + margin-bottom: 0; } - .modal-footer .btn-group .btn + .btn { margin-left: -1px; } - .modal-footer .btn-block + .btn-block { margin-left: 0; } - @media screen and (min-width: 768px) { .modal-dialog { - right: auto; left: 50%; + right: auto; width: 560px; + margin-left: -280px; padding-top: 30px; padding-bottom: 30px; - margin-left: -280px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } - .tooltip { position: absolute; z-index: 1030; display: block; + visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); - visibility: visible; } - .tooltip.in { opacity: 1; filter: alpha(opacity=100); } - .tooltip.top { - padding: 5px 0; margin-top: -3px; + padding: 5px 0; } - .tooltip.right { - padding: 0 5px; margin-left: 3px; + padding: 0 5px; } - .tooltip.bottom { - padding: 5px 0; margin-top: 3px; + padding: 5px 0; } - .tooltip.left { - padding: 0 5px; margin-left: -3px; + padding: 0 5px; } - .tooltip-inner { max-width: 200px; padding: 3px 8px; @@ -4276,7 +3662,6 @@ button.close { background-color: rgba(0, 0, 0, 0.9); border-radius: 4px; } - .tooltip-arrow { position: absolute; width: 0; @@ -4284,39 +3669,34 @@ button.close { border-color: transparent; border-style: solid; } - .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; - border-top-color: rgba(0, 0, 0, 0.9); border-width: 5px 5px 0; + border-top-color: rgba(0, 0, 0, 0.9); } - .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; - border-right-color: rgba(0, 0, 0, 0.9); border-width: 5px 5px 5px 0; + border-right-color: rgba(0, 0, 0, 0.9); } - .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; - border-left-color: rgba(0, 0, 0, 0.9); border-width: 5px 0 5px 5px; + border-left-color: rgba(0, 0, 0, 0.9); } - .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; - border-bottom-color: rgba(0, 0, 0, 0.9); border-width: 0 5px 5px; + border-bottom-color: rgba(0, 0, 0, 0.9); } - .popover { position: absolute; top: 0; @@ -4326,37 +3706,32 @@ button.close { max-width: 276px; padding: 1px; text-align: left; - white-space: normal; background-color: #ffffff; + -webkit-bg-clip: padding-box; + -moz-bg-clip: padding; + background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - background-clip: padding-box; - -webkit-bg-clip: padding-box; - -moz-bg-clip: padding; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + white-space: normal; } - .popover.top { margin-top: -10px; } - .popover.right { margin-left: 10px; } - .popover.bottom { margin-top: 10px; } - .popover.left { margin-left: -10px; } - .popover-title { - padding: 8px 14px; margin: 0; + padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; @@ -4364,15 +3739,12 @@ button.close { border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } - .popover-title:empty { display: none; } - .popover-content { padding: 9px 14px; } - .popover .arrow, .popover .arrow:after { position: absolute; @@ -4382,80 +3754,69 @@ button.close { border-color: transparent; border-style: solid; } - .popover .arrow { border-width: 11px; } - .popover .arrow:after { border-width: 10px; content: ""; } - .popover.top .arrow { - bottom: -11px; left: 50%; margin-left: -11px; + border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); - border-bottom-width: 0; + bottom: -11px; } - .popover.top .arrow:after { bottom: 1px; margin-left: -10px; - border-top-color: #ffffff; border-bottom-width: 0; + border-top-color: #ffffff; } - .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; + border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); - border-left-width: 0; } - .popover.right .arrow:after { - bottom: -10px; left: 1px; - border-right-color: #ffffff; + bottom: -10px; border-left-width: 0; + border-right-color: #ffffff; } - .popover.bottom .arrow { - top: -11px; left: 50%; margin-left: -11px; + border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); - border-top-width: 0; + top: -11px; } - .popover.bottom .arrow:after { top: 1px; margin-left: -10px; - border-bottom-color: #ffffff; border-top-width: 0; + border-bottom-color: #ffffff; } - .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; + border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); - border-right-width: 0; } - .popover.left .arrow:after { right: 1px; - bottom: -10px; - border-left-color: #ffffff; border-right-width: 0; + border-left-color: #ffffff; + bottom: -10px; } - .alert { padding: 10px 35px 10px 15px; margin-bottom: 20px; @@ -4464,88 +3825,71 @@ button.close { border: 1px solid #fbeed5; border-radius: 4px; } - .alert h4 { margin-top: 0; color: inherit; } - .alert hr { border-top-color: #f8e5be; } - .alert > a, .alert > p > a { font-weight: 500; color: #a47e3c; } - .alert .close { position: relative; top: -2px; right: -21px; color: inherit; } - .alert-success { - color: #468847; background-color: #dff0d8; border-color: #d6e9c6; + color: #468847; } - .alert-success hr { border-top-color: #c9e2b3; } - .alert-success > a, .alert-success > p > a { color: #356635; } - .alert-danger { - color: #b94a48; background-color: #f2dede; border-color: #eed3d7; + color: #b94a48; } - .alert-danger hr { border-top-color: #e6c1c7; } - .alert-danger > a, .alert-danger > p > a { color: #953b39; } - .alert-info { - color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; + color: #3a87ad; } - .alert-info hr { border-top-color: #a6e1ec; } - .alert-info > a, .alert-info > p > a { color: #2d6987; } - .alert-block { padding-top: 15px; padding-bottom: 15px; } - .alert-block > p, .alert-block > ul { margin-bottom: 0; } - .alert-block p + p { margin-top: 5px; } - .thumbnail, .img-thumbnail { padding: 4px; @@ -4554,72 +3898,58 @@ button.close { border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } - .thumbnail { display: block; } - .img-thumbnail { display: inline-block; } - a.thumbnail:hover, a.thumbnail:focus { border-color: #428bca; } - .thumbnail > img { display: block; max-width: 100%; - margin-right: auto; margin-left: auto; + margin-right: auto; } - .thumbnail .caption { padding: 9px; color: #333333; } - .media, .media-body { overflow: hidden; zoom: 1; } - .media, .media .media { margin-top: 15px; } - .media:first-child { margin-top: 0; } - .media-object { display: block; } - .media-heading { margin: 0 0 5px; } - .media > .pull-left { margin-right: 10px; } - .media > .pull-right { margin-left: 10px; } - .media-list { margin-left: 0; list-style: none; } - .label { display: inline; padding: .25em .6em; @@ -4633,7 +3963,6 @@ a.thumbnail:focus { background-color: #999999; border-radius: .25em; } - .label[href]:hover, .label[href]:focus { color: #fff; @@ -4641,88 +3970,72 @@ a.thumbnail:focus { cursor: pointer; background-color: #808080; } - .label-danger { background-color: #d9534f; } - .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } - .label-success { background-color: #5cb85c; } - .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } - .label-warning { background-color: #f0ad4e; } - .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } - .label-info { background-color: #5bc0de; } - .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } - .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; - line-height: 1; color: #fff; - text-align: center; - white-space: nowrap; + line-height: 1; vertical-align: middle; + white-space: nowrap; + text-align: center; background-color: #999999; border-radius: 10px; } - .badge:empty { display: none; } - a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } - .btn .badge { position: relative; top: -1px; } - .btn-mini .badge { top: 0; } - a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; } - .nav-pills > li > a > .badge { margin-left: 3px; } - @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4731,7 +4044,6 @@ a.list-group-item.active > .badge, background-position: 0 0; } } - @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4740,7 +4052,6 @@ a.list-group-item.active > .badge, background-position: 0 0; } } - @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4749,7 +4060,6 @@ a.list-group-item.active > .badge, background-position: 0 0; } } - @-o-keyframes progress-bar-stripes { from { background-position: 0 0; @@ -4758,7 +4068,6 @@ a.list-group-item.active > .badge, background-position: 40px 0; } } - @keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4767,20 +4076,18 @@ a.list-group-item.active > .badge, background-position: 0 0; } } - .progress { + overflow: hidden; height: 20px; margin-bottom: 20px; - overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } - .progress-bar { float: left; - width: 0; + width: 0%; height: 100%; font-size: 12px; color: #fff; @@ -4788,13 +4095,12 @@ a.list-group-item.active > .badge, text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; - -moz-transition: width 0.6s ease; - -o-transition: width 0.6s ease; - transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; } - .progress-striped .progress-bar { background-color: #428bca; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4802,23 +4108,20 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; - -moz-background-size: 40px 40px; - -o-background-size: 40px 40px; - background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; } - .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; - -moz-animation: progress-bar-stripes 2s linear infinite; - -ms-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; } - .progress-bar-danger { background-color: #d9534f; } - .progress-striped .progress-bar-danger { background-color: #d9534f; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4826,11 +4129,9 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - .progress-bar-success { background-color: #5cb85c; } - .progress-striped .progress-bar-success { background-color: #5cb85c; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4838,11 +4139,9 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - .progress-bar-warning { background-color: #f0ad4e; } - .progress-striped .progress-bar-warning { background-color: #f0ad4e; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4850,11 +4149,9 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - .progress-bar-info { background-color: #5bc0de; } - .progress-striped .progress-bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4862,136 +4159,114 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - .accordion { margin-bottom: 20px; } - .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; border-radius: 4px; } - .accordion-heading { border-bottom: 0; } - .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } - .accordion-toggle { cursor: pointer; } - .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } - .carousel { position: relative; } - .carousel-inner { position: relative; - width: 100%; overflow: hidden; + width: 100%; } - .carousel-inner > .item { - position: relative; display: none; + position: relative; -webkit-transition: 0.6s ease-in-out left; - -moz-transition: 0.6s ease-in-out left; - -o-transition: 0.6s ease-in-out left; - transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; } - .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; line-height: 1; } - .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } - .carousel-inner > .active { left: 0; } - .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } - .carousel-inner > .next { left: 100%; } - .carousel-inner > .prev { left: -100%; } - .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } - .carousel-inner > .active.left { left: -100%; } - .carousel-inner > .active.right { left: 100%; } - .carousel-control { position: absolute; top: 0; - bottom: 0; left: 0; + bottom: 0; width: 15%; + opacity: 0.5; + filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - opacity: 0.5; - filter: alpha(opacity=50); } - .carousel-control.left { background-color: rgba(0, 0, 0, 0.0001); - background-color: transparent; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); + background-color: transparent; } - .carousel-control.right { - right: 0; left: auto; + right: 0; background-color: rgba(0, 0, 0, 0.5); - background-color: transparent; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); + background-color: transparent; } - .carousel-control:hover, .carousel-control:focus { color: #fff; @@ -4999,7 +4274,6 @@ a.list-group-item.active > .badge, opacity: 0.9; filter: alpha(opacity=90); } - .carousel-control .glyphicon { position: absolute; top: 50%; @@ -5011,7 +4285,6 @@ a.list-group-item.active > .badge, margin-top: -10px; margin-left: -10px; } - .carousel-indicators { position: absolute; bottom: 20px; @@ -5019,31 +4292,28 @@ a.list-group-item.active > .badge, z-index: 5; width: 100px; margin: 0 0 0 -50px; - text-align: center; list-style: none; + text-align: center; } - .carousel-indicators li { display: inline-block; width: 8px; height: 8px; - margin-right: 0; margin-left: 0; + margin-right: 0; text-indent: -999px; - cursor: pointer; border: 1px solid #fff; border-radius: 5px; + cursor: pointer; } - .carousel-indicators .active { background-color: #fff; } - .carousel-caption { position: absolute; + left: 15%; right: 15%; bottom: 20px; - left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; @@ -5051,11 +4321,9 @@ a.list-group-item.active > .badge, text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .carousel-caption .btn { text-shadow: none; } - @media screen and (min-width: 768px) { .carousel-control .glyphicon { width: 30px; @@ -5065,12 +4333,11 @@ a.list-group-item.active > .badge, font-size: 30px; } .carousel-caption { - right: 20%; left: 20%; + right: 20%; padding-bottom: 30px; } } - .jumbotron { padding: 30px; margin-bottom: 30px; @@ -5080,16 +4347,13 @@ a.list-group-item.active > .badge, color: inherit; background-color: #eeeeee; } - .jumbotron h1 { line-height: 1; color: inherit; } - .jumbotron p { line-height: 1.4; } - @media screen and (min-width: 768px) { .jumbotron { padding: 50px 60px; @@ -5099,37 +4363,33 @@ a.list-group-item.active > .badge, font-size: 63px; } } - .clearfix:before, .clearfix:after { - display: table; content: " "; -} + /* 1 */ + display: table; + /* 2 */ + +} .clearfix:after { clear: both; } - .pull-right { float: right; } - .pull-left { float: left; } - .hide { display: none !important; } - .show { display: block !important; } - .invisible { visibility: hidden; } - .text-hide { font: 0/0 a; color: transparent; @@ -5137,96 +4397,82 @@ a.list-group-item.active > .badge, background-color: transparent; border: 0; } - .affix { position: fixed; } - @-ms-viewport { width: device-width; } - @media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } } - .hidden { display: none; visibility: hidden; } - -.visible-phone { +.visible-sm { display: inherit !important; } - -.visible-tablet { +.visible-md { display: none !important; } - -.visible-desktop { +.visible-lg { display: none !important; } - -.hidden-phone { +.hidden-sm { display: none !important; } - -.hidden-tablet { +.hidden-md { display: inherit !important; } - -.hidden-desktop { +.hidden-lg { display: inherit !important; } - @media (min-width: 768px) and (max-width: 991px) { - .visible-phone { + .visible-sm { display: none !important; } - .visible-tablet { + .visible-md { display: inherit !important; } - .visible-desktop { + .visible-lg { display: none !important; } - .hidden-phone { + .hidden-sm { display: inherit !important; } - .hidden-tablet { + .hidden-md { display: none !important; } - .hidden-desktop { + .hidden-lg { display: inherit !important; } } - @media (min-width: 992px) { - .visible-phone { + .visible-sm { display: none !important; } - .visible-tablet { + .visible-md { display: none !important; } - .visible-desktop { + .visible-lg { display: inherit !important; } - .hidden-phone { + .hidden-sm { display: inherit !important; } - .hidden-tablet { + .hidden-md { display: inherit !important; } - .hidden-desktop { + .hidden-lg { display: none !important; } } - .visible-print { display: none !important; } - @media print { .visible-print { display: inherit !important; -- cgit v1.2.3 From 60c24ddd976f24ac773c27d091a5a2559f54d2b0 Mon Sep 17 00:00:00 2001 From: Blake Embrey Date: Sat, 11 May 2013 09:38:48 -0700 Subject: Fix the selectors for the .input-group-btn selector. --- docs/assets/css/bootstrap.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5484d9833..7e47655b5 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1637,8 +1637,9 @@ select:focus:invalid:focus { .input-group input:first-child, .input-group-addon:first-child, -.input-group-btn:first-child > .btn:first-child, -.input-group-btn:first-child > .dropdown-toggle:first-child { +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } @@ -1649,8 +1650,9 @@ select:focus:invalid:focus { .input-group input:last-child, .input-group-addon:last-child, -.input-group-btn:last-child > .btn:last-child, -.input-group-btn:last-child > .dropdown-toggle { +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } -- cgit v1.2.3 From 23b32fec656f0193010682311879478bfc9e6297 Mon Sep 17 00:00:00 2001 From: Vinay Raghu Date: Thu, 5 Dec 2013 01:36:19 +0530 Subject: Recompiled using makefile recess --- docs/assets/css/bootstrap.css | 1360 ++++++++++++++++++++++++++++++++--------- 1 file changed, 1057 insertions(+), 303 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b12e587f2..9600d4180 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -7,7 +7,9 @@ * * Designed and built with all the love in the world by @mdo and @fat. */ + /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ + article, aside, details, @@ -22,56 +24,70 @@ section, summary { display: block; } + audio, canvas, video { display: inline-block; } + audio:not([controls]) { display: none; height: 0; } + [hidden] { display: none; } + html { font-family: sans-serif; -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } + body { margin: 0; } + a:focus { outline: thin dotted; } + a:active, a:hover { outline: 0; } + h1 { - font-size: 2em; margin: 0.67em 0; + font-size: 2em; } + abbr[title] { border-bottom: 1px dotted; } + b, strong { font-weight: bold; } + dfn { font-style: italic; } + hr { - -moz-box-sizing: content-box; - box-sizing: content-box; height: 0; + -moz-box-sizing: content-box; + box-sizing: content-box; } + mark { - background: #ff0; color: #000; + background: #ff0; } + code, kbd, pre, @@ -79,105 +95,128 @@ samp { font-family: monospace, serif; font-size: 1em; } + pre { white-space: pre-wrap; } + q { quotes: "\201C" "\201D" "\2018" "\2019"; } + small { font-size: 80%; } + sub, sup { + position: relative; font-size: 75%; line-height: 0; - position: relative; vertical-align: baseline; } + sup { top: -0.5em; } + sub { bottom: -0.25em; } + img { border: 0; } + svg:not(:root) { overflow: hidden; } + figure { margin: 0; } + fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; padding: 0.35em 0.625em 0.75em; + margin: 0 2px; + border: 1px solid #c0c0c0; } + legend { - border: 0; padding: 0; + border: 0; } + button, input, select, textarea { + margin: 0; font-family: inherit; font-size: 100%; - margin: 0; } + button, input { line-height: normal; } + button, select { text-transform: none; } + button, html input[type="button"], input[type="reset"], input[type="submit"] { - -webkit-appearance: button; cursor: pointer; + -webkit-appearance: button; } + button[disabled], html input[disabled] { cursor: default; } + input[type="checkbox"], input[type="radio"] { - box-sizing: border-box; padding: 0; + box-sizing: border-box; } + input[type="search"] { - -webkit-appearance: textfield; - -moz-box-sizing: content-box; -webkit-box-sizing: content-box; - box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; } + input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } + button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; padding: 0; + border: 0; } + textarea { overflow: auto; vertical-align: top; } + table { border-collapse: collapse; border-spacing: 0; } + @media print { * { - text-shadow: none !important; color: #000 !important; + text-shadow: none !important; background: transparent !important; box-shadow: none !important; } @@ -228,16 +267,19 @@ table { display: none; } } + * { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + html { font-size: 62.5%; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; @@ -245,6 +287,7 @@ body { color: #333333; background-color: #ffffff; } + input, button, select, @@ -253,89 +296,113 @@ textarea { font-size: inherit; line-height: inherit; } + a { color: #428bca; text-decoration: none; } + a:hover, a:focus { color: #2a6496; text-decoration: underline; } + a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } + img { - max-width: 100%; height: auto; + max-width: 100%; vertical-align: middle; } + .img-rounded { border-radius: 6px; } + .img-circle { border-radius: 500px; } + p { margin: 0 0 10px; } + .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 1.4; } + small { font-size: 85%; } + strong { font-weight: bold; } + em { font-style: italic; } + cite { font-style: normal; } + .text-muted { color: #999999; } + a.text-muted:hover, a.text-muted:focus { color: #808080; } + .text-warning { color: #c09853; } + a.text-warning:hover, a.text-warning:focus { color: #a47e3c; } + .text-danger { color: #b94a48; } + a.text-danger:hover, a.text-danger:focus { color: #953b39; } + .text-success { color: #468847; } + a.text-success:hover, a.text-success:focus { color: #356635; } + .text-left { text-align: left; } + .text-right { text-align: right; } + .text-center { text-align: center; } + h1, h2, h3, @@ -352,6 +419,7 @@ h6, font-weight: 500; line-height: 1.1; } + h1 small, h2 small, h3 small, @@ -368,137 +436,158 @@ h6 small, line-height: 1; color: #999999; } + h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } + h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } + h1, .h1 { font-size: 38px; } + h2, .h2 { font-size: 32px; } + h3, .h3 { font-size: 24px; } + h4, .h4 { font-size: 18px; } + h5, .h5 { font-size: 14px; } + h6, .h6 { font-size: 12px; } + h1 small, .h1 small { font-size: 24px; } + h2 small, .h2 small { font-size: 18px; } + h3 small, .h3 small, h4 small, .h4 small { font-size: 14px; } + .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } + ul, ol { padding: 0; margin: 0 0 10px 25px; } + ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } + li { line-height: 1.428; } + .list-unstyled { margin-left: 0; list-style: none; } + .list-inline { margin-left: 0; list-style: none; } + .list-inline > li { display: inline-block; - padding-left: 5px; padding-right: 5px; + padding-left: 5px; } + dl { margin-bottom: 20px; } + dt, dd { line-height: 1.428; } + dt { font-weight: bold; } + dd { margin-left: 10px; } + .dl-horizontal:before, .dl-horizontal:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .dl-horizontal:after { clear: both; } + .dl-horizontal:before, .dl-horizontal:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .dl-horizontal:after { clear: both; } + .dl-horizontal dt { float: left; width: 160px; + overflow: hidden; clear: left; text-align: right; - overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + .dl-horizontal dd { margin-left: 180px; } + hr { margin: 20px 0; border: 0; @@ -506,36 +595,44 @@ hr { border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } + abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } + abbr.initialism { font-size: 90%; text-transform: uppercase; } + blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } + blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25; } + blockquote p:last-child { margin-bottom: 0; } + blockquote small { display: block; line-height: 1.428; color: #999999; } + blockquote small:before { content: '\2014 \00A0'; } + blockquote.pull-right { float: right; padding-right: 15px; @@ -543,28 +640,34 @@ blockquote.pull-right { border-right: 5px solid #eeeeee; border-left: 0; } + blockquote.pull-right p, blockquote.pull-right small { text-align: right; } + blockquote.pull-right small:before { content: ''; } + blockquote.pull-right small:after { content: '\00A0 \2014'; } + q:before, q:after, blockquote:before, blockquote:after { content: ""; } + address { display: block; margin-bottom: 20px; font-style: normal; line-height: 1.428; } + code, pre { padding: 0 3px 2px; @@ -573,13 +676,15 @@ pre { color: #333333; border-radius: 4px; } + code { padding: 2px 4px; font-size: 90%; color: #c7254e; - background-color: #f9f2f4; white-space: nowrap; + background-color: #f9f2f4; } + pre { display: block; padding: 9.5px; @@ -595,9 +700,11 @@ pre { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; } + pre.prettyprint { margin-bottom: 20px; } + pre code { padding: 0; color: inherit; @@ -606,110 +713,119 @@ pre code { background-color: transparent; border: 0; } + .pre-scrollable { max-height: 340px; overflow-y: scroll; } + .container { margin-right: auto; margin-left: auto; } + .container:before, .container:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .container:after { clear: both; } + .container:before, .container:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .container:after { clear: both; } + .row:before, .row:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .row:after { clear: both; } + .row:before, .row:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .row:after { clear: both; } + .row .row { - margin-left: -15px; margin-right: -15px; + margin-left: -15px; } + .col { position: relative; float: left; width: 100%; min-height: 1px; - padding-left: 15px; padding-right: 15px; + padding-left: 15px; } + .col-sm-12 { width: 100%; } + .col-sm-11 { width: 91.66666666666666%; } + .col-sm-10 { width: 83.33333333333334%; } + .col-sm-9 { width: 75%; } + .col-sm-8 { width: 66.66666666666666%; } + .col-sm-7 { width: 58.333333333333336%; } + .col-sm-6 { width: 50%; } + .col-sm-5 { width: 41.66666666666667%; } + .col-sm-4 { width: 33.33333333333333%; } + .col-sm-3 { width: 25%; } + .col-sm-2 { width: 16.666666666666664%; } + .col-sm-1 { width: 8.333333333333332%; } + @media screen and (min-width: 768px) { .col-lg-12 { width: 100%; @@ -856,39 +972,47 @@ pre code { right: 8.333333333333332%; } } + @media screen and (min-width: 768px) { .container { max-width: 728px; } .row { - margin-left: -15px; margin-right: -15px; + margin-left: -15px; } } + @media screen and (min-width: 992px) { .container { max-width: 940px; } } + @media screen and (min-width: 1200px) { .container { max-width: 1170px; } } + /*[class*="col-span-"].pull-right { float: right; }*/ + table { max-width: 100%; background-color: transparent; } + th { text-align: left; } + .table { width: 100%; margin-bottom: 20px; } + .table thead > tr > th, .table tbody > tr > th, .table thead > tr > td, @@ -898,9 +1022,11 @@ th { vertical-align: top; border-top: 1px solid #dddddd; } + .table thead > tr > th { vertical-align: bottom; } + .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, @@ -909,30 +1035,36 @@ th { .table thead:first-child tr:first-child td { border-top: 0; } + .table tbody + tbody { border-top: 2px solid #dddddd; } + .table .table { background-color: #ffffff; } + .table-condensed thead > tr > th, .table-condensed tbody > tr > th, .table-condensed thead > tr > td, .table-condensed tbody > tr > td { padding: 4px 5px; } + .table-bordered { border: 1px solid #dddddd; border-collapse: separate; border-left: 0; border-radius: 4px; } + .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td { border-left: 1px solid #dddddd; } + .table-bordered > caption + thead > tr:first-child th, .table-bordered > caption + tbody > tr:first-child th, .table-bordered > caption + tbody > tr:first-child td, @@ -944,16 +1076,19 @@ th { .table-bordered > tbody:first-child > tr:first-child td { border-top: 0; } + .table-bordered > thead:first-child > tr:first-child > th:first-child, .table-bordered > tbody:first-child > tr:first-child > td:first-child, .table-bordered > tbody:first-child > tr:first-child > th:first-child { border-top-left-radius: 4px; } + .table-bordered > thead:first-child > tr:first-child > th:last-child, .table-bordered > tbody:first-child > tr:first-child > td:last-child, .table-bordered > tbody:first-child > tr:first-child > th:last-child { border-top-right-radius: 4px; } + .table-bordered > thead:last-child > tr:last-child > th:first-child, .table-bordered > tbody:last-child > tr:last-child > td:first-child, .table-bordered > tbody:last-child > tr:last-child > th:first-child, @@ -961,6 +1096,7 @@ th { .table-bordered > tfoot:last-child > tr:last-child > th:first-child { border-bottom-left-radius: 4px; } + .table-bordered > thead:last-child > tr:last-child > th:last-child, .table-bordered > tbody:last-child > tr:last-child > td:last-child, .table-bordered > tbody:last-child > tr:last-child > th:last-child, @@ -968,85 +1104,102 @@ th { .table-bordered > tfoot:last-child > tr:last-child > th:last-child { border-bottom-right-radius: 4px; } + .table-bordered > tfoot + tbody:last-child > tr:last-child > td:first-child { border-bottom-left-radius: 0; } + .table-bordered > tfoot + tbody:last-child > tr:last-child > td:last-child { border-bottom-right-radius: 0; } + .table-bordered > caption + thead > tr:first-child > th:first-child, .table-bordered > caption + tbody > tr:first-child > td:first-child, .table-bordered > colgroup + thead > tr:first-child > th:first-child, .table-bordered > colgroup + tbody > tr:first-child > td:first-child { border-top-left-radius: 4px; } + .table-bordered > caption + thead > tr:first-child > th:last-child, .table-bordered > caption + tbody > tr:first-child > td:last-child, .table-bordered > colgroup + thead > tr:first-child > th:last-child, .table-bordered > colgroup + tbody > tr:first-child > td:last-child { border-top-right-radius: 4px; } + .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } + .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } + table col[class*="col-span-"] { - float: none; display: table-column; + float: none; } + table td[class*="col-span-"], table th[class*="col-span-"] { - float: none; display: table-cell; + float: none; } + .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td { background-color: #dff0d8; border-color: #d6e9c6; } + .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td { background-color: #f2dede; border-color: #eed3d7; } + .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td { background-color: #fcf8e3; border-color: #fbeed5; } + .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td { background-color: #d0e9c6; border-color: #c9e2b3; } + .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td { background-color: #ebcccc; border-color: #e6c1c7; } + .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td { background-color: #faf2cc; border-color: #f8e5be; } + form { margin: 0; } + fieldset { padding: 0; margin: 0; border: 0; } + legend { display: block; width: 100%; @@ -1058,11 +1211,13 @@ legend { border: 0; border-bottom: 1px solid #e5e5e5; } + label { display: inline-block; margin-bottom: 5px; font-weight: bold; } + select, textarea, input[type="text"], @@ -1090,17 +1245,19 @@ input[type="color"] { border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color linear .2s, box-shadow linear .2s; - -moz-transition: border-color linear .2s, box-shadow linear .2s; - -o-transition: border-color linear .2s, box-shadow linear .2s; - transition: border-color linear .2s, box-shadow linear .2s; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border-color linear 0.2s, box-shadow linear 0.2s; + -o-transition: border-color linear 0.2s, box-shadow linear 0.2s; + transition: border-color linear 0.2s, box-shadow linear 0.2s; } + input, select, textarea { width: 100%; } + input[type="file"], input[type="image"], input[type="submit"], @@ -1110,14 +1267,17 @@ input[type="radio"], input[type="checkbox"] { width: auto; } + input[type="search"] { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + textarea { height: auto; } + textarea:focus, input[type="text"]:focus, input[type="password"]:focus, @@ -1139,8 +1299,9 @@ input[type="color"]:focus { /* IE6-9 */ -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); } + input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; @@ -1149,6 +1310,7 @@ input[type="checkbox"] { line-height: normal; } + select, input[type="file"] { height: 34px; @@ -1156,10 +1318,12 @@ input[type="file"] { line-height: 34px; } + select[multiple], select[size] { height: auto; } + select:focus, input[type="file"]:focus, input[type="radio"]:focus, @@ -1168,31 +1332,37 @@ input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } + input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } + input::-moz-placeholder, textarea::-moz-placeholder { color: #999999; } + input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } + input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } + .radio, .checkbox { display: block; min-height: 20px; + padding-left: 20px; margin-top: 10px; margin-bottom: 10px; - padding-left: 20px; vertical-align: middle; } + .radio label, .checkbox label { display: inline; @@ -1200,6 +1370,7 @@ textarea::-webkit-input-placeholder { font-weight: normal; cursor: pointer; } + .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], @@ -1207,10 +1378,12 @@ textarea::-webkit-input-placeholder { float: left; margin-left: -20px; } + .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } + /* // Move the options list down to align with labels .controls > .radio:first-child, @@ -1218,20 +1391,23 @@ textarea::-webkit-input-placeholder { padding-top: 5px; // has to be padding because margin collaspes } */ + .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; - vertical-align: middle; font-weight: normal; + vertical-align: middle; cursor: pointer; } + .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } + select.input-large, textarea.input-large, input[type="text"].input-large, @@ -1252,6 +1428,7 @@ input[type="color"].input-large { font-size: 18px; border-radius: 6px; } + select.input-small, textarea.input-small, input[type="text"].input-small, @@ -1273,6 +1450,7 @@ input[type="color"].input-small { font-size: 12px; border-radius: 3px; } + input[disabled], select[disabled], textarea[disabled], @@ -1285,6 +1463,7 @@ fieldset[disabled] textarea { cursor: not-allowed; background-color: #eeeeee; } + input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], @@ -1293,61 +1472,73 @@ fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { background-color: transparent; } + .has-warning .control-label { color: #c09853; } + .has-warning .input-with-feedback { padding-right: 32px; border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .has-warning .input-with-feedback:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } + .has-error .control-label { color: #b94a48; } + .has-error .input-with-feedback { padding-right: 32px; border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .has-error .input-with-feedback:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } + .has-success .control-label { color: #468847; } + .has-success .input-with-feedback { padding-right: 32px; border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .has-success .input-with-feedback:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } + input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } + input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; } + .form-actions { padding: 20px 20px; margin-top: 20px; @@ -1355,68 +1546,69 @@ select:focus:invalid:focus { background-color: #f5f5f5; border-top: 1px solid #e5e5e5; } + .form-actions:before, .form-actions:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .form-actions:after { clear: both; } + .form-actions:before, .form-actions:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .form-actions:after { clear: both; } + .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } + .input-group { display: table; } + .input-group.col { float: none; - padding-left: 0; padding-right: 0; + padding-left: 0; } + .input-group input, .input-group select { width: 100%; margin-bottom: 0; } + .input-group-addon, .input-group-btn, .input-group input { display: table-cell; } + .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group input:not(:first-child):not(:last-child) { border-radius: 0; } + .input-group-addon, .input-group-btn { width: 1%; vertical-align: middle; } + .input-group-addon { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; padding: 6px 8px; font-size: 14px; font-weight: normal; @@ -1426,27 +1618,35 @@ select:focus:invalid:focus { background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .input-group-addon.input-small { padding: 2px 10px; font-size: 12px; border-radius: 3px; } + .input-group-addon.input-large { padding: 11px 14px; font-size: 18px; border-radius: 6px; } + .input-group input:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn:first-child, .input-group-btn:first-child > .dropdown-toggle:first-child { - border-bottom-right-radius: 0; border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .input-group-addon:first-child { border-right: 0; } + .input-group input:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn:last-child, @@ -1454,24 +1654,30 @@ select:focus:invalid:focus { border-bottom-left-radius: 0; border-top-left-radius: 0; } + .input-group-addon:last-child { border-left: 0; } + .input-group-btn { position: relative; white-space: nowrap; } + .input-group-btn > .btn { position: relative; float: left; } + .input-group-btn > .btn + .btn { margin-left: -1px; } + .input-group-btn > .btn:hover, .input-group-btn > .btn:active { z-index: 2; } + .form-inline input, .form-inline select, .form-inline textarea, @@ -1479,18 +1685,22 @@ select:focus:invalid:focus { .form-inline .checkbox { display: inline-block; } + .form-inline .radio, .form-inline .checkbox { margin-top: 0; margin-bottom: 0; } + .form-horizontal .row + .row { margin-top: 15px; } + .form-horizontal .row-label { padding-top: 6px; text-align: right; } + .btn { display: inline-block; padding: 6px 12px; @@ -1499,44 +1709,50 @@ select:focus:invalid:focus { font-weight: 500; line-height: 1.428; text-align: center; + white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; - white-space: nowrap; } + .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } + .btn:hover, .btn:focus { color: #fff; text-decoration: none; } + .btn:active, .btn.active { - outline: 0; background-image: none; + outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + .btn.disabled, .btn[disabled], fieldset[disabled] .btn { - cursor: default; pointer-events: none; + cursor: default; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } + .btn-default { color: #ffffff; background-color: #a7a9aa; border-color: #a7a9aa; } + .btn-default:hover, .btn-default:focus, .btn-default:active, @@ -1544,6 +1760,7 @@ fieldset[disabled] .btn { background-color: #9a9c9d; border-color: #8d9091; } + .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, @@ -1559,11 +1776,13 @@ fieldset[disabled] .btn-default.active { background-color: #a7a9aa; border-color: #a7a9aa; } + .btn-primary { color: #ffffff; background-color: #428bca; border-color: #428bca; } + .btn-primary:hover, .btn-primary:focus, .btn-primary:active, @@ -1571,6 +1790,7 @@ fieldset[disabled] .btn-default.active { background-color: #357ebd; border-color: #3071a9; } + .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, @@ -1586,11 +1806,13 @@ fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #428bca; } + .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #f0ad4e; } + .btn-warning:hover, .btn-warning:focus, .btn-warning:active, @@ -1598,6 +1820,7 @@ fieldset[disabled] .btn-primary.active { background-color: #eea236; border-color: #ec971f; } + .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, @@ -1613,11 +1836,13 @@ fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #f0ad4e; } + .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d9534f; } + .btn-danger:hover, .btn-danger:focus, .btn-danger:active, @@ -1625,6 +1850,7 @@ fieldset[disabled] .btn-warning.active { background-color: #d43f3a; border-color: #c9302c; } + .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, @@ -1640,11 +1866,13 @@ fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d9534f; } + .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #5cb85c; } + .btn-success:hover, .btn-success:focus, .btn-success:active, @@ -1652,6 +1880,7 @@ fieldset[disabled] .btn-danger.active { background-color: #4cae4c; border-color: #449d44; } + .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, @@ -1667,11 +1896,13 @@ fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #5cb85c; } + .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #5bc0de; } + .btn-info:hover, .btn-info:focus, .btn-info:active, @@ -1679,6 +1910,7 @@ fieldset[disabled] .btn-success.active { background-color: #46b8da; border-color: #31b0d5; } + .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, @@ -1694,6 +1926,7 @@ fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #5bc0de; } + .btn-link, .btn-link:active, .btn-link[disabled], @@ -1701,26 +1934,30 @@ fieldset[disabled] .btn-link { background-color: transparent; background-image: none; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } + .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } + .btn-link { - color: #428bca; font-weight: normal; + color: #428bca; cursor: pointer; border-radius: 0; } + .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } + .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, @@ -1728,45 +1965,54 @@ fieldset[disabled] .btn-link:focus { color: #333333; text-decoration: none; } + .btn-large { padding: 11px 14px; font-size: 18px; border-radius: 6px; } + .btn-small { padding: 2px 10px; font-size: 12px; border-radius: 3px; } + .btn-mini { padding: 0 6px; font-size: 11px; border-radius: 3px; } + .btn-block { display: block; width: 100%; - padding-left: 0; padding-right: 0; + padding-left: 0; } + .btn-block + .btn-block { margin-top: 5px; } + input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } + .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; - -moz-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } + .fade.in { opacity: 1; } + /*.collapse { position: relative; height: 0; @@ -1776,518 +2022,685 @@ input[type="button"].btn-block { height: auto; } }*/ + .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; - -moz-transition: height 0.35s ease; - -o-transition: height 0.35s ease; - transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; } + .collapse.in { height: auto; } + @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphiconshalflings-regular.eot'); src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); } + .glyphicon:before { font-family: 'Glyphicons Halflings'; + -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; - -webkit-font-smoothing: antialiased; } + .glyphicon-glass:before { content: "\e001"; } + .glyphicon-music:before { content: "\e002"; } + .glyphicon-search:before { content: "\e003"; } + .glyphicon-envelope:before { content: "\2709"; } + .glyphicon-heart:before { content: "\e005"; } + .glyphicon-star:before { content: "\e006"; } + .glyphicon-star-empty:before { content: "\e007"; } + .glyphicon-user:before { content: "\e008"; } + .glyphicon-film:before { content: "\e009"; } + .glyphicon-th-large:before { content: "\e010"; } + .glyphicon-th:before { content: "\e011"; } + .glyphicon-th-list:before { content: "\e012"; } + .glyphicon-ok:before { content: "\e013"; } + .glyphicon-remove:before { content: "\e014"; } + .glyphicon-zoom-in:before { content: "\e015"; } + .glyphicon-zoom-out:before { content: "\e016"; } + .glyphicon-off:before { content: "\e017"; } + .glyphicon-signal:before { content: "\e018"; } + .glyphicon-cog:before { content: "\e019"; } + .glyphicon-trash:before { content: "\e020"; } + .glyphicon-home:before { content: "\e021"; } + .glyphicon-file:before { content: "\e022"; } + .glyphicon-time:before { content: "\e023"; } + .glyphicon-road:before { content: "\e024"; } + .glyphicon-download-alt:before { content: "\e025"; } + .glyphicon-download:before { content: "\e026"; } + .glyphicon-upload:before { content: "\e027"; } + .glyphicon-inbox:before { content: "\e028"; } + .glyphicon-play-circle:before { content: "\e029"; } + .glyphicon-repeat:before { content: "\e030"; } + .glyphicon-refresh:before { content: "\e031"; } + .glyphicon-list-alt:before { content: "\e032"; } + .glyphicon-lock:before { content: "\e033"; } + .glyphicon-flag:before { content: "\e034"; } + .glyphicon-headphones:before { content: "\e035"; } + .glyphicon-volume-off:before { content: "\e036"; } + .glyphicon-volume-down:before { content: "\e037"; } + .glyphicon-volume-up:before { content: "\e038"; } + .glyphicon-qrcode:before { content: "\e039"; } + .glyphicon-barcode:before { content: "\e040"; } + .glyphicon-tag:before { content: "\e041"; } + .glyphicon-tags:before { content: "\e042"; } + .glyphicon-book:before { content: "\e043"; } + .glyphicon-bookmark:before { content: "\e044"; } + .glyphicon-print:before { content: "\e045"; } + .glyphicon-camera:before { content: "\e046"; } + .glyphicon-font:before { content: "\e047"; } + .glyphicon-bold:before { content: "\e048"; } + .glyphicon-italic:before { content: "\e049"; } + .glyphicon-text-height:before { content: "\e050"; } + .glyphicon-text-width:before { content: "\e051"; } + .glyphicon-align-left:before { content: "\e052"; } + .glyphicon-align-center:before { content: "\e053"; } + .glyphicon-align-right:before { content: "\e054"; } + .glyphicon-align-justify:before { content: "\e055"; } + .glyphicon-list:before { content: "\e056"; } + .glyphicon-indent-left:before { content: "\e057"; } + .glyphicon-indent-right:before { content: "\e058"; } + .glyphicon-facetime-video:before { content: "\e059"; } + .glyphicon-picture:before { content: "\e060"; } + .glyphicon-pencil:before { content: "\270f"; } + .glyphicon-map-marker:before { content: "\e062"; } + .glyphicon-adjust:before { content: "\e063"; } + .glyphicon-tint:before { content: "\e064"; } + .glyphicon-edit:before { content: "\e065"; } + .glyphicon-share:before { content: "\e066"; } + .glyphicon-check:before { content: "\e067"; } + .glyphicon-move:before { content: "\e068"; } + .glyphicon-step-backward:before { content: "\e069"; } + .glyphicon-fast-backward:before { content: "\e070"; } + .glyphicon-backward:before { content: "\e071"; } + .glyphicon-play:before { content: "\e072"; } + .glyphicon-pause:before { content: "\e073"; } + .glyphicon-stop:before { content: "\e074"; } + .glyphicon-forward:before { content: "\e075"; } + .glyphicon-fast-forward:before { content: "\e076"; } + .glyphicon-step-forward:before { content: "\e077"; } + .glyphicon-eject:before { content: "\e078"; } + .glyphicon-chevron-left:before { content: "\e079"; } + .glyphicon-chevron-right:before { content: "\e080"; } + .glyphicon-plus-sign:before { content: "\e081"; } + .glyphicon-minus-sign:before { content: "\e082"; } + .glyphicon-remove-sign:before { content: "\e083"; } + .glyphicon-ok-sign:before { content: "\e084"; } + .glyphicon-question-sign:before { content: "\e085"; } + .glyphicon-info-sign:before { content: "\e086"; } + .glyphicon-screenshot:before { content: "\e087"; } + .glyphicon-remove-circle:before { content: "\e088"; } + .glyphicon-ok-circle:before { content: "\e089"; } + .glyphicon-ban-circle:before { content: "\e090"; } + .glyphicon-arrow-left:before { content: "\e091"; } + .glyphicon-arrow-right:before { content: "\e092"; } + .glyphicon-arrow-up:before { content: "\e093"; } + .glyphicon-arrow-down:before { content: "\e094"; } + .glyphicon-share-alt:before { content: "\e095"; } + .glyphicon-resize-full:before { content: "\e096"; } + .glyphicon-resize-small:before { content: "\e097"; } + .glyphicon-plus:before { content: "\002b"; } + .glyphicon-minus:before { content: "\2212"; } + .glyphicon-asterisk:before { content: "\002a"; } + .glyphicon-exclamation-sign:before { content: "\e101"; } + .glyphicon-gift:before { content: "\e102"; } + .glyphicon-leaf:before { content: "\e103"; } + .glyphicon-fire:before { content: "\e104"; } + .glyphicon-eye-open:before { content: "\e105"; } + .glyphicon-eye-close:before { content: "\e106"; } + .glyphicon-warning-sign:before { content: "\e107"; } + .glyphicon-plane:before { content: "\e108"; } + .glyphicon-calendar:before { content: "\e109"; } + .glyphicon-random:before { content: "\e110"; } + .glyphicon-comment:before { content: "\e111"; } + .glyphicon-magnet:before { content: "\e112"; } + .glyphicon-chevron-up:before { content: "\e113"; } + .glyphicon-chevron-down:before { content: "\e114"; } + .glyphicon-retweet:before { content: "\e115"; } + .glyphicon-shopping-cart:before { content: "\e116"; } + .glyphicon-folder-close:before { content: "\e117"; } + .glyphicon-folder-open:before { content: "\e118"; } + .glyphicon-resize-vertical:before { content: "\e119"; } + .glyphicon-resize-horizontal:before { content: "\e120"; } + .glyphicon-hdd:before { content: "\e121"; } + .glyphicon-bullhorn:before { content: "\e122"; } + .glyphicon-bell:before { content: "\e123"; } + .glyphicon-certificate:before { content: "\e124"; } + .glyphicon-thumbs-up:before { content: "\e125"; } + .glyphicon-thumbs-down:before { content: "\e126"; } + .glyphicon-hand-right:before { content: "\e127"; } + .glyphicon-hand-left:before { content: "\e128"; } + .glyphicon-hand-up:before { content: "\e129"; } + .glyphicon-hand-down:before { content: "\e130"; } + .glyphicon-circle-arrow-right:before { content: "\e131"; } + .glyphicon-circle-arrow-left:before { content: "\e132"; } + .glyphicon-circle-arrow-up:before { content: "\e133"; } + .glyphicon-circle-arrow-down:before { content: "\e134"; } + .glyphicon-globe:before { content: "\e135"; } + .glyphicon-wrench:before { content: "\e136"; } + .glyphicon-tasks:before { content: "\e137"; } + .glyphicon-filter:before { content: "\e138"; } + .glyphicon-briefcase:before { content: "\e139"; } + .glyphicon-fullscreen:before { content: "\e140"; } + .glyphicon-dashboard:before { content: "\e141"; } + .glyphicon-paperclip:before { content: "\e142"; } + .glyphicon-heart-empty:before { content: "\e143"; } + .glyphicon-link:before { content: "\e144"; } + .glyphicon-phone:before { content: "\e145"; } + .glyphicon-pushpin:before { content: "\e146"; } + .glyphicon-euro:before { content: "\20ac"; } + .glyphicon-usd:before { content: "\e148"; } + .glyphicon-gbp:before { content: "\e149"; } + .glyphicon-sort:before { content: "\e150"; } + .glyphicon-sort-by-alphabet:before { content: "\e151"; } + .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } + .glyphicon-sort-by-order:before { content: "\e153"; } + .glyphicon-sort-by-order-alt:before { content: "\e154"; } + .glyphicon-sort-by-attributes:before { content: "\e155"; } + .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } + .glyphicon-unchecked:before { content: "\e157"; } + .glyphicon-expand:before { content: "\e158"; } + .glyphicon-collapse:before { content: "\e159"; } + .glyphicon-collapse-top:before { content: "\e160"; } + .dropup, .dropdown { position: relative; } + .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } + .caret { display: inline-block; width: 0; @@ -2298,10 +2711,12 @@ input[type="button"].btn-block { border-left: 4px solid transparent; content: ""; } + .dropdown .caret { margin-top: 8px; margin-left: 2px; } + .dropdown-menu { position: absolute; top: 100%; @@ -2318,15 +2733,17 @@ input[type="button"].btn-block { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; } + .dropdown-menu.pull-right { right: 0; left: auto; } + .dropdown-menu .divider { height: 2px; margin: 9px 0; @@ -2334,6 +2751,7 @@ input[type="button"].btn-block { background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } + .dropdown-menu > li > a { display: block; padding: 3px 20px; @@ -2343,12 +2761,13 @@ input[type="button"].btn-block { color: #333333; white-space: nowrap; } + .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { - text-decoration: none; color: #ffffff; + text-decoration: none; background-color: #357ebd; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, #357ebd); @@ -2357,55 +2776,64 @@ input[type="button"].btn-block { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } + .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; - outline: 0; background-color: #357ebd; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, #357ebd); background-image: -moz-linear-gradient(top, #428bca, #357ebd); background-image: linear-gradient(to bottom, #428bca, #357ebd); background-repeat: repeat-x; + outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } + .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } + .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; + cursor: default; background-color: transparent; background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - cursor: default; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } + .open > .dropdown-menu { display: block; } + .pull-right > .dropdown-menu { right: 0; left: auto; } + .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000; content: ""; } + .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } + .dropdown-submenu { position: relative; } + .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; @@ -2413,9 +2841,11 @@ input[type="button"].btn-block { margin-left: -1px; border-top-left-radius: 0; } + .dropdown-submenu:hover > .dropdown-menu { display: block; } + .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; @@ -2423,41 +2853,49 @@ input[type="button"].btn-block { margin-bottom: -2px; border-bottom-left-radius: 0; } + .dropdown-submenu > a:after { display: block; - content: " "; float: right; width: 0; height: 0; + margin-top: 5px; + margin-right: -10px; border-color: transparent; + border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; - border-left-color: #cccccc; - margin-top: 5px; - margin-right: -10px; + content: " "; } + .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } + .dropdown-submenu.pull-left { float: none; } + .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; border-top-right-radius: 0; } + .dropdown .dropdown-menu .nav-header { - padding-left: 20px; padding-right: 20px; + padding-left: 20px; } + .typeahead { z-index: 1051; } + .list-group { margin: 0 0 20px; background-color: #ffffff; } + .list-group-item { position: relative; display: block; @@ -2465,57 +2903,71 @@ input[type="button"].btn-block { margin-bottom: -1px; border: 1px solid #dddddd; } + .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } + .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } + .list-group-item-text { margin-bottom: 0; line-height: 1.3; } + a.list-group-item .list-group-item-heading { color: #333; } + a.list-group-item .list-group-item-text { color: #555; } + a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: #f5f5f5; } + a.list-group-item.active { z-index: 2; color: #ffffff; background-color: #428bca; border-color: #428bca; } + a.list-group-item.active .list-group-item-heading { color: inherit; } + a.list-group-item.active .list-group-item-text { color: #e1edf7; } + .list-group-item > .badge, .list-group-item > .glyphicon-chevron-right { float: right; margin-right: -15px; } + .list-group-item > .glyphicon-chevron-right { margin-right: -15px; } + .list-group-item > .glyphicon + .badge { margin-right: 5px; } + .panel { padding: 15px; margin-bottom: 20px; @@ -2523,71 +2975,87 @@ a.list-group-item.active .list-group-item-text { border: 1px solid #dddddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } + .panel-heading { - margin: -15px -15px 15px; padding: 10px 15px; + margin: -15px -15px 15px; font-size: 17.5px; font-weight: 500; background-color: #f5f5f5; border-bottom: 1px solid #dddddd; - border-top-left-radius: 3px; border-top-right-radius: 3px; + border-top-left-radius: 3px; } + .panel-primary { border-color: #428bca; } + .panel-primary .panel-heading { color: #ffffff; background-color: #428bca; border-color: #428bca; } + .panel-success { border-color: #d6e9c6; } + .panel-success .panel-heading { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } + .panel-warning { border-color: #fbeed5; } + .panel-warning .panel-heading { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; } + .panel-danger { border-color: #eed3d7; } + .panel-danger .panel-heading { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } + .panel-info { border-color: #bce8f1; } + .panel-info .panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } + .list-group-flush { margin: 15px -15px -15px; } + .list-group-flush .list-group-item { border-width: 1px 0; } + .list-group-flush .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } + .list-group-flush .list-group-item:last-child { border-bottom: 0; } + .well { min-height: 20px; padding: 19px; @@ -2596,20 +3064,24 @@ a.list-group-item.active .list-group-item-text { border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } + .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } + .well-large { padding: 24px; border-radius: 6px; } + .well-small { padding: 9px; border-radius: 3px; } + .close { float: right; font-size: 21px; @@ -2620,6 +3092,7 @@ a.list-group-item.active .list-group-item-text { opacity: 0.2; filter: alpha(opacity=20); } + .close:hover, .close:focus { color: #000; @@ -2628,6 +3101,7 @@ a.list-group-item.active .list-group-item-text { opacity: 0.5; filter: alpha(opacity=50); } + button.close { padding: 0; cursor: pointer; @@ -2635,65 +3109,70 @@ button.close { border: 0; -webkit-appearance: none; } + .nav { - margin-left: 0; - margin-bottom: 0; padding-left: 0; + margin-bottom: 0; + margin-left: 0; list-style: none; } + .nav:before, .nav:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .nav:after { clear: both; } + .nav:before, .nav:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .nav:after { clear: both; } + .nav > li { display: block; } + .nav > li > a { position: relative; display: block; padding: 10px 15px; } + .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } + .nav > li.disabled > a { color: #999999; } + .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; - background-color: transparent; cursor: default; + background-color: transparent; } + .nav > li + .nav-header { margin-top: 9px; } + .nav > .pull-right { float: right; } + .nav .nav-divider { height: 2px; margin: 9px 0; @@ -2701,83 +3180,103 @@ button.close { background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } + .nav-tabs { border-bottom: 1px solid #ddd; } + .nav-tabs > li { float: left; margin-bottom: -1px; } + .nav-tabs > li > a { margin-right: 2px; line-height: 1.428; border: 1px solid transparent; border-radius: 4px 4px 0 0; } + .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } + .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; + cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; - cursor: default; } + .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } + .nav-tabs.nav-justified > li { - float: none; display: table-cell; + float: none; width: 1%; } + .nav-tabs.nav-justified > li > a { text-align: center; } + .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #ddd; margin-right: 0; + border-bottom: 1px solid #ddd; } + .nav-tabs.nav-justified > .active > a { border-bottom-color: #ffffff; } + .nav-pills > li { float: left; } + .nav-pills > li > a { border-radius: 5px; } + .nav-pills > li + li > a { margin-left: 2px; } + .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #428bca; } + .nav-stacked > li { float: none; } + .nav-stacked > li + li > a { margin-top: 2px; margin-left: 0; } + .nav-justified { width: 100%; } + .nav-justified > li { - float: none; display: table-cell; + float: none; width: 1%; } + .nav-justified > li > a { text-align: center; } + .nav-header { display: block; padding: 3px 15px; @@ -2788,38 +3287,37 @@ button.close { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } + .tabbable:before, .tabbable:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .tabbable:after { clear: both; } + .tabbable:before, .tabbable:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + 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 @@ -2888,67 +3386,71 @@ button.close { } */ + .navbar { position: relative; - margin-bottom: 20px; - padding-left: 15px; padding-right: 15px; + padding-left: 15px; + margin-bottom: 20px; background-color: #eeeeee; border-radius: 4px; } + .navbar:before, .navbar:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .navbar:after { clear: both; } + .navbar:before, .navbar:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .navbar:after { clear: both; } + .navbar-nav { margin-top: 10px; } + .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; - color: #777777; line-height: 20px; + color: #777777; } + .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color: #333333; background-color: transparent; } + .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { color: #555555; 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 { border-radius: 0; } + .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; @@ -2957,31 +3459,36 @@ button.close { z-index: 1030; border-radius: 0; } + .navbar-fixed-top { top: 0; } + .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; } + .navbar-brand { display: block; max-width: 200px; - margin-left: auto; - margin-right: auto; padding: 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 { color: #5e5e5e; text-decoration: none; background-color: transparent; } + .navbar-toggle { position: absolute; top: 10px; @@ -2991,10 +3498,12 @@ button.close { border: 1px solid #ddd; border-radius: 4px; } + .navbar-toggle:hover, .navbar-toggle:focus { background-color: #ddd; } + .navbar-toggle .icon-bar { display: block; width: 22px; @@ -3002,13 +3511,16 @@ button.close { background-color: #ccc; border-radius: 1px; } + .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } + .navbar-form { margin-top: 8px; margin-bottom: 8px; } + .navbar-form input, .navbar-form select, .navbar-form textarea, @@ -3016,115 +3528,139 @@ button.close { .navbar-form .checkbox { display: inline-block; } + .navbar-form .radio, .navbar-form .checkbox { margin-top: 0; margin-bottom: 0; } + .navbar-nav > li > .dropdown-menu { margin-top: 0; - border-top-left-radius: 0; border-top-right-radius: 0; + border-top-left-radius: 0; } + .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - border-bottom-left-radius: 0; border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + .navbar-nav li.dropdown > a:hover .caret, .navbar-nav li.dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } + .navbar-nav li.dropdown.open > .dropdown-toggle, .navbar-nav li.dropdown.active > .dropdown-toggle, .navbar-nav li.dropdown.open.active > .dropdown-toggle { - background-color: #d5d5d5; color: #555555; + background-color: #d5d5d5; } + .navbar-nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } + .navbar-nav li.dropdown.open > .dropdown-toggle .caret, .navbar-nav li.dropdown.active > .dropdown-toggle .caret, .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } + .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { - left: auto; right: 0; + left: auto; } + .navbar-inverse { background-color: #222222; } + .navbar-inverse .navbar-brand { color: #999999; } + .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; } + .navbar-inverse .navbar-text { color: #999999; } + .navbar-inverse .navbar-nav > li > a { color: #999999; } + .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; } + .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #080808; } + .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-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 .navbar-nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle { - background-color: #080808; color: #ffffff; + background-color: #080808; } + .navbar-inverse .navbar-nav li.dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } + .navbar-inverse .navbar-nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } + .navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } + @media screen and (min-width: 768px) { .navbar-brand { float: left; - margin-left: -5px; margin-right: 5px; + margin-left: -5px; } .navbar .nav { float: left; @@ -3147,177 +3683,212 @@ button.close { overflow: visible !important; } } + .navbar-btn { margin-top: 8px; } + .navbar-text { margin-top: 15px; margin-bottom: 15px; } + .navbar-link { color: #777777; } + .navbar-link:hover { color: #333333; } + .navbar-inverse .navbar-link { color: #999999; } + .navbar-inverse .navbar-link:hover { color: #ffffff; } + .btn .caret { border-top-color: #ffffff; } + .dropup .btn .caret { border-bottom-color: #ffffff; } + .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } + .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } + .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:active, .btn-group-vertical > .btn:active { z-index: 2; } + .btn-group .btn + .btn { margin-left: -1px; } + .btn-toolbar:before, .btn-toolbar:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .btn-toolbar:after { clear: both; } + .btn-toolbar:before, .btn-toolbar:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .btn-toolbar:after { clear: both; } + .btn-toolbar .btn-group { float: left; } + .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group { margin-left: 5px; } + .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } + .btn-group > .btn:first-child { margin-left: 0; } + .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-bottom-right-radius: 0; border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } + .btn-group > .btn-group { float: left; } + .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } + .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { - border-bottom-right-radius: 0; border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } + .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } + .btn-group > .btn + .dropdown-toggle { - padding-left: 8px; padding-right: 8px; + padding-left: 8px; } + .btn-group > .btn-mini + .dropdown-toggle { - padding-left: 5px; padding-right: 5px; + padding-left: 5px; } + .btn-group > .btn-large + .dropdown-toggle { - padding-left: 12px; padding-right: 12px; + padding-left: 12px; } + .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + .btn .caret { margin-top: 8px; margin-left: 0; } + .btn-large .caret { border-width: 5px; } + .dropup .btn-large .caret { border-bottom-width: 5px; } + .btn-group-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; } + .btn-group-vertical > .btn + .btn { margin-top: -1px; } + .btn-group-vertical .btn:not(:first-child):not(:last-child) { border-radius: 0; } + .btn-group-vertical .btn:first-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } + .btn-group-vertical .btn:last-child { border-top-right-radius: 0; border-top-left-radius: 0; } + .btn-group-justified { display: table; width: 100%; } + .btn-group-justified .btn { - float: none; display: table-cell; + float: none; width: 1%; } + .btn-group[data-toggle="buttons-radio"] > .btn > input[type="radio"], .btn-group[data-toggle="buttons-checkbox"] > .btn > input[type="checkbox"] { display: none; } + .breadcrumb { padding: 8px 15px; margin: 0 0 20px; @@ -3325,30 +3896,37 @@ button.close { background-color: #f5f5f5; border-radius: 4px; } + .breadcrumb > li { display: inline-block; text-shadow: 0 1px 0 #fff; } + .breadcrumb > li:after { display: inline-block; - content: "\00a0 /"; padding: 0 5px; color: #ccc; + content: "\00a0 /"; } + .breadcrumb > li:last-child:after { display: none; } + .breadcrumb > .active { color: #999999; } + .pagination { display: inline-block; margin: 20px 0; border-radius: 4px; } + .pagination > li { display: inline; } + .pagination > li > a, .pagination > li > span { float: left; @@ -3359,51 +3937,60 @@ button.close { border: 1px solid #dddddd; border-left-width: 0; } + .pagination > li > a:hover, .pagination > li > a:focus, .pagination > .active > a, .pagination > .active > span { background-color: #f5f5f5; } + .pagination > .active > a, .pagination > .active > span { color: #999999; cursor: default; } + .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; - background-color: #ffffff; cursor: default; + background-color: #ffffff; } + .pagination > li:first-child > a, .pagination > li:first-child > span { border-left-width: 1px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } + .pagination > li:last-child > a, .pagination > li:last-child > span { - border-bottom-right-radius: 4px; border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } + .pagination-large > li > a, .pagination-large > li > span { padding: 11px 14px; font-size: 18px; } + .pagination-large > li:first-child > a, .pagination-large > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } + .pagination-large > li:last-child > a, .pagination-large > li:last-child > span { - border-bottom-right-radius: 6px; border-top-right-radius: 6px; + border-bottom-right-radius: 6px; } + .pagination-mini > li:first-child > a, .pagination-small > li:first-child > a, .pagination-mini > li:first-child > span, @@ -3411,55 +3998,57 @@ button.close { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } + .pagination-mini > li:last-child > a, .pagination-small > li:last-child > a, .pagination-mini > li:last-child > span, .pagination-small > li:last-child > span { - border-bottom-right-radius: 3px; border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + .pagination-small > li > a, .pagination-small > li > span { padding: 2px 10px; font-size: 12px; } + .pagination-mini > li > a, .pagination-mini > li > span { padding: 0 6px; font-size: 11px; } + .pager { margin: 20px 0; - list-style: none; text-align: center; + list-style: none; } + .pager:before, .pager:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .pager:after { clear: both; } + .pager:before, .pager:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .pager:after { clear: both; } + .pager li { display: inline; } + .pager li > a, .pager li > span { display: inline-block; @@ -3468,74 +4057,85 @@ button.close { border: 1px solid #dddddd; border-radius: 15px; } + .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } + .pager .next > a, .pager .next > span { float: right; } + .pager .previous > a, .pager .previous > span { float: left; } + .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; - background-color: #ffffff; cursor: default; + background-color: #ffffff; } + .modal-open { overflow: hidden; } + .modal { - display: none; - overflow: auto; - overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; + display: none; + overflow: auto; + overflow-y: scroll; -webkit-overflow-scrolling: touch; } + .modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; } + .modal.fade.in { top: 0; } + .modal-dialog { position: relative; top: 0; - left: 0; right: 0; + left: 0; + z-index: 1050; width: auto; padding: 10px; - z-index: 1050; } + .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; + outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; - outline: none; + -moz-background-clip: padding-box; + background-clip: padding-box; } + .modal-backdrop { position: fixed; top: 0; @@ -3545,114 +4145,128 @@ button.close { z-index: 1030; background-color: #000; } + .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } + .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } + .modal-header { + min-height: 16.428px; padding: 15px; border-bottom: 1px solid #e5e5e5; - min-height: 16.428px; } + .modal-header .close { margin-top: -2px; } + .modal-title { margin: 0; line-height: 1.428; } + .modal-body { position: relative; padding: 20px; } + .modal-footer { - margin-top: 15px; padding: 19px 20px 20px; + margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; } + .modal-footer:before, .modal-footer:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .modal-footer:after { clear: both; } + .modal-footer:before, .modal-footer:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .modal-footer:after { clear: both; } + .modal-footer .btn + .btn { - margin-left: 5px; margin-bottom: 0; + margin-left: 5px; } + .modal-footer .btn-group .btn + .btn { margin-left: -1px; } + .modal-footer .btn-block + .btn-block { margin-left: 0; } + @media screen and (min-width: 768px) { .modal-dialog { - left: 50%; right: auto; + left: 50%; width: 560px; - margin-left: -280px; padding-top: 30px; padding-bottom: 30px; + margin-left: -280px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } + .tooltip { position: absolute; z-index: 1030; display: block; - visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); + visibility: visible; } + .tooltip.in { opacity: 1; filter: alpha(opacity=100); } + .tooltip.top { - margin-top: -3px; padding: 5px 0; + margin-top: -3px; } + .tooltip.right { - margin-left: 3px; padding: 0 5px; + margin-left: 3px; } + .tooltip.bottom { - margin-top: 3px; padding: 5px 0; + margin-top: 3px; } + .tooltip.left { - margin-left: -3px; padding: 0 5px; + margin-left: -3px; } + .tooltip-inner { max-width: 200px; padding: 3px 8px; @@ -3662,6 +4276,7 @@ button.close { background-color: rgba(0, 0, 0, 0.9); border-radius: 4px; } + .tooltip-arrow { position: absolute; width: 0; @@ -3669,34 +4284,39 @@ button.close { border-color: transparent; border-style: solid; } + .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; - border-width: 5px 5px 0; border-top-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 0; } + .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; - border-width: 5px 5px 5px 0; border-right-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 5px 0; } + .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; - border-width: 5px 0 5px 5px; border-left-color: rgba(0, 0, 0, 0.9); + border-width: 5px 0 5px 5px; } + .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; - border-width: 0 5px 5px; border-bottom-color: rgba(0, 0, 0, 0.9); + border-width: 0 5px 5px; } + .popover { position: absolute; top: 0; @@ -3706,32 +4326,37 @@ button.close { max-width: 276px; padding: 1px; text-align: left; + white-space: normal; background-color: #ffffff; - -webkit-bg-clip: padding-box; - -moz-bg-clip: padding; - background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - white-space: normal; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + background-clip: padding-box; + -webkit-bg-clip: padding-box; + -moz-bg-clip: padding; } + .popover.top { margin-top: -10px; } + .popover.right { margin-left: 10px; } + .popover.bottom { margin-top: 10px; } + .popover.left { margin-left: -10px; } + .popover-title { - margin: 0; padding: 8px 14px; + margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; @@ -3739,12 +4364,15 @@ button.close { border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } + .popover-title:empty { display: none; } + .popover-content { padding: 9px 14px; } + .popover .arrow, .popover .arrow:after { position: absolute; @@ -3754,69 +4382,80 @@ button.close { border-color: transparent; border-style: solid; } + .popover .arrow { border-width: 11px; } + .popover .arrow:after { border-width: 10px; content: ""; } + .popover.top .arrow { + bottom: -11px; left: 50%; margin-left: -11px; - border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); - bottom: -11px; + border-bottom-width: 0; } + .popover.top .arrow:after { bottom: 1px; margin-left: -10px; - border-bottom-width: 0; border-top-color: #ffffff; + border-bottom-width: 0; } + .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; - border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; } + .popover.right .arrow:after { - left: 1px; bottom: -10px; - border-left-width: 0; + left: 1px; border-right-color: #ffffff; + border-left-width: 0; } + .popover.bottom .arrow { + top: -11px; left: 50%; margin-left: -11px; - border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); - top: -11px; + border-top-width: 0; } + .popover.bottom .arrow:after { top: 1px; margin-left: -10px; - border-top-width: 0; border-bottom-color: #ffffff; + border-top-width: 0; } + .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; - border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); + border-right-width: 0; } + .popover.left .arrow:after { right: 1px; - border-right-width: 0; - border-left-color: #ffffff; bottom: -10px; + border-left-color: #ffffff; + border-right-width: 0; } + .alert { padding: 10px 35px 10px 15px; margin-bottom: 20px; @@ -3825,71 +4464,88 @@ button.close { border: 1px solid #fbeed5; border-radius: 4px; } + .alert h4 { margin-top: 0; color: inherit; } + .alert hr { border-top-color: #f8e5be; } + .alert > a, .alert > p > a { font-weight: 500; color: #a47e3c; } + .alert .close { position: relative; top: -2px; right: -21px; color: inherit; } + .alert-success { + color: #468847; background-color: #dff0d8; border-color: #d6e9c6; - color: #468847; } + .alert-success hr { border-top-color: #c9e2b3; } + .alert-success > a, .alert-success > p > a { color: #356635; } + .alert-danger { + color: #b94a48; background-color: #f2dede; border-color: #eed3d7; - color: #b94a48; } + .alert-danger hr { border-top-color: #e6c1c7; } + .alert-danger > a, .alert-danger > p > a { color: #953b39; } + .alert-info { + color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; - color: #3a87ad; } + .alert-info hr { border-top-color: #a6e1ec; } + .alert-info > a, .alert-info > p > a { color: #2d6987; } + .alert-block { padding-top: 15px; padding-bottom: 15px; } + .alert-block > p, .alert-block > ul { margin-bottom: 0; } + .alert-block p + p { margin-top: 5px; } + .thumbnail, .img-thumbnail { padding: 4px; @@ -3898,58 +4554,72 @@ button.close { border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } + .thumbnail { display: block; } + .img-thumbnail { display: inline-block; } + a.thumbnail:hover, a.thumbnail:focus { border-color: #428bca; } + .thumbnail > img { display: block; max-width: 100%; - margin-left: auto; margin-right: auto; + margin-left: auto; } + .thumbnail .caption { padding: 9px; color: #333333; } + .media, .media-body { overflow: hidden; zoom: 1; } + .media, .media .media { margin-top: 15px; } + .media:first-child { margin-top: 0; } + .media-object { display: block; } + .media-heading { margin: 0 0 5px; } + .media > .pull-left { margin-right: 10px; } + .media > .pull-right { margin-left: 10px; } + .media-list { margin-left: 0; list-style: none; } + .label { display: inline; padding: .25em .6em; @@ -3963,6 +4633,7 @@ a.thumbnail:focus { background-color: #999999; border-radius: .25em; } + .label[href]:hover, .label[href]:focus { color: #fff; @@ -3970,72 +4641,88 @@ a.thumbnail:focus { cursor: pointer; background-color: #808080; } + .label-danger { background-color: #d9534f; } + .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } + .label-success { background-color: #5cb85c; } + .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } + .label-warning { background-color: #f0ad4e; } + .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } + .label-info { background-color: #5bc0de; } + .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } + .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; - color: #fff; line-height: 1; - vertical-align: middle; - white-space: nowrap; + color: #fff; text-align: center; + white-space: nowrap; + vertical-align: middle; background-color: #999999; border-radius: 10px; } + .badge:empty { display: none; } + a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } + .btn .badge { position: relative; top: -1px; } + .btn-mini .badge { top: 0; } + a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; } + .nav-pills > li > a > .badge { margin-left: 3px; } + @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4044,6 +4731,7 @@ a.list-group-item.active > .badge, background-position: 0 0; } } + @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4052,6 +4740,7 @@ a.list-group-item.active > .badge, background-position: 0 0; } } + @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4060,6 +4749,7 @@ a.list-group-item.active > .badge, background-position: 0 0; } } + @-o-keyframes progress-bar-stripes { from { background-position: 0 0; @@ -4068,6 +4758,7 @@ a.list-group-item.active > .badge, background-position: 40px 0; } } + @keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4076,18 +4767,20 @@ a.list-group-item.active > .badge, background-position: 0 0; } } + .progress { - overflow: hidden; height: 20px; margin-bottom: 20px; + overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } + .progress-bar { float: left; - width: 0%; + width: 0; height: 100%; font-size: 12px; color: #fff; @@ -4095,12 +4788,13 @@ a.list-group-item.active > .badge, text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; - -moz-transition: width 0.6s ease; - -o-transition: width 0.6s ease; - transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; } + .progress-striped .progress-bar { background-color: #428bca; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4108,20 +4802,23 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; - -moz-background-size: 40px 40px; - -o-background-size: 40px 40px; - background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; } + .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; - -moz-animation: progress-bar-stripes 2s linear infinite; - -ms-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; } + .progress-bar-danger { background-color: #d9534f; } + .progress-striped .progress-bar-danger { background-color: #d9534f; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4129,9 +4826,11 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } + .progress-bar-success { background-color: #5cb85c; } + .progress-striped .progress-bar-success { background-color: #5cb85c; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4139,9 +4838,11 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } + .progress-bar-warning { background-color: #f0ad4e; } + .progress-striped .progress-bar-warning { background-color: #f0ad4e; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4149,9 +4850,11 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } + .progress-bar-info { background-color: #5bc0de; } + .progress-striped .progress-bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4159,114 +4862,136 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } + .accordion { margin-bottom: 20px; } + .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; border-radius: 4px; } + .accordion-heading { border-bottom: 0; } + .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } + .accordion-toggle { cursor: pointer; } + .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } + .carousel { position: relative; } + .carousel-inner { position: relative; - overflow: hidden; width: 100%; + overflow: hidden; } + .carousel-inner > .item { - display: none; position: relative; + display: none; -webkit-transition: 0.6s ease-in-out left; - -moz-transition: 0.6s ease-in-out left; - -o-transition: 0.6s ease-in-out left; - transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; } + .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; line-height: 1; } + .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } + .carousel-inner > .active { left: 0; } + .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } + .carousel-inner > .next { left: 100%; } + .carousel-inner > .prev { left: -100%; } + .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } + .carousel-inner > .active.left { left: -100%; } + .carousel-inner > .active.right { left: 100%; } + .carousel-control { position: absolute; top: 0; - left: 0; bottom: 0; + left: 0; width: 15%; - opacity: 0.5; - filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + opacity: 0.5; + filter: alpha(opacity=50); } + .carousel-control.left { background-color: rgba(0, 0, 0, 0.0001); + background-color: transparent; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); - background-color: transparent; } + .carousel-control.right { - left: auto; right: 0; + left: auto; background-color: rgba(0, 0, 0, 0.5); + background-color: transparent; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); - background-color: transparent; } + .carousel-control:hover, .carousel-control:focus { color: #fff; @@ -4274,6 +4999,7 @@ a.list-group-item.active > .badge, opacity: 0.9; filter: alpha(opacity=90); } + .carousel-control .glyphicon { position: absolute; top: 50%; @@ -4285,6 +5011,7 @@ a.list-group-item.active > .badge, margin-top: -10px; margin-left: -10px; } + .carousel-indicators { position: absolute; bottom: 20px; @@ -4292,28 +5019,31 @@ a.list-group-item.active > .badge, z-index: 5; width: 100px; margin: 0 0 0 -50px; - list-style: none; text-align: center; + list-style: none; } + .carousel-indicators li { display: inline-block; width: 8px; height: 8px; - margin-left: 0; margin-right: 0; + margin-left: 0; text-indent: -999px; + cursor: pointer; border: 1px solid #fff; border-radius: 5px; - cursor: pointer; } + .carousel-indicators .active { background-color: #fff; } + .carousel-caption { position: absolute; - left: 15%; right: 15%; bottom: 20px; + left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; @@ -4321,9 +5051,11 @@ a.list-group-item.active > .badge, text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .carousel-caption .btn { text-shadow: none; } + @media screen and (min-width: 768px) { .carousel-control .glyphicon { width: 30px; @@ -4333,11 +5065,12 @@ a.list-group-item.active > .badge, font-size: 30px; } .carousel-caption { - left: 20%; right: 20%; + left: 20%; padding-bottom: 30px; } } + .jumbotron { padding: 30px; margin-bottom: 30px; @@ -4347,13 +5080,16 @@ a.list-group-item.active > .badge, color: inherit; background-color: #eeeeee; } + .jumbotron h1 { line-height: 1; color: inherit; } + .jumbotron p { line-height: 1.4; } + @media screen and (min-width: 768px) { .jumbotron { padding: 50px 60px; @@ -4363,33 +5099,37 @@ a.list-group-item.active > .badge, font-size: 63px; } } + .clearfix:before, .clearfix:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .clearfix:after { clear: both; } + .pull-right { float: right; } + .pull-left { float: left; } + .hide { display: none !important; } + .show { display: block !important; } + .invisible { visibility: hidden; } + .text-hide { font: 0/0 a; color: transparent; @@ -4397,39 +5137,50 @@ a.list-group-item.active > .badge, background-color: transparent; border: 0; } + .affix { position: fixed; } + @-ms-viewport { width: device-width; } + @media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } } + .hidden { display: none; visibility: hidden; } + .visible-sm { display: inherit !important; } + .visible-md { display: none !important; } + .visible-lg { display: none !important; } + .hidden-sm { display: none !important; } + .hidden-md { display: inherit !important; } + .hidden-lg { display: inherit !important; } + @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: none !important; @@ -4450,6 +5201,7 @@ a.list-group-item.active > .badge, display: inherit !important; } } + @media (min-width: 992px) { .visible-sm { display: none !important; @@ -4470,9 +5222,11 @@ a.list-group-item.active > .badge, display: none !important; } } + .visible-print { display: none !important; } + @media print { .visible-print { display: inherit !important; -- cgit v1.2.3 From 92adcfabb58cc5a8ce41c34bec0ec36a642e5610 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 15:47:18 -0700 Subject: Start some nav and dropdown cleanup * Remove border-radii on top of tab dropdown menus * Remove the .dropdown and .dropup styles and instead place on all * Use on dropdown carets intead of separately applying margin with a top alignment * Some other misc cleanup --- docs/assets/css/bootstrap.css | 23 ++++++++++------------- 1 file changed, 10 insertions(+), 13 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 7e47655b5..249645d9c 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2693,13 +2693,7 @@ input[type="button"].btn-block { content: "\e160"; } -.dropup, -.dropdown { - position: relative; -} - -.dropdown-toggle:active, -.open .dropdown-toggle { +.open > a { outline: 0; } @@ -2707,18 +2701,15 @@ input[type="button"].btn-block { display: inline-block; width: 0; height: 0; - vertical-align: top; + margin-top: 8px; + margin-left: 2px; + vertical-align: middle; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } -.dropdown .caret { - margin-top: 8px; - margin-left: 2px; -} - .dropdown-menu { position: absolute; top: 100%; @@ -3140,6 +3131,7 @@ button.close { } .nav > li { + position: relative; display: block; } @@ -3320,6 +3312,11 @@ button.close { display: block; } +.nav-tabs .dropdown-menu { + border-top-right-radius: 0; + border-top-left-radius: 0; +} + /* // Prevent IE8 from misplacing imgs // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 -- cgit v1.2.3 From 2d10d61fded8246673a5c7c14f955a80bc61a866 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 16:03:56 -0700 Subject: Restore commented out dropdown styles, get open dropdown state working again --- docs/assets/css/bootstrap.css | 62 +++++++++++++++++++++++++++++++++++++++---- 1 file changed, 57 insertions(+), 5 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 249645d9c..65e471306 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2693,15 +2693,10 @@ input[type="button"].btn-block { content: "\e160"; } -.open > a { - outline: 0; -} - .caret { display: inline-block; width: 0; height: 0; - margin-top: 8px; margin-left: 2px; vertical-align: middle; border-top: 4px solid #000; @@ -2804,6 +2799,10 @@ input[type="button"].btn-block { display: block; } +.open > a { + outline: 0; +} + .pull-right > .dropdown-menu { right: 0; left: auto; @@ -3163,6 +3162,13 @@ button.close { margin-top: 9px; } +.nav > li.open > a, +.nav > li.open > a:hover, +.nav > li.open > a:focus { + background-color: #428bca; + border-color: #428bca; +} + .nav > .pull-right { float: right; } @@ -3313,10 +3319,56 @@ button.close { } .nav-tabs .dropdown-menu { + margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } +.nav .caret { + border-top-color: #428bca; + border-bottom-color: #428bca; +} + +.nav a:hover .caret { + border-top-color: #2a6496; + border-bottom-color: #2a6496; +} + +.nav .active .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} + +.nav-tabs .active .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} + +.nav > .dropdown.active > a:hover { + cursor: pointer; +} + +.nav-tabs .open > a, +.nav-pills .open > a, +.nav > li.dropdown.open.active > a:hover { + color: #fff; + background-color: #999999; + border-color: #999999; +} + +.nav li.dropdown.open .caret, +.nav li.dropdown.open.active .caret, +.nav li.dropdown.open > a:hover .caret { + border-top-color: #fff; + border-bottom-color: #fff; + opacity: 1; + filter: alpha(opacity=100); +} + +.tabs-stacked .open > a:hover { + border-color: #999999; +} + /* // Prevent IE8 from misplacing imgs // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 -- cgit v1.2.3 From 37c1122ded5f13737729e668bbe61cf1c271d8e2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 16:12:13 -0700 Subject: Consolidate active dropdown toggle styles and comment out the rest --- docs/assets/css/bootstrap.css | 99 ++++++++++++------------------------------- 1 file changed, 28 insertions(+), 71 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 65e471306..2b00fae4f 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3165,10 +3165,18 @@ button.close { .nav > li.open > a, .nav > li.open > a:hover, .nav > li.open > a:focus { + color: #fff; background-color: #428bca; border-color: #428bca; } +.nav > li.open > a .caret, +.nav > li.open > a:hover .caret, +.nav > li.open > a:focus .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} + .nav > .pull-right { float: right; } @@ -3318,12 +3326,6 @@ button.close { display: block; } -.nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-right-radius: 0; - border-top-left-radius: 0; -} - .nav .caret { border-top-color: #428bca; border-bottom-color: #428bca; @@ -3334,90 +3336,47 @@ button.close { border-bottom-color: #2a6496; } -.nav .active .caret { +/*.nav .active .caret { border-top-color: #fff; border-bottom-color: #fff; } - .nav-tabs .active .caret { - border-top-color: #555555; - border-bottom-color: #555555; -} - -.nav > .dropdown.active > a:hover { - cursor: pointer; -} - -.nav-tabs .open > a, -.nav-pills .open > a, -.nav > li.dropdown.open.active > a:hover { - color: #fff; - background-color: #999999; - border-color: #999999; -} - -.nav li.dropdown.open .caret, -.nav li.dropdown.open.active .caret, -.nav li.dropdown.open > a:hover .caret { - border-top-color: #fff; - border-bottom-color: #fff; - opacity: 1; - filter: alpha(opacity=100); -} - -.tabs-stacked .open > a:hover { - border-color: #999999; -} - -/* -// Prevent IE8 from misplacing imgs -// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 -.nav > li > a > img { - max-width: none; -} - -// Dropdowns -// ------------------------- + border-top-color: @gray; + border-bottom-color: @gray; +}*/ .nav-tabs .dropdown-menu { - // Remove the top rounded corners here since there is a hard edge above the menu - .border-top-radius(0); + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; } -// Default dropdown links -// ------------------------- -// Make carets use linkColor to start -.nav .dropdown-toggle .caret { - border-top-color: @link-color; - border-bottom-color: @link-color; - margin-top: 8px; -} -.nav .dropdown-toggle:hover .caret { - border-top-color: @link-hover-color; - border-bottom-color: @link-hover-color; -} +/* // Active dropdown links // ------------------------- -.nav .active .dropdown-toggle .caret { +.nav .active .caret { border-top-color: #fff; border-bottom-color: #fff; } -.nav-tabs .active .dropdown-toggle .caret { +.nav-tabs .active .caret { border-top-color: @gray; border-bottom-color: @gray; } +*/ +/* // Active:hover dropdown links // ------------------------- .nav > .dropdown.active > a:hover { cursor: pointer; } +*/ -// Open dropdowns +/*// Open dropdowns // ------------------------- -.nav-tabs .open .dropdown-toggle, -.nav-pills .open .dropdown-toggle, +.nav > .open > a, +.nav-pills .open > a, .nav > li.dropdown.open.active > a:hover { color: #fff; background-color: @gray-light; @@ -3425,18 +3384,16 @@ button.close { } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, -.nav li.dropdown.open a:hover .caret { +.nav li.dropdown.open > a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; .opacity(1); -} +}*/ -// Dropdowns in stacked tabs +/*// Dropdowns in stacked tabs .tabs-stacked .open > a:hover { border-color: @gray-light; -} - -*/ +}*/ .navbar { position: relative; -- cgit v1.2.3 From 09098a7923b287cbf863c8dc1d6f41749dd4829c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 16:13:51 -0700 Subject: run make on last commit --- docs/assets/css/bootstrap.css | 53 ------------------------------------------- 1 file changed, 53 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 2b00fae4f..2ddd9e769 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3336,65 +3336,12 @@ button.close { border-bottom-color: #2a6496; } -/*.nav .active .caret { - border-top-color: #fff; - border-bottom-color: #fff; -} -.nav-tabs .active .caret { - border-top-color: @gray; - border-bottom-color: @gray; -}*/ - .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } -/* - -// Active dropdown links -// ------------------------- -.nav .active .caret { - border-top-color: #fff; - border-bottom-color: #fff; -} -.nav-tabs .active .caret { - border-top-color: @gray; - border-bottom-color: @gray; -} -*/ - -/* -// Active:hover dropdown links -// ------------------------- -.nav > .dropdown.active > a:hover { - cursor: pointer; -} -*/ - -/*// Open dropdowns -// ------------------------- -.nav > .open > a, -.nav-pills .open > a, -.nav > li.dropdown.open.active > a:hover { - color: #fff; - background-color: @gray-light; - border-color: @gray-light; -} -.nav li.dropdown.open .caret, -.nav li.dropdown.open.active .caret, -.nav li.dropdown.open > a:hover .caret { - border-top-color: #fff; - border-bottom-color: #fff; - .opacity(1); -}*/ - -/*// Dropdowns in stacked tabs -.tabs-stacked .open > a:hover { - border-color: @gray-light; -}*/ - .navbar { position: relative; padding-right: 15px; -- cgit v1.2.3 From 41a76e8e7ade28a8ac65b6948bddf1cd702f9579 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 16:30:54 -0700 Subject: Less specific dropdown styles, change up navbar dropdown styles --- docs/assets/css/bootstrap.css | 46 +++++++++++++++++++++---------------------- 1 file changed, 23 insertions(+), 23 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 2ddd9e769..72bda5c82 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3162,17 +3162,17 @@ button.close { margin-top: 9px; } -.nav > li.open > a, -.nav > li.open > a:hover, -.nav > li.open > a:focus { +.nav.open > a, +.nav.open > a:hover, +.nav.open > a:focus { color: #fff; background-color: #428bca; border-color: #428bca; } -.nav > li.open > a .caret, -.nav > li.open > a:hover .caret, -.nav > li.open > a:focus .caret { +.nav.open > a .caret, +.nav.open > a:hover .caret, +.nav.open > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; } @@ -3501,27 +3501,27 @@ button.close { border-bottom-left-radius: 0; } -.navbar-nav li.dropdown > a:hover .caret, -.navbar-nav li.dropdown > a:focus .caret { +.navbar-nav > .dropdown > a:hover .caret, +.navbar-nav > .dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } -.navbar-nav li.dropdown.open > .dropdown-toggle, -.navbar-nav li.dropdown.active > .dropdown-toggle, -.navbar-nav li.dropdown.open.active > .dropdown-toggle { +.navbar-nav > .open > a, +.navbar-nav > .open > a:hover, +.navbar-nav > .open > a:focus { color: #555555; background-color: #d5d5d5; } -.navbar-nav li.dropdown > .dropdown-toggle .caret { +.navbar-nav > .dropdown > a .caret { border-top-color: #777777; border-bottom-color: #777777; } -.navbar-nav li.dropdown.open > .dropdown-toggle .caret, -.navbar-nav li.dropdown.active > .dropdown-toggle .caret, -.navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { +.navbar-nav > .open > a .caret, +.navbar-nav > .open > a:hover .caret, +.navbar-nav > .open > a:focus .caret { border-top-color: #555555; border-bottom-color: #555555; } @@ -3587,26 +3587,26 @@ button.close { background-color: #fff; } -.navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle, -.navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle, -.navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle { +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { color: #ffffff; background-color: #080808; } -.navbar-inverse .navbar-nav li.dropdown > a:hover .caret { +.navbar-inverse .navbar-nav > .dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } -.navbar-inverse .navbar-nav li.dropdown > .dropdown-toggle .caret { +.navbar-inverse .navbar-nav > .dropdown > a .caret { border-top-color: #999999; border-bottom-color: #999999; } -.navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle .caret, -.navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle .caret, -.navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { +.navbar-inverse .navbar-nav > .open > a .caret, +.navbar-inverse .navbar-nav > .open > a:hover .caret, +.navbar-inverse .navbar-nav > .open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } -- cgit v1.2.3 From a38a3429fc132cbf3925a057db8b331db57aae87 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Mon, 13 May 2013 20:01:59 -0400 Subject: Fix caret position --- docs/assets/css/bootstrap.css | 1 - 1 file changed, 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 0c538b8f6..8bc5c9358 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3791,7 +3791,6 @@ button.close { } .btn .caret { - margin-top: 8px; margin-left: 0; } -- cgit v1.2.3 From 1d8ff36afa73ac086004962ec2f3d02148f8a201 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 18:55:37 -0700 Subject: Add .panel-footer --- docs/assets/css/bootstrap.css | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8bc5c9358..7f1bf5cd8 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2981,6 +2981,15 @@ a.list-group-item.active .list-group-item-text { border-top-left-radius: 3px; } +.panel-footer { + padding: 10px 15px; + margin: 15px -15px -15px; + background-color: #f5f5f5; + border-top: 1px solid #dddddd; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + .panel-primary { border-color: #428bca; } -- cgit v1.2.3 From e23f661f3fc66f83cb976f8a3b7e2c627af9162d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 18:59:13 -0700 Subject: Fixes #7885 and #7886: only right align horizontal form labels when above 768px --- docs/assets/css/bootstrap.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 7f1bf5cd8..4a1324b6b 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1700,7 +1700,12 @@ select:focus:invalid:focus { .form-horizontal .row-label { padding-top: 6px; - text-align: right; +} + +@media (min-width: 768px) { + .form-horizontal .row-label { + text-align: right; + } } .btn { -- cgit v1.2.3 From a41d566d5e38dd3227a0f5921f7be92969ff63f1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 22:08:56 -0700 Subject: margin on bottom of navbar nav by default, also round links in mobile views (unround in desktop) --- docs/assets/css/bootstrap.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 4a1324b6b..354dd25fe 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3387,6 +3387,7 @@ button.close { .navbar-nav { margin-top: 10px; + margin-bottom: 15px; } .navbar-nav > li > a { @@ -3394,6 +3395,7 @@ button.close { padding-bottom: 15px; line-height: 20px; color: #777777; + border-radius: 4px; } .navbar-nav > li > a:hover, @@ -3634,10 +3636,14 @@ button.close { .navbar .nav { float: left; margin-top: 0; + margin-bottom: 0; } .navbar .nav > li { float: left; } + .navbar .nav > li > a { + border-radius: 0; + } .navbar .nav.pull-right { float: right; } -- cgit v1.2.3 From 28a081cb20d4e9544967e7c6d5ab31ff4ad68862 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 23:21:30 -0700 Subject: Overhaul form control and button sizing, and some type styles * New padding approach with separate horizontal and vertical padding variables * Improved sizing in large and small buttons and form controls * Dropped the `.btn-mini` (since we have no `.input-mini` to match, and holy fuck those were small buttons) * Dropped the `.pagination-mini` as well because once again, to hell with such small components * Changed `@line-height-headings` to `@headings-line-height` * Removed the `@headings-font-family` because it was honestly kind of useless --- docs/assets/css/bootstrap.css | 96 ++++++++++++++++++------------------------- 1 file changed, 40 insertions(+), 56 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 354dd25fe..046cc20a5 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -283,7 +283,7 @@ html { body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; - line-height: 1.428; + line-height: 1.428571429; color: #333333; background-color: #ffffff; } @@ -415,7 +415,6 @@ h6, .h4, .h5, .h6 { - font-family: inherit; font-weight: 500; line-height: 1.1; } @@ -518,7 +517,7 @@ ol ul { } li { - line-height: 1.428; + line-height: 1.428571429; } .list-unstyled { @@ -543,7 +542,7 @@ dl { dt, dd { - line-height: 1.428; + line-height: 1.428571429; } dt { @@ -625,7 +624,7 @@ blockquote p:last-child { blockquote small { display: block; - line-height: 1.428; + line-height: 1.428571429; color: #999999; } @@ -665,7 +664,7 @@ address { display: block; margin-bottom: 20px; font-style: normal; - line-height: 1.428; + line-height: 1.428571429; } code, @@ -690,7 +689,7 @@ pre { padding: 9.5px; margin: 0 0 10px; font-size: 13px; - line-height: 1.428; + line-height: 1.428571429; word-break: break-all; word-wrap: break-word; white-space: pre; @@ -1018,7 +1017,7 @@ th { .table thead > tr > td, .table tbody > tr > td { padding: 8px; - line-height: 1.428; + line-height: 1.428571429; vertical-align: top; border-top: 1px solid #dddddd; } @@ -1206,7 +1205,7 @@ legend { padding: 0; margin-bottom: 20px; font-size: 21px; - line-height: 1.1; + line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; @@ -1235,10 +1234,10 @@ input[type="search"], input[type="tel"], input[type="color"] { display: block; - min-height: 34px; - padding: 6px 9px; + min-height: 36px; + padding: 8px 12px; font-size: 14px; - line-height: 1.428; + line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; @@ -1313,10 +1312,10 @@ input[type="checkbox"] { select, input[type="file"] { - height: 34px; + height: 36px; /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ - line-height: 34px; + line-height: 36px; } select[multiple], @@ -1424,7 +1423,7 @@ input[type="url"].input-large, input[type="search"].input-large, input[type="tel"].input-large, input[type="color"].input-large { - padding: 11px 14px; + padding: 14px 16px; font-size: 18px; border-radius: 6px; } @@ -1445,8 +1444,8 @@ input[type="url"].input-small, input[type="search"].input-small, input[type="tel"].input-small, input[type="color"].input-small { - min-height: 26px; - padding: 2px 10px; + min-height: 30px; + padding: 5px 10px; font-size: 12px; border-radius: 3px; } @@ -1612,7 +1611,7 @@ select:focus:invalid:focus { padding: 6px 8px; font-size: 14px; font-weight: normal; - line-height: 1.428; + line-height: 1.428571429; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #eeeeee; @@ -1624,13 +1623,13 @@ select:focus:invalid:focus { } .input-group-addon.input-small { - padding: 2px 10px; + padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-large { - padding: 11px 14px; + padding: 14px 16px; font-size: 18px; border-radius: 6px; } @@ -1710,11 +1709,11 @@ select:focus:invalid:focus { .btn { display: inline-block; - padding: 6px 12px; + padding: 8px 12px; margin-bottom: 0; font-size: 14px; font-weight: 500; - line-height: 1.428; + line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; @@ -1974,20 +1973,15 @@ fieldset[disabled] .btn-link:focus { } .btn-large { - padding: 11px 14px; + padding: 14px 16px; font-size: 18px; border-radius: 6px; } .btn-small { - padding: 2px 10px; + padding: 5px 10px; font-size: 12px; - border-radius: 3px; -} - -.btn-mini { - padding: 0 6px; - font-size: 11px; + line-height: 1.5; border-radius: 3px; } @@ -2750,7 +2744,7 @@ input[type="button"].btn-block { padding: 3px 20px; clear: both; font-weight: normal; - line-height: 1.428; + line-height: 1.428571429; color: #333333; white-space: nowrap; } @@ -3214,7 +3208,7 @@ button.close { .nav-tabs > li > a { margin-right: 2px; - line-height: 1.428; + line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } @@ -3304,7 +3298,7 @@ button.close { padding: 3px 15px; font-size: 11px; font-weight: bold; - line-height: 1.428; + line-height: 1.428571429; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; @@ -3660,7 +3654,7 @@ button.close { } .navbar-btn { - margin-top: 8px; + margin-top: 7px; } .navbar-text { @@ -3905,7 +3899,7 @@ button.close { .pagination > li > span { float: left; padding: 4px 12px; - line-height: 1.428; + line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; @@ -3949,7 +3943,7 @@ button.close { .pagination-large > li > a, .pagination-large > li > span { - padding: 11px 14px; + padding: 14px 16px; font-size: 18px; } @@ -3965,34 +3959,24 @@ button.close { border-bottom-right-radius: 6px; } -.pagination-mini > li:first-child > a, +.pagination-small > li > a, +.pagination-small > li > span { + padding: 5px 10px; + font-size: 12px; +} + .pagination-small > li:first-child > a, -.pagination-mini > li:first-child > span, .pagination-small > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } -.pagination-mini > li:last-child > a, .pagination-small > li:last-child > a, -.pagination-mini > li:last-child > span, .pagination-small > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.pagination-small > li > a, -.pagination-small > li > span { - padding: 2px 10px; - font-size: 12px; -} - -.pagination-mini > li > a, -.pagination-mini > li > span { - padding: 0 6px; - font-size: 11px; -} - .pager { margin: 20px 0; text-align: center; @@ -4131,7 +4115,7 @@ button.close { } .modal-header { - min-height: 16.428px; + min-height: 16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; } @@ -4142,7 +4126,7 @@ button.close { .modal-title { margin: 0; - line-height: 1.428; + line-height: 1.428571429; } .modal-body { @@ -4523,7 +4507,7 @@ button.close { .thumbnail, .img-thumbnail { padding: 4px; - line-height: 1.428; + line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; @@ -5050,7 +5034,7 @@ a.list-group-item.active > .badge, margin-bottom: 30px; font-size: 21px; font-weight: 200; - line-height: 2.142; + line-height: 2.1428571435; color: inherit; background-color: #eeeeee; } -- cgit v1.2.3 From f3d857773455a940fca0c8d2ef1ca26982700031 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 15 May 2013 10:16:11 -0700 Subject: Run make on previous commit; twerk box shadow back to commented out version --- docs/assets/css/bootstrap.css | 55 ++++++++++++++++++++----------------------- 1 file changed, 26 insertions(+), 29 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 046cc20a5..209aed496 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1245,10 +1245,32 @@ input[type="color"] { border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border-color linear 0.2s, box-shadow linear 0.2s; - -o-transition: border-color linear 0.2s, box-shadow linear 0.2s; - transition: border-color linear 0.2s, box-shadow linear 0.2s; + -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; +} + +select:focus, +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } input, @@ -1277,30 +1299,6 @@ textarea { height: auto; } -textarea:focus, -input[type="text"]:focus, -input[type="password"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="date"]:focus, -input[type="month"]:focus, -input[type="time"]:focus, -input[type="week"]:focus, -input[type="number"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="color"]:focus { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); -} - input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; @@ -1323,7 +1321,6 @@ select[size] { height: auto; } -select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { -- cgit v1.2.3 From 92245e8bc70f8d2e48036b7ba088551d07db29ca Mon Sep 17 00:00:00 2001 From: fat Date: Thu, 16 May 2013 12:50:06 -0700 Subject: change dropdown strategy to use an overlay - fixes mobile click anywhere + allows for firefox middle click --- docs/assets/css/bootstrap.css | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 209aed496..b9940b55e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2799,6 +2799,15 @@ input[type="button"].btn-block { outline: 0; } +.dropdown-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 990; +} + .pull-right > .dropdown-menu { right: 0; left: auto; -- cgit v1.2.3 From d8b749a4d35b5a6f7a6ebba2bdac5651460aef27 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 18:29:53 -0700 Subject: Fix z-index of carousel indicators --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b9940b55e..bec7260c2 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4980,7 +4980,7 @@ a.list-group-item.active > .badge, position: absolute; bottom: 20px; left: 50%; - z-index: 5; + z-index: 15; width: 100px; margin: 0 0 0 -50px; text-align: center; -- cgit v1.2.3 From c73588b3132b8c848f10561ad8f946f8c58a636b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 18:46:12 -0700 Subject: Drop .form-actions --- docs/assets/css/bootstrap.css | 28 ---------------------------- 1 file changed, 28 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index bec7260c2..326ae4990 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1535,34 +1535,6 @@ select:focus:invalid:focus { box-shadow: 0 0 6px #f8b9b7; } -.form-actions { - padding: 20px 20px; - margin-top: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-top: 1px solid #e5e5e5; -} - -.form-actions:before, -.form-actions:after { - display: table; - content: " "; -} - -.form-actions:after { - clear: both; -} - -.form-actions:before, -.form-actions:after { - display: table; - content: " "; -} - -.form-actions:after { - clear: both; -} - .help-block { display: block; margin-top: 5px; -- cgit v1.2.3 From e5d6a40a7781daea884dc4472e5eb3f1705a8498 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 19:13:58 -0700 Subject: Redo the responsive utilities stuff * Update docs language * Enforce display: block; on all utilities for now * Fix up docs CSS for the tests --- docs/assets/css/bootstrap.css | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 326ae4990..9737e7771 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5094,7 +5094,7 @@ a.list-group-item.active > .badge, } .visible-sm { - display: inherit !important; + display: block !important; } .visible-md { @@ -5110,11 +5110,11 @@ a.list-group-item.active > .badge, } .hidden-md { - display: inherit !important; + display: block !important; } .hidden-lg { - display: inherit !important; + display: block !important; } @media (min-width: 768px) and (max-width: 991px) { @@ -5122,19 +5122,19 @@ a.list-group-item.active > .badge, display: none !important; } .visible-md { - display: inherit !important; + display: block !important; } .visible-lg { display: none !important; } .hidden-sm { - display: inherit !important; + display: block !important; } .hidden-md { display: none !important; } .hidden-lg { - display: inherit !important; + display: block !important; } } @@ -5146,13 +5146,13 @@ a.list-group-item.active > .badge, display: none !important; } .visible-lg { - display: inherit !important; + display: block !important; } .hidden-sm { - display: inherit !important; + display: block !important; } .hidden-md { - display: inherit !important; + display: block !important; } .hidden-lg { display: none !important; @@ -5165,7 +5165,7 @@ a.list-group-item.active > .badge, @media print { .visible-print { - display: inherit !important; + display: block !important; } .hidden-print { display: none !important; -- cgit v1.2.3 From 1983ca03ec4f84bf9076d9327bc966caffda4ea6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 20:17:42 -0700 Subject: Form validation and horizontal row update * changed .row-label to .control-label as used elsewhere already * changed .formFieldState mixin to .form-field-validation --- docs/assets/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 9737e7771..4542376d8 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1666,12 +1666,12 @@ select:focus:invalid:focus { margin-top: 15px; } -.form-horizontal .row-label { +.form-horizontal .control-label { padding-top: 6px; } @media (min-width: 768px) { - .form-horizontal .row-label { + .form-horizontal .control-label { text-align: right; } } -- cgit v1.2.3 From 9762f95bde0fc251aa42d2e843cf5885f264cca3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 20:53:59 -0700 Subject: Change up link alerts * No more children selectors to set all links in alerts as a special color because buttons and more wrongly inherited color * Adds .alert-link for easy styling in any alert --- docs/assets/css/bootstrap.css | 12 ++++-------- 1 file changed, 4 insertions(+), 8 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 4542376d8..04b72bd43 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4410,8 +4410,7 @@ button.close { border-top-color: #f8e5be; } -.alert > a, -.alert > p > a { +.alert .alert-link { font-weight: 500; color: #a47e3c; } @@ -4433,8 +4432,7 @@ button.close { border-top-color: #c9e2b3; } -.alert-success > a, -.alert-success > p > a { +.alert-success .alert-link { color: #356635; } @@ -4448,8 +4446,7 @@ button.close { border-top-color: #e6c1c7; } -.alert-danger > a, -.alert-danger > p > a { +.alert-danger .alert-link { color: #953b39; } @@ -4463,8 +4460,7 @@ button.close { border-top-color: #a6e1ec; } -.alert-info > a, -.alert-info > p > a { +.alert-info .alert-link { color: #2d6987; } -- cgit v1.2.3 From 5fbb9e9f5d241744dc2e2cbd1bfd8676c566f22d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 21:03:29 -0700 Subject: More row change ups: * No more negative side margins * However, keep the negative margin for nested rows --- docs/assets/css/bootstrap.css | 4 ---- 1 file changed, 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 04b72bd43..d9efc0f82 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -976,10 +976,6 @@ pre code { .container { max-width: 728px; } - .row { - margin-right: -15px; - margin-left: -15px; - } } @media screen and (min-width: 992px) { -- cgit v1.2.3 From 35573db810fbcbb9d7aefde090fbad3dbd332271 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 19 May 2013 22:06:10 -0700 Subject: Fixes #7611: fix optgroup formatting for Firefox --- docs/assets/css/bootstrap.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d9efc0f82..f50619135 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1317,6 +1317,12 @@ select[size] { height: auto; } +select optgroup { + font-family: inherit; + font-size: inherit; + font-style: inherit; +} + input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { -- cgit v1.2.3 From 0c167a1d9dd7a8e4a1a6877ed0b23f5910a71ca2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 19 May 2013 22:12:48 -0700 Subject: Fixes #7474: Use `@input-height-base` in `.navbar-vertical-align()` for `.navbar-form` --- docs/assets/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f50619135..29cf51923 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3462,8 +3462,8 @@ button.close { } .navbar-form { - margin-top: 8px; - margin-bottom: 8px; + margin-top: 7px; + margin-bottom: 7px; } .navbar-form input, -- cgit v1.2.3 From 371d14e2173888932b1edf11083ccbf73bae313e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 23 May 2013 21:06:02 -0700 Subject: Remove commented out code and properly nest CSS again for .collapse --- docs/assets/css/bootstrap.css | 10 ---------- 1 file changed, 10 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 29cf51923..b65d86480 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1985,16 +1985,6 @@ input[type="button"].btn-block { opacity: 1; } -/*.collapse { - position: relative; - height: 0; - overflow: hidden; - .transition(height .35s ease); - &.in { - height: auto; - } -}*/ - .collapse { position: relative; height: 0; -- cgit v1.2.3 From 79666385f761bd27a31fc363fa26cdbe5b037017 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Fri, 24 May 2013 08:14:11 -0400 Subject: Use base padding for input-group-addon class --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b65d86480..53dcf2edc 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1579,7 +1579,7 @@ select:focus:invalid:focus { } .input-group-addon { - padding: 6px 8px; + padding: 8px 12px; font-size: 14px; font-weight: normal; line-height: 1.428571429; -- cgit v1.2.3