0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-20 17:54:23 +01:00

rewritten tooltip + tether integration and death to our positioner jank

This commit is contained in:
fat 2015-05-11 23:32:37 -07:00
parent 8eee78ca15
commit 3452e8dc83
18 changed files with 5405 additions and 4536 deletions

View File

@ -71,7 +71,8 @@ module.exports = function (grunt) {
'js/dist/dropdown.js' : 'js/src/dropdown.js', 'js/dist/dropdown.js' : 'js/src/dropdown.js',
'js/dist/modal.js' : 'js/src/modal.js', 'js/dist/modal.js' : 'js/src/modal.js',
'js/dist/scrollspy.js' : 'js/src/scrollspy.js', 'js/dist/scrollspy.js' : 'js/src/scrollspy.js',
'js/dist/tab.js' : 'js/src/tab.js' 'js/dist/tab.js' : 'js/src/tab.js',
'js/dist/tooltip.js' : 'js/src/tooltip.js'
} }
} }
}, },

View File

@ -1,402 +1,363 @@
/*! @charset "UTF-8";
* Bootstrap v4.0.0-alpha (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html { html {
font-family: sans-serif; font-family: sans-serif;
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
}
body { body {
margin: 0; margin: 0; }
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { article,
display: block; aside,
} details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block; }
audio, canvas, progress, video { audio,
canvas,
progress,
video {
display: inline-block; display: inline-block;
vertical-align: baseline; vertical-align: baseline; }
}
audio:not([controls]) { audio:not([controls]) {
display: none; display: none;
height: 0; height: 0; }
}
[hidden], template { [hidden],
display: none; template {
} display: none; }
a { a {
background-color: transparent; background-color: transparent; }
}
a:active { a:active {
outline: 0; outline: 0; }
}
a:hover { a:hover {
outline: 0; outline: 0; }
}
abbr[title] { abbr[title] {
border-bottom: 1px dotted; border-bottom: 1px dotted; }
}
b, strong { b,
font-weight: bold; strong {
} font-weight: bold; }
dfn { dfn {
font-style: italic; font-style: italic; }
}
h1 { h1 {
margin: .67em 0;
font-size: 2em; font-size: 2em;
} margin: 0.67em 0; }
mark { mark {
color: #000;
background: #ff0; background: #ff0;
} color: #000; }
small { small {
font-size: 80%; font-size: 80%; }
}
sub, sup { sub,
position: relative; sup {
font-size: 75%; font-size: 75%;
line-height: 0; line-height: 0;
vertical-align: baseline; position: relative;
} vertical-align: baseline; }
sup { sup {
top: -.5em; top: -0.5em; }
}
sub { sub {
bottom: -.25em; bottom: -0.25em; }
}
img { img {
border: 0; border: 0; }
}
svg:not(:root) { svg:not(:root) {
overflow: hidden; overflow: hidden; }
}
figure { figure {
margin: 1em 40px; margin: 1em 40px; }
}
hr { hr {
height: 0; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
box-sizing: content-box; height: 0; }
}
pre { pre {
overflow: auto; overflow: auto; }
}
code, kbd, pre, samp { code,
kbd,
pre,
samp {
font-family: monospace, monospace; font-family: monospace, monospace;
font-size: 1em; font-size: 1em; }
}
button, input, optgroup, select, textarea { button,
margin: 0; input,
font: inherit; optgroup,
select,
textarea {
color: inherit; color: inherit;
} font: inherit;
margin: 0; }
button { button {
overflow: visible; overflow: visible; }
}
button, select { button,
text-transform: none; select {
} text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { button,
html input[type="button"], input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; -webkit-appearance: button;
cursor: pointer; cursor: pointer; }
}
button[disabled], html input[disabled] { button[disabled],
cursor: default; html input[disabled] {
} cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { button::-moz-focus-inner,
padding: 0; input::-moz-focus-inner {
border: 0; border: 0;
} padding: 0; }
input { input {
line-height: normal; line-height: normal; }
}
input[type="checkbox"], input[type="radio"] { input[type="checkbox"],
-webkit-box-sizing: border-box; input[type="radio"] {
box-sizing: border-box; box-sizing: border-box;
padding: 0; padding: 0; }
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { input[type="number"]::-webkit-inner-spin-button,
height: auto; input[type="number"]::-webkit-outer-spin-button {
} height: auto; }
input[type="search"] { input[type="search"] {
-webkit-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield; -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 { input[type="search"]::-webkit-search-cancel-button,
-webkit-appearance: none; input[type="search"]::-webkit-search-decoration {
} -webkit-appearance: none; }
fieldset { fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0; border: 1px solid #c0c0c0;
} margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend { legend {
padding: 0;
border: 0; border: 0;
} padding: 0; }
textarea { textarea {
overflow: auto; overflow: auto; }
}
optgroup { optgroup {
font-weight: bold; font-weight: bold; }
}
table { table {
border-spacing: 0;
border-collapse: collapse; border-collapse: collapse;
} border-spacing: 0; }
td, th { td,
padding: 0; th {
} padding: 0; }
@media print { @media print {
*, *:before, *:after { *,
*:before,
*:after {
text-shadow: none !important; text-shadow: none !important;
-webkit-box-shadow: none !important; box-shadow: none !important; }
box-shadow: none !important; a,
} a:visited {
a, a:visited { text-decoration: underline; }
text-decoration: underline;
}
abbr[title]:after { abbr[title]:after {
content: " (" attr(title) ")"; content: " (" attr(title) ")"; }
} pre,
pre, blockquote { blockquote {
border: 1px solid #999; border: 1px solid #999;
page-break-inside: avoid; }
page-break-inside: avoid;
}
thead { thead {
display: table-header-group; display: table-header-group; }
} tr,
tr, img {
page-break-inside: avoid;
}
img { img {
max-width: 100% !important; page-break-inside: avoid; }
} img {
p, h2, h3 { max-width: 100% !important; }
p,
h2,
h3 {
orphans: 3; orphans: 3;
widows: 3; widows: 3; }
} h2,
h2, h3 { h3 {
page-break-after: avoid; page-break-after: avoid; }
}
.navbar { .navbar {
display: none; display: none; }
} .btn > .caret,
.btn > .caret, .dropup > .btn > .caret { .dropup > .btn > .caret {
border-top-color: #000 !important; border-top-color: #000 !important; }
}
.label { .label {
border: 1px solid #000; border: 1px solid #000; }
}
.table { .table {
border-collapse: collapse !important; border-collapse: collapse !important; }
} .table td,
.table td, .table th { .table th {
background-color: #fff !important; background-color: #fff !important; }
} .table-bordered th,
.table-bordered th, .table-bordered td { .table-bordered td {
border: 1px solid #ddd !important; border: 1px solid #ddd !important; } }
}
}
html { html {
-webkit-box-sizing: border-box; box-sizing: border-box; }
box-sizing: border-box;
}
*, *:before, *:after { *,
-webkit-box-sizing: inherit; *:before,
box-sizing: inherit; *:after {
} box-sizing: inherit; }
@at-root { @-moz-viewport {
@-moz-viewport { width: device-width; }
width: device-width;
}
@-ms-viewport { @-ms-viewport {
width: device-width; width: device-width; }
}
@-webkit-viewport { @-o-viewport {
width: device-width; width: device-width; }
}
@viewport { @-webkit-viewport {
width: device-width; width: device-width; }
}
} @viewport {
width: device-width; }
html { html {
font-size: 16px; font-size: 16px;
-webkit-tap-highlight-color: transparent; }
-webkit-tap-highlight-color: transparent;
}
body { body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
color: #373a3c; color: #373a3c;
background-color: #fff; background-color: #fff; }
}
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
margin-top: 0; margin-top: 0;
margin-bottom: .5rem; margin-bottom: .5rem; }
}
p { p {
margin-top: 0; margin-top: 0;
margin-bottom: 1rem; margin-bottom: 1rem; }
}
abbr[title], abbr[data-original-title] { abbr[title],
abbr[data-original-title] {
cursor: help; cursor: help;
border-bottom: 1px dotted #818a91; border-bottom: 1px dotted #818a91; }
}
address { address {
margin-bottom: 1rem; margin-bottom: 1rem;
font-style: normal; font-style: normal;
line-height: inherit; line-height: inherit; }
}
ol, ul, dl { ol,
ul,
dl {
margin-top: 0; margin-top: 0;
margin-bottom: 1rem; margin-bottom: 1rem; }
}
ol ol, ul ul, ol ul, ul ol { ol ol,
margin-bottom: 0; ul ul,
} ol ul,
ul ol {
margin-bottom: 0; }
dt { dt {
font-weight: bold; font-weight: bold; }
}
dd { dd {
margin-bottom: .5rem;
margin-left: 0; margin-left: 0;
} margin-bottom: .5rem; }
blockquote { blockquote {
margin: 0 0 1rem; margin: 0 0 1rem; }
}
a { a {
color: #0275d8; color: #0275d8;
text-decoration: none; text-decoration: none; }
} a:focus,
a:focus, a:hover { a:hover {
color: #014c8c; color: #014c8c;
text-decoration: underline; text-decoration: underline; }
} a:focus {
a:focus { outline: thin dotted;
outline: thin dotted; outline: 5px auto -webkit-focus-ring-color;
outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
outline-offset: -2px;
}
pre { pre {
margin-top: 0; margin-top: 0;
margin-bottom: 1rem; margin-bottom: 1rem; }
}
figure { figure {
margin: 0 0 1rem; margin: 0 0 1rem; }
}
img { img {
vertical-align: middle; vertical-align: middle; }
}
[role="button"] { [role="button"] {
cursor: pointer; cursor: pointer; }
}
table { table {
background-color: transparent; background-color: transparent; }
}
caption { caption {
padding-top: .75rem;
padding-bottom: .75rem;
color: #818a91;
text-align: left;
caption-side: bottom; caption-side: bottom;
} padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #818a91;
text-align: left; }
th { th {
text-align: left; text-align: left; }
}
label { label {
display: inline-block; display: inline-block;
margin-bottom: .5rem; margin-bottom: .5rem; }
}
input, button, select, textarea { input,
button,
select,
textarea {
margin: 0; margin: 0;
line-height: inherit; line-height: inherit; }
}
textarea { textarea {
resize: vertical; resize: vertical; }
}
fieldset { fieldset {
min-width: 0;
padding: 0; padding: 0;
margin: 0; margin: 0;
border: 0; border: 0;
} min-width: 0; }
legend { legend {
display: block; display: block;
@ -404,206 +365,206 @@ legend {
padding: 0; padding: 0;
margin-bottom: .5rem; margin-bottom: .5rem;
font-size: 1.5rem; font-size: 1.5rem;
line-height: inherit; line-height: inherit; }
}
input[type="search"] { input[type="search"] {
-webkit-appearance: none; -webkit-appearance: none; }
}
output { output {
display: inline-block; display: inline-block; }
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
font-family: inherit; font-family: inherit;
font-weight: 500; font-weight: 500;
line-height: 1.1; line-height: 1.1;
color: inherit; color: inherit; }
} h1 small,
h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { h1 .small, h2 small,
font-weight: normal; h2 .small, h3 small,
line-height: 1; h3 .small, h4 small,
color: #818a91; h4 .small, h5 small,
} h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #818a91; }
h1, .h1, h2, .h2, h3, .h3 { h1, .h1,
margin-bottom: .5rem; h2, .h2,
} h3, .h3 {
h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { margin-bottom: 0.5rem; }
font-size: 65%; h1 small,
} h1 .small, .h1 small,
.h1 .small,
h2 small,
h2 .small, .h2 small,
.h2 .small,
h3 small,
h3 .small, .h3 small,
.h3 .small {
font-size: 65%; }
h4, .h4, h5, .h5, h6, .h6 { h4, .h4,
margin-bottom: .5rem; h5, .h5,
} h6, .h6 {
h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { margin-bottom: 0.5rem; }
font-size: 75%; h4 small,
} h4 .small, .h4 small,
.h4 .small,
h5 small,
h5 .small, .h5 small,
.h5 .small,
h6 small,
h6 .small, .h6 small,
.h6 .small {
font-size: 75%; }
h1, .h1 { h1, .h1 {
font-size: 2.75rem; font-size: 2.75rem; }
}
h2, .h2 { h2, .h2 {
font-size: 2.25rem; font-size: 2.25rem; }
}
h3, .h3 { h3, .h3 {
font-size: 1.75rem; font-size: 1.75rem; }
}
h4, .h4 { h4, .h4 {
font-size: 1.5rem; font-size: 1.5rem; }
}
h5, .h5 { h5, .h5 {
font-size: 1.25rem; font-size: 1.25rem; }
}
h6, .h6 { h6, .h6 {
font-size: 1rem; font-size: 1rem; }
}
.lead { .lead {
font-size: 1.25rem; font-size: 1.25rem;
font-weight: 300; font-weight: 300; }
}
hr { hr {
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
border: 0; border: 0;
border-top: .0625rem solid #eceeef; border-top: 0.0625rem solid #eceeef; }
}
small, .small { small,
font-size: 85%; .small {
} font-size: 85%; }
mark, .mark { mark,
.mark {
padding: .2em; padding: .2em;
background-color: #fcf8e3; background-color: #fcf8e3; }
}
.list-unstyled { .list-unstyled {
padding-left: 0; padding-left: 0;
list-style: none; list-style: none; }
}
.list-inline { .list-inline {
padding-left: 0; padding-left: 0;
margin-left: -5px; margin-left: -5px;
list-style: none; list-style: none; }
} .list-inline > li {
.list-inline > li { display: inline-block;
display: inline-block; padding-right: 5px;
padding-right: 5px; padding-left: 5px; }
padding-left: 5px;
}
.dl-horizontal { .dl-horizontal {
margin-right: -1.5rem; margin-right: -1.5rem;
margin-left: -1.5rem; margin-left: -1.5rem; }
} .dl-horizontal:before,
.dl-horizontal:before, .dl-horizontal:after { .dl-horizontal:after {
display: table; content: " ";
content: " "; display: table; }
} .dl-horizontal:after {
.dl-horizontal:after { clear: both; }
clear: both;
}
.initialism { .initialism {
font-size: 90%; font-size: 90%;
text-transform: uppercase; text-transform: uppercase; }
}
.blockquote { .blockquote {
padding: .5rem 1rem; padding: 0.5rem 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 1.25rem; font-size: 1.25rem;
border-left: .25rem solid #eceeef; border-left: 0.25rem solid #eceeef; }
} .blockquote p:last-child,
.blockquote p:last-child, .blockquote ul:last-child, .blockquote ol:last-child { .blockquote ul:last-child,
margin-bottom: 0; .blockquote ol:last-child {
} margin-bottom: 0; }
.blockquote footer { .blockquote footer {
display: block; display: block;
font-size: 80%; font-size: 80%;
line-height: 1.5; line-height: 1.5;
color: #818a91; color: #818a91; }
} .blockquote footer:before {
.blockquote footer:before { content: "\2014 \00A0"; }
content: "\2014 \00A0";
}
.blockquote-reverse { .blockquote-reverse {
padding-right: 1rem; padding-right: 1rem;
padding-left: 0; padding-left: 0;
text-align: right; text-align: right;
border-right: .25rem solid #eceeef; border-right: 0.25rem solid #eceeef;
border-left: 0; border-left: 0; }
} .blockquote-reverse footer:before {
.blockquote-reverse footer:before { content: ""; }
content: ""; .blockquote-reverse footer:after {
} content: "\00A0 \2014"; }
.blockquote-reverse footer:after {
content: "\00A0 \2014";
}
.img-responsive, .carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img { .img-responsive, .carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
display: block; display: block;
max-width: 100%; max-width: 100%;
height: auto; height: auto; }
}
.img-rounded { .img-rounded {
border-radius: .3rem; border-radius: 0.3rem; }
}
.img-thumbnail { .img-thumbnail {
display: inline-block; padding: 0.25rem;
max-width: 100%;
height: auto;
padding: .25rem;
line-height: 1.5; line-height: 1.5;
background-color: #fff; background-color: #fff;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: .25rem; border-radius: 0.25rem;
-webkit-transition: all .2s ease-in-out; transition: all 0.2s ease-in-out;
-o-transition: all .2s ease-in-out; display: inline-block;
transition: all .2s ease-in-out; max-width: 100%;
} height: auto; }
.img-circle { .img-circle {
border-radius: 50%; border-radius: 50%; }
}
code, kbd, pre, samp { code,
font-family: Menlo, Monaco, Consolas, "Courier New", monospace; kbd,
} pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
code { code {
padding: .2rem .4rem; padding: 0.2rem 0.4rem;
font-size: 90%; font-size: 90%;
color: #d44950; color: #d44950;
background-color: #f7f7f9; background-color: #f7f7f9;
border-radius: .25rem; border-radius: 0.25rem; }
}
kbd { kbd {
padding: .2rem .4rem; padding: 0.2rem 0.4rem;
font-size: 90%; font-size: 90%;
color: #fff; color: #fff;
background-color: #333; background-color: #333;
border-radius: .2rem; border-radius: 0.2rem; }
} kbd kbd {
kbd kbd { padding: 0;
padding: 0; font-size: 100%;
font-size: 100%; font-weight: bold; }
font-weight: bold;
}
pre { pre {
display: block; display: block;
@ -611,1668 +572,1039 @@ pre {
margin-bottom: 1rem; margin-bottom: 1rem;
font-size: 90%; font-size: 90%;
line-height: 1.5; line-height: 1.5;
color: #373a3c; color: #373a3c; }
} pre code {
pre code { padding: 0;
padding: 0; font-size: inherit;
font-size: inherit; color: inherit;
color: inherit; background-color: transparent;
background-color: transparent; border-radius: 0; }
border-radius: 0;
}
.pre-scrollable { .pre-scrollable {
max-height: 340px; max-height: 340px;
overflow-y: scroll; overflow-y: scroll; }
}
.container { .container {
padding-right: .75rem;
padding-left: .75rem;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
} padding-left: 0.75rem;
.container:before, .container:after { padding-right: 0.75rem; }
display: table; .container:before,
content: " "; .container:after {
} content: " ";
.container:after { display: table; }
clear: both; .container:after {
} clear: both; }
@media (min-width: 34em) { @media (min-width: 34em) {
.container { .container {
max-width: 34rem; max-width: 34rem; } }
} @media (min-width: 48em) {
} .container {
@media (min-width: 48em) { max-width: 45rem; } }
.container { @media (min-width: 62em) {
max-width: 45rem; .container {
} max-width: 60rem; } }
} @media (min-width: 75em) {
@media (min-width: 62em) { .container {
.container { max-width: 72.25rem; } }
max-width: 60rem;
}
}
@media (min-width: 75em) {
.container {
max-width: 72.25rem;
}
}
.container-fluid { .container-fluid {
padding-right: .75rem;
padding-left: .75rem;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
} padding-left: 0.75rem;
.container-fluid:before, .container-fluid:after { padding-right: 0.75rem; }
display: table; .container-fluid:before,
content: " "; .container-fluid:after {
} content: " ";
.container-fluid:after { display: table; }
clear: both; .container-fluid:after {
} clear: both; }
.row { .row {
display: -webkit-box; display: flex;
display: -webkit-flex; flex-wrap: wrap;
display: -ms-flexbox; margin-left: -0.75rem;
display: flex; margin-right: -0.75rem; }
margin-right: -.75rem; .row:before,
margin-left: -.75rem; .row:after {
content: " ";
-webkit-flex-wrap: wrap; display: table; }
-ms-flex-wrap: wrap; .row:after {
flex-wrap: wrap; clear: both; }
}
.row:before, .row:after {
display: table;
content: " ";
}
.row:after {
clear: both;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 { .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
position: relative; position: relative;
min-height: 1px; min-height: 1px;
padding-right: .75rem; padding-left: 0.75rem;
padding-left: .75rem; padding-right: 0.75rem; }
}
.col-xs-1 { .col-xs-1 {
-webkit-box-flex: 0; flex: 0 0 8.333333%; }
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
}
.col-xs-2 { .col-xs-2 {
-webkit-box-flex: 0; flex: 0 0 16.666667%; }
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
}
.col-xs-3 { .col-xs-3 {
-webkit-box-flex: 0; flex: 0 0 25%; }
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.col-xs-4 { .col-xs-4 {
-webkit-box-flex: 0; flex: 0 0 33.333333%; }
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
}
.col-xs-5 { .col-xs-5 {
-webkit-box-flex: 0; flex: 0 0 41.666667%; }
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
}
.col-xs-6 { .col-xs-6 {
-webkit-box-flex: 0; flex: 0 0 50%; }
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.col-xs-7 { .col-xs-7 {
-webkit-box-flex: 0; flex: 0 0 58.333333%; }
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
}
.col-xs-8 { .col-xs-8 {
-webkit-box-flex: 0; flex: 0 0 66.666667%; }
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
}
.col-xs-9 { .col-xs-9 {
-webkit-box-flex: 0; flex: 0 0 75%; }
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
}
.col-xs-10 { .col-xs-10 {
-webkit-box-flex: 0; flex: 0 0 83.333333%; }
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
}
.col-xs-11 { .col-xs-11 {
-webkit-box-flex: 0; flex: 0 0 91.666667%; }
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
}
.col-xs-12 { .col-xs-12 {
-webkit-box-flex: 0; flex: 0 0 100%; }
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.col-xs-pull-0 { .col-xs-pull-0 {
right: auto; right: auto; }
}
.col-xs-pull-1 { .col-xs-pull-1 {
right: 8.333333%; right: 8.333333%; }
}
.col-xs-pull-2 { .col-xs-pull-2 {
right: 16.666667%; right: 16.666667%; }
}
.col-xs-pull-3 { .col-xs-pull-3 {
right: 25%; right: 25%; }
}
.col-xs-pull-4 { .col-xs-pull-4 {
right: 33.333333%; right: 33.333333%; }
}
.col-xs-pull-5 { .col-xs-pull-5 {
right: 41.666667%; right: 41.666667%; }
}
.col-xs-pull-6 { .col-xs-pull-6 {
right: 50%; right: 50%; }
}
.col-xs-pull-7 { .col-xs-pull-7 {
right: 58.333333%; right: 58.333333%; }
}
.col-xs-pull-8 { .col-xs-pull-8 {
right: 66.666667%; right: 66.666667%; }
}
.col-xs-pull-9 { .col-xs-pull-9 {
right: 75%; right: 75%; }
}
.col-xs-pull-10 { .col-xs-pull-10 {
right: 83.333333%; right: 83.333333%; }
}
.col-xs-pull-11 { .col-xs-pull-11 {
right: 91.666667%; right: 91.666667%; }
}
.col-xs-pull-12 { .col-xs-pull-12 {
right: 100%; right: 100%; }
}
.col-xs-push-0 { .col-xs-push-0 {
left: auto; left: auto; }
}
.col-xs-push-1 { .col-xs-push-1 {
left: 8.333333%; left: 8.333333%; }
}
.col-xs-push-2 { .col-xs-push-2 {
left: 16.666667%; left: 16.666667%; }
}
.col-xs-push-3 { .col-xs-push-3 {
left: 25%; left: 25%; }
}
.col-xs-push-4 { .col-xs-push-4 {
left: 33.333333%; left: 33.333333%; }
}
.col-xs-push-5 { .col-xs-push-5 {
left: 41.666667%; left: 41.666667%; }
}
.col-xs-push-6 { .col-xs-push-6 {
left: 50%; left: 50%; }
}
.col-xs-push-7 { .col-xs-push-7 {
left: 58.333333%; left: 58.333333%; }
}
.col-xs-push-8 { .col-xs-push-8 {
left: 66.666667%; left: 66.666667%; }
}
.col-xs-push-9 { .col-xs-push-9 {
left: 75%; left: 75%; }
}
.col-xs-push-10 { .col-xs-push-10 {
left: 83.333333%; left: 83.333333%; }
}
.col-xs-push-11 { .col-xs-push-11 {
left: 91.666667%; left: 91.666667%; }
}
.col-xs-push-12 { .col-xs-push-12 {
left: 100%; left: 100%; }
}
.col-xs-offset-0 { .col-xs-offset-0 {
margin-left: 0; margin-left: 0%; }
}
.col-xs-offset-1 { .col-xs-offset-1 {
margin-left: 8.333333%; margin-left: 8.333333%; }
}
.col-xs-offset-2 { .col-xs-offset-2 {
margin-left: 16.666667%; margin-left: 16.666667%; }
}
.col-xs-offset-3 { .col-xs-offset-3 {
margin-left: 25%; margin-left: 25%; }
}
.col-xs-offset-4 { .col-xs-offset-4 {
margin-left: 33.333333%; margin-left: 33.333333%; }
}
.col-xs-offset-5 { .col-xs-offset-5 {
margin-left: 41.666667%; margin-left: 41.666667%; }
}
.col-xs-offset-6 { .col-xs-offset-6 {
margin-left: 50%; margin-left: 50%; }
}
.col-xs-offset-7 { .col-xs-offset-7 {
margin-left: 58.333333%; margin-left: 58.333333%; }
}
.col-xs-offset-8 { .col-xs-offset-8 {
margin-left: 66.666667%; margin-left: 66.666667%; }
}
.col-xs-offset-9 { .col-xs-offset-9 {
margin-left: 75%; margin-left: 75%; }
}
.col-xs-offset-10 { .col-xs-offset-10 {
margin-left: 83.333333%; margin-left: 83.333333%; }
}
.col-xs-offset-11 { .col-xs-offset-11 {
margin-left: 91.666667%; margin-left: 91.666667%; }
}
.col-xs-offset-12 { .col-xs-offset-12 {
margin-left: 100%; margin-left: 100%; }
}
@media (min-width: 34em) { @media (min-width: 34em) {
.col-sm-1 { .col-sm-1 {
-webkit-box-flex: 0; flex: 0 0 8.333333%; }
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
}
.col-sm-2 { .col-sm-2 {
-webkit-box-flex: 0; flex: 0 0 16.666667%; }
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
}
.col-sm-3 { .col-sm-3 {
-webkit-box-flex: 0; flex: 0 0 25%; }
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.col-sm-4 { .col-sm-4 {
-webkit-box-flex: 0; flex: 0 0 33.333333%; }
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
}
.col-sm-5 { .col-sm-5 {
-webkit-box-flex: 0; flex: 0 0 41.666667%; }
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
}
.col-sm-6 { .col-sm-6 {
-webkit-box-flex: 0; flex: 0 0 50%; }
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.col-sm-7 { .col-sm-7 {
-webkit-box-flex: 0; flex: 0 0 58.333333%; }
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
}
.col-sm-8 { .col-sm-8 {
-webkit-box-flex: 0; flex: 0 0 66.666667%; }
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
}
.col-sm-9 { .col-sm-9 {
-webkit-box-flex: 0; flex: 0 0 75%; }
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
}
.col-sm-10 { .col-sm-10 {
-webkit-box-flex: 0; flex: 0 0 83.333333%; }
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
}
.col-sm-11 { .col-sm-11 {
-webkit-box-flex: 0; flex: 0 0 91.666667%; }
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
}
.col-sm-12 { .col-sm-12 {
-webkit-box-flex: 0; flex: 0 0 100%; }
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.col-sm-pull-0 { .col-sm-pull-0 {
right: auto; right: auto; }
}
.col-sm-pull-1 { .col-sm-pull-1 {
right: 8.333333%; right: 8.333333%; }
}
.col-sm-pull-2 { .col-sm-pull-2 {
right: 16.666667%; right: 16.666667%; }
}
.col-sm-pull-3 { .col-sm-pull-3 {
right: 25%; right: 25%; }
}
.col-sm-pull-4 { .col-sm-pull-4 {
right: 33.333333%; right: 33.333333%; }
}
.col-sm-pull-5 { .col-sm-pull-5 {
right: 41.666667%; right: 41.666667%; }
}
.col-sm-pull-6 { .col-sm-pull-6 {
right: 50%; right: 50%; }
}
.col-sm-pull-7 { .col-sm-pull-7 {
right: 58.333333%; right: 58.333333%; }
}
.col-sm-pull-8 { .col-sm-pull-8 {
right: 66.666667%; right: 66.666667%; }
}
.col-sm-pull-9 { .col-sm-pull-9 {
right: 75%; right: 75%; }
}
.col-sm-pull-10 { .col-sm-pull-10 {
right: 83.333333%; right: 83.333333%; }
}
.col-sm-pull-11 { .col-sm-pull-11 {
right: 91.666667%; right: 91.666667%; }
}
.col-sm-pull-12 { .col-sm-pull-12 {
right: 100%; right: 100%; }
}
.col-sm-push-0 { .col-sm-push-0 {
left: auto; left: auto; }
}
.col-sm-push-1 { .col-sm-push-1 {
left: 8.333333%; left: 8.333333%; }
}
.col-sm-push-2 { .col-sm-push-2 {
left: 16.666667%; left: 16.666667%; }
}
.col-sm-push-3 { .col-sm-push-3 {
left: 25%; left: 25%; }
}
.col-sm-push-4 { .col-sm-push-4 {
left: 33.333333%; left: 33.333333%; }
}
.col-sm-push-5 { .col-sm-push-5 {
left: 41.666667%; left: 41.666667%; }
}
.col-sm-push-6 { .col-sm-push-6 {
left: 50%; left: 50%; }
}
.col-sm-push-7 { .col-sm-push-7 {
left: 58.333333%; left: 58.333333%; }
}
.col-sm-push-8 { .col-sm-push-8 {
left: 66.666667%; left: 66.666667%; }
}
.col-sm-push-9 { .col-sm-push-9 {
left: 75%; left: 75%; }
}
.col-sm-push-10 { .col-sm-push-10 {
left: 83.333333%; left: 83.333333%; }
}
.col-sm-push-11 { .col-sm-push-11 {
left: 91.666667%; left: 91.666667%; }
}
.col-sm-push-12 { .col-sm-push-12 {
left: 100%; left: 100%; }
}
.col-sm-offset-0 { .col-sm-offset-0 {
margin-left: 0; margin-left: 0%; }
}
.col-sm-offset-1 { .col-sm-offset-1 {
margin-left: 8.333333%; margin-left: 8.333333%; }
}
.col-sm-offset-2 { .col-sm-offset-2 {
margin-left: 16.666667%; margin-left: 16.666667%; }
}
.col-sm-offset-3 { .col-sm-offset-3 {
margin-left: 25%; margin-left: 25%; }
}
.col-sm-offset-4 { .col-sm-offset-4 {
margin-left: 33.333333%; margin-left: 33.333333%; }
}
.col-sm-offset-5 { .col-sm-offset-5 {
margin-left: 41.666667%; margin-left: 41.666667%; }
}
.col-sm-offset-6 { .col-sm-offset-6 {
margin-left: 50%; margin-left: 50%; }
}
.col-sm-offset-7 { .col-sm-offset-7 {
margin-left: 58.333333%; margin-left: 58.333333%; }
}
.col-sm-offset-8 { .col-sm-offset-8 {
margin-left: 66.666667%; margin-left: 66.666667%; }
}
.col-sm-offset-9 { .col-sm-offset-9 {
margin-left: 75%; margin-left: 75%; }
}
.col-sm-offset-10 { .col-sm-offset-10 {
margin-left: 83.333333%; margin-left: 83.333333%; }
}
.col-sm-offset-11 { .col-sm-offset-11 {
margin-left: 91.666667%; margin-left: 91.666667%; }
}
.col-sm-offset-12 { .col-sm-offset-12 {
margin-left: 100%; margin-left: 100%; } }
}
}
@media (min-width: 48em) { @media (min-width: 48em) {
.col-md-1 { .col-md-1 {
-webkit-box-flex: 0; flex: 0 0 8.333333%; }
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
}
.col-md-2 { .col-md-2 {
-webkit-box-flex: 0; flex: 0 0 16.666667%; }
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
}
.col-md-3 { .col-md-3 {
-webkit-box-flex: 0; flex: 0 0 25%; }
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.col-md-4 { .col-md-4 {
-webkit-box-flex: 0; flex: 0 0 33.333333%; }
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
}
.col-md-5 { .col-md-5 {
-webkit-box-flex: 0; flex: 0 0 41.666667%; }
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
}
.col-md-6 { .col-md-6 {
-webkit-box-flex: 0; flex: 0 0 50%; }
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.col-md-7 { .col-md-7 {
-webkit-box-flex: 0; flex: 0 0 58.333333%; }
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
}
.col-md-8 { .col-md-8 {
-webkit-box-flex: 0; flex: 0 0 66.666667%; }
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
}
.col-md-9 { .col-md-9 {
-webkit-box-flex: 0; flex: 0 0 75%; }
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
}
.col-md-10 { .col-md-10 {
-webkit-box-flex: 0; flex: 0 0 83.333333%; }
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
}
.col-md-11 { .col-md-11 {
-webkit-box-flex: 0; flex: 0 0 91.666667%; }
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
}
.col-md-12 { .col-md-12 {
-webkit-box-flex: 0; flex: 0 0 100%; }
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.col-md-pull-0 { .col-md-pull-0 {
right: auto; right: auto; }
}
.col-md-pull-1 { .col-md-pull-1 {
right: 8.333333%; right: 8.333333%; }
}
.col-md-pull-2 { .col-md-pull-2 {
right: 16.666667%; right: 16.666667%; }
}
.col-md-pull-3 { .col-md-pull-3 {
right: 25%; right: 25%; }
}
.col-md-pull-4 { .col-md-pull-4 {
right: 33.333333%; right: 33.333333%; }
}
.col-md-pull-5 { .col-md-pull-5 {
right: 41.666667%; right: 41.666667%; }
}
.col-md-pull-6 { .col-md-pull-6 {
right: 50%; right: 50%; }
}
.col-md-pull-7 { .col-md-pull-7 {
right: 58.333333%; right: 58.333333%; }
}
.col-md-pull-8 { .col-md-pull-8 {
right: 66.666667%; right: 66.666667%; }
}
.col-md-pull-9 { .col-md-pull-9 {
right: 75%; right: 75%; }
}
.col-md-pull-10 { .col-md-pull-10 {
right: 83.333333%; right: 83.333333%; }
}
.col-md-pull-11 { .col-md-pull-11 {
right: 91.666667%; right: 91.666667%; }
}
.col-md-pull-12 { .col-md-pull-12 {
right: 100%; right: 100%; }
}
.col-md-push-0 { .col-md-push-0 {
left: auto; left: auto; }
}
.col-md-push-1 { .col-md-push-1 {
left: 8.333333%; left: 8.333333%; }
}
.col-md-push-2 { .col-md-push-2 {
left: 16.666667%; left: 16.666667%; }
}
.col-md-push-3 { .col-md-push-3 {
left: 25%; left: 25%; }
}
.col-md-push-4 { .col-md-push-4 {
left: 33.333333%; left: 33.333333%; }
}
.col-md-push-5 { .col-md-push-5 {
left: 41.666667%; left: 41.666667%; }
}
.col-md-push-6 { .col-md-push-6 {
left: 50%; left: 50%; }
}
.col-md-push-7 { .col-md-push-7 {
left: 58.333333%; left: 58.333333%; }
}
.col-md-push-8 { .col-md-push-8 {
left: 66.666667%; left: 66.666667%; }
}
.col-md-push-9 { .col-md-push-9 {
left: 75%; left: 75%; }
}
.col-md-push-10 { .col-md-push-10 {
left: 83.333333%; left: 83.333333%; }
}
.col-md-push-11 { .col-md-push-11 {
left: 91.666667%; left: 91.666667%; }
}
.col-md-push-12 { .col-md-push-12 {
left: 100%; left: 100%; }
}
.col-md-offset-0 { .col-md-offset-0 {
margin-left: 0; margin-left: 0%; }
}
.col-md-offset-1 { .col-md-offset-1 {
margin-left: 8.333333%; margin-left: 8.333333%; }
}
.col-md-offset-2 { .col-md-offset-2 {
margin-left: 16.666667%; margin-left: 16.666667%; }
}
.col-md-offset-3 { .col-md-offset-3 {
margin-left: 25%; margin-left: 25%; }
}
.col-md-offset-4 { .col-md-offset-4 {
margin-left: 33.333333%; margin-left: 33.333333%; }
}
.col-md-offset-5 { .col-md-offset-5 {
margin-left: 41.666667%; margin-left: 41.666667%; }
}
.col-md-offset-6 { .col-md-offset-6 {
margin-left: 50%; margin-left: 50%; }
}
.col-md-offset-7 { .col-md-offset-7 {
margin-left: 58.333333%; margin-left: 58.333333%; }
}
.col-md-offset-8 { .col-md-offset-8 {
margin-left: 66.666667%; margin-left: 66.666667%; }
}
.col-md-offset-9 { .col-md-offset-9 {
margin-left: 75%; margin-left: 75%; }
}
.col-md-offset-10 { .col-md-offset-10 {
margin-left: 83.333333%; margin-left: 83.333333%; }
}
.col-md-offset-11 { .col-md-offset-11 {
margin-left: 91.666667%; margin-left: 91.666667%; }
}
.col-md-offset-12 { .col-md-offset-12 {
margin-left: 100%; margin-left: 100%; } }
}
}
@media (min-width: 62em) { @media (min-width: 62em) {
.col-lg-1 { .col-lg-1 {
-webkit-box-flex: 0; flex: 0 0 8.333333%; }
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
}
.col-lg-2 { .col-lg-2 {
-webkit-box-flex: 0; flex: 0 0 16.666667%; }
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
}
.col-lg-3 { .col-lg-3 {
-webkit-box-flex: 0; flex: 0 0 25%; }
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.col-lg-4 { .col-lg-4 {
-webkit-box-flex: 0; flex: 0 0 33.333333%; }
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
}
.col-lg-5 { .col-lg-5 {
-webkit-box-flex: 0; flex: 0 0 41.666667%; }
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
}
.col-lg-6 { .col-lg-6 {
-webkit-box-flex: 0; flex: 0 0 50%; }
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.col-lg-7 { .col-lg-7 {
-webkit-box-flex: 0; flex: 0 0 58.333333%; }
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
}
.col-lg-8 { .col-lg-8 {
-webkit-box-flex: 0; flex: 0 0 66.666667%; }
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
}
.col-lg-9 { .col-lg-9 {
-webkit-box-flex: 0; flex: 0 0 75%; }
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
}
.col-lg-10 { .col-lg-10 {
-webkit-box-flex: 0; flex: 0 0 83.333333%; }
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
}
.col-lg-11 { .col-lg-11 {
-webkit-box-flex: 0; flex: 0 0 91.666667%; }
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
}
.col-lg-12 { .col-lg-12 {
-webkit-box-flex: 0; flex: 0 0 100%; }
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.col-lg-pull-0 { .col-lg-pull-0 {
right: auto; right: auto; }
}
.col-lg-pull-1 { .col-lg-pull-1 {
right: 8.333333%; right: 8.333333%; }
}
.col-lg-pull-2 { .col-lg-pull-2 {
right: 16.666667%; right: 16.666667%; }
}
.col-lg-pull-3 { .col-lg-pull-3 {
right: 25%; right: 25%; }
}
.col-lg-pull-4 { .col-lg-pull-4 {
right: 33.333333%; right: 33.333333%; }
}
.col-lg-pull-5 { .col-lg-pull-5 {
right: 41.666667%; right: 41.666667%; }
}
.col-lg-pull-6 { .col-lg-pull-6 {
right: 50%; right: 50%; }
}
.col-lg-pull-7 { .col-lg-pull-7 {
right: 58.333333%; right: 58.333333%; }
}
.col-lg-pull-8 { .col-lg-pull-8 {
right: 66.666667%; right: 66.666667%; }
}
.col-lg-pull-9 { .col-lg-pull-9 {
right: 75%; right: 75%; }
}
.col-lg-pull-10 { .col-lg-pull-10 {
right: 83.333333%; right: 83.333333%; }
}
.col-lg-pull-11 { .col-lg-pull-11 {
right: 91.666667%; right: 91.666667%; }
}
.col-lg-pull-12 { .col-lg-pull-12 {
right: 100%; right: 100%; }
}
.col-lg-push-0 { .col-lg-push-0 {
left: auto; left: auto; }
}
.col-lg-push-1 { .col-lg-push-1 {
left: 8.333333%; left: 8.333333%; }
}
.col-lg-push-2 { .col-lg-push-2 {
left: 16.666667%; left: 16.666667%; }
}
.col-lg-push-3 { .col-lg-push-3 {
left: 25%; left: 25%; }
}
.col-lg-push-4 { .col-lg-push-4 {
left: 33.333333%; left: 33.333333%; }
}
.col-lg-push-5 { .col-lg-push-5 {
left: 41.666667%; left: 41.666667%; }
}
.col-lg-push-6 { .col-lg-push-6 {
left: 50%; left: 50%; }
}
.col-lg-push-7 { .col-lg-push-7 {
left: 58.333333%; left: 58.333333%; }
}
.col-lg-push-8 { .col-lg-push-8 {
left: 66.666667%; left: 66.666667%; }
}
.col-lg-push-9 { .col-lg-push-9 {
left: 75%; left: 75%; }
}
.col-lg-push-10 { .col-lg-push-10 {
left: 83.333333%; left: 83.333333%; }
}
.col-lg-push-11 { .col-lg-push-11 {
left: 91.666667%; left: 91.666667%; }
}
.col-lg-push-12 { .col-lg-push-12 {
left: 100%; left: 100%; }
}
.col-lg-offset-0 { .col-lg-offset-0 {
margin-left: 0; margin-left: 0%; }
}
.col-lg-offset-1 { .col-lg-offset-1 {
margin-left: 8.333333%; margin-left: 8.333333%; }
}
.col-lg-offset-2 { .col-lg-offset-2 {
margin-left: 16.666667%; margin-left: 16.666667%; }
}
.col-lg-offset-3 { .col-lg-offset-3 {
margin-left: 25%; margin-left: 25%; }
}
.col-lg-offset-4 { .col-lg-offset-4 {
margin-left: 33.333333%; margin-left: 33.333333%; }
}
.col-lg-offset-5 { .col-lg-offset-5 {
margin-left: 41.666667%; margin-left: 41.666667%; }
}
.col-lg-offset-6 { .col-lg-offset-6 {
margin-left: 50%; margin-left: 50%; }
}
.col-lg-offset-7 { .col-lg-offset-7 {
margin-left: 58.333333%; margin-left: 58.333333%; }
}
.col-lg-offset-8 { .col-lg-offset-8 {
margin-left: 66.666667%; margin-left: 66.666667%; }
}
.col-lg-offset-9 { .col-lg-offset-9 {
margin-left: 75%; margin-left: 75%; }
}
.col-lg-offset-10 { .col-lg-offset-10 {
margin-left: 83.333333%; margin-left: 83.333333%; }
}
.col-lg-offset-11 { .col-lg-offset-11 {
margin-left: 91.666667%; margin-left: 91.666667%; }
}
.col-lg-offset-12 { .col-lg-offset-12 {
margin-left: 100%; margin-left: 100%; } }
}
}
@media (min-width: 75em) { @media (min-width: 75em) {
.col-xl-1 { .col-xl-1 {
-webkit-box-flex: 0; flex: 0 0 8.333333%; }
-webkit-flex: 0 0 8.333333%;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
}
.col-xl-2 { .col-xl-2 {
-webkit-box-flex: 0; flex: 0 0 16.666667%; }
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
}
.col-xl-3 { .col-xl-3 {
-webkit-box-flex: 0; flex: 0 0 25%; }
-webkit-flex: 0 0 25%;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
}
.col-xl-4 { .col-xl-4 {
-webkit-box-flex: 0; flex: 0 0 33.333333%; }
-webkit-flex: 0 0 33.333333%;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
}
.col-xl-5 { .col-xl-5 {
-webkit-box-flex: 0; flex: 0 0 41.666667%; }
-webkit-flex: 0 0 41.666667%;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
}
.col-xl-6 { .col-xl-6 {
-webkit-box-flex: 0; flex: 0 0 50%; }
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.col-xl-7 { .col-xl-7 {
-webkit-box-flex: 0; flex: 0 0 58.333333%; }
-webkit-flex: 0 0 58.333333%;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
}
.col-xl-8 { .col-xl-8 {
-webkit-box-flex: 0; flex: 0 0 66.666667%; }
-webkit-flex: 0 0 66.666667%;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
}
.col-xl-9 { .col-xl-9 {
-webkit-box-flex: 0; flex: 0 0 75%; }
-webkit-flex: 0 0 75%;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
}
.col-xl-10 { .col-xl-10 {
-webkit-box-flex: 0; flex: 0 0 83.333333%; }
-webkit-flex: 0 0 83.333333%;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
}
.col-xl-11 { .col-xl-11 {
-webkit-box-flex: 0; flex: 0 0 91.666667%; }
-webkit-flex: 0 0 91.666667%;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
}
.col-xl-12 { .col-xl-12 {
-webkit-box-flex: 0; flex: 0 0 100%; }
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.col-xl-pull-0 { .col-xl-pull-0 {
right: auto; right: auto; }
}
.col-xl-pull-1 { .col-xl-pull-1 {
right: 8.333333%; right: 8.333333%; }
}
.col-xl-pull-2 { .col-xl-pull-2 {
right: 16.666667%; right: 16.666667%; }
}
.col-xl-pull-3 { .col-xl-pull-3 {
right: 25%; right: 25%; }
}
.col-xl-pull-4 { .col-xl-pull-4 {
right: 33.333333%; right: 33.333333%; }
}
.col-xl-pull-5 { .col-xl-pull-5 {
right: 41.666667%; right: 41.666667%; }
}
.col-xl-pull-6 { .col-xl-pull-6 {
right: 50%; right: 50%; }
}
.col-xl-pull-7 { .col-xl-pull-7 {
right: 58.333333%; right: 58.333333%; }
}
.col-xl-pull-8 { .col-xl-pull-8 {
right: 66.666667%; right: 66.666667%; }
}
.col-xl-pull-9 { .col-xl-pull-9 {
right: 75%; right: 75%; }
}
.col-xl-pull-10 { .col-xl-pull-10 {
right: 83.333333%; right: 83.333333%; }
}
.col-xl-pull-11 { .col-xl-pull-11 {
right: 91.666667%; right: 91.666667%; }
}
.col-xl-pull-12 { .col-xl-pull-12 {
right: 100%; right: 100%; }
}
.col-xl-push-0 { .col-xl-push-0 {
left: auto; left: auto; }
}
.col-xl-push-1 { .col-xl-push-1 {
left: 8.333333%; left: 8.333333%; }
}
.col-xl-push-2 { .col-xl-push-2 {
left: 16.666667%; left: 16.666667%; }
}
.col-xl-push-3 { .col-xl-push-3 {
left: 25%; left: 25%; }
}
.col-xl-push-4 { .col-xl-push-4 {
left: 33.333333%; left: 33.333333%; }
}
.col-xl-push-5 { .col-xl-push-5 {
left: 41.666667%; left: 41.666667%; }
}
.col-xl-push-6 { .col-xl-push-6 {
left: 50%; left: 50%; }
}
.col-xl-push-7 { .col-xl-push-7 {
left: 58.333333%; left: 58.333333%; }
}
.col-xl-push-8 { .col-xl-push-8 {
left: 66.666667%; left: 66.666667%; }
}
.col-xl-push-9 { .col-xl-push-9 {
left: 75%; left: 75%; }
}
.col-xl-push-10 { .col-xl-push-10 {
left: 83.333333%; left: 83.333333%; }
}
.col-xl-push-11 { .col-xl-push-11 {
left: 91.666667%; left: 91.666667%; }
}
.col-xl-push-12 { .col-xl-push-12 {
left: 100%; left: 100%; }
}
.col-xl-offset-0 { .col-xl-offset-0 {
margin-left: 0; margin-left: 0%; }
}
.col-xl-offset-1 { .col-xl-offset-1 {
margin-left: 8.333333%; margin-left: 8.333333%; }
}
.col-xl-offset-2 { .col-xl-offset-2 {
margin-left: 16.666667%; margin-left: 16.666667%; }
}
.col-xl-offset-3 { .col-xl-offset-3 {
margin-left: 25%; margin-left: 25%; }
}
.col-xl-offset-4 { .col-xl-offset-4 {
margin-left: 33.333333%; margin-left: 33.333333%; }
}
.col-xl-offset-5 { .col-xl-offset-5 {
margin-left: 41.666667%; margin-left: 41.666667%; }
}
.col-xl-offset-6 { .col-xl-offset-6 {
margin-left: 50%; margin-left: 50%; }
}
.col-xl-offset-7 { .col-xl-offset-7 {
margin-left: 58.333333%; margin-left: 58.333333%; }
}
.col-xl-offset-8 { .col-xl-offset-8 {
margin-left: 66.666667%; margin-left: 66.666667%; }
}
.col-xl-offset-9 { .col-xl-offset-9 {
margin-left: 75%; margin-left: 75%; }
}
.col-xl-offset-10 { .col-xl-offset-10 {
margin-left: 83.333333%; margin-left: 83.333333%; }
}
.col-xl-offset-11 { .col-xl-offset-11 {
margin-left: 91.666667%; margin-left: 91.666667%; }
}
.col-xl-offset-12 { .col-xl-offset-12 {
margin-left: 100%; margin-left: 100%; } }
}
}
.col-xs-first { .col-xs-first {
-webkit-box-ordinal-group: 0; order: -1; }
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.col-xs-last { .col-xs-last {
-webkit-box-ordinal-group: 2; order: 1; }
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
@media (min-width: 34em) { @media (min-width: 34em) {
.col-sm-first { .col-sm-first {
-webkit-box-ordinal-group: 0; order: -1; }
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.col-sm-last { .col-sm-last {
-webkit-box-ordinal-group: 2; order: 1; } }
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}
@media (min-width: 48em) { @media (min-width: 48em) {
.col-md-first { .col-md-first {
-webkit-box-ordinal-group: 0; order: -1; }
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.col-md-last { .col-md-last {
-webkit-box-ordinal-group: 2; order: 1; } }
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}
@media (min-width: 62em) { @media (min-width: 62em) {
.col-lg-first { .col-lg-first {
-webkit-box-ordinal-group: 0; order: -1; }
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.col-lg-last { .col-lg-last {
-webkit-box-ordinal-group: 2; order: 1; } }
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}
@media (min-width: 75em) { @media (min-width: 75em) {
.col-xl-first { .col-xl-first {
-webkit-box-ordinal-group: 0; order: -1; }
-webkit-order: -1;
-ms-flex-order: -1;
order: -1;
}
.col-xl-last { .col-xl-last {
-webkit-box-ordinal-group: 2; order: 1; } }
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
}
.row-xs-top { .row-xs-top {
-webkit-box-align: start; align-items: flex-start; }
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.row-xs-center { .row-xs-center {
-webkit-box-align: center; align-items: center; }
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.row-xs-bottom { .row-xs-bottom {
-webkit-box-align: end; align-items: flex-end; }
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
@media (min-width: 34em) { @media (min-width: 34em) {
.row-sm-top { .row-sm-top {
-webkit-box-align: start; align-items: flex-start; }
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.row-sm-center { .row-sm-center {
-webkit-box-align: center; align-items: center; }
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.row-sm-bottom { .row-sm-bottom {
-webkit-box-align: end; align-items: flex-end; } }
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
}
@media (min-width: 48em) { @media (min-width: 48em) {
.row-md-top { .row-md-top {
-webkit-box-align: start; align-items: flex-start; }
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.row-md-center { .row-md-center {
-webkit-box-align: center; align-items: center; }
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.row-md-bottom { .row-md-bottom {
-webkit-box-align: end; align-items: flex-end; } }
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
}
@media (min-width: 62em) { @media (min-width: 62em) {
.row-lg-top { .row-lg-top {
-webkit-box-align: start; align-items: flex-start; }
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.row-lg-center { .row-lg-center {
-webkit-box-align: center; align-items: center; }
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.row-lg-bottom { .row-lg-bottom {
-webkit-box-align: end; align-items: flex-end; } }
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
}
@media (min-width: 75em) { @media (min-width: 75em) {
.row-xl-top { .row-xl-top {
-webkit-box-align: start; align-items: flex-start; }
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.row-xl-center { .row-xl-center {
-webkit-box-align: center; align-items: center; }
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.row-xl-bottom { .row-xl-bottom {
-webkit-box-align: end; align-items: flex-end; } }
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
}
}
.col-xs-top { .col-xs-top {
-webkit-align-self: flex-start; align-self: flex-start; }
-ms-flex-item-align: start;
align-self: flex-start;
}
.col-xs-center { .col-xs-center {
-webkit-align-self: center; align-self: center; }
-ms-flex-item-align: center;
align-self: center;
}
.col-xs-bottom { .col-xs-bottom {
-webkit-align-self: flex-end; align-self: flex-end; }
-ms-flex-item-align: end;
align-self: flex-end;
}
@media (min-width: 34em) { @media (min-width: 34em) {
.col-sm-top { .col-sm-top {
-webkit-align-self: flex-start; align-self: flex-start; }
-ms-flex-item-align: start;
align-self: flex-start;
}
.col-sm-center { .col-sm-center {
-webkit-align-self: center; align-self: center; }
-ms-flex-item-align: center;
align-self: center;
}
.col-sm-bottom { .col-sm-bottom {
-webkit-align-self: flex-end; align-self: flex-end; } }
-ms-flex-item-align: end;
align-self: flex-end;
}
}
@media (min-width: 48em) { @media (min-width: 48em) {
.col-md-top { .col-md-top {
-webkit-align-self: flex-start; align-self: flex-start; }
-ms-flex-item-align: start;
align-self: flex-start;
}
.col-md-center { .col-md-center {
-webkit-align-self: center; align-self: center; }
-ms-flex-item-align: center;
align-self: center;
}
.col-md-bottom { .col-md-bottom {
-webkit-align-self: flex-end; align-self: flex-end; } }
-ms-flex-item-align: end;
align-self: flex-end;
}
}
@media (min-width: 62em) { @media (min-width: 62em) {
.col-lg-top { .col-lg-top {
-webkit-align-self: flex-start; align-self: flex-start; }
-ms-flex-item-align: start;
align-self: flex-start;
}
.col-lg-center { .col-lg-center {
-webkit-align-self: center; align-self: center; }
-ms-flex-item-align: center;
align-self: center;
}
.col-lg-bottom { .col-lg-bottom {
-webkit-align-self: flex-end; align-self: flex-end; } }
-ms-flex-item-align: end;
align-self: flex-end;
}
}
@media (min-width: 75em) { @media (min-width: 75em) {
.col-xl-top { .col-xl-top {
-webkit-align-self: flex-start; align-self: flex-start; }
-ms-flex-item-align: start;
align-self: flex-start;
}
.col-xl-center { .col-xl-center {
-webkit-align-self: center; align-self: center; }
-ms-flex-item-align: center;
align-self: center;
}
.col-xl-bottom { .col-xl-bottom {
-webkit-align-self: flex-end; align-self: flex-end; } }
-ms-flex-item-align: end;
align-self: flex-end;
}
}
.table { .table {
width: 100%; width: 100%;
max-width: 100%; max-width: 100%;
margin-bottom: 1rem; margin-bottom: 1rem; }
} .table th,
.table th, .table td { .table td {
padding: .75rem; padding: 0.75rem;
line-height: 1.5; line-height: 1.5;
vertical-align: top; vertical-align: top;
border-top: 1px solid #eceeef; border-top: 1px solid #eceeef; }
} .table thead th {
.table thead th { vertical-align: bottom;
vertical-align: bottom; border-bottom: 2px solid #eceeef; }
border-bottom: 2px solid #eceeef; .table tbody + tbody {
} border-top: 2px solid #eceeef; }
.table tbody + tbody { .table .table {
border-top: 2px solid #eceeef; background-color: #fff; }
}
.table .table {
background-color: #fff;
}
.table-sm th, .table-sm td { .table-sm th,
padding: .3rem; .table-sm td {
} padding: 0.3rem; }
.table-bordered { .table-bordered {
border: 1px solid #eceeef; border: 1px solid #eceeef; }
} .table-bordered th,
.table-bordered th, .table-bordered td { .table-bordered td {
border: 1px solid #eceeef; border: 1px solid #eceeef; }
} .table-bordered thead th,
.table-bordered thead th, .table-bordered thead td { .table-bordered thead td {
border-bottom-width: 2px; border-bottom-width: 2px; }
}
.table-striped tbody tr:nth-of-type(odd) { .table-striped tbody tr:nth-of-type(odd) {
background-color: #f9f9f9; background-color: #f9f9f9; }
}
.table-hover tbody tr:hover { .table-hover tbody tr:hover {
background-color: #f5f5f5; background-color: #f5f5f5; }
}
.table-active, .table-active > th, .table-active > td { .table-active,
background-color: #f5f5f5; .table-active > th,
} .table-active > td {
background-color: #f5f5f5; }
.table-hover .table-active:hover { .table-hover .table-active:hover {
background-color: #e8e8e8; background-color: #e8e8e8; }
} .table-hover .table-active:hover > td,
.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { .table-hover .table-active:hover > th {
background-color: #e8e8e8; background-color: #e8e8e8; }
}
.table-success, .table-success > th, .table-success > td { .table-success,
background-color: #dff0d8; .table-success > th,
} .table-success > td {
background-color: #dff0d8; }
.table-hover .table-success:hover { .table-hover .table-success:hover {
background-color: #d0e9c6; background-color: #d0e9c6; }
} .table-hover .table-success:hover > td,
.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { .table-hover .table-success:hover > th {
background-color: #d0e9c6; background-color: #d0e9c6; }
}
.table-info, .table-info > th, .table-info > td { .table-info,
background-color: #d9edf7; .table-info > th,
} .table-info > td {
background-color: #d9edf7; }
.table-hover .table-info:hover { .table-hover .table-info:hover {
background-color: #c4e3f3; background-color: #c4e3f3; }
} .table-hover .table-info:hover > td,
.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { .table-hover .table-info:hover > th {
background-color: #c4e3f3; background-color: #c4e3f3; }
}
.table-warning, .table-warning > th, .table-warning > td { .table-warning,
background-color: #fcf8e3; .table-warning > th,
} .table-warning > td {
background-color: #fcf8e3; }
.table-hover .table-warning:hover { .table-hover .table-warning:hover {
background-color: #faf2cc; background-color: #faf2cc; }
} .table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { .table-hover .table-warning:hover > th {
background-color: #faf2cc; background-color: #faf2cc; }
}
.table-danger, .table-danger > th, .table-danger > td { .table-danger,
background-color: #f2dede; .table-danger > th,
} .table-danger > td {
background-color: #f2dede; }
.table-hover .table-danger:hover { .table-hover .table-danger:hover {
background-color: #ebcccc; background-color: #ebcccc; }
} .table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { .table-hover .table-danger:hover > th {
background-color: #ebcccc; background-color: #ebcccc; }
}
.table-responsive { .table-responsive {
display: block; display: block;
width: 100%; width: 100%;
overflow-x: auto; overflow-x: auto; }
}
.thead-inverse th { .thead-inverse th {
color: #fff; color: #fff;
background-color: #373a3c; background-color: #373a3c; }
}
.thead-default th { .thead-default th {
color: #55595c; color: #55595c;
background-color: #eceeef; background-color: #eceeef; }
}
.table-inverse { .table-inverse {
color: #eceeef; color: #eceeef;
background-color: #373a3c; background-color: #373a3c; }
} .table-inverse.table-bordered {
.table-inverse.table-bordered { border: 0; }
border: 0; .table-inverse th,
} .table-inverse td,
.table-inverse th, .table-inverse td, .table-inverse thead th { .table-inverse thead th {
border-color: #55595c; border-color: #55595c; }
}
.table-reflow thead { .table-reflow thead {
float: left; float: left; }
}
.table-reflow tbody { .table-reflow tbody {
display: block; display: block;
white-space: nowrap; white-space: nowrap; }
}
.table-reflow th, .table-reflow td { .table-reflow th,
.table-reflow td {
border-top: 1px solid #eceeef; border-top: 1px solid #eceeef;
border-left: 1px solid #eceeef; border-left: 1px solid #eceeef; }
} .table-reflow th:last-child,
.table-reflow th:last-child, .table-reflow td:last-child { .table-reflow td:last-child {
border-right: 1px solid #eceeef; border-right: 1px solid #eceeef; }
}
.table-reflow thead:last-child tr:last-child th, .table-reflow thead:last-child tr:last-child td, .table-reflow tbody:last-child tr:last-child th, .table-reflow tbody:last-child tr:last-child td, .table-reflow tfoot:last-child tr:last-child th, .table-reflow tfoot:last-child tr:last-child td { .table-reflow thead:last-child tr:last-child th,
border-bottom: 1px solid #eceeef; .table-reflow thead:last-child tr:last-child td,
} .table-reflow tbody:last-child tr:last-child th,
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td {
border-bottom: 1px solid #eceeef; }
.table-reflow tr { .table-reflow tr {
float: left; float: left; }
} .table-reflow tr th,
.table-reflow tr th, .table-reflow tr td { .table-reflow tr td {
display: block !important; display: block !important;
border: 1px solid #eceeef; border: 1px solid #eceeef; }
}
.form-control { .form-control {
display: block; display: block;
width: 100%; width: 100%;
padding: .5rem .75rem; padding: 0.5rem 0.75rem;
font-size: 1rem; font-size: 1rem;
line-height: 1.5; line-height: 1.5;
color: #55595c; color: #55595c;
background-color: #fff; background-color: #fff;
background-image: none; background-image: none;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: .25rem; border-radius: 0.25rem;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; .form-control:not(textarea),
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; .form-control:not(select[size]),
} .form-control:not(select[multiple]) {
.form-control:not(textarea), .form-control:not(select[size]), .form-control:not(select[multiple]) { height: 2.625rem; }
height: 2.625rem; .form-control:focus {
} border-color: #66afe9;
.form-control:focus { outline: none; }
border-color: #66afe9; .form-control::placeholder {
outline: none; color: #999;
} opacity: 1; }
.form-control::-webkit-input-placeholder { .form-control:disabled,
color: #999; .form-control[readonly],
opacity: 1; fieldset[disabled] .form-control {
} background-color: #eceeef;
.form-control::-moz-placeholder { opacity: 1; }
color: #999; .form-control[disabled],
opacity: 1; fieldset[disabled] .form-control {
} cursor: not-allowed; }
.form-control:-ms-input-placeholder {
color: #999;
opacity: 1;
}
.form-control::placeholder {
color: #999;
opacity: 1;
}
.form-control:disabled, .form-control[readonly], fieldset[disabled] .form-control {
background-color: #eceeef;
opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
cursor: false;
}
.form-control-file, .form-control-range { .form-control-file,
display: block; .form-control-range {
} display: block; }
.form-control-label { .form-control-label {
padding: .5625rem .75rem; padding: 0.5625rem 0.75rem;
margin-bottom: 0; margin-bottom: 0; }
}
.form-control-static { .form-control-static {
min-height: 2.625rem; min-height: 2.625rem;
padding-top: .5625rem; padding-top: 0.5625rem;
padding-bottom: .5625rem; padding-bottom: 0.5625rem;
margin-bottom: 0; margin-bottom: 0; }
} .form-control-static.form-control-sm,
.form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn { .input-group-sm > .form-control-static.form-control,
padding-right: 0; .input-group-sm > .form-control-static.input-group-addon,
padding-left: 0; .input-group-sm > .input-group-btn > .form-control-static.btn,
} .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn {
padding-right: 0;
padding-left: 0; }
.form-control-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { .form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 2rem; height: 2rem;
padding: .3rem .75rem; padding: 0.3rem 0.75rem;
font-size: .85rem; font-size: 0.85rem;
line-height: 1.5; line-height: 1.5;
border-radius: .2rem; border-radius: 0.2rem; }
}
.form-control-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { .form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 3.291667rem; height: 3.291667rem;
padding: .75rem 1.5rem; padding: 0.75rem 1.5rem;
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1.333333; line-height: 1.333333;
border-radius: .3rem; border-radius: 0.3rem; }
}
.form-group { .form-group {
margin-bottom: 15px; margin-bottom: 15px; }
}
.radio, .checkbox { .radio,
.checkbox {
position: relative; position: relative;
display: block; display: block;
margin-bottom: .75rem; margin-bottom: 0.75rem; }
} .radio label,
.radio label, .checkbox label { .checkbox label {
padding-left: 1.25rem; padding-left: 1.25rem;
margin-bottom: 0; margin-bottom: 0;
font-weight: normal; font-weight: normal;
cursor: pointer; cursor: pointer; }
} .radio label input:only-child,
.radio label input:only-child, .checkbox label input:only-child { .checkbox label input:only-child {
position: static; position: static; }
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { .radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute; position: absolute;
margin-top: .25rem; margin-top: .25rem;
margin-left: -1.25rem; margin-left: -1.25rem; }
}
.radio + .radio, .checkbox + .checkbox { .radio + .radio,
margin-top: -.25rem; .checkbox + .checkbox {
} margin-top: -.25rem; }
.radio-inline, .checkbox-inline { .radio-inline,
.checkbox-inline {
position: relative; position: relative;
display: inline-block; display: inline-block;
padding-left: 1.25rem; padding-left: 1.25rem;
margin-bottom: 0; margin-bottom: 0;
font-weight: normal; font-weight: normal;
vertical-align: middle; vertical-align: middle;
cursor: pointer; cursor: pointer; }
}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { .radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0; margin-top: 0;
margin-left: .75rem; margin-left: .75rem; }
}
input[type="radio"]:disabled, input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"]:disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] { input[type="radio"]:disabled,
cursor: false; input[type="radio"].disabled,
} fieldset[disabled] input[type="radio"],
input[type="checkbox"]:disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed; }
.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { .radio-inline.disabled,
cursor: false; fieldset[disabled] .radio-inline,
} .checkbox-inline.disabled,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed; }
.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { .radio.disabled label,
cursor: false; fieldset[disabled] .radio label,
} .checkbox.disabled label,
fieldset[disabled] .checkbox label {
cursor: not-allowed; }
.has-feedback { .has-feedback {
position: relative; position: relative; }
} .has-feedback .form-control {
.has-feedback .form-control { padding-right: 3.28125rem; }
padding-right: 3.28125rem;
}
.form-control-feedback { .form-control-feedback {
position: absolute; position: absolute;
@ -2284,460 +1616,545 @@ input[type="radio"]:disabled, input[type="radio"].disabled, fieldset[disabled] i
height: 2.625rem; height: 2.625rem;
line-height: 2.625rem; line-height: 2.625rem;
text-align: center; text-align: center;
pointer-events: none; pointer-events: none; }
}
.input-lg + .form-control-feedback, .input-group-lg + .form-control-feedback { .input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback {
width: 3.291667rem; width: 3.291667rem;
height: 3.291667rem; height: 3.291667rem;
line-height: 3.291667rem; line-height: 3.291667rem; }
}
.input-sm + .form-control-feedback, .input-group-sm + .form-control-feedback { .input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback {
width: 2rem; width: 2rem;
height: 2rem; height: 2rem;
line-height: 2rem; line-height: 2rem; }
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d; }
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control { .has-success .form-control {
border-color: #3c763d; border-color: #3c763d; }
} .has-success .form-control:focus {
.has-success .form-control:focus { border-color: #2b542c; }
border-color: #2b542c;
}
.has-success .input-group-addon { .has-success .input-group-addon {
color: #3c763d; color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d; border-color: #3c763d;
} background-color: #dff0d8; }
.has-success .form-control-feedback {
color: #3c763d; .has-success .form-control-feedback {
} color: #3c763d; }
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b; }
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control { .has-warning .form-control {
border-color: #8a6d3b; border-color: #8a6d3b; }
} .has-warning .form-control:focus {
.has-warning .form-control:focus { border-color: #66512c; }
border-color: #66512c;
}
.has-warning .input-group-addon { .has-warning .input-group-addon {
color: #8a6d3b; color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b; border-color: #8a6d3b;
} background-color: #fcf8e3; }
.has-warning .form-control-feedback {
color: #8a6d3b; .has-warning .form-control-feedback {
} color: #8a6d3b; }
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442; }
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control { .has-error .form-control {
border-color: #a94442; border-color: #a94442; }
} .has-error .form-control:focus {
.has-error .form-control:focus { border-color: #843534; }
border-color: #843534;
}
.has-error .input-group-addon { .has-error .input-group-addon {
color: #a94442; color: #a94442;
background-color: #f2dede;
border-color: #a94442; border-color: #a94442;
} background-color: #f2dede; }
.has-error .form-control-feedback { .has-error .form-control-feedback {
color: #a94442; color: #a94442; }
}
.has-feedback label ~ .form-control-feedback { .has-feedback label ~ .form-control-feedback {
top: 6; top: 6; }
}
.has-feedback label.sr-only ~ .form-control-feedback { .has-feedback label.sr-only ~ .form-control-feedback {
top: 0; top: 0; }
}
.help-block { .help-block {
display: block; display: block;
margin-top: .25rem; margin-top: .25rem;
margin-bottom: .75rem; margin-bottom: .75rem;
color: #747a7f; color: #747a7f; }
}
@media (min-width: 34em) { @media (min-width: 34em) {
.form-inline .form-group { .form-inline .form-group {
display: inline-block; display: inline-block;
margin-bottom: 0; margin-bottom: 0;
vertical-align: middle; vertical-align: middle; }
}
.form-inline .form-control { .form-inline .form-control {
display: inline-block; display: inline-block;
width: auto; width: auto;
vertical-align: middle; vertical-align: middle; }
}
.form-inline .form-control-static { .form-inline .form-control-static {
display: inline-block; display: inline-block; }
}
.form-inline .input-group { .form-inline .input-group {
display: inline-table; display: inline-table;
vertical-align: middle; vertical-align: middle; }
} .form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { .form-inline .input-group .input-group-btn,
width: auto; .form-inline .input-group .form-control {
} width: auto; }
.form-inline .input-group > .form-control { .form-inline .input-group > .form-control {
width: 100%; width: 100%; }
}
.form-inline .control-label { .form-inline .control-label {
margin-bottom: 0; margin-bottom: 0;
vertical-align: middle; vertical-align: middle; }
} .form-inline .radio,
.form-inline .radio, .form-inline .checkbox { .form-inline .checkbox {
display: inline-block; display: inline-block;
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
vertical-align: middle; vertical-align: middle; }
} .form-inline .radio label,
.form-inline .radio label, .form-inline .checkbox label { .form-inline .checkbox label {
padding-left: 0; padding-left: 0; }
} .form-inline .radio input[type="radio"],
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { .form-inline .checkbox input[type="checkbox"] {
position: relative; position: relative;
margin-left: 0; margin-left: 0; }
}
.form-inline .has-feedback .form-control-feedback { .form-inline .has-feedback .form-control-feedback {
top: 0; top: 0; } }
}
}
.btn { .btn {
display: inline-block; display: inline-block;
padding: .5rem .75rem;
font-size: 1rem;
font-weight: normal; font-weight: normal;
line-height: 1.5;
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
vertical-align: middle; vertical-align: middle;
-ms-touch-action: manipulation; touch-action: manipulation;
touch-action: manipulation;
cursor: pointer; cursor: pointer;
-webkit-user-select: none; user-select: none;
-moz-user-select: none; border: 0.0625rem solid transparent;
-ms-user-select: none; padding: 0.5rem 0.75rem;
user-select: none; font-size: 1rem;
border: .0625rem solid transparent; line-height: 1.5;
border-radius: .25rem; border-radius: 0.25rem;
-webkit-transition: all .2s ease-in-out; transition: all 0.2s ease-in-out; }
-o-transition: all .2s ease-in-out; .btn:focus,
transition: all .2s ease-in-out; .btn.focus,
} .btn:active:focus,
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { .btn:active.focus,
outline: thin dotted; .btn.active:focus,
outline: 5px auto -webkit-focus-ring-color; .btn.active.focus {
outline-offset: -2px; outline: thin dotted;
} outline: 5px auto -webkit-focus-ring-color;
.btn:focus, .btn:hover { outline-offset: -2px; }
text-decoration: none; .btn:focus,
} .btn:hover {
.btn.focus { text-decoration: none; }
text-decoration: none; .btn.focus {
} text-decoration: none; }
.btn:active, .btn.active { .btn:active,
background-image: none; .btn.active {
outline: 0; background-image: none;
} outline: 0; }
.btn.disabled, .btn:disabled, fieldset[disabled] .btn { .btn.disabled,
cursor: false; .btn:disabled,
opacity: .65; fieldset[disabled] .btn {
} cursor: not-allowed;
opacity: .65; }
a.btn.disaabled, fieldset[disabled] a.btn { a.btn.disaabled,
pointer-events: none; fieldset[disabled] a.btn {
} pointer-events: none; }
.btn-primary { .btn-primary {
color: #fff; color: #fff;
background-color: #0275d8; background-color: #0275d8;
border-color: #0267bf; border-color: #0267bf; }
} .btn-primary:focus,
.btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { .btn-primary.focus,
color: #fff; .btn-primary:active,
background-color: #025aa5; .btn-primary.active,
border-color: #014682; .open > .btn-primary.dropdown-toggle {
} color: #fff;
.btn-primary:hover { background-color: #025aa5;
color: #fff; border-color: #014682; }
background-color: #025aa5; .btn-primary:hover {
border-color: #014682; color: #fff;
} background-color: #025aa5;
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { border-color: #014682; }
background-image: none; .btn-primary:active,
} .btn-primary.active,
.btn-primary.disabled, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary:disabled, .btn-primary:disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:active, .btn-primary:disabled.active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { .open > .btn-primary.dropdown-toggle {
background-color: #0275d8; background-image: none; }
border-color: #0267bf; .btn-primary.disabled,
} .btn-primary.disabled:focus,
.btn-primary.disabled:hover, .btn-primary:disabled:hover, fieldset[disabled] .btn-primary:hover { .btn-primary.disabled.focus,
background-color: #0275d8; .btn-primary.disabled:active,
border-color: #0267bf; .btn-primary.disabled.active,
} .btn-primary:disabled,
.btn-primary .badge { .btn-primary:disabled:focus,
color: #0275d8; .btn-primary:disabled.focus,
background-color: #fff; .btn-primary:disabled:active,
} .btn-primary:disabled.active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
background-color: #0275d8;
border-color: #0267bf; }
.btn-primary.disabled:hover,
.btn-primary:disabled:hover,
fieldset[disabled] .btn-primary:hover {
background-color: #0275d8;
border-color: #0267bf; }
.btn-primary .badge {
color: #0275d8;
background-color: #fff; }
.btn-secondary { .btn-secondary {
color: #373a3c; color: #373a3c;
background-color: #fff; background-color: #fff;
border-color: #ccc; border-color: #ccc; }
} .btn-secondary:focus,
.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { .btn-secondary.focus,
color: #373a3c; .btn-secondary:active,
background-color: #e6e6e6; .btn-secondary.active,
border-color: #adadad; .open > .btn-secondary.dropdown-toggle {
} color: #373a3c;
.btn-secondary:hover { background-color: #e6e6e6;
color: #373a3c; border-color: #adadad; }
background-color: #e6e6e6; .btn-secondary:hover {
border-color: #adadad; color: #373a3c;
} background-color: #e6e6e6;
.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { border-color: #adadad; }
background-image: none; .btn-secondary:active,
} .btn-secondary.active,
.btn-secondary.disabled, .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary.disabled:active, .btn-secondary.disabled.active, .btn-secondary:disabled, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus, .btn-secondary:disabled:active, .btn-secondary:disabled.active, fieldset[disabled] .btn-secondary, fieldset[disabled] .btn-secondary:focus, fieldset[disabled] .btn-secondary.focus, fieldset[disabled] .btn-secondary:active, fieldset[disabled] .btn-secondary.active { .open > .btn-secondary.dropdown-toggle {
background-color: #fff; background-image: none; }
border-color: #ccc; .btn-secondary.disabled,
} .btn-secondary.disabled:focus,
.btn-secondary.disabled:hover, .btn-secondary:disabled:hover, fieldset[disabled] .btn-secondary:hover { .btn-secondary.disabled.focus,
background-color: #fff; .btn-secondary.disabled:active,
border-color: #ccc; .btn-secondary.disabled.active,
} .btn-secondary:disabled,
.btn-secondary .badge { .btn-secondary:disabled:focus,
color: #fff; .btn-secondary:disabled.focus,
background-color: #373a3c; .btn-secondary:disabled:active,
} .btn-secondary:disabled.active,
fieldset[disabled] .btn-secondary,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary.focus,
fieldset[disabled] .btn-secondary:active,
fieldset[disabled] .btn-secondary.active {
background-color: #fff;
border-color: #ccc; }
.btn-secondary.disabled:hover,
.btn-secondary:disabled:hover,
fieldset[disabled] .btn-secondary:hover {
background-color: #fff;
border-color: #ccc; }
.btn-secondary .badge {
color: #fff;
background-color: #373a3c; }
.btn-info { .btn-info {
color: #fff; color: #fff;
background-color: #5bc0de; background-color: #5bc0de;
border-color: #46b8da; border-color: #46b8da; }
} .btn-info:focus,
.btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { .btn-info.focus,
color: #fff; .btn-info:active,
background-color: #31b0d5; .btn-info.active,
border-color: #269abc; .open > .btn-info.dropdown-toggle {
} color: #fff;
.btn-info:hover { background-color: #31b0d5;
color: #fff; border-color: #269abc; }
background-color: #31b0d5; .btn-info:hover {
border-color: #269abc; color: #fff;
} background-color: #31b0d5;
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { border-color: #269abc; }
background-image: none; .btn-info:active,
} .btn-info.active,
.btn-info.disabled, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info:disabled, .btn-info:disabled:focus, .btn-info:disabled.focus, .btn-info:disabled:active, .btn-info:disabled.active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { .open > .btn-info.dropdown-toggle {
background-color: #5bc0de; background-image: none; }
border-color: #46b8da; .btn-info.disabled,
} .btn-info.disabled:focus,
.btn-info.disabled:hover, .btn-info:disabled:hover, fieldset[disabled] .btn-info:hover { .btn-info.disabled.focus,
background-color: #5bc0de; .btn-info.disabled:active,
border-color: #46b8da; .btn-info.disabled.active,
} .btn-info:disabled,
.btn-info .badge { .btn-info:disabled:focus,
color: #5bc0de; .btn-info:disabled.focus,
background-color: #fff; .btn-info:disabled:active,
} .btn-info:disabled.active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info.focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da; }
.btn-info.disabled:hover,
.btn-info:disabled:hover,
fieldset[disabled] .btn-info:hover {
background-color: #5bc0de;
border-color: #46b8da; }
.btn-info .badge {
color: #5bc0de;
background-color: #fff; }
.btn-success { .btn-success {
color: #fff; color: #fff;
background-color: #5cb85c; background-color: #5cb85c;
border-color: #4cae4c; border-color: #4cae4c; }
} .btn-success:focus,
.btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { .btn-success.focus,
color: #fff; .btn-success:active,
background-color: #449d44; .btn-success.active,
border-color: #398439; .open > .btn-success.dropdown-toggle {
} color: #fff;
.btn-success:hover { background-color: #449d44;
color: #fff; border-color: #398439; }
background-color: #449d44; .btn-success:hover {
border-color: #398439; color: #fff;
} background-color: #449d44;
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { border-color: #398439; }
background-image: none; .btn-success:active,
} .btn-success.active,
.btn-success.disabled, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success:disabled, .btn-success:disabled:focus, .btn-success:disabled.focus, .btn-success:disabled:active, .btn-success:disabled.active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { .open > .btn-success.dropdown-toggle {
background-color: #5cb85c; background-image: none; }
border-color: #4cae4c; .btn-success.disabled,
} .btn-success.disabled:focus,
.btn-success.disabled:hover, .btn-success:disabled:hover, fieldset[disabled] .btn-success:hover { .btn-success.disabled.focus,
background-color: #5cb85c; .btn-success.disabled:active,
border-color: #4cae4c; .btn-success.disabled.active,
} .btn-success:disabled,
.btn-success .badge { .btn-success:disabled:focus,
color: #5cb85c; .btn-success:disabled.focus,
background-color: #fff; .btn-success:disabled:active,
} .btn-success:disabled.active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success.focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c; }
.btn-success.disabled:hover,
.btn-success:disabled:hover,
fieldset[disabled] .btn-success:hover {
background-color: #5cb85c;
border-color: #4cae4c; }
.btn-success .badge {
color: #5cb85c;
background-color: #fff; }
.btn-warning { .btn-warning {
color: #fff; color: #fff;
background-color: #f0ad4e; background-color: #f0ad4e;
border-color: #eea236; border-color: #eea236; }
} .btn-warning:focus,
.btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { .btn-warning.focus,
color: #fff; .btn-warning:active,
background-color: #ec971f; .btn-warning.active,
border-color: #d58512; .open > .btn-warning.dropdown-toggle {
} color: #fff;
.btn-warning:hover { background-color: #ec971f;
color: #fff; border-color: #d58512; }
background-color: #ec971f; .btn-warning:hover {
border-color: #d58512; color: #fff;
} background-color: #ec971f;
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { border-color: #d58512; }
background-image: none; .btn-warning:active,
} .btn-warning.active,
.btn-warning.disabled, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning:disabled, .btn-warning:disabled:focus, .btn-warning:disabled.focus, .btn-warning:disabled:active, .btn-warning:disabled.active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { .open > .btn-warning.dropdown-toggle {
background-color: #f0ad4e; background-image: none; }
border-color: #eea236; .btn-warning.disabled,
} .btn-warning.disabled:focus,
.btn-warning.disabled:hover, .btn-warning:disabled:hover, fieldset[disabled] .btn-warning:hover { .btn-warning.disabled.focus,
background-color: #f0ad4e; .btn-warning.disabled:active,
border-color: #eea236; .btn-warning.disabled.active,
} .btn-warning:disabled,
.btn-warning .badge { .btn-warning:disabled:focus,
color: #f0ad4e; .btn-warning:disabled.focus,
background-color: #fff; .btn-warning:disabled:active,
} .btn-warning:disabled.active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236; }
.btn-warning.disabled:hover,
.btn-warning:disabled:hover,
fieldset[disabled] .btn-warning:hover {
background-color: #f0ad4e;
border-color: #eea236; }
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff; }
.btn-danger { .btn-danger {
color: #fff; color: #fff;
background-color: #d9534f; background-color: #d9534f;
border-color: #d43f3a; border-color: #d43f3a; }
} .btn-danger:focus,
.btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { .btn-danger.focus,
color: #fff; .btn-danger:active,
background-color: #c9302c; .btn-danger.active,
border-color: #ac2925; .open > .btn-danger.dropdown-toggle {
} color: #fff;
.btn-danger:hover { background-color: #c9302c;
color: #fff; border-color: #ac2925; }
background-color: #c9302c; .btn-danger:hover {
border-color: #ac2925; color: #fff;
} background-color: #c9302c;
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { border-color: #ac2925; }
background-image: none; .btn-danger:active,
} .btn-danger.active,
.btn-danger.disabled, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger:disabled, .btn-danger:disabled:focus, .btn-danger:disabled.focus, .btn-danger:disabled:active, .btn-danger:disabled.active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { .open > .btn-danger.dropdown-toggle {
background-color: #d9534f; background-image: none; }
border-color: #d43f3a; .btn-danger.disabled,
} .btn-danger.disabled:focus,
.btn-danger.disabled:hover, .btn-danger:disabled:hover, fieldset[disabled] .btn-danger:hover { .btn-danger.disabled.focus,
background-color: #d9534f; .btn-danger.disabled:active,
border-color: #d43f3a; .btn-danger.disabled.active,
} .btn-danger:disabled,
.btn-danger .badge { .btn-danger:disabled:focus,
color: #d9534f; .btn-danger:disabled.focus,
background-color: #fff; .btn-danger:disabled:active,
} .btn-danger:disabled.active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger.focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a; }
.btn-danger.disabled:hover,
.btn-danger:disabled:hover,
fieldset[disabled] .btn-danger:hover {
background-color: #d9534f;
border-color: #d43f3a; }
.btn-danger .badge {
color: #d9534f;
background-color: #fff; }
.btn-link { .btn-link {
font-weight: normal; font-weight: normal;
color: #0275d8; color: #0275d8;
border-radius: 0; border-radius: 0; }
} .btn-link,
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled, fieldset[disabled] .btn-link { .btn-link:active,
background-color: transparent; .btn-link.active,
} .btn-link:disabled,
.btn-link, .btn-link:focus, .btn-link:active { fieldset[disabled] .btn-link {
border-color: transparent; background-color: transparent; }
} .btn-link,
.btn-link:hover { .btn-link:focus,
border-color: transparent; .btn-link:active {
} border-color: transparent; }
.btn-link:focus, .btn-link:hover { .btn-link:hover {
color: #014c8c; border-color: transparent; }
text-decoration: underline; .btn-link:focus,
background-color: transparent; .btn-link:hover {
} color: #014c8c;
.btn-link:disabled:focus, .btn-link:disabled:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { text-decoration: underline;
color: #818a91; background-color: transparent; }
text-decoration: none; .btn-link:disabled:focus,
} .btn-link:disabled:hover,
fieldset[disabled] .btn-link:focus,
fieldset[disabled] .btn-link:hover {
color: #818a91;
text-decoration: none; }
.btn-lg, .btn-group-lg > .btn { .btn-lg, .btn-group-lg > .btn {
padding: .75rem 1.5rem; padding: 0.75rem 1.5rem;
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1.333333; line-height: 1.333333;
border-radius: .3rem; border-radius: 0.3rem; }
}
.btn-sm, .btn-group-sm > .btn { .btn-sm, .btn-group-sm > .btn {
padding: .3rem .75rem; padding: 0.3rem 0.75rem;
font-size: .85rem; font-size: 0.85rem;
line-height: 1.5; line-height: 1.5;
border-radius: .2rem; border-radius: 0.2rem; }
}
.btn-xs, .btn-group-xs > .btn { .btn-xs, .btn-group-xs > .btn {
padding: .2rem .5rem; padding: 0.2rem 0.5rem;
font-size: .75rem; font-size: 0.75rem;
line-height: 1.5; line-height: 1.5;
border-radius: .2rem; border-radius: 0.2rem; }
}
.btn-block { .btn-block {
display: block; display: block;
width: 100%; width: 100%; }
}
.btn-block + .btn-block { .btn-block + .btn-block {
margin-top: 5px; margin-top: 5px; }
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { input[type="submit"].btn-block,
width: 100%; input[type="reset"].btn-block,
} input[type="button"].btn-block {
width: 100%; }
.fade { .fade {
opacity: 0; opacity: 0;
-webkit-transition: opacity .15s linear; transition: opacity 0.15s linear; }
-o-transition: opacity .15s linear; .fade.in {
transition: opacity .15s linear; opacity: 1; }
}
.fade.in {
opacity: 1;
}
.collapse { .collapse {
display: none; display: none; }
} .collapse.in {
.collapse.in { display: block; }
display: block;
}
.collapsing { .collapsing {
position: relative; position: relative;
height: 0; height: 0;
overflow: hidden; overflow: hidden;
-webkit-transition-timing-function: ease; transition-timing-function: ease;
-o-transition-timing-function: ease; transition-duration: .35s;
transition-timing-function: ease; transition-property: height; }
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height;
-o-transition-property: height;
transition-property: height;
}
.dropup, .dropdown { .dropup,
position: relative; .dropdown {
} position: relative; }
.dropdown-toggle:after { .dropdown-toggle:after {
display: inline-block; display: inline-block;
@ -2746,13 +2163,12 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
margin-left: .25rem; margin-left: .25rem;
vertical-align: middle; vertical-align: middle;
content: ""; content: "";
border-top: .3em solid; border-top: 0.3em solid;
border-right: .3em solid transparent; border-right: 0.3em solid transparent;
border-left: .3em solid transparent; border-left: 0.3em solid transparent; }
}
.dropdown-toggle:focus { .dropdown-toggle:focus {
outline: 0; outline: 0; }
}
.dropdown-menu { .dropdown-menu {
position: absolute; position: absolute;
@ -2768,76 +2184,71 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
text-align: left; text-align: left;
list-style: none; list-style: none;
background-color: #fff; background-color: #fff;
-webkit-background-clip: padding-box; background-clip: padding-box;
background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15);
border: 1px solid rgba(0, 0, 0, .15); border-radius: 0.25rem; }
border-radius: .25rem; .dropdown-menu .divider {
} height: 1px;
.dropdown-menu .divider { margin: 0.5rem 0;
height: 1px; overflow: hidden;
margin: -.5 0; background-color: #e5e5e5; }
overflow: hidden; .dropdown-menu > li > a {
background-color: #e5e5e5; display: block;
} padding: 3px 20px;
.dropdown-menu > li > a { clear: both;
display: block; font-weight: normal;
padding: 3px 20px; line-height: 1.5;
clear: both; color: #373a3c;
font-weight: normal; white-space: nowrap; }
line-height: 1.5;
color: #373a3c;
white-space: nowrap;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { .dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
color: #2b2d2f; color: #2b2d2f;
text-decoration: none; text-decoration: none;
background-color: #f5f5f5; background-color: #f5f5f5; }
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { .dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
background-color: #0275d8; background-color: #0275d8;
outline: 0; outline: 0; }
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { .dropdown-menu > .disabled > a,
color: #818a91; .dropdown-menu > .disabled > a:focus,
} .dropdown-menu > .disabled > a:hover {
.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { color: #818a91; }
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover {
text-decoration: none; text-decoration: none;
cursor: false; cursor: not-allowed;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none;
filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; }
}
.open > .dropdown-menu { .open > .dropdown-menu {
display: block; display: block; }
}
.open > a { .open > a {
outline: 0; outline: 0; }
}
.dropdown-menu-right { .dropdown-menu-right {
right: 0; right: 0;
left: auto; left: auto; }
}
.dropdown-menu-left { .dropdown-menu-left {
right: auto; right: auto;
left: 0; left: 0; }
}
.dropdown-header { .dropdown-header {
display: block; display: block;
padding: 3px 20px; padding: 3px 20px;
font-size: .85rem; font-size: 0.85rem;
line-height: 1.5; line-height: 1.5;
color: #818a91; color: #818a91;
white-space: nowrap; white-space: nowrap; }
}
.dropdown-backdrop { .dropdown-backdrop {
position: fixed; position: fixed;
@ -2845,208 +2256,197 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
z-index: 990; z-index: 990; }
}
.pull-right > .dropdown-menu { .pull-right > .dropdown-menu {
right: 0; right: 0;
left: auto; left: auto; }
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret { .dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: ""; content: "";
border-top: 0; border-top: 0;
border-bottom: .3em solid; border-bottom: 0.3em solid; }
}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { .dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto; top: auto;
bottom: 100%; bottom: 100%;
margin-bottom: 2px; margin-bottom: 2px; }
}
.btn-group, .btn-group-vertical { .btn-group,
.btn-group-vertical {
position: relative; position: relative;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle; }
} .btn-group > .btn,
.btn-group > .btn, .btn-group-vertical > .btn { .btn-group-vertical > .btn {
position: relative; position: relative;
float: left; float: left; }
} .btn-group > .btn:focus,
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { .btn-group > .btn:active,
z-index: 2; .btn-group > .btn.active,
} .btn-group-vertical > .btn:focus,
.btn-group > .btn:hover, .btn-group-vertical > .btn:hover { .btn-group-vertical > .btn:active,
z-index: 2; .btn-group-vertical > .btn.active {
} z-index: 2; }
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
z-index: 2; }
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { .btn-group .btn + .btn,
margin-left: -1px; .btn-group .btn + .btn-group,
} .btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px; }
.btn-toolbar { .btn-toolbar {
margin-left: -5px; margin-left: -5px; }
} .btn-toolbar:before,
.btn-toolbar:before, .btn-toolbar:after { .btn-toolbar:after {
display: table; content: " ";
content: " "; display: table; }
} .btn-toolbar:after {
.btn-toolbar:after { clear: both; }
clear: both; .btn-toolbar .btn-group,
} .btn-toolbar .input-group {
.btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; }
float: left; .btn-toolbar > .btn,
} .btn-toolbar > .btn-group,
.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { .btn-toolbar > .input-group {
margin-left: 5px; margin-left: 5px; }
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0; border-radius: 0; }
}
.btn-group > .btn:first-child { .btn-group > .btn:first-child {
margin-left: 0; margin-left: 0; }
} .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0;
border-top-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) { .btn-group > .btn:last-child:not(:first-child),
border-top-left-radius: 0; .btn-group > .dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} border-top-left-radius: 0; }
.btn-group > .btn-group { .btn-group > .btn-group {
float: left; float: left; }
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0; border-radius: 0; }
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
border-top-right-radius: 0; .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} border-top-right-radius: 0; }
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} border-top-left-radius: 0; }
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { .btn-group .dropdown-toggle:active,
outline: 0; .btn-group.open .dropdown-toggle {
} outline: 0; }
.btn-group > .btn + .dropdown-toggle { .btn-group > .btn + .dropdown-toggle {
padding-right: 8px; padding-right: 8px;
padding-left: 8px; padding-left: 8px; }
}
.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
padding-right: 12px; padding-right: 12px;
padding-left: 12px; padding-left: 12px; }
}
.btn .caret { .btn .caret {
margin-left: 0; margin-left: 0; }
}
.btn-lg .caret, .btn-group-lg > .btn .caret { .btn-lg .caret, .btn-group-lg > .btn .caret {
border-width: .3em .3em 0; border-width: 0.3em 0.3em 0;
border-bottom-width: 0; border-bottom-width: 0; }
}
.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
border-width: 0 .3em .3em; border-width: 0 0.3em 0.3em; }
}
.btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { .btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block; display: block;
float: none; float: none;
width: 100%; width: 100%;
max-width: 100%; max-width: 100%; }
}
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { .btn-group-vertical > .btn-group:before,
display: table;
content: " ";
}
.btn-group-vertical > .btn-group:after { .btn-group-vertical > .btn-group:after {
clear: both; content: " ";
} display: table; }
.btn-group-vertical > .btn-group:after {
clear: both; }
.btn-group-vertical > .btn-group > .btn { .btn-group-vertical > .btn-group > .btn {
float: none; float: none; }
}
.btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { .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-top: -1px;
margin-left: 0; margin-left: 0; }
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0; border-radius: 0; }
}
.btn-group-vertical > .btn:first-child:not(:last-child) { .btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-right-radius: .25rem; border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
}
.btn-group-vertical > .btn:last-child:not(:first-child) { .btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0; border-bottom-left-radius: 0.25rem;
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-left-radius: .25rem; border-top-left-radius: 0; }
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0; border-radius: 0; }
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
} border-top-left-radius: 0; }
[data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"], [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { [data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute; position: absolute;
clip: rect(0, 0, 0, 0); clip: rect(0, 0, 0, 0);
pointer-events: none; pointer-events: none; }
}
.input-group { .input-group {
position: relative; position: relative;
display: -webkit-box; display: flex; }
display: -webkit-flex; .input-group .form-control {
display: -ms-flexbox; position: relative;
display: flex; z-index: 2;
} flex: 1;
.input-group .form-control { margin-bottom: 0; }
position: relative;
z-index: 2;
margin-bottom: 0;
-webkit-box-flex: 1; .input-group-addon:not(:first-child):not(:last-child),
-webkit-flex: 1; .input-group-btn:not(:first-child):not(:last-child),
-ms-flex: 1; .input-group .form-control:not(:first-child):not(:last-child) {
flex: 1; border-radius: 0; }
}
.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) { .input-group-addon,
border-radius: 0; .input-group-btn {
}
.input-group-addon, .input-group-btn {
white-space: nowrap; white-space: nowrap;
vertical-align: middle; vertical-align: middle; }
}
.input-group-addon { .input-group-addon {
padding: .5rem .75rem; padding: 0.5rem 0.75rem;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
line-height: 1; line-height: 1;
@ -3054,84 +2454,84 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
text-align: center; text-align: center;
background-color: #eceeef; background-color: #eceeef;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: .25rem; border-radius: 0.25rem; }
} .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon,
.input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { .input-group-sm > .input-group-btn > .input-group-addon.btn {
padding: .3rem .75rem; padding: 0.3rem 0.75rem;
font-size: .85rem; font-size: 0.85rem;
border-radius: .2rem; border-radius: 0.2rem; }
} .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon,
.input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { .input-group-lg > .input-group-btn > .input-group-addon.btn {
padding: .75rem 1.5rem; padding: 0.75rem 1.5rem;
font-size: 1.25rem; font-size: 1.25rem;
border-radius: .3rem; border-radius: 0.3rem; }
} .input-group-addon input[type="radio"],
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { .input-group-addon input[type="checkbox"] {
margin-top: 0; 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 > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { .input-group .form-control:first-child,
border-top-right-radius: 0; .input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} border-top-right-radius: 0; }
.input-group-addon:first-child { .input-group-addon:first-child {
border-right: 0; 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 > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { .input-group .form-control:last-child,
border-top-left-radius: 0; .input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
} border-top-left-radius: 0; }
.input-group-addon:last-child { .input-group-addon:last-child {
border-left: 0; border-left: 0; }
}
.input-group-btn { .input-group-btn {
position: relative; position: relative;
font-size: 0; font-size: 0;
white-space: nowrap; white-space: nowrap; }
} .input-group-btn > .btn {
.input-group-btn > .btn { position: relative; }
position: relative; .input-group-btn > .btn + .btn {
} margin-left: -1px; }
.input-group-btn > .btn + .btn { .input-group-btn > .btn:focus,
margin-left: -1px; .input-group-btn > .btn:active,
} .input-group-btn > .btn:hover {
.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { z-index: 2; }
z-index: 2; .input-group-btn:first-child > .btn,
} .input-group-btn:first-child > .btn-group {
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; }
margin-right: -1px; .input-group-btn:last-child > .btn,
} .input-group-btn:last-child > .btn-group {
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { margin-left: -1px; }
margin-left: -1px;
}
.c-input { .c-input {
position: relative; position: relative;
display: inline; display: inline;
padding-left: 1.5rem; padding-left: 1.5rem;
color: #555; color: #555;
cursor: pointer; cursor: pointer; }
} .c-input > input {
.c-input > input { position: absolute;
position: absolute; z-index: -1;
z-index: -1; opacity: 0; }
opacity: 0; .c-input > input:checked ~ .c-indicator {
} color: #fff;
.c-input > input:checked ~ .c-indicator { background-color: #0074d9; }
color: #fff; .c-input > input:active ~ .c-indicator {
background-color: #0074d9; color: #fff;
} background-color: #84c6ff; }
.c-input > input:active ~ .c-indicator { .c-input + .c-input {
color: #fff; margin-left: 1rem; }
background-color: #84c6ff;
}
.c-input + .c-input {
margin-left: 1rem;
}
.c-indicator { .c-indicator {
position: absolute; position: absolute;
@ -3144,123 +2544,97 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
line-height: 1rem; line-height: 1rem;
color: #eee; color: #eee;
text-align: center; text-align: center;
-webkit-user-select: none; user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #eee; background-color: #eee;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center center; background-position: center center;
-webkit-background-size: 50% 50%; background-size: 50% 50%; }
background-size: 50% 50%;
}
.c-checkbox .c-indicator { .c-checkbox .c-indicator {
border-radius: .25rem; border-radius: .25rem; }
}
.c-checkbox input:checked ~ .c-indicator { .c-checkbox input:checked ~ .c-indicator {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=); }
}
.c-checkbox input:indeterminate ~ .c-indicator { .c-checkbox input:indeterminate ~ .c-indicator {
background-color: #0074d9; background-color: #0074d9;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K); }
}
.c-radio .c-indicator { .c-radio .c-indicator {
border-radius: 50%; border-radius: 50%; }
}
.c-radio input:checked ~ .c-indicator { .c-radio input:checked ~ .c-indicator {
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); }
}
.c-inputs-stacked .c-input { .c-inputs-stacked .c-input {
display: inline; display: inline; }
} .c-inputs-stacked .c-input:after {
.c-inputs-stacked .c-input:after { display: block;
display: block; margin-bottom: .25rem;
margin-bottom: .25rem; content: ""; }
content: ""; .c-inputs-stacked .c-input + .c-input {
} margin-left: 0; }
.c-inputs-stacked .c-input + .c-input {
margin-left: 0;
}
.select { .select {
position: relative; position: relative;
display: inline-block; display: inline-block;
color: #555; color: #555; }
} .select > select {
.select > select { display: inline-block;
display: inline-block; width: 100%;
width: 100%; padding: 0.5rem 2.25rem 0.5rem 1rem;
-webkit-appearance: none; margin: 0;
padding: .5rem 2.25rem .5rem 1rem; line-height: 1.5;
margin: 0; color: #555;
line-height: 1.5; cursor: pointer;
color: #555; background-color: #eee;
cursor: pointer; border: 0;
background-color: #eee; border-radius: .25rem;
border: 0; outline: 0;
border-radius: .25rem; -webkit-appearance: none;
outline: 0; appearance: none; }
.select > select:focus {
appearance: none; box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; }
} .select > select:focus:-moz-focusring {
.select > select:focus { color: transparent;
-webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; text-shadow: 0 0 0 #000; }
box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; .select > select:active {
} color: #fff;
.select > select:focus:-moz-focusring { background-color: #0074d9; }
color: transparent; .select > select::-ms-expand {
text-shadow: 0 0 0 #000; display: none; }
} .select:after {
.select > select:active { position: absolute;
color: #fff; top: 50%;
background-color: #0074d9; right: 1.25rem;
} display: inline-block;
.select > select::-ms-expand { width: 0;
display: none; height: 0;
} margin-top: -.15rem;
.select:after { pointer-events: none;
position: absolute; content: "";
top: 50%; border-top: .35rem solid;
right: 1.25rem; border-right: .35rem solid transparent;
display: inline-block; border-bottom: .35rem solid transparent;
width: 0; border-left: .35rem solid transparent; }
height: 0;
margin-top: -.15rem;
pointer-events: none;
content: "";
border-top: .35rem solid;
border-right: .35rem solid transparent;
border-bottom: .35rem solid transparent;
border-left: .35rem solid transparent;
}
.select select:hover { .select select:hover {
background-color: #ddd; background-color: #ddd; }
}
@-moz-document url-prefix() { @-moz-document url-prefix() {
.select select { .select select {
padding-right: 1rem; padding-right: 1rem;
text-indent: .01px; text-indent: 0.01px;
text-overflow: ""; text-overflow: ""; }
}
.select option { .select option {
background-color: #fff; background-color: #fff; } }
}
}
@media screen and (min-width: 0\0) { @media screen and (min-width: 0 \0) {
.select select { .select select {
z-index: 1; z-index: 1;
padding: .5rem 1.5rem .5rem 1rem; padding: 0.5rem 1.5rem 0.5rem 1rem; }
}
.select:after { .select:after {
z-index: 5; z-index: 5; }
}
.select:before { .select:before {
position: absolute; position: absolute;
top: 0; top: 0;
@ -3270,27 +2644,24 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
display: block; display: block;
width: 1.5rem; width: 1.5rem;
content: ""; content: "";
background-color: #eee; background-color: #eee; }
} .select select:focus,
.select select:focus, .select select:active, .select select:hover { .select select:active,
.select select:hover {
color: #555; color: #555;
background-color: #eee; background-color: #eee; } }
}
}
.file { .file {
position: relative; position: relative;
display: inline-block; display: inline-block;
height: 2.5rem; height: 2.5rem;
cursor: pointer; cursor: pointer; }
}
.file input { .file input {
min-width: 14rem; min-width: 14rem;
margin: 0; margin: 0;
filter: alpha(opacity=0); filter: alpha(opacity=0);
opacity: 0; opacity: 0; }
}
.file-custom { .file-custom {
position: absolute; position: absolute;
@ -3299,23 +2670,17 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
left: 0; left: 0;
z-index: 5; z-index: 5;
height: 2.5rem; height: 2.5rem;
padding: .5rem 1rem; padding: 0.5rem 1rem;
line-height: 1.5; line-height: 1.5;
color: #555; color: #555;
-webkit-user-select: none; user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff; background-color: #fff;
border: .075rem solid #ddd; border: .075rem solid #ddd;
border-radius: .25rem; border-radius: .25rem;
-webkit-box-shadow: inset 0 .2rem .4rem rgba(0, 0, 0, .05); box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05); }
box-shadow: inset 0 .2rem .4rem rgba(0, 0, 0, .05);
}
.file-custom:after { .file-custom:after {
content: "Choose file..."; content: "Choose file..."; }
}
.file-custom:before { .file-custom:before {
position: absolute; position: absolute;
@ -3325,427 +2690,417 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
z-index: 6; z-index: 6;
display: block; display: block;
height: 2.5rem; height: 2.5rem;
padding: .5rem 1rem; padding: 0.5rem 1rem;
line-height: 1.5; line-height: 1.5;
color: #555; color: #555;
content: "Browse"; content: "Browse";
background-color: #eee; background-color: #eee;
border: .075rem solid #ddd; border: .075rem solid #ddd;
border-radius: 0 .25rem .25rem 0; border-radius: 0 0.25rem 0.25rem 0; }
}
.file input:focus ~ .file-custom { .file input:focus ~ .file-custom {
-webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; }
box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9;
}
.nav { .nav {
padding-left: 0; padding-left: 0;
margin-bottom: 0; margin-bottom: 0;
list-style: none; list-style: none; }
} .nav:before,
.nav:before, .nav:after { .nav:after {
display: table; content: " ";
content: " "; display: table; }
} .nav:after {
.nav:after { clear: both; }
clear: both;
}
.nav-item { .nav-item {
position: relative; position: relative;
display: inline-block; display: inline-block; }
}
.nav-link { .nav-link {
display: inline-block; display: inline-block;
padding: .75em 1em; padding: 0.75em 1em;
line-height: 1; line-height: 1; }
} .nav-link:focus,
.nav-link:focus, .nav-link:hover { .nav-link:hover {
text-decoration: none; text-decoration: none;
background-color: #eceeef; background-color: #eceeef; }
} .disabled > .nav-link,
.disabled > .nav-link, .nav-link.disabled { .nav-link.disabled {
color: #818a91; color: #818a91; }
} .disabled > .nav-link,
.disabled > .nav-link, .disabled > .nav-link:focus, .disabled > .nav-link:hover, .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { .disabled > .nav-link:focus,
color: #818a91; .disabled > .nav-link:hover,
cursor: false; .nav-link.disabled,
background-color: transparent; .nav-link.disabled:focus,
} .nav-link.disabled:hover {
color: #818a91;
cursor: not-allowed;
background-color: transparent; }
.nav-tabs { .nav-tabs {
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd; }
} .nav-tabs .nav-item {
.nav-tabs .nav-item { float: left;
float: left; margin-bottom: -1px; }
margin-bottom: -1px; .nav-tabs .nav-item + .nav-item {
} margin-left: .2rem; }
.nav-tabs .nav-item + .nav-item { .nav-tabs .nav-link {
margin-left: .2rem; display: block;
} border: 1px solid transparent;
.nav-tabs .nav-link { border-radius: 0.25rem 0.25rem 0 0; }
display: block; .nav-tabs .nav-link:focus,
border: 1px solid transparent; .nav-tabs .nav-link:hover {
border-radius: .25rem .25rem 0 0; border-color: #eceeef #eceeef #ddd; }
} .nav-tabs .open > .nav-link,
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { .nav-tabs .open > .nav-link:focus,
border-color: #eceeef #eceeef #ddd; .nav-tabs .open > .nav-link:hover,
} .nav-tabs .active > .nav-link,
.nav-tabs .open > .nav-link, .nav-tabs .open > .nav-link:focus, .nav-tabs .open > .nav-link:hover, .nav-tabs .active > .nav-link, .nav-tabs .active > .nav-link:focus, .nav-tabs .active > .nav-link:hover, .nav-tabs .nav-link.open, .nav-tabs .nav-link.open:focus, .nav-tabs .nav-link.open:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover { .nav-tabs .active > .nav-link:focus,
color: #55595c; .nav-tabs .active > .nav-link:hover,
background-color: #fff; .nav-tabs .nav-link.open,
border-color: #ddd #ddd transparent; .nav-tabs .nav-link.open:focus,
} .nav-tabs .nav-link.open:hover,
.nav-tabs .disabled > .nav-link, .nav-tabs .disabled > .nav-link:focus, .nav-tabs .disabled > .nav-link:hover, .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover { .nav-tabs .nav-link.active,
color: #818a91; .nav-tabs .nav-link.active:focus,
background-color: transparent; .nav-tabs .nav-link.active:hover {
border-color: transparent; color: #55595c;
} background-color: #fff;
border-color: #ddd #ddd transparent; }
.nav-tabs .disabled > .nav-link,
.nav-tabs .disabled > .nav-link:focus,
.nav-tabs .disabled > .nav-link:hover,
.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link.disabled:focus,
.nav-tabs .nav-link.disabled:hover {
color: #818a91;
background-color: transparent;
border-color: transparent; }
.nav-pills .nav-item { .nav-pills .nav-item {
float: left; float: left; }
} .nav-pills .nav-item + .nav-item {
.nav-pills .nav-item + .nav-item { margin-left: .2rem; }
margin-left: .2rem;
}
.nav-pills .nav-link { .nav-pills .nav-link {
display: block; display: block;
border-radius: .25rem; border-radius: 0.25rem; }
}
.nav-pills .open > .nav-link, .nav-pills .open > .nav-link:focus, .nav-pills .open > .nav-link:hover, .nav-pills .active > .nav-link, .nav-pills .active > .nav-link:focus, .nav-pills .active > .nav-link:hover, .nav-pills .nav-link.open, .nav-pills .nav-link.open:focus, .nav-pills .nav-link.open:hover, .nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover { .nav-pills .open > .nav-link,
.nav-pills .open > .nav-link:focus,
.nav-pills .open > .nav-link:hover,
.nav-pills .active > .nav-link,
.nav-pills .active > .nav-link:focus,
.nav-pills .active > .nav-link:hover,
.nav-pills .nav-link.open,
.nav-pills .nav-link.open:focus,
.nav-pills .nav-link.open:hover,
.nav-pills .nav-link.active,
.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
color: #fff; color: #fff;
cursor: default; cursor: default;
background-color: #0275d8; background-color: #0275d8; }
}
.nav-stacked .nav-item { .nav-stacked .nav-item {
display: block; display: block;
float: none; float: none; }
} .nav-stacked .nav-item + .nav-item {
.nav-stacked .nav-item + .nav-item { margin-top: .2rem;
margin-top: .2rem; margin-left: 0; }
margin-left: 0;
}
.tab-content > .tab-pane { .tab-content > .tab-pane {
display: none; display: none; }
}
.tab-content > .active { .tab-content > .active {
display: block; display: block; }
}
.nav-tabs .dropdown-menu { .nav-tabs .dropdown-menu {
margin-top: -1px; margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
} border-top-left-radius: 0; }
.navbar { .navbar {
position: relative; position: relative;
padding: 1rem; padding: 1rem;
margin-bottom: 1; margin-bottom: 1; }
} .navbar:before,
.navbar:before, .navbar:after { .navbar:after {
display: table; content: " ";
content: " "; display: table; }
} .navbar:after {
.navbar:after { clear: both; }
clear: both; @media (min-width: 34em) {
} .navbar {
@media (min-width: 34em) { border-radius: 0.25rem; } }
.navbar {
border-radius: .25rem;
}
}
.navbar-static-top { .navbar-static-top {
z-index: 1000; z-index: 1000; }
} @media (min-width: 34em) {
@media (min-width: 34em) { .navbar-static-top {
.navbar-static-top { border-radius: 0; } }
border-radius: 0;
}
}
.navbar-fixed-top, .navbar-fixed-bottom { .navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed; position: fixed;
right: 0; right: 0;
left: 0; left: 0;
z-index: 1030; z-index: 1030;
margin-bottom: 0; margin-bottom: 0; }
} @media (min-width: 34em) {
@media (min-width: 34em) { .navbar-fixed-top,
.navbar-fixed-top, .navbar-fixed-bottom { .navbar-fixed-bottom {
border-radius: 0; border-radius: 0; } }
}
}
.navbar-fixed-top { .navbar-fixed-top {
top: 0; top: 0; }
}
.navbar-fixed-bottom { .navbar-fixed-bottom {
bottom: 0; bottom: 0; }
}
.navbar-sticky-top { .navbar-sticky-top {
position: -webkit-sticky; position: sticky;
position: sticky;
top: 0; top: 0;
z-index: 1030;
width: 100%; width: 100%;
} z-index: 1030; }
@media (min-width: 34em) { @media (min-width: 34em) {
.navbar-sticky-top { .navbar-sticky-top {
border-radius: 0; border-radius: 0; } }
}
}
.navbar-brand { .navbar-brand {
float: left; float: left;
padding: .625rem .75rem; padding: 0.625rem 0.75rem;
margin-right: 1rem; margin-right: 1rem;
margin-bottom: 0; margin-bottom: 0;
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1; line-height: 1; }
} .navbar-brand > a:focus,
.navbar-brand > a:focus, .navbar-brand > a:hover { .navbar-brand > a:hover {
text-decoration: none; text-decoration: none; }
} .navbar-brand > img {
.navbar-brand > img { display: block; }
display: block;
}
.navbar-toggler { .navbar-toggler {
padding: .55rem .75rem; padding: 0.55rem 0.75rem;
margin-right: 1rem; margin-right: 1rem;
margin-bottom: 0; margin-bottom: 0;
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1; line-height: 1;
background: none; background: none;
border: 0; border: 0; }
} .navbar-toggler:focus,
.navbar-toggler:focus, .navbar-toggler:hover { .navbar-toggler:hover {
text-decoration: none; text-decoration: none; }
}
@media (min-width: 34em) { @media (min-width: 34em) {
.navbar-toggleable-xs { .navbar-toggleable-xs {
display: block !important; display: block !important; } }
}
}
@media (min-width: 48em) { @media (min-width: 48em) {
.navbar-toggleable-sm { .navbar-toggleable-sm {
display: block !important; display: block !important; } }
}
}
.navbar-nav > li > .dropdown-menu { .navbar-nav > li > .dropdown-menu {
margin-top: 0; margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0; border-top-right-radius: 0;
} border-top-left-radius: 0; }
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
border-top-left-radius: .25rem; border-top-right-radius: 0.25rem;
border-top-right-radius: .25rem; border-top-left-radius: 0.25rem;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
}
.navbar-condensed { .navbar-condensed {
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0; }
} .navbar-condensed .navbar-brand {
.navbar-condensed .navbar-brand { padding-top: .95rem;
padding-top: .95rem; padding-bottom: .95rem; }
padding-bottom: .95rem; .navbar-condensed .form-inline {
} margin-top: .6rem; }
.navbar-condensed .form-inline {
margin-top: .6rem;
}
.navbar-nav .nav-item { .navbar-nav .nav-item {
float: left; float: left; }
}
.navbar-nav .nav-link { .navbar-nav .nav-link {
display: block; display: block;
padding-top: .95rem; padding-top: .95rem;
padding-bottom: .95rem; padding-bottom: .95rem;
line-height: 1.25; line-height: 1.25; }
}
.navbar-nav .open > .nav-link, .navbar-nav .open > .nav-link:focus, .navbar-nav .open > .nav-link:hover, .navbar-nav .active > .nav-link, .navbar-nav .active > .nav-link:focus, .navbar-nav .active > .nav-link:hover, .navbar-nav .nav-link.open, .navbar-nav .nav-link.open:focus, .navbar-nav .nav-link.open:hover, .navbar-nav .nav-link.active, .navbar-nav .nav-link.active:focus, .navbar-nav .nav-link.active:hover { .navbar-nav .open > .nav-link,
.navbar-nav .open > .nav-link:focus,
.navbar-nav .open > .nav-link:hover,
.navbar-nav .active > .nav-link,
.navbar-nav .active > .nav-link:focus,
.navbar-nav .active > .nav-link:hover,
.navbar-nav .nav-link.open,
.navbar-nav .nav-link.open:focus,
.navbar-nav .nav-link.open:hover,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.active:focus,
.navbar-nav .nav-link.active:hover {
color: #555; color: #555;
cursor: default; cursor: default;
background-color: #e7e7e7; background-color: #e7e7e7; }
}
.navbar-default { .navbar-default {
background-color: #f8f8f8; background-color: #f8f8f8;
border-color: #e7e7e7; border-color: #e7e7e7; }
} .navbar-default .navbar-brand {
.navbar-default .navbar-brand { color: #777; }
color: #777; .navbar-default .navbar-brand:focus,
} .navbar-default .navbar-brand:hover {
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e;
color: #5e5e5e; background-color: transparent; }
background-color: transparent;
}
.navbar-inverse { .navbar-inverse {
background-color: #373a3c; background-color: #373a3c;
border-color: #1f2021; border-color: #1f2021; }
} .navbar-inverse .navbar-toggler,
.navbar-inverse .navbar-toggler, .navbar-inverse .navbar-brand > a, .navbar-inverse .nav-pills > .nav-item > .nav-link { .navbar-inverse .navbar-brand > a,
color: #aab0b5; .navbar-inverse .nav-pills > .nav-item > .nav-link {
} color: #aab0b5; }
.navbar-inverse .navbar-toggler:focus, .navbar-inverse .navbar-toggler:hover, .navbar-inverse .navbar-brand > a:focus, .navbar-inverse .navbar-brand > a:hover, .navbar-inverse .nav-pills > .nav-item > .nav-link:focus, .navbar-inverse .nav-pills > .nav-item > .nav-link:hover { .navbar-inverse .navbar-toggler:focus,
color: #fff; .navbar-inverse .navbar-toggler:hover,
} .navbar-inverse .navbar-brand > a:focus,
.navbar-inverse .nav-pills > .nav-item > .nav-link:focus, .navbar-inverse .nav-pills > .nav-item > .nav-link:hover { .navbar-inverse .navbar-brand > a:hover,
color: #fff; .navbar-inverse .nav-pills > .nav-item > .nav-link:focus,
background-color: #1f2021; .navbar-inverse .nav-pills > .nav-item > .nav-link:hover {
} color: #fff; }
.navbar-inverse .nav-pills > .active > .nav-link, .navbar-inverse .nav-pills > .nav-link.active { .navbar-inverse .nav-pills > .nav-item > .nav-link:focus,
color: #fff; .navbar-inverse .nav-pills > .nav-item > .nav-link:hover {
background-color: #1f2021; color: #fff;
} background-color: #1f2021; }
.navbar-inverse .navbar-brand { .navbar-inverse .nav-pills > .active > .nav-link,
color: #aab0b5; .navbar-inverse .nav-pills > .nav-link.active {
} color: #fff;
.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { background-color: #1f2021; }
color: #fff; .navbar-inverse .navbar-brand {
background-color: transparent; color: #aab0b5; }
} .navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-text { .navbar-inverse .navbar-brand:hover {
color: #a2a8ae; color: #fff;
} background-color: transparent; }
.navbar-inverse .navbar-nav > li > a { .navbar-inverse .navbar-text {
color: #aab0b5; color: #a2a8ae; }
} .navbar-inverse .navbar-nav > li > a {
.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #aab0b5; }
color: #fff; .navbar-inverse .navbar-nav > li > a:focus,
background-color: transparent; .navbar-inverse .navbar-nav > li > a:hover {
} color: #fff;
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { background-color: transparent; }
color: #fff; .navbar-inverse .navbar-nav > .active > a,
background-color: #1f2021; .navbar-inverse .navbar-nav > .active > a:focus,
} .navbar-inverse .navbar-nav > .active > a:hover {
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover { color: #fff;
color: #444; background-color: #1f2021; }
background-color: transparent; .navbar-inverse .navbar-nav > .disabled > a,
} .navbar-inverse .navbar-nav > .disabled > a:focus,
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { .navbar-inverse .navbar-nav > .disabled > a:hover {
border-color: #262829; color: #444;
} background-color: transparent; }
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { .navbar-inverse .navbar-collapse,
color: #fff; .navbar-inverse .navbar-form {
background-color: #1f2021; border-color: #262829; }
} .navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-link { .navbar-inverse .navbar-nav > .open > a:focus,
color: #aab0b5; .navbar-inverse .navbar-nav > .open > a:hover {
} color: #fff;
.navbar-inverse .navbar-link:hover { background-color: #1f2021; }
color: #fff; .navbar-inverse .navbar-link {
} color: #aab0b5; }
.navbar-inverse .btn-link { .navbar-inverse .navbar-link:hover {
color: #aab0b5; color: #fff; }
} .navbar-inverse .btn-link {
.navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: #aab0b5; }
color: #fff; .navbar-inverse .btn-link:focus,
} .navbar-inverse .btn-link:hover {
.navbar-inverse .btn-link:disabled:focus, .navbar-inverse .btn-link:disabled:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: #fff; }
color: #444; .navbar-inverse .btn-link:disabled:focus,
} .navbar-inverse .btn-link:disabled:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover {
color: #444; }
.card { .card {
position: relative; position: relative;
padding: 1.25rem; padding: 1.25rem;
margin-bottom: 1.25rem; margin-bottom: 1.25rem;
border: .075rem solid #eee; border: .075rem solid #eee; }
}
.card-title { .card-title {
margin-top: 0; margin-top: 0;
margin-bottom: .75rem; margin-bottom: .75rem; }
}
.card-text:last-child { .card-text:last-child {
margin-bottom: 0; margin-bottom: 0; }
}
.card-actions .card-link + .card-link { .card-actions .card-link + .card-link {
margin-left: .75rem; margin-left: .75rem; }
}
.card-link:hover { .card-link:hover {
text-decoration: none; text-decoration: none; }
}
.card-header { .card-header {
padding: .75rem 1.25rem; padding: 0.75rem 1.25rem;
margin: -1.25rem -1.25rem 1.25rem; margin: -1.25rem -1.25rem 1.25rem;
border-bottom: .075rem solid #eee; border-bottom: .075rem solid #eee;
border-radius: .25rem .25rem 0 0; border-radius: 0.25rem 0.25rem 0 0; }
}
.card-footer { .card-footer {
padding: .75rem 1.25rem; padding: 0.75rem 1.25rem;
margin: 1.25rem -1.25rem -1.25rem; margin: 1.25rem -1.25rem -1.25rem;
border-top: .075rem solid #eee; border-top: .075rem solid #eee;
border-radius: 0 0 .25rem .25rem; border-radius: 0 0 0.25rem 0.25rem; }
}
.card-primary { .card-primary {
background-color: #0275d8; background-color: #0275d8;
border-color: #0275d8; border-color: #0275d8; }
}
.card-success { .card-success {
background-color: #5cb85c; background-color: #5cb85c;
border-color: #5cb85c; border-color: #5cb85c; }
}
.card-info { .card-info {
background-color: #5bc0de; background-color: #5bc0de;
border-color: #5bc0de; border-color: #5bc0de; }
}
.card-warning { .card-warning {
background-color: #f0ad4e; background-color: #f0ad4e;
border-color: #f0ad4e; border-color: #f0ad4e; }
}
.card-danger { .card-danger {
background-color: #d9534f; background-color: #d9534f;
border-color: #d9534f; border-color: #d9534f; }
}
.card-inverse .card-header, .card-inverse .card-footer { .card-inverse .card-header,
border-bottom: .075rem solid rgba(255, 255, 255, .2); .card-inverse .card-footer {
} border-bottom: 0.075rem solid rgba(255, 255, 255, 0.2); }
.card-inverse .card-header, .card-inverse .card-footer, .card-inverse .card-title, .card-inverse .card-blockquote {
color: #fff; .card-inverse .card-header,
} .card-inverse .card-footer,
.card-inverse .card-link, .card-inverse .card-text, .card-inverse .card-blockquote > footer { .card-inverse .card-title,
color: rgba(255, 255, 255, .65); .card-inverse .card-blockquote {
} color: #fff; }
.card-inverse .card-link:focus, .card-inverse .card-link:hover {
color: #fff; .card-inverse .card-link,
} .card-inverse .card-text,
.card-inverse .card-blockquote > footer {
color: rgba(255, 255, 255, 0.65); }
.card-inverse .card-link:focus,
.card-inverse .card-link:hover {
color: #fff; }
.card-blockquote { .card-blockquote {
padding: 0; padding: 0;
margin-bottom: 0; margin-bottom: 0;
border-left: 0; border-left: 0; }
}
.card-img { .card-img {
margin: -1.325rem; margin: -1.325rem;
border-radius: .25rem; border-radius: 0.25rem; }
}
.card-img-overlay { .card-img-overlay {
position: absolute; position: absolute;
@ -3753,206 +3108,199 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
right: 0; right: 0;
bottom: 0; bottom: 0;
left: 0; left: 0;
padding: 1.25rem; padding: 1.25rem; }
}
.card-img-top { .card-img-top {
margin: -1.325rem -1.325rem 1.25rem; margin: -1.325rem -1.325rem 1.25rem;
border-radius: .25rem .25rem 0 0; border-radius: 0.25rem 0.25rem 0 0; }
}
.card-img-bottom { .card-img-bottom {
margin: 1.25rem -1.325rem -1.325rem; margin: 1.25rem -1.325rem -1.325rem;
border-radius: 0 0 .25rem .25rem; border-radius: 0 0 0.25rem 0.25rem; }
}
.card-set { .card-set {
display: table; display: table;
table-layout: fixed; table-layout: fixed;
border-spacing: 1.25rem 0; border-spacing: 1.25rem 0; }
} .card-set .card {
.card-set .card { display: table-cell;
display: table-cell; float: none;
float: none; max-width: none; }
max-width: none;
}
.card-set-wrapper { .card-set-wrapper {
margin-right: -1.25rem; margin-right: -1.25rem;
margin-left: -1.25rem; margin-left: -1.25rem; }
}
.card-group { .card-group {
display: table; display: table;
width: 100%; width: 100%;
table-layout: fixed; table-layout: fixed; }
} .card-group .card {
.card-group .card { display: table-cell;
display: table-cell; float: none;
float: none; max-width: none; }
max-width: none; .card-group .card + .card {
} margin-left: 0;
.card-group .card + .card { border-left: 0; }
margin-left: 0;
border-left: 0;
}
.card-columns { .card-columns {
-webkit-column-count: 3; column-count: 3;
-moz-column-count: 3; column-gap: 1rem; }
column-count: 3; .card-columns .card {
-webkit-column-gap: 1rem; display: inline-block;
-moz-column-gap: 1rem; width: 100%; }
column-gap: 1rem;
}
.card-columns .card {
display: inline-block;
width: 100%;
}
.breadcrumb { .breadcrumb {
padding: .75rem 1rem; padding: 0.75rem 1rem;
margin-bottom: 1rem; margin-bottom: 1rem;
list-style: none; list-style: none;
background-color: #eceeef; background-color: #eceeef;
border-radius: .25rem; border-radius: 0.25rem; }
} .breadcrumb > li {
.breadcrumb > li { display: inline-block; }
display: inline-block; .breadcrumb > li + li:before {
} padding-right: .5rem;
.breadcrumb > li + li:before { padding-left: .5rem;
padding-right: .5rem; color: #818a91;
padding-left: .5rem; content: "/ "; }
color: #818a91; .breadcrumb > .active {
content: "/\00a0"; color: #818a91; }
}
.breadcrumb > .active {
color: #818a91;
}
.pagination { .pagination {
display: inline-block; display: inline-block;
padding-left: 0; padding-left: 0;
margin-top: 1rem;
margin-bottom: 1rem;
margin: 1 0; margin: 1 0;
border-radius: .25rem; border-radius: 0.25rem; }
} .pagination > li {
.pagination > li { display: inline; }
display: inline; .pagination > li > a,
} .pagination > li > span {
.pagination > li > a, .pagination > li > span { position: relative;
position: relative; float: left;
float: left; padding: 0.5rem 0.75rem;
padding: .5rem .75rem; margin-left: -1px;
margin-left: -1px; line-height: 1.5;
line-height: 1.5; color: #0275d8;
color: #0275d8; text-decoration: none;
text-decoration: none; background-color: #fff;
background-color: #fff; border: 1px solid #ddd; }
border: 1px solid #ddd; .pagination > li:first-child > a,
} .pagination > li:first-child > span {
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0;
margin-left: 0; border-bottom-left-radius: 0.25rem;
border-top-left-radius: .25rem; border-top-left-radius: 0.25rem; }
border-bottom-left-radius: .25rem; .pagination > li:last-child > a,
} .pagination > li:last-child > span {
.pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0.25rem;
border-top-right-radius: .25rem; border-top-right-radius: 0.25rem; }
border-bottom-right-radius: .25rem; .pagination > li > a:focus,
} .pagination > li > a:hover,
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { .pagination > li > span:focus,
color: #014c8c; .pagination > li > span:hover {
background-color: #eceeef; color: #014c8c;
border-color: #ddd; background-color: #eceeef;
} border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { .pagination > .active > a,
z-index: 2; .pagination > .active > a:focus,
color: #fff; .pagination > .active > a:hover,
cursor: default; .pagination > .active > span,
background-color: #0275d8; .pagination > .active > span:focus,
border-color: #0275d8; .pagination > .active > span:hover {
} z-index: 2;
.pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover, .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover { color: #fff;
color: #818a91; cursor: default;
cursor: false; background-color: #0275d8;
background-color: #fff; border-color: #0275d8; }
border-color: #ddd; .pagination > .disabled > span,
} .pagination > .disabled > span:focus,
.pagination > .disabled > span:hover,
.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover {
color: #818a91;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd; }
.pagination-lg > li > a, .pagination-lg > li > span { .pagination-lg > li > a,
padding: .75rem 1.5rem; .pagination-lg > li > span {
font-size: 1.25rem; padding: 0.75rem 1.5rem;
} font-size: 1.25rem; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
border-top-left-radius: .3rem;
border-bottom-left-radius: .3rem;
}
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
border-top-right-radius: .3rem;
border-bottom-right-radius: .3rem;
}
.pagination-sm > li > a, .pagination-sm > li > span { .pagination-lg > li:first-child > a,
padding: .3rem .75rem; .pagination-lg > li:first-child > span {
font-size: .85rem; border-bottom-left-radius: 0.3rem;
} border-top-left-radius: 0.3rem; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
border-top-left-radius: .2rem; .pagination-lg > li:last-child > a,
border-bottom-left-radius: .2rem; .pagination-lg > li:last-child > span {
} border-bottom-right-radius: 0.3rem;
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 0.3rem; }
border-top-right-radius: .2rem;
border-bottom-right-radius: .2rem; .pagination-sm > li > a,
} .pagination-sm > li > span {
padding: 0.3rem 0.75rem;
font-size: 0.85rem; }
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-bottom-left-radius: 0.2rem;
border-top-left-radius: 0.2rem; }
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-bottom-right-radius: 0.2rem;
border-top-right-radius: 0.2rem; }
.pager { .pager {
padding-left: 0; padding-left: 0;
margin: 1 0; margin-top: 1rem;
margin-bottom: 1rem;
text-align: center; text-align: center;
list-style: none; list-style: none; }
} .pager:before,
.pager:before, .pager:after { .pager:after {
display: table; content: " ";
content: " "; display: table; }
} .pager:after {
.pager:after { clear: both; }
clear: both; .pager li {
} display: inline; }
.pager li { .pager li > a,
display: inline; .pager li > span {
} display: inline-block;
.pager li > a, .pager li > span { padding: 5px 14px;
display: inline-block; background-color: #fff;
padding: 5px 14px; border: 1px solid #ddd;
background-color: #fff; border-radius: 15px; }
border: 1px solid #ddd; .pager li > a:focus,
border-radius: 15px; .pager li > a:hover {
} text-decoration: none;
.pager li > a:focus, .pager li > a:hover { background-color: #eceeef; }
text-decoration: none; .pager .disabled > a,
background-color: #eceeef; .pager .disabled > a:focus,
} .pager .disabled > a:hover {
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover { color: #818a91;
color: #818a91; cursor: not-allowed;
cursor: false; background-color: #fff; }
background-color: #fff; .pager .disabled > span {
} color: #818a91;
.pager .disabled > span { cursor: not-allowed;
color: #818a91; background-color: #fff; }
cursor: false;
background-color: #fff;
}
.pager-next > a, .pager-next > span { .pager-next > a,
float: right; .pager-next > span {
} float: right; }
.pager-prev > a, .pager-prev > span { .pager-prev > a,
float: left; .pager-prev > span {
} float: left; }
.label { .label {
display: inline-block; display: inline-block;
padding: .25em .4em; padding: 0.25em 0.4em;
font-size: 75%; font-size: 75%;
font-weight: bold; font-weight: bold;
line-height: 1; line-height: 1;
@ -3960,63 +3308,54 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
vertical-align: baseline; vertical-align: baseline;
border-radius: .25rem; border-radius: 0.25rem; }
} .label:empty {
.label:empty { display: none; }
display: none; .btn .label {
} position: relative;
.btn .label { top: -1px; }
position: relative;
top: -1px;
}
a.label:focus, a.label:hover { a.label:focus,
a.label:hover {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer; }
}
.label-default { .label-default {
background-color: #818a91; background-color: #818a91; }
} .label-default[href]:focus,
.label-default[href]:focus, .label-default[href]:hover { .label-default[href]:hover {
background-color: #687077; background-color: #687077; }
}
.label-primary { .label-primary {
background-color: #0275d8; background-color: #0275d8; }
} .label-primary[href]:focus,
.label-primary[href]:focus, .label-primary[href]:hover { .label-primary[href]:hover {
background-color: #025aa5; background-color: #025aa5; }
}
.label-success { .label-success {
background-color: #5cb85c; background-color: #5cb85c; }
} .label-success[href]:focus,
.label-success[href]:focus, .label-success[href]:hover { .label-success[href]:hover {
background-color: #449d44; background-color: #449d44; }
}
.label-info { .label-info {
background-color: #5bc0de; background-color: #5bc0de; }
} .label-info[href]:focus,
.label-info[href]:focus, .label-info[href]:hover { .label-info[href]:hover {
background-color: #31b0d5; background-color: #31b0d5; }
}
.label-warning { .label-warning {
background-color: #f0ad4e; background-color: #f0ad4e; }
} .label-warning[href]:focus,
.label-warning[href]:focus, .label-warning[href]:hover { .label-warning[href]:hover {
background-color: #ec971f; background-color: #ec971f; }
}
.label-danger { .label-danger {
background-color: #d9534f; background-color: #d9534f; }
} .label-danger[href]:focus,
.label-danger[href]:focus, .label-danger[href]:hover { .label-danger[href]:hover {
background-color: #c9302c; background-color: #c9302c; }
}
.badge { .badge {
position: relative; position: relative;
@ -4030,362 +3369,260 @@ a.label:focus, a.label:hover {
text-align: center; text-align: center;
white-space: nowrap; white-space: nowrap;
background-color: #818a91; background-color: #818a91;
border-radius: 2em; border-radius: 2em; }
} .badge:empty {
.badge:empty { display: none; }
display: none; .badge.pull-left,
} .badge.pull-right {
.badge.pull-left, .badge.pull-right { top: .2em; }
top: .2em; .list-group-item.active > .badge,
} .nav-pills > .active > a > .badge {
.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #0275d8;
color: #0275d8; background-color: #fff; }
background-color: #fff; .list-group-item > .badge {
} float: right; }
.list-group-item > .badge { .list-group-item > .badge + .badge {
float: right; margin-right: 5px; }
} .nav-pills > li > a > .badge {
.list-group-item > .badge + .badge { margin-left: 3px; }
margin-right: 5px;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
a.badge:focus, a.badge:hover { a.badge:focus,
a.badge:hover {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer; }
}
.jumbotron { .jumbotron {
padding: 2rem 1rem; padding: 2rem 1rem;
margin-bottom: 2rem; margin-bottom: 2rem;
color: inherit; color: inherit;
background-color: #eceeef; background-color: #eceeef;
border-radius: .3rem; border-radius: 0.3rem; }
}
.jumbotron-heading { .jumbotron-heading {
color: inherit; color: inherit; }
}
.jumbotron-hr { .jumbotron-hr {
border-top-color: #d0d5d8; border-top-color: #d0d5d8; }
}
@media (min-width: 34em) { @media (min-width: 34em) {
.jumbotron { .jumbotron {
padding: 4rem 2rem; padding: 4rem 2rem; }
}
.jumbotron-heading { .jumbotron-heading {
font-size: 4.5rem; font-size: 4.5rem; } }
}
}
.jumbotron-fluid { .jumbotron-fluid {
padding-right: 0; padding-right: 0;
padding-left: 0; padding-left: 0;
border-radius: 0; border-radius: 0; }
}
.alert { .alert {
padding: 15px; padding: 15px;
margin-bottom: 1rem; margin-bottom: 1rem;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: .25rem; border-radius: 0.25rem; }
} .alert > p,
.alert > p, .alert > ul { .alert > ul {
margin-bottom: 0; margin-bottom: 0; }
} .alert > p + p {
.alert > p + p { margin-top: 5px; }
margin-top: 5px;
}
.alert-heading { .alert-heading {
margin-top: 0; margin-top: 0;
color: inherit; color: inherit; }
}
.alert-link { .alert-link {
font-weight: bold; font-weight: bold; }
}
.alert-dismissible { .alert-dismissible {
padding-right: 35px; padding-right: 35px; }
} .alert-dismissible .close {
.alert-dismissible .close { position: relative;
position: relative; top: -2px;
top: -2px; right: -21px;
right: -21px; color: inherit; }
color: inherit;
}
.alert-success { .alert-success {
color: #3c763d;
background-color: #dff0d8; background-color: #dff0d8;
border-color: #d0e9c6; border-color: #d0e9c6;
} color: #3c763d; }
.alert-success hr { .alert-success hr {
border-top-color: #c1e2b3; border-top-color: #c1e2b3; }
} .alert-success .alert-link {
.alert-success .alert-link { color: #2b542c; }
color: #2b542c;
}
.alert-info { .alert-info {
color: #31708f;
background-color: #d9edf7; background-color: #d9edf7;
border-color: #bcdff1; border-color: #bcdff1;
} color: #31708f; }
.alert-info hr { .alert-info hr {
border-top-color: #a6d5ec; border-top-color: #a6d5ec; }
} .alert-info .alert-link {
.alert-info .alert-link { color: #245269; }
color: #245269;
}
.alert-warning { .alert-warning {
color: #8a6d3b;
background-color: #fcf8e3; background-color: #fcf8e3;
border-color: #faf2cc; border-color: #faf2cc;
} color: #8a6d3b; }
.alert-warning hr { .alert-warning hr {
border-top-color: #f7ecb5; border-top-color: #f7ecb5; }
} .alert-warning .alert-link {
.alert-warning .alert-link { color: #66512c; }
color: #66512c;
}
.alert-danger { .alert-danger {
color: #a94442;
background-color: #f2dede; background-color: #f2dede;
border-color: #ebcccc; border-color: #ebcccc;
} color: #a94442; }
.alert-danger hr { .alert-danger hr {
border-top-color: #e4b9b9; border-top-color: #e4b9b9; }
} .alert-danger .alert-link {
.alert-danger .alert-link { color: #843534; }
color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 1 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 1 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes { @keyframes progress-bar-stripes {
from { from {
background-position: 1 0; background-position: 1rem 0; }
}
to { to {
background-position: 0 0; background-position: 0 0; } }
}
}
.progress { .progress {
display: block; display: block;
width: 100%; width: 100%;
height: 1; height: 1rem;
margin-bottom: 1; margin-bottom: 1rem; }
}
.progress[value] { .progress[value] {
color: #0074d9; color: #0074d9;
border: 0; border: 0;
appearance: none; }
appearance: none;
}
.progress[value]::-webkit-progress-bar { .progress[value]::-webkit-progress-bar {
background-color: #eee; background-color: #eee;
border-radius: .25rem; border-radius: 0.25rem; }
}
.progress[value]::-webkit-progress-value::before { .progress[value]::-webkit-progress-value::before {
content: attr(value); content: attr(value); }
}
.progress[value]::-webkit-progress-value { .progress[value]::-webkit-progress-value {
background-color: #0074d9; background-color: #0074d9;
border-top-left-radius: .25rem; border-top-left-radius: 0.25rem;
border-bottom-left-radius: .25rem; border-bottom-left-radius: 0.25rem; }
}
.progress[value="100"]::-webkit-progress-value { .progress[value="100"]::-webkit-progress-value {
border-top-right-radius: .25rem; border-top-right-radius: 0.25rem;
border-bottom-right-radius: .25rem; border-bottom-right-radius: 0.25rem; }
}
@media screen and ("min-width:0\0") { @media screen and ("min-width:0<EFBFBD>") {
.progress { .progress {
background-color: #eee; background-color: #eee;
border-radius: .25rem; border-radius: 0.25rem; }
}
.progress-bar { .progress-bar {
display: inline-block; display: inline-block;
height: 1; height: 1rem;
text-indent: -999rem; text-indent: -999rem;
background-color: #0074d9; background-color: #0074d9;
border-top-left-radius: .25rem; border-top-left-radius: 0.25rem;
border-bottom-left-radius: .25rem; border-bottom-left-radius: 0.25rem; }
}
.progress[width^="0"] { .progress[width^="0"] {
min-width: 2rem; min-width: 2rem;
color: #818a91; color: #818a91;
background-color: transparent; background-color: transparent;
background-image: none; background-image: none; }
}
.progress[width="100%"] { .progress[width="100%"] {
border-top-right-radius: .25rem; border-top-right-radius: 0.25rem;
border-bottom-right-radius: .25rem; border-bottom-right-radius: 0.25rem; } }
}
}
.progress-striped[value]::-webkit-progress-value { .progress-striped[value]::-webkit-progress-value {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .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-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; }
-webkit-background-size: 1 1;
background-size: 1 1;
}
.progress-striped[value]::-moz-progress-bar { .progress-striped[value]::-moz-progress-bar {
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .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: 1 1; background-size: 1rem 1rem; }
}
@media screen and ("min-width:0\0") { @media screen and ("min-width:0<EFBFBD>") {
.progress-bar-striped { .progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .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-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 1rem 1rem; } }
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-webkit-background-size: 1 1;
background-size: 1 1;
}
}
.progress-animated[value]::-webkit-progress-value { .progress-animated[value]::-webkit-progress-value {
-webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }
animation: progress-bar-stripes 2s linear infinite;
}
.progress-animated[value]::-moz-progress-bar { .progress-animated[value]::-moz-progress-bar {
animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; }
}
@media screen and ("min-width:0\0") { @media screen and ("min-width:0<EFBFBD>") {
.progress-animated .progress-bar-striped { .progress-animated .progress-bar-striped {
-webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } }
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
}
.progress-success[value]::-webkit-progress-value { .progress-success[value]::-webkit-progress-value {
background-color: #5cb85c; background-color: #5cb85c; }
}
.progress-success[value]::-moz-progress-bar { .progress-success[value]::-moz-progress-bar {
background-color: #5cb85c; background-color: #5cb85c; }
}
@media screen and ("min-width:0\0") { @media screen and ("min-width:0<EFBFBD>") {
.progress-success .progress-bar { .progress-success .progress-bar {
background-color: #5cb85c; background-color: #5cb85c; } }
}
}
.progress-info[value]::-webkit-progress-value { .progress-info[value]::-webkit-progress-value {
background-color: #5bc0de; background-color: #5bc0de; }
}
.progress-info[value]::-moz-progress-bar { .progress-info[value]::-moz-progress-bar {
background-color: #5bc0de; background-color: #5bc0de; }
}
@media screen and ("min-width:0\0") { @media screen and ("min-width:0<EFBFBD>") {
.progress-info .progress-bar { .progress-info .progress-bar {
background-color: #5bc0de; background-color: #5bc0de; } }
}
}
.progress-warning[value]::-webkit-progress-value { .progress-warning[value]::-webkit-progress-value {
background-color: #f0ad4e; background-color: #f0ad4e; }
}
.progress-warning[value]::-moz-progress-bar { .progress-warning[value]::-moz-progress-bar {
background-color: #f0ad4e; background-color: #f0ad4e; }
}
@media screen and ("min-width:0\0") { @media screen and ("min-width:0<EFBFBD>") {
.progress-warning .progress-bar { .progress-warning .progress-bar {
background-color: #f0ad4e; background-color: #f0ad4e; } }
}
}
.progress-danger[value]::-webkit-progress-value { .progress-danger[value]::-webkit-progress-value {
background-color: #d9534f; background-color: #d9534f; }
}
.progress-danger[value]::-moz-progress-bar { .progress-danger[value]::-moz-progress-bar {
background-color: #d9534f; background-color: #d9534f; }
}
@media screen and ("min-width:0\0") { @media screen and ("min-width:0<EFBFBD>") {
.progress-danger .progress-bar { .progress-danger .progress-bar {
background-color: #d9534f; background-color: #d9534f; } }
}
}
.media { .media {
display: -webkit-box; display: flex;
display: -webkit-flex; margin-bottom: 1rem; }
display: -ms-flexbox;
display: flex;
margin-bottom: 1rem;
}
.media-body { .media-body {
-webkit-box-flex: 1; flex: 1; }
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.media-object { .media-object {
display: block; display: block; }
}
.media-right, .media > .pull-right { .media-right,
padding-left: 10px; .media > .pull-right {
} padding-left: 10px; }
.media-left, .media > .pull-left { .media-left,
padding-right: 10px; .media > .pull-left {
} padding-right: 10px; }
.media-heading { .media-heading {
margin-top: 0; margin-top: 0;
margin-bottom: 5px; margin-bottom: 5px; }
}
.media-list { .media-list {
padding-left: 0; padding-left: 0;
list-style: none; list-style: none; }
}
.list-group { .list-group {
padding-left: 0; padding-left: 0;
margin-bottom: 20px; margin-bottom: 20px; }
}
.list-group-item { .list-group-item {
position: relative; position: relative;
@ -4393,172 +3630,170 @@ a.badge:focus, a.badge:hover {
padding: 10px 15px; padding: 10px 15px;
margin-bottom: -1px; margin-bottom: -1px;
background-color: #fff; background-color: #fff;
border: 1px solid #ddd; border: 1px solid #ddd; }
} .list-group-item:first-child {
.list-group-item:first-child { border-top-right-radius: 0.25rem;
border-top-left-radius: .25rem; border-top-left-radius: 0.25rem; }
border-top-right-radius: .25rem; .list-group-item:last-child {
} margin-bottom: 0;
.list-group-item:last-child { border-bottom-right-radius: 0.25rem;
margin-bottom: 0; border-bottom-left-radius: 0.25rem; }
border-bottom-right-radius: .25rem;
border-bottom-left-radius: .25rem;
}
a.list-group-item { a.list-group-item {
color: #555; color: #555; }
} a.list-group-item .list-group-item-heading {
a.list-group-item .list-group-item-heading { color: #333; }
color: #333; a.list-group-item:focus,
} a.list-group-item:hover {
a.list-group-item:focus, a.list-group-item:hover { color: #555;
color: #555; text-decoration: none;
text-decoration: none; background-color: #f5f5f5; }
background-color: #f5f5f5;
}
.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { .list-group-item.disabled,
.list-group-item.disabled:focus,
.list-group-item.disabled:hover {
color: #818a91; color: #818a91;
cursor: false; cursor: not-allowed;
background-color: #eceeef; background-color: #eceeef; }
} .list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { .list-group-item.disabled:focus .list-group-item-heading,
color: inherit; .list-group-item.disabled:hover .list-group-item-heading {
} color: inherit; }
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { .list-group-item.disabled .list-group-item-text,
color: #818a91; .list-group-item.disabled:focus .list-group-item-text,
} .list-group-item.disabled:hover .list-group-item-text {
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { color: #818a91; }
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
z-index: 2; z-index: 2;
color: #fff; color: #fff;
background-color: #0275d8; background-color: #0275d8;
border-color: #0275d8; border-color: #0275d8; }
} .list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small { .list-group-item.active .list-group-item-heading > small,
color: inherit; .list-group-item.active .list-group-item-heading > .small,
} .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { .list-group-item.active:focus .list-group-item-heading > small,
color: #a8d6fe; .list-group-item.active:focus .list-group-item-heading > .small,
} .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small {
color: inherit; }
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
color: #a8d6fe; }
.list-group-item-state { .list-group-item-state {
color: #3c763d; color: #3c763d;
background-color: #dff0d8; background-color: #dff0d8; }
}
a.list-group-item-state { a.list-group-item-state {
color: #3c763d; color: #3c763d; }
} a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading { color: inherit; }
color: inherit; a.list-group-item-state:focus,
} a.list-group-item-state:hover {
a.list-group-item-state:focus, a.list-group-item-state:hover { color: #3c763d;
color: #3c763d; background-color: #d0e9c6; }
background-color: #d0e9c6; a.list-group-item-state.active,
} a.list-group-item-state.active:focus,
a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover { a.list-group-item-state.active:hover {
color: #fff; color: #fff;
background-color: #3c763d; background-color: #3c763d;
border-color: #3c763d; border-color: #3c763d; }
}
.list-group-item-state { .list-group-item-state {
color: #31708f; color: #31708f;
background-color: #d9edf7; background-color: #d9edf7; }
}
a.list-group-item-state { a.list-group-item-state {
color: #31708f; color: #31708f; }
} a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading { color: inherit; }
color: inherit; a.list-group-item-state:focus,
} a.list-group-item-state:hover {
a.list-group-item-state:focus, a.list-group-item-state:hover { color: #31708f;
color: #31708f; background-color: #c4e3f3; }
background-color: #c4e3f3; a.list-group-item-state.active,
} a.list-group-item-state.active:focus,
a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover { a.list-group-item-state.active:hover {
color: #fff; color: #fff;
background-color: #31708f; background-color: #31708f;
border-color: #31708f; border-color: #31708f; }
}
.list-group-item-state { .list-group-item-state {
color: #8a6d3b; color: #8a6d3b;
background-color: #fcf8e3; background-color: #fcf8e3; }
}
a.list-group-item-state { a.list-group-item-state {
color: #8a6d3b; color: #8a6d3b; }
} a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading { color: inherit; }
color: inherit; a.list-group-item-state:focus,
} a.list-group-item-state:hover {
a.list-group-item-state:focus, a.list-group-item-state:hover { color: #8a6d3b;
color: #8a6d3b; background-color: #faf2cc; }
background-color: #faf2cc; a.list-group-item-state.active,
} a.list-group-item-state.active:focus,
a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover { a.list-group-item-state.active:hover {
color: #fff; color: #fff;
background-color: #8a6d3b; background-color: #8a6d3b;
border-color: #8a6d3b; border-color: #8a6d3b; }
}
.list-group-item-state { .list-group-item-state {
color: #a94442; color: #a94442;
background-color: #f2dede; background-color: #f2dede; }
}
a.list-group-item-state { a.list-group-item-state {
color: #a94442; color: #a94442; }
} a.list-group-item-state .list-group-item-heading {
a.list-group-item-state .list-group-item-heading { color: inherit; }
color: inherit; a.list-group-item-state:focus,
} a.list-group-item-state:hover {
a.list-group-item-state:focus, a.list-group-item-state:hover { color: #a94442;
color: #a94442; background-color: #ebcccc; }
background-color: #ebcccc; a.list-group-item-state.active,
} a.list-group-item-state.active:focus,
a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover { a.list-group-item-state.active:hover {
color: #fff; color: #fff;
background-color: #a94442; background-color: #a94442;
border-color: #a94442; border-color: #a94442; }
}
.list-group-item-heading { .list-group-item-heading {
margin-top: 0; margin-top: 0;
margin-bottom: 5px; margin-bottom: 5px; }
}
.list-group-item-text { .list-group-item-text {
margin-bottom: 0; margin-bottom: 0;
line-height: 1.3; line-height: 1.3; }
}
.embed-responsive { .embed-responsive {
position: relative; position: relative;
display: block; display: block;
height: 0; height: 0;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden; }
} .embed-responsive .embed-responsive-item,
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { .embed-responsive iframe,
position: absolute; .embed-responsive embed,
top: 0; .embed-responsive object,
bottom: 0; .embed-responsive video {
left: 0; position: absolute;
width: 100%; top: 0;
height: 100%; bottom: 0;
border: 0; left: 0;
} width: 100%;
height: 100%;
border: 0; }
.embed-responsive-16by9 { .embed-responsive-16by9 {
padding-bottom: 56.25%; padding-bottom: 56.25%; }
}
.embed-responsive-4by3 { .embed-responsive-4by3 {
padding-bottom: 75%; padding-bottom: 75%; }
}
.close { .close {
float: right; float: right;
@ -4567,26 +3802,23 @@ a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-gro
line-height: 1; line-height: 1;
color: #000; color: #000;
text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff;
opacity: .2; opacity: .2; }
} .close:focus,
.close:focus, .close:hover { .close:hover {
color: #000; color: #000;
text-decoration: none; text-decoration: none;
cursor: pointer; cursor: pointer;
opacity: .5; opacity: .5; }
}
button.close { button.close {
-webkit-appearance: none;
padding: 0; padding: 0;
cursor: pointer; cursor: pointer;
background: transparent; background: transparent;
border: 0; border: 0;
} -webkit-appearance: none; }
.modal-open { .modal-open {
overflow: hidden; overflow: hidden; }
}
.modal { .modal {
position: fixed; position: fixed;
@ -4597,42 +3829,29 @@ button.close {
z-index: 1050; z-index: 1050;
display: none; display: none;
overflow: hidden; overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0; outline: 0;
} -webkit-overflow-scrolling: touch; }
.modal.fade .modal-dialog { .modal.fade .modal-dialog {
-webkit-transform: transition .3s ease-out, translate(0, -25%); transform: transition 0.3s ease-out, translate(0, -25%); }
-ms-transform: transition .3s ease-out, translate(0, -25%); .modal.in .modal-dialog {
-o-transform: transition .3s ease-out, translate(0, -25%); transform: translate(0, 0); }
transform: transition .3s ease-out, translate(0, -25%);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal { .modal-open .modal {
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto; }
}
.modal-dialog { .modal-dialog {
position: relative; position: relative;
width: auto; width: auto;
margin: 10px; margin: 10px; }
}
.modal-content { .modal-content {
position: relative; position: relative;
background-color: #fff; background-color: #fff;
-webkit-background-clip: padding-box; background-clip: padding-box;
background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, .2); border-radius: 0.3rem;
border-radius: .3rem; outline: 0; }
outline: 0;
}
.modal-backdrop { .modal-backdrop {
position: fixed; position: fixed;
@ -4641,115 +3860,119 @@ button.close {
bottom: 0; bottom: 0;
left: 0; left: 0;
z-index: 1040; z-index: 1040;
background-color: #000; background-color: #000; }
} .modal-backdrop.fade {
.modal-backdrop.fade { opacity: 0; }
opacity: 0; .modal-backdrop.in {
} opacity: 0.5; }
.modal-backdrop.in {
opacity: .5;
}
.modal-header { .modal-header {
min-height: 16.5px; min-height: 16.5px;
padding: 15px; padding: 15px;
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
}
.modal-header .close { .modal-header .close {
margin-top: -2px; margin-top: -2px; }
}
.modal-title { .modal-title {
margin: 0; margin: 0;
line-height: 1.5; line-height: 1.5; }
}
.modal-body { .modal-body {
position: relative; position: relative;
padding: 15px; padding: 15px; }
}
.modal-footer { .modal-footer {
padding: 15px; padding: 15px;
text-align: right; text-align: right;
border-top: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; }
} .modal-footer:before,
.modal-footer:before, .modal-footer:after { .modal-footer:after {
display: table; content: " ";
content: " "; display: table; }
} .modal-footer:after {
.modal-footer:after { clear: both; }
clear: both; .modal-footer .btn + .btn {
} margin-bottom: 0;
.modal-footer .btn + .btn { margin-left: 5px; }
margin-bottom: 0; .modal-footer .btn-group .btn + .btn {
margin-left: 5px; margin-left: -1px; }
} .modal-footer .btn-block + .btn-block {
.modal-footer .btn-group .btn + .btn { margin-left: 0; }
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure { .modal-scrollbar-measure {
position: absolute; position: absolute;
top: -9999px; top: -9999px;
width: 50px; width: 50px;
height: 50px; height: 50px;
overflow: scroll; overflow: scroll; }
}
@media (min-width: 34em) { @media (min-width: 34em) {
.modal-dialog { .modal-dialog {
width: 600px; width: 600px;
margin: 30px auto; margin: 30px auto; }
}
.modal-sm { .modal-sm {
width: 300px; width: 300px; } }
}
}
@media (min-width: 48em) { @media (min-width: 48em) {
.modal-lg { .modal-lg {
width: 900px; width: 900px; } }
}
}
.tooltip { .tooltip {
position: absolute; position: absolute;
z-index: 1070; z-index: 1070;
display: block; display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: .85rem; font-size: 0.85rem;
font-weight: normal; font-weight: normal;
line-height: 1.4; line-height: 1.4;
opacity: 0; opacity: 0; }
} .tooltip.in {
.tooltip.in { opacity: 0.9; }
opacity: .9; .tooltip.tooltip-top,
} .tooltip.bs-tether-element-attached-bottom {
padding: 5px 0;
.tooltip-top { margin-top: -3px; }
padding: 5px 0; .tooltip.tooltip-top .tooltip-arrow,
margin-top: -3px; .tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
} bottom: 0;
left: 50%;
.tooltip-right { margin-left: -5px;
padding: 0 5px; border-width: 5px 5px 0;
margin-left: 3px; border-top-color: #000; }
} .tooltip.tooltip-right,
.tooltip.bs-tether-element-attached-left {
.tooltip-bottom { padding: 0 5px;
padding: 5px 0; margin-left: 3px; }
margin-top: 3px; .tooltip.tooltip-right .tooltip-arrow,
} .tooltip.bs-tether-element-attached-left .tooltip-arrow {
top: 50%;
.tooltip-left { left: 0;
padding: 0 5px; margin-top: -5px;
margin-left: -3px; border-width: 5px 5px 5px 0;
} border-right-color: #000; }
.tooltip.tooltip-bottom,
.tooltip.bs-tether-element-attached-top {
padding: 5px 0;
margin-top: 3px; }
.tooltip.tooltip-bottom .tooltip-arrow,
.tooltip.bs-tether-element-attached-top .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; }
.tooltip.tooltip-left,
.tooltip.bs-tether-element-attached-right {
padding: 0 5px;
margin-left: -3px; }
.tooltip.tooltip-left .tooltip-arrow,
.tooltip.bs-tether-element-attached-right .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000; }
.tooltip-inner { .tooltip-inner {
max-width: 200px; max-width: 200px;
@ -4758,48 +3981,14 @@ button.close {
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
background-color: #000; background-color: #000;
border-radius: .25rem; border-radius: 0.25rem; }
}
.tooltip-arrow { .tooltip-arrow {
position: absolute; position: absolute;
width: 0; width: 0;
height: 0; height: 0;
border-color: transparent; border-color: transparent;
border-style: solid; border-style: solid; }
}
.tooltip-top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip-right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip-left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip-bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover { .popover {
position: absolute; position: absolute;
@ -4816,27 +4005,21 @@ button.close {
text-align: left; text-align: left;
white-space: normal; white-space: normal;
background-color: #fff; background-color: #fff;
-webkit-background-clip: padding-box; background-clip: padding-box;
background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, .2); border-radius: 0.3rem; }
border-radius: .3rem;
}
.popover-top { .popover-top {
margin-top: -10px; margin-top: -10px; }
}
.popover-right { .popover-right {
margin-left: 10px; margin-left: 10px; }
}
.popover-bottom { .popover-bottom {
margin-top: 10px; margin-top: 10px; }
}
.popover-left { .popover-left {
margin-left: -10px; margin-left: -10px; }
}
.popover-title { .popover-title {
padding: 8px 14px; padding: 8px 14px;
@ -4844,163 +4027,133 @@ button.close {
font-size: 1rem; font-size: 1rem;
background-color: #f7f7f7; background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;
border-radius: -.7rem -.7rem 0 0; border-radius: -0.7rem -0.7rem 0 0; }
}
.popover-content { .popover-content {
padding: 9px 14px; padding: 9px 14px; }
}
.popover-arrow, .popover-arrow:after { .popover-arrow,
.popover-arrow:after {
position: absolute; position: absolute;
display: block; display: block;
width: 0; width: 0;
height: 0; height: 0;
border-color: transparent; border-color: transparent;
border-style: solid; border-style: solid; }
}
.popover-arrow { .popover-arrow {
border-width: 11px; border-width: 11px; }
}
.popover-arrow:after { .popover-arrow:after {
content: ""; content: "";
border-width: 10px; border-width: 10px; }
}
.popover-top > .popover-arrow { .popover-top > .popover-arrow {
bottom: -11px; bottom: -11px;
left: 50%; left: 50%;
margin-left: -11px; margin-left: -11px;
border-top-color: rgba(0, 0, 0, .25); border-top-color: rgba(0, 0, 0, 0.25);
border-bottom-width: 0; border-bottom-width: 0; }
} .popover-top > .popover-arrow:after {
.popover-top > .popover-arrow:after { bottom: 1px;
bottom: 1px; margin-left: -10px;
margin-left: -10px; content: "";
content: ""; border-top-color: #fff;
border-top-color: #fff; border-bottom-width: 0; }
border-bottom-width: 0;
}
.popover-right > .popover-arrow { .popover-right > .popover-arrow {
top: 50%; top: 50%;
left: -11px; left: -11px;
margin-top: -11px; margin-top: -11px;
border-right-color: rgba(0, 0, 0, .25); border-right-color: rgba(0, 0, 0, 0.25);
border-left-width: 0; border-left-width: 0; }
} .popover-right > .popover-arrow:after {
.popover-right > .popover-arrow:after { bottom: -10px;
bottom: -10px; left: 1px;
left: 1px; content: "";
content: ""; border-right-color: #fff;
border-right-color: #fff; border-left-width: 0; }
border-left-width: 0;
}
.popover-bottom > .popover-arrow { .popover-bottom > .popover-arrow {
top: -11px; top: -11px;
left: 50%; left: 50%;
margin-left: -11px; margin-left: -11px;
border-top-width: 0; border-top-width: 0;
border-bottom-color: rgba(0, 0, 0, .25); border-bottom-color: rgba(0, 0, 0, 0.25); }
} .popover-bottom > .popover-arrow:after {
.popover-bottom > .popover-arrow:after { top: 1px;
top: 1px; margin-left: -10px;
margin-left: -10px; content: "";
content: ""; border-top-width: 0;
border-top-width: 0; border-bottom-color: #fff; }
border-bottom-color: #fff;
}
.popover-left > .popover-arrow { .popover-left > .popover-arrow {
top: 50%; top: 50%;
right: -11px; right: -11px;
margin-top: -11px; margin-top: -11px;
border-right-width: 0; border-right-width: 0;
border-left-color: rgba(0, 0, 0, .25); border-left-color: rgba(0, 0, 0, 0.25); }
} .popover-left > .popover-arrow:after {
.popover-left > .popover-arrow:after { right: 1px;
right: 1px; bottom: -10px;
bottom: -10px; content: "";
content: ""; border-right-width: 0;
border-right-width: 0; border-left-color: #fff; }
border-left-color: #fff;
}
.carousel { .carousel {
position: relative; position: relative; }
}
.carousel-inner { .carousel-inner {
position: relative; position: relative;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden; }
}
.carousel-inner > .carousel-item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.carousel-inner > .carousel-item > img, .carousel-inner > .carousel-item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .carousel-item { .carousel-inner > .carousel-item {
-webkit-transition: -webkit-transform .6s ease-in-out; position: relative;
-o-transition: -o-transform .6s ease-in-out; display: none;
transition: transform .6s ease-in-out; transition: .6s ease-in-out left; }
.carousel-inner > .carousel-item > img,
-webkit-backface-visibility: hidden; .carousel-inner > .carousel-item > a > img {
backface-visibility: hidden; line-height: 1; }
-webkit-perspective: 1000; @media all and (transform-3d), (-webkit-transform-3d) {
perspective: 1000; .carousel-inner > .carousel-item {
} transition: transform 0.6s ease-in-out;
.carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right { backface-visibility: hidden;
left: 0; perspective: 1000; }
-webkit-transform: translate3d(100%, 0, 0); .carousel-inner > .carousel-item.next,
transform: translate3d(100%, 0, 0); .carousel-inner > .carousel-item.active.right {
} left: 0;
.carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left { transform: translate3d(100%, 0, 0); }
left: 0; .carousel-inner > .carousel-item.prev,
-webkit-transform: translate3d(-100%, 0, 0); .carousel-inner > .carousel-item.active.left {
transform: translate3d(-100%, 0, 0); left: 0;
} transform: translate3d(-100%, 0, 0); }
.carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active { .carousel-inner > .carousel-item.next.left,
left: 0; .carousel-inner > .carousel-item.prev.right,
-webkit-transform: translate3d(0, 0, 0); .carousel-inner > .carousel-item.active {
transform: translate3d(0, 0, 0); left: 0;
} transform: translate3d(0, 0, 0); } }
} .carousel-inner > .active,
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { .carousel-inner > .next,
display: block; .carousel-inner > .prev {
} display: block; }
.carousel-inner > .active { .carousel-inner > .active {
left: 0; left: 0; }
} .carousel-inner > .next,
.carousel-inner > .next, .carousel-inner > .prev { .carousel-inner > .prev {
position: absolute; position: absolute;
top: 0; top: 0;
width: 100%; width: 100%; }
} .carousel-inner > .next {
.carousel-inner > .next { left: 100%; }
left: 100%; .carousel-inner > .prev {
} left: -100%; }
.carousel-inner > .prev { .carousel-inner > .next.left,
left: -100%; .carousel-inner > .prev.right {
} left: 0; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { .carousel-inner > .active.left {
left: 0; left: -100%; }
} .carousel-inner > .active.right {
.carousel-inner > .active.left { left: 100%; }
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control { .carousel-control {
position: absolute; position: absolute;
@ -5011,58 +4164,45 @@ button.close {
font-size: 20px; font-size: 20px;
color: #fff; color: #fff;
text-align: center; text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
opacity: .5; opacity: 0.5; }
} .carousel-control.left {
.carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-repeat: repeat-x;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); .carousel-control.right {
background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); right: 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); left: auto;
background-repeat: repeat-x; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
} background-repeat: repeat-x;
.carousel-control.right { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
right: 0; .carousel-control:focus,
left: auto; .carousel-control:hover {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); color: #fff;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); text-decoration: none;
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); outline: 0;
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); opacity: .9; }
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); .carousel-control .icon-prev,
background-repeat: repeat-x; .carousel-control .icon-next {
} position: absolute;
.carousel-control:focus, .carousel-control:hover { top: 50%;
color: #fff; z-index: 5;
text-decoration: none; display: inline-block;
outline: 0; width: 20px;
opacity: .9; height: 20px;
} margin-top: -10px;
.carousel-control .icon-prev, .carousel-control .icon-next { font-family: serif;
position: absolute; line-height: 1; }
top: 50%; .carousel-control .icon-prev {
z-index: 5; left: 50%;
display: inline-block; margin-left: -10px; }
width: 20px; .carousel-control .icon-next {
height: 20px; right: 50%;
margin-top: -10px; margin-right: -10px; }
font-family: serif; .carousel-control .icon-prev:before {
line-height: 1; content: "\2039"; }
} .carousel-control .icon-next:before {
.carousel-control .icon-prev { content: "\203a"; }
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev:before {
content: "\2039";
}
.carousel-control .icon-next:before {
content: "\203a";
}
.carousel-indicators { .carousel-indicators {
position: absolute; position: absolute;
@ -5073,25 +4213,22 @@ button.close {
padding-left: 0; padding-left: 0;
margin-left: -30%; margin-left: -30%;
text-align: center; text-align: center;
list-style: none; list-style: none; }
} .carousel-indicators li {
.carousel-indicators li { display: inline-block;
display: inline-block; width: 10px;
width: 10px; height: 10px;
height: 10px; margin: 1px;
margin: 1px; text-indent: -999px;
text-indent: -999px; cursor: pointer;
cursor: pointer; background-color: transparent;
background-color: transparent; border: 1px solid #fff;
border: 1px solid #fff; border-radius: 10px; }
border-radius: 10px; .carousel-indicators .active {
} width: 12px;
.carousel-indicators .active { height: 12px;
width: 12px; margin: 0;
height: 12px; background-color: #fff; }
margin: 0;
background-color: #fff;
}
.carousel-caption { .carousel-caption {
position: absolute; position: absolute;
@ -5103,56 +4240,46 @@ button.close {
padding-bottom: 20px; padding-bottom: 20px;
color: #fff; color: #fff;
text-align: center; text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
} .carousel-caption .btn {
.carousel-caption .btn { text-shadow: none; }
text-shadow: none;
}
@media (min-width: 34em) { @media (min-width: 34em) {
.carousel-control .icon-prev, .carousel-control .icon-next { .carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px; width: 30px;
height: 30px; height: 30px;
margin-top: -15px; margin-top: -15px;
font-size: 30px; font-size: 30px; }
}
.carousel-control .icon-prev { .carousel-control .icon-prev {
margin-left: -15px; margin-left: -15px; }
}
.carousel-control .icon-next { .carousel-control .icon-next {
margin-right: -15px; margin-right: -15px; }
}
.carousel-caption { .carousel-caption {
right: 20%; right: 20%;
left: 20%; left: 20%;
padding-bottom: 30px; padding-bottom: 30px; }
}
.carousel-indicators { .carousel-indicators {
bottom: 20px; bottom: 20px; } }
}
}
.clearfix:before, .clearfix:after { .clearfix:before,
display: table;
content: " ";
}
.clearfix:after { .clearfix:after {
clear: both; content: " ";
} display: table; }
.clearfix:after {
clear: both; }
.center-block { .center-block {
display: block; display: block;
margin-right: auto;
margin-left: auto; margin-left: auto;
} margin-right: auto; }
.pull-right { .pull-right {
float: right !important; float: right !important; }
}
.pull-left { .pull-left {
float: left !important; float: left !important; }
}
.sr-only { .sr-only {
position: absolute; position: absolute;
@ -5162,463 +4289,360 @@ button.close {
margin: -1px; margin: -1px;
overflow: hidden; overflow: hidden;
clip: rect(0, 0, 0, 0); clip: rect(0, 0, 0, 0);
border: 0; border: 0; }
}
.sr-only-focusable:active, .sr-only-focusable:focus { .sr-only-focusable:active,
.sr-only-focusable:focus {
position: static; position: static;
width: auto; width: auto;
height: auto; height: auto;
margin: 0; margin: 0;
overflow: visible; overflow: visible;
clip: auto; clip: auto; }
}
.m-a-0 { .m-a-0 {
margin: 0; margin: 0; }
}
.m-t-0 { .m-t-0 {
margin-top: 0; margin-top: 0; }
}
.m-r-0 { .m-r-0 {
margin-right: 0; margin-right: 0; }
}
.m-b-0 { .m-b-0 {
margin-bottom: 0; margin-bottom: 0; }
}
.m-l-0 { .m-l-0 {
margin-left: 0; margin-left: 0; }
}
.m-a { .m-a {
margin: 1rem; margin: 1rem; }
}
.m-t { .m-t {
margin-top: 1rem; margin-top: 1rem; }
}
.m-r { .m-r {
margin-right: 1rem; margin-right: 1rem; }
}
.m-b { .m-b {
margin-bottom: 1rem; margin-bottom: 1rem; }
}
.m-l { .m-l {
margin-left: 1rem; margin-left: 1rem; }
}
.m-x { .m-x {
margin-right: 1rem; margin-right: 1rem;
margin-left: 1rem; margin-left: 1rem; }
}
.m-y { .m-y {
margin-top: 1rem; margin-top: 1rem;
margin-bottom: 1rem; margin-bottom: 1rem; }
}
.m-t-md { .m-t-md {
margin-top: 1.5rem; margin-top: 1.5rem; }
}
.m-r-md { .m-r-md {
margin-right: 1.5rem; margin-right: 1.5rem; }
}
.m-b-md { .m-b-md {
margin-bottom: 1.5rem; margin-bottom: 1.5rem; }
}
.m-l-md { .m-l-md {
margin-left: 1.5rem; margin-left: 1.5rem; }
}
.m-x-md { .m-x-md {
margin-right: 1.5rem; margin-right: 1.5rem;
margin-left: 1.5rem; margin-left: 1.5rem; }
}
.m-y-md { .m-y-md {
margin-top: 1.5rem; margin-top: 1.5rem;
margin-bottom: 1.5rem; margin-bottom: 1.5rem; }
}
.m-t-lg { .m-t-lg {
margin-top: 3rem; margin-top: 3rem; }
}
.m-r-lg { .m-r-lg {
margin-right: 3rem; margin-right: 3rem; }
}
.m-b-lg { .m-b-lg {
margin-bottom: 3rem; margin-bottom: 3rem; }
}
.m-l-lg { .m-l-lg {
margin-left: 3rem; margin-left: 3rem; }
}
.m-x-lg { .m-x-lg {
margin-right: 3rem; margin-right: 3rem;
margin-left: 3rem; margin-left: 3rem; }
}
.m-y-lg { .m-y-lg {
margin-top: 3rem; margin-top: 3rem;
margin-bottom: 3rem; margin-bottom: 3rem; }
}
.p-a-0 { .p-a-0 {
padding: 0; padding: 0; }
}
.p-t-0 { .p-t-0 {
padding-top: 0; padding-top: 0; }
}
.p-r-0 { .p-r-0 {
padding-right: 0; padding-right: 0; }
}
.p-b-0 { .p-b-0 {
padding-bottom: 0; padding-bottom: 0; }
}
.p-l-0 { .p-l-0 {
padding-left: 0; padding-left: 0; }
}
.p-a { .p-a {
padding: 1rem; padding: 1rem; }
}
.p-t { .p-t {
padding-top: 1rem; padding-top: 1rem; }
}
.p-r { .p-r {
padding-right: 1rem; padding-right: 1rem; }
}
.p-b { .p-b {
padding-bottom: 1rem; padding-bottom: 1rem; }
}
.p-l { .p-l {
padding-left: 1rem; padding-left: 1rem; }
}
.p-x { .p-x {
padding-right: 1rem; padding-right: 1rem;
padding-left: 1rem; padding-left: 1rem; }
}
.p-y { .p-y {
padding-top: 1rem; padding-top: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem; }
}
.p-t-md { .p-t-md {
padding-top: 1.5rem; padding-top: 1.5rem; }
}
.p-r-md { .p-r-md {
padding-right: 1.5rem; padding-right: 1.5rem; }
}
.p-b-md { .p-b-md {
padding-bottom: 1.5rem; padding-bottom: 1.5rem; }
}
.p-l-md { .p-l-md {
padding-left: 1.5rem; padding-left: 1.5rem; }
}
.p-x-md { .p-x-md {
padding-right: 1.5rem; padding-right: 1.5rem;
padding-left: 1.5rem; padding-left: 1.5rem; }
}
.p-y-md { .p-y-md {
padding-top: 1.5rem; padding-top: 1.5rem;
padding-bottom: 1.5rem; padding-bottom: 1.5rem; }
}
.p-t-lg { .p-t-lg {
padding-top: 3rem; padding-top: 3rem; }
}
.p-r-lg { .p-r-lg {
padding-right: 3rem; padding-right: 3rem; }
}
.p-b-lg { .p-b-lg {
padding-bottom: 3rem; padding-bottom: 3rem; }
}
.p-l-lg { .p-l-lg {
padding-left: 3rem; padding-left: 3rem; }
}
.p-x-lg { .p-x-lg {
padding-right: 3rem; padding-right: 3rem;
padding-left: 3rem; padding-left: 3rem; }
}
.p-y-lg { .p-y-lg {
padding-top: 3rem; padding-top: 3rem;
padding-bottom: 3rem; padding-bottom: 3rem; }
}
.pos-f-t { .pos-f-t {
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
left: 0; left: 0;
z-index: 1030; z-index: 1030; }
}
[hidden] { [hidden] {
display: none !important; display: none !important; }
}
.invisible { .invisible {
visibility: hidden; visibility: hidden; }
}
.text-hide { .text-hide {
font: "0/0" a; font: "0/0" a;
color: transparent; color: transparent;
text-shadow: none; text-shadow: none;
background-color: transparent; background-color: transparent;
border: 0; border: 0; }
}
.text-left { .text-left {
text-align: left; text-align: left; }
}
.text-right { .text-right {
text-align: right; text-align: right; }
}
.text-center { .text-center {
text-align: center; text-align: center; }
}
.text-justify { .text-justify {
text-align: justify; text-align: justify; }
}
.text-nowrap { .text-nowrap {
white-space: nowrap; white-space: nowrap; }
}
.text-truncate { .text-truncate {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap; }
}
.text-lowercase { .text-lowercase {
text-transform: lowercase; text-transform: lowercase; }
}
.text-uppercase { .text-uppercase {
text-transform: uppercase; text-transform: uppercase; }
}
.text-capitalize { .text-capitalize {
text-transform: capitalize; text-transform: capitalize; }
}
.text-muted { .text-muted {
color: #818a91; color: #818a91; }
}
.text-primary { .text-primary {
color: #0275d8; color: #0275d8; }
}
a.text-primary:focus, a.text-primary:hover { a.text-primary:focus,
color: #025aa5; a.text-primary:hover {
} color: #025aa5; }
.text-success { .text-success {
color: #3c763d; color: #3c763d; }
}
a.text-success:focus, a.text-success:hover { a.text-success:focus,
color: #2b542c; a.text-success:hover {
} color: #2b542c; }
.text-info { .text-info {
color: #31708f; color: #31708f; }
}
a.text-info:focus, a.text-info:hover { a.text-info:focus,
color: #245269; a.text-info:hover {
} color: #245269; }
.text-warning { .text-warning {
color: #8a6d3b; color: #8a6d3b; }
}
a.text-warning:focus, a.text-warning:hover { a.text-warning:focus,
color: #66512c; a.text-warning:hover {
} color: #66512c; }
.text-danger { .text-danger {
color: #a94442; color: #a94442; }
}
a.text-danger:focus, a.text-danger:hover { a.text-danger:focus,
color: #843534; a.text-danger:hover {
} color: #843534; }
.inverse { .inverse {
color: #eceeef; color: #eceeef;
background-color: #373a3c; background-color: #373a3c; }
}
.bg-primary { .bg-primary {
color: #fff; color: #fff; }
}
.bg-primary { .bg-primary {
background-color: #0275d8; background-color: #0275d8; }
}
a.bg-primary:focus, a.bg-primary:hover { a.bg-primary:focus,
background-color: #025aa5; a.bg-primary:hover {
} background-color: #025aa5; }
.bg-success { .bg-success {
background-color: #dff0d8; background-color: #dff0d8; }
}
a.bg-success:focus, a.bg-success:hover { a.bg-success:focus,
background-color: #c1e2b3; a.bg-success:hover {
} background-color: #c1e2b3; }
.bg-info { .bg-info {
background-color: #d9edf7; background-color: #d9edf7; }
}
a.bg-info:focus, a.bg-info:hover { a.bg-info:focus,
background-color: #afd9ee; a.bg-info:hover {
} background-color: #afd9ee; }
.bg-warning { .bg-warning {
background-color: #fcf8e3; background-color: #fcf8e3; }
}
a.bg-warning:focus, a.bg-warning:hover { a.bg-warning:focus,
background-color: #f7ecb5; a.bg-warning:hover {
} background-color: #f7ecb5; }
.bg-danger { .bg-danger {
background-color: #f2dede; background-color: #f2dede; }
}
a.bg-danger:focus, a.bg-danger:hover { a.bg-danger:focus,
background-color: #e4b9b9; a.bg-danger:hover {
} background-color: #e4b9b9; }
.hidden-xs-up { .hidden-xs-up {
display: none !important; display: none !important; }
}
@media (max-width: 33.9em) { @media (max-width: 33.9em) {
.hidden-xs-down { .hidden-xs-down {
display: none !important; display: none !important; } }
}
}
@media (min-width: 34em) { @media (min-width: 34em) {
.hidden-sm-up { .hidden-sm-up {
display: none !important; display: none !important; } }
}
}
@media (max-width: 47.9em) { @media (max-width: 47.9em) {
.hidden-sm-down { .hidden-sm-down {
display: none !important; display: none !important; } }
}
}
@media (min-width: 48em) { @media (min-width: 48em) {
.hidden-md-up { .hidden-md-up {
display: none !important; display: none !important; } }
}
}
@media (max-width: 61.9em) { @media (max-width: 61.9em) {
.hidden-md-down { .hidden-md-down {
display: none !important; display: none !important; } }
}
}
@media (min-width: 62em) { @media (min-width: 62em) {
.hidden-lg-up { .hidden-lg-up {
display: none !important; display: none !important; } }
}
}
@media (max-width: 74.9em) { @media (max-width: 74.9em) {
.hidden-lg-down { .hidden-lg-down {
display: none !important; display: none !important; } }
}
}
@media (min-width: 75em) { @media (min-width: 75em) {
.hidden-xl-up { .hidden-xl-up {
display: none !important; display: none !important; } }
}
}
.hidden-xl-down { .hidden-xl-down {
display: none !important; display: none !important; }
}
.visible-print-block { .visible-print-block {
display: none !important; display: none !important; }
} @media print {
@media print { .visible-print-block {
.visible-print-block { display: block !important; } }
display: block !important;
}
}
.visible-print-inline { .visible-print-inline {
display: none !important; display: none !important; }
} @media print {
@media print { .visible-print-inline {
.visible-print-inline { display: inline !important; } }
display: inline !important;
}
}
.visible-print-inline-block { .visible-print-inline-block {
display: none !important; display: none !important; }
} @media print {
@media print { .visible-print-inline-block {
.visible-print-inline-block { display: inline-block !important; } }
display: inline-block !important;
}
}
@media print { @media print {
.hidden-print .hidden-print { .hidden-print .hidden-print {
display: none !important; display: none !important; } }
}
} /*# sourceMappingURL=bootstrap.css.map */
/*# sourceMappingURL=bootstrap.css.map */

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -24,7 +24,7 @@ var ScrollSpy = (function ($) {
var DATA_KEY = 'bs.scrollspy'; var DATA_KEY = 'bs.scrollspy';
var JQUERY_NO_CONFLICT = $.fn[NAME]; var JQUERY_NO_CONFLICT = $.fn[NAME];
var Defaults = { var Default = {
offset: 10 offset: 10
}; };

File diff suppressed because one or more lines are too long

2
js/dist/tab.js.map vendored

File diff suppressed because one or more lines are too long

597
js/dist/tooltip.js vendored Normal file
View File

@ -0,0 +1,597 @@
'use strict';
var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
/**
* --------------------------------------------------------------------------
* Bootstrap (v4.0.0): alert.js
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* --------------------------------------------------------------------------
*/
var ToolTip = (function ($) {
/**
* ------------------------------------------------------------------------
* Constants
* ------------------------------------------------------------------------
*/
var NAME = 'tooltip';
var VERSION = '4.0.0';
var DATA_KEY = 'bs.tooltip';
var JQUERY_NO_CONFLICT = $.fn[NAME];
var TRANSITION_DURATION = 150;
var CLASS_PREFIX = 'bs-tether';
var Default = {
animation: true,
template: '<div class="tooltip" role="tooltip">' + '<div class="tooltip-arrow"></div>' + '<div class="tooltip-inner"></div></div>',
trigger: 'hover focus',
title: '',
delay: 0,
html: false,
selector: false,
attachment: 'top',
offset: '0 0',
constraints: null
};
var HorizontalMirror = {
LEFT: 'right',
CENTER: 'center',
RIGHT: 'left'
};
var VerticalMirror = {
TOP: 'bottom',
MIDDLE: 'middle',
BOTTOM: 'top'
};
var VerticalDefault = {
LEFT: 'middle',
CENTER: 'bottom',
RIGHT: 'middle'
};
var HorizontalDefault = {
TOP: 'center',
MIDDLE: 'left',
BOTTOM: 'center'
};
var HoverState = {
IN: 'in',
OUT: 'out'
};
var Event = {
HIDE: 'hide.bs.tooltip',
HIDDEN: 'hidden.bs.tooltip',
SHOW: 'show.bs.tooltip',
SHOWN: 'shown.bs.tooltip',
INSERTED: 'inserted.bs.tooltip',
CLICK: 'click.bs.tooltip',
FOCUSIN: 'focusin.bs.tooltip',
FOCUSOUT: 'focusout.bs.tooltip',
MOUSEENTER: 'mouseenter.bs.tooltip',
MOUSELEAVE: 'mouseleave.bs.tooltip'
};
var ClassName = {
FADE: 'fade',
IN: 'in'
};
var Selector = {
TOOLTIP: '.tooltip',
TOOLTIP_INNER: '.tooltip-inner',
TOOLTIP_ARROW: '.tooltip-arrow'
};
var TetherClass = {
'element': false,
'enabled': false
};
/**
* ------------------------------------------------------------------------
* Class Definition
* ------------------------------------------------------------------------
*/
var Tooltip = (function () {
function Tooltip(element, config) {
_classCallCheck(this, Tooltip);
// private
this._isEnabled = true;
this._timeout = 0;
this._hoverState = '';
this._activeTrigger = {};
// protected
this.element = element;
this.config = this._getConfig(config);
this.tip = null;
this.tether = null;
this._setListeners();
}
_createClass(Tooltip, [{
key: 'enable',
// public
value: function enable() {
this._isEnabled = true;
}
}, {
key: 'disable',
value: function disable() {
this._isEnabled = false;
}
}, {
key: 'toggleEnabled',
value: function toggleEnabled() {
this._isEnabled = !this._isEnabled;
}
}, {
key: 'toggle',
value: function toggle(event) {
var context = this;
if (event) {
context = $(event.currentTarget).data(DATA_KEY);
if (!context) {
context = new this.constructor(event.currentTarget, this._getDelegateConfig());
$(event.currentTarget).data(DATA_KEY, context);
}
context._activeTrigger.click = !context._activeTrigger.click;
if (context._isWithActiveTrigger()) {
context._enter(null, context);
} else {
context._leave(null, context);
}
} else {
$(context.getTipElement()).hasClass(ClassName.IN) ? context._leave(null, context) : context._enter(null, context);
}
}
}, {
key: 'destroy',
value: function destroy() {
var _this = this;
clearTimeout(this._timeout);
this.hide(function () {
$(_this.element).off(Selector.TOOLTIP).removeData(DATA_KEY);
});
}
}, {
key: 'show',
value: function show() {
var _this2 = this;
var showEvent = $.Event(Event.SHOW);
if (this.isWithContent() && this._isEnabled) {
$(this.element).trigger(showEvent);
var isInTheDom = $.contains(this.element.ownerDocument.documentElement, this.element);
if (showEvent.isDefaultPrevented() || !isInTheDom) {
return;
}
var tip = this.getTipElement();
var tipId = Util.getUID(NAME);
tip.setAttribute('id', tipId);
this.element.setAttribute('aria-describedby', tipId);
this.setContent();
if (this.config.animation) {
$(tip).addClass(ClassName.FADE);
}
var attachment = typeof this.config.attachment === 'function' ? this.config.attachment.call(this, tip, this.element) : this.config.attachment;
attachment = this.getAttachment(attachment);
$(tip).data(DATA_KEY, this);
this.element.parentNode.insertBefore(tip, this.element.nextSibling);
$(this.element).trigger(Event.INSERTED);
this.tether = new Tether({
element: this.tip,
target: this.element,
attachment: attachment,
classes: TetherClass,
classPrefix: CLASS_PREFIX,
offset: this.config.offset,
constraints: this.config.constraints
});
Util.reflow(tip);
this.tether.position();
$(tip).addClass(ClassName.IN);
var complete = function complete() {
var prevHoverState = _this2._hoverState;
_this2._hoverState = null;
$(_this2.element).trigger(Event.SHOWN);
if (prevHoverState === HoverState.OUT) {
_this2._leave(null, _this2);
}
};
Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE) ? $(this.tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(Tooltip._TRANSITION_DURATION) : complete();
}
}
}, {
key: 'hide',
value: function hide(callback) {
var _this3 = this;
var tip = this.getTipElement();
var hideEvent = $.Event(Event.HIDE);
var complete = function complete() {
if (_this3._hoverState !== HoverState.IN && tip.parentNode) {
tip.parentNode.removeChild(tip);
}
_this3.element.removeAttribute('aria-describedby');
$(_this3.element).trigger(Event.HIDDEN);
_this3.cleanupTether();
if (callback) {
callback();
}
};
$(this.element).trigger(hideEvent);
if (hideEvent.isDefaultPrevented()) {
return;
}
$(tip).removeClass(ClassName.IN);
if (Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {
$(tip).one(Util.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
} else {
complete();
}
this._hoverState = '';
}
}, {
key: 'isWithContent',
// protected
value: function isWithContent() {
return !!this.getTitle();
}
}, {
key: 'getTipElement',
value: function getTipElement() {
return this.tip = this.tip || $(this.config.template)[0];
}
}, {
key: 'getAttachment',
value: function getAttachment(attachmentString) {
var attachmentArray = attachmentString.split(' ');
var normalizedAttachment = {};
if (!attachmentArray.length) {
throw new Error('Tooltip requires attachment');
}
var _iteratorNormalCompletion = true;
var _didIteratorError = false;
var _iteratorError = undefined;
try {
for (var _iterator = attachmentArray[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
var attachment = _step.value;
attachment = attachment.toUpperCase();
if (HorizontalMirror[attachment]) {
normalizedAttachment.horizontal = HorizontalMirror[attachment];
}
if (VerticalMirror[attachment]) {
normalizedAttachment.vertical = VerticalMirror[attachment];
}
}
} catch (err) {
_didIteratorError = true;
_iteratorError = err;
} finally {
try {
if (!_iteratorNormalCompletion && _iterator['return']) {
_iterator['return']();
}
} finally {
if (_didIteratorError) {
throw _iteratorError;
}
}
}
if (!normalizedAttachment.horizontal && !normalizedAttachment.vertical) {
throw new Error('Tooltip requires valid attachment');
}
if (!normalizedAttachment.horizontal) {
normalizedAttachment.horizontal = HorizontalDefault[normalizedAttachment.vertical.toUpperCase()];
}
if (!normalizedAttachment.vertical) {
normalizedAttachment.vertical = VerticalDefault[normalizedAttachment.horizontal.toUpperCase()];
}
return [normalizedAttachment.vertical, normalizedAttachment.horizontal].join(' ');
}
}, {
key: 'setContent',
value: function setContent() {
var tip = this.getTipElement();
var title = this.getTitle();
var method = this.config.html ? 'innerHTML' : 'innerText';
$(tip).find(Selector.TOOLTIP_INNER)[0][method] = title;
$(tip).removeClass(ClassName.FADE).removeClass(ClassName.IN);
this.cleanupTether();
}
}, {
key: 'getTitle',
value: function getTitle() {
var title = this.element.getAttribute('data-original-title');
if (!title) {
title = typeof this.config.title === 'function' ? this.config.title.call(this.element) : this.config.title;
}
return title;
}
}, {
key: 'removeTetherClasses',
value: function removeTetherClasses(i, css) {
return ((css.baseVal || css).match(new RegExp('(^|\\s)' + CLASS_PREFIX + '-\\S+', 'g')) || []).join(' ');
}
}, {
key: 'cleanupTether',
value: function cleanupTether() {
if (this.tether) {
this.tether.destroy();
// clean up after tether's junk classes
// remove after they fix issue
// (https://github.com/HubSpot/tether/issues/36)
$(this.element).removeClass(this.removeTetherClasses);
$(this.tip).removeClass(this.removeTetherClasses);
}
}
}, {
key: '_setListeners',
// private
value: function _setListeners() {
var _this4 = this;
var triggers = this.config.trigger.split(' ');
triggers.forEach(function (trigger) {
if (trigger === 'click') {
$(_this4.element).on(Event.CLICK, _this4.config.selector, _this4.toggle.bind(_this4));
} else if (trigger !== 'manual') {
var eventIn = trigger == 'hover' ? Event.MOUSEENTER : Event.FOCUSIN;
var eventOut = trigger == 'hover' ? Event.MOUSELEAVE : Event.FOCUSOUT;
$(_this4.element).on(eventIn, _this4.config.selector, _this4._enter.bind(_this4)).on(eventOut, _this4.config.selector, _this4._leave.bind(_this4));
}
});
if (this.config.selector) {
this.config = $.extend({}, this.config, {
trigger: 'manual',
selector: ''
});
} else {
this._fixTitle();
}
}
}, {
key: '_fixTitle',
value: function _fixTitle() {
var titleType = typeof this.element.getAttribute('data-original-title');
if (this.element.getAttribute('title') || titleType !== 'string') {
this.element.setAttribute('data-original-title', this.element.getAttribute('title') || '');
this.element.setAttribute('title', '');
}
}
}, {
key: '_enter',
value: function _enter(event, context) {
context = context || $(event.currentTarget).data(DATA_KEY);
if (!context) {
context = new this.constructor(event.currentTarget, this._getDelegateConfig());
$(event.currentTarget).data(DATA_KEY, context);
}
if (event) {
context._activeTrigger[event.type == 'focusin' ? 'focus' : 'hover'] = true;
}
if ($(context.getTipElement()).hasClass('in') || context._hoverState === 'in') {
context._hoverState = 'in';
return;
}
clearTimeout(context._timeout);
context._hoverState = HoverState.IN;
if (!context.config.delay || !context.config.delay.show) {
context.show();
return;
}
context._timeout = setTimeout(function () {
if (context._hoverState === HoverState.IN) {
context.show();
}
}, context.config.delay.show);
}
}, {
key: '_leave',
value: function _leave(event, context) {
context = context || $(event.currentTarget).data(DATA_KEY);
if (!context) {
context = new this.constructor(event.currentTarget, this._getDelegateConfig());
$(event.currentTarget).data(DATA_KEY, context);
}
if (event) {
context._activeTrigger[event.type == 'focusout' ? 'focus' : 'hover'] = false;
}
if (context._isWithActiveTrigger()) {
return;
}
clearTimeout(context._timeout);
context._hoverState = HoverState.OUT;
if (!context.config.delay || !context.config.delay.hide) {
context.hide();
return;
}
context._timeout = setTimeout(function () {
if (context._hoverState === HoverState.OUT) {
context.hide();
}
}, context.config.delay.hide);
}
}, {
key: '_isWithActiveTrigger',
value: function _isWithActiveTrigger() {
for (var trigger in this._activeTrigger) {
if (this._activeTrigger[trigger]) {
return true;
}
}
return false;
}
}, {
key: '_getConfig',
value: function _getConfig(config) {
config = $.extend({}, Default, $(this.element).data(), config);
if (config.delay && typeof config.delay === 'number') {
config.delay = {
'show': config.delay,
'hide': config.delay
};
}
return config;
}
}, {
key: '_getDelegateConfig',
value: function _getDelegateConfig() {
var config = {};
if (this.config) {
for (var key in this.config) {
var value = this.config[key];
if (Default[key] !== value) {
config[key] = value;
}
}
}
return config;
}
}], [{
key: 'VERSION',
// getters
get: function () {
return VERSION;
}
}, {
key: 'Default',
get: function () {
return Default;
}
}, {
key: '_jQueryInterface',
// static
value: function _jQueryInterface(config) {
return this.each(function () {
var data = $(this).data(DATA_KEY);
var _config = typeof config === 'object' ? config : null;
if (!data && /destroy|hide/.test(config)) {
return;
}
if (!data) {
data = new Tooltip(this, _config);
$(this).data(DATA_KEY, data);
}
if (typeof config === 'string') {
data[config]();
}
});
}
}]);
return Tooltip;
})();
/**
* ------------------------------------------------------------------------
* jQuery
* ------------------------------------------------------------------------
*/
$.fn[NAME] = Tooltip._jQueryInterface;
$.fn[NAME].Constructor = Tooltip;
$.fn[NAME].noConflict = function () {
$.fn[NAME] = JQUERY_NO_CONFLICT;
return Tooltip._jQueryInterface;
};
return Tooltip;
})(jQuery);
//# sourceMappingURL=tooltip.js.map

1
js/dist/tooltip.js.map vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -22,7 +22,7 @@ const ScrollSpy = (($) => {
const DATA_KEY = 'bs.scrollspy' const DATA_KEY = 'bs.scrollspy'
const JQUERY_NO_CONFLICT = $.fn[NAME] const JQUERY_NO_CONFLICT = $.fn[NAME]
const Defaults = { const Default = {
offset : 10 offset : 10
} }

619
js/src/tooltip.js Normal file
View File

@ -0,0 +1,619 @@
import Util from './util'
/**
* --------------------------------------------------------------------------
* Bootstrap (v4.0.0): tooltip.js
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* --------------------------------------------------------------------------
*/
const ToolTip = (($) => {
/**
* ------------------------------------------------------------------------
* Constants
* ------------------------------------------------------------------------
*/
const NAME = 'tooltip'
const VERSION = '4.0.0'
const DATA_KEY = 'bs.tooltip'
const JQUERY_NO_CONFLICT = $.fn[NAME]
const TRANSITION_DURATION = 150
const CLASS_PREFIX = 'bs-tether'
const Default = {
animation : true,
template : '<div class="tooltip" role="tooltip">'
+ '<div class="tooltip-arrow"></div>'
+ '<div class="tooltip-inner"></div></div>',
trigger : 'hover focus',
title : '',
delay : 0,
html : false,
selector : false,
attachment : 'top',
offset : '0 0',
constraints : null
}
const HorizontalMirror = {
LEFT : 'right',
CENTER : 'center',
RIGHT : 'left'
}
const VerticalMirror = {
TOP : 'bottom',
MIDDLE : 'middle',
BOTTOM : 'top'
}
const VerticalDefault = {
LEFT : 'middle',
CENTER : 'bottom',
RIGHT : 'middle'
}
const HorizontalDefault = {
TOP : 'center',
MIDDLE : 'left',
BOTTOM : 'center'
}
const HoverState = {
IN : 'in',
OUT : 'out'
}
const Event = {
HIDE : 'hide.bs.tooltip',
HIDDEN : 'hidden.bs.tooltip',
SHOW : 'show.bs.tooltip',
SHOWN : 'shown.bs.tooltip',
INSERTED : 'inserted.bs.tooltip',
CLICK : 'click.bs.tooltip',
FOCUSIN : 'focusin.bs.tooltip',
FOCUSOUT : 'focusout.bs.tooltip',
MOUSEENTER : 'mouseenter.bs.tooltip',
MOUSELEAVE : 'mouseleave.bs.tooltip'
}
const ClassName = {
FADE : 'fade',
IN : 'in'
}
const Selector = {
TOOLTIP : '.tooltip',
TOOLTIP_INNER : '.tooltip-inner',
TOOLTIP_ARROW : '.tooltip-arrow'
}
const TetherClass = {
element : false,
enabled : false
}
const Trigger = {
HOVER : 'hover',
FOCUS : 'focus',
CLICK : 'click',
MANUAL : 'manual'
}
/**
* ------------------------------------------------------------------------
* Class Definition
* ------------------------------------------------------------------------
*/
class Tooltip {
constructor(element, config) {
// private
this._isEnabled = true
this._timeout = 0
this._hoverState = ''
this._activeTrigger = {}
// protected
this.element = element
this.config = this._getConfig(config)
this.tip = null
this.tether = null
this._setListeners()
}
// getters
static get VERSION() {
return VERSION
}
static get Default() {
return Default
}
// public
enable() {
this._isEnabled = true
}
disable() {
this._isEnabled = false
}
toggleEnabled() {
this._isEnabled = !this._isEnabled
}
toggle(event) {
let context = this
if (event) {
context = $(event.currentTarget).data(DATA_KEY)
if (!context) {
context = new this.constructor(
event.currentTarget,
this._getDelegateConfig()
)
$(event.currentTarget).data(DATA_KEY, context)
}
context._activeTrigger.click = !context._activeTrigger.click
if (context._isWithActiveTrigger()) {
context._enter(null, context)
} else {
context._leave(null, context)
}
} else {
$(context.getTipElement()).hasClass(ClassName.IN) ?
context._leave(null, context) :
context._enter(null, context)
}
}
destroy() {
clearTimeout(this._timeout)
this.hide(() => {
$(this.element)
.off(Selector.TOOLTIP)
.removeData(DATA_KEY)
})
}
show() {
let showEvent = $.Event(Event.SHOW)
if (this.isWithContent() && this._isEnabled) {
$(this.element).trigger(showEvent)
let isInTheDom = $.contains(
this.element.ownerDocument.documentElement,
this.element
)
if (showEvent.isDefaultPrevented() || !isInTheDom) {
return
}
let tip = this.getTipElement()
let tipId = Util.getUID(NAME)
tip.setAttribute('id', tipId)
this.element.setAttribute('aria-describedby', tipId)
this.setContent()
if (this.config.animation) {
$(tip).addClass(ClassName.FADE)
}
let attachment = typeof this.config.attachment === 'function' ?
this.config.attachment.call(this, tip, this.element) :
this.config.attachment
attachment = this.getAttachment(attachment)
$(tip).data(DATA_KEY, this)
this.element.parentNode.insertBefore(tip, this.element.nextSibling)
$(this.element).trigger(Event.INSERTED)
this.tether = new Tether({
element : this.tip,
target : this.element,
attachment : attachment,
classes : TetherClass,
classPrefix : CLASS_PREFIX,
offset : this.config.offset,
constraints : this.config.constraints
})
Util.reflow(tip)
this.tether.position()
$(tip).addClass(ClassName.IN)
let complete = () => {
let prevHoverState = this._hoverState
this._hoverState = null
$(this.element).trigger(Event.SHOWN)
if (prevHoverState === HoverState.OUT) {
this._leave(null, this)
}
}
Util.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE) ?
$(this.tip)
.one(Util.TRANSITION_END, complete)
.emulateTransitionEnd(Tooltip._TRANSITION_DURATION) :
complete()
}
}
hide(callback) {
let tip = this.getTipElement()
let hideEvent = $.Event(Event.HIDE)
let complete = () => {
if (this._hoverState !== HoverState.IN && tip.parentNode) {
tip.parentNode.removeChild(tip)
}
this.element.removeAttribute('aria-describedby')
$(this.element).trigger(Event.HIDDEN)
this.cleanupTether()
if (callback) {
callback()
}
}
$(this.element).trigger(hideEvent)
if (hideEvent.isDefaultPrevented()) {
return
}
$(tip).removeClass(ClassName.IN)
if (Util.supportsTransitionEnd() &&
($(this.tip).hasClass(ClassName.FADE))) {
$(tip)
.one(Util.TRANSITION_END, complete)
.emulateTransitionEnd(TRANSITION_DURATION)
} else {
complete()
}
this._hoverState = ''
}
// protected
isWithContent() {
return !!this.getTitle()
}
getTipElement() {
return (this.tip = this.tip || $(this.config.template)[0])
}
getAttachment(attachmentString) {
let attachmentArray = attachmentString.split(' ')
let normalizedAttachment = {}
if (!attachmentArray.length) {
throw new Error('Tooltip requires attachment')
}
for (let attachment of attachmentArray) {
attachment = attachment.toUpperCase()
if (HorizontalMirror[attachment]) {
normalizedAttachment.horizontal = HorizontalMirror[attachment]
}
if (VerticalMirror[attachment]) {
normalizedAttachment.vertical = VerticalMirror[attachment]
}
}
if (!normalizedAttachment.horizontal &&
(!normalizedAttachment.vertical)) {
throw new Error('Tooltip requires valid attachment')
}
if (!normalizedAttachment.horizontal) {
normalizedAttachment.horizontal =
HorizontalDefault[normalizedAttachment.vertical.toUpperCase()]
}
if (!normalizedAttachment.vertical) {
normalizedAttachment.vertical =
VerticalDefault[normalizedAttachment.horizontal.toUpperCase()]
}
return [
normalizedAttachment.vertical,
normalizedAttachment.horizontal
].join(' ')
}
setContent() {
let tip = this.getTipElement()
let title = this.getTitle()
let method = this.config.html ? 'innerHTML' : 'innerText'
$(tip).find(Selector.TOOLTIP_INNER)[0][method] = title
$(tip)
.removeClass(ClassName.FADE)
.removeClass(ClassName.IN)
this.cleanupTether()
}
getTitle() {
let title = this.element.getAttribute('data-original-title')
if (!title) {
title = typeof this.config.title === 'function' ?
this.config.title.call(this.element) :
this.config.title
}
return title
}
removeTetherClasses(i, css) {
return ((css.baseVal || css).match(
new RegExp(`(^|\\s)${CLASS_PREFIX}-\\S+`, 'g')) || []
).join(' ')
}
cleanupTether() {
if (this.tether) {
this.tether.destroy()
// clean up after tether's junk classes
// remove after they fix issue
// (https://github.com/HubSpot/tether/issues/36)
$(this.element).removeClass(this.removeTetherClasses)
$(this.tip).removeClass(this.removeTetherClasses)
}
}
// private
_setListeners() {
let triggers = this.config.trigger.split(' ')
triggers.forEach((trigger) => {
if (trigger === 'click') {
$(this.element).on(
Event.CLICK,
this.config.selector,
this.toggle.bind(this)
)
} else if (trigger !== Trigger.MANUAL) {
let eventIn = trigger == Trigger.HOVER ?
Event.MOUSEENTER : Event.FOCUSIN
let eventOut = trigger == Trigger.HOVER ?
Event.MOUSELEAVE : Event.FOCUSOUT
$(this.element)
.on(
eventIn,
this.config.selector,
this._enter.bind(this)
)
.on(
eventOut,
this.config.selector,
this._leave.bind(this)
)
}
})
if (this.config.selector) {
this.config = $.extend({}, this.config, {
trigger : 'manual',
selector : ''
})
} else {
this._fixTitle()
}
}
_fixTitle() {
let titleType = typeof this.element.getAttribute('data-original-title')
if (this.element.getAttribute('title') ||
(titleType !== 'string')) {
this.element.setAttribute(
'data-original-title',
this.element.getAttribute('title') || ''
)
this.element.setAttribute('title', '')
}
}
_enter(event, context) {
context = context || $(event.currentTarget).data(DATA_KEY)
if (!context) {
context = new this.constructor(
event.currentTarget,
this._getDelegateConfig()
)
$(event.currentTarget).data(DATA_KEY, context)
}
if (event) {
context._activeTrigger[
event.type == 'focusin' ? Trigger.FOCUS : Trigger.HOVER
] = true
}
if ($(context.getTipElement()).hasClass(ClassName.IN) ||
(context._hoverState === HoverState.IN)) {
context._hoverState = HoverState.IN
return
}
clearTimeout(context._timeout)
context._hoverState = HoverState.IN
if (!context.config.delay || !context.config.delay.show) {
context.show()
return
}
context._timeout = setTimeout(() => {
if (context._hoverState === HoverState.IN) {
context.show()
}
}, context.config.delay.show)
}
_leave(event, context) {
context = context || $(event.currentTarget).data(DATA_KEY)
if (!context) {
context = new this.constructor(
event.currentTarget,
this._getDelegateConfig()
)
$(event.currentTarget).data(DATA_KEY, context)
}
if (event) {
context._activeTrigger[
event.type == 'focusout' ? Triger.FOCUS : Trigger.HOVER
] = false
}
if (context._isWithActiveTrigger()) {
return
}
clearTimeout(context._timeout)
context._hoverState = HoverState.OUT
if (!context.config.delay || !context.config.delay.hide) {
context.hide()
return
}
context._timeout = setTimeout(() => {
if (context._hoverState === HoverState.OUT) {
context.hide()
}
}, context.config.delay.hide)
}
_isWithActiveTrigger() {
for (let trigger in this._activeTrigger) {
if (this._activeTrigger[trigger]) {
return true
}
}
return false
}
_getConfig(config) {
config = $.extend({}, Default, $(this.element).data(), config)
if (config.delay && typeof config.delay === 'number') {
config.delay = {
show : config.delay,
hide : config.delay
}
}
return config
}
_getDelegateConfig() {
let config = {}
if (this.config) {
for (let key in this.config) {
let value = this.config[key]
if (Default[key] !== value) {
config[key] = value
}
}
}
return config
}
// static
static _jQueryInterface(config) {
return this.each(function () {
let data = $(this).data(DATA_KEY)
let _config = typeof config === 'object' ?
config : null
if (!data && /destroy|hide/.test(config)) {
return
}
if (!data) {
data = new Tooltip(this, _config)
$(this).data(DATA_KEY, data)
}
if (typeof config === 'string') {
data[config]()
}
})
}
}
/**
* ------------------------------------------------------------------------
* jQuery
* ------------------------------------------------------------------------
*/
$.fn[NAME] = Tooltip._jQueryInterface
$.fn[NAME].Constructor = Tooltip
$.fn[NAME].noConflict = function () {
$.fn[NAME] = JQUERY_NO_CONFLICT
return Tooltip._jQueryInterface
}
return Tooltip
})(jQuery)
export default Tooltip

155
js/tab.js
View File

@ -1,155 +0,0 @@
/* ========================================================================
* Bootstrap: tab.js v3.3.4
* http://getbootstrap.com/javascript/#tabs
* ========================================================================
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
+function ($) {
'use strict';
// TAB CLASS DEFINITION
// ====================
var Tab = function (element) {
// jscs:disable requireDollarBeforejQueryAssignment
this.element = $(element)
// jscs:enable requireDollarBeforejQueryAssignment
}
Tab.VERSION = '3.3.4'
Tab.TRANSITION_DURATION = 150
Tab.prototype.show = function () {
var $this = this.element
var $ul = $this.closest('ul:not(.dropdown-menu)')
var selector = $this.data('target')
if (!selector) {
selector = $this.attr('href')
selector = selector && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
}
if ($this.parent('li').hasClass('active')) return
var $previous = $ul.find('.active:last a')
var hideEvent = $.Event('hide.bs.tab', {
relatedTarget: $this[0]
})
var showEvent = $.Event('show.bs.tab', {
relatedTarget: $previous[0]
})
$previous.trigger(hideEvent)
$this.trigger(showEvent)
if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) return
var $target = $(selector)
this.activate($this.closest('li'), $ul)
this.activate($target, $target.parent(), function () {
$previous.trigger({
type: 'hidden.bs.tab',
relatedTarget: $this[0]
})
$this.trigger({
type: 'shown.bs.tab',
relatedTarget: $previous[0]
})
})
}
Tab.prototype.activate = function (element, container, callback) {
var $active = container.find('> .active')
var transition = callback
&& $.support.transition
&& ($active.length && $active.hasClass('fade') || !!container.find('> .fade').length)
function next() {
$active
.removeClass('active')
.find('> .dropdown-menu > .active')
.removeClass('active')
.end()
.find('[data-toggle="tab"]')
.attr('aria-expanded', false)
element
.addClass('active')
.find('[data-toggle="tab"]')
.attr('aria-expanded', true)
if (transition) {
element[0].offsetWidth // reflow for transition
element.addClass('in')
} else {
element.removeClass('fade')
}
if (element.parent('.dropdown-menu').length) {
element
.closest('li.dropdown')
.addClass('active')
.end()
.find('[data-toggle="tab"]')
.attr('aria-expanded', true)
}
callback && callback()
}
$active.length && transition ?
$active
.one('bsTransitionEnd', next)
.emulateTransitionEnd(Tab.TRANSITION_DURATION) :
next()
$active.removeClass('in')
}
// TAB PLUGIN DEFINITION
// =====================
function Plugin(option) {
return this.each(function () {
var $this = $(this)
var data = $this.data('bs.tab')
if (!data) $this.data('bs.tab', (data = new Tab(this)))
if (typeof option == 'string') data[option]()
})
}
var old = $.fn.tab
$.fn.tab = Plugin
$.fn.tab.Constructor = Tab
// TAB NO CONFLICT
// ===============
$.fn.tab.noConflict = function () {
$.fn.tab = old
return this
}
// TAB DATA-API
// ============
var clickHandler = function (e) {
e.preventDefault()
Plugin.call($(this), 'show')
}
$(document)
.on('click.bs.tab.data-api', '[data-toggle="tab"]', clickHandler)
.on('click.bs.tab.data-api', '[data-toggle="pill"]', clickHandler)
}(jQuery);

View File

@ -7,6 +7,7 @@
<!-- jQuery --> <!-- jQuery -->
<script src="vendor/jquery.min.js"></script> <script src="vendor/jquery.min.js"></script>
<script src="vendor/tether.min.js"></script>
<script> <script>
// Disable jQuery event aliases to ensure we don't accidentally use any of them // Disable jQuery event aliases to ensure we don't accidentally use any of them
(function () { (function () {
@ -139,12 +140,12 @@
<script src="../../js/dist/modal.js"></script> <script src="../../js/dist/modal.js"></script>
<script src="../../js/dist/scrollspy.js"></script> <script src="../../js/dist/scrollspy.js"></script>
<script src="../../js/dist/tab.js"></script> <script src="../../js/dist/tab.js"></script>
<script src="../../js/dist/tooltip.js"></script>
<!-- Old Plugin sources --> <!-- Old Plugin sources -->
<script src="../../js/tooltip.js"></script> <!-- <script src="../../js/popover.js"></script> -->
<script src="../../js/popover.js"></script>
<!-- Unit tests --> <!-- Unit tests
<script src="unit/alert.js"></script> <script src="unit/alert.js"></script>
<script src="unit/button.js"></script> <script src="unit/button.js"></script>
<script src="unit/carousel.js"></script> <script src="unit/carousel.js"></script>
@ -152,9 +153,9 @@
<script src="unit/dropdown.js"></script> <script src="unit/dropdown.js"></script>
<script src="unit/modal.js"></script> <script src="unit/modal.js"></script>
<script src="unit/scrollspy.js"></script> <script src="unit/scrollspy.js"></script>
<script src="unit/tab.js"></script> <script src="unit/tab.js"></script> -->
<script src="unit/tooltip.js"></script> <script src="unit/tooltip.js"></script>
<script src="unit/popover.js"></script> <!-- <script src="unit/popover.js"></script> -->
</head> </head>
<body> <body>

View File

@ -16,6 +16,7 @@ $(function () {
afterEach: function () { afterEach: function () {
$.fn.tooltip = $.fn.bootstrapTooltip $.fn.tooltip = $.fn.bootstrapTooltip
delete $.fn.bootstrapTooltip delete $.fn.bootstrapTooltip
$('.tooltip').remove()
} }
}) })
@ -34,7 +35,7 @@ $(function () {
QUnit.test('should expose default settings', function (assert) { QUnit.test('should expose default settings', function (assert) {
assert.expect(1) assert.expect(1)
assert.ok($.fn.bootstrapTooltip.Constructor.DEFAULTS, 'defaults is defined') assert.ok($.fn.bootstrapTooltip.Constructor.Default, 'defaults is defined')
}) })
QUnit.test('should empty title attribute', function (assert) { QUnit.test('should empty title attribute', function (assert) {
@ -88,17 +89,21 @@ $(function () {
assert.strictEqual(id.indexOf('tooltip'), 0, 'tooltip id has prefix') assert.strictEqual(id.indexOf('tooltip'), 0, 'tooltip id has prefix')
}) })
QUnit.test('should place tooltips relative to placement option', function (assert) { QUnit.test('should place tooltips relative to attachment option', function (assert) {
assert.expect(2) assert.expect(2)
var $tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"/>') var $tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"/>')
.appendTo('#qunit-fixture') .appendTo('#qunit-fixture')
.bootstrapTooltip({ placement: 'bottom' }) .bootstrapTooltip({ attachment: 'bottom' })
$tooltip.bootstrapTooltip('show') $tooltip.bootstrapTooltip('show')
assert.ok($('.tooltip').is('.fade.bottom.in'), 'has correct classes applied')
assert
.ok($('.tooltip')
.is('.fade.bs-tether-element-attached-top.bs-tether-element-attached-center.in'), 'has correct classes applied')
$tooltip.bootstrapTooltip('hide') $tooltip.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed')
assert.strictEqual($tooltip.data('bs.tooltip').tip.parentNode, null, 'tooltip removed')
}) })
QUnit.test('should allow html entities', function (assert) { QUnit.test('should allow html entities', function (assert) {
@ -111,7 +116,7 @@ $(function () {
assert.notEqual($('.tooltip b').length, 0, 'b tag was inserted') assert.notEqual($('.tooltip b').length, 0, 'b tag was inserted')
$tooltip.bootstrapTooltip('hide') $tooltip.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed') assert.strictEqual($tooltip.data('bs.tooltip').tip.parentNode, null, 'tooltip removed')
}) })
QUnit.test('should respect custom classes', function (assert) { QUnit.test('should respect custom classes', function (assert) {
@ -124,7 +129,7 @@ $(function () {
assert.ok($('.tooltip').hasClass('some-class'), 'custom class is present') assert.ok($('.tooltip').hasClass('some-class'), 'custom class is present')
$tooltip.bootstrapTooltip('hide') $tooltip.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed') assert.strictEqual($tooltip.data('bs.tooltip').tip.parentNode, null, 'tooltip removed')
}) })
QUnit.test('should fire show event', function (assert) { QUnit.test('should fire show event', function (assert) {
@ -253,21 +258,21 @@ $(function () {
assert.ok(!$._data($tooltip[0], 'events').mouseover && !$._data($tooltip[0], 'events').mouseout, 'tooltip does not have hover events') assert.ok(!$._data($tooltip[0], 'events').mouseover && !$._data($tooltip[0], 'events').mouseout, 'tooltip does not have hover events')
}) })
QUnit.test('should show tooltip with delegate selector on click', function (assert) { // QUnit.test('should show tooltip with delegate selector on click', function (assert) {
assert.expect(2) // assert.expect(2)
var $div = $('<div><a href="#" rel="tooltip" title="Another tooltip"/></div>') // var $div = $('<div><a href="#" rel="tooltip" title="Another tooltip"/></div>')
.appendTo('#qunit-fixture') // .appendTo('#qunit-fixture')
.bootstrapTooltip({ // .bootstrapTooltip({
selector: 'a[rel="tooltip"]', // selector: 'a[rel="tooltip"]',
trigger: 'click' // trigger: 'click'
}) // })
$div.find('a').trigger('click') // $div.find('a').trigger('click')
assert.ok($('.tooltip').is('.fade.in'), 'tooltip is faded in') // assert.ok($('.tooltip').is('.fade.in'), 'tooltip is faded in')
$div.find('a').trigger('click') // $div.find('a').trigger('click')
assert.strictEqual($('.tooltip').length, 0, 'tooltip was removed from dom') // assert.strictEqual($div.data('bs.tooltip').tip.parentNode, null, 'tooltip removed')
}) // })
QUnit.test('should show tooltip when toggle is called', function (assert) { QUnit.test('should show tooltip when toggle is called', function (assert) {
assert.expect(1) assert.expect(1)
@ -307,20 +312,20 @@ $(function () {
QUnit.test('should add position class before positioning so that position-specific styles are taken into account', function (assert) { QUnit.test('should add position class before positioning so that position-specific styles are taken into account', function (assert) {
assert.expect(1) assert.expect(1)
var styles = '<style>' var styles = '<style>'
+ '.tooltip.right { white-space: nowrap; }' + '.tooltip.right { white-space: nowrap; }'
+ '.tooltip.right .tooltip-inner { max-width: none; }' + '.tooltip.right .tooltip-inner { max-width: none; }'
+ '</style>' + '</style>'
var $styles = $(styles).appendTo('head') var $styles = $(styles).appendTo('head')
var $container = $('<div/>').appendTo('#qunit-fixture') var $container = $('<div/>').appendTo('#qunit-fixture')
var $target = $('<a href="#" rel="tooltip" title="very very very very very very very very long tooltip in one line"/>') var $target = $('<a href="#" rel="tooltip" title="very very very very very very very very long tooltip in one line"/>')
.appendTo($container) .appendTo($container)
.bootstrapTooltip({ .bootstrapTooltip({
placement: 'right', attachment: 'right',
viewport: null
}) })
.bootstrapTooltip('show') .bootstrapTooltip('show')
var $tooltip = $container.find('.tooltip')
var $tooltip = $($target.data('bs.tooltip').tip)
// this is some dumb hack shit because sub pixels in firefox // this is some dumb hack shit because sub pixels in firefox
var top = Math.round($target.offset().top + ($target[0].offsetHeight / 2) - ($tooltip[0].offsetHeight / 2)) var top = Math.round($target.offset().top + ($target[0].offsetHeight / 2) - ($tooltip[0].offsetHeight / 2))
@ -376,444 +381,7 @@ $(function () {
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom') assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
}) })
QUnit.test('should be placed dynamically to viewport with the dynamic placement option', function (assert) { QUnit.test('should not error when trying to show an top-placed tooltip that has been removed from the dom', function (assert) {
assert.expect(6)
var $style = $('<style> div[rel="tooltip"] { position: absolute; } #qunit-fixture { top: inherit; left: inherit } </style>').appendTo('head')
var $container = $('<div/>')
.css({
position: 'relative',
height: '100%'
})
.appendTo('#qunit-fixture')
var $topTooltip = $('<div style="left: 0; top: 0;" rel="tooltip" title="Top tooltip">Top Dynamic Tooltip</div>')
.appendTo($container)
.bootstrapTooltip({ placement: 'auto', viewport: '#qunit-fixture' })
$topTooltip.bootstrapTooltip('show')
assert.ok($('.tooltip').is('.bottom'), 'top positioned tooltip is dynamically positioned to bottom')
$topTooltip.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'top positioned tooltip removed from dom')
var $rightTooltip = $('<div style="right: 0;" rel="tooltip" title="Right tooltip">Right Dynamic Tooltip</div>')
.appendTo($container)
.bootstrapTooltip({ placement: 'right auto', viewport: '#qunit-fixture' })
$rightTooltip.bootstrapTooltip('show')
assert.ok($('.tooltip').is('.left'), 'right positioned tooltip is dynamically positioned left')
$rightTooltip.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'right positioned tooltip removed from dom')
var $leftTooltip = $('<div style="left: 0;" rel="tooltip" title="Left tooltip">Left Dynamic Tooltip</div>')
.appendTo($container)
.bootstrapTooltip({ placement: 'auto left', viewport: '#qunit-fixture' })
$leftTooltip.bootstrapTooltip('show')
assert.ok($('.tooltip').is('.right'), 'left positioned tooltip is dynamically positioned right')
$leftTooltip.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'left positioned tooltip removed from dom')
$container.remove()
$style.remove()
})
QUnit.test('should position tip on top if viewport has enough space and placement is "auto top"', function (assert) {
assert.expect(2)
var styles = '<style>'
+ 'body { padding-top: 100px; }'
+ '#section { height: 300px; border: 1px solid red; padding-top: 50px }'
+ 'div[rel="tooltip"] { width: 150px; border: 1px solid blue; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
var $container = $('<div id="section"/>').appendTo('#qunit-fixture')
var $target = $('<div rel="tooltip" title="tip"/>')
.appendTo($container)
.bootstrapTooltip({
placement: 'auto top',
viewport: '#section'
})
$target.bootstrapTooltip('show')
assert.ok($('.tooltip').is('.top'), 'top positioned tooltip is dynamically positioned to top')
$target.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
$styles.remove()
})
QUnit.test('should position tip on top if viewport has enough space and is not parent', function (assert) {
assert.expect(2)
var styles = '<style>'
+ '#section { height: 300px; border: 1px solid red; margin-top: 100px; }'
+ 'div[rel="tooltip"] { width: 150px; border: 1px solid blue; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
var $container = $('<div id="section"/>').appendTo('#qunit-fixture')
var $target = $('<div rel="tooltip" title="tip"/>')
.appendTo($container)
.bootstrapTooltip({
placement: 'auto top',
viewport: '#qunit-fixture'
})
$target.bootstrapTooltip('show')
assert.ok($('.tooltip').is('.top'), 'top positioned tooltip is dynamically positioned to top')
$target.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
$styles.remove()
})
QUnit.test('should position tip on bottom if the tip\'s dimension exceeds the viewport area and placement is "auto top"', function (assert) {
assert.expect(2)
var styles = '<style>'
+ 'body { padding-top: 100px; }'
+ '#section { height: 300px; border: 1px solid red; }'
+ 'div[rel="tooltip"] { width: 150px; border: 1px solid blue; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
var $container = $('<div id="section"/>').appendTo('#qunit-fixture')
var $target = $('<div rel="tooltip" title="tip"/>')
.appendTo($container)
.bootstrapTooltip({
placement: 'auto top',
viewport: '#section'
})
$target.bootstrapTooltip('show')
assert.ok($('.tooltip').is('.bottom'), 'top positioned tooltip is dynamically positioned to bottom')
$target.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
$styles.remove()
})
QUnit.test('should display the tip on top whenever scrollable viewport has enough room if the given placement is "auto top"', function (assert) {
assert.expect(2)
var styles = '<style>'
+ '#scrollable-div { height: 200px; overflow: auto; }'
+ '.tooltip-item { margin: 200px 0 400px; width: 150px; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
var $container = $('<div id="scrollable-div"/>').appendTo('#qunit-fixture')
var $target = $('<div rel="tooltip" title="tip" class="tooltip-item">Tooltip Item</div>')
.appendTo($container)
.bootstrapTooltip({
placement: 'top auto',
viewport: '#scrollable-div'
})
$('#scrollable-div').scrollTop(100)
$target.bootstrapTooltip('show')
assert.ok($('.tooltip').is('.fade.top.in'), 'has correct classes applied')
$target.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
$styles.remove()
})
QUnit.test('should display the tip on bottom whenever scrollable viewport doesn\'t have enough room if the given placement is "auto top"', function (assert) {
assert.expect(2)
var styles = '<style>'
+ '#scrollable-div { height: 200px; overflow: auto; }'
+ '.tooltip-item { padding: 200px 0 400px; width: 150px; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
var $container = $('<div id="scrollable-div"/>').appendTo('#qunit-fixture')
var $target = $('<div rel="tooltip" title="tip" class="tooltip-item">Tooltip Item</div>')
.appendTo($container)
.bootstrapTooltip({
placement: 'top auto',
viewport: '#scrollable-div'
})
$('#scrollable-div').scrollTop(200)
$target.bootstrapTooltip('show')
assert.ok($('.tooltip').is('.fade.bottom.in'), 'has correct classes applied')
$target.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
$styles.remove()
})
QUnit.test('should display the tip on bottom whenever scrollable viewport has enough room if the given placement is "auto bottom"', function (assert) {
assert.expect(2)
var styles = '<style>'
+ '#scrollable-div { height: 200px; overflow: auto; }'
+ '.spacer { height: 400px; }'
+ '.spacer:first-child { height: 200px; }'
+ '.tooltip-item { width: 150px; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
var $container = $('<div id="scrollable-div"/>').appendTo('#qunit-fixture')
var $target = $('<div rel="tooltip" title="tip" class="tooltip-item">Tooltip Item</div>')
.appendTo($container)
.before('<div class="spacer"/>')
.after('<div class="spacer"/>')
.bootstrapTooltip({
placement: 'bottom auto',
viewport: '#scrollable-div'
})
$('#scrollable-div').scrollTop(200)
$target.bootstrapTooltip('show')
assert.ok($('.tooltip').is('.fade.bottom.in'), 'has correct classes applied')
$target.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
$styles.remove()
})
QUnit.test('should display the tip on top whenever scrollable viewport doesn\'t have enough room if the given placement is "auto bottom"', function (assert) {
assert.expect(2)
var styles = '<style>'
+ '#scrollable-div { height: 200px; overflow: auto; }'
+ '.tooltip-item { margin-top: 400px; width: 150px; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
var $container = $('<div id="scrollable-div"/>').appendTo('#qunit-fixture')
var $target = $('<div rel="tooltip" title="tip" class="tooltip-item">Tooltip Item</div>')
.appendTo($container)
.bootstrapTooltip({
placement: 'bottom auto',
viewport: '#scrollable-div'
})
$('#scrollable-div').scrollTop(400)
$target.bootstrapTooltip('show')
assert.ok($('.tooltip').is('.fade.top.in'), 'has correct classes applied')
$target.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
$styles.remove()
})
QUnit.test('should adjust the tip\'s top position when up against the top of the viewport', function (assert) {
assert.expect(2)
var styles = '<style>'
+ '.tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; }'
+ 'a[rel="tooltip"] { position: fixed; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
var $container = $('<div/>').appendTo('#qunit-fixture')
var $target = $('<a href="#" rel="tooltip" title="tip" style="top: 0px; left: 0px;"/>')
.appendTo($container)
.bootstrapTooltip({
placement: 'right',
viewport: {
selector: 'body',
padding: 12
}
})
$target.bootstrapTooltip('show')
assert.strictEqual(Math.round($container.find('.tooltip').offset().top), 12)
$target.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
$styles.remove()
})
QUnit.test('should adjust the tip\'s top position when up against the bottom of the viewport', function (assert) {
assert.expect(2)
var styles = '<style>'
+ '.tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; }'
+ 'a[rel="tooltip"] { position: fixed; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
var $container = $('<div/>').appendTo('#qunit-fixture')
var $target = $('<a href="#" rel="tooltip" title="tip" style="bottom: 0px; left: 0px;"/>')
.appendTo($container)
.bootstrapTooltip({
placement: 'right',
viewport: {
selector: 'body',
padding: 12
}
})
$target.bootstrapTooltip('show')
var $tooltip = $container.find('.tooltip')
assert.strictEqual(Math.round($tooltip.offset().top), Math.round($(window).height() - 12 - $tooltip[0].offsetHeight))
$target.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
$container.remove()
$styles.remove()
})
QUnit.test('should adjust the tip\'s left position when up against the left of the viewport', function (assert) {
assert.expect(2)
var styles = '<style>'
+ '.tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; }'
+ 'a[rel="tooltip"] { position: fixed; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
var $container = $('<div/>').appendTo('#qunit-fixture')
var $target = $('<a href="#" rel="tooltip" title="tip" style="top: 0px; left: 0px;"/>')
.appendTo($container)
.bootstrapTooltip({
placement: 'bottom',
viewport: {
selector: 'body',
padding: 12
}
})
$target.bootstrapTooltip('show')
assert.strictEqual(Math.round($container.find('.tooltip').offset().left), 12)
$target.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
$container.remove()
$styles.remove()
})
QUnit.test('should adjust the tip\'s left position when up against the right of the viewport', function (assert) {
assert.expect(2)
var styles = '<style>'
+ '.tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; }'
+ 'a[rel="tooltip"] { position: fixed; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
var $container = $('<div/>').appendTo('body')
var $target = $('<a href="#" rel="tooltip" title="tip" style="top: 0px; right: 0px;"/>')
.appendTo($container)
.bootstrapTooltip({
placement: 'bottom',
viewport: {
selector: 'body',
padding: 12
}
})
$target.bootstrapTooltip('show')
var $tooltip = $container.find('.tooltip')
assert.strictEqual(Math.round($tooltip.offset().left), Math.round($(window).width() - 12 - $tooltip[0].offsetWidth))
$target.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
$container.remove()
$styles.remove()
})
QUnit.test('should adjust the tip when up against the right of an arbitrary viewport', function (assert) {
assert.expect(2)
var styles = '<style>'
+ '.tooltip, .tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; }'
+ '.container-viewport { position: absolute; top: 50px; left: 60px; width: 300px; height: 300px; }'
+ 'a[rel="tooltip"] { position: fixed; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
var $container = $('<div class="container-viewport"/>').appendTo(document.body)
var $target = $('<a href="#" rel="tooltip" title="tip" style="top: 50px; left: 350px;"/>')
.appendTo($container)
.bootstrapTooltip({
placement: 'bottom',
viewport: '.container-viewport'
})
$target.bootstrapTooltip('show')
var $tooltip = $container.find('.tooltip')
assert.strictEqual(Math.round($tooltip.offset().left), Math.round(60 + $container.width() - $tooltip[0].offsetWidth))
$target.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
$container.remove()
$styles.remove()
})
QUnit.test('should get viewport element from function', function (assert) {
assert.expect(3)
var styles = '<style>'
+ '.tooltip, .tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; }'
+ '.container-viewport { position: absolute; top: 50px; left: 60px; width: 300px; height: 300px; }'
+ 'a[rel="tooltip"] { position: fixed; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
var $container = $('<div class="container-viewport"/>').appendTo(document.body)
var $target = $('<a href="#" rel="tooltip" title="tip" style="top: 50px; left: 350px;"/>').appendTo($container)
$target
.bootstrapTooltip({
placement: 'bottom',
viewport: function ($element) {
assert.strictEqual($element[0], $target[0], 'viewport function was passed target as argument')
return ($element.closest('.container-viewport'))
}
})
$target.bootstrapTooltip('show')
var $tooltip = $container.find('.tooltip')
assert.strictEqual(Math.round($tooltip.offset().left), Math.round(60 + $container.width() - $tooltip[0].offsetWidth))
$target.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
$container.remove()
$styles.remove()
})
QUnit.test('should not misplace the tip when the right edge offset is greater or equal than the viewport width', function (assert) {
assert.expect(2)
var styles = '<style>'
+ '.tooltip, .tooltip *, .tooltip *:before, .tooltip *:after { box-sizing: border-box; }'
+ '.container-viewport, .container-viewport *, .container-viewport *:before, .container-viewport *:after { box-sizing: border-box; }'
+ '.tooltip, .tooltip .tooltip-inner { width: 50px; height: 50px; max-width: none; background: red; }'
+ '.container-viewport { padding: 100px; margin-left: 100px; width: 100px; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
var $container = $('<div class="container-viewport"/>').appendTo(document.body)
var $target = $('<a href="#" rel="tooltip" title="tip">foobar</a>')
.appendTo($container)
.bootstrapTooltip({
viewport: '.container-viewport'
})
$target.bootstrapTooltip('show')
var $tooltip = $container.find('.tooltip')
assert.strictEqual(Math.round($tooltip.offset().left), Math.round($target.position().left + $target.width() / 2 - $tooltip[0].offsetWidth / 2))
$target.bootstrapTooltip('hide')
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
$container.remove()
$styles.remove()
})
QUnit.test('should not error when trying to show an auto-placed tooltip that has been removed from the dom', function (assert) {
assert.expect(1) assert.expect(1)
var passed = true var passed = true
var $tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"/>') var $tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"/>')
@ -821,7 +389,7 @@ $(function () {
.one('show.bs.tooltip', function () { .one('show.bs.tooltip', function () {
$(this).remove() $(this).remove()
}) })
.bootstrapTooltip({ placement: 'auto' }) .bootstrapTooltip({ attachment: 'top' })
try { try {
$tooltip.bootstrapTooltip('show') $tooltip.bootstrapTooltip('show')
@ -858,12 +426,12 @@ $(function () {
.find('a') .find('a')
.css('margin-top', 200) .css('margin-top', 200)
.bootstrapTooltip({ .bootstrapTooltip({
placement: 'top', attachment: 'top',
animate: false animate: false
}) })
.bootstrapTooltip('show') .bootstrapTooltip('show')
var $tooltip = $container.find('.tooltip') var $tooltip = $($trigger.data('bs.tooltip').tip)
setTimeout(function () { setTimeout(function () {
assert.ok(Math.round($tooltip.offset().top + $tooltip.outerHeight()) <= Math.round($trigger.offset().top)) assert.ok(Math.round($tooltip.offset().top + $tooltip.outerHeight()) <= Math.round($trigger.offset().top))
@ -871,38 +439,6 @@ $(function () {
}, 0) }, 0)
}) })
QUnit.test('should place tooltip inside viewport', function (assert) {
assert.expect(1)
var done = assert.async()
var $container = $('<div/>')
.css({
position: 'absolute',
width: 200,
height: 200,
bottom: 0,
left: 0
})
.appendTo('#qunit-fixture')
$('<a href="#" title="Very very very very very very very very long tooltip">Hover me</a>')
.css({
position: 'absolute',
top: 0,
left: 0
})
.appendTo($container)
.bootstrapTooltip({
placement: 'top'
})
.bootstrapTooltip('show')
setTimeout(function () {
assert.ok($('.tooltip').offset().left >= 0)
done()
}, 0)
})
QUnit.test('should show tooltip if leave event hasn\'t occurred before delay expires', function (assert) { QUnit.test('should show tooltip if leave event hasn\'t occurred before delay expires', function (assert) {
assert.expect(2) assert.expect(2)
var done = assert.async() var done = assert.async()
@ -1021,16 +557,16 @@ $(function () {
.bootstrapTooltip({ delay: { show: 0, hide: 150 }}) .bootstrapTooltip({ delay: { show: 0, hide: 150 }})
setTimeout(function () { setTimeout(function () {
assert.ok($tooltip.data('bs.tooltip').$tip.is('.fade.in'), '1ms: tooltip faded in') assert.ok($($tooltip.data('bs.tooltip').tip).is('.fade.in'), '1ms: tooltip faded in')
$tooltip.trigger('mouseout') $tooltip.trigger('mouseout')
setTimeout(function () { setTimeout(function () {
assert.ok($tooltip.data('bs.tooltip').$tip.is('.fade.in'), '100ms: tooltip still faded in') assert.ok($($tooltip.data('bs.tooltip').tip).is('.fade.in'), '100ms: tooltip still faded in')
}, 100) }, 100)
setTimeout(function () { setTimeout(function () {
assert.ok(!$tooltip.data('bs.tooltip').$tip.is('.in'), '200ms: tooltip removed') assert.ok(!$($tooltip.data('bs.tooltip').tip).is('.in'), '200ms: tooltip removed')
done() done()
}, 200) }, 200)
@ -1073,61 +609,19 @@ $(function () {
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom') assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
done() done()
}) })
.bootstrapTooltip({ container: 'body', placement: 'top', trigger: 'manual' }) .bootstrapTooltip({ attachment: 'top', trigger: 'manual' })
$circle.bootstrapTooltip('show') $circle.bootstrapTooltip('show')
}) })
QUnit.test('should correctly determine auto placement based on container rather than parent', function (assert) {
assert.expect(2)
var done = assert.async()
var styles = '<style>'
+ '.tooltip, .tooltip *, .tooltip *:before, .tooltip *:after { box-sizing: border-box; }'
+ '.tooltip { position: absolute; display: block; font-size: 12px; line-height: 1.4; }'
+ '.tooltip .tooltip-inner { max-width: 200px; padding: 3px 8px; font-family: Helvetica; text-align: center; }'
+ '#trigger-parent {'
+ ' position: fixed;'
+ ' top: 100px;'
+ ' right: 17px;'
+ '}'
+ '</style>'
var $styles = $(styles).appendTo('head')
$('#qunit-fixture').append('<span id="trigger-parent"><a id="tt-trigger" title="If a_larger_text is written here, it won\'t fit using older broken version of BS">HOVER OVER ME</a></span>')
var $trigger = $('#tt-trigger')
$trigger
.on('shown.bs.tooltip', function () {
var $tip = $('.tooltip-inner')
var tipXrightEdge = $tip.offset().left + $tip.width()
var triggerXleftEdge = $trigger.offset().left
assert.ok(tipXrightEdge < triggerXleftEdge, 'tooltip with auto left placement, when near the right edge of the viewport, gets left placement')
$trigger.bootstrapTooltip('hide')
})
.on('hidden.bs.tooltip', function () {
$styles.remove()
$(this).remove()
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
done()
})
.bootstrapTooltip({
container: 'body',
placement: 'auto left',
trigger: 'manual'
})
$trigger.bootstrapTooltip('show')
})
QUnit.test('should not reload the tooltip on subsequent mouseenter events', function (assert) { QUnit.test('should not reload the tooltip on subsequent mouseenter events', function (assert) {
assert.expect(1) assert.expect(1)
var titleHtml = function () { var titleHtml = function () {
var uid = $.fn.bootstrapTooltip.Constructor.prototype.getUID('tooltip') var uid = Util.getUID('tooltip')
return '<p id="tt-content">' + uid + '</p><p>' + uid + '</p><p>' + uid + '</p>' return '<p id="tt-content">' + uid + '</p><p>' + uid + '</p><p>' + uid + '</p>'
} }
var $tooltip = $('<span id="tt-outer" rel="tooltip" data-trigger="hover" data-placement="top">some text</span>') var $tooltip = $('<span id="tt-outer" rel="tooltip" data-trigger="hover" data-attachment="top">some text</span>')
.appendTo('#qunit-fixture') .appendTo('#qunit-fixture')
$tooltip.bootstrapTooltip({ $tooltip.bootstrapTooltip({
@ -1149,12 +643,13 @@ $(function () {
QUnit.test('should not reload the tooltip if the mouse leaves and re-enters before hiding', function (assert) { QUnit.test('should not reload the tooltip if the mouse leaves and re-enters before hiding', function (assert) {
assert.expect(4) assert.expect(4)
var titleHtml = function () { var titleHtml = function () {
var uid = $.fn.bootstrapTooltip.Constructor.prototype.getUID('tooltip') var uid = Util.getUID('tooltip')
return '<p id="tt-content">' + uid + '</p><p>' + uid + '</p><p>' + uid + '</p>' return '<p id="tt-content">' + uid + '</p><p>' + uid + '</p><p>' + uid + '</p>'
} }
var $tooltip = $('<span id="tt-outer" rel="tooltip" data-trigger="hover" data-placement="top">some text</span>') var $tooltip = $('<span id="tt-outer" rel="tooltip" data-trigger="hover" data-attachment="top">some text</span>')
.appendTo('#qunit-fixture') .appendTo('#qunit-fixture')
$tooltip.bootstrapTooltip({ $tooltip.bootstrapTooltip({
@ -1162,7 +657,6 @@ $(function () {
animation: false, animation: false,
trigger: 'hover', trigger: 'hover',
delay: { show: 0, hide: 500 }, delay: { show: 0, hide: 500 },
container: $tooltip,
title: titleHtml title: titleHtml
}) })
@ -1175,47 +669,14 @@ $(function () {
$('#tt-outer').trigger('mouseleave') $('#tt-outer').trigger('mouseleave')
assert.strictEqual(currentUid, $('#tt-content').text()) assert.strictEqual(currentUid, $('#tt-content').text())
assert.ok(obj.hoverState == 'out', 'the tooltip hoverState should be set to "out"') assert.ok(obj._hoverState == 'out', 'the tooltip hoverState should be set to "out"')
$('#tt-content').trigger('mouseenter') $('#tt-outer').trigger('mouseenter')
assert.ok(obj.hoverState == 'in', 'the tooltip hoverState should be set to "in"') assert.ok(obj._hoverState == 'in', 'the tooltip hoverState should be set to "in"')
assert.strictEqual(currentUid, $('#tt-content').text()) assert.strictEqual(currentUid, $('#tt-content').text())
}) })
QUnit.test('should position arrow correctly when tooltip is moved to not appear offscreen', function (assert) {
assert.expect(2)
var done = assert.async()
var styles = '<style>'
+ '.tooltip, .tooltip *, .tooltip *:before, .tooltip *:after { box-sizing: border-box; }'
+ '.tooltip { position: absolute; }'
+ '.tooltip-arrow { position: absolute; width: 0; height: 0; }'
+ '.tooltip .tooltip-inner { max-width: 200px; padding: 3px 8px; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
$('<a href="#" title="tooltip title" style="position: absolute; bottom: 0; right: 0;">Foobar</a>')
.appendTo('body')
.on('shown.bs.tooltip', function () {
var arrowStyles = $(this).data('bs.tooltip').$tip.find('.tooltip-arrow').attr('style')
assert.ok(/left/i.test(arrowStyles) && !/top/i.test(arrowStyles), 'arrow positioned correctly')
$(this).bootstrapTooltip('hide')
})
.on('hidden.bs.tooltip', function () {
$styles.remove()
$(this).remove()
assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom')
done()
})
.bootstrapTooltip({
container: 'body',
placement: 'top',
trigger: 'manual'
})
.bootstrapTooltip('show')
})
QUnit.test('should correctly position tooltips on transformed elements', function (assert) { QUnit.test('should correctly position tooltips on transformed elements', function (assert) {
var styleProps = document.documentElement.style var styleProps = document.documentElement.style
if (!('transform' in styleProps) && !('webkitTransform' in styleProps) && !('msTransform' in styleProps)) { if (!('transform' in styleProps) && !('webkitTransform' in styleProps) && !('msTransform' in styleProps)) {
@ -1247,21 +708,12 @@ $(function () {
done() done()
}) })
.bootstrapTooltip({ .bootstrapTooltip({
container: 'body',
placement: 'top',
trigger: 'manual' trigger: 'manual'
}) })
$element.bootstrapTooltip('show') $element.bootstrapTooltip('show')
}) })
QUnit.test('should throw an error when initializing tooltip on the document object without specifying a delegation selector', function (assert) {
assert.expect(1)
assert.throws(function () {
$(document).bootstrapTooltip({ title: 'What am I on?' })
}, new Error('`selector` option must be specified when initializing tooltip on the window.document object!'))
})
QUnit.test('should do nothing when an attempt is made to hide an uninitialized tooltip', function (assert) { QUnit.test('should do nothing when an attempt is made to hide an uninitialized tooltip', function (assert) {
assert.expect(1) assert.expect(1)
@ -1274,25 +726,15 @@ $(function () {
assert.strictEqual($tooltip.data('bs.tooltip'), undefined, 'should not initialize the tooltip') assert.strictEqual($tooltip.data('bs.tooltip'), undefined, 'should not initialize the tooltip')
}) })
QUnit.test('should throw an error when template contains multiple top-level elements', function (assert) {
assert.expect(1)
assert.throws(function () {
$('<a href="#" data-toggle="tooltip" title="Another tooltip"></a>')
.appendTo('#qunit-fixture')
.bootstrapTooltip({ template: '<div>Foo</div><div>Bar</div>' })
.bootstrapTooltip('show')
}, new Error('tooltip `template` option must consist of exactly 1 top-level element!'))
})
QUnit.test('should not remove tooltip if multiple triggers are set and one is still active', function (assert) { QUnit.test('should not remove tooltip if multiple triggers are set and one is still active', function (assert) {
assert.expect(41) assert.expect(41)
var $el = $('<button>Trigger</button>') var $el = $('<button>Trigger</button>')
.appendTo('#qunit-fixture') .appendTo('#qunit-fixture')
.bootstrapTooltip({ trigger: 'click hover focus', animation: false }) .bootstrapTooltip({ trigger: 'click hover focus', animation: false })
var tooltip = $el.data('bs.tooltip') var tooltip = $el.data('bs.tooltip')
var $tooltip = tooltip.tip() var $tooltip = $(tooltip.getTipElement())
function showingTooltip() { return $tooltip.hasClass('in') || tooltip.hoverState == 'in' } function showingTooltip() { return $tooltip.hasClass('in') || tooltip._hoverState == 'in' }
var tests = [ var tests = [
['mouseenter', 'mouseleave'], ['mouseenter', 'mouseleave'],

2
js/tests/vendor/tether.min.js vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tooltip</title> <title>Tooltip</title>
<link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> <link rel="stylesheet" href="../../../dist/css/bootstrap.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@ -22,22 +22,23 @@
<h1>Tooltip <small>Bootstrap Visual Test</small></h1> <h1>Tooltip <small>Bootstrap Visual Test</small></h1>
</div> </div>
<p class="muted" style="margin-bottom: 0;">Tight pants next level keffiyeh <a href="#" data-toggle="tooltip" title="" data-original-title="Default tooltip">you probably</a> haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel <a href="#" data-toggle="tooltip" title="" data-original-title="Another tooltip">have a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan <a href="#" data-toggle="tooltip" title="" data-original-title="Another one here too">whatever keytar</a>, scenester farm-to-table banksy Austin <a href="#" data-toggle="tooltip" title="" data-original-title="The last tip!">twitter handle</a> freegan cred raw denim single-origin coffee viral. <p class="muted" style="margin-bottom: 0;">Tight pants next level keffiyeh <a href="#" data-toggle="tooltip" title="Default tooltip">you probably</a> haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel <a href="#" data-toggle="tooltip" title="Another tooltip">have a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan <a href="#" data-toggle="tooltip" title="Another one here too">whatever keytar</a>, scenester farm-to-table banksy Austin <a href="#" data-toggle="tooltip" title="The last tip!">twitter handle</a> freegan cred raw denim single-origin coffee viral.
</p> </p>
<hr> <hr>
<p> <p>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="" data-original-title="Tooltip on left">Tooltip on left</button> <button type="button" class="btn btn-default" data-toggle="tooltip" data-attachment="left" title="" data-original-title="Tooltip on left">Tooltip on left</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button> <button type="button" class="btn btn-default" data-toggle="tooltip" data-attachment="top" title="Tooltip on top">Tooltip on top</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button> <button type="button" class="btn btn-default" data-toggle="tooltip" data-attachment="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button> <button type="button" class="btn btn-default" data-toggle="tooltip" data-attachment="right" title="Tooltip on right">Tooltip on right</button>
</p> </p>
</div> </div>
<!-- JavaScript Includes --> <!-- JavaScript Includes -->
<script src="../vendor/jquery.min.js"></script> <script src="../vendor/jquery.min.js"></script>
<script src="../../transition.js"></script> <script src="../vendor/tether.min.js"></script>
<script src="../../tooltip.js"></script> <script src="../../dist/util.js"></script>
<script src="../../dist/tooltip.js"></script>
<!-- JavaScript Test --> <!-- JavaScript Test -->
<script> <script>

View File

@ -16,23 +16,59 @@
opacity: 0; opacity: 0;
&.in { opacity: $tooltip-opacity; } &.in { opacity: $tooltip-opacity; }
}
.tooltip-top { &.tooltip-top,
padding: $tooltip-arrow-width 0; &.bs-tether-element-attached-bottom {
margin-top: -3px; padding: $tooltip-arrow-width 0;
} margin-top: -3px;
.tooltip-right {
padding: 0 $tooltip-arrow-width; .tooltip-arrow {
margin-left: 3px; bottom: 0;
} left: 50%;
.tooltip-bottom { margin-left: -$tooltip-arrow-width;
padding: $tooltip-arrow-width 0; border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
margin-top: 3px; border-top-color: $tooltip-arrow-color;
} }
.tooltip-left { }
padding: 0 $tooltip-arrow-width; &.tooltip-right,
margin-left: -3px; &.bs-tether-element-attached-left {
padding: 0 $tooltip-arrow-width;
margin-left: 3px;
.tooltip-arrow {
top: 50%;
left: 0;
margin-top: -$tooltip-arrow-width;
border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
border-right-color: $tooltip-arrow-color;
}
}
&.tooltip-bottom,
&.bs-tether-element-attached-top {
padding: $tooltip-arrow-width 0;
margin-top: 3px;
.tooltip-arrow {
top: 0;
left: 50%;
margin-left: -$tooltip-arrow-width;
border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
border-bottom-color: $tooltip-arrow-color;
}
}
&.tooltip-left,
&.bs-tether-element-attached-right {
padding: 0 $tooltip-arrow-width;
margin-left: -3px;
.tooltip-arrow {
top: 50%;
right: 0;
margin-top: -$tooltip-arrow-width;
border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
border-left-color: $tooltip-arrow-color;
}
}
} }
// Wrapper for the tooltip content // Wrapper for the tooltip content
@ -53,32 +89,4 @@
height: 0; height: 0;
border-color: transparent; border-color: transparent;
border-style: solid; border-style: solid;
} }
.tooltip-top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -$tooltip-arrow-width;
border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
border-top-color: $tooltip-arrow-color;
}
.tooltip-right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -$tooltip-arrow-width;
border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
border-right-color: $tooltip-arrow-color;
}
.tooltip-left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -$tooltip-arrow-width;
border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
border-left-color: $tooltip-arrow-color;
}
.tooltip-bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -$tooltip-arrow-width;
border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
border-bottom-color: $tooltip-arrow-color;
}