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') 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') 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') 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') 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') 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 +- docs/assets/css/docs.css | 83 +++++++++++++++++++++---------------------- 2 files changed, 42 insertions(+), 43 deletions(-) (limited to 'docs/assets/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; diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index aca8df213..328ede78d 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -13,6 +13,17 @@ body { /* We add the padding to the body for >768px only */ } +/* Top nav and header */ +.bs-docs-nav { + background-color: #fff; + border-bottom: 1px solid #ddd; +} +.bs-docs-nav .navbar-brand { + color: #b94a48; +} + + + hr { margin-top: 30px; margin-bottom: 30px; @@ -22,20 +33,13 @@ hr { margin-top: 15px; margin-bottom: 5px; } - +/* .bs-docs-container, .bs-home-container { padding-left: 15px; padding-right: 15px; } -.bs-docs-container { - max-width: 860px; -} -.bs-docs-container .row { - margin-left: -15px; - margin-right: -15px; -} - +*/ /* Side notes for calling out things */ .bs-docs-sidenote { margin: 20px 0; @@ -59,27 +63,28 @@ hr { -------------------------------------------------- */ /* Padding for in-page bookmarks */ -section, +/*section,*/ .bs-docs-section { padding-top: 30px; } /* Few stylistic typography tweaks */ -section > .page-header, +/*section > .page-header, section > .lead { color: #5a5a5a; } section > ul li { margin-bottom: 5px; -} +}*/ /* Jumbotrons -------------------------------------------------- */ -.bs-docs-section-header { - padding-top: 60px; +.bs-docs-header { + margin-bottom: 20px; + padding-top: 30px; color: #b94a48; border-bottom: 5px solid #b94a48; } @@ -149,22 +154,15 @@ section > ul li { /* Sidenav -------------------------------------------------- */ -.bs-docs-sidebar { - display: none; - position: fixed; - top: 0; - left: 0; - bottom: 0; - width: 240px; - overflow-y: scroll; - text-shadow: 0 1px 0 #fff; - background-color: #f5f5f5; - box-shadow: inset -1px 0 0 #e5e5e5; -} - /* Nav: first level */ .bs-docs-sidebar > .nav { - margin: 0 0 25px 0; + margin-top: 20px; + margin-bottom: 20px; + padding-top: 15px; + padding-bottom: 15px; + text-shadow: 0 1px 0 #fff; + background-color: #f5f5f5; + border-radius: 5px; } .bs-docs-sidebar .nav > li > a { display: block; @@ -229,6 +227,17 @@ section > ul li { border-color: #333; } +/* Increase spacing between page nav and other pages */ +.bs-docs-sidenav .nav-divider { + margin-top: 25px; + margin-bottom: 25px; +} + +.bs-docs-sidebar.affix { + top: 50px; + width: 270px; +} + /* Bootstrap code examples @@ -666,6 +675,9 @@ input.focused { /* Tablets and up */ @media screen and (min-width: 768px) { + body { + padding-top: 50px; + } /* Back to top link */ .bs-docs-top { @@ -687,17 +699,11 @@ input.focused { bottom: 15px; } - .bs-docs-section-header h1 { + .bs-docs-header h1 { font-size: 80px; - font-size: 8rem; line-height: 1; } - /* Account for fixed navbar (which is static to start) */ - .bs-docs-docs { - padding-left: 260px; - } - /* Undo custom padding */ .bs-docs-container { padding-left: 0; @@ -738,10 +744,6 @@ input.focused { /* Tablets/desktops and up */ @media screen and (min-width: 992px) { - .bs-docs-docs { - padding-left: 280px; - } - /* Icons */ .the-icons li { width: 12.5%; @@ -751,8 +753,5 @@ input.focused { /* Large desktops and up */ @media screen and (min-width: 1200px) { - .bs-docs-docs { - padding-left: 300px; - } } -- cgit v1.2.3 From feeaaa6febea765433351d1313d39ad74e452ad4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:13:56 -0700 Subject: refactor homepage jumbotron masthead doodad --- docs/assets/css/docs.css | 102 +++++++++++++++++++++-------------------------- 1 file changed, 46 insertions(+), 56 deletions(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 328ede78d..55cc07d45 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -29,10 +29,13 @@ hr { margin-bottom: 30px; } + + .bs-docs-dl-options h4 { margin-top: 15px; margin-bottom: 5px; } + /* .bs-docs-container, .bs-home-container { @@ -40,6 +43,7 @@ hr { padding-right: 15px; } */ + /* Side notes for calling out things */ .bs-docs-sidenote { margin: 20px 0; @@ -59,50 +63,23 @@ hr { } -/* Sections --------------------------------------------------- */ - -/* Padding for in-page bookmarks */ -/*section,*/ -.bs-docs-section { - padding-top: 30px; -} - -/* Few stylistic typography tweaks */ -/*section > .page-header, -section > .lead { - color: #5a5a5a; -} -section > ul li { - margin-bottom: 5px; -}*/ - - -/* Jumbotrons +/* Homepage masthead -------------------------------------------------- */ -.bs-docs-header { - margin-bottom: 20px; - padding-top: 30px; - color: #b94a48; - border-bottom: 5px solid #b94a48; -} - -/* Base class */ -.bs-docs-jumbotron { +.bs-masthead { position: relative; margin-bottom: 20px; padding: 30px 15px; text-align: center; } -.bs-docs-jumbotron h1 { +.bs-masthead h1 { font-size: 50px; line-height: 1; } /* Download button */ -.bs-docs-jumbotron .btn { +.bs-masthead .btn { margin-top: 5px; margin-bottom: 5px; padding: 18px 24px; @@ -111,42 +88,42 @@ section > ul li { background-color: #fff; border-color: #e5e5e5; } -.bs-docs-jumbotron .btn:hover, -.bs-docs-jumbotron .btn:active { +.bs-masthead .btn:hover, +.bs-masthead .btn:active { color: #fff; /* redeclare to override the `.jumbotron a` */ background-color: #b94a48; border-color: #b94a48; } -/* Textual links in masthead */ -.masthead-links { +/* Textual links */ +.bs-masthead-links { margin: 20px 0; list-style: none; } -.masthead-links li { +.bs-masthead-links li { display: inline; color: #999; } -.masthead-links li + li { +.bs-masthead-links li + li { margin-left: 20px; } -/* Special grid styles +/* Docs pages and sections -------------------------------------------------- */ -.show-grid { - margin-bottom: 15px; -} -.show-grid .col { - padding-top: 10px; - padding-bottom: 10px; - background-color: #eee; - border: 1px solid #ddd; +/* Page headers */ +.bs-docs-header { + margin-bottom: 20px; + padding-top: 30px; + color: #b94a48; + border-bottom: 5px solid #b94a48; } -.show-grid .col:hover { - background-color: #ddd; + +/* Padding for in-page bookmarks */ +.bs-docs-section { + padding-top: 30px; } @@ -240,6 +217,24 @@ section > ul li { +/* Special grid styles +-------------------------------------------------- */ + +.show-grid { + margin-bottom: 15px; +} +.show-grid .col { + padding-top: 10px; + padding-bottom: 10px; + background-color: #eee; + border: 1px solid #ddd; +} +.show-grid .col:hover { + background-color: #ddd; +} + + + /* Bootstrap code examples -------------------------------------------------- */ @@ -716,23 +711,18 @@ input.focused { } /* Tweak display of docs jumbotrons */ - .masthead { + .bs-masthead { padding-top: 100px; padding-bottom: 100px; } - .masthead h1 { + .bs-masthead h1 { font-size: 100px; } - .masthead p { + .bs-masthead p { margin-left: 15%; margin-right: 15%; font-size: 30px; } - .subhead { - padding-top: 60px; - padding-bottom: 60px; - text-align: left; - } .bs-navbar-top-example .navbar-fixed-top, .bs-navbar-bottom-example .navbar-fixed-bottom { -- cgit v1.2.3 From 241d3423630f5a1ab4fcb379ec72248421a25874 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:24:07 -0700 Subject: red navbar for docs --- docs/assets/css/docs.css | 19 ++++++++++++++----- 1 file changed, 14 insertions(+), 5 deletions(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 55cc07d45..da0ec0370 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -15,13 +15,22 @@ body { /* Top nav and header */ .bs-docs-nav { - background-color: #fff; - border-bottom: 1px solid #ddd; + background-color: #b94a48; } -.bs-docs-nav .navbar-brand { - color: #b94a48; +.bs-docs-nav .navbar-brand, +.bs-docs-nav .navbar-nav > li > a { + color: #fff; +} +.bs-docs-nav .navbar-nav > .active > a { + background-color: #993c3a; +} +.bs-docs-nav .navbar-toggle{ + border-color: #b94a48; +} +.bs-docs-nav .navbar-toggle:hover { + background-color: #993c3a; + border-color: #993c3a; } - hr { -- cgit v1.2.3 From fa4d4e8d88eb8e3e2bb2daba9de3880e93fa5756 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:29:53 -0700 Subject: new docs page headers --- docs/assets/css/docs.css | 25 +++++++++++++++++-------- 1 file changed, 17 insertions(+), 8 deletions(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index da0ec0370..0f639395f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -10,7 +10,7 @@ body { position: relative; /* For scrollyspy */ - /* We add the padding to the body for >768px only */ + padding-top: 50px; } /* Top nav and header */ @@ -124,10 +124,18 @@ hr { /* Page headers */ .bs-docs-header { - margin-bottom: 20px; - padding-top: 30px; + padding: 0 15px 15px; + margin-bottom: 30px; + font-size: 16px; + color: #5a5a5a; + border-bottom: 1px solid #ddd; +} +.bs-docs-header h1 { color: #b94a48; - border-bottom: 5px solid #b94a48; +} +.bs-docs-header p { + font-weight: 300; + line-height: 1.5; } /* Padding for in-page bookmarks */ @@ -679,9 +687,6 @@ input.focused { /* Tablets and up */ @media screen and (min-width: 768px) { - body { - padding-top: 50px; - } /* Back to top link */ .bs-docs-top { @@ -703,8 +708,12 @@ input.focused { bottom: 15px; } + .bs-docs-header { + padding: 30px 0 40px; + font-size: 21px; + } .bs-docs-header h1 { - font-size: 80px; + font-size: 60px; line-height: 1; } -- cgit v1.2.3 From f09b07dc2a2cb110d5d129ea8c1aac6cbbb09c0d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:31:49 -0700 Subject: more navbar and header tweaks --- docs/assets/css/docs.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 0f639395f..50cda6360 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -21,10 +21,11 @@ body { .bs-docs-nav .navbar-nav > li > a { color: #fff; } -.bs-docs-nav .navbar-nav > .active > a { +.bs-docs-nav .navbar-nav > .active > a, +.bs-docs-nav .navbar-nav > .active > a:hover { background-color: #993c3a; } -.bs-docs-nav .navbar-toggle{ +.bs-docs-nav .navbar-toggle { border-color: #b94a48; } .bs-docs-nav .navbar-toggle:hover { @@ -124,10 +125,11 @@ hr { /* Page headers */ .bs-docs-header { - padding: 0 15px 15px; + padding: 30px 30px 40px; margin-bottom: 30px; font-size: 16px; color: #5a5a5a; + text-align: center; border-bottom: 1px solid #ddd; } .bs-docs-header h1 { @@ -709,8 +711,8 @@ input.focused { } .bs-docs-header { - padding: 30px 0 40px; font-size: 21px; + text-align: left; } .bs-docs-header h1 { font-size: 60px; -- cgit v1.2.3 From d7acf4e82d2e5ba5775b18870fb01ac22264e764 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:42:42 -0700 Subject: more work on the sidenav, including small css refactor and new classes --- docs/assets/css/docs.css | 97 ++++++++++++++++++++---------------------------- 1 file changed, 40 insertions(+), 57 deletions(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 50cda6360..97c998b03 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -126,7 +126,6 @@ hr { /* Page headers */ .bs-docs-header { padding: 30px 30px 40px; - margin-bottom: 30px; font-size: 16px; color: #5a5a5a; text-align: center; @@ -147,32 +146,39 @@ hr { -/* Sidenav +/* Docs sidebar -------------------------------------------------- */ -/* Nav: first level */ -.bs-docs-sidebar > .nav { - margin-top: 20px; - margin-bottom: 20px; +/* By default it's not affixed in mobile views, so undo that */ +.bs-sidebar.affix { + position: static; +} + +/* First level of nav */ +.bs-sidenav { + margin-top: 30px; + margin-bottom: 30px; padding-top: 15px; padding-bottom: 15px; text-shadow: 0 1px 0 #fff; background-color: #f5f5f5; border-radius: 5px; } -.bs-docs-sidebar .nav > li > a { + +/* All levels of nav */ +.bs-sidebar .nav > li > a { display: block; color: #666; - padding: 4px 25px; + padding: 4px 20px; } -.bs-docs-sidebar .nav > li > a:hover, -.bs-docs-sidebar .nav > li > a:focus { +.bs-sidebar .nav > li > a:hover, +.bs-sidebar .nav > li > a:focus { text-decoration: none; border-right: 1px solid #d5d5d5; } -.bs-docs-sidebar .nav > .active > a, -.bs-docs-sidebar .nav > .active:hover > a, -.bs-docs-sidebar .nav > .active:focus > a { +.bs-sidebar .nav > .active > a, +.bs-sidebar .nav > .active:hover > a, +.bs-sidebar .nav > .active:focus > a { font-weight: 500; color: #b94a48; background-color: transparent; @@ -180,60 +186,20 @@ hr { } /* Nav: second level (shown on .active) */ -.bs-docs-sidebar .nav .nav { +.bs-sidebar .nav .nav { display: none; margin-bottom: 5px; } -.bs-docs-sidebar .nav > .active > ul { +.bs-sidebar .nav > .active > ul { display: block; } -.bs-docs-sidebar .nav .nav > li > a { +.bs-sidebar .nav .nav > li > a { padding-top: 2px; padding-bottom: 2px; padding-left: 40px; font-size: 90%; } -.bs-docs-sidenav-heading { - margin: 0 0 25px; -} -.bs-docs-sidenav-heading a { - display: block; - padding: 15px 25px; - color: #b94a48; - border-bottom: 1px solid #e5e5e5; - box-shadow: 0 1px 0 #fff; -} -.bs-docs-sidenav-heading a:hover { - color: #a3403e; - text-decoration: none; -} - -/* Section headings for groups of links */ -.bs-docs-sidenav > li > .nav-header { - margin-top: 20px; - margin-bottom: 5px; - font-size: 14px; - font-weight: 500; - color: #333; -} -.bs-docs-sidenav > .active > .nav-header, -.bs-docs-sidenav > .active > .nav-header:hover { - color: #333; - border-color: #333; -} - -/* Increase spacing between page nav and other pages */ -.bs-docs-sidenav .nav-divider { - margin-top: 25px; - margin-bottom: 25px; -} - -.bs-docs-sidebar.affix { - top: 50px; - width: 270px; -} - /* Special grid styles @@ -690,6 +656,13 @@ input.focused { /* Tablets and up */ @media screen and (min-width: 768px) { + /* Reaffix the fixed sidebar */ + .bs-sidebar.affix { + position: fixed; /* Undo the static from mobile-first approach */ + top: 50px; + width: 160px; + } + /* Back to top link */ .bs-docs-top { float: left; @@ -726,7 +699,7 @@ input.focused { } /* Show the docs nav */ - .bs-docs-sidebar { + .bs-sidebar { display: block; } @@ -754,6 +727,11 @@ input.focused { /* Tablets/desktops and up */ @media screen and (min-width: 992px) { + /* Widen the fixed sidebar */ + .bs-sidebar.affix { + width: 213px; + } + /* Icons */ .the-icons li { width: 12.5%; @@ -764,4 +742,9 @@ input.focused { /* Large desktops and up */ @media screen and (min-width: 1200px) { + /* Widen the fixed sidebar again */ + .bs-sidebar.affix { + width: 270px; + } + } -- cgit v1.2.3 From 67b7a2fc34431a5db19a906328d772e5fc1af814 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:50:41 -0700 Subject: docs css reorg --- docs/assets/css/docs.css | 83 ++++++++++++++++++++---------------------------- 1 file changed, 34 insertions(+), 49 deletions(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 97c998b03..50c600c12 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -10,10 +10,14 @@ body { position: relative; /* For scrollyspy */ - padding-top: 50px; + padding-top: 50px; /* Account for fixed navbar */ } -/* Top nav and header */ + + +/* Top nav and header +-------------------------------------------------- */ + .bs-docs-nav { background-color: #b94a48; } @@ -34,45 +38,6 @@ body { } -hr { - margin-top: 30px; - margin-bottom: 30px; -} - - - -.bs-docs-dl-options h4 { - margin-top: 15px; - margin-bottom: 5px; -} - -/* -.bs-docs-container, -.bs-home-container { - padding-left: 15px; - padding-right: 15px; -} -*/ - -/* Side notes for calling out things */ -.bs-docs-sidenote { - margin: 20px 0; - padding: 15px 30px 15px 15px; - background-color: #fcf2f2; - border-left: 5px solid #df7c7b; -} -.bs-docs-sidenote h4 { - margin-top: 0; -} -.bs-docs-sidenote p:last-child { - margin-bottom: 0; -} -.bs-docs-sidenote code, -.bs-docs-sidenote .highlight { - background-color: #fff; -} - - /* Homepage masthead -------------------------------------------------- */ @@ -202,6 +167,28 @@ hr { +/* Side notes for calling out things +-------------------------------------------------- */ + +.bs-docs-sidenote { + margin: 20px 0; + padding: 15px 30px 15px 15px; + background-color: #fcf2f2; + border-left: 5px solid #df7c7b; +} +.bs-docs-sidenote h4 { + margin-top: 0; +} +.bs-docs-sidenote p:last-child { + margin-bottom: 0; +} +.bs-docs-sidenote code, +.bs-docs-sidenote .highlight { + background-color: #fff; +} + + + /* Special grid styles -------------------------------------------------- */ @@ -407,6 +394,7 @@ hr { } + /* Example templates -------------------------------------------------- */ @@ -629,17 +617,14 @@ input.focused { color: #bebec5; } - - -/* Docs gallery --------------------------------------------------- */ - -.bs-docs-gallery .thumbnail { - max-width: 400px; - margin: 0 auto 20px; +/* Better spacing on download options in getting started */ +.bs-docs-dl-options h4 { + margin-top: 15px; + margin-bottom: 5px; } + /* Responsive variations -------------------------------------------------- */ -- cgit v1.2.3 From e5e5f6616c036bde1fd142c6721e1c5066c11d64 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:51:44 -0700 Subject: .bs-docs-header to .bs-header --- docs/assets/css/docs.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 50c600c12..ebe87be88 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -89,17 +89,17 @@ body { -------------------------------------------------- */ /* Page headers */ -.bs-docs-header { +.bs-header { padding: 30px 30px 40px; font-size: 16px; color: #5a5a5a; text-align: center; border-bottom: 1px solid #ddd; } -.bs-docs-header h1 { +.bs-header h1 { color: #b94a48; } -.bs-docs-header p { +.bs-header p { font-weight: 300; line-height: 1.5; } @@ -668,11 +668,11 @@ input.focused { bottom: 15px; } - .bs-docs-header { + .bs-header { font-size: 21px; text-align: left; } - .bs-docs-header h1 { + .bs-header h1 { font-size: 60px; line-height: 1; } -- cgit v1.2.3 From 3c3e56ca50571c1efb6632fe39367de246cb3db6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:52:48 -0700 Subject: .bs-docs-top to .bs-top --- docs/assets/css/docs.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index ebe87be88..030abcc86 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -649,7 +649,7 @@ input.focused { } /* Back to top link */ - .bs-docs-top { + .bs-top { float: left; padding: 7px 15px; font-weight: 500; @@ -657,12 +657,12 @@ input.focused { background-color: #eee; border-radius: 4px; } - .bs-docs-top:hover { + .bs-top:hover { color: #fff; text-decoration: none; background-color: #999; } - .bs-docs-top.affix { + .bs-top.affix { position: fixed; right: 15px; bottom: 15px; -- cgit v1.2.3 From 705063c73a9274333a9c5981aeb9cdfb9d443a02 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:54:25 -0700 Subject: .bs-docs-social-* to .bs-social-* --- docs/assets/css/docs.css | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 030abcc86..2195c7cb6 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -544,27 +544,26 @@ body { } /* Social proof buttons from GitHub & Twitter */ -.bs-docs-social { +.bs-social { margin-top: 80px; margin-bottom: 20px; } -/* Quick links on Home */ -.bs-docs-social-buttons { +.bs-social-buttons { display: inline-block; margin: 0; list-style: none; } -.bs-docs-social-buttons li { +.bs-social-buttons li { display: inline-block; line-height: 1; } -.bs-docs-social-buttons li + li { +.bs-social-buttons li + li { margin-left: 15px; } -.bs-docs-social-buttons .twitter-follow-button { +.bs-social-buttons .twitter-follow-button { width: 225px !important; } -.bs-docs-social-buttons .twitter-share-button { +.bs-social-buttons .twitter-share-button { width: 98px !important; } -- cgit v1.2.3 From ac28ad81d0b1761c07607c89c0d1dfc6c7caf721 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:55:17 -0700 Subject: .bs-docs-footer to .bs-footer; nuke .bs-docs-container css; remove .bs-docs-container from footer --- docs/assets/css/docs.css | 10 ++-------- 1 file changed, 2 insertions(+), 8 deletions(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2195c7cb6..020fba853 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -522,13 +522,13 @@ body { /* Footer -------------------------------------------------- */ -.bs-docs-footer { +.bs-footer { padding-top: 30px; padding-bottom: 30px; margin-top: 100px; border-top: 1px solid #e5e5e5; } -.bs-docs-footer p { +.bs-footer p { margin-bottom: 0; color: #777; } @@ -676,12 +676,6 @@ input.focused { line-height: 1; } - /* Undo custom padding */ - .bs-docs-container { - padding-left: 0; - padding-right: 0; - } - /* Show the docs nav */ .bs-sidebar { display: block; -- cgit v1.2.3 From 09c3a4b3bcb2d7bb6a786854abd0bc17a12c6d39 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:56:29 -0700 Subject: .bs-docs-example to .bs-example --- docs/assets/css/docs.css | 86 ++++++++++++++++++++++++------------------------ 1 file changed, 43 insertions(+), 43 deletions(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 020fba853..c0692a4ea 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -211,7 +211,7 @@ body { -------------------------------------------------- */ /* Base class */ -.bs-docs-example { +.bs-example { position: relative; padding: 39px 14px 14px; margin-bottom: -1px; @@ -220,7 +220,7 @@ body { border-top-right-radius: 4px; } /* Echo out a label for the example */ -.bs-docs-example:after { +.bs-example:after { content: "Example"; position: absolute; top: -1px; @@ -236,56 +236,56 @@ body { } /* Tweak display of the examples */ -.bs-docs-example + .prettyprint, -.bs-docs-example + .highlight { +.bs-example + .prettyprint, +.bs-example + .highlight { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } /* Tweak content of examples for optimum awesome */ -.bs-docs-example > p:last-child, -.bs-docs-example > ul:last-child, -.bs-docs-example > ol:last-child, -.bs-docs-example > blockquote:last-child, -.bs-docs-example > input:last-child, -.bs-docs-example > select:last-child, -.bs-docs-example > textarea:last-child, -.bs-docs-example > .table:last-child, -.bs-docs-example > .jumbotron:last-child, -.bs-docs-example > .alert:last-child, -.bs-docs-example > .panel:last-child, -.bs-docs-example > .list-group:last-child, -.bs-docs-example > .well:last-child { +.bs-example > p:last-child, +.bs-example > ul:last-child, +.bs-example > ol:last-child, +.bs-example > blockquote:last-child, +.bs-example > input:last-child, +.bs-example > select:last-child, +.bs-example > textarea:last-child, +.bs-example > .table:last-child, +.bs-example > .jumbotron:last-child, +.bs-example > .alert:last-child, +.bs-example > .panel:last-child, +.bs-example > .list-group:last-child, +.bs-example > .well:last-child { margin-bottom: 0; } /* Typography */ -.bs-docs-example-type .table td { +.bs-example-type .table td { color: #999; vertical-align: middle; border-color: ; } -.bs-docs-example-type .table td, -.bs-docs-example-type .table th { +.bs-example-type .table td, +.bs-example-type .table th { padding: 15px 0; border-color: #eee; } -.bs-docs-example-type .table tr:first-child td, -.bs-docs-example-type .table tr:first-child th { +.bs-example-type .table tr:first-child td, +.bs-example-type .table tr:first-child th { border-top: 0; } -.bs-docs-example-type h1, -.bs-docs-example-type h2, -.bs-docs-example-type h3, -.bs-docs-example-type h4, -.bs-docs-example-type h5, -.bs-docs-example-type h6 { +.bs-example-type h1, +.bs-example-type h2, +.bs-example-type h3, +.bs-example-type h4, +.bs-example-type h5, +.bs-example-type h6 { margin: 0; } /* List groups */ -.bs-docs-example > .list-group { +.bs-example > .list-group { max-width: 400px; } @@ -331,10 +331,10 @@ body { } /* Example modals */ -.bs-docs-example-modal { +.bs-example-modal { background-color: #f5f5f5; } -.bs-docs-example-modal .modal { +.bs-example-modal .modal { position: relative; top: auto; right: auto; @@ -343,29 +343,29 @@ body { z-index: 1; display: block; } -.bs-docs-example-modal .modal-dialog { +.bs-example-modal .modal-dialog { left: auto; margin-left: auto; margin-right: auto; } /* Example dropdowns */ -.bs-docs-example > .dropdown > .dropdown-menu, -.bs-docs-example-submenu > .pull-left > .dropup > .dropdown-menu, -.bs-docs-example-submenu > .pull-left > .dropdown > .dropdown-menu { +.bs-example > .dropdown > .dropdown-menu, +.bs-example-submenu > .pull-left > .dropup > .dropdown-menu, +.bs-example-submenu > .pull-left > .dropdown > .dropdown-menu { position: static; display: block; margin-bottom: 5px; } -.bs-docs-example-submenu { +.bs-example-submenu { min-height: 230px; } -.bs-docs-example-submenu > .pull-left + .pull-left { +.bs-example-submenu > .pull-left + .pull-left { margin-left: 20px; } /* Example tabbable tabs */ -.bs-docs-example-tabs .nav-tabs { +.bs-example-tabs .nav-tabs { margin-bottom: 15px; } @@ -381,11 +381,11 @@ body { } /* Popovers */ -.bs-docs-example-popover { +.bs-example-popover { padding-bottom: 24px; background-color: #f9f9f9; } -.bs-docs-example-popover .popover { +.bs-example-popover .popover { position: relative; display: block; float: left; @@ -398,10 +398,10 @@ body { /* Example templates -------------------------------------------------- */ -.bs-docs-examples h4 { +.bs-examples h4 { margin-bottom: 5px; } -.bs-docs-examples p { +.bs-examples p { margin-bottom: 20px; } @@ -629,7 +629,7 @@ input.focused { /* Hide code snippets on mobile devices */ @media screen and (max-width: 480px) { - .bs-docs-example { + .bs-example { border-radius: 4px; } .highlight { -- cgit v1.2.3 From 526dfb7735c8bce460b4960ec196f236fcd9d137 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:57:42 -0700 Subject: .bs-docs-tooltip-examples to .bs-example-tooltips --- docs/assets/css/docs.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index c0692a4ea..03b2ce29c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -370,12 +370,12 @@ body { } /* Tooltips */ -.bs-docs-tooltip-examples { +.bs-example-tooltips { text-align: center; margin: 0 0 10px; list-style: none; } -.bs-docs-tooltip-examples li { +.bs-example-tooltips li { display: inline; padding: 0 10px; } -- cgit v1.2.3 From 766be659c15d0fef1c83767504b3aac96af19c1c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 22:58:54 -0700 Subject: .bs-docs-sidenote to .bs-callout --- docs/assets/css/docs.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 03b2ce29c..16645011f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -170,20 +170,20 @@ body { /* Side notes for calling out things -------------------------------------------------- */ -.bs-docs-sidenote { +.bs-callout { margin: 20px 0; padding: 15px 30px 15px 15px; background-color: #fcf2f2; border-left: 5px solid #df7c7b; } -.bs-docs-sidenote h4 { +.bs-callout h4 { margin-top: 0; } -.bs-docs-sidenote p:last-child { +.bs-callout p:last-child { margin-bottom: 0; } -.bs-docs-sidenote code, -.bs-docs-sidenote .highlight { +.bs-callout code, +.bs-callout .highlight { background-color: #fff; } -- 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') 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') 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') 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') 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 ++++++++++++++ docs/assets/css/docs.css | 1 + 2 files changed, 15 insertions(+) (limited to 'docs/assets/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; diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 16645011f..fcbf723eb 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -252,6 +252,7 @@ body { .bs-example > select:last-child, .bs-example > textarea:last-child, .bs-example > .table:last-child, +.bs-example > .navbar:last-child .bs-example > .jumbotron:last-child, .bs-example > .alert:last-child, .bs-example > .panel:last-child, -- 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') 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 +++++++++++++++++++++--------------------- docs/assets/css/docs.css | 1 + 2 files changed, 78 insertions(+), 80 deletions(-) (limited to 'docs/assets/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; } diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index fcbf723eb..bfbb60d48 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -599,6 +599,7 @@ input.focused { } .highlight pre { padding: 0; + margin-top: 0; margin-bottom: 0; background-color: transparent; border: 0; -- 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') 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 e34abd02cc6d0a7d226dd0dc5a5dea59d53757de Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 17:36:02 -0700 Subject: redo docs footer a bit --- docs/assets/css/docs.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index bfbb60d48..92ea49d9c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -52,6 +52,9 @@ body { font-size: 50px; line-height: 1; } +.bs-masthead .bs-social { + margin-top: 80px; +} /* Download button */ .bs-masthead .btn { @@ -524,9 +527,10 @@ body { -------------------------------------------------- */ .bs-footer { - padding-top: 30px; + padding-top: 40px; padding-bottom: 30px; margin-top: 100px; + text-align: center; border-top: 1px solid #e5e5e5; } .bs-footer p { @@ -546,7 +550,6 @@ body { /* Social proof buttons from GitHub & Twitter */ .bs-social { - margin-top: 80px; margin-bottom: 20px; } .bs-social-buttons { -- cgit v1.2.3 From 758cb9d186e3fd9fbc94162d15a5ee0dfb1f9ef9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 10 May 2013 10:29:54 -0700 Subject: twerk nested nav links --- docs/assets/css/docs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 92ea49d9c..3a93a01cf 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -164,7 +164,7 @@ body { .bs-sidebar .nav .nav > li > a { padding-top: 2px; padding-bottom: 2px; - padding-left: 40px; + padding-left: 30px; font-size: 90%; } -- 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') 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') 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') 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') 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') 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') 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') 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') 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') 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') 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 45f62f9589c50175161b627d0f5b6f34ee8592aa Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Tue, 14 May 2013 08:33:49 -0400 Subject: Cleanup form-inline examples in docs --- docs/assets/css/docs.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 3a93a01cf..b08437a0e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -288,6 +288,11 @@ body { margin: 0; } +.bs-example.form-inline input:not([type=checkbox]):not([type=radio]), +.bs-example.form-inline select { + width: 180px; +} + /* List groups */ .bs-example > .list-group { max-width: 400px; -- 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') 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') 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 e56c809492b605f2bae242b67ff18fef426e7b7a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 22:08:32 -0700 Subject: refined navbar styles in docs --- docs/assets/css/docs.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 3a93a01cf..36f7cbd45 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -21,12 +21,18 @@ body { .bs-docs-nav { background-color: #b94a48; } -.bs-docs-nav .navbar-brand, +.bs-docs-nav .navbar-brand { + color: #fff; +} .bs-docs-nav .navbar-nav > li > a { + color: #dfc9c8; +} +.bs-docs-nav .navbar-nav > li > a:hover { color: #fff; } .bs-docs-nav .navbar-nav > .active > a, .bs-docs-nav .navbar-nav > .active > a:hover { + color: #fff; background-color: #993c3a; } .bs-docs-nav .navbar-toggle { -- 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') 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 ++++++++++++++++++------------------------- docs/assets/css/docs.css | 5 +++ 2 files changed, 45 insertions(+), 56 deletions(-) (limited to 'docs/assets/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; } diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 36f7cbd45..7f2526f21 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -294,6 +294,11 @@ body { margin: 0; } +/* Forms */ +.bs-example-control-sizing input[type="text"] + input[type="text"] { + margin-top: 10px; +} + /* List groups */ .bs-example > .list-group { max-width: 400px; -- cgit v1.2.3 From 6307dc40d738653d2fdf8c2316e27586fa8e975f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 15 May 2013 10:01:09 -0700 Subject: Fixes #7898: ensure button type Sets `type="button"` on all buttons in the docs --- docs/assets/css/docs.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index c2446d0fe..3cc4d97ec 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -269,6 +269,9 @@ body { .bs-example > .well:last-child { margin-bottom: 0; } +.bs-example > .close { + float: none; +} /* Typography */ .bs-example-type .table td { -- 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') 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') 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') 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') 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 ++++++++++---------- docs/assets/css/docs.css | 18 ++++++++++-------- 2 files changed, 20 insertions(+), 18 deletions(-) (limited to 'docs/assets/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; diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 3cc4d97ec..fd40cdafb 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -510,16 +510,14 @@ body { position: relative; float: left; width: 25%; - height: 43px; + padding: 15px 10px; font-size: 14px; font-weight: bold; - line-height: 43px; + line-height: 1.1; color: #999; text-align: center; border: 1px solid #ddd; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .responsive-utilities-test li + li { margin-left: 10px; @@ -530,9 +528,8 @@ body { left: -1px; right: -1px; bottom: -1px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + padding: 15px 10px; + border-radius: 4px; } .responsive-utilities-test span { color: #468847; @@ -646,6 +643,10 @@ input.focused { margin-bottom: 5px; } +/* Hide the top link initially */ +.bs-top { + display: none; +} /* Responsive variations @@ -673,6 +674,7 @@ input.focused { /* Back to top link */ .bs-top { + display: block; /* Unhide */ float: left; padding: 7px 15px; font-weight: 500; -- cgit v1.2.3 From af0b9cb41a5d86726c622529c5b8f8a43cd18e45 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 20:07:41 -0700 Subject: Simple responsive utilities test css --- docs/assets/css/docs.css | 25 +++++++++++-------------- 1 file changed, 11 insertions(+), 14 deletions(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index fd40cdafb..e389eaf6e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -510,28 +510,25 @@ body { position: relative; float: left; width: 25%; - padding: 15px 10px; - font-size: 14px; - font-weight: bold; - line-height: 1.1; - color: #999; - text-align: center; - border: 1px solid #ddd; - border-radius: 4px; } .responsive-utilities-test li + li { margin-left: 10px; } .responsive-utilities-test span { - position: absolute; - top: -1px; - left: -1px; - right: -1px; - bottom: -1px; padding: 15px 10px; + font-size: 14px; + font-weight: bold; + line-height: 1.1; + text-align: center; border-radius: 4px; } -.responsive-utilities-test span { +.responsive-utilities-test.visible-on [class*="hidden"], +.responsive-utilities-test.hidden-on [class*="visible"] { + color: #999; + border: 1px solid #ddd; +} +.responsive-utilities-test.visible-on [class*="visible"], +.responsive-utilities-test.hidden-on [class*="hidden"] { color: #468847; background-color: #dff0d8; border: 1px solid #d6e9c6; -- 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') 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') 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') 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 5f7352a6fe5f7a7eef4dce64184f55d1fec2676b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 22:11:31 -0700 Subject: Better grid template; link color change in docs navbar --- docs/assets/css/docs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index e389eaf6e..9221cac1b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -25,7 +25,7 @@ body { color: #fff; } .bs-docs-nav .navbar-nav > li > a { - color: #dfc9c8; + color: #e6cac8; } .bs-docs-nav .navbar-nav > li > a:hover { color: #fff; -- 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') 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') 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 52a348aa3f5e06e6429f386002f653dac7a35a99 Mon Sep 17 00:00:00 2001 From: Julian Thilo Date: Thu, 23 May 2013 02:30:58 +0200 Subject: Bring the customizer up to speed I reworked the customizer to match the new docs layout and include all newly added variables, etc. Would be glad to keep an eye on Customize and update it as v3 changes. Help blocks in my new version need some more work, too, so this is just a basis. --- docs/assets/css/docs.css | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 9221cac1b..ddab6ba6a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -94,6 +94,29 @@ body { +/* Customize and Download button +-------------------------------------------------- */ + +.bs-customize-download { + text-align:center; +} +.bs-customize-download .btn { + margin-top: 5px; + margin-bottom: 5px; + padding: 18px 24px; + font-size: 21px; + color: #b94a48; + background-color: #fff; + border-color: #b94a48; +} +.bs-customize-download .btn:hover, +.bs-customize-download .btn:active { + color: #fff; + background-color: #b94a48; +} + + + /* Docs pages and sections -------------------------------------------------- */ -- cgit v1.2.3 From acc0875259593d3206a07ac24bf877d0c8c0c8b9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 22 May 2013 23:34:28 -0700 Subject: fix up customizer js and classes; turn buttons into real buttons --- docs/assets/css/docs.css | 11 +++++++++++ 1 file changed, 11 insertions(+) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index ddab6ba6a..6f7254e82 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -97,6 +97,17 @@ body { /* Customize and Download button -------------------------------------------------- */ +.bs-customizer { + +} +.bs-customizer .toggle { + float: right; +} +.bs-customizer label { + margin-top: 10px; +} + + .bs-customize-download { text-align:center; } -- 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') 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 3160bd872ee02567ae369ad1d940207523cd5a44 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 23 May 2013 21:34:32 -0700 Subject: rearrange customizer content --- docs/assets/css/docs.css | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'docs/assets/css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 6f7254e82..305247251 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -105,6 +105,14 @@ body { } .bs-customizer label { margin-top: 10px; + font-weight: 500; + color: #555; +} +.bs-customizer h4 { + margin-top: 15px; +} +.bs-customizer input[type="text"] { + background-color: #fafafa; } -- 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') 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