From 663673438845b0bdb4f951ece7c6eabb2d51d065 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 17 Aug 2013 15:46:42 -0700 Subject: Fixes #9752: clear floats in .panel-body --- dist/css/bootstrap.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) (limited to 'dist/css/bootstrap.css') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index c290d1221..dd76c038c 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -2701,6 +2701,26 @@ a.list-group-item:focus { padding: 15px; } +.panel-body:before, +.panel-body:after { + display: table; + content: " "; +} + +.panel-body:after { + clear: both; +} + +.panel-body:before, +.panel-body:after { + display: table; + content: " "; +} + +.panel-body:after { + clear: both; +} + .panel > .list-group { margin-bottom: 0; } -- cgit v1.2.3 From e58721995879da2e866f27d389dfa9ed9da4d0b5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 17 Aug 2013 17:26:52 -0700 Subject: Fix navbar brand alignment by removing header padding when above 768px --- dist/css/bootstrap.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'dist/css/bootstrap.css') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index dd76c038c..b7fc3af70 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -3238,6 +3238,9 @@ button.close { @media (min-width: 768px) { .navbar-header { float: left; + padding-right: 0; + padding-left: 0; + margin-right: 15px; } } -- cgit v1.2.3 From d713f8341c26b1705a94fd890a92695d271dfb5b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 17 Aug 2013 20:33:52 -0700 Subject: Update jumbotron * Defaults to no rounded corners and full width in the viewport * When in a container, the jumbotron has extra padding and will have rounded corners * Updates default jumbotron example to show the full width default display Fixes #9759. --- dist/css/bootstrap.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) (limited to 'dist/css/bootstrap.css') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index b7fc3af70..bdfa0d6aa 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -5177,7 +5177,7 @@ a.list-group-item.active > .badge, } .jumbotron { - padding: 30px; + padding: 30px 15px; margin-bottom: 30px; font-size: 21px; font-weight: 200; @@ -5195,10 +5195,18 @@ a.list-group-item.active > .badge, line-height: 1.4; } +.container .jumbotron { + border-radius: 6px; +} + @media screen and (min-width: 768px) { .jumbotron { - padding: 50px 60px; - border-radius: 6px; + padding-top: 50px; + padding-bottom: 50px; + } + .container .jumbotron { + padding-right: 60px; + padding-left: 60px; } .jumbotron h1 { font-size: 63px; -- cgit v1.2.3 From 5539db523743c177a2ebb7d878343776abf6b7b4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 17 Aug 2013 21:00:13 -0700 Subject: Navbar update Addresses a few different cases where the navbar has and doesn't have a container, and accordingly adjusts the padding and margin of key elements. --- dist/css/bootstrap.css | 39 +++++++++++++++++++++++---------------- 1 file changed, 23 insertions(+), 16 deletions(-) (limited to 'dist/css/bootstrap.css') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index bdfa0d6aa..6a61ae54d 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -3210,11 +3210,6 @@ button.close { } } -.navbar-header { - padding-right: 15px; - padding-left: 15px; -} - .navbar-header:before, .navbar-header:after { display: table; @@ -3238,9 +3233,6 @@ button.close { @media (min-width: 768px) { .navbar-header { float: left; - padding-right: 0; - padding-left: 0; - margin-right: 15px; } } @@ -3281,8 +3273,6 @@ button.close { @media (min-width: 768px) { .navbar-collapse { width: auto; - padding-right: 0; - padding-left: 0; border-top: 0; box-shadow: none; } @@ -3297,6 +3287,20 @@ button.close { } } +.container > .navbar-header, +.container > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} + +@media (min-width: 768px) { + .container > .navbar-header, + .container > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} + .navbar-static-top { border-width: 0 0 1px; } @@ -3334,8 +3338,7 @@ button.close { .navbar-brand { float: left; - padding-top: 15px; - padding-bottom: 15px; + padding: 15px 15px; font-size: 18px; line-height: 20px; color: #777777; @@ -3348,11 +3351,18 @@ button.close { background-color: transparent; } +@media (min-width: 768px) { + .navbar > .container .navbar-brand { + margin-left: -15px; + } +} + .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; + margin-right: 15px; margin-bottom: 8px; background-color: transparent; border: 1px solid #dddddd; @@ -3378,9 +3388,6 @@ button.close { @media (min-width: 768px) { .navbar-toggle { - position: relative; - top: auto; - left: auto; display: none; } } @@ -5177,7 +5184,7 @@ a.list-group-item.active > .badge, } .jumbotron { - padding: 30px 15px; + padding: 30px; margin-bottom: 30px; font-size: 21px; font-weight: 200; -- cgit v1.2.3 From f891f91bacfa20647eb0a8814b6a993662564b67 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 17 Aug 2013 21:18:00 -0700 Subject: Reorder bootstrap.less to match docs oder --- dist/css/bootstrap.css | 2478 ++++++++++++++++++++++++------------------------ 1 file changed, 1239 insertions(+), 1239 deletions(-) (limited to 'dist/css/bootstrap.css') diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index 6a61ae54d..284460de8 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -2317,160 +2317,6 @@ input[type="button"].btn-block { transition: height 0.35s ease; } -.input-group { - position: relative; - display: table; - border-collapse: separate; -} - -.input-group.col { - float: none; - padding-right: 0; - padding-left: 0; -} - -.input-group .form-control { - width: 100%; - margin-bottom: 0; -} - -.input-group-lg > .form-control, -.input-group-lg > .input-group-addon, -.input-group-lg > .input-group-btn > .btn { - height: 45px; - padding: 10px 16px; - font-size: 18px; - line-height: 1.33; - border-radius: 6px; -} - -select.input-group-lg > .form-control, -select.input-group-lg > .input-group-addon, -select.input-group-lg > .input-group-btn > .btn { - height: 45px; - line-height: 45px; -} - -textarea.input-group-lg > .form-control, -textarea.input-group-lg > .input-group-addon, -textarea.input-group-lg > .input-group-btn > .btn { - height: auto; -} - -.input-group-sm > .form-control, -.input-group-sm > .input-group-addon, -.input-group-sm > .input-group-btn > .btn { - height: 30px; - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; -} - -select.input-group-sm > .form-control, -select.input-group-sm > .input-group-addon, -select.input-group-sm > .input-group-btn > .btn { - height: 30px; - line-height: 30px; -} - -textarea.input-group-sm > .form-control, -textarea.input-group-sm > .input-group-addon, -textarea.input-group-sm > .input-group-btn > .btn { - height: auto; -} - -.input-group-addon, -.input-group-btn, -.input-group .form-control { - display: table-cell; -} - -.input-group-addon:not(:first-child):not(:last-child), -.input-group-btn:not(:first-child):not(:last-child), -.input-group .form-control:not(:first-child):not(:last-child) { - border-radius: 0; -} - -.input-group-addon, -.input-group-btn { - width: 1%; - white-space: nowrap; - vertical-align: middle; -} - -.input-group-addon { - padding: 6px 12px; - font-size: 14px; - font-weight: normal; - line-height: 1; - text-align: center; - background-color: #eeeeee; - border: 1px solid #cccccc; - border-radius: 4px; -} - -.input-group-addon.input-sm { - padding: 5px 10px; - font-size: 12px; - border-radius: 3px; -} - -.input-group-addon.input-lg { - padding: 10px 16px; - font-size: 18px; - border-radius: 6px; -} - -.input-group-addon input[type="radio"], -.input-group-addon input[type="checkbox"] { - margin-top: 0; -} - -.input-group .form-control:first-child, -.input-group-addon: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; -} - -.input-group-addon:first-child { - border-right: 0; -} - -.input-group .form-control:last-child, -.input-group-addon:last-child, -.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; -} - -.input-group-addon:last-child { - border-left: 0; -} - -.input-group-btn { - position: relative; - white-space: nowrap; -} - -.input-group-btn > .btn { - position: relative; -} - -.input-group-btn > .btn + .btn { - margin-left: -4px; -} - -.input-group-btn > .btn:hover, -.input-group-btn > .btn:active { - z-index: 2; -} - .caret { display: inline-block; width: 0; @@ -2610,332 +2456,430 @@ textarea.input-group-sm > .input-group-btn > .btn { margin-bottom: 1px; } -.list-group { - padding-left: 0; - margin-bottom: 20px; +.btn-default .caret { + border-top-color: #333333; } -.list-group-item { - position: relative; - display: block; - padding: 10px 15px; - margin-bottom: -1px; - background-color: #ffffff; - border: 1px solid #dddddd; +.btn-primary .caret, +.btn-success .caret, +.btn-warning .caret, +.btn-danger .caret, +.btn-info .caret { + border-top-color: #fff; } -.list-group-item:first-child { - border-top-right-radius: 4px; - border-top-left-radius: 4px; +.dropup .btn-default .caret { + border-bottom-color: #333333; } -.list-group-item:last-child { - margin-bottom: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; +.dropup .btn-primary .caret, +.dropup .btn-success .caret, +.dropup .btn-warning .caret, +.dropup .btn-danger .caret, +.dropup .btn-info .caret { + border-bottom-color: #fff; } -.list-group-item > .badge { - float: right; +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; } -.list-group-item > .badge + .badge { - margin-right: 5px; +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; } -a.list-group-item { - color: #555555; +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover, +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus, +.btn-group > .btn:active, +.btn-group-vertical > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn.active { + z-index: 2; } -a.list-group-item .list-group-item-heading { - color: #333333; +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus { + outline: none; } -a.list-group-item:hover, -a.list-group-item:focus { - text-decoration: none; - background-color: #f5f5f5; +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; } -.list-group-item.active, -.list-group-item.active:hover, -.list-group-item.active:focus { - z-index: 2; - color: #ffffff; - background-color: #428bca; - border-color: #428bca; +.btn-toolbar:before, +.btn-toolbar:after { + display: table; + content: " "; } -.list-group-item.active .list-group-item-heading, -.list-group-item.active:hover .list-group-item-heading, -.list-group-item.active:focus .list-group-item-heading { - color: inherit; +.btn-toolbar:after { + clear: both; } -.list-group-item.active .list-group-item-text, -.list-group-item.active:hover .list-group-item-text, -.list-group-item.active:focus .list-group-item-text { - color: #e1edf7; +.btn-toolbar:before, +.btn-toolbar:after { + display: table; + content: " "; } -.list-group-item-heading { - margin-top: 0; - margin-bottom: 5px; +.btn-toolbar:after { + clear: both; } -.list-group-item-text { - margin-bottom: 0; - line-height: 1.3; +.btn-toolbar .btn-group { + float: left; } -.panel { - margin-bottom: 20px; - background-color: #ffffff; - 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); +.btn-toolbar > .btn + .btn, +.btn-toolbar > .btn-group + .btn, +.btn-toolbar > .btn + .btn-group, +.btn-toolbar > .btn-group + .btn-group { + margin-left: 5px; } -.panel-body { - padding: 15px; +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0; } -.panel-body:before, -.panel-body:after { - display: table; - content: " "; +.btn-group > .btn:first-child { + margin-left: 0; } -.panel-body:after { - clear: both; +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.panel-body:before, -.panel-body:after { - display: table; - content: " "; +.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; } -.panel-body:after { - clear: both; +.btn-group > .btn-group { + float: left; } -.panel > .list-group { - margin-bottom: 0; +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; } -.panel > .list-group .list-group-item { - border-width: 1px 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; } -.panel > .list-group .list-group-item:first-child { - border-top-right-radius: 0; +.btn-group > .btn-group:last-child > .btn:first-child { + border-bottom-left-radius: 0; border-top-left-radius: 0; } -.panel > .list-group .list-group-item:last-child { - border-bottom: 0; +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; } -.panel-heading + .list-group .list-group-item:first-child { - border-top-width: 0; +.btn-group-xs > .btn { + padding: 5px 10px; + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; } -.panel-heading { - padding: 10px 15px; - background-color: #f5f5f5; - border-bottom: 1px solid #dddddd; - border-top-right-radius: 3px; - border-top-left-radius: 3px; +.btn-group-sm > .btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; } -.panel-title { - margin-top: 0; - margin-bottom: 0; - font-size: 16px; +.btn-group-lg > .btn { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; } -.panel-title > a { - color: inherit; +.btn-group > .btn + .dropdown-toggle { + padding-right: 8px; + padding-left: 8px; } -.panel-footer { - padding: 10px 15px; - background-color: #f5f5f5; - border-top: 1px solid #dddddd; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; +.btn-group > .btn-lg + .dropdown-toggle { + padding-right: 12px; + padding-left: 12px; } -.panel-group .panel { - margin-bottom: 0; - overflow: hidden; - border-radius: 4px; +.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); } -.panel-group .panel + .panel { - margin-top: 5px; +.btn .caret { + margin-left: 0; } -.panel-group .panel-heading { - border-bottom: 0; +.btn-lg .caret { + border-width: 5px; } -.panel-group .panel-heading + .panel-collapse .panel-body { - border-top: 1px solid #dddddd; +.dropup .btn-lg .caret { + border-bottom-width: 5px; } -.panel-group .panel-footer { - border-top: 0; +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + display: block; + float: none; + width: 100%; + max-width: 100%; } -.panel-group .panel-footer + .panel-collapse .panel-body { - border-bottom: 1px solid #dddddd; +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after { + display: table; + content: " "; } -.panel-primary { - border-color: #428bca; +.btn-group-vertical > .btn-group:after { + clear: both; } -.panel-primary > .panel-heading { - color: #ffffff; - background-color: #428bca; - border-color: #428bca; +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after { + display: table; + content: " "; } -.panel-primary > .panel-heading + .panel-collapse .panel-body { - border-top-color: #428bca; +.btn-group-vertical > .btn-group:after { + clear: both; } -.panel-primary > .panel-footer + .panel-collapse .panel-body { - border-bottom-color: #428bca; +.btn-group-vertical > .btn-group > .btn { + float: none; } -.panel-success { - border-color: #d6e9c6; +.btn-group-vertical > .btn + .btn, +.btn-group-vertical > .btn + .btn-group, +.btn-group-vertical > .btn-group + .btn, +.btn-group-vertical > .btn-group + .btn-group { + margin-top: -1px; + margin-left: 0; } -.panel-success > .panel-heading { - color: #468847; - background-color: #dff0d8; - border-color: #d6e9c6; +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; } -.panel-success > .panel-heading + .panel-collapse .panel-body { - border-top-color: #d6e9c6; +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-right-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } -.panel-success > .panel-footer + .panel-collapse .panel-body { - border-bottom-color: #d6e9c6; +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-top-right-radius: 0; + border-bottom-left-radius: 4px; + border-top-left-radius: 0; } -.panel-warning { - border-color: #fbeed5; +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; } -.panel-warning > .panel-heading { - color: #c09853; - background-color: #fcf8e3; - border-color: #fbeed5; +.btn-group-vertical > .btn-group:first-child > .btn:last-child, +.btn-group-vertical > .btn-group:first-child > .dropdown-toggle { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } -.panel-warning > .panel-heading + .panel-collapse .panel-body { - border-top-color: #fbeed5; +.btn-group-vertical > .btn-group:last-child > .btn:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; } -.panel-warning > .panel-footer + .panel-collapse .panel-body { - border-bottom-color: #fbeed5; +.btn-group-justified { + display: table; + width: 100%; + border-collapse: separate; + table-layout: fixed; } -.panel-danger { - border-color: #eed3d7; +.btn-group-justified .btn { + display: table-cell; + float: none; + width: 1%; } -.panel-danger > .panel-heading { - color: #b94a48; - background-color: #f2dede; - border-color: #eed3d7; +[data-toggle="buttons"] > .btn > input[type="radio"], +[data-toggle="buttons"] > .btn > input[type="checkbox"] { + display: none; } -.panel-danger > .panel-heading + .panel-collapse .panel-body { - border-top-color: #eed3d7; +.input-group { + position: relative; + display: table; + border-collapse: separate; } -.panel-danger > .panel-footer + .panel-collapse .panel-body { - border-bottom-color: #eed3d7; +.input-group.col { + float: none; + padding-right: 0; + padding-left: 0; } -.panel-info { - border-color: #bce8f1; +.input-group .form-control { + width: 100%; + margin-bottom: 0; } -.panel-info > .panel-heading { - color: #3a87ad; - background-color: #d9edf7; - border-color: #bce8f1; +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + height: 45px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 6px; } -.panel-info > .panel-heading + .panel-collapse .panel-body { - border-top-color: #bce8f1; +select.input-group-lg > .form-control, +select.input-group-lg > .input-group-addon, +select.input-group-lg > .input-group-btn > .btn { + height: 45px; + line-height: 45px; } -.panel-info > .panel-footer + .panel-collapse .panel-body { - border-bottom-color: #bce8f1; +textarea.input-group-lg > .form-control, +textarea.input-group-lg > .input-group-addon, +textarea.input-group-lg > .input-group-btn > .btn { + height: auto; } -.well { - min-height: 20px; - padding: 19px; - margin-bottom: 20px; - background-color: #f5f5f5; - border: 1px solid #e3e3e3; +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 3px; +} + +select.input-group-sm > .form-control, +select.input-group-sm > .input-group-addon, +select.input-group-sm > .input-group-btn > .btn { + height: 30px; + line-height: 30px; +} + +textarea.input-group-sm > .form-control, +textarea.input-group-sm > .input-group-addon, +textarea.input-group-sm > .input-group-btn > .btn { + height: auto; +} + +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; +} + +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; +} + +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; +} + +.input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: normal; + line-height: 1; + text-align: center; + background-color: #eeeeee; + border: 1px solid #cccccc; 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); } -.well blockquote { - border-color: #ddd; - border-color: rgba(0, 0, 0, 0.15); +.input-group-addon.input-sm { + padding: 5px 10px; + font-size: 12px; + border-radius: 3px; } -.well-lg { - padding: 24px; +.input-group-addon.input-lg { + padding: 10px 16px; + font-size: 18px; border-radius: 6px; } -.well-sm { - padding: 9px; - border-radius: 3px; +.input-group-addon input[type="radio"], +.input-group-addon input[type="checkbox"] { + margin-top: 0; } -.close { - float: right; - font-size: 21px; - font-weight: bold; - line-height: 1; - color: #000000; - text-shadow: 0 1px 0 #ffffff; - opacity: 0.2; - filter: alpha(opacity=20); +.input-group .form-control:first-child, +.input-group-addon: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; } -.close:hover, -.close:focus { - color: #000000; - text-decoration: none; - cursor: pointer; - opacity: 0.5; - filter: alpha(opacity=50); +.input-group-addon:first-child { + border-right: 0; } -button.close { - padding: 0; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; +.input-group .form-control:last-child, +.input-group-addon:last-child, +.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; +} + +.input-group-addon:last-child { + border-left: 0; +} + +.input-group-btn { + position: relative; + white-space: nowrap; +} + +.input-group-btn > .btn { + position: relative; +} + +.input-group-btn > .btn + .btn { + margin-left: -4px; +} + +.input-group-btn > .btn:hover, +.input-group-btn > .btn:active { + z-index: 2; } .nav { @@ -3730,1264 +3674,1357 @@ button.close { color: #ffffff; } -.btn-default .caret { - border-top-color: #333333; +.breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 4px; } -.btn-primary .caret, -.btn-success .caret, -.btn-warning .caret, -.btn-danger .caret, -.btn-info .caret { - border-top-color: #fff; +.breadcrumb > li { + display: inline-block; } -.dropup .btn-default .caret { - border-bottom-color: #333333; +.breadcrumb > li + li:before { + padding: 0 5px; + color: #cccccc; + content: "/\00a0"; } -.dropup .btn-primary .caret, -.dropup .btn-success .caret, -.dropup .btn-warning .caret, -.dropup .btn-danger .caret, -.dropup .btn-info .caret { - border-bottom-color: #fff; +.breadcrumb > .active { + color: #999999; } -.btn-group, -.btn-group-vertical { - position: relative; +.pagination { display: inline-block; - vertical-align: middle; + padding-left: 0; + margin: 20px 0; + border-radius: 4px; } -.btn-group > .btn, -.btn-group-vertical > .btn { - position: relative; - float: left; +.pagination > li { + display: inline; } -.btn-group > .btn:hover, -.btn-group-vertical > .btn:hover, -.btn-group > .btn:focus, -.btn-group-vertical > .btn:focus, -.btn-group > .btn:active, -.btn-group-vertical > .btn:active, -.btn-group > .btn.active, -.btn-group-vertical > .btn.active { - z-index: 2; +.pagination > li > a, +.pagination > li > span { + position: relative; + float: left; + padding: 6px 12px; + margin-left: -1px; + line-height: 1.428571429; + text-decoration: none; + background-color: #ffffff; + border: 1px solid #dddddd; } -.btn-group > .btn:focus, -.btn-group-vertical > .btn:focus { - outline: none; +.pagination > li:first-child > a, +.pagination > li:first-child > span { + margin-left: 0; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; } -.btn-group .btn + .btn, -.btn-group .btn + .btn-group, -.btn-group .btn-group + .btn, -.btn-group .btn-group + .btn-group { - margin-left: -1px; +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } -.btn-toolbar:before, -.btn-toolbar:after { - display: table; - content: " "; +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + background-color: #eeeeee; } -.btn-toolbar:after { - clear: both; +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #ffffff; + cursor: default; + background-color: #428bca; + border-color: #428bca; } -.btn-toolbar:before, -.btn-toolbar:after { - display: table; - content: " "; +.pagination > .disabled > span, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + cursor: not-allowed; + background-color: #ffffff; + border-color: #dddddd; } -.btn-toolbar:after { - clear: both; -} - -.btn-toolbar .btn-group { - float: left; +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 16px; + font-size: 18px; } -.btn-toolbar > .btn + .btn, -.btn-toolbar > .btn-group + .btn, -.btn-toolbar > .btn + .btn-group, -.btn-toolbar > .btn-group + .btn-group { - margin-left: 5px; +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; } -.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { - border-radius: 0; +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; } -.btn-group > .btn:first-child { - margin-left: 0; +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 5px 10px; + font-size: 12px; } -.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } -.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; +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } -.btn-group > .btn-group { - float: left; +.pager { + padding-left: 0; + margin: 20px 0; + text-align: center; + list-style: none; } -.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; +.pager:before, +.pager:after { + display: table; + content: " "; } -.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; +.pager:after { + clear: both; } -.btn-group > .btn-group:last-child > .btn:first-child { - border-bottom-left-radius: 0; - border-top-left-radius: 0; +.pager:before, +.pager:after { + display: table; + content: " "; } -.btn-group .dropdown-toggle:active, -.btn-group.open .dropdown-toggle { - outline: 0; +.pager:after { + clear: both; } -.btn-group-xs > .btn { - padding: 5px 10px; - padding: 1px 5px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; +.pager li { + display: inline; } -.btn-group-sm > .btn { - padding: 5px 10px; - font-size: 12px; - line-height: 1.5; - border-radius: 3px; +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 15px; } -.btn-group-lg > .btn { - padding: 10px 16px; - font-size: 18px; - line-height: 1.33; - border-radius: 6px; +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #eeeeee; } -.btn-group > .btn + .dropdown-toggle { - padding-right: 8px; - padding-left: 8px; +.pager .next > a, +.pager .next > span { + float: right; } -.btn-group > .btn-lg + .dropdown-toggle { - padding-right: 12px; - padding-left: 12px; +.pager .previous > a, +.pager .previous > span { + float: left; } -.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); +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + cursor: not-allowed; + background-color: #ffffff; } -.btn .caret { - margin-left: 0; +.label { + display: inline; + padding: .25em .6em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #ffffff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; } -.btn-lg .caret { - border-width: 5px; +.label[href]:hover, +.label[href]:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; } -.dropup .btn-lg .caret { - border-bottom-width: 5px; +.label:empty { + display: none; } -.btn-group-vertical > .btn, -.btn-group-vertical > .btn-group { - display: block; - float: none; - width: 100%; - max-width: 100%; +.label-default { + background-color: #999999; } -.btn-group-vertical > .btn-group:before, -.btn-group-vertical > .btn-group:after { - display: table; - content: " "; +.label-default[href]:hover, +.label-default[href]:focus { + background-color: #808080; } -.btn-group-vertical > .btn-group:after { - clear: both; +.label-primary { + background-color: #428bca; } -.btn-group-vertical > .btn-group:before, -.btn-group-vertical > .btn-group:after { - display: table; - content: " "; +.label-primary[href]:hover, +.label-primary[href]:focus { + background-color: #3071a9; } -.btn-group-vertical > .btn-group:after { - clear: both; +.label-success { + background-color: #5cb85c; } -.btn-group-vertical > .btn-group > .btn { - float: none; +.label-success[href]:hover, +.label-success[href]:focus { + background-color: #449d44; } -.btn-group-vertical > .btn + .btn, -.btn-group-vertical > .btn + .btn-group, -.btn-group-vertical > .btn-group + .btn, -.btn-group-vertical > .btn-group + .btn-group { - margin-top: -1px; - margin-left: 0; +.label-info { + background-color: #5bc0de; } -.btn-group-vertical > .btn:not(:first-child):not(:last-child) { - border-radius: 0; +.label-info[href]:hover, +.label-info[href]:focus { + background-color: #31b0d5; } -.btn-group-vertical > .btn:first-child:not(:last-child) { - border-top-right-radius: 4px; - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; +.label-warning { + background-color: #f0ad4e; } -.btn-group-vertical > .btn:last-child:not(:first-child) { - border-top-right-radius: 0; - border-bottom-left-radius: 4px; - border-top-left-radius: 0; +.label-warning[href]:hover, +.label-warning[href]:focus { + background-color: #ec971f; } -.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { - border-radius: 0; +.label-danger { + background-color: #d9534f; } -.btn-group-vertical > .btn-group:first-child > .btn:last-child, -.btn-group-vertical > .btn-group:first-child > .dropdown-toggle { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; +.label-danger[href]:hover, +.label-danger[href]:focus { + background-color: #c9302c; } -.btn-group-vertical > .btn-group:last-child > .btn:first-child { - border-top-right-radius: 0; - border-top-left-radius: 0; +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + line-height: 1; + color: #ffffff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + background-color: #999999; + border-radius: 10px; } -.btn-group-justified { - display: table; - width: 100%; - border-collapse: separate; - table-layout: fixed; +.badge:empty { + display: none; } -.btn-group-justified .btn { - display: table-cell; - float: none; - width: 1%; +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; } -[data-toggle="buttons"] > .btn > input[type="radio"], -[data-toggle="buttons"] > .btn > input[type="checkbox"] { - display: none; +.btn .badge { + position: relative; + top: -1px; } -.breadcrumb { - padding: 8px 15px; - margin-bottom: 20px; - list-style: none; - background-color: #f5f5f5; - border-radius: 4px; +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #428bca; + background-color: #ffffff; } -.breadcrumb > li { - display: inline-block; +.nav-pills > li > a > .badge { + margin-left: 3px; } -.breadcrumb > li + li:before { - padding: 0 5px; - color: #cccccc; - content: "/\00a0"; +.jumbotron { + padding: 30px; + margin-bottom: 30px; + font-size: 21px; + font-weight: 200; + line-height: 2.1428571435; + color: inherit; + background-color: #eeeeee; } -.breadcrumb > .active { - color: #999999; +.jumbotron h1 { + line-height: 1; + color: inherit; } -.pagination { - display: inline-block; - padding-left: 0; - margin: 20px 0; - border-radius: 4px; +.jumbotron p { + line-height: 1.4; } -.pagination > li { - display: inline; +.container .jumbotron { + border-radius: 6px; } -.pagination > li > a, -.pagination > li > span { - position: relative; - float: left; - padding: 6px 12px; - margin-left: -1px; +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 50px; + padding-bottom: 50px; + } + .container .jumbotron { + padding-right: 60px; + padding-left: 60px; + } + .jumbotron h1 { + font-size: 63px; + } +} + +.thumbnail, +.img-thumbnail { + padding: 4px; line-height: 1.428571429; - text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } -.pagination > li:first-child > a, -.pagination > li:first-child > span { - margin-left: 0; - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; +.thumbnail { + display: block; } -.pagination > li:last-child > a, -.pagination > li:last-child > span { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; +.thumbnail > img { + display: block; + height: auto; + max-width: 100%; } -.pagination > li > a:hover, -.pagination > li > span:hover, -.pagination > li > a:focus, -.pagination > li > span:focus { - background-color: #eeeeee; +.img-thumbnail { + display: inline-block; + height: auto; + max-width: 100%; } -.pagination > .active > a, -.pagination > .active > span, -.pagination > .active > a:hover, -.pagination > .active > span:hover, -.pagination > .active > a:focus, -.pagination > .active > span:focus { - z-index: 2; - color: #ffffff; - cursor: default; - background-color: #428bca; +a.thumbnail:hover, +a.thumbnail:focus { border-color: #428bca; } -.pagination > .disabled > span, -.pagination > .disabled > a, -.pagination > .disabled > a:hover, -.pagination > .disabled > a:focus { - color: #999999; - cursor: not-allowed; - background-color: #ffffff; - border-color: #dddddd; +.thumbnail > img { + margin-right: auto; + margin-left: auto; } -.pagination-lg > li > a, -.pagination-lg > li > span { - padding: 10px 16px; - font-size: 18px; +.thumbnail .caption { + padding: 9px; + color: #333333; } -.pagination-lg > li:first-child > a, -.pagination-lg > li:first-child > span { - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; +.alert { + padding: 15px; + margin-bottom: 20px; + color: #c09853; + background-color: #fcf8e3; + border: 1px solid #fbeed5; + border-radius: 4px; } -.pagination-lg > li:last-child > a, -.pagination-lg > li:last-child > span { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; +.alert h4 { + margin-top: 0; + color: inherit; } -.pagination-sm > li > a, -.pagination-sm > li > span { - padding: 5px 10px; - font-size: 12px; +.alert hr { + border-top-color: #f8e5be; } -.pagination-sm > li:first-child > a, -.pagination-sm > li:first-child > span { - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; +.alert .alert-link { + font-weight: bold; + color: #a47e3c; } -.pagination-sm > li:last-child > a, -.pagination-sm > li:last-child > span { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; +.alert > p, +.alert > ul { + margin-bottom: 0; } -.pager { - padding-left: 0; - margin: 20px 0; - text-align: center; - list-style: none; +.alert > p + p { + margin-top: 5px; } -.pager:before, -.pager:after { - display: table; - content: " "; +.alert-dismissable { + padding-right: 35px; } -.pager:after { - clear: both; +.alert-dismissable .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; } -.pager:before, -.pager:after { - display: table; - content: " "; +.alert-success { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; } -.pager:after { - clear: both; +.alert-success hr { + border-top-color: #c9e2b3; } -.pager li { - display: inline; +.alert-success .alert-link { + color: #356635; } -.pager li > a, -.pager li > span { - display: inline-block; - padding: 5px 14px; - background-color: #ffffff; - border: 1px solid #dddddd; - border-radius: 15px; +.alert-danger { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; } -.pager li > a:hover, -.pager li > a:focus { - text-decoration: none; - background-color: #eeeeee; +.alert-danger hr { + border-top-color: #e6c1c7; } -.pager .next > a, -.pager .next > span { - float: right; +.alert-danger .alert-link { + color: #953b39; } -.pager .previous > a, -.pager .previous > span { - float: left; +.alert-info { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; } -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #999999; - cursor: not-allowed; - background-color: #ffffff; +.alert-info hr { + border-top-color: #a6e1ec; } -.modal-open { - overflow: hidden; +.alert-info .alert-link { + color: #2d6987; } -.modal { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - display: none; - overflow: auto; - overflow-y: scroll; -} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} -.modal.fade .modal-dialog { - -webkit-transform: translate(0, -25%); - -ms-transform: translate(0, -25%); - transform: translate(0, -25%); - -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; - transition: transform 0.3s ease-out; +@-moz-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } } -.modal.in .modal-dialog { - -webkit-transform: translate(0, 0); - -ms-transform: translate(0, 0); - transform: translate(0, 0); +@-o-keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } } -.modal-dialog { - z-index: 1050; - width: auto; - padding: 10px; - margin-right: auto; - margin-left: auto; +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } } -.modal-content { - position: relative; - background-color: #ffffff; - border: 1px solid #999999; - 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); - background-clip: padding-box; +.progress { + 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); } -.modal-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1030; - background-color: #000000; +.progress-bar { + float: left; + width: 0; + height: 100%; + font-size: 12px; + color: #ffffff; + text-align: center; + 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); + -webkit-transition: width 0.6s ease; + transition: width 0.6s ease; } -.modal-backdrop.fade { - opacity: 0; - filter: alpha(opacity=0); +.progress-striped .progress-bar { + 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)); + background-image: -webkit-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: -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); + background-size: 40px 40px; } -.modal-backdrop.in { - opacity: 0.5; - filter: alpha(opacity=50); +.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; } -.modal-header { - min-height: 16.428571429px; - padding: 15px; - border-bottom: 1px solid #e5e5e5; +.progress-bar-success { + background-color: #5cb85c; } -.modal-header .close { - margin-top: -2px; +.progress-striped .progress-bar-success { + 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)); + background-image: -webkit-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: -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); } -.modal-title { - margin: 0; - line-height: 1.428571429; +.progress-bar-info { + background-color: #5bc0de; } -.modal-body { - position: relative; - padding: 20px; +.progress-striped .progress-bar-info { + 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)); + background-image: -webkit-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: -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); } -.modal-footer { - padding: 19px 20px 20px; - margin-top: 15px; - text-align: right; - border-top: 1px solid #e5e5e5; +.progress-bar-warning { + background-color: #f0ad4e; } -.modal-footer:before, -.modal-footer:after { - display: table; - content: " "; +.progress-striped .progress-bar-warning { + 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)); + background-image: -webkit-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: -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); } -.modal-footer:after { - clear: both; +.progress-bar-danger { + background-color: #d9534f; } -.modal-footer:before, -.modal-footer:after { - display: table; - content: " "; +.progress-striped .progress-bar-danger { + 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)); + background-image: -webkit-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: -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); } -.modal-footer:after { - clear: both; +.media, +.media-body { + overflow: hidden; + zoom: 1; } -.modal-footer .btn + .btn { - margin-bottom: 0; - margin-left: 5px; +.media, +.media .media { + margin-top: 15px; } -.modal-footer .btn-group .btn + .btn { - margin-left: -1px; +.media:first-child { + margin-top: 0; } -.modal-footer .btn-block + .btn-block { - margin-left: 0; +.media-object { + display: block; } -@media screen and (min-width: 768px) { - .modal-dialog { - right: auto; - left: 50%; - width: 600px; - padding-top: 30px; - padding-bottom: 30px; - } - .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); - } +.media-heading { + margin: 0 0 5px; } -.tooltip { - position: absolute; - z-index: 1030; +.media > .pull-left { + margin-right: 10px; +} + +.media > .pull-right { + margin-left: 10px; +} + +.media-list { + padding-left: 0; + list-style: none; +} + +.list-group { + padding-left: 0; + margin-bottom: 20px; +} + +.list-group-item { + position: relative; display: block; - font-size: 12px; - line-height: 1.4; - opacity: 0; - filter: alpha(opacity=0); - visibility: visible; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #ffffff; + border: 1px solid #dddddd; } -.tooltip.in { - opacity: 0.9; - filter: alpha(opacity=90); +.list-group-item:first-child { + border-top-right-radius: 4px; + border-top-left-radius: 4px; } -.tooltip.top { - padding: 5px 0; - margin-top: -3px; +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; } -.tooltip.right { - padding: 0 5px; - margin-left: 3px; +.list-group-item > .badge { + float: right; } -.tooltip.bottom { - padding: 5px 0; - margin-top: 3px; +.list-group-item > .badge + .badge { + margin-right: 5px; } -.tooltip.left { - padding: 0 5px; - margin-left: -3px; +a.list-group-item { + color: #555555; } -.tooltip-inner { - max-width: 200px; - padding: 3px 8px; - color: #ffffff; - text-align: center; +a.list-group-item .list-group-item-heading { + color: #333333; +} + +a.list-group-item:hover, +a.list-group-item:focus { text-decoration: none; - background-color: #000000; + background-color: #f5f5f5; +} + +.list-group-item.active, +.list-group-item.active:hover, +.list-group-item.active:focus { + z-index: 2; + color: #ffffff; + background-color: #428bca; + border-color: #428bca; +} + +.list-group-item.active .list-group-item-heading, +.list-group-item.active:hover .list-group-item-heading, +.list-group-item.active:focus .list-group-item-heading { + color: inherit; +} + +.list-group-item.active .list-group-item-text, +.list-group-item.active:hover .list-group-item-text, +.list-group-item.active:focus .list-group-item-text { + color: #e1edf7; +} + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} + +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} + +.panel { + margin-bottom: 20px; + background-color: #ffffff; + 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); } -.tooltip-arrow { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; +.panel-body { + padding: 15px; } -.tooltip.top .tooltip-arrow { - bottom: 0; - left: 50%; - margin-left: -5px; - border-top-color: #000000; - border-width: 5px 5px 0; +.panel-body:before, +.panel-body:after { + display: table; + content: " "; } -.tooltip.top-left .tooltip-arrow { - bottom: 0; - left: 5px; - border-top-color: #000000; - border-width: 5px 5px 0; +.panel-body:after { + clear: both; } -.tooltip.top-right .tooltip-arrow { - right: 5px; - bottom: 0; - border-top-color: #000000; - border-width: 5px 5px 0; +.panel-body:before, +.panel-body:after { + display: table; + content: " "; } -.tooltip.right .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -5px; - border-right-color: #000000; - border-width: 5px 5px 5px 0; +.panel-body:after { + clear: both; } -.tooltip.left .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -5px; - border-left-color: #000000; - border-width: 5px 0 5px 5px; +.panel > .list-group { + margin-bottom: 0; } -.tooltip.bottom .tooltip-arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-bottom-color: #000000; - border-width: 0 5px 5px; +.panel > .list-group .list-group-item { + border-width: 1px 0; } -.tooltip.bottom-left .tooltip-arrow { - top: 0; - left: 5px; - border-bottom-color: #000000; - border-width: 0 5px 5px; +.panel > .list-group .list-group-item:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; } -.tooltip.bottom-right .tooltip-arrow { - top: 0; - right: 5px; - border-bottom-color: #000000; - border-width: 0 5px 5px; +.panel > .list-group .list-group-item:last-child { + border-bottom: 0; } -.popover { - position: absolute; - top: 0; - left: 0; - z-index: 1010; - display: none; - max-width: 276px; - padding: 1px; - text-align: left; - white-space: normal; - background-color: #ffffff; - border: 1px solid #cccccc; - 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; +.panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; +} + +.panel-heading { + padding: 10px 15px; + background-color: #f5f5f5; + border-bottom: 1px solid #dddddd; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} + +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 16px; +} + +.panel-title > a { + color: inherit; +} + +.panel-footer { + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #dddddd; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + +.panel-group .panel { + margin-bottom: 0; + overflow: hidden; + border-radius: 4px; +} + +.panel-group .panel + .panel { + margin-top: 5px; } -.popover.top { - margin-top: -10px; +.panel-group .panel-heading { + border-bottom: 0; } -.popover.right { - margin-left: 10px; +.panel-group .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #dddddd; } -.popover.bottom { - margin-top: 10px; +.panel-group .panel-footer { + border-top: 0; } -.popover.left { - margin-left: -10px; +.panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #dddddd; } -.popover-title { - padding: 8px 14px; - margin: 0; - font-size: 14px; - font-weight: normal; - line-height: 18px; - background-color: #f7f7f7; - border-bottom: 1px solid #ebebeb; - border-radius: 5px 5px 0 0; +.panel-primary { + border-color: #428bca; } -.popover-content { - padding: 9px 14px; +.panel-primary > .panel-heading { + color: #ffffff; + background-color: #428bca; + border-color: #428bca; } -.popover .arrow, -.popover .arrow:after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; +.panel-primary > .panel-heading + .panel-collapse .panel-body { + border-top-color: #428bca; } -.popover .arrow { - border-width: 11px; +.panel-primary > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #428bca; } -.popover .arrow:after { - border-width: 10px; - content: ""; +.panel-success { + border-color: #d6e9c6; } -.popover.top .arrow { - bottom: -11px; - left: 50%; - margin-left: -11px; - border-top-color: #999999; - border-top-color: rgba(0, 0, 0, 0.25); - border-bottom-width: 0; +.panel-success > .panel-heading { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; } -.popover.top .arrow:after { - bottom: 1px; - margin-left: -10px; - border-top-color: #ffffff; - border-bottom-width: 0; - content: " "; +.panel-success > .panel-heading + .panel-collapse .panel-body { + border-top-color: #d6e9c6; } -.popover.right .arrow { - top: 50%; - left: -11px; - margin-top: -11px; - border-right-color: #999999; - border-right-color: rgba(0, 0, 0, 0.25); - border-left-width: 0; +.panel-success > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #d6e9c6; } -.popover.right .arrow:after { - bottom: -10px; - left: 1px; - border-right-color: #ffffff; - border-left-width: 0; - content: " "; +.panel-warning { + border-color: #fbeed5; } -.popover.bottom .arrow { - top: -11px; - left: 50%; - margin-left: -11px; - border-bottom-color: #999999; - border-bottom-color: rgba(0, 0, 0, 0.25); - border-top-width: 0; +.panel-warning > .panel-heading { + color: #c09853; + background-color: #fcf8e3; + border-color: #fbeed5; } -.popover.bottom .arrow:after { - top: 1px; - margin-left: -10px; - border-bottom-color: #ffffff; - border-top-width: 0; - content: " "; +.panel-warning > .panel-heading + .panel-collapse .panel-body { + border-top-color: #fbeed5; } -.popover.left .arrow { - top: 50%; - right: -11px; - margin-top: -11px; - border-left-color: #999999; - border-left-color: rgba(0, 0, 0, 0.25); - border-right-width: 0; +.panel-warning > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #fbeed5; } -.popover.left .arrow:after { - right: 1px; - bottom: -10px; - border-left-color: #ffffff; - border-right-width: 0; - content: " "; +.panel-danger { + border-color: #eed3d7; } -.alert { - padding: 15px; - margin-bottom: 20px; - color: #c09853; - background-color: #fcf8e3; - border: 1px solid #fbeed5; - border-radius: 4px; +.panel-danger > .panel-heading { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; } -.alert h4 { - margin-top: 0; - color: inherit; +.panel-danger > .panel-heading + .panel-collapse .panel-body { + border-top-color: #eed3d7; } -.alert hr { - border-top-color: #f8e5be; +.panel-danger > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #eed3d7; } -.alert .alert-link { - font-weight: bold; - color: #a47e3c; +.panel-info { + border-color: #bce8f1; } -.alert > p, -.alert > ul { - margin-bottom: 0; +.panel-info > .panel-heading { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; } -.alert > p + p { - margin-top: 5px; +.panel-info > .panel-heading + .panel-collapse .panel-body { + border-top-color: #bce8f1; } -.alert-dismissable { - padding-right: 35px; +.panel-info > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #bce8f1; } -.alert-dismissable .close { - position: relative; - top: -2px; - right: -21px; - color: inherit; +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + 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); } -.alert-success { - color: #468847; - background-color: #dff0d8; - border-color: #d6e9c6; +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); } -.alert-success hr { - border-top-color: #c9e2b3; +.well-lg { + padding: 24px; + border-radius: 6px; } -.alert-success .alert-link { - color: #356635; +.well-sm { + padding: 9px; + border-radius: 3px; } -.alert-danger { - color: #b94a48; - background-color: #f2dede; - border-color: #eed3d7; +.close { + float: right; + font-size: 21px; + font-weight: bold; + line-height: 1; + color: #000000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); } -.alert-danger hr { - border-top-color: #e6c1c7; +.close:hover, +.close:focus { + color: #000000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); } -.alert-danger .alert-link { - color: #953b39; +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; } -.alert-info { - color: #3a87ad; - background-color: #d9edf7; - border-color: #bce8f1; +.modal-open { + overflow: hidden; } -.alert-info hr { - border-top-color: #a6e1ec; +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + display: none; + overflow: auto; + overflow-y: scroll; +} + +.modal.fade .modal-dialog { + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + transform: translate(0, -25%); + -webkit-transition: -webkit-transform 0.3s ease-out; + -moz-transition: -moz-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; +} + +.modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); } -.alert-info .alert-link { - color: #2d6987; +.modal-dialog { + z-index: 1050; + width: auto; + padding: 10px; + margin-right: auto; + margin-left: auto; } -.thumbnail, -.img-thumbnail { - padding: 4px; - line-height: 1.428571429; +.modal-content { + position: relative; background-color: #ffffff; - border: 1px solid #dddddd; - border-radius: 4px; - -webkit-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; + border: 1px solid #999999; + 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); + background-clip: padding-box; } -.thumbnail { - display: block; +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + background-color: #000000; } -.thumbnail > img { - display: block; - height: auto; - max-width: 100%; +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0); } -.img-thumbnail { - display: inline-block; - height: auto; - max-width: 100%; +.modal-backdrop.in { + opacity: 0.5; + filter: alpha(opacity=50); } -a.thumbnail:hover, -a.thumbnail:focus { - border-color: #428bca; +.modal-header { + min-height: 16.428571429px; + padding: 15px; + border-bottom: 1px solid #e5e5e5; } -.thumbnail > img { - margin-right: auto; - margin-left: auto; +.modal-header .close { + margin-top: -2px; } -.thumbnail .caption { - padding: 9px; - color: #333333; +.modal-title { + margin: 0; + line-height: 1.428571429; } -.media, -.media-body { - overflow: hidden; - zoom: 1; +.modal-body { + position: relative; + padding: 20px; } -.media, -.media .media { +.modal-footer { + padding: 19px 20px 20px; margin-top: 15px; + text-align: right; + border-top: 1px solid #e5e5e5; } -.media:first-child { - margin-top: 0; -} - -.media-object { - display: block; +.modal-footer:before, +.modal-footer:after { + display: table; + content: " "; } -.media-heading { - margin: 0 0 5px; +.modal-footer:after { + clear: both; } -.media > .pull-left { - margin-right: 10px; +.modal-footer:before, +.modal-footer:after { + display: table; + content: " "; } -.media > .pull-right { - margin-left: 10px; +.modal-footer:after { + clear: both; } -.media-list { - padding-left: 0; - list-style: none; +.modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; } -.label { - display: inline; - padding: .25em .6em; - font-size: 75%; - font-weight: bold; - line-height: 1; - color: #ffffff; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: .25em; +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; } -.label[href]:hover, -.label[href]:focus { - color: #ffffff; - text-decoration: none; - cursor: pointer; +.modal-footer .btn-block + .btn-block { + margin-left: 0; } -.label:empty { - display: none; +@media screen and (min-width: 768px) { + .modal-dialog { + right: auto; + left: 50%; + width: 600px; + padding-top: 30px; + padding-bottom: 30px; + } + .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); + } } -.label-default { - background-color: #999999; +.tooltip { + position: absolute; + z-index: 1030; + display: block; + font-size: 12px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0); + visibility: visible; } -.label-default[href]:hover, -.label-default[href]:focus { - background-color: #808080; +.tooltip.in { + opacity: 0.9; + filter: alpha(opacity=90); } -.label-primary { - background-color: #428bca; +.tooltip.top { + padding: 5px 0; + margin-top: -3px; } -.label-primary[href]:hover, -.label-primary[href]:focus { - background-color: #3071a9; +.tooltip.right { + padding: 0 5px; + margin-left: 3px; } -.label-success { - background-color: #5cb85c; +.tooltip.bottom { + padding: 5px 0; + margin-top: 3px; } -.label-success[href]:hover, -.label-success[href]:focus { - background-color: #449d44; +.tooltip.left { + padding: 0 5px; + margin-left: -3px; } -.label-info { - background-color: #5bc0de; +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: #000000; + border-radius: 4px; } -.label-info[href]:hover, -.label-info[href]:focus { - background-color: #31b0d5; +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; } -.label-warning { - background-color: #f0ad4e; +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-top-color: #000000; + border-width: 5px 5px 0; } -.label-warning[href]:hover, -.label-warning[href]:focus { - background-color: #ec971f; +.tooltip.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-top-color: #000000; + border-width: 5px 5px 0; } -.label-danger { - background-color: #d9534f; +.tooltip.top-right .tooltip-arrow { + right: 5px; + bottom: 0; + border-top-color: #000000; + border-width: 5px 5px 0; } -.label-danger[href]:hover, -.label-danger[href]:focus { - background-color: #c9302c; +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-right-color: #000000; + border-width: 5px 5px 5px 0; } -.badge { - display: inline-block; - min-width: 10px; - padding: 3px 7px; - font-size: 12px; - font-weight: bold; - line-height: 1; - color: #ffffff; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - background-color: #999999; - border-radius: 10px; +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-left-color: #000000; + border-width: 5px 0 5px 5px; } -.badge:empty { - display: none; +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-bottom-color: #000000; + border-width: 0 5px 5px; } -a.badge:hover, -a.badge:focus { - color: #ffffff; - text-decoration: none; - cursor: pointer; +.tooltip.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-bottom-color: #000000; + border-width: 0 5px 5px; } -.btn .badge { - position: relative; - top: -1px; +.tooltip.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-bottom-color: #000000; + border-width: 0 5px 5px; } -a.list-group-item.active > .badge, -.nav-pills > .active > a > .badge { - color: #428bca; +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + white-space: normal; background-color: #ffffff; + border: 1px solid #cccccc; + 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; } -.nav-pills > li > a > .badge { - margin-left: 3px; +.popover.top { + margin-top: -10px; } -@-webkit-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } +.popover.right { + margin-left: 10px; } -@-moz-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } +.popover.bottom { + margin-top: 10px; } -@-o-keyframes progress-bar-stripes { - from { - background-position: 0 0; - } - to { - background-position: 40px 0; - } +.popover.left { + margin-left: -10px; } -@keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; } -.progress { - 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); +.popover-content { + padding: 9px 14px; } -.progress-bar { - float: left; +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; width: 0; - height: 100%; - font-size: 12px; - color: #ffffff; - text-align: center; - 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); - -webkit-transition: width 0.6s ease; - transition: width 0.6s ease; + height: 0; + border-color: transparent; + border-style: solid; } -.progress-striped .progress-bar { - 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)); - background-image: -webkit-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: -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); - background-size: 40px 40px; +.popover .arrow { + border-width: 11px; } -.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; +.popover .arrow:after { + border-width: 10px; + content: ""; } -.progress-bar-success { - background-color: #5cb85c; +.popover.top .arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: #999999; + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-width: 0; } -.progress-striped .progress-bar-success { - 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)); - background-image: -webkit-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: -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); +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + border-top-color: #ffffff; + border-bottom-width: 0; + content: " "; } -.progress-bar-info { - background-color: #5bc0de; +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: #999999; + border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; } -.progress-striped .progress-bar-info { - 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)); - background-image: -webkit-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: -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); +.popover.right .arrow:after { + bottom: -10px; + left: 1px; + border-right-color: #ffffff; + border-left-width: 0; + content: " "; } -.progress-bar-warning { - background-color: #f0ad4e; +.popover.bottom .arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-bottom-color: #999999; + border-bottom-color: rgba(0, 0, 0, 0.25); + border-top-width: 0; } -.progress-striped .progress-bar-warning { - 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)); - background-image: -webkit-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: -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); +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-bottom-color: #ffffff; + border-top-width: 0; + content: " "; } -.progress-bar-danger { - background-color: #d9534f; +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-left-color: #999999; + border-left-color: rgba(0, 0, 0, 0.25); + border-right-width: 0; } -.progress-striped .progress-bar-danger { - 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)); - background-image: -webkit-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: -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); +.popover.left .arrow:after { + right: 1px; + bottom: -10px; + border-left-color: #ffffff; + border-right-width: 0; + content: " "; } .carousel { @@ -5183,43 +5220,6 @@ a.list-group-item.active > .badge, } } -.jumbotron { - padding: 30px; - margin-bottom: 30px; - font-size: 21px; - font-weight: 200; - line-height: 2.1428571435; - color: inherit; - background-color: #eeeeee; -} - -.jumbotron h1 { - line-height: 1; - color: inherit; -} - -.jumbotron p { - line-height: 1.4; -} - -.container .jumbotron { - border-radius: 6px; -} - -@media screen and (min-width: 768px) { - .jumbotron { - padding-top: 50px; - padding-bottom: 50px; - } - .container .jumbotron { - padding-right: 60px; - padding-left: 60px; - } - .jumbotron h1 { - font-size: 63px; - } -} - .clearfix:before, .clearfix:after { display: table; -- cgit v1.2.3