diff --git a/Gruntfile.js b/Gruntfile.js index 84e3f9bb2..4754571ed 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -71,7 +71,8 @@ module.exports = function (grunt) { 'js/dist/dropdown.js' : 'js/src/dropdown.js', 'js/dist/modal.js' : 'js/src/modal.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' } } }, diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css index acf6ed35f..c7aefbb6f 100644 --- a/dist/css/bootstrap.css +++ b/dist/css/bootstrap.css @@ -1,402 +1,363 @@ -/*! - * Bootstrap v4.0.0-alpha (http://getbootstrap.com) - * Copyright 2011-2015 Twitter, Inc. - * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) - */ - +@charset "UTF-8"; /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ html { 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 { - margin: 0; -} + margin: 0; } -article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { - display: block; -} +article, +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; - vertical-align: baseline; -} + vertical-align: baseline; } audio:not([controls]) { display: none; - height: 0; -} + height: 0; } -[hidden], template { - display: none; -} +[hidden], +template { + display: none; } a { - background-color: transparent; -} + background-color: transparent; } a:active { - outline: 0; -} + outline: 0; } + a:hover { - outline: 0; -} + outline: 0; } abbr[title] { - border-bottom: 1px dotted; -} + border-bottom: 1px dotted; } -b, strong { - font-weight: bold; -} +b, +strong { + font-weight: bold; } dfn { - font-style: italic; -} + font-style: italic; } h1 { - margin: .67em 0; font-size: 2em; -} + margin: 0.67em 0; } mark { - color: #000; background: #ff0; -} + color: #000; } small { - font-size: 80%; -} + font-size: 80%; } -sub, sup { - position: relative; +sub, +sup { font-size: 75%; line-height: 0; - vertical-align: baseline; -} + position: relative; + vertical-align: baseline; } sup { - top: -.5em; -} + top: -0.5em; } sub { - bottom: -.25em; -} + bottom: -0.25em; } img { - border: 0; -} + border: 0; } svg:not(:root) { - overflow: hidden; -} + overflow: hidden; } figure { - margin: 1em 40px; -} + margin: 1em 40px; } hr { - height: 0; - -webkit-box-sizing: content-box; - box-sizing: content-box; -} + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; } pre { - overflow: auto; -} + overflow: auto; } -code, kbd, pre, samp { +code, +kbd, +pre, +samp { font-family: monospace, monospace; - font-size: 1em; -} + font-size: 1em; } -button, input, optgroup, select, textarea { - margin: 0; - font: inherit; +button, +input, +optgroup, +select, +textarea { color: inherit; -} + font: inherit; + margin: 0; } button { - overflow: visible; -} + overflow: visible; } -button, select { - text-transform: none; -} +button, +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; - cursor: pointer; -} + cursor: pointer; } -button[disabled], html input[disabled] { - cursor: default; -} +button[disabled], +html input[disabled] { + cursor: default; } -button::-moz-focus-inner, input::-moz-focus-inner { - padding: 0; +button::-moz-focus-inner, +input::-moz-focus-inner { border: 0; -} + padding: 0; } input { - line-height: normal; -} + line-height: normal; } -input[type="checkbox"], input[type="radio"] { - -webkit-box-sizing: border-box; - box-sizing: border-box; - padding: 0; -} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; } -input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { - height: auto; -} +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; } input[type="search"] { - -webkit-box-sizing: content-box; - box-sizing: content-box; -webkit-appearance: textfield; -} + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; } -input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } fieldset { - padding: .35em .625em .75em; - margin: 0 2px; border: 1px solid #c0c0c0; -} + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } legend { - padding: 0; border: 0; -} + padding: 0; } textarea { - overflow: auto; -} + overflow: auto; } optgroup { - font-weight: bold; -} + font-weight: bold; } table { - border-spacing: 0; border-collapse: collapse; -} + border-spacing: 0; } -td, th { - padding: 0; -} +td, +th { + padding: 0; } @media print { - *, *:before, *:after { + *, + *:before, + *:after { text-shadow: none !important; - -webkit-box-shadow: none !important; - box-shadow: none !important; - } - a, a:visited { - text-decoration: underline; - } + box-shadow: none !important; } + a, + a:visited { + text-decoration: underline; } abbr[title]:after { - content: " (" attr(title) ")"; - } - pre, blockquote { + content: " (" attr(title) ")"; } + pre, + blockquote { border: 1px solid #999; - - page-break-inside: avoid; - } + page-break-inside: avoid; } thead { - display: table-header-group; - } - tr, img { - page-break-inside: avoid; - } + display: table-header-group; } + tr, img { - max-width: 100% !important; - } - p, h2, h3 { + page-break-inside: avoid; } + img { + max-width: 100% !important; } + p, + h2, + h3 { orphans: 3; - widows: 3; - } - h2, h3 { - page-break-after: avoid; - } + widows: 3; } + h2, + h3 { + page-break-after: avoid; } .navbar { - display: none; - } - .btn > .caret, .dropup > .btn > .caret { - border-top-color: #000 !important; - } + display: none; } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; } .label { - border: 1px solid #000; - } + border: 1px solid #000; } .table { - border-collapse: collapse !important; - } - .table td, .table th { - background-color: #fff !important; - } - .table-bordered th, .table-bordered td { - border: 1px solid #ddd !important; - } -} + border-collapse: collapse !important; } + .table td, + .table th { + background-color: #fff !important; } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; } } html { - -webkit-box-sizing: border-box; - box-sizing: border-box; -} + box-sizing: border-box; } -*, *:before, *:after { - -webkit-box-sizing: inherit; - box-sizing: inherit; -} +*, +*:before, +*:after { + box-sizing: inherit; } -@at-root { - @-moz-viewport { - width: device-width; - } +@-moz-viewport { + width: device-width; } - @-ms-viewport { - width: device-width; - } +@-ms-viewport { + width: device-width; } - @-webkit-viewport { - width: device-width; - } +@-o-viewport { + width: device-width; } - @viewport { - width: device-width; - } -} +@-webkit-viewport { + width: device-width; } + +@viewport { + width: device-width; } html { font-size: 16px; - - -webkit-tap-highlight-color: transparent; -} + -webkit-tap-highlight-color: transparent; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; line-height: 1.5; color: #373a3c; - background-color: #fff; -} + background-color: #fff; } h1, h2, h3, h4, h5, h6 { margin-top: 0; - margin-bottom: .5rem; -} + margin-bottom: .5rem; } p { margin-top: 0; - margin-bottom: 1rem; -} + margin-bottom: 1rem; } -abbr[title], abbr[data-original-title] { +abbr[title], +abbr[data-original-title] { cursor: help; - border-bottom: 1px dotted #818a91; -} + border-bottom: 1px dotted #818a91; } address { margin-bottom: 1rem; font-style: normal; - line-height: inherit; -} + line-height: inherit; } -ol, ul, dl { +ol, +ul, +dl { margin-top: 0; - margin-bottom: 1rem; -} + margin-bottom: 1rem; } -ol ol, ul ul, ol ul, ul ol { - margin-bottom: 0; -} +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; } dt { - font-weight: bold; -} + font-weight: bold; } dd { - margin-bottom: .5rem; margin-left: 0; -} + margin-bottom: .5rem; } blockquote { - margin: 0 0 1rem; -} + margin: 0 0 1rem; } a { color: #0275d8; - text-decoration: none; -} -a:focus, a:hover { - color: #014c8c; - text-decoration: underline; -} -a:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} + text-decoration: none; } + a:focus, + a:hover { + color: #014c8c; + text-decoration: underline; } + a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } pre { margin-top: 0; - margin-bottom: 1rem; -} + margin-bottom: 1rem; } figure { - margin: 0 0 1rem; -} + margin: 0 0 1rem; } img { - vertical-align: middle; -} + vertical-align: middle; } [role="button"] { - cursor: pointer; -} + cursor: pointer; } table { - background-color: transparent; -} + background-color: transparent; } caption { - padding-top: .75rem; - padding-bottom: .75rem; - color: #818a91; - text-align: left; caption-side: bottom; -} + padding-top: 0.75rem; + padding-bottom: 0.75rem; + color: #818a91; + text-align: left; } th { - text-align: left; -} + text-align: left; } label { display: inline-block; - margin-bottom: .5rem; -} + margin-bottom: .5rem; } -input, button, select, textarea { +input, +button, +select, +textarea { margin: 0; - line-height: inherit; -} + line-height: inherit; } textarea { - resize: vertical; -} + resize: vertical; } fieldset { - min-width: 0; padding: 0; margin: 0; border: 0; -} + min-width: 0; } legend { display: block; @@ -404,206 +365,206 @@ legend { padding: 0; margin-bottom: .5rem; font-size: 1.5rem; - line-height: inherit; -} + line-height: inherit; } input[type="search"] { - -webkit-appearance: none; -} + -webkit-appearance: none; } 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-weight: 500; line-height: 1.1; - color: inherit; -} -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 { - font-weight: normal; - line-height: 1; - color: #818a91; -} + color: inherit; } + 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 { + font-weight: normal; + line-height: 1; + color: #818a91; } -h1, .h1, h2, .h2, h3, .h3 { - margin-bottom: .5rem; -} -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%; -} +h1, .h1, +h2, .h2, +h3, .h3 { + margin-bottom: 0.5rem; } + 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 { - margin-bottom: .5rem; -} -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%; -} +h4, .h4, +h5, .h5, +h6, .h6 { + margin-bottom: 0.5rem; } + 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 { - font-size: 2.75rem; -} + font-size: 2.75rem; } h2, .h2 { - font-size: 2.25rem; -} + font-size: 2.25rem; } h3, .h3 { - font-size: 1.75rem; -} + font-size: 1.75rem; } h4, .h4 { - font-size: 1.5rem; -} + font-size: 1.5rem; } h5, .h5 { - font-size: 1.25rem; -} + font-size: 1.25rem; } h6, .h6 { - font-size: 1rem; -} + font-size: 1rem; } .lead { font-size: 1.25rem; - font-weight: 300; -} + font-weight: 300; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; - border-top: .0625rem solid #eceeef; -} + border-top: 0.0625rem solid #eceeef; } -small, .small { - font-size: 85%; -} +small, +.small { + font-size: 85%; } -mark, .mark { +mark, +.mark { padding: .2em; - background-color: #fcf8e3; -} + background-color: #fcf8e3; } .list-unstyled { padding-left: 0; - list-style: none; -} + list-style: none; } .list-inline { padding-left: 0; margin-left: -5px; - list-style: none; -} -.list-inline > li { - display: inline-block; - padding-right: 5px; - padding-left: 5px; -} + list-style: none; } + .list-inline > li { + display: inline-block; + padding-right: 5px; + padding-left: 5px; } .dl-horizontal { margin-right: -1.5rem; - margin-left: -1.5rem; -} -.dl-horizontal:before, .dl-horizontal:after { - display: table; - content: " "; -} -.dl-horizontal:after { - clear: both; -} + margin-left: -1.5rem; } + .dl-horizontal:before, + .dl-horizontal:after { + content: " "; + display: table; } + .dl-horizontal:after { + clear: both; } .initialism { font-size: 90%; - text-transform: uppercase; -} + text-transform: uppercase; } .blockquote { - padding: .5rem 1rem; + padding: 0.5rem 1rem; margin-bottom: 1rem; font-size: 1.25rem; - border-left: .25rem solid #eceeef; -} -.blockquote p:last-child, .blockquote ul:last-child, .blockquote ol:last-child { - margin-bottom: 0; -} -.blockquote footer { - display: block; - font-size: 80%; - line-height: 1.5; - color: #818a91; -} -.blockquote footer:before { - content: "\2014 \00A0"; -} + border-left: 0.25rem solid #eceeef; } + .blockquote p:last-child, + .blockquote ul:last-child, + .blockquote ol:last-child { + margin-bottom: 0; } + .blockquote footer { + display: block; + font-size: 80%; + line-height: 1.5; + color: #818a91; } + .blockquote footer:before { + content: "\2014 \00A0"; } .blockquote-reverse { padding-right: 1rem; padding-left: 0; text-align: right; - border-right: .25rem solid #eceeef; - border-left: 0; -} -.blockquote-reverse footer:before { - content: ""; -} -.blockquote-reverse footer:after { - content: "\00A0 \2014"; -} + border-right: 0.25rem solid #eceeef; + border-left: 0; } + .blockquote-reverse footer:before { + content: ""; } + .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; max-width: 100%; - height: auto; -} + height: auto; } .img-rounded { - border-radius: .3rem; -} + border-radius: 0.3rem; } .img-thumbnail { - display: inline-block; - max-width: 100%; - height: auto; - padding: .25rem; + padding: 0.25rem; line-height: 1.5; background-color: #fff; border: 1px solid #ddd; - border-radius: .25rem; - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; -} + border-radius: 0.25rem; + transition: all 0.2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; } .img-circle { - border-radius: 50%; -} + border-radius: 50%; } -code, kbd, pre, samp { - font-family: Menlo, Monaco, Consolas, "Courier New", monospace; -} +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { - padding: .2rem .4rem; + padding: 0.2rem 0.4rem; font-size: 90%; color: #d44950; background-color: #f7f7f9; - border-radius: .25rem; -} + border-radius: 0.25rem; } kbd { - padding: .2rem .4rem; + padding: 0.2rem 0.4rem; font-size: 90%; color: #fff; background-color: #333; - border-radius: .2rem; -} -kbd kbd { - padding: 0; - font-size: 100%; - font-weight: bold; -} + border-radius: 0.2rem; } + kbd kbd { + padding: 0; + font-size: 100%; + font-weight: bold; } pre { display: block; @@ -611,1668 +572,1039 @@ pre { margin-bottom: 1rem; font-size: 90%; line-height: 1.5; - color: #373a3c; -} -pre code { - padding: 0; - font-size: inherit; - color: inherit; - background-color: transparent; - border-radius: 0; -} + color: #373a3c; } + pre code { + padding: 0; + font-size: inherit; + color: inherit; + background-color: transparent; + border-radius: 0; } .pre-scrollable { max-height: 340px; - overflow-y: scroll; -} + overflow-y: scroll; } .container { - padding-right: .75rem; - padding-left: .75rem; margin-right: auto; margin-left: auto; -} -.container:before, .container:after { - display: table; - content: " "; -} -.container:after { - clear: both; -} -@media (min-width: 34em) { - .container { - max-width: 34rem; - } -} -@media (min-width: 48em) { - .container { - max-width: 45rem; - } -} -@media (min-width: 62em) { - .container { - max-width: 60rem; - } -} -@media (min-width: 75em) { - .container { - max-width: 72.25rem; - } -} + padding-left: 0.75rem; + padding-right: 0.75rem; } + .container:before, + .container:after { + content: " "; + display: table; } + .container:after { + clear: both; } + @media (min-width: 34em) { + .container { + max-width: 34rem; } } + @media (min-width: 48em) { + .container { + max-width: 45rem; } } + @media (min-width: 62em) { + .container { + max-width: 60rem; } } + @media (min-width: 75em) { + .container { + max-width: 72.25rem; } } .container-fluid { - padding-right: .75rem; - padding-left: .75rem; margin-right: auto; margin-left: auto; -} -.container-fluid:before, .container-fluid:after { - display: table; - content: " "; -} -.container-fluid:after { - clear: both; -} + padding-left: 0.75rem; + padding-right: 0.75rem; } + .container-fluid:before, + .container-fluid:after { + content: " "; + display: table; } + .container-fluid:after { + clear: both; } .row { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-right: -.75rem; - margin-left: -.75rem; - - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; -} -.row:before, .row:after { - display: table; - content: " "; -} -.row:after { - clear: both; -} + display: flex; + flex-wrap: wrap; + margin-left: -0.75rem; + margin-right: -0.75rem; } + .row:before, + .row:after { + content: " "; + display: table; } + .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 { position: relative; min-height: 1px; - padding-right: .75rem; - padding-left: .75rem; -} + padding-left: 0.75rem; + padding-right: 0.75rem; } .col-xs-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 8.333333%; - -ms-flex: 0 0 8.333333%; - flex: 0 0 8.333333%; -} + flex: 0 0 8.333333%; } .col-xs-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 16.666667%; - -ms-flex: 0 0 16.666667%; - flex: 0 0 16.666667%; -} + flex: 0 0 16.666667%; } .col-xs-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; -} + flex: 0 0 25%; } .col-xs-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.333333%; - -ms-flex: 0 0 33.333333%; - flex: 0 0 33.333333%; -} + flex: 0 0 33.333333%; } .col-xs-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.666667%; - -ms-flex: 0 0 41.666667%; - flex: 0 0 41.666667%; -} + flex: 0 0 41.666667%; } .col-xs-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; -} + flex: 0 0 50%; } .col-xs-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.333333%; - -ms-flex: 0 0 58.333333%; - flex: 0 0 58.333333%; -} + flex: 0 0 58.333333%; } .col-xs-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.666667%; - -ms-flex: 0 0 66.666667%; - flex: 0 0 66.666667%; -} + flex: 0 0 66.666667%; } .col-xs-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; -} + flex: 0 0 75%; } .col-xs-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.333333%; - -ms-flex: 0 0 83.333333%; - flex: 0 0 83.333333%; -} + flex: 0 0 83.333333%; } .col-xs-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.666667%; - -ms-flex: 0 0 91.666667%; - flex: 0 0 91.666667%; -} + flex: 0 0 91.666667%; } .col-xs-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; -} + flex: 0 0 100%; } .col-xs-pull-0 { - right: auto; -} + right: auto; } .col-xs-pull-1 { - right: 8.333333%; -} + right: 8.333333%; } .col-xs-pull-2 { - right: 16.666667%; -} + right: 16.666667%; } .col-xs-pull-3 { - right: 25%; -} + right: 25%; } .col-xs-pull-4 { - right: 33.333333%; -} + right: 33.333333%; } .col-xs-pull-5 { - right: 41.666667%; -} + right: 41.666667%; } .col-xs-pull-6 { - right: 50%; -} + right: 50%; } .col-xs-pull-7 { - right: 58.333333%; -} + right: 58.333333%; } .col-xs-pull-8 { - right: 66.666667%; -} + right: 66.666667%; } .col-xs-pull-9 { - right: 75%; -} + right: 75%; } .col-xs-pull-10 { - right: 83.333333%; -} + right: 83.333333%; } .col-xs-pull-11 { - right: 91.666667%; -} + right: 91.666667%; } .col-xs-pull-12 { - right: 100%; -} + right: 100%; } .col-xs-push-0 { - left: auto; -} + left: auto; } .col-xs-push-1 { - left: 8.333333%; -} + left: 8.333333%; } .col-xs-push-2 { - left: 16.666667%; -} + left: 16.666667%; } .col-xs-push-3 { - left: 25%; -} + left: 25%; } .col-xs-push-4 { - left: 33.333333%; -} + left: 33.333333%; } .col-xs-push-5 { - left: 41.666667%; -} + left: 41.666667%; } .col-xs-push-6 { - left: 50%; -} + left: 50%; } .col-xs-push-7 { - left: 58.333333%; -} + left: 58.333333%; } .col-xs-push-8 { - left: 66.666667%; -} + left: 66.666667%; } .col-xs-push-9 { - left: 75%; -} + left: 75%; } .col-xs-push-10 { - left: 83.333333%; -} + left: 83.333333%; } .col-xs-push-11 { - left: 91.666667%; -} + left: 91.666667%; } .col-xs-push-12 { - left: 100%; -} + left: 100%; } .col-xs-offset-0 { - margin-left: 0; -} + margin-left: 0%; } .col-xs-offset-1 { - margin-left: 8.333333%; -} + margin-left: 8.333333%; } .col-xs-offset-2 { - margin-left: 16.666667%; -} + margin-left: 16.666667%; } .col-xs-offset-3 { - margin-left: 25%; -} + margin-left: 25%; } .col-xs-offset-4 { - margin-left: 33.333333%; -} + margin-left: 33.333333%; } .col-xs-offset-5 { - margin-left: 41.666667%; -} + margin-left: 41.666667%; } .col-xs-offset-6 { - margin-left: 50%; -} + margin-left: 50%; } .col-xs-offset-7 { - margin-left: 58.333333%; -} + margin-left: 58.333333%; } .col-xs-offset-8 { - margin-left: 66.666667%; -} + margin-left: 66.666667%; } .col-xs-offset-9 { - margin-left: 75%; -} + margin-left: 75%; } .col-xs-offset-10 { - margin-left: 83.333333%; -} + margin-left: 83.333333%; } .col-xs-offset-11 { - margin-left: 91.666667%; -} + margin-left: 91.666667%; } .col-xs-offset-12 { - margin-left: 100%; -} + margin-left: 100%; } @media (min-width: 34em) { .col-sm-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 8.333333%; - -ms-flex: 0 0 8.333333%; - flex: 0 0 8.333333%; - } + flex: 0 0 8.333333%; } .col-sm-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 16.666667%; - -ms-flex: 0 0 16.666667%; - flex: 0 0 16.666667%; - } + flex: 0 0 16.666667%; } .col-sm-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - } + flex: 0 0 25%; } .col-sm-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.333333%; - -ms-flex: 0 0 33.333333%; - flex: 0 0 33.333333%; - } + flex: 0 0 33.333333%; } .col-sm-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.666667%; - -ms-flex: 0 0 41.666667%; - flex: 0 0 41.666667%; - } + flex: 0 0 41.666667%; } .col-sm-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - } + flex: 0 0 50%; } .col-sm-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.333333%; - -ms-flex: 0 0 58.333333%; - flex: 0 0 58.333333%; - } + flex: 0 0 58.333333%; } .col-sm-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.666667%; - -ms-flex: 0 0 66.666667%; - flex: 0 0 66.666667%; - } + flex: 0 0 66.666667%; } .col-sm-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; - } + flex: 0 0 75%; } .col-sm-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.333333%; - -ms-flex: 0 0 83.333333%; - flex: 0 0 83.333333%; - } + flex: 0 0 83.333333%; } .col-sm-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.666667%; - -ms-flex: 0 0 91.666667%; - flex: 0 0 91.666667%; - } + flex: 0 0 91.666667%; } .col-sm-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + flex: 0 0 100%; } .col-sm-pull-0 { - right: auto; - } + right: auto; } .col-sm-pull-1 { - right: 8.333333%; - } + right: 8.333333%; } .col-sm-pull-2 { - right: 16.666667%; - } + right: 16.666667%; } .col-sm-pull-3 { - right: 25%; - } + right: 25%; } .col-sm-pull-4 { - right: 33.333333%; - } + right: 33.333333%; } .col-sm-pull-5 { - right: 41.666667%; - } + right: 41.666667%; } .col-sm-pull-6 { - right: 50%; - } + right: 50%; } .col-sm-pull-7 { - right: 58.333333%; - } + right: 58.333333%; } .col-sm-pull-8 { - right: 66.666667%; - } + right: 66.666667%; } .col-sm-pull-9 { - right: 75%; - } + right: 75%; } .col-sm-pull-10 { - right: 83.333333%; - } + right: 83.333333%; } .col-sm-pull-11 { - right: 91.666667%; - } + right: 91.666667%; } .col-sm-pull-12 { - right: 100%; - } + right: 100%; } .col-sm-push-0 { - left: auto; - } + left: auto; } .col-sm-push-1 { - left: 8.333333%; - } + left: 8.333333%; } .col-sm-push-2 { - left: 16.666667%; - } + left: 16.666667%; } .col-sm-push-3 { - left: 25%; - } + left: 25%; } .col-sm-push-4 { - left: 33.333333%; - } + left: 33.333333%; } .col-sm-push-5 { - left: 41.666667%; - } + left: 41.666667%; } .col-sm-push-6 { - left: 50%; - } + left: 50%; } .col-sm-push-7 { - left: 58.333333%; - } + left: 58.333333%; } .col-sm-push-8 { - left: 66.666667%; - } + left: 66.666667%; } .col-sm-push-9 { - left: 75%; - } + left: 75%; } .col-sm-push-10 { - left: 83.333333%; - } + left: 83.333333%; } .col-sm-push-11 { - left: 91.666667%; - } + left: 91.666667%; } .col-sm-push-12 { - left: 100%; - } + left: 100%; } .col-sm-offset-0 { - margin-left: 0; - } + margin-left: 0%; } .col-sm-offset-1 { - margin-left: 8.333333%; - } + margin-left: 8.333333%; } .col-sm-offset-2 { - margin-left: 16.666667%; - } + margin-left: 16.666667%; } .col-sm-offset-3 { - margin-left: 25%; - } + margin-left: 25%; } .col-sm-offset-4 { - margin-left: 33.333333%; - } + margin-left: 33.333333%; } .col-sm-offset-5 { - margin-left: 41.666667%; - } + margin-left: 41.666667%; } .col-sm-offset-6 { - margin-left: 50%; - } + margin-left: 50%; } .col-sm-offset-7 { - margin-left: 58.333333%; - } + margin-left: 58.333333%; } .col-sm-offset-8 { - margin-left: 66.666667%; - } + margin-left: 66.666667%; } .col-sm-offset-9 { - margin-left: 75%; - } + margin-left: 75%; } .col-sm-offset-10 { - margin-left: 83.333333%; - } + margin-left: 83.333333%; } .col-sm-offset-11 { - margin-left: 91.666667%; - } + margin-left: 91.666667%; } .col-sm-offset-12 { - margin-left: 100%; - } -} + margin-left: 100%; } } @media (min-width: 48em) { .col-md-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 8.333333%; - -ms-flex: 0 0 8.333333%; - flex: 0 0 8.333333%; - } + flex: 0 0 8.333333%; } .col-md-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 16.666667%; - -ms-flex: 0 0 16.666667%; - flex: 0 0 16.666667%; - } + flex: 0 0 16.666667%; } .col-md-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - } + flex: 0 0 25%; } .col-md-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.333333%; - -ms-flex: 0 0 33.333333%; - flex: 0 0 33.333333%; - } + flex: 0 0 33.333333%; } .col-md-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.666667%; - -ms-flex: 0 0 41.666667%; - flex: 0 0 41.666667%; - } + flex: 0 0 41.666667%; } .col-md-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - } + flex: 0 0 50%; } .col-md-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.333333%; - -ms-flex: 0 0 58.333333%; - flex: 0 0 58.333333%; - } + flex: 0 0 58.333333%; } .col-md-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.666667%; - -ms-flex: 0 0 66.666667%; - flex: 0 0 66.666667%; - } + flex: 0 0 66.666667%; } .col-md-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; - } + flex: 0 0 75%; } .col-md-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.333333%; - -ms-flex: 0 0 83.333333%; - flex: 0 0 83.333333%; - } + flex: 0 0 83.333333%; } .col-md-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.666667%; - -ms-flex: 0 0 91.666667%; - flex: 0 0 91.666667%; - } + flex: 0 0 91.666667%; } .col-md-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + flex: 0 0 100%; } .col-md-pull-0 { - right: auto; - } + right: auto; } .col-md-pull-1 { - right: 8.333333%; - } + right: 8.333333%; } .col-md-pull-2 { - right: 16.666667%; - } + right: 16.666667%; } .col-md-pull-3 { - right: 25%; - } + right: 25%; } .col-md-pull-4 { - right: 33.333333%; - } + right: 33.333333%; } .col-md-pull-5 { - right: 41.666667%; - } + right: 41.666667%; } .col-md-pull-6 { - right: 50%; - } + right: 50%; } .col-md-pull-7 { - right: 58.333333%; - } + right: 58.333333%; } .col-md-pull-8 { - right: 66.666667%; - } + right: 66.666667%; } .col-md-pull-9 { - right: 75%; - } + right: 75%; } .col-md-pull-10 { - right: 83.333333%; - } + right: 83.333333%; } .col-md-pull-11 { - right: 91.666667%; - } + right: 91.666667%; } .col-md-pull-12 { - right: 100%; - } + right: 100%; } .col-md-push-0 { - left: auto; - } + left: auto; } .col-md-push-1 { - left: 8.333333%; - } + left: 8.333333%; } .col-md-push-2 { - left: 16.666667%; - } + left: 16.666667%; } .col-md-push-3 { - left: 25%; - } + left: 25%; } .col-md-push-4 { - left: 33.333333%; - } + left: 33.333333%; } .col-md-push-5 { - left: 41.666667%; - } + left: 41.666667%; } .col-md-push-6 { - left: 50%; - } + left: 50%; } .col-md-push-7 { - left: 58.333333%; - } + left: 58.333333%; } .col-md-push-8 { - left: 66.666667%; - } + left: 66.666667%; } .col-md-push-9 { - left: 75%; - } + left: 75%; } .col-md-push-10 { - left: 83.333333%; - } + left: 83.333333%; } .col-md-push-11 { - left: 91.666667%; - } + left: 91.666667%; } .col-md-push-12 { - left: 100%; - } + left: 100%; } .col-md-offset-0 { - margin-left: 0; - } + margin-left: 0%; } .col-md-offset-1 { - margin-left: 8.333333%; - } + margin-left: 8.333333%; } .col-md-offset-2 { - margin-left: 16.666667%; - } + margin-left: 16.666667%; } .col-md-offset-3 { - margin-left: 25%; - } + margin-left: 25%; } .col-md-offset-4 { - margin-left: 33.333333%; - } + margin-left: 33.333333%; } .col-md-offset-5 { - margin-left: 41.666667%; - } + margin-left: 41.666667%; } .col-md-offset-6 { - margin-left: 50%; - } + margin-left: 50%; } .col-md-offset-7 { - margin-left: 58.333333%; - } + margin-left: 58.333333%; } .col-md-offset-8 { - margin-left: 66.666667%; - } + margin-left: 66.666667%; } .col-md-offset-9 { - margin-left: 75%; - } + margin-left: 75%; } .col-md-offset-10 { - margin-left: 83.333333%; - } + margin-left: 83.333333%; } .col-md-offset-11 { - margin-left: 91.666667%; - } + margin-left: 91.666667%; } .col-md-offset-12 { - margin-left: 100%; - } -} + margin-left: 100%; } } @media (min-width: 62em) { .col-lg-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 8.333333%; - -ms-flex: 0 0 8.333333%; - flex: 0 0 8.333333%; - } + flex: 0 0 8.333333%; } .col-lg-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 16.666667%; - -ms-flex: 0 0 16.666667%; - flex: 0 0 16.666667%; - } + flex: 0 0 16.666667%; } .col-lg-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - } + flex: 0 0 25%; } .col-lg-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.333333%; - -ms-flex: 0 0 33.333333%; - flex: 0 0 33.333333%; - } + flex: 0 0 33.333333%; } .col-lg-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.666667%; - -ms-flex: 0 0 41.666667%; - flex: 0 0 41.666667%; - } + flex: 0 0 41.666667%; } .col-lg-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - } + flex: 0 0 50%; } .col-lg-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.333333%; - -ms-flex: 0 0 58.333333%; - flex: 0 0 58.333333%; - } + flex: 0 0 58.333333%; } .col-lg-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.666667%; - -ms-flex: 0 0 66.666667%; - flex: 0 0 66.666667%; - } + flex: 0 0 66.666667%; } .col-lg-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; - } + flex: 0 0 75%; } .col-lg-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.333333%; - -ms-flex: 0 0 83.333333%; - flex: 0 0 83.333333%; - } + flex: 0 0 83.333333%; } .col-lg-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.666667%; - -ms-flex: 0 0 91.666667%; - flex: 0 0 91.666667%; - } + flex: 0 0 91.666667%; } .col-lg-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + flex: 0 0 100%; } .col-lg-pull-0 { - right: auto; - } + right: auto; } .col-lg-pull-1 { - right: 8.333333%; - } + right: 8.333333%; } .col-lg-pull-2 { - right: 16.666667%; - } + right: 16.666667%; } .col-lg-pull-3 { - right: 25%; - } + right: 25%; } .col-lg-pull-4 { - right: 33.333333%; - } + right: 33.333333%; } .col-lg-pull-5 { - right: 41.666667%; - } + right: 41.666667%; } .col-lg-pull-6 { - right: 50%; - } + right: 50%; } .col-lg-pull-7 { - right: 58.333333%; - } + right: 58.333333%; } .col-lg-pull-8 { - right: 66.666667%; - } + right: 66.666667%; } .col-lg-pull-9 { - right: 75%; - } + right: 75%; } .col-lg-pull-10 { - right: 83.333333%; - } + right: 83.333333%; } .col-lg-pull-11 { - right: 91.666667%; - } + right: 91.666667%; } .col-lg-pull-12 { - right: 100%; - } + right: 100%; } .col-lg-push-0 { - left: auto; - } + left: auto; } .col-lg-push-1 { - left: 8.333333%; - } + left: 8.333333%; } .col-lg-push-2 { - left: 16.666667%; - } + left: 16.666667%; } .col-lg-push-3 { - left: 25%; - } + left: 25%; } .col-lg-push-4 { - left: 33.333333%; - } + left: 33.333333%; } .col-lg-push-5 { - left: 41.666667%; - } + left: 41.666667%; } .col-lg-push-6 { - left: 50%; - } + left: 50%; } .col-lg-push-7 { - left: 58.333333%; - } + left: 58.333333%; } .col-lg-push-8 { - left: 66.666667%; - } + left: 66.666667%; } .col-lg-push-9 { - left: 75%; - } + left: 75%; } .col-lg-push-10 { - left: 83.333333%; - } + left: 83.333333%; } .col-lg-push-11 { - left: 91.666667%; - } + left: 91.666667%; } .col-lg-push-12 { - left: 100%; - } + left: 100%; } .col-lg-offset-0 { - margin-left: 0; - } + margin-left: 0%; } .col-lg-offset-1 { - margin-left: 8.333333%; - } + margin-left: 8.333333%; } .col-lg-offset-2 { - margin-left: 16.666667%; - } + margin-left: 16.666667%; } .col-lg-offset-3 { - margin-left: 25%; - } + margin-left: 25%; } .col-lg-offset-4 { - margin-left: 33.333333%; - } + margin-left: 33.333333%; } .col-lg-offset-5 { - margin-left: 41.666667%; - } + margin-left: 41.666667%; } .col-lg-offset-6 { - margin-left: 50%; - } + margin-left: 50%; } .col-lg-offset-7 { - margin-left: 58.333333%; - } + margin-left: 58.333333%; } .col-lg-offset-8 { - margin-left: 66.666667%; - } + margin-left: 66.666667%; } .col-lg-offset-9 { - margin-left: 75%; - } + margin-left: 75%; } .col-lg-offset-10 { - margin-left: 83.333333%; - } + margin-left: 83.333333%; } .col-lg-offset-11 { - margin-left: 91.666667%; - } + margin-left: 91.666667%; } .col-lg-offset-12 { - margin-left: 100%; - } -} + margin-left: 100%; } } @media (min-width: 75em) { .col-xl-1 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 8.333333%; - -ms-flex: 0 0 8.333333%; - flex: 0 0 8.333333%; - } + flex: 0 0 8.333333%; } .col-xl-2 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 16.666667%; - -ms-flex: 0 0 16.666667%; - flex: 0 0 16.666667%; - } + flex: 0 0 16.666667%; } .col-xl-3 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 25%; - -ms-flex: 0 0 25%; - flex: 0 0 25%; - } + flex: 0 0 25%; } .col-xl-4 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 33.333333%; - -ms-flex: 0 0 33.333333%; - flex: 0 0 33.333333%; - } + flex: 0 0 33.333333%; } .col-xl-5 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 41.666667%; - -ms-flex: 0 0 41.666667%; - flex: 0 0 41.666667%; - } + flex: 0 0 41.666667%; } .col-xl-6 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 50%; - -ms-flex: 0 0 50%; - flex: 0 0 50%; - } + flex: 0 0 50%; } .col-xl-7 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 58.333333%; - -ms-flex: 0 0 58.333333%; - flex: 0 0 58.333333%; - } + flex: 0 0 58.333333%; } .col-xl-8 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 66.666667%; - -ms-flex: 0 0 66.666667%; - flex: 0 0 66.666667%; - } + flex: 0 0 66.666667%; } .col-xl-9 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 75%; - -ms-flex: 0 0 75%; - flex: 0 0 75%; - } + flex: 0 0 75%; } .col-xl-10 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 83.333333%; - -ms-flex: 0 0 83.333333%; - flex: 0 0 83.333333%; - } + flex: 0 0 83.333333%; } .col-xl-11 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 91.666667%; - -ms-flex: 0 0 91.666667%; - flex: 0 0 91.666667%; - } + flex: 0 0 91.666667%; } .col-xl-12 { - -webkit-box-flex: 0; - -webkit-flex: 0 0 100%; - -ms-flex: 0 0 100%; - flex: 0 0 100%; - } + flex: 0 0 100%; } .col-xl-pull-0 { - right: auto; - } + right: auto; } .col-xl-pull-1 { - right: 8.333333%; - } + right: 8.333333%; } .col-xl-pull-2 { - right: 16.666667%; - } + right: 16.666667%; } .col-xl-pull-3 { - right: 25%; - } + right: 25%; } .col-xl-pull-4 { - right: 33.333333%; - } + right: 33.333333%; } .col-xl-pull-5 { - right: 41.666667%; - } + right: 41.666667%; } .col-xl-pull-6 { - right: 50%; - } + right: 50%; } .col-xl-pull-7 { - right: 58.333333%; - } + right: 58.333333%; } .col-xl-pull-8 { - right: 66.666667%; - } + right: 66.666667%; } .col-xl-pull-9 { - right: 75%; - } + right: 75%; } .col-xl-pull-10 { - right: 83.333333%; - } + right: 83.333333%; } .col-xl-pull-11 { - right: 91.666667%; - } + right: 91.666667%; } .col-xl-pull-12 { - right: 100%; - } + right: 100%; } .col-xl-push-0 { - left: auto; - } + left: auto; } .col-xl-push-1 { - left: 8.333333%; - } + left: 8.333333%; } .col-xl-push-2 { - left: 16.666667%; - } + left: 16.666667%; } .col-xl-push-3 { - left: 25%; - } + left: 25%; } .col-xl-push-4 { - left: 33.333333%; - } + left: 33.333333%; } .col-xl-push-5 { - left: 41.666667%; - } + left: 41.666667%; } .col-xl-push-6 { - left: 50%; - } + left: 50%; } .col-xl-push-7 { - left: 58.333333%; - } + left: 58.333333%; } .col-xl-push-8 { - left: 66.666667%; - } + left: 66.666667%; } .col-xl-push-9 { - left: 75%; - } + left: 75%; } .col-xl-push-10 { - left: 83.333333%; - } + left: 83.333333%; } .col-xl-push-11 { - left: 91.666667%; - } + left: 91.666667%; } .col-xl-push-12 { - left: 100%; - } + left: 100%; } .col-xl-offset-0 { - margin-left: 0; - } + margin-left: 0%; } .col-xl-offset-1 { - margin-left: 8.333333%; - } + margin-left: 8.333333%; } .col-xl-offset-2 { - margin-left: 16.666667%; - } + margin-left: 16.666667%; } .col-xl-offset-3 { - margin-left: 25%; - } + margin-left: 25%; } .col-xl-offset-4 { - margin-left: 33.333333%; - } + margin-left: 33.333333%; } .col-xl-offset-5 { - margin-left: 41.666667%; - } + margin-left: 41.666667%; } .col-xl-offset-6 { - margin-left: 50%; - } + margin-left: 50%; } .col-xl-offset-7 { - margin-left: 58.333333%; - } + margin-left: 58.333333%; } .col-xl-offset-8 { - margin-left: 66.666667%; - } + margin-left: 66.666667%; } .col-xl-offset-9 { - margin-left: 75%; - } + margin-left: 75%; } .col-xl-offset-10 { - margin-left: 83.333333%; - } + margin-left: 83.333333%; } .col-xl-offset-11 { - margin-left: 91.666667%; - } + margin-left: 91.666667%; } .col-xl-offset-12 { - margin-left: 100%; - } -} + margin-left: 100%; } } .col-xs-first { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; -} + order: -1; } .col-xs-last { - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; -} + order: 1; } @media (min-width: 34em) { .col-sm-first { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; - } + order: -1; } .col-sm-last { - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - } -} + order: 1; } } @media (min-width: 48em) { .col-md-first { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; - } + order: -1; } .col-md-last { - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - } -} + order: 1; } } @media (min-width: 62em) { .col-lg-first { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; - } + order: -1; } .col-lg-last { - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - } -} + order: 1; } } @media (min-width: 75em) { .col-xl-first { - -webkit-box-ordinal-group: 0; - -webkit-order: -1; - -ms-flex-order: -1; - order: -1; - } + order: -1; } .col-xl-last { - -webkit-box-ordinal-group: 2; - -webkit-order: 1; - -ms-flex-order: 1; - order: 1; - } -} + order: 1; } } .row-xs-top { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; -} + align-items: flex-start; } .row-xs-center { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; -} + align-items: center; } .row-xs-bottom { - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; -} + align-items: flex-end; } @media (min-width: 34em) { .row-sm-top { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + align-items: flex-start; } .row-sm-center { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } + align-items: center; } .row-sm-bottom { - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - } -} + align-items: flex-end; } } @media (min-width: 48em) { .row-md-top { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + align-items: flex-start; } .row-md-center { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } + align-items: center; } .row-md-bottom { - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - } -} + align-items: flex-end; } } @media (min-width: 62em) { .row-lg-top { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + align-items: flex-start; } .row-lg-center { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } + align-items: center; } .row-lg-bottom { - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - } -} + align-items: flex-end; } } @media (min-width: 75em) { .row-xl-top { - -webkit-box-align: start; - -webkit-align-items: flex-start; - -ms-flex-align: start; - align-items: flex-start; - } + align-items: flex-start; } .row-xl-center { - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } + align-items: center; } .row-xl-bottom { - -webkit-box-align: end; - -webkit-align-items: flex-end; - -ms-flex-align: end; - align-items: flex-end; - } -} + align-items: flex-end; } } .col-xs-top { - -webkit-align-self: flex-start; - -ms-flex-item-align: start; - align-self: flex-start; -} + align-self: flex-start; } .col-xs-center { - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; -} + align-self: center; } .col-xs-bottom { - -webkit-align-self: flex-end; - -ms-flex-item-align: end; - align-self: flex-end; -} + align-self: flex-end; } @media (min-width: 34em) { .col-sm-top { - -webkit-align-self: flex-start; - -ms-flex-item-align: start; - align-self: flex-start; - } + align-self: flex-start; } .col-sm-center { - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; - } + align-self: center; } .col-sm-bottom { - -webkit-align-self: flex-end; - -ms-flex-item-align: end; - align-self: flex-end; - } -} + align-self: flex-end; } } @media (min-width: 48em) { .col-md-top { - -webkit-align-self: flex-start; - -ms-flex-item-align: start; - align-self: flex-start; - } + align-self: flex-start; } .col-md-center { - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; - } + align-self: center; } .col-md-bottom { - -webkit-align-self: flex-end; - -ms-flex-item-align: end; - align-self: flex-end; - } -} + align-self: flex-end; } } @media (min-width: 62em) { .col-lg-top { - -webkit-align-self: flex-start; - -ms-flex-item-align: start; - align-self: flex-start; - } + align-self: flex-start; } .col-lg-center { - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; - } + align-self: center; } .col-lg-bottom { - -webkit-align-self: flex-end; - -ms-flex-item-align: end; - align-self: flex-end; - } -} + align-self: flex-end; } } @media (min-width: 75em) { .col-xl-top { - -webkit-align-self: flex-start; - -ms-flex-item-align: start; - align-self: flex-start; - } + align-self: flex-start; } .col-xl-center { - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; - } + align-self: center; } .col-xl-bottom { - -webkit-align-self: flex-end; - -ms-flex-item-align: end; - align-self: flex-end; - } -} + align-self: flex-end; } } .table { width: 100%; max-width: 100%; - margin-bottom: 1rem; -} -.table th, .table td { - padding: .75rem; - line-height: 1.5; - vertical-align: top; - border-top: 1px solid #eceeef; -} -.table thead th { - vertical-align: bottom; - border-bottom: 2px solid #eceeef; -} -.table tbody + tbody { - border-top: 2px solid #eceeef; -} -.table .table { - background-color: #fff; -} + margin-bottom: 1rem; } + .table th, + .table td { + padding: 0.75rem; + line-height: 1.5; + vertical-align: top; + border-top: 1px solid #eceeef; } + .table thead th { + vertical-align: bottom; + border-bottom: 2px solid #eceeef; } + .table tbody + tbody { + border-top: 2px solid #eceeef; } + .table .table { + background-color: #fff; } -.table-sm th, .table-sm td { - padding: .3rem; -} +.table-sm th, +.table-sm td { + padding: 0.3rem; } .table-bordered { - border: 1px solid #eceeef; -} -.table-bordered th, .table-bordered td { - border: 1px solid #eceeef; -} -.table-bordered thead th, .table-bordered thead td { - border-bottom-width: 2px; -} + border: 1px solid #eceeef; } + .table-bordered th, + .table-bordered td { + border: 1px solid #eceeef; } + .table-bordered thead th, + .table-bordered thead td { + border-bottom-width: 2px; } .table-striped tbody tr:nth-of-type(odd) { - background-color: #f9f9f9; -} + background-color: #f9f9f9; } .table-hover tbody tr:hover { - background-color: #f5f5f5; -} + background-color: #f5f5f5; } -.table-active, .table-active > th, .table-active > td { - background-color: #f5f5f5; -} +.table-active, +.table-active > th, +.table-active > td { + background-color: #f5f5f5; } .table-hover .table-active:hover { - background-color: #e8e8e8; -} -.table-hover .table-active:hover > td, .table-hover .table-active:hover > th { - background-color: #e8e8e8; -} + background-color: #e8e8e8; } + .table-hover .table-active:hover > td, + .table-hover .table-active:hover > th { + background-color: #e8e8e8; } -.table-success, .table-success > th, .table-success > td { - background-color: #dff0d8; -} +.table-success, +.table-success > th, +.table-success > td { + background-color: #dff0d8; } .table-hover .table-success:hover { - background-color: #d0e9c6; -} -.table-hover .table-success:hover > td, .table-hover .table-success:hover > th { - background-color: #d0e9c6; -} + background-color: #d0e9c6; } + .table-hover .table-success:hover > td, + .table-hover .table-success:hover > th { + background-color: #d0e9c6; } -.table-info, .table-info > th, .table-info > td { - background-color: #d9edf7; -} +.table-info, +.table-info > th, +.table-info > td { + background-color: #d9edf7; } .table-hover .table-info:hover { - background-color: #c4e3f3; -} -.table-hover .table-info:hover > td, .table-hover .table-info:hover > th { - background-color: #c4e3f3; -} + background-color: #c4e3f3; } + .table-hover .table-info:hover > td, + .table-hover .table-info:hover > th { + background-color: #c4e3f3; } -.table-warning, .table-warning > th, .table-warning > td { - background-color: #fcf8e3; -} +.table-warning, +.table-warning > th, +.table-warning > td { + background-color: #fcf8e3; } .table-hover .table-warning:hover { - background-color: #faf2cc; -} -.table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { - background-color: #faf2cc; -} + background-color: #faf2cc; } + .table-hover .table-warning:hover > td, + .table-hover .table-warning:hover > th { + background-color: #faf2cc; } -.table-danger, .table-danger > th, .table-danger > td { - background-color: #f2dede; -} +.table-danger, +.table-danger > th, +.table-danger > td { + background-color: #f2dede; } .table-hover .table-danger:hover { - background-color: #ebcccc; -} -.table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { - background-color: #ebcccc; -} + background-color: #ebcccc; } + .table-hover .table-danger:hover > td, + .table-hover .table-danger:hover > th { + background-color: #ebcccc; } .table-responsive { display: block; width: 100%; - overflow-x: auto; -} + overflow-x: auto; } .thead-inverse th { color: #fff; - background-color: #373a3c; -} + background-color: #373a3c; } .thead-default th { color: #55595c; - background-color: #eceeef; -} + background-color: #eceeef; } .table-inverse { color: #eceeef; - background-color: #373a3c; -} -.table-inverse.table-bordered { - border: 0; -} -.table-inverse th, .table-inverse td, .table-inverse thead th { - border-color: #55595c; -} + background-color: #373a3c; } + .table-inverse.table-bordered { + border: 0; } + .table-inverse th, + .table-inverse td, + .table-inverse thead th { + border-color: #55595c; } .table-reflow thead { - float: left; -} + float: left; } + .table-reflow tbody { display: block; - white-space: nowrap; -} -.table-reflow th, .table-reflow td { + white-space: nowrap; } + +.table-reflow th, +.table-reflow td { border-top: 1px solid #eceeef; - border-left: 1px solid #eceeef; -} -.table-reflow th:last-child, .table-reflow td:last-child { - 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 { - border-bottom: 1px solid #eceeef; -} + border-left: 1px solid #eceeef; } + .table-reflow th:last-child, + .table-reflow td:last-child { + 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 { + border-bottom: 1px solid #eceeef; } + .table-reflow tr { - float: left; -} -.table-reflow tr th, .table-reflow tr td { - display: block !important; - border: 1px solid #eceeef; -} + float: left; } + .table-reflow tr th, + .table-reflow tr td { + display: block !important; + border: 1px solid #eceeef; } .form-control { display: block; width: 100%; - padding: .5rem .75rem; + padding: 0.5rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #55595c; background-color: #fff; background-image: none; border: 1px solid #ccc; - border-radius: .25rem; - -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; - -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -} -.form-control:not(textarea), .form-control:not(select[size]), .form-control:not(select[multiple]) { - height: 2.625rem; -} -.form-control:focus { - border-color: #66afe9; - outline: none; -} -.form-control::-webkit-input-placeholder { - color: #999; - opacity: 1; -} -.form-control::-moz-placeholder { - color: #999; - opacity: 1; -} -.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; -} + border-radius: 0.25rem; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } + .form-control:not(textarea), + .form-control:not(select[size]), + .form-control:not(select[multiple]) { + height: 2.625rem; } + .form-control:focus { + border-color: #66afe9; + outline: none; } + .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: not-allowed; } -.form-control-file, .form-control-range { - display: block; -} +.form-control-file, +.form-control-range { + display: block; } .form-control-label { - padding: .5625rem .75rem; - margin-bottom: 0; -} + padding: 0.5625rem 0.75rem; + margin-bottom: 0; } .form-control-static { min-height: 2.625rem; - padding-top: .5625rem; - padding-bottom: .5625rem; - margin-bottom: 0; -} -.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 { - padding-right: 0; - padding-left: 0; -} + padding-top: 0.5625rem; + padding-bottom: 0.5625rem; + margin-bottom: 0; } + .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 { + 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; - padding: .3rem .75rem; - font-size: .85rem; + padding: 0.3rem 0.75rem; + font-size: 0.85rem; 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; - padding: .75rem 1.5rem; + padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.333333; - border-radius: .3rem; -} + border-radius: 0.3rem; } .form-group { - margin-bottom: 15px; -} + margin-bottom: 15px; } -.radio, .checkbox { +.radio, +.checkbox { position: relative; display: block; - margin-bottom: .75rem; -} -.radio label, .checkbox label { - padding-left: 1.25rem; - margin-bottom: 0; - font-weight: normal; - cursor: pointer; -} -.radio label input:only-child, .checkbox label input:only-child { - position: static; -} + margin-bottom: 0.75rem; } + .radio label, + .checkbox label { + padding-left: 1.25rem; + margin-bottom: 0; + font-weight: normal; + cursor: pointer; } + .radio label input:only-child, + .checkbox label input:only-child { + 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; margin-top: .25rem; - margin-left: -1.25rem; -} + margin-left: -1.25rem; } -.radio + .radio, .checkbox + .checkbox { - margin-top: -.25rem; -} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -.25rem; } -.radio-inline, .checkbox-inline { +.radio-inline, +.checkbox-inline { position: relative; display: inline-block; padding-left: 1.25rem; margin-bottom: 0; font-weight: normal; 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-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"] { - cursor: false; -} +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"] { + cursor: not-allowed; } -.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { - cursor: false; -} +.radio-inline.disabled, +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 { - cursor: false; -} +.radio.disabled label, +fieldset[disabled] .radio label, +.checkbox.disabled label, +fieldset[disabled] .checkbox label { + cursor: not-allowed; } .has-feedback { - position: relative; -} -.has-feedback .form-control { - padding-right: 3.28125rem; -} + position: relative; } + .has-feedback .form-control { + padding-right: 3.28125rem; } .form-control-feedback { position: absolute; @@ -2284,460 +1616,545 @@ input[type="radio"]:disabled, input[type="radio"].disabled, fieldset[disabled] i height: 2.625rem; line-height: 2.625rem; 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; 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; 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 { - border-color: #3c763d; -} -.has-success .form-control:focus { - border-color: #2b542c; -} + border-color: #3c763d; } + .has-success .form-control:focus { + border-color: #2b542c; } + .has-success .input-group-addon { color: #3c763d; - background-color: #dff0d8; border-color: #3c763d; -} -.has-success .form-control-feedback { - color: #3c763d; -} + background-color: #dff0d8; } + +.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 { - border-color: #8a6d3b; -} -.has-warning .form-control:focus { - border-color: #66512c; -} + border-color: #8a6d3b; } + .has-warning .form-control:focus { + border-color: #66512c; } + .has-warning .input-group-addon { color: #8a6d3b; - background-color: #fcf8e3; border-color: #8a6d3b; -} -.has-warning .form-control-feedback { - color: #8a6d3b; -} + background-color: #fcf8e3; } + +.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 { - border-color: #a94442; -} -.has-error .form-control:focus { - border-color: #843534; -} + border-color: #a94442; } + .has-error .form-control:focus { + border-color: #843534; } + .has-error .input-group-addon { color: #a94442; - background-color: #f2dede; border-color: #a94442; -} + background-color: #f2dede; } + .has-error .form-control-feedback { - color: #a94442; -} + color: #a94442; } .has-feedback label ~ .form-control-feedback { - top: 6; -} + top: 6; } + .has-feedback label.sr-only ~ .form-control-feedback { - top: 0; -} + top: 0; } .help-block { display: block; margin-top: .25rem; margin-bottom: .75rem; - color: #747a7f; -} + color: #747a7f; } @media (min-width: 34em) { .form-inline .form-group { display: inline-block; margin-bottom: 0; - vertical-align: middle; - } + vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; - vertical-align: middle; - } + vertical-align: middle; } .form-inline .form-control-static { - display: inline-block; - } + display: inline-block; } .form-inline .input-group { display: inline-table; - vertical-align: middle; - } - .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { - width: auto; - } + vertical-align: middle; } + .form-inline .input-group .input-group-addon, + .form-inline .input-group .input-group-btn, + .form-inline .input-group .form-control { + width: auto; } .form-inline .input-group > .form-control { - width: 100%; - } + width: 100%; } .form-inline .control-label { margin-bottom: 0; - vertical-align: middle; - } - .form-inline .radio, .form-inline .checkbox { + vertical-align: middle; } + .form-inline .radio, + .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; - vertical-align: middle; - } - .form-inline .radio label, .form-inline .checkbox label { - padding-left: 0; - } - .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { + vertical-align: middle; } + .form-inline .radio label, + .form-inline .checkbox label { + padding-left: 0; } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { position: relative; - margin-left: 0; - } + margin-left: 0; } .form-inline .has-feedback .form-control-feedback { - top: 0; - } -} + top: 0; } } .btn { display: inline-block; - padding: .5rem .75rem; - font-size: 1rem; font-weight: normal; - line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle; - -ms-touch-action: manipulation; - touch-action: manipulation; + touch-action: manipulation; cursor: pointer; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - border: .0625rem solid transparent; - border-radius: .25rem; - -webkit-transition: all .2s ease-in-out; - -o-transition: all .2s ease-in-out; - transition: all .2s ease-in-out; -} -.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} -.btn:focus, .btn:hover { - text-decoration: none; -} -.btn.focus { - text-decoration: none; -} -.btn:active, .btn.active { - background-image: none; - outline: 0; -} -.btn.disabled, .btn:disabled, fieldset[disabled] .btn { - cursor: false; - opacity: .65; -} + user-select: none; + border: 0.0625rem solid transparent; + padding: 0.5rem 0.75rem; + font-size: 1rem; + line-height: 1.5; + border-radius: 0.25rem; + transition: all 0.2s ease-in-out; } + .btn:focus, + .btn.focus, + .btn:active:focus, + .btn:active.focus, + .btn.active:focus, + .btn.active.focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; } + .btn:focus, + .btn:hover { + text-decoration: none; } + .btn.focus { + text-decoration: none; } + .btn:active, + .btn.active { + background-image: none; + outline: 0; } + .btn.disabled, + .btn:disabled, + fieldset[disabled] .btn { + cursor: not-allowed; + opacity: .65; } -a.btn.disaabled, fieldset[disabled] a.btn { - pointer-events: none; -} +a.btn.disaabled, +fieldset[disabled] a.btn { + pointer-events: none; } .btn-primary { color: #fff; background-color: #0275d8; - border-color: #0267bf; -} -.btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { - color: #fff; - background-color: #025aa5; - border-color: #014682; -} -.btn-primary:hover { - color: #fff; - background-color: #025aa5; - border-color: #014682; -} -.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { - background-image: none; -} -.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 { - 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; -} + border-color: #0267bf; } + .btn-primary:focus, + .btn-primary.focus, + .btn-primary:active, + .btn-primary.active, + .open > .btn-primary.dropdown-toggle { + color: #fff; + background-color: #025aa5; + border-color: #014682; } + .btn-primary:hover { + color: #fff; + background-color: #025aa5; + border-color: #014682; } + .btn-primary:active, + .btn-primary.active, + .open > .btn-primary.dropdown-toggle { + background-image: none; } + .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 { + 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 { color: #373a3c; background-color: #fff; - border-color: #ccc; -} -.btn-secondary:focus, .btn-secondary.focus, .btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { - color: #373a3c; - background-color: #e6e6e6; - border-color: #adadad; -} -.btn-secondary:hover { - color: #373a3c; - background-color: #e6e6e6; - border-color: #adadad; -} -.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle { - background-image: none; -} -.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 { - 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; -} + border-color: #ccc; } + .btn-secondary:focus, + .btn-secondary.focus, + .btn-secondary:active, + .btn-secondary.active, + .open > .btn-secondary.dropdown-toggle { + color: #373a3c; + background-color: #e6e6e6; + border-color: #adadad; } + .btn-secondary:hover { + color: #373a3c; + background-color: #e6e6e6; + border-color: #adadad; } + .btn-secondary:active, + .btn-secondary.active, + .open > .btn-secondary.dropdown-toggle { + background-image: none; } + .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 { + 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 { color: #fff; background-color: #5bc0de; - border-color: #46b8da; -} -.btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { - color: #fff; - background-color: #31b0d5; - border-color: #269abc; -} -.btn-info:hover { - color: #fff; - background-color: #31b0d5; - border-color: #269abc; -} -.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { - background-image: none; -} -.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 { - 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; -} + border-color: #46b8da; } + .btn-info:focus, + .btn-info.focus, + .btn-info:active, + .btn-info.active, + .open > .btn-info.dropdown-toggle { + color: #fff; + background-color: #31b0d5; + border-color: #269abc; } + .btn-info:hover { + color: #fff; + background-color: #31b0d5; + border-color: #269abc; } + .btn-info:active, + .btn-info.active, + .open > .btn-info.dropdown-toggle { + background-image: none; } + .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 { + 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 { color: #fff; background-color: #5cb85c; - border-color: #4cae4c; -} -.btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { - color: #fff; - background-color: #449d44; - border-color: #398439; -} -.btn-success:hover { - color: #fff; - background-color: #449d44; - border-color: #398439; -} -.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { - background-image: none; -} -.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 { - 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; -} + border-color: #4cae4c; } + .btn-success:focus, + .btn-success.focus, + .btn-success:active, + .btn-success.active, + .open > .btn-success.dropdown-toggle { + color: #fff; + background-color: #449d44; + border-color: #398439; } + .btn-success:hover { + color: #fff; + background-color: #449d44; + border-color: #398439; } + .btn-success:active, + .btn-success.active, + .open > .btn-success.dropdown-toggle { + background-image: none; } + .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 { + 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 { color: #fff; background-color: #f0ad4e; - border-color: #eea236; -} -.btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { - color: #fff; - background-color: #ec971f; - border-color: #d58512; -} -.btn-warning:hover { - color: #fff; - background-color: #ec971f; - border-color: #d58512; -} -.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { - background-image: none; -} -.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 { - 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; -} + border-color: #eea236; } + .btn-warning:focus, + .btn-warning.focus, + .btn-warning:active, + .btn-warning.active, + .open > .btn-warning.dropdown-toggle { + color: #fff; + background-color: #ec971f; + border-color: #d58512; } + .btn-warning:hover { + color: #fff; + background-color: #ec971f; + border-color: #d58512; } + .btn-warning:active, + .btn-warning.active, + .open > .btn-warning.dropdown-toggle { + background-image: none; } + .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 { + 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 { color: #fff; background-color: #d9534f; - border-color: #d43f3a; -} -.btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { - color: #fff; - background-color: #c9302c; - border-color: #ac2925; -} -.btn-danger:hover { - color: #fff; - background-color: #c9302c; - border-color: #ac2925; -} -.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { - background-image: none; -} -.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 { - 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; -} + border-color: #d43f3a; } + .btn-danger:focus, + .btn-danger.focus, + .btn-danger:active, + .btn-danger.active, + .open > .btn-danger.dropdown-toggle { + color: #fff; + background-color: #c9302c; + border-color: #ac2925; } + .btn-danger:hover { + color: #fff; + background-color: #c9302c; + border-color: #ac2925; } + .btn-danger:active, + .btn-danger.active, + .open > .btn-danger.dropdown-toggle { + background-image: none; } + .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 { + 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 { font-weight: normal; color: #0275d8; - border-radius: 0; -} -.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled, fieldset[disabled] .btn-link { - background-color: transparent; -} -.btn-link, .btn-link:focus, .btn-link:active { - border-color: transparent; -} -.btn-link:hover { - border-color: transparent; -} -.btn-link:focus, .btn-link:hover { - color: #014c8c; - text-decoration: underline; - background-color: transparent; -} -.btn-link:disabled:focus, .btn-link:disabled:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { - color: #818a91; - text-decoration: none; -} + border-radius: 0; } + .btn-link, + .btn-link:active, + .btn-link.active, + .btn-link:disabled, + fieldset[disabled] .btn-link { + background-color: transparent; } + .btn-link, + .btn-link:focus, + .btn-link:active { + border-color: transparent; } + .btn-link:hover { + border-color: transparent; } + .btn-link:focus, + .btn-link:hover { + color: #014c8c; + text-decoration: underline; + background-color: transparent; } + .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 { - padding: .75rem 1.5rem; + padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.333333; - border-radius: .3rem; -} + border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { - padding: .3rem .75rem; - font-size: .85rem; + padding: 0.3rem 0.75rem; + font-size: 0.85rem; line-height: 1.5; - border-radius: .2rem; -} + border-radius: 0.2rem; } .btn-xs, .btn-group-xs > .btn { - padding: .2rem .5rem; - font-size: .75rem; + padding: 0.2rem 0.5rem; + font-size: 0.75rem; line-height: 1.5; - border-radius: .2rem; -} + border-radius: 0.2rem; } .btn-block { display: block; - width: 100%; -} + width: 100%; } .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 { - width: 100%; -} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; } .fade { opacity: 0; - -webkit-transition: opacity .15s linear; - -o-transition: opacity .15s linear; - transition: opacity .15s linear; -} -.fade.in { - opacity: 1; -} + transition: opacity 0.15s linear; } + .fade.in { + opacity: 1; } .collapse { - display: none; -} -.collapse.in { - display: block; -} + display: none; } + .collapse.in { + display: block; } .collapsing { position: relative; height: 0; overflow: hidden; - -webkit-transition-timing-function: ease; - -o-transition-timing-function: ease; - transition-timing-function: ease; - -webkit-transition-duration: .35s; - -o-transition-duration: .35s; - transition-duration: .35s; - -webkit-transition-property: height; - -o-transition-property: height; - transition-property: height; -} + transition-timing-function: ease; + transition-duration: .35s; + transition-property: height; } -.dropup, .dropdown { - position: relative; -} +.dropup, +.dropdown { + position: relative; } .dropdown-toggle:after { display: inline-block; @@ -2746,13 +2163,12 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto margin-left: .25rem; vertical-align: middle; content: ""; - border-top: .3em solid; - border-right: .3em solid transparent; - border-left: .3em solid transparent; -} + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-left: 0.3em solid transparent; } + .dropdown-toggle:focus { - outline: 0; -} + outline: 0; } .dropdown-menu { position: absolute; @@ -2768,76 +2184,71 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto text-align: left; list-style: none; background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, .15); - border-radius: .25rem; -} -.dropdown-menu .divider { - height: 1px; - margin: -.5 0; - overflow: hidden; - background-color: #e5e5e5; -} -.dropdown-menu > li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 1.5; - color: #373a3c; - white-space: nowrap; -} + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0.25rem; } + .dropdown-menu .divider { + height: 1px; + margin: 0.5rem 0; + overflow: hidden; + background-color: #e5e5e5; } + .dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + 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; 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; text-decoration: none; background-color: #0275d8; - outline: 0; -} + outline: 0; } -.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { - color: #818a91; -} -.dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover { +.dropdown-menu > .disabled > a, +.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; - cursor: false; + cursor: not-allowed; background-color: transparent; background-image: none; - filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; -} + filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; } .open > .dropdown-menu { - display: block; -} + display: block; } + .open > a { - outline: 0; -} + outline: 0; } .dropdown-menu-right { right: 0; - left: auto; -} + left: auto; } .dropdown-menu-left { right: auto; - left: 0; -} + left: 0; } .dropdown-header { display: block; padding: 3px 20px; - font-size: .85rem; + font-size: 0.85rem; line-height: 1.5; color: #818a91; - white-space: nowrap; -} + white-space: nowrap; } .dropdown-backdrop { position: fixed; @@ -2845,208 +2256,197 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto right: 0; bottom: 0; left: 0; - z-index: 990; -} + z-index: 990; } .pull-right > .dropdown-menu { right: 0; - left: auto; -} + left: auto; } -.dropup .caret, .navbar-fixed-bottom .dropdown .caret { +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { content: ""; border-top: 0; - border-bottom: .3em solid; -} -.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { + border-bottom: 0.3em solid; } + +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; - margin-bottom: 2px; -} + margin-bottom: 2px; } -.btn-group, .btn-group-vertical { +.btn-group, +.btn-group-vertical { position: relative; display: inline-block; - vertical-align: middle; -} -.btn-group > .btn, .btn-group-vertical > .btn { - position: relative; - float: left; -} -.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { - z-index: 2; -} -.btn-group > .btn:hover, .btn-group-vertical > .btn:hover { - z-index: 2; -} + vertical-align: middle; } + .btn-group > .btn, + .btn-group-vertical > .btn { + position: relative; + float: left; } + .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 { + 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 { - margin-left: -1px; -} +.btn-group .btn + .btn, +.btn-group .btn + .btn-group, +.btn-group .btn-group + .btn, +.btn-group .btn-group + .btn-group { + margin-left: -1px; } .btn-toolbar { - margin-left: -5px; -} -.btn-toolbar:before, .btn-toolbar:after { - display: table; - content: " "; -} -.btn-toolbar:after { - clear: both; -} -.btn-toolbar .btn-group, .btn-toolbar .input-group { - float: left; -} -.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { - margin-left: 5px; -} + margin-left: -5px; } + .btn-toolbar:before, + .btn-toolbar:after { + content: " "; + display: table; } + .btn-toolbar:after { + clear: both; } + .btn-toolbar .btn-group, + .btn-toolbar .input-group { + float: left; } + .btn-toolbar > .btn, + .btn-toolbar > .btn-group, + .btn-toolbar > .input-group { + margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { - border-radius: 0; -} + border-radius: 0; } .btn-group > .btn:first-child { - margin-left: 0; -} -.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} + margin-left: 0; } + .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; } -.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { - border-top-left-radius: 0; +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; -} + border-top-left-radius: 0; } .btn-group > .btn-group { - float: left; -} + float: left; } .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 { - border-top-right-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 { border-bottom-right-radius: 0; -} + border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { - border-top-left-radius: 0; border-bottom-left-radius: 0; -} + border-top-left-radius: 0; } -.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { - outline: 0; -} +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-right: 8px; - padding-left: 8px; -} + padding-left: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-right: 12px; - padding-left: 12px; -} + padding-left: 12px; } .btn .caret { - margin-left: 0; -} + margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { - border-width: .3em .3em 0; - border-bottom-width: 0; -} + border-width: 0.3em 0.3em 0; + border-bottom-width: 0; } .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; float: none; width: 100%; - max-width: 100%; -} -.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { - display: table; - content: " "; -} + max-width: 100%; } + +.btn-group-vertical > .btn-group:before, .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 { - 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 { + 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 { margin-top: -1px; - margin-left: 0; -} + margin-left: 0; } .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) { - border-top-right-radius: .25rem; + border-top-right-radius: 0.25rem; border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} + border-bottom-left-radius: 0; } + .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-bottom-left-radius: .25rem; -} + border-top-left-radius: 0; } .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-left-radius: 0; -} + border-bottom-left-radius: 0; } .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-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; clip: rect(0, 0, 0, 0); - pointer-events: none; -} + pointer-events: none; } .input-group { position: relative; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} -.input-group .form-control { - position: relative; - z-index: 2; - margin-bottom: 0; + display: flex; } + .input-group .form-control { + position: relative; + z-index: 2; + flex: 1; + margin-bottom: 0; } - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; } -.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { - border-radius: 0; -} - -.input-group-addon, .input-group-btn { +.input-group-addon, +.input-group-btn { white-space: nowrap; - vertical-align: middle; -} + vertical-align: middle; } .input-group-addon { - padding: .5rem .75rem; + padding: 0.5rem 0.75rem; font-size: 1rem; font-weight: normal; line-height: 1; @@ -3054,84 +2454,84 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto text-align: center; background-color: #eceeef; border: 1px solid #ccc; - border-radius: .25rem; -} -.input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { - padding: .3rem .75rem; - font-size: .85rem; - border-radius: .2rem; -} -.input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { - padding: .75rem 1.5rem; - font-size: 1.25rem; - border-radius: .3rem; -} -.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] { - margin-top: 0; -} + border-radius: 0.25rem; } + .input-group-addon.form-control-sm, .input-group-sm > .input-group-addon, + .input-group-sm > .input-group-btn > .input-group-addon.btn { + padding: 0.3rem 0.75rem; + font-size: 0.85rem; + border-radius: 0.2rem; } + .input-group-addon.form-control-lg, .input-group-lg > .input-group-addon, + .input-group-lg > .input-group-btn > .input-group-addon.btn { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; + border-radius: 0.3rem; } + .input-group-addon input[type="radio"], + .input-group-addon input[type="checkbox"] { + margin-top: 0; } -.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .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-top-right-radius: 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 { border-bottom-right-radius: 0; -} + border-top-right-radius: 0; } .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 { - border-top-left-radius: 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 { border-bottom-left-radius: 0; -} + border-top-left-radius: 0; } .input-group-addon:last-child { - border-left: 0; -} + border-left: 0; } .input-group-btn { position: relative; font-size: 0; - white-space: nowrap; -} -.input-group-btn > .btn { - position: relative; -} -.input-group-btn > .btn + .btn { - margin-left: -1px; -} -.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover { - z-index: 2; -} -.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { - margin-right: -1px; -} -.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { - margin-left: -1px; -} + white-space: nowrap; } + .input-group-btn > .btn { + position: relative; } + .input-group-btn > .btn + .btn { + margin-left: -1px; } + .input-group-btn > .btn:focus, + .input-group-btn > .btn:active, + .input-group-btn > .btn:hover { + z-index: 2; } + .input-group-btn:first-child > .btn, + .input-group-btn:first-child > .btn-group { + margin-right: -1px; } + .input-group-btn:last-child > .btn, + .input-group-btn:last-child > .btn-group { + margin-left: -1px; } .c-input { position: relative; display: inline; padding-left: 1.5rem; color: #555; - cursor: pointer; -} -.c-input > input { - position: absolute; - z-index: -1; - opacity: 0; -} -.c-input > input:checked ~ .c-indicator { - color: #fff; - background-color: #0074d9; -} -.c-input > input:active ~ .c-indicator { - color: #fff; - background-color: #84c6ff; -} -.c-input + .c-input { - margin-left: 1rem; -} + cursor: pointer; } + .c-input > input { + position: absolute; + z-index: -1; + opacity: 0; } + .c-input > input:checked ~ .c-indicator { + color: #fff; + background-color: #0074d9; } + .c-input > input:active ~ .c-indicator { + color: #fff; + background-color: #84c6ff; } + .c-input + .c-input { + margin-left: 1rem; } .c-indicator { position: absolute; @@ -3144,123 +2544,97 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto line-height: 1rem; color: #eee; text-align: center; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; background-color: #eee; background-repeat: no-repeat; background-position: center center; - -webkit-background-size: 50% 50%; - background-size: 50% 50%; -} + background-size: 50% 50%; } .c-checkbox .c-indicator { - border-radius: .25rem; -} + border-radius: .25rem; } + .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 { 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 { - border-radius: 50%; -} + border-radius: 50%; } + .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 { - display: inline; -} -.c-inputs-stacked .c-input:after { - display: block; - margin-bottom: .25rem; - content: ""; -} -.c-inputs-stacked .c-input + .c-input { - margin-left: 0; -} + display: inline; } + .c-inputs-stacked .c-input:after { + display: block; + margin-bottom: .25rem; + content: ""; } + .c-inputs-stacked .c-input + .c-input { + margin-left: 0; } .select { position: relative; display: inline-block; - color: #555; -} -.select > select { - display: inline-block; - width: 100%; - -webkit-appearance: none; - padding: .5rem 2.25rem .5rem 1rem; - margin: 0; - line-height: 1.5; - color: #555; - cursor: pointer; - background-color: #eee; - border: 0; - border-radius: .25rem; - outline: 0; - - appearance: none; -} -.select > select:focus { - -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; - box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; -} -.select > select:focus:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #000; -} -.select > select:active { - color: #fff; - background-color: #0074d9; -} -.select > select::-ms-expand { - display: none; -} -.select:after { - position: absolute; - top: 50%; - right: 1.25rem; - display: inline-block; - width: 0; - 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; -} + color: #555; } + .select > select { + display: inline-block; + width: 100%; + padding: 0.5rem 2.25rem 0.5rem 1rem; + margin: 0; + line-height: 1.5; + color: #555; + cursor: pointer; + background-color: #eee; + border: 0; + border-radius: .25rem; + outline: 0; + -webkit-appearance: none; + appearance: none; } + .select > select:focus { + box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; } + .select > select:focus:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #000; } + .select > select:active { + color: #fff; + background-color: #0074d9; } + .select > select::-ms-expand { + display: none; } + .select:after { + position: absolute; + top: 50%; + right: 1.25rem; + display: inline-block; + width: 0; + 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 { - background-color: #ddd; -} + background-color: #ddd; } @-moz-document url-prefix() { .select select { padding-right: 1rem; - text-indent: .01px; - text-overflow: ""; - } - + text-indent: 0.01px; + text-overflow: ""; } .select option { - background-color: #fff; - } -} + background-color: #fff; } } -@media screen and (min-width: 0\0) { +@media screen and (min-width: 0 \0) { .select select { z-index: 1; - padding: .5rem 1.5rem .5rem 1rem; - } + padding: 0.5rem 1.5rem 0.5rem 1rem; } .select:after { - z-index: 5; - } + z-index: 5; } .select:before { position: absolute; top: 0; @@ -3270,27 +2644,24 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto display: block; width: 1.5rem; content: ""; - background-color: #eee; - } - .select select:focus, .select select:active, .select select:hover { + background-color: #eee; } + .select select:focus, + .select select:active, + .select select:hover { color: #555; - background-color: #eee; - } -} + background-color: #eee; } } .file { position: relative; display: inline-block; height: 2.5rem; - cursor: pointer; -} + cursor: pointer; } .file input { min-width: 14rem; margin: 0; filter: alpha(opacity=0); - opacity: 0; -} + opacity: 0; } .file-custom { position: absolute; @@ -3299,23 +2670,17 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto left: 0; z-index: 5; height: 2.5rem; - padding: .5rem 1rem; + padding: 0.5rem 1rem; line-height: 1.5; color: #555; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; + user-select: none; background-color: #fff; border: .075rem solid #ddd; border-radius: .25rem; - -webkit-box-shadow: inset 0 .2rem .4rem rgba(0, 0, 0, .05); - 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); } .file-custom:after { - content: "Choose file..."; -} + content: "Choose file..."; } .file-custom:before { position: absolute; @@ -3325,427 +2690,417 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto z-index: 6; display: block; height: 2.5rem; - padding: .5rem 1rem; + padding: 0.5rem 1rem; line-height: 1.5; color: #555; content: "Browse"; background-color: #eee; border: .075rem solid #ddd; - border-radius: 0 .25rem .25rem 0; -} + border-radius: 0 0.25rem 0.25rem 0; } .file input:focus ~ .file-custom { - -webkit-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9; - 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; } .nav { padding-left: 0; margin-bottom: 0; - list-style: none; -} -.nav:before, .nav:after { - display: table; - content: " "; -} -.nav:after { - clear: both; -} + list-style: none; } + .nav:before, + .nav:after { + content: " "; + display: table; } + .nav:after { + clear: both; } .nav-item { position: relative; - display: inline-block; -} + display: inline-block; } .nav-link { display: inline-block; - padding: .75em 1em; - line-height: 1; -} -.nav-link:focus, .nav-link:hover { - text-decoration: none; - background-color: #eceeef; -} -.disabled > .nav-link, .nav-link.disabled { - color: #818a91; -} -.disabled > .nav-link, .disabled > .nav-link:focus, .disabled > .nav-link:hover, .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover { - color: #818a91; - cursor: false; - background-color: transparent; -} + padding: 0.75em 1em; + line-height: 1; } + .nav-link:focus, + .nav-link:hover { + text-decoration: none; + background-color: #eceeef; } + .disabled > .nav-link, + .nav-link.disabled { + color: #818a91; } + .disabled > .nav-link, + .disabled > .nav-link:focus, + .disabled > .nav-link:hover, + .nav-link.disabled, + .nav-link.disabled:focus, + .nav-link.disabled:hover { + color: #818a91; + cursor: not-allowed; + background-color: transparent; } .nav-tabs { - border-bottom: 1px solid #ddd; -} -.nav-tabs .nav-item { - float: left; - margin-bottom: -1px; -} -.nav-tabs .nav-item + .nav-item { - margin-left: .2rem; -} -.nav-tabs .nav-link { - display: block; - border: 1px solid transparent; - border-radius: .25rem .25rem 0 0; -} -.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { - border-color: #eceeef #eceeef #ddd; -} -.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 { - 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; -} + border-bottom: 1px solid #ddd; } + .nav-tabs .nav-item { + float: left; + margin-bottom: -1px; } + .nav-tabs .nav-item + .nav-item { + margin-left: .2rem; } + .nav-tabs .nav-link { + display: block; + border: 1px solid transparent; + border-radius: 0.25rem 0.25rem 0 0; } + .nav-tabs .nav-link:focus, + .nav-tabs .nav-link:hover { + border-color: #eceeef #eceeef #ddd; } + .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 { + 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 { - float: left; -} -.nav-pills .nav-item + .nav-item { - margin-left: .2rem; -} + float: left; } + .nav-pills .nav-item + .nav-item { + margin-left: .2rem; } + .nav-pills .nav-link { display: block; - border-radius: .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 { + 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 { color: #fff; cursor: default; - background-color: #0275d8; -} + background-color: #0275d8; } .nav-stacked .nav-item { display: block; - float: none; -} -.nav-stacked .nav-item + .nav-item { - margin-top: .2rem; - margin-left: 0; -} + float: none; } + .nav-stacked .nav-item + .nav-item { + margin-top: .2rem; + margin-left: 0; } .tab-content > .tab-pane { - display: none; -} + display: none; } + .tab-content > .active { - display: block; -} + display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; - border-top-left-radius: 0; border-top-right-radius: 0; -} + border-top-left-radius: 0; } .navbar { position: relative; padding: 1rem; - margin-bottom: 1; -} -.navbar:before, .navbar:after { - display: table; - content: " "; -} -.navbar:after { - clear: both; -} -@media (min-width: 34em) { - .navbar { - border-radius: .25rem; - } -} + margin-bottom: 1; } + .navbar:before, + .navbar:after { + content: " "; + display: table; } + .navbar:after { + clear: both; } + @media (min-width: 34em) { + .navbar { + border-radius: 0.25rem; } } .navbar-static-top { - z-index: 1000; -} -@media (min-width: 34em) { - .navbar-static-top { - border-radius: 0; - } -} + z-index: 1000; } + @media (min-width: 34em) { + .navbar-static-top { + border-radius: 0; } } -.navbar-fixed-top, .navbar-fixed-bottom { +.navbar-fixed-top, +.navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; - margin-bottom: 0; -} -@media (min-width: 34em) { - .navbar-fixed-top, .navbar-fixed-bottom { - border-radius: 0; - } -} + margin-bottom: 0; } + @media (min-width: 34em) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; } } .navbar-fixed-top { - top: 0; -} + top: 0; } .navbar-fixed-bottom { - bottom: 0; -} + bottom: 0; } .navbar-sticky-top { - position: -webkit-sticky; - position: sticky; + position: sticky; top: 0; - z-index: 1030; width: 100%; -} -@media (min-width: 34em) { - .navbar-sticky-top { - border-radius: 0; - } -} + z-index: 1030; } + @media (min-width: 34em) { + .navbar-sticky-top { + border-radius: 0; } } .navbar-brand { float: left; - padding: .625rem .75rem; + padding: 0.625rem 0.75rem; margin-right: 1rem; margin-bottom: 0; font-size: 1.25rem; - line-height: 1; -} -.navbar-brand > a:focus, .navbar-brand > a:hover { - text-decoration: none; -} -.navbar-brand > img { - display: block; -} + line-height: 1; } + .navbar-brand > a:focus, + .navbar-brand > a:hover { + text-decoration: none; } + .navbar-brand > img { + display: block; } .navbar-toggler { - padding: .55rem .75rem; + padding: 0.55rem 0.75rem; margin-right: 1rem; margin-bottom: 0; font-size: 1.25rem; line-height: 1; background: none; - border: 0; -} -.navbar-toggler:focus, .navbar-toggler:hover { - text-decoration: none; -} + border: 0; } + .navbar-toggler:focus, + .navbar-toggler:hover { + text-decoration: none; } @media (min-width: 34em) { .navbar-toggleable-xs { - display: block !important; - } -} + display: block !important; } } + @media (min-width: 48em) { .navbar-toggleable-sm { - display: block !important; - } -} + display: block !important; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; - border-top-left-radius: 0; border-top-right-radius: 0; -} + border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; + border-top-right-radius: 0.25rem; + border-top-left-radius: 0.25rem; border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} + border-bottom-left-radius: 0; } .navbar-condensed { padding-top: 0; - padding-bottom: 0; -} -.navbar-condensed .navbar-brand { - padding-top: .95rem; - padding-bottom: .95rem; -} -.navbar-condensed .form-inline { - margin-top: .6rem; -} + padding-bottom: 0; } + .navbar-condensed .navbar-brand { + padding-top: .95rem; + padding-bottom: .95rem; } + .navbar-condensed .form-inline { + margin-top: .6rem; } .navbar-nav .nav-item { - float: left; -} + float: left; } + .navbar-nav .nav-link { display: block; padding-top: .95rem; padding-bottom: .95rem; - 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 { + 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 { color: #555; cursor: default; - background-color: #e7e7e7; -} + background-color: #e7e7e7; } .navbar-default { background-color: #f8f8f8; - border-color: #e7e7e7; -} -.navbar-default .navbar-brand { - color: #777; -} -.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { - color: #5e5e5e; - background-color: transparent; -} + border-color: #e7e7e7; } + .navbar-default .navbar-brand { + color: #777; } + .navbar-default .navbar-brand:focus, + .navbar-default .navbar-brand:hover { + color: #5e5e5e; + background-color: transparent; } .navbar-inverse { background-color: #373a3c; - border-color: #1f2021; -} -.navbar-inverse .navbar-toggler, .navbar-inverse .navbar-brand > a, .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 { - color: #fff; -} -.navbar-inverse .nav-pills > .nav-item > .nav-link:focus, .navbar-inverse .nav-pills > .nav-item > .nav-link:hover { - color: #fff; - background-color: #1f2021; -} -.navbar-inverse .nav-pills > .active > .nav-link, .navbar-inverse .nav-pills > .nav-link.active { - color: #fff; - background-color: #1f2021; -} -.navbar-inverse .navbar-brand { - color: #aab0b5; -} -.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { - color: #fff; - background-color: transparent; -} -.navbar-inverse .navbar-text { - color: #a2a8ae; -} -.navbar-inverse .navbar-nav > li > a { - color: #aab0b5; -} -.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { - color: #fff; - background-color: transparent; -} -.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover { - color: #fff; - background-color: #1f2021; -} -.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:focus, .navbar-inverse .navbar-nav > .disabled > a:hover { - color: #444; - background-color: transparent; -} -.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { - border-color: #262829; -} -.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover { - color: #fff; - background-color: #1f2021; -} -.navbar-inverse .navbar-link { - color: #aab0b5; -} -.navbar-inverse .navbar-link:hover { - color: #fff; -} -.navbar-inverse .btn-link { - color: #aab0b5; -} -.navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { - color: #fff; -} -.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; -} + border-color: #1f2021; } + .navbar-inverse .navbar-toggler, + .navbar-inverse .navbar-brand > a, + .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 { + color: #fff; } + .navbar-inverse .nav-pills > .nav-item > .nav-link:focus, + .navbar-inverse .nav-pills > .nav-item > .nav-link:hover { + color: #fff; + background-color: #1f2021; } + .navbar-inverse .nav-pills > .active > .nav-link, + .navbar-inverse .nav-pills > .nav-link.active { + color: #fff; + background-color: #1f2021; } + .navbar-inverse .navbar-brand { + color: #aab0b5; } + .navbar-inverse .navbar-brand:focus, + .navbar-inverse .navbar-brand:hover { + color: #fff; + background-color: transparent; } + .navbar-inverse .navbar-text { + color: #a2a8ae; } + .navbar-inverse .navbar-nav > li > a { + color: #aab0b5; } + .navbar-inverse .navbar-nav > li > a:focus, + .navbar-inverse .navbar-nav > li > a:hover { + color: #fff; + background-color: transparent; } + .navbar-inverse .navbar-nav > .active > a, + .navbar-inverse .navbar-nav > .active > a:focus, + .navbar-inverse .navbar-nav > .active > a:hover { + color: #fff; + background-color: #1f2021; } + .navbar-inverse .navbar-nav > .disabled > a, + .navbar-inverse .navbar-nav > .disabled > a:focus, + .navbar-inverse .navbar-nav > .disabled > a:hover { + color: #444; + background-color: transparent; } + .navbar-inverse .navbar-collapse, + .navbar-inverse .navbar-form { + border-color: #262829; } + .navbar-inverse .navbar-nav > .open > a, + .navbar-inverse .navbar-nav > .open > a:focus, + .navbar-inverse .navbar-nav > .open > a:hover { + color: #fff; + background-color: #1f2021; } + .navbar-inverse .navbar-link { + color: #aab0b5; } + .navbar-inverse .navbar-link:hover { + color: #fff; } + .navbar-inverse .btn-link { + color: #aab0b5; } + .navbar-inverse .btn-link:focus, + .navbar-inverse .btn-link:hover { + color: #fff; } + .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 { position: relative; padding: 1.25rem; margin-bottom: 1.25rem; - border: .075rem solid #eee; -} + border: .075rem solid #eee; } .card-title { margin-top: 0; - margin-bottom: .75rem; -} + margin-bottom: .75rem; } .card-text:last-child { - margin-bottom: 0; -} + margin-bottom: 0; } .card-actions .card-link + .card-link { - margin-left: .75rem; -} + margin-left: .75rem; } .card-link:hover { - text-decoration: none; -} + text-decoration: none; } .card-header { - padding: .75rem 1.25rem; + padding: 0.75rem 1.25rem; margin: -1.25rem -1.25rem 1.25rem; border-bottom: .075rem solid #eee; - border-radius: .25rem .25rem 0 0; -} + border-radius: 0.25rem 0.25rem 0 0; } .card-footer { - padding: .75rem 1.25rem; + padding: 0.75rem 1.25rem; margin: 1.25rem -1.25rem -1.25rem; border-top: .075rem solid #eee; - border-radius: 0 0 .25rem .25rem; -} + border-radius: 0 0 0.25rem 0.25rem; } .card-primary { background-color: #0275d8; - border-color: #0275d8; -} + border-color: #0275d8; } .card-success { background-color: #5cb85c; - border-color: #5cb85c; -} + border-color: #5cb85c; } .card-info { background-color: #5bc0de; - border-color: #5bc0de; -} + border-color: #5bc0de; } .card-warning { background-color: #f0ad4e; - border-color: #f0ad4e; -} + border-color: #f0ad4e; } .card-danger { background-color: #d9534f; - border-color: #d9534f; -} + border-color: #d9534f; } -.card-inverse .card-header, .card-inverse .card-footer { - border-bottom: .075rem solid rgba(255, 255, 255, .2); -} -.card-inverse .card-header, .card-inverse .card-footer, .card-inverse .card-title, .card-inverse .card-blockquote { - color: #fff; -} -.card-inverse .card-link, .card-inverse .card-text, .card-inverse .card-blockquote > footer { - color: rgba(255, 255, 255, .65); -} -.card-inverse .card-link:focus, .card-inverse .card-link:hover { - color: #fff; -} +.card-inverse .card-header, +.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-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 { padding: 0; margin-bottom: 0; - border-left: 0; -} + border-left: 0; } .card-img { margin: -1.325rem; - border-radius: .25rem; -} + border-radius: 0.25rem; } .card-img-overlay { position: absolute; @@ -3753,206 +3108,199 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto right: 0; bottom: 0; left: 0; - padding: 1.25rem; -} + padding: 1.25rem; } .card-img-top { margin: -1.325rem -1.325rem 1.25rem; - border-radius: .25rem .25rem 0 0; -} + border-radius: 0.25rem 0.25rem 0 0; } .card-img-bottom { margin: 1.25rem -1.325rem -1.325rem; - border-radius: 0 0 .25rem .25rem; -} + border-radius: 0 0 0.25rem 0.25rem; } .card-set { display: table; table-layout: fixed; - border-spacing: 1.25rem 0; -} -.card-set .card { - display: table-cell; - float: none; - max-width: none; -} + border-spacing: 1.25rem 0; } + .card-set .card { + display: table-cell; + float: none; + max-width: none; } .card-set-wrapper { margin-right: -1.25rem; - margin-left: -1.25rem; -} + margin-left: -1.25rem; } .card-group { display: table; width: 100%; - table-layout: fixed; -} -.card-group .card { - display: table-cell; - float: none; - max-width: none; -} -.card-group .card + .card { - margin-left: 0; - border-left: 0; -} + table-layout: fixed; } + .card-group .card { + display: table-cell; + float: none; + max-width: none; } + .card-group .card + .card { + margin-left: 0; + border-left: 0; } .card-columns { - -webkit-column-count: 3; - -moz-column-count: 3; - column-count: 3; - -webkit-column-gap: 1rem; - -moz-column-gap: 1rem; - column-gap: 1rem; -} -.card-columns .card { - display: inline-block; - width: 100%; -} + column-count: 3; + column-gap: 1rem; } + .card-columns .card { + display: inline-block; + width: 100%; } .breadcrumb { - padding: .75rem 1rem; + padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #eceeef; - border-radius: .25rem; -} -.breadcrumb > li { - display: inline-block; -} -.breadcrumb > li + li:before { - padding-right: .5rem; - padding-left: .5rem; - color: #818a91; - content: "/\00a0"; -} -.breadcrumb > .active { - color: #818a91; -} + border-radius: 0.25rem; } + .breadcrumb > li { + display: inline-block; } + .breadcrumb > li + li:before { + padding-right: .5rem; + padding-left: .5rem; + color: #818a91; + content: "/ "; } + .breadcrumb > .active { + color: #818a91; } .pagination { display: inline-block; padding-left: 0; + margin-top: 1rem; + margin-bottom: 1rem; margin: 1 0; - border-radius: .25rem; -} -.pagination > li { - display: inline; -} -.pagination > li > a, .pagination > li > span { - position: relative; - float: left; - padding: .5rem .75rem; - margin-left: -1px; - line-height: 1.5; - color: #0275d8; - text-decoration: none; - background-color: #fff; - border: 1px solid #ddd; -} -.pagination > li:first-child > a, .pagination > li:first-child > span { - margin-left: 0; - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; -} -.pagination > li:last-child > a, .pagination > li:last-child > span { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; -} -.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { - color: #014c8c; - 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 { - z-index: 2; - color: #fff; - cursor: default; - background-color: #0275d8; - border-color: #0275d8; -} -.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: false; - background-color: #fff; - border-color: #ddd; -} + border-radius: 0.25rem; } + .pagination > li { + display: inline; } + .pagination > li > a, + .pagination > li > span { + position: relative; + float: left; + padding: 0.5rem 0.75rem; + margin-left: -1px; + line-height: 1.5; + color: #0275d8; + text-decoration: none; + background-color: #fff; + border: 1px solid #ddd; } + .pagination > li:first-child > a, + .pagination > li:first-child > span { + margin-left: 0; + border-bottom-left-radius: 0.25rem; + border-top-left-radius: 0.25rem; } + .pagination > li:last-child > a, + .pagination > li:last-child > span { + border-bottom-right-radius: 0.25rem; + border-top-right-radius: 0.25rem; } + .pagination > li > a:focus, + .pagination > li > a:hover, + .pagination > li > span:focus, + .pagination > li > span:hover { + color: #014c8c; + 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 { + z-index: 2; + color: #fff; + cursor: default; + background-color: #0275d8; + border-color: #0275d8; } + .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 { - padding: .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-lg > li > a, +.pagination-lg > li > span { + padding: 0.75rem 1.5rem; + font-size: 1.25rem; } -.pagination-sm > li > a, .pagination-sm > li > span { - padding: .3rem .75rem; - font-size: .85rem; -} -.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { - border-top-left-radius: .2rem; - border-bottom-left-radius: .2rem; -} -.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { - border-top-right-radius: .2rem; - border-bottom-right-radius: .2rem; -} +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-bottom-left-radius: 0.3rem; + border-top-left-radius: 0.3rem; } + +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-bottom-right-radius: 0.3rem; + border-top-right-radius: 0.3rem; } + +.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 { padding-left: 0; - margin: 1 0; + margin-top: 1rem; + margin-bottom: 1rem; text-align: center; - list-style: none; -} -.pager:before, .pager:after { - display: table; - content: " "; -} -.pager:after { - clear: both; -} -.pager li { - display: inline; -} -.pager li > a, .pager li > span { - display: inline-block; - padding: 5px 14px; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 15px; -} -.pager li > a:focus, .pager li > a:hover { - text-decoration: none; - background-color: #eceeef; -} -.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover { - color: #818a91; - cursor: false; - background-color: #fff; -} -.pager .disabled > span { - color: #818a91; - cursor: false; - background-color: #fff; -} + list-style: none; } + .pager:before, + .pager:after { + content: " "; + display: table; } + .pager:after { + clear: both; } + .pager li { + display: inline; } + .pager li > a, + .pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; } + .pager li > a:focus, + .pager li > a:hover { + text-decoration: none; + background-color: #eceeef; } + .pager .disabled > a, + .pager .disabled > a:focus, + .pager .disabled > a:hover { + color: #818a91; + cursor: not-allowed; + background-color: #fff; } + .pager .disabled > span { + color: #818a91; + cursor: not-allowed; + background-color: #fff; } -.pager-next > a, .pager-next > span { - float: right; -} +.pager-next > a, +.pager-next > span { + float: right; } -.pager-prev > a, .pager-prev > span { - float: left; -} +.pager-prev > a, +.pager-prev > span { + float: left; } .label { display: inline-block; - padding: .25em .4em; + padding: 0.25em 0.4em; font-size: 75%; font-weight: bold; line-height: 1; @@ -3960,63 +3308,54 @@ input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="butto text-align: center; white-space: nowrap; vertical-align: baseline; - border-radius: .25rem; -} -.label:empty { - display: none; -} -.btn .label { - position: relative; - top: -1px; -} + border-radius: 0.25rem; } + .label:empty { + display: none; } + .btn .label { + position: relative; + top: -1px; } -a.label:focus, a.label:hover { +a.label:focus, +a.label:hover { color: #fff; text-decoration: none; - cursor: pointer; -} + cursor: pointer; } .label-default { - background-color: #818a91; -} -.label-default[href]:focus, .label-default[href]:hover { - background-color: #687077; -} + background-color: #818a91; } + .label-default[href]:focus, + .label-default[href]:hover { + background-color: #687077; } .label-primary { - background-color: #0275d8; -} -.label-primary[href]:focus, .label-primary[href]:hover { - background-color: #025aa5; -} + background-color: #0275d8; } + .label-primary[href]:focus, + .label-primary[href]:hover { + background-color: #025aa5; } .label-success { - background-color: #5cb85c; -} -.label-success[href]:focus, .label-success[href]:hover { - background-color: #449d44; -} + background-color: #5cb85c; } + .label-success[href]:focus, + .label-success[href]:hover { + background-color: #449d44; } .label-info { - background-color: #5bc0de; -} -.label-info[href]:focus, .label-info[href]:hover { - background-color: #31b0d5; -} + background-color: #5bc0de; } + .label-info[href]:focus, + .label-info[href]:hover { + background-color: #31b0d5; } .label-warning { - background-color: #f0ad4e; -} -.label-warning[href]:focus, .label-warning[href]:hover { - background-color: #ec971f; -} + background-color: #f0ad4e; } + .label-warning[href]:focus, + .label-warning[href]:hover { + background-color: #ec971f; } .label-danger { - background-color: #d9534f; -} -.label-danger[href]:focus, .label-danger[href]:hover { - background-color: #c9302c; -} + background-color: #d9534f; } + .label-danger[href]:focus, + .label-danger[href]:hover { + background-color: #c9302c; } .badge { position: relative; @@ -4030,362 +3369,260 @@ a.label:focus, a.label:hover { text-align: center; white-space: nowrap; background-color: #818a91; - border-radius: 2em; -} -.badge:empty { - display: none; -} -.badge.pull-left, .badge.pull-right { - top: .2em; -} -.list-group-item.active > .badge, .nav-pills > .active > a > .badge { - color: #0275d8; - background-color: #fff; -} -.list-group-item > .badge { - float: right; -} -.list-group-item > .badge + .badge { - margin-right: 5px; -} -.nav-pills > li > a > .badge { - margin-left: 3px; -} + border-radius: 2em; } + .badge:empty { + display: none; } + .badge.pull-left, + .badge.pull-right { + top: .2em; } + .list-group-item.active > .badge, + .nav-pills > .active > a > .badge { + color: #0275d8; + background-color: #fff; } + .list-group-item > .badge { + float: right; } + .list-group-item > .badge + .badge { + 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; text-decoration: none; - cursor: pointer; -} + cursor: pointer; } .jumbotron { padding: 2rem 1rem; margin-bottom: 2rem; color: inherit; background-color: #eceeef; - border-radius: .3rem; -} + border-radius: 0.3rem; } .jumbotron-heading { - color: inherit; -} + color: inherit; } .jumbotron-hr { - border-top-color: #d0d5d8; -} + border-top-color: #d0d5d8; } @media (min-width: 34em) { .jumbotron { - padding: 4rem 2rem; - } + padding: 4rem 2rem; } .jumbotron-heading { - font-size: 4.5rem; - } -} + font-size: 4.5rem; } } .jumbotron-fluid { padding-right: 0; padding-left: 0; - border-radius: 0; -} + border-radius: 0; } .alert { padding: 15px; margin-bottom: 1rem; border: 1px solid transparent; - border-radius: .25rem; -} -.alert > p, .alert > ul { - margin-bottom: 0; -} -.alert > p + p { - margin-top: 5px; -} + border-radius: 0.25rem; } + .alert > p, + .alert > ul { + margin-bottom: 0; } + .alert > p + p { + margin-top: 5px; } .alert-heading { margin-top: 0; - color: inherit; -} + color: inherit; } .alert-link { - font-weight: bold; -} + font-weight: bold; } .alert-dismissible { - padding-right: 35px; -} -.alert-dismissible .close { - position: relative; - top: -2px; - right: -21px; - color: inherit; -} + padding-right: 35px; } + .alert-dismissible .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; } .alert-success { - color: #3c763d; background-color: #dff0d8; border-color: #d0e9c6; -} -.alert-success hr { - border-top-color: #c1e2b3; -} -.alert-success .alert-link { - color: #2b542c; -} + color: #3c763d; } + .alert-success hr { + border-top-color: #c1e2b3; } + .alert-success .alert-link { + color: #2b542c; } .alert-info { - color: #31708f; background-color: #d9edf7; border-color: #bcdff1; -} -.alert-info hr { - border-top-color: #a6d5ec; -} -.alert-info .alert-link { - color: #245269; -} + color: #31708f; } + .alert-info hr { + border-top-color: #a6d5ec; } + .alert-info .alert-link { + color: #245269; } .alert-warning { - color: #8a6d3b; background-color: #fcf8e3; border-color: #faf2cc; -} -.alert-warning hr { - border-top-color: #f7ecb5; -} -.alert-warning .alert-link { - color: #66512c; -} + color: #8a6d3b; } + .alert-warning hr { + border-top-color: #f7ecb5; } + .alert-warning .alert-link { + color: #66512c; } .alert-danger { - color: #a94442; background-color: #f2dede; border-color: #ebcccc; -} -.alert-danger hr { - border-top-color: #e4b9b9; -} -.alert-danger .alert-link { - 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; - } -} + color: #a94442; } + .alert-danger hr { + border-top-color: #e4b9b9; } + .alert-danger .alert-link { + color: #843534; } @keyframes progress-bar-stripes { from { - background-position: 1 0; - } - + background-position: 1rem 0; } to { - background-position: 0 0; - } -} + background-position: 0 0; } } .progress { display: block; width: 100%; - height: 1; - margin-bottom: 1; -} + height: 1rem; + margin-bottom: 1rem; } .progress[value] { color: #0074d9; border: 0; - - appearance: none; -} + appearance: none; } .progress[value]::-webkit-progress-bar { background-color: #eee; - border-radius: .25rem; -} + border-radius: 0.25rem; } .progress[value]::-webkit-progress-value::before { - content: attr(value); -} + content: attr(value); } .progress[value]::-webkit-progress-value { background-color: #0074d9; - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; -} + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } .progress[value="100"]::-webkit-progress-value { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; -} + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } -@media screen and ("min-width:0\0") { +@media screen and ("min-width:0�") { .progress { background-color: #eee; - border-radius: .25rem; - } + border-radius: 0.25rem; } .progress-bar { display: inline-block; - height: 1; + height: 1rem; text-indent: -999rem; background-color: #0074d9; - border-top-left-radius: .25rem; - border-bottom-left-radius: .25rem; - } + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } .progress[width^="0"] { min-width: 2rem; color: #818a91; background-color: transparent; - background-image: none; - } + background-image: none; } .progress[width="100%"] { - border-top-right-radius: .25rem; - border-bottom-right-radius: .25rem; - } -} + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } } .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, .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; -} + 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: 1rem 1rem; } .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-size: 1 1; -} + 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: 1rem 1rem; } -@media screen and ("min-width:0\0") { +@media screen and ("min-width:0�") { .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: -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-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; - } -} + 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: 1rem 1rem; } } .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 { - 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�") { .progress-animated .progress-bar-striped { - -webkit-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; - } -} + animation: progress-bar-stripes 2s linear infinite; } } .progress-success[value]::-webkit-progress-value { - background-color: #5cb85c; -} + background-color: #5cb85c; } + .progress-success[value]::-moz-progress-bar { - background-color: #5cb85c; -} -@media screen and ("min-width:0\0") { + background-color: #5cb85c; } + +@media screen and ("min-width:0�") { .progress-success .progress-bar { - background-color: #5cb85c; - } -} + background-color: #5cb85c; } } .progress-info[value]::-webkit-progress-value { - background-color: #5bc0de; -} + background-color: #5bc0de; } + .progress-info[value]::-moz-progress-bar { - background-color: #5bc0de; -} -@media screen and ("min-width:0\0") { + background-color: #5bc0de; } + +@media screen and ("min-width:0�") { .progress-info .progress-bar { - background-color: #5bc0de; - } -} + background-color: #5bc0de; } } .progress-warning[value]::-webkit-progress-value { - background-color: #f0ad4e; -} + background-color: #f0ad4e; } + .progress-warning[value]::-moz-progress-bar { - background-color: #f0ad4e; -} -@media screen and ("min-width:0\0") { + background-color: #f0ad4e; } + +@media screen and ("min-width:0�") { .progress-warning .progress-bar { - background-color: #f0ad4e; - } -} + background-color: #f0ad4e; } } .progress-danger[value]::-webkit-progress-value { - background-color: #d9534f; -} + background-color: #d9534f; } + .progress-danger[value]::-moz-progress-bar { - background-color: #d9534f; -} -@media screen and ("min-width:0\0") { + background-color: #d9534f; } + +@media screen and ("min-width:0�") { .progress-danger .progress-bar { - background-color: #d9534f; - } -} + background-color: #d9534f; } } .media { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - margin-bottom: 1rem; -} + display: flex; + margin-bottom: 1rem; } .media-body { - -webkit-box-flex: 1; - -webkit-flex: 1; - -ms-flex: 1; - flex: 1; -} + flex: 1; } .media-object { - display: block; -} + display: block; } -.media-right, .media > .pull-right { - padding-left: 10px; -} +.media-right, +.media > .pull-right { + padding-left: 10px; } -.media-left, .media > .pull-left { - padding-right: 10px; -} +.media-left, +.media > .pull-left { + padding-right: 10px; } .media-heading { margin-top: 0; - margin-bottom: 5px; -} + margin-bottom: 5px; } .media-list { padding-left: 0; - list-style: none; -} + list-style: none; } .list-group { padding-left: 0; - margin-bottom: 20px; -} + margin-bottom: 20px; } .list-group-item { position: relative; @@ -4393,172 +3630,170 @@ a.badge:focus, a.badge:hover { padding: 10px 15px; margin-bottom: -1px; background-color: #fff; - border: 1px solid #ddd; -} -.list-group-item:first-child { - border-top-left-radius: .25rem; - border-top-right-radius: .25rem; -} -.list-group-item:last-child { - margin-bottom: 0; - border-bottom-right-radius: .25rem; - border-bottom-left-radius: .25rem; -} + border: 1px solid #ddd; } + .list-group-item:first-child { + border-top-right-radius: 0.25rem; + border-top-left-radius: 0.25rem; } + .list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } a.list-group-item { - color: #555; -} -a.list-group-item .list-group-item-heading { - color: #333; -} -a.list-group-item:focus, a.list-group-item:hover { - color: #555; - text-decoration: none; - background-color: #f5f5f5; -} + color: #555; } + a.list-group-item .list-group-item-heading { + color: #333; } + a.list-group-item:focus, + a.list-group-item:hover { + color: #555; + text-decoration: none; + 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; - cursor: false; - background-color: #eceeef; -} -.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 { - 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 { - color: #818a91; -} -.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { + cursor: not-allowed; + background-color: #eceeef; } + .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 { + 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 { + color: #818a91; } + +.list-group-item.active, +.list-group-item.active:focus, +.list-group-item.active:hover { z-index: 2; color: #fff; background-color: #0275d8; - border-color: #0275d8; -} -.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 { - 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; -} + border-color: #0275d8; } + .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 { + 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 { color: #3c763d; - background-color: #dff0d8; -} + background-color: #dff0d8; } a.list-group-item-state { - color: #3c763d; -} -a.list-group-item-state .list-group-item-heading { - color: inherit; -} -a.list-group-item-state:focus, a.list-group-item-state:hover { - color: #3c763d; - background-color: #d0e9c6; -} -a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover { - color: #fff; - background-color: #3c763d; - border-color: #3c763d; -} + color: #3c763d; } + a.list-group-item-state .list-group-item-heading { + color: inherit; } + a.list-group-item-state:focus, + a.list-group-item-state:hover { + color: #3c763d; + background-color: #d0e9c6; } + a.list-group-item-state.active, + a.list-group-item-state.active:focus, + a.list-group-item-state.active:hover { + color: #fff; + background-color: #3c763d; + border-color: #3c763d; } .list-group-item-state { color: #31708f; - background-color: #d9edf7; -} + background-color: #d9edf7; } a.list-group-item-state { - color: #31708f; -} -a.list-group-item-state .list-group-item-heading { - color: inherit; -} -a.list-group-item-state:focus, a.list-group-item-state:hover { - color: #31708f; - background-color: #c4e3f3; -} -a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover { - color: #fff; - background-color: #31708f; - border-color: #31708f; -} + color: #31708f; } + a.list-group-item-state .list-group-item-heading { + color: inherit; } + a.list-group-item-state:focus, + a.list-group-item-state:hover { + color: #31708f; + background-color: #c4e3f3; } + a.list-group-item-state.active, + a.list-group-item-state.active:focus, + a.list-group-item-state.active:hover { + color: #fff; + background-color: #31708f; + border-color: #31708f; } .list-group-item-state { color: #8a6d3b; - background-color: #fcf8e3; -} + background-color: #fcf8e3; } a.list-group-item-state { - color: #8a6d3b; -} -a.list-group-item-state .list-group-item-heading { - color: inherit; -} -a.list-group-item-state:focus, a.list-group-item-state:hover { - color: #8a6d3b; - background-color: #faf2cc; -} -a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover { - color: #fff; - background-color: #8a6d3b; - border-color: #8a6d3b; -} + color: #8a6d3b; } + a.list-group-item-state .list-group-item-heading { + color: inherit; } + a.list-group-item-state:focus, + a.list-group-item-state:hover { + color: #8a6d3b; + background-color: #faf2cc; } + a.list-group-item-state.active, + a.list-group-item-state.active:focus, + a.list-group-item-state.active:hover { + color: #fff; + background-color: #8a6d3b; + border-color: #8a6d3b; } .list-group-item-state { color: #a94442; - background-color: #f2dede; -} + background-color: #f2dede; } a.list-group-item-state { - color: #a94442; -} -a.list-group-item-state .list-group-item-heading { - color: inherit; -} -a.list-group-item-state:focus, a.list-group-item-state:hover { - color: #a94442; - background-color: #ebcccc; -} -a.list-group-item-state.active, a.list-group-item-state.active:focus, a.list-group-item-state.active:hover { - color: #fff; - background-color: #a94442; - border-color: #a94442; -} + color: #a94442; } + a.list-group-item-state .list-group-item-heading { + color: inherit; } + a.list-group-item-state:focus, + a.list-group-item-state:hover { + color: #a94442; + background-color: #ebcccc; } + a.list-group-item-state.active, + a.list-group-item-state.active:focus, + a.list-group-item-state.active:hover { + color: #fff; + background-color: #a94442; + border-color: #a94442; } .list-group-item-heading { margin-top: 0; - margin-bottom: 5px; -} + margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; - line-height: 1.3; -} + line-height: 1.3; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; - overflow: hidden; -} -.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - border: 0; -} + overflow: hidden; } + .embed-responsive .embed-responsive-item, + .embed-responsive iframe, + .embed-responsive embed, + .embed-responsive object, + .embed-responsive video { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + height: 100%; + border: 0; } .embed-responsive-16by9 { - padding-bottom: 56.25%; -} + padding-bottom: 56.25%; } .embed-responsive-4by3 { - padding-bottom: 75%; -} + padding-bottom: 75%; } .close { 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; color: #000; text-shadow: 0 1px 0 #fff; - opacity: .2; -} -.close:focus, .close:hover { - color: #000; - text-decoration: none; - cursor: pointer; - opacity: .5; -} + opacity: .2; } + .close:focus, + .close:hover { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: .5; } button.close { - -webkit-appearance: none; padding: 0; cursor: pointer; background: transparent; border: 0; -} + -webkit-appearance: none; } .modal-open { - overflow: hidden; -} + overflow: hidden; } .modal { position: fixed; @@ -4597,42 +3829,29 @@ button.close { z-index: 1050; display: none; overflow: hidden; - -webkit-overflow-scrolling: touch; outline: 0; -} -.modal.fade .modal-dialog { - -webkit-transform: transition .3s ease-out, translate(0, -25%); - -ms-transform: transition .3s ease-out, translate(0, -25%); - -o-transform: transition .3s ease-out, translate(0, -25%); - 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); -} + -webkit-overflow-scrolling: touch; } + .modal.fade .modal-dialog { + transform: transition 0.3s ease-out, translate(0, -25%); } + .modal.in .modal-dialog { + transform: translate(0, 0); } .modal-open .modal { overflow-x: hidden; - overflow-y: auto; -} + overflow-y: auto; } .modal-dialog { position: relative; width: auto; - margin: 10px; -} + margin: 10px; } .modal-content { position: relative; background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, .2); - border-radius: .3rem; - outline: 0; -} + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; + outline: 0; } .modal-backdrop { position: fixed; @@ -4641,115 +3860,119 @@ button.close { bottom: 0; left: 0; z-index: 1040; - background-color: #000; -} -.modal-backdrop.fade { - opacity: 0; -} -.modal-backdrop.in { - opacity: .5; -} + background-color: #000; } + .modal-backdrop.fade { + opacity: 0; } + .modal-backdrop.in { + opacity: 0.5; } .modal-header { min-height: 16.5px; padding: 15px; - border-bottom: 1px solid #e5e5e5; -} + border-bottom: 1px solid #e5e5e5; } .modal-header .close { - margin-top: -2px; -} + margin-top: -2px; } .modal-title { margin: 0; - line-height: 1.5; -} + line-height: 1.5; } .modal-body { position: relative; - padding: 15px; -} + padding: 15px; } .modal-footer { padding: 15px; text-align: right; - border-top: 1px solid #e5e5e5; -} -.modal-footer:before, .modal-footer:after { - display: table; - content: " "; -} -.modal-footer:after { - clear: both; -} -.modal-footer .btn + .btn { - margin-bottom: 0; - margin-left: 5px; -} -.modal-footer .btn-group .btn + .btn { - margin-left: -1px; -} -.modal-footer .btn-block + .btn-block { - margin-left: 0; -} + border-top: 1px solid #e5e5e5; } + .modal-footer:before, + .modal-footer:after { + content: " "; + display: table; } + .modal-footer:after { + clear: both; } + .modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; } + .modal-footer .btn-group .btn + .btn { + margin-left: -1px; } + .modal-footer .btn-block + .btn-block { + margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; - overflow: scroll; -} + overflow: scroll; } @media (min-width: 34em) { .modal-dialog { width: 600px; - margin: 30px auto; - } + margin: 30px auto; } .modal-sm { - width: 300px; - } -} + width: 300px; } } @media (min-width: 48em) { .modal-lg { - width: 900px; - } -} + width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: .85rem; + font-size: 0.85rem; font-weight: normal; line-height: 1.4; - opacity: 0; -} -.tooltip.in { - opacity: .9; -} - -.tooltip-top { - padding: 5px 0; - margin-top: -3px; -} - -.tooltip-right { - padding: 0 5px; - margin-left: 3px; -} - -.tooltip-bottom { - padding: 5px 0; - margin-top: 3px; -} - -.tooltip-left { - padding: 0 5px; - margin-left: -3px; -} + opacity: 0; } + .tooltip.in { + opacity: 0.9; } + .tooltip.tooltip-top, + .tooltip.bs-tether-element-attached-bottom { + padding: 5px 0; + margin-top: -3px; } + .tooltip.tooltip-top .tooltip-arrow, + .tooltip.bs-tether-element-attached-bottom .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000; } + .tooltip.tooltip-right, + .tooltip.bs-tether-element-attached-left { + padding: 0 5px; + margin-left: 3px; } + .tooltip.tooltip-right .tooltip-arrow, + .tooltip.bs-tether-element-attached-left .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + 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 { max-width: 200px; @@ -4758,48 +3981,14 @@ button.close { text-align: center; text-decoration: none; background-color: #000; - border-radius: .25rem; -} + border-radius: 0.25rem; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; - border-style: solid; -} - -.tooltip-top .tooltip-arrow { - bottom: 0; - left: 50%; - margin-left: -5px; - border-width: 5px 5px 0; - border-top-color: #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; -} + border-style: solid; } .popover { position: absolute; @@ -4816,27 +4005,21 @@ button.close { text-align: left; white-space: normal; background-color: #fff; - -webkit-background-clip: padding-box; - background-clip: padding-box; - border: 1px solid rgba(0, 0, 0, .2); - border-radius: .3rem; -} + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0.3rem; } .popover-top { - margin-top: -10px; -} + margin-top: -10px; } .popover-right { - margin-left: 10px; -} + margin-left: 10px; } .popover-bottom { - margin-top: 10px; -} + margin-top: 10px; } .popover-left { - margin-left: -10px; -} + margin-left: -10px; } .popover-title { padding: 8px 14px; @@ -4844,163 +4027,133 @@ button.close { font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; - border-radius: -.7rem -.7rem 0 0; -} + border-radius: -0.7rem -0.7rem 0 0; } .popover-content { - padding: 9px 14px; -} + padding: 9px 14px; } -.popover-arrow, .popover-arrow:after { +.popover-arrow, +.popover-arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; - border-style: solid; -} + border-style: solid; } .popover-arrow { - border-width: 11px; -} + border-width: 11px; } .popover-arrow:after { content: ""; - border-width: 10px; -} + border-width: 10px; } .popover-top > .popover-arrow { bottom: -11px; left: 50%; margin-left: -11px; - border-top-color: rgba(0, 0, 0, .25); - border-bottom-width: 0; -} -.popover-top > .popover-arrow:after { - bottom: 1px; - margin-left: -10px; - content: ""; - border-top-color: #fff; - border-bottom-width: 0; -} + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-width: 0; } + .popover-top > .popover-arrow:after { + bottom: 1px; + margin-left: -10px; + content: ""; + border-top-color: #fff; + border-bottom-width: 0; } .popover-right > .popover-arrow { top: 50%; left: -11px; margin-top: -11px; - border-right-color: rgba(0, 0, 0, .25); - border-left-width: 0; -} -.popover-right > .popover-arrow:after { - bottom: -10px; - left: 1px; - content: ""; - border-right-color: #fff; - border-left-width: 0; -} + border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; } + .popover-right > .popover-arrow:after { + bottom: -10px; + left: 1px; + content: ""; + border-right-color: #fff; + border-left-width: 0; } .popover-bottom > .popover-arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; - border-bottom-color: rgba(0, 0, 0, .25); -} -.popover-bottom > .popover-arrow:after { - top: 1px; - margin-left: -10px; - content: ""; - border-top-width: 0; - border-bottom-color: #fff; -} + border-bottom-color: rgba(0, 0, 0, 0.25); } + .popover-bottom > .popover-arrow:after { + top: 1px; + margin-left: -10px; + content: ""; + border-top-width: 0; + border-bottom-color: #fff; } .popover-left > .popover-arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; - border-left-color: rgba(0, 0, 0, .25); -} -.popover-left > .popover-arrow:after { - right: 1px; - bottom: -10px; - content: ""; - border-right-width: 0; - border-left-color: #fff; -} + border-left-color: rgba(0, 0, 0, 0.25); } + .popover-left > .popover-arrow:after { + right: 1px; + bottom: -10px; + content: ""; + border-right-width: 0; + border-left-color: #fff; } .carousel { - position: relative; -} + position: relative; } .carousel-inner { position: relative; width: 100%; - 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) { + overflow: hidden; } .carousel-inner > .carousel-item { - -webkit-transition: -webkit-transform .6s ease-in-out; - -o-transition: -o-transform .6s ease-in-out; - transition: transform .6s ease-in-out; - - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-perspective: 1000; - perspective: 1000; - } - .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right { - left: 0; - -webkit-transform: translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0); - } - .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left { - left: 0; - -webkit-transform: translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0); - } - .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active { - left: 0; - -webkit-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); - } -} -.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { - display: block; -} -.carousel-inner > .active { - left: 0; -} -.carousel-inner > .next, .carousel-inner > .prev { - position: absolute; - top: 0; - width: 100%; -} -.carousel-inner > .next { - left: 100%; -} -.carousel-inner > .prev { - left: -100%; -} -.carousel-inner > .next.left, .carousel-inner > .prev.right { - left: 0; -} -.carousel-inner > .active.left { - left: -100%; -} -.carousel-inner > .active.right { - left: 100%; -} + position: relative; + display: none; + 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 { + transition: transform 0.6s ease-in-out; + backface-visibility: hidden; + perspective: 1000; } + .carousel-inner > .carousel-item.next, + .carousel-inner > .carousel-item.active.right { + left: 0; + transform: translate3d(100%, 0, 0); } + .carousel-inner > .carousel-item.prev, + .carousel-inner > .carousel-item.active.left { + left: 0; + transform: translate3d(-100%, 0, 0); } + .carousel-inner > .carousel-item.next.left, + .carousel-inner > .carousel-item.prev.right, + .carousel-inner > .carousel-item.active { + left: 0; + transform: translate3d(0, 0, 0); } } + .carousel-inner > .active, + .carousel-inner > .next, + .carousel-inner > .prev { + display: block; } + .carousel-inner > .active { + left: 0; } + .carousel-inner > .next, + .carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; } + .carousel-inner > .next { + left: 100%; } + .carousel-inner > .prev { + left: -100%; } + .carousel-inner > .next.left, + .carousel-inner > .prev.right { + left: 0; } + .carousel-inner > .active.left { + left: -100%; } + .carousel-inner > .active.right { + left: 100%; } .carousel-control { position: absolute; @@ -5011,58 +4164,45 @@ button.close { font-size: 20px; color: #fff; text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, .6); - opacity: .5; -} -.carousel-control.left { - background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); - background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); - background-repeat: repeat-x; -} -.carousel-control.right { - right: 0; - left: auto; - background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); - background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); - background-repeat: repeat-x; -} -.carousel-control:focus, .carousel-control:hover { - color: #fff; - text-decoration: none; - outline: 0; - opacity: .9; -} -.carousel-control .icon-prev, .carousel-control .icon-next { - position: absolute; - top: 50%; - z-index: 5; - display: inline-block; - width: 20px; - height: 20px; - margin-top: -10px; - font-family: serif; - line-height: 1; -} -.carousel-control .icon-prev { - 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"; -} + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + opacity: 0.5; } + .carousel-control.left { + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } + .carousel-control.right { + right: 0; + left: auto; + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } + .carousel-control:focus, + .carousel-control:hover { + color: #fff; + text-decoration: none; + outline: 0; + opacity: .9; } + .carousel-control .icon-prev, + .carousel-control .icon-next { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; + width: 20px; + height: 20px; + margin-top: -10px; + font-family: serif; + line-height: 1; } + .carousel-control .icon-prev { + 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 { position: absolute; @@ -5073,25 +4213,22 @@ button.close { padding-left: 0; margin-left: -30%; text-align: center; - list-style: none; -} -.carousel-indicators li { - display: inline-block; - width: 10px; - height: 10px; - margin: 1px; - text-indent: -999px; - cursor: pointer; - background-color: transparent; - border: 1px solid #fff; - border-radius: 10px; -} -.carousel-indicators .active { - width: 12px; - height: 12px; - margin: 0; - background-color: #fff; -} + list-style: none; } + .carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + cursor: pointer; + background-color: transparent; + border: 1px solid #fff; + border-radius: 10px; } + .carousel-indicators .active { + width: 12px; + height: 12px; + margin: 0; + background-color: #fff; } .carousel-caption { position: absolute; @@ -5103,56 +4240,46 @@ button.close { padding-bottom: 20px; color: #fff; text-align: center; - text-shadow: 0 1px 2px rgba(0, 0, 0, .6); -} -.carousel-caption .btn { - text-shadow: none; -} + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .carousel-caption .btn { + text-shadow: none; } @media (min-width: 34em) { - .carousel-control .icon-prev, .carousel-control .icon-next { + .carousel-control .icon-prev, + .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; - font-size: 30px; - } + font-size: 30px; } .carousel-control .icon-prev { - margin-left: -15px; - } + margin-left: -15px; } .carousel-control .icon-next { - margin-right: -15px; - } + margin-right: -15px; } .carousel-caption { right: 20%; left: 20%; - padding-bottom: 30px; - } + padding-bottom: 30px; } .carousel-indicators { - bottom: 20px; - } -} + bottom: 20px; } } -.clearfix:before, .clearfix:after { - display: table; - content: " "; -} +.clearfix:before, .clearfix:after { - clear: both; -} + content: " "; + display: table; } + +.clearfix:after { + clear: both; } .center-block { display: block; - margin-right: auto; margin-left: auto; -} + margin-right: auto; } .pull-right { - float: right !important; -} + float: right !important; } .pull-left { - float: left !important; -} + float: left !important; } .sr-only { position: absolute; @@ -5162,463 +4289,360 @@ button.close { margin: -1px; overflow: hidden; 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; width: auto; height: auto; margin: 0; overflow: visible; - clip: auto; -} + clip: auto; } .m-a-0 { - margin: 0; -} + margin: 0; } .m-t-0 { - margin-top: 0; -} + margin-top: 0; } .m-r-0 { - margin-right: 0; -} + margin-right: 0; } .m-b-0 { - margin-bottom: 0; -} + margin-bottom: 0; } .m-l-0 { - margin-left: 0; -} + margin-left: 0; } .m-a { - margin: 1rem; -} + margin: 1rem; } .m-t { - margin-top: 1rem; -} + margin-top: 1rem; } .m-r { - margin-right: 1rem; -} + margin-right: 1rem; } .m-b { - margin-bottom: 1rem; -} + margin-bottom: 1rem; } .m-l { - margin-left: 1rem; -} + margin-left: 1rem; } .m-x { margin-right: 1rem; - margin-left: 1rem; -} + margin-left: 1rem; } .m-y { margin-top: 1rem; - margin-bottom: 1rem; -} + margin-bottom: 1rem; } .m-t-md { - margin-top: 1.5rem; -} + margin-top: 1.5rem; } .m-r-md { - margin-right: 1.5rem; -} + margin-right: 1.5rem; } .m-b-md { - margin-bottom: 1.5rem; -} + margin-bottom: 1.5rem; } .m-l-md { - margin-left: 1.5rem; -} + margin-left: 1.5rem; } .m-x-md { margin-right: 1.5rem; - margin-left: 1.5rem; -} + margin-left: 1.5rem; } .m-y-md { margin-top: 1.5rem; - margin-bottom: 1.5rem; -} + margin-bottom: 1.5rem; } .m-t-lg { - margin-top: 3rem; -} + margin-top: 3rem; } .m-r-lg { - margin-right: 3rem; -} + margin-right: 3rem; } .m-b-lg { - margin-bottom: 3rem; -} + margin-bottom: 3rem; } .m-l-lg { - margin-left: 3rem; -} + margin-left: 3rem; } .m-x-lg { margin-right: 3rem; - margin-left: 3rem; -} + margin-left: 3rem; } .m-y-lg { margin-top: 3rem; - margin-bottom: 3rem; -} + margin-bottom: 3rem; } .p-a-0 { - padding: 0; -} + padding: 0; } .p-t-0 { - padding-top: 0; -} + padding-top: 0; } .p-r-0 { - padding-right: 0; -} + padding-right: 0; } .p-b-0 { - padding-bottom: 0; -} + padding-bottom: 0; } .p-l-0 { - padding-left: 0; -} + padding-left: 0; } .p-a { - padding: 1rem; -} + padding: 1rem; } .p-t { - padding-top: 1rem; -} + padding-top: 1rem; } .p-r { - padding-right: 1rem; -} + padding-right: 1rem; } .p-b { - padding-bottom: 1rem; -} + padding-bottom: 1rem; } .p-l { - padding-left: 1rem; -} + padding-left: 1rem; } .p-x { padding-right: 1rem; - padding-left: 1rem; -} + padding-left: 1rem; } .p-y { padding-top: 1rem; - padding-bottom: 1rem; -} + padding-bottom: 1rem; } .p-t-md { - padding-top: 1.5rem; -} + padding-top: 1.5rem; } .p-r-md { - padding-right: 1.5rem; -} + padding-right: 1.5rem; } .p-b-md { - padding-bottom: 1.5rem; -} + padding-bottom: 1.5rem; } .p-l-md { - padding-left: 1.5rem; -} + padding-left: 1.5rem; } .p-x-md { padding-right: 1.5rem; - padding-left: 1.5rem; -} + padding-left: 1.5rem; } .p-y-md { padding-top: 1.5rem; - padding-bottom: 1.5rem; -} + padding-bottom: 1.5rem; } .p-t-lg { - padding-top: 3rem; -} + padding-top: 3rem; } .p-r-lg { - padding-right: 3rem; -} + padding-right: 3rem; } .p-b-lg { - padding-bottom: 3rem; -} + padding-bottom: 3rem; } .p-l-lg { - padding-left: 3rem; -} + padding-left: 3rem; } .p-x-lg { padding-right: 3rem; - padding-left: 3rem; -} + padding-left: 3rem; } .p-y-lg { padding-top: 3rem; - padding-bottom: 3rem; -} + padding-bottom: 3rem; } .pos-f-t { position: fixed; top: 0; right: 0; left: 0; - z-index: 1030; -} + z-index: 1030; } [hidden] { - display: none !important; -} + display: none !important; } .invisible { - visibility: hidden; -} + visibility: hidden; } .text-hide { font: "0/0" a; color: transparent; text-shadow: none; background-color: transparent; - border: 0; -} + border: 0; } .text-left { - text-align: left; -} + text-align: left; } .text-right { - text-align: right; -} + text-align: right; } .text-center { - text-align: center; -} + text-align: center; } .text-justify { - text-align: justify; -} + text-align: justify; } .text-nowrap { - white-space: nowrap; -} + white-space: nowrap; } .text-truncate { overflow: hidden; text-overflow: ellipsis; - white-space: nowrap; -} + white-space: nowrap; } .text-lowercase { - text-transform: lowercase; -} + text-transform: lowercase; } .text-uppercase { - text-transform: uppercase; -} + text-transform: uppercase; } .text-capitalize { - text-transform: capitalize; -} + text-transform: capitalize; } .text-muted { - color: #818a91; -} + color: #818a91; } .text-primary { - color: #0275d8; -} + color: #0275d8; } -a.text-primary:focus, a.text-primary:hover { - color: #025aa5; -} +a.text-primary:focus, +a.text-primary:hover { + color: #025aa5; } .text-success { - color: #3c763d; -} + color: #3c763d; } -a.text-success:focus, a.text-success:hover { - color: #2b542c; -} +a.text-success:focus, +a.text-success:hover { + color: #2b542c; } .text-info { - color: #31708f; -} + color: #31708f; } -a.text-info:focus, a.text-info:hover { - color: #245269; -} +a.text-info:focus, +a.text-info:hover { + color: #245269; } .text-warning { - color: #8a6d3b; -} + color: #8a6d3b; } -a.text-warning:focus, a.text-warning:hover { - color: #66512c; -} +a.text-warning:focus, +a.text-warning:hover { + color: #66512c; } .text-danger { - color: #a94442; -} + color: #a94442; } -a.text-danger:focus, a.text-danger:hover { - color: #843534; -} +a.text-danger:focus, +a.text-danger:hover { + color: #843534; } .inverse { color: #eceeef; - background-color: #373a3c; -} + background-color: #373a3c; } .bg-primary { - color: #fff; -} + color: #fff; } .bg-primary { - background-color: #0275d8; -} + background-color: #0275d8; } -a.bg-primary:focus, a.bg-primary:hover { - background-color: #025aa5; -} +a.bg-primary:focus, +a.bg-primary:hover { + background-color: #025aa5; } .bg-success { - background-color: #dff0d8; -} + background-color: #dff0d8; } -a.bg-success:focus, a.bg-success:hover { - background-color: #c1e2b3; -} +a.bg-success:focus, +a.bg-success:hover { + background-color: #c1e2b3; } .bg-info { - background-color: #d9edf7; -} + background-color: #d9edf7; } -a.bg-info:focus, a.bg-info:hover { - background-color: #afd9ee; -} +a.bg-info:focus, +a.bg-info:hover { + background-color: #afd9ee; } .bg-warning { - background-color: #fcf8e3; -} + background-color: #fcf8e3; } -a.bg-warning:focus, a.bg-warning:hover { - background-color: #f7ecb5; -} +a.bg-warning:focus, +a.bg-warning:hover { + background-color: #f7ecb5; } .bg-danger { - background-color: #f2dede; -} + background-color: #f2dede; } -a.bg-danger:focus, a.bg-danger:hover { - background-color: #e4b9b9; -} +a.bg-danger:focus, +a.bg-danger:hover { + background-color: #e4b9b9; } .hidden-xs-up { - display: none !important; -} + display: none !important; } @media (max-width: 33.9em) { .hidden-xs-down { - display: none !important; - } -} + display: none !important; } } @media (min-width: 34em) { .hidden-sm-up { - display: none !important; - } -} + display: none !important; } } @media (max-width: 47.9em) { .hidden-sm-down { - display: none !important; - } -} + display: none !important; } } @media (min-width: 48em) { .hidden-md-up { - display: none !important; - } -} + display: none !important; } } @media (max-width: 61.9em) { .hidden-md-down { - display: none !important; - } -} + display: none !important; } } @media (min-width: 62em) { .hidden-lg-up { - display: none !important; - } -} + display: none !important; } } @media (max-width: 74.9em) { .hidden-lg-down { - display: none !important; - } -} + display: none !important; } } @media (min-width: 75em) { .hidden-xl-up { - display: none !important; - } -} + display: none !important; } } .hidden-xl-down { - display: none !important; -} + display: none !important; } .visible-print-block { - display: none !important; -} -@media print { - .visible-print-block { - display: block !important; - } -} + display: none !important; } + @media print { + .visible-print-block { + display: block !important; } } .visible-print-inline { - display: none !important; -} -@media print { - .visible-print-inline { - display: inline !important; - } -} + display: none !important; } + @media print { + .visible-print-inline { + display: inline !important; } } .visible-print-inline-block { - display: none !important; -} -@media print { - .visible-print-inline-block { - display: inline-block !important; - } -} + display: none !important; } + @media print { + .visible-print-inline-block { + display: inline-block !important; } } @media print { .hidden-print .hidden-print { - display: none !important; - } -} -/*# sourceMappingURL=bootstrap.css.map */ + display: none !important; } } + +/*# sourceMappingURL=bootstrap.css.map */ \ No newline at end of file diff --git a/dist/css/bootstrap.css.map b/dist/css/bootstrap.css.map index 1d038873a..dae2dfaf9 100644 Binary files a/dist/css/bootstrap.css.map and b/dist/css/bootstrap.css.map differ diff --git a/docs/assets/css/docs.min.css b/docs/assets/css/docs.min.css index 96239e4c4..24ee63e54 100644 --- a/docs/assets/css/docs.min.css +++ b/docs/assets/css/docs.min.css @@ -3,4 +3,1256 @@ * Copyright 2011-2014 Twitter, Inc. * Licensed under the Creative Commons Attribution 3.0 Unported License. For * details, see http://creativecommons.org/licenses/by/3.0/. - */.bd-featurette,.bd-footer{border-top:1px solid #eee}.bd-example:after,.bd-header:after{clear:both}.ge,.sd{font-style:italic}.bd-container{position:relative;max-width:62rem;padding:0 1rem 1rem;margin-right:auto;margin-left:auto}@media (min-width:768px){.bd-container{padding:2rem}}@media (min-width:992px){.bd-container{padding:4rem}}.bd-container>table{display:block;width:100%;max-width:100%;overflow-y:auto;margin-bottom:1rem}.bd-container>table>tbody>tr>td,.bd-container>table>tbody>tr>th,.bd-container>table>tfoot>tr>td,.bd-container>table>tfoot>tr>th,.bd-container>table>thead>tr>td,.bd-container>table>thead>tr>th{padding:.75rem;line-height:1.5;vertical-align:top;border:1px solid #eceeef}.bd-container>table td:first-child>code{white-space:nowrap}.bd-content>h2{margin-top:3rem}.bd-content>h3{margin-top:1.5rem}.bd-content>ol li,.bd-content>ul li{margin-bottom:.25rem}@media (min-width:34em){.bd-title{font-size:4rem}.bd-title+p{font-size:1.5rem;font-weight:300}}.bd-sidebar{padding:0;margin-bottom:0;background-color:#fafafa}.bd-sidebar .navbar-toggler{position:absolute;top:1.25rem;right:0;z-index:5}.bd-sidebar .navbar-header{float:none;margin-right:-15px}.bd-sidebar .navbar-collapse{padding:0;border:0}@media (min-width:992px){.bd-docs{margin-left:240px}.bd-sidebar{position:fixed;top:0;bottom:0;left:0;width:240px;overflow-y:auto;border-right:1px solid #eee}}.bd-example,.bd-masthead,.bd-search{position:relative}.bd-sidebar .navbar-brand{display:block;float:none;height:auto;padding:1.75rem 1.25rem;font-size:20px;font-weight:500;line-height:1}.bd-sidebar-brand:focus,.bd-sidebar-brand:hover{text-decoration:none}.bd-search{margin-right:1.25rem;margin-bottom:1.5rem;margin-left:1.25rem}.bd-search .form-control{height:2.45rem;padding-top:.4rem;padding-bottom:.4rem}.bd-search-results{right:0;display:block;padding:0;overflow:hidden;font-size:.9rem}.bd-search-results:empty{display:none}.bd-search-results>li>a{padding-left:.75rem;padding-right:.75rem}.bd-search-results>li:first-child{margin-top:.25rem}.bd-search-results>li:last-child{margin-bottom:.25rem}.bd-search-results>.no-results{padding:.75rem 1rem;color:#7a7a7a;text-align:center}.bd-sidenav{display:none}.active>.bd-sidenav,.bd-toc-link{display:block}.bd-toc-link{padding:.25rem 1.25rem;color:#55595c}.bd-toc-link:focus,.bd-toc-link:hover{color:#0275d8;text-decoration:none}.active>.bd-toc-link{font-weight:500;color:#373a3c}.bd-toc-item.active{margin-top:1rem;margin-bottom:1rem}.bd-toc-item:first-child{margin-top:0}.bd-toc-item:last-child{margin-bottom:2rem}.bd-sidebar .nav>li>a{display:block;padding:.25rem 1.25rem;font-size:90%;color:#99979c}.bd-sidebar .nav>li>a:focus,.bd-sidebar .nav>li>a:hover{color:#0275d8;text-decoration:none;background-color:transparent}.bd-sidebar .nav>.active:focus>a,.bd-sidebar .nav>.active:hover>a,.bd-sidebar .nav>.active>a{font-weight:500;color:#373a3c;background-color:transparent}.bd-sidebar .nav .nav{display:none;padding-bottom:.75rem}.bd-booticon,.bd-sidebar .nav>.active>.nav{display:block}.bd-sidebar .nav .nav>li>a{padding-top:1px;padding-bottom:1px;font-weight:400;padding-top:.125rem;padding-bottom:.125rem;padding-left:2rem;font-size:80%}.bd-sidebar .nav .nav>.active:focus>a,.bd-sidebar .nav .nav>.active:hover>a,.bd-sidebar .nav .nav>.active>a{font-weight:500}.bd-booticon{width:9rem;height:9rem;font-size:6.5rem;line-height:9rem;color:#fff;text-align:center;cursor:default;background-color:#563d7c;border-radius:15%}.bd-brand-logos,.bd-callout,.bd-callout code,.bd-team img,.color-swatch{border-radius:.25rem}.carbonad,.carbonad-tag,.carbonad-text{width:auto!important;height:auto!important}.bd-booticon.inverse{color:#563d7c;background-color:#fff}.bd-booticon.outline{background-color:transparent;border:1px solid #cdbfe3}.bd-nav-home{margin-bottom:0;background-color:#563d7c;border-bottom:0}.bd-nav-home .navbar-brand>a{font-weight:500;color:#fff}.bd-nav-home .nav-link{font-weight:500;color:#cdbfe3}.bd-nav-home .nav-link:focus,.bd-nav-home .nav-link:hover{color:#fff;background-color:rgba(0,0,0,.5)}.bd-header{padding-bottom:.5rem;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.25)}.bd-header:after,.bd-header:before{content:" ";display:table}.bd-header .bd-header-mark{float:left;padding-top:.6em;padding-bottom:.6em;font-size:1.25rem;font-weight:500}.bd-header-nav{float:right}.bd-header-nav .nav-link{float:left}.bd-header-nav .nav-link:hover{background-color:transparent}.bd-masthead{padding:2rem 0;text-align:center}.bd-masthead .bd-booticon{margin:0 auto 2rem;color:#55595c;border-color:#55595c}.bd-masthead h1{font-weight:300;line-height:1}.bd-masthead .lead{margin-left:auto;margin-right:auto;margin-bottom:2rem;font-size:1.25rem}.bd-masthead .version{margin-top:-1rem;margin-bottom:2rem}.bd-masthead .btn{width:100%;padding:1rem 2rem;font-size:1.25rem;font-weight:500;color:#55595c;border-color:#55595c}.bd-masthead .btn:hover{color:#fff;background-color:#55595c}@media (min-width:480px){.bd-masthead .btn{width:auto}}@media (min-width:768px){.bd-masthead{padding:2rem 0 4rem}.bd-header{margin-bottom:4rem}.bd-masthead h1{font-size:4rem}.bd-masthead .lead{font-size:1.5rem}}@media (min-width:992px){.bd-masthead .lead{width:80%;font-size:2rem}}.bd-featurette{padding-top:3rem;padding-bottom:3rem;font-size:1rem;line-height:1.5;color:#555;text-align:center;background-color:#fff}.bd-featurette .highlight,.carbonad{text-align:left}.bd-featurette-title{margin-bottom:.5rem;font-size:2rem;font-weight:400;color:#333}.half-rule{width:6rem;margin:2.5rem auto}.bd-featurette h4{margin-top:1rem;margin-bottom:.5rem;font-weight:400;color:#333}.bd-featurette-img{display:block;margin-bottom:1.25rem;color:#333}.bd-featurette-img:hover{color:#0275d8;text-decoration:none}.bd-featurette-img img{display:block;margin-bottom:1rem}@media (min-width:480px){.bd-featurette .img-responsive{margin-top:2rem}}@media (min-width:768px){.bd-featurette{padding-top:6rem;padding-bottom:6rem}.bd-featurette-title{font-size:2.5rem}.bd-featurette .lead{max-width:80%;margin-right:auto;margin-left:auto}.bd-featurette .img-responsive{margin-top:0}}.bd-featured-sites{margin-right:-1px;margin-left:-1px}.bd-featured-sites .col-xs-6{padding:1px}.bd-featured-sites .img-responsive{margin-top:0}.carbonad{padding:1.25rem!important;margin:0 -1rem 2rem!important;overflow:hidden;font-size:.8rem!important;line-height:1rem!important;color:#55595c!important;background:#f5f5f5!important;border:0!important}.carbonad-img{margin:0!important}.carbonad-tag,.carbonad-text{display:block!important;float:none!important;margin-left:145px!important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important}.carbonad-text{padding-top:0!important}.carbonad-tag{color:inherit!important;text-align:left!important}.anchorjs-link,.bd-brand-item,.bd-example-tooltips,.responsive-utilities td{text-align:center}.carbonad-tag a,.carbonad-text a{color:#55595c!important}.carbonad-tag a:hover,.carbonad-text a:hover{color:#0275d8!important}.carbonad #azcarbon>img{display:none}@media (min-width:34em){.carbonad{width:330px!important;margin:1.5rem auto!important;border-width:1px!important;border-radius:.25rem}.bd-masthead .carbonad{margin:3rem auto 0!important}}@media (min-width:48em){.carbonad{margin-right:0!important;margin-left:0!important}}@media (min-width:62em){.carbonad{float:right;width:330px!important;padding:1rem!important;margin:.5rem 0 1rem 2rem!important}.bd-masthead .carbonad{float:none;margin:0 auto!important}}.bd-footer{padding-top:2rem;margin-top:2rem;font-size:85%;color:#777}.bd-footer-links{padding-left:0;margin-top:20px;color:#999}.bd-footer-links li{display:inline;padding:0 2px}.bd-footer-links li:first-child{padding-left:0}@media (min-width:768px){.bd-featured-sites .col-sm-3:first-child img{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.bd-featured-sites .col-sm-3:last-child img{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.bd-footer p{margin-bottom:0}}.bd-social{margin-bottom:1.5rem;margin-left:-.5rem}.bd-social-buttons{display:inline-block;padding-left:0;margin-bottom:0;list-style:none}.bd-social-buttons li{display:inline-block;padding:.25rem .5rem;line-height:1}.bd-social-buttons .twitter-follow-button{width:225px!important}.bd-social-buttons .twitter-share-button{width:98px!important}.github-btn{overflow:hidden;border:0}.bd-example-row .row{margin-bottom:1rem}.bd-example-row .row>[class^=col-]{padding-top:.75rem;padding-bottom:.75rem;background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.2)}.bd-example{padding:1rem;margin:1rem -1rem;border:solid #f7f7f9;border-width:.2rem 0 0}.bd-example:after,.bd-example:before{content:" ";display:table}@media (min-width:34em){.bd-example{margin-left:0;margin-right:0;margin-bottom:0;padding:1.5rem;border-width:.2rem}}.bd-example+.highlight{margin-top:-1rem}.bd-example+.zero-clipboard+.highlight{margin-top:0}.bd-example+p{margin-top:2rem}.bd-example .container{width:auto}.bd-example>.alert+.alert,.bd-example>.nav+.nav,.bd-example>.navbar+.navbar,.bd-example>.progress+.btn,.bd-example>.progress+.progress{margin-top:1rem}.bd-example>.dropdown-menu:first-child{position:static;display:block}.bd-example>.table-responsive:last-child>.table,.bd-example>:last-child{margin-bottom:0!important}.bd-example>.close{float:none}.bd-example-type .table .type-info{color:#999;vertical-align:middle}.bd-example-type .table td{padding:1rem 0;border-color:#eee}.bd-example-type .table tr:first-child td{border-top:0}.bd-example-type h1,.bd-example-type h2,.bd-example-type h3,.bd-example-type h4,.bd-example-type h5,.bd-example-type h6{margin:0}.bd-example-bg-classes p{padding:1rem}.bd-example>img+img{margin-left:.5rem}.bd-example>.btn-group{margin-top:.25rem;margin-bottom:.25rem}.bd-example-control-sizing input[type=text]+input[type=text],.bd-example-control-sizing select,.bd-example>.btn-toolbar+.btn-toolbar{margin-top:.5rem}.bd-example-form .input-group{margin-bottom:.5rem}.bd-example>textarea.form-control{resize:vertical}.bd-example>.list-group{max-width:400px}.bd-example .navbar:last-child{margin-bottom:0}.bd-navbar-bottom-example,.bd-navbar-top-example{z-index:1;padding:0;overflow:hidden}.bd-navbar-bottom-example .navbar-header,.bd-navbar-top-example .navbar-header{margin-left:0}.bd-navbar-bottom-example .navbar-fixed-bottom,.bd-navbar-top-example .navbar-fixed-top{position:relative;margin-right:0;margin-left:0}.bd-navbar-top-example{padding-bottom:45px}.bd-navbar-top-example .navbar-fixed-top{top:-1px}.bd-navbar-bottom-example{padding-top:45px}.bd-navbar-bottom-example .navbar-fixed-bottom{bottom:-1px}.bd-navbar-bottom-example .navbar{margin-bottom:0}@media (min-width:768px){.bd-navbar-bottom-example .navbar-fixed-bottom,.bd-navbar-top-example .navbar-fixed-top{position:absolute}}.bd-example .pagination{margin-top:.5rem;margin-bottom:.5rem}.bd-example>.pager{margin-top:0}.bd-example-modal{background-color:#f5f5f5}.bd-example-modal .modal{position:relative;top:auto;right:auto;bottom:auto;left:auto;z-index:1;display:block}.bd-example-modal .modal-dialog{left:auto;margin-right:auto;margin-left:auto}.bd-example>.dropdown>.dropdown-toggle{float:left}.bd-example>.dropdown>.dropdown-menu{position:static;display:block;margin-bottom:.25rem;clear:left}.bd-example-tabs .nav-tabs{margin-bottom:1rem}.bd-example-tooltips>.btn{margin-top:.25rem;margin-bottom:.25rem}.bd-example-popover{padding-bottom:1.5rem;background-color:#f9f9f9}.bd-example-popover .popover{position:relative;display:block;float:left;width:260px;margin:1.25rem}.bd-example-tooltip .tooltip{position:relative;display:inline-block;margin:10px 20px;opacity:1}.scrollspy-example{position:relative;height:200px;margin-top:.5rem;overflow:auto}.bd-example>.center-block:not(img){max-width:200px;padding:.5rem;background-color:#eee}.bd-example>.bg-danger,.bd-example>.bg-info,.bd-example>.bg-primary,.bd-example>.bg-success,.bd-example>.bg-warning{padding:.5rem;margin-top:.5rem;margin-bottom:.5rem}.highlight{padding:1rem;margin:1rem -1rem;background-color:#f7f7f9}@media (min-width:34em){.highlight{padding:1.5rem;margin-right:0;margin-left:0}}.highlight pre{padding:0;margin-top:0;margin-bottom:0;background-color:transparent;border:0}.highlight pre code{font-size:inherit;color:#373a3c}#focusedInput{border-color:#66afe9;outline:0;outline:dotted thin;-webkit-box-shadow:0 0 .5rem rgba(102,175,233,.6);box-shadow:0 0 .5rem rgba(102,175,233,.6)}.table-responsive .highlight pre{white-space:normal}.bd-table th small,.responsive-utilities th small{display:block;font-weight:400;color:#999}.responsive-utilities tbody th{font-weight:400}.responsive-utilities td.is-visible{color:#468847;background-color:#dff0d8!important}.responsive-utilities td.is-hidden{color:#ccc;background-color:#f9f9f9!important}.responsive-utilities-test{margin-top:.25rem}.responsive-utilities-test .col-xs-6{margin-bottom:.5rem}.responsive-utilities-test span{display:block;padding:1rem .5rem;font-size:1rem;font-weight:700;line-height:1.1;text-align:center;border-radius:.25rem}.hidden-on .col-xs-6>.not-visible,.visible-on .col-xs-6>.not-visible{color:#999;border:1px solid #ddd}.hidden-on .col-xs-6 .visible,.visible-on .col-xs-6 .visible{color:#468847;background-color:#dff0d8;border:1px solid #d6e9c6}@media (max-width:33.9em){.hidden-xs-only{display:none!important}}@media (min-width:34em)and (max-width:47.9em){.hidden-sm-only{display:none!important}}@media (min-width:48em)and (max-width:61.9em){.hidden-md-only{display:none!important}}@media (min-width:62em)and (max-width:74.9em){.hidden-lg-only{display:none!important}}@media (min-width:75em){.hidden-xl-only{display:none!important}}.btn-outline{color:#563d7c;background-color:transparent;border-color:#563d7c}.btn-outline:active,.btn-outline:focus,.btn-outline:hover{color:#fff;background-color:#563d7c;border-color:#563d7c}.btn-outline-inverse{color:#fff;background-color:transparent;border-color:#cdbfe3}.btn-outline-inverse:active,.btn-outline-inverse:focus,.btn-outline-inverse:hover{color:#563d7c;text-shadow:none;background-color:#fff;border-color:#fff}.bd-callout{padding:1.25rem;margin-top:1.25rem;margin-bottom:1.25rem;border:1px solid #eee;border-left-width:.25rem}.bd-callout h4{margin-top:0;margin-bottom:.25rem}.bd-callout p:last-child{margin-bottom:0}.bd-callout+.bd-callout{margin-top:-.25rem}.bd-callout-info{border-left-color:#5bc0de}.bd-callout-info h4{color:#5bc0de}.bd-callout-warning{border-left-color:#f0ad4e}.bd-callout-warning h4{color:#f0ad4e}.bd-callout-danger{border-left-color:#d9534f}.bd-callout-danger h4{color:#d9534f}.bd-examples .img-thumbnail{margin-bottom:.75rem}.bd-examples h4{margin-bottom:.25rem}.bd-examples p{margin-bottom:1.25rem}@media (max-width:480px){.bd-examples{margin-right:-.75rem;margin-left:-.75rem}.bd-examples>[class^=col-]{padding-right:.75rem;padding-left:.75rem}}.bd-team .team-member{line-height:2rem;color:#555}.bd-team .team-member:hover{color:#333;text-decoration:none}.bd-team .github-btn{float:right;width:180px;height:1.25rem;margin-top:.25rem}.bd-team img{float:left;width:2rem;margin-right:.5rem}.bd-browser-bugs td p{margin-bottom:0}.bd-browser-bugs th:first-child{width:18%}.bd-brand-logos{display:table;width:100%;margin-bottom:1rem;overflow:hidden;color:#563d7c;background-color:#f9f9f9}.bd-brand-logos .inverse,.color-swatches .bd-purple{background-color:#563d7c}.bd-brand-item{padding:4rem 0}.bd-brand-item+.bd-brand-item{border-top:1px solid #fff}.bd-brand-logos .inverse{color:#fff}.bd-brand-item h1,.bd-brand-item h3{margin-top:0;margin-bottom:0}.bd-brand-item .bd-booticon{margin-right:auto;margin-left:auto}@media (min-width:768px){.bd-brand-item{display:table-cell;width:1%}.bd-brand-item+.bd-brand-item{border-top:0;border-left:1px solid #fff}.bd-brand-item h1{font-size:4rem}}.color-swatches{margin:0 -5px;overflow:hidden}.color-swatch{float:left;width:4rem;height:4rem;margin-right:.25rem;margin-left:.25rem}.color-swatches .bd-purple-light{background-color:#cdbfe3}.color-swatches .bd-purple-lighter{background-color:#e5e1ea}.color-swatches .bd-gray{background-color:#f9f9f9}.zero-clipboard{position:relative;display:none;float:right}.btn-clipboard{position:absolute;top:0;right:0;z-index:10;display:block;padding:.25rem .5rem;font-size:75%;color:#818a91;cursor:pointer;background-color:#eceeef;border-radius:0 .2rem}.btn-clipboard-hover{color:#fff;background-color:#027de7}@media (min-width:768px){.color-swatch{width:6rem;height:6rem}.zero-clipboard{display:block}}.hll{background-color:#ffc}.c{color:#999}.err{color:#A00;background-color:#FAA}.k{color:#069}.o{color:#555}.cm{color:#999}.cp{color:#099}.c1,.cs{color:#999}.gd{background-color:#FCC;border:1px solid #C00}.gr{color:red}.gh{color:#030}.gi{background-color:#CFC;border:1px solid #0C0}.go{color:#AAA}.gp{color:#009}.gu{color:#030}.gt{color:#9C6}.kc,.kd,.kn,.kp,.kr{color:#069}.kt{color:#078}.m{color:#F60}.s{color:#d44950}.na{color:#4f9fcf}.nb{color:#366}.nc{color:#0A8}.no{color:#360}.nd{color:#99F}.ni{color:#999}.ne{color:#C00}.nf{color:#C0F}.nl{color:#99F}.nn{color:#0CF}.nt{color:#2f6f9f}.nv{color:#033}.ow{color:#000}.w{color:#bbb}.mf,.mh,.mi,.mo{color:#F60}.s2,.sb,.sc,.sd,.se,.sh{color:#C30}.si{color:#A00}.sx{color:#C30}.sr{color:#3AA}.s1{color:#C30}.ss{color:#FC3}.bp{color:#366}.vc,.vg,.vi{color:#033}.il{color:#F60}.css .nt+.nt,.css .o,.css .o+.nt{color:#999}@font-face{font-family:anchorjs-icons;src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6v8yoAAAC8AAAAYGNtYXDL8RqdAAABHAAAADxnYXNwAAAAEAAAAVgAAAAIZ2x5Zkm2oNUAAAFgAAABWGhlYWQAHd4cAAACuAAAADZoaGVhB3sECwAAAvAAAAAkaG10eAYAAEcAAAMUAAAADGxvY2EACgCsAAADIAAAAAhtYXhwAAYAcAAAAygAAAAgbmFtZUQXtNYAAANIAAABOXBvc3QAAwAAAAAEhAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAACDmAAPA/8D/wAPAAEAAAAAAAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEACgAAAAGAAQAAQACACDmAP//AAAAIOYA////4RoCAAEAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAIARwAHA7kDeQA2AG0AAAEnLgEiBg8BDgEUFh8BHgMXNy4DLwEuATQ2PwE+ATIWHwEeARQGDwEeAxU3PgE0JicBLgMnBx4DHwEeARQGDwEOASImLwEuATQ2PwEuAzUHDgEUFh8BHgEyNj8BPgE0Ji8BA7kEI1ldWiPaIyQkIwQDBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMk/r4DBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMkBCNZXVoj2iMkJCMEA3UEJCMjJNojWV1aIwQDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkj/sYDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkjBCQjIyTaI1ldWiMEAAEAAAABAABR/4xQXw889QALBAAAAAAAzqNM0wAAAADOo0zTAAAAAAO5A3kAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAABHA7kAAQAAAAAAAAAAAAAAAAAAAAMAAAAAAgAAAAQAAEcAAAAAAAoArAABAAAAAwBuAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoAKABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoAKABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADAALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATwAAsAAAAABKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDq/zKmNtYXAAAAFoAAAAPAAAADzL8RqdZ2FzcAAAAaQAAAAIAAAACAAAABBnbHlmAAABrAAAAVgAAAFYSbag1WhlYWQAAAMEAAAANgAAADYAHd4caGhlYQAAAzwAAAAkAAAAJAd7BAtobXR4AAADYAAAAAwAAAAMBgAAR2xvY2EAAANsAAAACAAAAAgACgCsbWF4cAAAA3QAAAAgAAAAIAAGAHBuYW1lAAADlAAAATkAAAE5RBe01nBvc3QAAATQAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAg5gADwP/A/8ADwABAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAAoAAAABgAEAAEAAgAg5gD//wAAACDmAP///+EaAgABAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAACAEcABwO5A3kANgBtAAABJy4BIgYPAQ4BFBYfAR4DFzcuAy8BLgE0Nj8BPgEyFh8BHgEUBg8BHgMVNz4BNCYnAS4DJwceAx8BHgEUBg8BDgEiJi8BLgE0Nj8BLgM1Bw4BFBYfAR4BMjY/AT4BNCYvAQO5BCNZXVoj2iMkJCMEAwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJP6+AwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJAQjWV1aI9ojJCQjBAN1BCQjIyTaI1ldWiMEAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZI/7GAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZIwQkIyMk2iNZXVojBAABAAAAAQAAUf+MUF8PPPUACwQAAAAAAM6jTNMAAAAAzqNM0wAAAAADuQN5AAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAARwO5AAEAAAAAAAAAAAAAAAAAAAADAAAAAAIAAAAEAABHAAAAAAAKAKwAAQAAAAMAbgACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAwAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');font-style:normal;font-weight:400}.anchorjs-icon{font-family:anchorjs-icons;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.anchorjs-link{opacity:0;text-decoration:none}.anchorjs-link:focus,:hover>.anchorjs-link{opacity:1;-webkit-transition:color .16s linear;-o-transition:color .16s linear;transition:color .16s linear}.anchorjs-description{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.anchorjs-link{float:left;width:1.2em;height:1em;padding-right:.2em;margin-top:.25em;margin-left:-1.2em;font-size:70%;color:inherit}:hover>.anchorjs-link:hover{color:#0275d8;text-decoration:none}.anchorjs-icon:before{content:'\e600'}@media (max-width:47.9em){.anchorjs-link{display:none}} \ No newline at end of file + */ +.bd-container { + position: relative; + max-width: 62rem; + padding: 0 1rem 1rem; + margin-right: auto; + margin-left: auto; } + @media (min-width: 768px) { + .bd-container { + padding: 2rem; } } + @media (min-width: 992px) { + .bd-container { + padding: 4rem; } } + .bd-container > table { + display: block; + width: 100%; + max-width: 100%; + overflow-y: auto; + margin-bottom: 1rem; } + .bd-container > table > thead > tr > th, + .bd-container > table > thead > tr > td, + .bd-container > table > tbody > tr > th, + .bd-container > table > tbody > tr > td, + .bd-container > table > tfoot > tr > th, + .bd-container > table > tfoot > tr > td { + padding: 0.75rem; + line-height: 1.5; + vertical-align: top; + border: 1px solid #eceeef; } + .bd-container > table td:first-child > code { + white-space: nowrap; } + +.bd-content > h2 { + margin-top: 3rem; } + +.bd-content > h3 { + margin-top: 1.5rem; } + +.bd-content > ul li, +.bd-content > ol li { + margin-bottom: .25rem; } + +@media (min-width: 34em) { + .bd-title { + font-size: 4rem; } + .bd-title + p { + font-size: 1.5rem; + font-weight: 300; } } + +.bd-sidebar { + padding: 0; + margin-bottom: 0; + background-color: #fafafa; } + .bd-sidebar .navbar-toggler { + position: absolute; + top: 1.25rem; + right: 0; + z-index: 5; } + +.bd-sidebar .navbar-header { + float: none; + margin-right: -15px; } + +.bd-sidebar .navbar-collapse { + padding: 0; + border: 0; } + +@media (min-width: 992px) { + .bd-docs { + margin-left: 240px; } + .bd-sidebar { + position: fixed; + top: 0; + bottom: 0; + left: 0; + width: 240px; + overflow-y: auto; + border-right: 1px solid #eee; } } + +.bd-sidebar .navbar-brand { + display: block; + float: none; + height: auto; + padding: 1.75rem 1.25rem; + font-size: 20px; + font-weight: 500; + line-height: 1; } + +.bd-sidebar-brand:hover, +.bd-sidebar-brand:focus { + text-decoration: none; } + +.bd-search { + position: relative; + margin-right: 1.25rem; + margin-bottom: 1.5rem; + margin-left: 1.25rem; } + .bd-search .form-control { + height: 2.45rem; + padding-top: .4rem; + padding-bottom: .4rem; } + +.bd-search-results { + right: 0; + display: block; + padding: 0; + overflow: hidden; + font-size: .9rem; } + .bd-search-results:empty { + display: none; } + .bd-search-results > li > a { + padding-left: .75rem; + padding-right: .75rem; } + .bd-search-results > li:first-child { + margin-top: .25rem; } + .bd-search-results > li:last-child { + margin-bottom: .25rem; } + .bd-search-results > .no-results { + padding: 0.75rem 1rem; + color: #7a7a7a; + text-align: center; } + +.bd-sidenav { + display: none; } + +.bd-toc-link { + display: block; + padding: 0.25rem 1.25rem; + color: #55595c; } + +.bd-toc-link:hover, +.bd-toc-link:focus { + color: #0275d8; + text-decoration: none; } + +.active > .bd-toc-link { + font-weight: 500; + color: #373a3c; } + +.active > .bd-sidenav { + display: block; } + +.bd-toc-item.active { + margin-top: 1rem; + margin-bottom: 1rem; } + +.bd-toc-item:first-child { + margin-top: 0; } + +.bd-toc-item:last-child { + margin-bottom: 2rem; } + +.bd-sidebar .nav > li > a { + display: block; + padding: 0.25rem 1.25rem; + font-size: 90%; + color: #99979c; } + +.bd-sidebar .nav > li > a:hover, +.bd-sidebar .nav > li > a:focus { + color: #0275d8; + text-decoration: none; + background-color: transparent; } + +.bd-sidebar .nav > .active > a, +.bd-sidebar .nav > .active:hover > a, +.bd-sidebar .nav > .active:focus > a { + font-weight: 500; + color: #373a3c; + background-color: transparent; } + +.bd-sidebar .nav .nav { + display: none; + padding-bottom: .75rem; } + +.bd-sidebar .nav .nav > li > a { + padding-top: 1px; + padding-bottom: 1px; + padding-left: 2rem; + font-size: 75%; + font-weight: normal; } + +.bd-sidebar .nav .nav > .active > a, +.bd-sidebar .nav .nav > .active:hover > a, +.bd-sidebar .nav .nav > .active:focus > a { + font-weight: 500; } + +.bd-sidebar .nav > .active > .nav { + display: block; } + +.bd-sidebar .nav .nav > li > a { + padding-top: .125rem; + padding-bottom: .125rem; + padding-left: 2rem; + font-size: 80%; } + +.bd-booticon { + display: block; + width: 9rem; + height: 9rem; + font-size: 6.5rem; + line-height: 9rem; + color: #fff; + text-align: center; + cursor: default; + background-color: #563d7c; + border-radius: 15%; } + .bd-booticon.inverse { + color: #563d7c; + background-color: #fff; } + .bd-booticon.outline { + background-color: transparent; + border: 1px solid #cdbfe3; } + +.bd-nav-home { + margin-bottom: 0; + background-color: #563d7c; + border-bottom: 0; } + .bd-nav-home .navbar-brand > a { + font-weight: 500; + color: #fff; } + .bd-nav-home .nav-link { + font-weight: 500; + color: #cdbfe3; } + .bd-nav-home .nav-link:hover, + .bd-nav-home .nav-link:focus { + color: #fff; + background-color: rgba(0, 0, 0, 0.5); } + +.bd-header { + padding-bottom: .5rem; + margin-bottom: 1rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.25); } + .bd-header:before, + .bd-header:after { + content: " "; + display: table; } + .bd-header:after { + clear: both; } + .bd-header .bd-header-mark { + float: left; + padding-top: .6em; + padding-bottom: .6em; + font-size: 1.25rem; + font-weight: 500; } + +.bd-header-nav { + float: right; } + .bd-header-nav .nav-link { + float: left; } + .bd-header-nav .nav-link:hover { + background-color: transparent; } + +.bd-masthead { + position: relative; + padding: 2rem 0; + text-align: center; } + +.bd-masthead .bd-booticon { + margin: 0 auto 2rem; + color: #55595c; + border-color: #55595c; } + +.bd-masthead h1 { + font-weight: 300; + line-height: 1; } + +.bd-masthead .lead { + margin-left: auto; + margin-right: auto; + margin-bottom: 2rem; + font-size: 1.25rem; } + +.bd-masthead .version { + margin-top: -1rem; + margin-bottom: 2rem; } + +.bd-masthead .btn { + width: 100%; + padding: 1rem 2rem; + font-size: 1.25rem; + font-weight: 500; + color: #55595c; + border-color: #55595c; } + .bd-masthead .btn:hover { + color: #fff; + background-color: #55595c; } + +@media (min-width: 480px) { + .bd-masthead .btn { + width: auto; } } + +@media (min-width: 768px) { + .bd-masthead { + padding: 2rem 0 4rem; } + .bd-header { + margin-bottom: 4rem; } + .bd-masthead h1 { + font-size: 4rem; } + .bd-masthead .lead { + font-size: 1.5rem; } } + +@media (min-width: 992px) { + .bd-masthead .lead { + width: 80%; + font-size: 2rem; } } + +.bd-featurette { + padding-top: 3rem; + padding-bottom: 3rem; + font-size: 1rem; + line-height: 1.5; + color: #555; + text-align: center; + background-color: #fff; + border-top: 1px solid #eee; } + .bd-featurette .highlight { + text-align: left; } + +.bd-featurette-title { + margin-bottom: .5rem; + font-size: 2rem; + font-weight: normal; + color: #333; } + +.half-rule { + width: 6rem; + margin: 2.5rem auto; } + +.bd-featurette h4 { + margin-top: 1rem; + margin-bottom: .5rem; + font-weight: normal; + color: #333; } + +.bd-featurette-img { + display: block; + margin-bottom: 1.25rem; + color: #333; } + +.bd-featurette-img:hover { + color: #0275d8; + text-decoration: none; } + +.bd-featurette-img img { + display: block; + margin-bottom: 1rem; } + +@media (min-width: 480px) { + .bd-featurette .img-responsive { + margin-top: 2rem; } } + +@media (min-width: 768px) { + .bd-featurette { + padding-top: 6rem; + padding-bottom: 6rem; } + .bd-featurette-title { + font-size: 2.5rem; } + .bd-featurette .lead { + max-width: 80%; + margin-right: auto; + margin-left: auto; } + .bd-featurette .img-responsive { + margin-top: 0; } } + +.bd-featured-sites { + margin-right: -1px; + margin-left: -1px; } + +.bd-featured-sites .col-xs-6 { + padding: 1px; } + +.bd-featured-sites .img-responsive { + margin-top: 0; } + +@media (min-width: 768px) { + .bd-featured-sites .col-sm-3:first-child img { + border-top-left-radius: .25rem; + border-bottom-left-radius: .25rem; } + .bd-featured-sites .col-sm-3:last-child img { + border-top-right-radius: .25rem; + border-bottom-right-radius: .25rem; } } + +.carbonad { + width: auto !important; + height: auto !important; + padding: 1.25rem !important; + margin: 0 -1rem 2rem !important; + overflow: hidden; + /* clearfix */ + font-size: .8rem !important; + line-height: 1rem !important; + color: #55595c !important; + text-align: left; + background: #f5f5f5 !important; + border: 0 !important; } + +.carbonad-img { + margin: 0 !important; } + +.carbonad-text, +.carbonad-tag { + display: block !important; + float: none !important; + width: auto !important; + height: auto !important; + margin-left: 145px !important; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; } + +.carbonad-text { + padding-top: 0 !important; } + +.carbonad-tag { + color: inherit !important; + text-align: left !important; } + +.carbonad-text a, +.carbonad-tag a { + color: #55595c !important; } + .carbonad-text a:hover, + .carbonad-tag a:hover { + color: #0275d8 !important; } + +.carbonad #azcarbon > img { + display: none; } + +@media (min-width: 34em) { + .carbonad { + width: 330px !important; + margin: 1.5rem auto !important; + border-width: 1px !important; + border-radius: .25rem; } + .bd-masthead .carbonad { + margin: 3rem auto 0 !important; } } + +@media (min-width: 48em) { + .carbonad { + margin-right: 0 !important; + margin-left: 0 !important; } } + +@media (min-width: 62em) { + .carbonad { + float: right; + width: 330px !important; + padding: 1rem !important; + margin: 0.5rem 0 1rem 2rem !important; } + .bd-masthead .carbonad { + float: none; + margin: 0 auto !important; } } + +.bd-footer { + padding-top: 2rem; + margin-top: 2rem; + font-size: 85%; + color: #777; + border-top: 1px solid #eee; } + +.bd-footer-links { + padding-left: 0; + margin-top: 20px; + color: #999; } + +.bd-footer-links li { + display: inline; + padding: 0 2px; } + +.bd-footer-links li:first-child { + padding-left: 0; } + +@media (min-width: 768px) { + .bd-footer p { + margin-bottom: 0; } } + +.bd-social { + margin-bottom: 1.5rem; + margin-left: -.5rem; } + +.bd-social-buttons { + display: inline-block; + padding-left: 0; + margin-bottom: 0; + list-style: none; } + +.bd-social-buttons li { + display: inline-block; + padding: 0.25rem 0.5rem; + line-height: 1; } + +.bd-social-buttons .twitter-follow-button { + width: 225px !important; } + +.bd-social-buttons .twitter-share-button { + width: 98px !important; } + +.github-btn { + overflow: hidden; + border: 0; } + +.bd-example-row .row { + margin-bottom: 1rem; } + .bd-example-row .row > [class^="col-"] { + padding-top: .75rem; + padding-bottom: .75rem; + background-color: rgba(86, 61, 124, 0.15); + border: 1px solid rgba(86, 61, 124, 0.2); } + +.bd-example { + position: relative; + padding: 1rem; + margin: 1rem -1rem; + border: solid #f7f7f9; + border-width: .2rem 0 0; } + .bd-example:before, + .bd-example:after { + content: " "; + display: table; } + .bd-example:after { + clear: both; } + @media (min-width: 34em) { + .bd-example { + margin-left: 0; + margin-right: 0; + margin-bottom: 0; + padding: 1.5rem; + border-width: .2rem; } } + .bd-example + .highlight { + margin-top: -1rem; } + .bd-example + .zero-clipboard + .highlight { + margin-top: 0; } + .bd-example + p { + margin-top: 2rem; } + .bd-example .container { + width: auto; } + .bd-example > .nav + .nav, + .bd-example > .alert + .alert, + .bd-example > .navbar + .navbar, + .bd-example > .progress + .progress, + .bd-example > .progress + .btn { + margin-top: 1rem; } + .bd-example > .dropdown-menu:first-child { + position: static; + display: block; } + +.bd-example > *:last-child, +.bd-example > .table-responsive:last-child > .table { + margin-bottom: 0 !important; } + +.bd-example > .close { + float: none; } + +.bd-example-type .table .type-info { + color: #999; + vertical-align: middle; } + +.bd-example-type .table td { + padding: 1rem 0; + border-color: #eee; } + +.bd-example-type .table tr:first-child td { + border-top: 0; } + +.bd-example-type h1, +.bd-example-type h2, +.bd-example-type h3, +.bd-example-type h4, +.bd-example-type h5, +.bd-example-type h6 { + margin: 0; } + +.bd-example-bg-classes p { + padding: 1rem; } + +.bd-example > img + img { + margin-left: .5rem; } + +.bd-example > .btn-group { + margin-top: .25rem; + margin-bottom: .25rem; } + +.bd-example > .btn-toolbar + .btn-toolbar { + margin-top: .5rem; } + +.bd-example-control-sizing select, +.bd-example-control-sizing input[type="text"] + input[type="text"] { + margin-top: .5rem; } + +.bd-example-form .input-group { + margin-bottom: .5rem; } + +.bd-example > textarea.form-control { + resize: vertical; } + +.bd-example > .list-group { + max-width: 400px; } + +.bd-example .navbar:last-child { + margin-bottom: 0; } + +.bd-navbar-top-example, +.bd-navbar-bottom-example { + z-index: 1; + padding: 0; + overflow: hidden; } + +.bd-navbar-top-example .navbar-header, +.bd-navbar-bottom-example .navbar-header { + margin-left: 0; } + +.bd-navbar-top-example .navbar-fixed-top, +.bd-navbar-bottom-example .navbar-fixed-bottom { + position: relative; + margin-right: 0; + margin-left: 0; } + +.bd-navbar-top-example { + padding-bottom: 45px; } + +.bd-navbar-top-example .navbar-fixed-top { + top: -1px; } + +.bd-navbar-bottom-example { + padding-top: 45px; } + +.bd-navbar-bottom-example .navbar-fixed-bottom { + bottom: -1px; } + +.bd-navbar-bottom-example .navbar { + margin-bottom: 0; } + +@media (min-width: 768px) { + .bd-navbar-top-example .navbar-fixed-top, + .bd-navbar-bottom-example .navbar-fixed-bottom { + position: absolute; } } + +.bd-example .pagination { + margin-top: .5rem; + margin-bottom: .5rem; } + +.bd-example > .pager { + margin-top: 0; } + +.bd-example-modal { + background-color: #f5f5f5; } + +.bd-example-modal .modal { + position: relative; + top: auto; + right: auto; + bottom: auto; + left: auto; + z-index: 1; + display: block; } + +.bd-example-modal .modal-dialog { + left: auto; + margin-right: auto; + margin-left: auto; } + +.bd-example > .dropdown > .dropdown-toggle { + float: left; } + +.bd-example > .dropdown > .dropdown-menu { + position: static; + display: block; + margin-bottom: .25rem; + clear: left; } + +.bd-example-tabs .nav-tabs { + margin-bottom: 1rem; } + +.bd-example-tooltips { + text-align: center; } + +.bd-example-tooltips > .btn { + margin-top: .25rem; + margin-bottom: .25rem; } + +.bd-example-popover { + padding-bottom: 1.5rem; + background-color: #f9f9f9; } + +.bd-example-popover .popover { + position: relative; + display: block; + float: left; + width: 260px; + margin: 1.25rem; } + +.bd-example-tooltip .tooltip { + position: relative; + display: inline-block; + margin: 10px 20px; + opacity: 1; } + +.scrollspy-example { + position: relative; + height: 200px; + margin-top: .5rem; + overflow: auto; } + +.bd-example > .center-block:not(img) { + max-width: 200px; + padding: .5rem; + background-color: #eee; } + +.bd-example > .bg-primary, +.bd-example > .bg-success, +.bd-example > .bg-info, +.bd-example > .bg-warning, +.bd-example > .bg-danger { + padding: .5rem; + margin-top: .5rem; + margin-bottom: .5rem; } + +.highlight { + padding: 1rem; + margin: 1rem -1rem; + background-color: #f7f7f9; } + @media (min-width: 34em) { + .highlight { + padding: 1.5rem; + margin-right: 0; + margin-left: 0; } } + +.highlight pre { + padding: 0; + margin-top: 0; + margin-bottom: 0; + background-color: transparent; + border: 0; } + +.highlight pre code { + font-size: inherit; + color: #373a3c; } + +#focusedInput { + border-color: #66afe9; + outline: 0; + outline: thin dotted \9; + box-shadow: 0 0 0.5rem rgba(102, 175, 233, 0.6); } + +.table-responsive .highlight pre { + white-space: normal; } + +.bd-table th small, +.responsive-utilities th small { + display: block; + font-weight: normal; + color: #999; } + +.responsive-utilities tbody th { + font-weight: normal; } + +.responsive-utilities td { + text-align: center; } + +.responsive-utilities td.is-visible { + color: #468847; + background-color: #dff0d8 !important; } + +.responsive-utilities td.is-hidden { + color: #ccc; + background-color: #f9f9f9 !important; } + +.responsive-utilities-test { + margin-top: .25rem; } + +.responsive-utilities-test .col-xs-6 { + margin-bottom: .5rem; } + +.responsive-utilities-test span { + display: block; + padding: 1rem 0.5rem; + font-size: 1rem; + font-weight: bold; + line-height: 1.1; + text-align: center; + border-radius: .25rem; } + +.visible-on .col-xs-6 > .not-visible, +.hidden-on .col-xs-6 > .not-visible { + color: #999; + border: 1px solid #ddd; } + +.visible-on .col-xs-6 .visible, +.hidden-on .col-xs-6 .visible { + color: #468847; + background-color: #dff0d8; + border: 1px solid #d6e9c6; } + +@media (max-width: 33.9em) { + .hidden-xs-only { + display: none !important; } } + +@media (min-width: 34em) and (max-width: 47.9em) { + .hidden-sm-only { + display: none !important; } } + +@media (min-width: 48em) and (max-width: 61.9em) { + .hidden-md-only { + display: none !important; } } + +@media (min-width: 62em) and (max-width: 74.9em) { + .hidden-lg-only { + display: none !important; } } + +@media (min-width: 75em) { + .hidden-xl-only { + display: none !important; } } + +.btn-outline { + color: #563d7c; + background-color: transparent; + border-color: #563d7c; } + .btn-outline:hover, + .btn-outline:focus, + .btn-outline:active { + color: #fff; + background-color: #563d7c; + border-color: #563d7c; } + +.btn-outline-inverse { + color: #fff; + background-color: transparent; + border-color: #cdbfe3; } + .btn-outline-inverse:hover, + .btn-outline-inverse:focus, + .btn-outline-inverse:active { + color: #563d7c; + text-shadow: none; + background-color: #fff; + border-color: #fff; } + +.bd-callout { + padding: 1.25rem; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border: 1px solid #eee; + border-left-width: .25rem; + border-radius: .25rem; } + +.bd-callout h4 { + margin-top: 0; + margin-bottom: .25rem; } + +.bd-callout p:last-child { + margin-bottom: 0; } + +.bd-callout code { + border-radius: .25rem; } + +.bd-callout + .bd-callout { + margin-top: -.25rem; } + +.bd-callout-info { + border-left-color: #5bc0de; } + .bd-callout-info h4 { + color: #5bc0de; } + +.bd-callout-warning { + border-left-color: #f0ad4e; } + .bd-callout-warning h4 { + color: #f0ad4e; } + +.bd-callout-danger { + border-left-color: #d9534f; } + .bd-callout-danger h4 { + color: #d9534f; } + +.bd-examples .img-thumbnail { + margin-bottom: .75rem; } + +.bd-examples h4 { + margin-bottom: .25rem; } + +.bd-examples p { + margin-bottom: 1.25rem; } + +@media (max-width: 480px) { + .bd-examples { + margin-right: -.75rem; + margin-left: -.75rem; } + .bd-examples > [class^="col-"] { + padding-right: .75rem; + padding-left: .75rem; } } + +.bd-team .team-member { + line-height: 2rem; + color: #555; } + +.bd-team .team-member:hover { + color: #333; + text-decoration: none; } + +.bd-team .github-btn { + float: right; + width: 180px; + height: 1.25rem; + margin-top: .25rem; } + +.bd-team img { + float: left; + width: 2rem; + margin-right: .5rem; + border-radius: .25rem; } + +.bd-browser-bugs td p { + margin-bottom: 0; } + +.bd-browser-bugs th:first-child { + width: 18%; } + +.bd-brand-logos { + display: table; + width: 100%; + margin-bottom: 1rem; + overflow: hidden; + color: #563d7c; + background-color: #f9f9f9; + border-radius: .25rem; } + +.bd-brand-item { + padding: 4rem 0; + text-align: center; } + +.bd-brand-item + .bd-brand-item { + border-top: 1px solid #fff; } + +.bd-brand-logos .inverse { + color: #fff; + background-color: #563d7c; } + +.bd-brand-item h1, +.bd-brand-item h3 { + margin-top: 0; + margin-bottom: 0; } + +.bd-brand-item .bd-booticon { + margin-right: auto; + margin-left: auto; } + +@media (min-width: 768px) { + .bd-brand-item { + display: table-cell; + width: 1%; } + .bd-brand-item + .bd-brand-item { + border-top: 0; + border-left: 1px solid #fff; } + .bd-brand-item h1 { + font-size: 4rem; } } + +.color-swatches { + margin: 0 -5px; + overflow: hidden; } + +.color-swatch { + float: left; + width: 4rem; + height: 4rem; + margin-right: .25rem; + margin-left: .25rem; + border-radius: .25rem; } + @media (min-width: 768px) { + .color-swatch { + width: 6rem; + height: 6rem; } } + +.color-swatches .bd-purple { + background-color: #563d7c; } + +.color-swatches .bd-purple-light { + background-color: #cdbfe3; } + +.color-swatches .bd-purple-lighter { + background-color: #e5e1ea; } + +.color-swatches .bd-gray { + background-color: #f9f9f9; } + +.zero-clipboard { + position: relative; + display: none; + float: right; } + +.btn-clipboard { + position: absolute; + top: 0; + right: 0; + z-index: 10; + display: block; + padding: 0.25rem 0.5rem; + font-size: 75%; + color: #818a91; + cursor: pointer; + background-color: #eceeef; + border-radius: 0 0.2rem 0 0.2rem; } + +.btn-clipboard-hover { + color: #fff; + background-color: #027de7; } + +@media (min-width: 768px) { + .zero-clipboard { + display: block; } } + +.hll { + background-color: #ffffcc; } + +.c { + color: #999; } + +.err { + color: #AA0000; + background-color: #FFAAAA; } + +.k { + color: #006699; } + +.o { + color: #555555; } + +.cm { + color: #999; } + +.cp { + color: #009999; } + +.c1 { + color: #999; } + +.cs { + color: #999; } + +.gd { + background-color: #FFCCCC; + border: 1px solid #CC0000; } + +.ge { + font-style: italic; } + +.gr { + color: #FF0000; } + +.gh { + color: #003300; } + +.gi { + background-color: #CCFFCC; + border: 1px solid #00CC00; } + +.go { + color: #AAAAAA; } + +.gp { + color: #000099; } + +.gu { + color: #003300; } + +.gt { + color: #99CC66; } + +.kc { + color: #006699; } + +.kd { + color: #006699; } + +.kn { + color: #006699; } + +.kp { + color: #006699; } + +.kr { + color: #006699; } + +.kt { + color: #007788; } + +.m { + color: #FF6600; } + +.s { + color: #d44950; } + +.na { + color: #4f9fcf; } + +.nb { + color: #336666; } + +.nc { + color: #00AA88; } + +.no { + color: #336600; } + +.nd { + color: #9999FF; } + +.ni { + color: #999999; } + +.ne { + color: #CC0000; } + +.nf { + color: #CC00FF; } + +.nl { + color: #9999FF; } + +.nn { + color: #00CCFF; } + +.nt { + color: #2f6f9f; } + +.nv { + color: #003333; } + +.ow { + color: #000000; } + +.w { + color: #bbbbbb; } + +.mf { + color: #FF6600; } + +.mh { + color: #FF6600; } + +.mi { + color: #FF6600; } + +.mo { + color: #FF6600; } + +.sb { + color: #CC3300; } + +.sc { + color: #CC3300; } + +.sd { + color: #CC3300; + font-style: italic; } + +.s2 { + color: #CC3300; } + +.se { + color: #CC3300; } + +.sh { + color: #CC3300; } + +.si { + color: #AA0000; } + +.sx { + color: #CC3300; } + +.sr { + color: #33AAAA; } + +.s1 { + color: #CC3300; } + +.ss { + color: #FFCC33; } + +.bp { + color: #336666; } + +.vc { + color: #003333; } + +.vg { + color: #003333; } + +.vi { + color: #003333; } + +.il { + color: #FF6600; } + +.css .o, +.css .o + .nt, +.css .nt + .nt { + color: #999; } + +@font-face { + font-family: 'anchorjs-icons'; + src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6v8yoAAAC8AAAAYGNtYXDL8RqdAAABHAAAADxnYXNwAAAAEAAAAVgAAAAIZ2x5Zkm2oNUAAAFgAAABWGhlYWQAHd4cAAACuAAAADZoaGVhB3sECwAAAvAAAAAkaG10eAYAAEcAAAMUAAAADGxvY2EACgCsAAADIAAAAAhtYXhwAAYAcAAAAygAAAAgbmFtZUQXtNYAAANIAAABOXBvc3QAAwAAAAAEhAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAACDmAAPA/8D/wAPAAEAAAAAAAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEACgAAAAGAAQAAQACACDmAP//AAAAIOYA////4RoCAAEAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAIARwAHA7kDeQA2AG0AAAEnLgEiBg8BDgEUFh8BHgMXNy4DLwEuATQ2PwE+ATIWHwEeARQGDwEeAxU3PgE0JicBLgMnBx4DHwEeARQGDwEOASImLwEuATQ2PwEuAzUHDgEUFh8BHgEyNj8BPgE0Ji8BA7kEI1ldWiPaIyQkIwQDBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMk/r4DBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMkBCNZXVoj2iMkJCMEA3UEJCMjJNojWV1aIwQDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkj/sYDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkjBCQjIyTaI1ldWiMEAAEAAAABAABR/4xQXw889QALBAAAAAAAzqNM0wAAAADOo0zTAAAAAAO5A3kAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAABHA7kAAQAAAAAAAAAAAAAAAAAAAAMAAAAAAgAAAAQAAEcAAAAAAAoArAABAAAAAwBuAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoAKABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoAKABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADAALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATwAAsAAAAABKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDq/zKmNtYXAAAAFoAAAAPAAAADzL8RqdZ2FzcAAAAaQAAAAIAAAACAAAABBnbHlmAAABrAAAAVgAAAFYSbag1WhlYWQAAAMEAAAANgAAADYAHd4caGhlYQAAAzwAAAAkAAAAJAd7BAtobXR4AAADYAAAAAwAAAAMBgAAR2xvY2EAAANsAAAACAAAAAgACgCsbWF4cAAAA3QAAAAgAAAAIAAGAHBuYW1lAAADlAAAATkAAAE5RBe01nBvc3QAAATQAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAg5gADwP/A/8ADwABAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAAoAAAABgAEAAEAAgAg5gD//wAAACDmAP///+EaAgABAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAACAEcABwO5A3kANgBtAAABJy4BIgYPAQ4BFBYfAR4DFzcuAy8BLgE0Nj8BPgEyFh8BHgEUBg8BHgMVNz4BNCYnAS4DJwceAx8BHgEUBg8BDgEiJi8BLgE0Nj8BLgM1Bw4BFBYfAR4BMjY/AT4BNCYvAQO5BCNZXVoj2iMkJCMEAwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJP6+AwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJAQjWV1aI9ojJCQjBAN1BCQjIyTaI1ldWiMEAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZI/7GAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZIwQkIyMk2iNZXVojBAABAAAAAQAAUf+MUF8PPPUACwQAAAAAAM6jTNMAAAAAzqNM0wAAAAADuQN5AAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAARwO5AAEAAAAAAAAAAAAAAAAAAAADAAAAAAIAAAAEAABHAAAAAAAKAKwAAQAAAAMAbgACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAwAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"); + font-style: normal; + font-weight: normal; } + +.anchorjs-icon { + font-family: 'anchorjs-icons'; + font-style: normal; + font-variant: normal; + font-weight: normal; + line-height: 1; + speak: none; + text-transform: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } + +.anchorjs-link { + opacity: 0; + text-decoration: none; } + +*:hover > .anchorjs-link, +.anchorjs-link:focus { + opacity: 1; + transition: color 0.16s linear; } + +.anchorjs-description { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; } + +.anchorjs-link { + float: left; + width: 1.2em; + height: 1em; + padding-right: .2em; + margin-top: .25em; + margin-left: -1.2em; + font-size: 70%; + color: inherit; + text-align: center; } + +*:hover > .anchorjs-link:hover { + color: #0275d8; + text-decoration: none; } + +.anchorjs-icon:before { + content: '\e600'; } + +@media (max-width: 47.9em) { + .anchorjs-link { + display: none; } } + +/*# sourceMappingURL=docs.min.css.map */ \ No newline at end of file diff --git a/docs/assets/css/docs.min.css.map b/docs/assets/css/docs.min.css.map index c00d288af..a90258684 100644 Binary files a/docs/assets/css/docs.min.css.map and b/docs/assets/css/docs.min.css.map differ diff --git a/js/dist/scrollspy.js b/js/dist/scrollspy.js index 7cacbab8b..6bcfe883c 100644 --- a/js/dist/scrollspy.js +++ b/js/dist/scrollspy.js @@ -24,7 +24,7 @@ var ScrollSpy = (function ($) { var DATA_KEY = 'bs.scrollspy'; var JQUERY_NO_CONFLICT = $.fn[NAME]; - var Defaults = { + var Default = { offset: 10 }; diff --git a/js/dist/scrollspy.js.map b/js/dist/scrollspy.js.map index dcd3cf1b0..cf1c3ce1a 100644 Binary files a/js/dist/scrollspy.js.map and b/js/dist/scrollspy.js.map differ diff --git a/js/dist/tab.js.map b/js/dist/tab.js.map index 6981e217a..ab1408b8d 100644 Binary files a/js/dist/tab.js.map and b/js/dist/tab.js.map differ diff --git a/js/dist/tooltip.js b/js/dist/tooltip.js new file mode 100644 index 000000000..0ff622018 --- /dev/null +++ b/js/dist/tooltip.js @@ -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: '', + 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 \ No newline at end of file diff --git a/js/dist/tooltip.js.map b/js/dist/tooltip.js.map new file mode 100644 index 000000000..b1ef80207 Binary files /dev/null and b/js/dist/tooltip.js.map differ diff --git a/js/src/scrollspy.js b/js/src/scrollspy.js index b66f7bb88..0ab8804c6 100644 --- a/js/src/scrollspy.js +++ b/js/src/scrollspy.js @@ -22,7 +22,7 @@ const ScrollSpy = (($) => { const DATA_KEY = 'bs.scrollspy' const JQUERY_NO_CONFLICT = $.fn[NAME] - const Defaults = { + const Default = { offset : 10 } diff --git a/js/src/tooltip.js b/js/src/tooltip.js new file mode 100644 index 000000000..4c09a5baf --- /dev/null +++ b/js/src/tooltip.js @@ -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 : '', + 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 diff --git a/js/tab.js b/js/tab.js deleted file mode 100644 index 416189e3d..000000000 --- a/js/tab.js +++ /dev/null @@ -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); diff --git a/js/tests/index.html b/js/tests/index.html index 6f325115b..2491d8d86 100644 --- a/js/tests/index.html +++ b/js/tests/index.html @@ -7,6 +7,7 @@ + + - - + - + - + diff --git a/js/tests/unit/tooltip.js b/js/tests/unit/tooltip.js index 27ce6208e..8f2cbc3e8 100644 --- a/js/tests/unit/tooltip.js +++ b/js/tests/unit/tooltip.js @@ -16,6 +16,7 @@ $(function () { afterEach: function () { $.fn.tooltip = $.fn.bootstrapTooltip delete $.fn.bootstrapTooltip + $('.tooltip').remove() } }) @@ -34,7 +35,7 @@ $(function () { QUnit.test('should expose default settings', function (assert) { 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) { @@ -88,17 +89,21 @@ $(function () { 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) var $tooltip = $('') .appendTo('#qunit-fixture') - .bootstrapTooltip({ placement: 'bottom' }) + .bootstrapTooltip({ attachment: 'bottom' }) $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') - 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) { @@ -111,7 +116,7 @@ $(function () { assert.notEqual($('.tooltip b').length, 0, 'b tag was inserted') $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) { @@ -124,7 +129,7 @@ $(function () { assert.ok($('.tooltip').hasClass('some-class'), 'custom class is present') $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) { @@ -253,21 +258,21 @@ $(function () { 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) { - assert.expect(2) - var $div = $('
') - .appendTo('#qunit-fixture') - .bootstrapTooltip({ - selector: 'a[rel="tooltip"]', - trigger: 'click' - }) + // QUnit.test('should show tooltip with delegate selector on click', function (assert) { + // assert.expect(2) + // var $div = $('
') + // .appendTo('#qunit-fixture') + // .bootstrapTooltip({ + // selector: 'a[rel="tooltip"]', + // trigger: 'click' + // }) - $div.find('a').trigger('click') - assert.ok($('.tooltip').is('.fade.in'), 'tooltip is faded in') + // $div.find('a').trigger('click') + // assert.ok($('.tooltip').is('.fade.in'), 'tooltip is faded in') - $div.find('a').trigger('click') - assert.strictEqual($('.tooltip').length, 0, 'tooltip was removed from dom') - }) + // $div.find('a').trigger('click') + // assert.strictEqual($div.data('bs.tooltip').tip.parentNode, null, 'tooltip removed') + // }) QUnit.test('should show tooltip when toggle is called', function (assert) { 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) { assert.expect(1) var styles = '' + + '.tooltip.right { white-space: nowrap; }' + + '.tooltip.right .tooltip-inner { max-width: none; }' + + '' var $styles = $(styles).appendTo('head') var $container = $('
').appendTo('#qunit-fixture') var $target = $('') .appendTo($container) .bootstrapTooltip({ - placement: 'right', - viewport: null + attachment: 'right', }) .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 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') }) - QUnit.test('should be placed dynamically to viewport with the dynamic placement option', function (assert) { - assert.expect(6) - var $style = $('').appendTo('head') - var $container = $('
') - .css({ - position: 'relative', - height: '100%' - }) - .appendTo('#qunit-fixture') - - var $topTooltip = $('
Top Dynamic Tooltip
') - .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 = $('
Right Dynamic Tooltip
') - .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 = $('
Left Dynamic Tooltip
') - .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 = '' - var $styles = $(styles).appendTo('head') - - var $container = $('
').appendTo('#qunit-fixture') - var $target = $('
') - .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 = '' - var $styles = $(styles).appendTo('head') - - var $container = $('
').appendTo('#qunit-fixture') - var $target = $('
') - .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 = '' - var $styles = $(styles).appendTo('head') - - var $container = $('
').appendTo('#qunit-fixture') - var $target = $('
') - .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 = '' - var $styles = $(styles).appendTo('head') - - var $container = $('
').appendTo('#qunit-fixture') - var $target = $('
Tooltip Item
') - .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 = '' - var $styles = $(styles).appendTo('head') - - var $container = $('
').appendTo('#qunit-fixture') - var $target = $('
Tooltip Item
') - .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 = '' - var $styles = $(styles).appendTo('head') - - var $container = $('
').appendTo('#qunit-fixture') - var $target = $('
Tooltip Item
') - .appendTo($container) - .before('
') - .after('
') - .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 = '' - var $styles = $(styles).appendTo('head') - - var $container = $('
').appendTo('#qunit-fixture') - var $target = $('
Tooltip Item
') - .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 = '' - var $styles = $(styles).appendTo('head') - - var $container = $('
').appendTo('#qunit-fixture') - var $target = $('') - .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 = '' - var $styles = $(styles).appendTo('head') - - var $container = $('
').appendTo('#qunit-fixture') - var $target = $('') - .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 = '' - var $styles = $(styles).appendTo('head') - - var $container = $('
').appendTo('#qunit-fixture') - var $target = $('') - .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 = '' - var $styles = $(styles).appendTo('head') - - var $container = $('
').appendTo('body') - var $target = $('') - .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 = '' - var $styles = $(styles).appendTo('head') - - var $container = $('
').appendTo(document.body) - var $target = $('') - .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 = '' - var $styles = $(styles).appendTo('head') - - var $container = $('
').appendTo(document.body) - var $target = $('').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 = '' - var $styles = $(styles).appendTo('head') - - var $container = $('
').appendTo(document.body) - var $target = $('foobar') - .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) { + QUnit.test('should not error when trying to show an top-placed tooltip that has been removed from the dom', function (assert) { assert.expect(1) var passed = true var $tooltip = $('') @@ -821,7 +389,7 @@ $(function () { .one('show.bs.tooltip', function () { $(this).remove() }) - .bootstrapTooltip({ placement: 'auto' }) + .bootstrapTooltip({ attachment: 'top' }) try { $tooltip.bootstrapTooltip('show') @@ -858,12 +426,12 @@ $(function () { .find('a') .css('margin-top', 200) .bootstrapTooltip({ - placement: 'top', + attachment: 'top', animate: false }) .bootstrapTooltip('show') - var $tooltip = $container.find('.tooltip') + var $tooltip = $($trigger.data('bs.tooltip').tip) setTimeout(function () { assert.ok(Math.round($tooltip.offset().top + $tooltip.outerHeight()) <= Math.round($trigger.offset().top)) @@ -871,38 +439,6 @@ $(function () { }, 0) }) - QUnit.test('should place tooltip inside viewport', function (assert) { - assert.expect(1) - var done = assert.async() - - var $container = $('
') - .css({ - position: 'absolute', - width: 200, - height: 200, - bottom: 0, - left: 0 - }) - .appendTo('#qunit-fixture') - - $('Hover me') - .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) { assert.expect(2) var done = assert.async() @@ -1021,16 +557,16 @@ $(function () { .bootstrapTooltip({ delay: { show: 0, hide: 150 }}) 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') 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) 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() }, 200) @@ -1073,61 +609,19 @@ $(function () { assert.strictEqual($('.tooltip').length, 0, 'tooltip removed from dom') done() }) - .bootstrapTooltip({ container: 'body', placement: 'top', trigger: 'manual' }) + .bootstrapTooltip({ attachment: 'top', trigger: 'manual' }) $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 = '' - var $styles = $(styles).appendTo('head') - - $('#qunit-fixture').append('HOVER OVER ME') - 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) { assert.expect(1) var titleHtml = function () { - var uid = $.fn.bootstrapTooltip.Constructor.prototype.getUID('tooltip') + var uid = Util.getUID('tooltip') return '

' + uid + '

' + uid + '

' + uid + '

' } - var $tooltip = $('some text') + var $tooltip = $('some text') .appendTo('#qunit-fixture') $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) { assert.expect(4) + var titleHtml = function () { - var uid = $.fn.bootstrapTooltip.Constructor.prototype.getUID('tooltip') + var uid = Util.getUID('tooltip') return '

' + uid + '

' + uid + '

' + uid + '

' } - var $tooltip = $('some text') + var $tooltip = $('some text') .appendTo('#qunit-fixture') $tooltip.bootstrapTooltip({ @@ -1162,7 +657,6 @@ $(function () { animation: false, trigger: 'hover', delay: { show: 0, hide: 500 }, - container: $tooltip, title: titleHtml }) @@ -1175,47 +669,14 @@ $(function () { $('#tt-outer').trigger('mouseleave') 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') - assert.ok(obj.hoverState == 'in', 'the tooltip hoverState should be set to "in"') + $('#tt-outer').trigger('mouseenter') + assert.ok(obj._hoverState == 'in', 'the tooltip hoverState should be set to "in"') 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 = '' - var $styles = $(styles).appendTo('head') - - $('Foobar') - .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) { var styleProps = document.documentElement.style if (!('transform' in styleProps) && !('webkitTransform' in styleProps) && !('msTransform' in styleProps)) { @@ -1247,21 +708,12 @@ $(function () { done() }) .bootstrapTooltip({ - container: 'body', - placement: 'top', trigger: 'manual' }) $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) { assert.expect(1) @@ -1274,25 +726,15 @@ $(function () { 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 () { - $('') - .appendTo('#qunit-fixture') - .bootstrapTooltip({ template: '
Foo
Bar
' }) - .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) { assert.expect(41) var $el = $('') .appendTo('#qunit-fixture') .bootstrapTooltip({ trigger: 'click hover focus', animation: false }) 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 = [ ['mouseenter', 'mouseleave'], diff --git a/js/tests/vendor/tether.min.js b/js/tests/vendor/tether.min.js new file mode 100644 index 000000000..882e9e8c8 --- /dev/null +++ b/js/tests/vendor/tether.min.js @@ -0,0 +1,2 @@ +/*! tether 0.7.1 */ +!function(t,e){"function"==typeof define&&define.amd?define(e):"object"==typeof exports?module.exports=e(require,exports,module):t.Tether=e()}(this,function(t,e,o){return function(){var t,e,o,i,n,s,l,r,h,a,f,p,u,d,g,c,m,b,v,y={}.hasOwnProperty,w=[].indexOf||function(t){for(var e=0,o=this.length;o>e;e++)if(e in this&&this[e]===t)return e;return-1},C=[].slice;null==this.Tether&&(this.Tether={modules:[]}),p=function(t){var e,o,i,n,s;if(o=getComputedStyle(t).position,"fixed"===o)return t;for(i=void 0,e=t;e=e.parentNode;){try{n=getComputedStyle(e)}catch(l){}if(null==n)return e;if(/(auto|scroll)/.test(n.overflow+n.overflowY+n.overflowX)&&("absolute"!==o||"relative"===(s=n.position)||"absolute"===s||"fixed"===s))return e}return document.body},m=function(){var t;return t=0,function(){return t++}}(),v={},a=function(t){var e,i,s,l,r;if(s=t._tetherZeroElement,null==s&&(s=t.createElement("div"),s.setAttribute("data-tether-id",m()),n(s.style,{top:0,left:0,position:"absolute"}),t.body.appendChild(s),t._tetherZeroElement=s),e=s.getAttribute("data-tether-id"),null==v[e]){v[e]={},r=s.getBoundingClientRect();for(i in r)l=r[i],v[e][i]=l;o(function(){return v[e]=void 0})}return v[e]},d=null,l=function(t){var e,o,i,n,s,l,r;t===document?(o=document,t=document.documentElement):o=t.ownerDocument,i=o.documentElement,e={},r=t.getBoundingClientRect();for(n in r)l=r[n],e[n]=l;return s=a(o),e.top-=s.top,e.left-=s.left,null==e.width&&(e.width=document.body.scrollWidth-e.left-e.right),null==e.height&&(e.height=document.body.scrollHeight-e.top-e.bottom),e.top=e.top-i.clientTop,e.left=e.left-i.clientLeft,e.right=o.body.clientWidth-e.width-e.left,e.bottom=o.body.clientHeight-e.height-e.top,e},h=function(t){return t.offsetParent||document.documentElement},f=function(){var t,e,o,i,s;return t=document.createElement("div"),t.style.width="100%",t.style.height="200px",e=document.createElement("div"),n(e.style,{position:"absolute",top:0,left:0,pointerEvents:"none",visibility:"hidden",width:"200px",height:"150px",overflow:"hidden"}),e.appendChild(t),document.body.appendChild(e),i=t.offsetWidth,e.style.overflow="scroll",s=t.offsetWidth,i===s&&(s=e.clientWidth),document.body.removeChild(e),o=i-s,{width:o,height:o}},n=function(t){var e,o,i,n,s,l,r;for(null==t&&(t={}),e=[],Array.prototype.push.apply(e,arguments),r=e.slice(1),s=0,l=r.length;l>s;s++)if(i=r[s])for(o in i)y.call(i,o)&&(n=i[o],t[o]=n);return t},g=function(t,e){var o,i,n,s,l,h;if(null!=t.classList){for(l=e.split(" "),h=[],n=0,s=l.length;s>n;n++)i=l[n],i.trim()&&h.push(t.classList.remove(i));return h}return o=r(t).replace(new RegExp("(^| )"+e.split(" ").join("|")+"( |$)","gi")," "),c(t,o)},e=function(t,e){var o,i,n,s,l;if(null!=t.classList){for(s=e.split(" "),l=[],i=0,n=s.length;n>i;i++)o=s[i],o.trim()&&l.push(t.classList.add(o));return l}return g(t,e),o=r(t)+(" "+e),c(t,o)},u=function(t,e){return null!=t.classList?t.classList.contains(e):new RegExp("(^| )"+e+"( |$)","gi").test(r(t))},r=function(t){return t.className instanceof SVGAnimatedString?t.className.baseVal:t.className},c=function(t,e){return t.setAttribute("class",e)},b=function(t,o,i){var n,s,l,r,h,a;for(s=0,r=i.length;r>s;s++)n=i[s],w.call(o,n)<0&&u(t,n)&&g(t,n);for(a=[],l=0,h=o.length;h>l;l++)n=o[l],a.push(u(t,n)?void 0:e(t,n));return a},i=[],o=function(t){return i.push(t)},s=function(){var t,e;for(e=[];t=i.pop();)e.push(t());return e},t=function(){function t(){}return t.prototype.on=function(t,e,o,i){var n;return null==i&&(i=!1),null==this.bindings&&(this.bindings={}),null==(n=this.bindings)[t]&&(n[t]=[]),this.bindings[t].push({handler:e,ctx:o,once:i})},t.prototype.once=function(t,e,o){return this.on(t,e,o,!0)},t.prototype.off=function(t,e){var o,i,n;if(null!=(null!=(i=this.bindings)?i[t]:void 0)){if(null==e)return delete this.bindings[t];for(o=0,n=[];o=e&&e>=t-o},x=function(){var t,e,o,i,n;for(t=document.createElement("div"),n=["transform","webkitTransform","OTransform","MozTransform","msTransform"],o=0,i=n.length;i>o;o++)if(e=n[o],void 0!==t.style[e])return e}(),T=[],C=function(){var t,e,o;for(e=0,o=T.length;o>e;e++)t=T[e],t.position(!1);return f()},b=function(){var t;return null!=(t="undefined"!=typeof performance&&null!==performance&&"function"==typeof performance.now?performance.now():void 0)?t:+new Date},function(){var t,e,o,i,n,s,l,r,h;for(e=null,o=null,i=null,n=function(){if(null!=o&&o>16)return o=Math.min(o-16,250),void(i=setTimeout(n,250));if(!(null!=e&&b()-e<10))return null!=i&&(clearTimeout(i),i=null),e=b(),C(),o=b()-e},r=["resize","scroll","touchmove"],h=[],s=0,l=r.length;l>s;s++)t=r[s],h.push(window.addEventListener(t,n));return h}(),t={center:"center",left:"right",right:"left"},e={middle:"middle",top:"bottom",bottom:"top"},o={top:0,left:0,middle:"50%",center:"50%",bottom:"100%",right:"100%"},r=function(o,i){var n,s;return n=o.left,s=o.top,"auto"===n&&(n=t[i.left]),"auto"===s&&(s=e[i.top]),{left:n,top:s}},l=function(t){var e,i;return{left:null!=(e=o[t.left])?e:t.left,top:null!=(i=o[t.top])?i:t.top}},s=function(){var t,e,o,i,n,s,l;for(e=1<=arguments.length?M.call(arguments,0):[],o={top:0,left:0},n=0,s=e.length;s>n;n++)l=e[n],i=l.top,t=l.left,"string"==typeof i&&(i=parseFloat(i,10)),"string"==typeof t&&(t=parseFloat(t,10)),o.top+=i,o.left+=t;return o},v=function(t,e){return"string"==typeof t.left&&-1!==t.left.indexOf("%")&&(t.left=parseFloat(t.left,10)/100*e.width),"string"==typeof t.top&&-1!==t.top.indexOf("%")&&(t.top=parseFloat(t.top,10)/100*e.height),t},y=w=function(t){var e,o,i;return i=t.split(" "),o=i[0],e=i[1],{top:o,left:e}},S=function(){function t(t){this.position=P(this.position,this);var e,o,n,s,l;for(T.push(this),this.history=[],this.setOptions(t,!1),s=i.modules,o=0,n=s.length;n>o;o++)e=s[o],null!=(l=e.initialize)&&l.call(this);this.position()}return t.modules=[],t.prototype.getClass=function(t){var e,o;return(null!=(e=this.options.classes)?e[t]:void 0)?this.options.classes[t]:(null!=(o=this.options.classes)?o[t]:void 0)!==!1?this.options.classPrefix?""+this.options.classPrefix+"-"+t:t:""},t.prototype.setOptions=function(t,e){var o,i,s,l,r,h;for(this.options=t,null==e&&(e=!0),o={offset:"0 0",targetOffset:"0 0",targetAttachment:"auto auto",classPrefix:"tether"},this.options=a(o,this.options),r=this.options,this.element=r.element,this.target=r.target,this.targetModifier=r.targetModifier,"viewport"===this.target?(this.target=document.body,this.targetModifier="visible"):"scroll-handle"===this.target&&(this.target=document.body,this.targetModifier="scroll-handle"),h=["element","target"],s=0,l=h.length;l>s;s++){if(i=h[s],null==this[i])throw new Error("Tether Error: Both element and target must be defined");null!=this[i].jquery?this[i]=this[i][0]:"string"==typeof this[i]&&(this[i]=document.querySelector(this[i]))}if(n(this.element,this.getClass("element")),this.options.addTargetClasses!==!1&&n(this.target,this.getClass("target")),!this.options.attachment)throw new Error("Tether Error: You must provide an attachment");return this.targetAttachment=y(this.options.targetAttachment),this.attachment=y(this.options.attachment),this.offset=w(this.options.offset),this.targetOffset=w(this.options.targetOffset),null!=this.scrollParent&&this.disable(),"scroll-handle"===this.targetModifier?this.scrollParent=this.target:this.scrollParent=c(this.target),this.options.enabled!==!1?this.enable(e):void 0},t.prototype.getTargetBounds=function(){var t,e,o,i,n,s,l,r,h;if(null==this.targetModifier)return p(this.target);switch(this.targetModifier){case"visible":return this.target===document.body?{top:pageYOffset,left:pageXOffset,height:innerHeight,width:innerWidth}:(t=p(this.target),n={height:t.height,width:t.width,top:t.top,left:t.left},n.height=Math.min(n.height,t.height-(pageYOffset-t.top)),n.height=Math.min(n.height,t.height-(t.top+t.height-(pageYOffset+innerHeight))),n.height=Math.min(innerHeight,n.height),n.height-=2,n.width=Math.min(n.width,t.width-(pageXOffset-t.left)),n.width=Math.min(n.width,t.width-(t.left+t.width-(pageXOffset+innerWidth))),n.width=Math.min(innerWidth,n.width),n.width-=2,n.toph.clientWidth||"scroll"===[r.overflow,r.overflowX]||this.target!==document.body,s=0,o&&(s=15),i=t.height-parseFloat(r.borderTopWidth)-parseFloat(r.borderBottomWidth)-s,n={width:15,height:.975*i*(i/h.scrollHeight),left:t.left+t.width-parseFloat(r.borderLeftWidth)-15},e=0,408>i&&this.target===document.body&&(e=-11e-5*Math.pow(i,2)-.00727*i+22.58),this.target!==document.body&&(n.height=Math.max(n.height,24)),l=this.target.scrollTop/(h.scrollHeight-i),n.top=l*(i-n.height-e)+t.top+parseFloat(r.borderTopWidth),this.target===document.body&&(n.height=Math.max(n.height,24)),n}},t.prototype.clearCache=function(){return this._cache={}},t.prototype.cache=function(t,e){return null==this._cache&&(this._cache={}),null==this._cache[t]&&(this._cache[t]=e.call(this)),this._cache[t]},t.prototype.enable=function(t){return null==t&&(t=!0),this.options.addTargetClasses!==!1&&n(this.target,this.getClass("enabled")),n(this.element,this.getClass("enabled")),this.enabled=!0,this.scrollParent!==document&&this.scrollParent.addEventListener("scroll",this.position),t?this.position():void 0},t.prototype.disable=function(){return O(this.target,this.getClass("enabled")),O(this.element,this.getClass("enabled")),this.enabled=!1,null!=this.scrollParent?this.scrollParent.removeEventListener("scroll",this.position):void 0},t.prototype.destroy=function(){var t,e,o,i,n;for(this.disable(),n=[],t=o=0,i=T.length;i>o;t=++o){if(e=T[t],e===this){T.splice(t,1);break}n.push(void 0)}return n},t.prototype.updateAttachClasses=function(t,e){var o,i,n,s,l,r,a,f,p,u=this;for(null==t&&(t=this.attachment),null==e&&(e=this.targetAttachment),s=["left","top","bottom","right","middle","center"],(null!=(p=this._addAttachClasses)?p.length:void 0)&&this._addAttachClasses.splice(0,this._addAttachClasses.length),o=null!=this._addAttachClasses?this._addAttachClasses:this._addAttachClasses=[],t.top&&o.push(""+this.getClass("element-attached")+"-"+t.top),t.left&&o.push(""+this.getClass("element-attached")+"-"+t.left),e.top&&o.push(""+this.getClass("target-attached")+"-"+e.top),e.left&&o.push(""+this.getClass("target-attached")+"-"+e.left),i=[],l=0,a=s.length;a>l;l++)n=s[l],i.push(""+this.getClass("element-attached")+"-"+n);for(r=0,f=s.length;f>r;r++)n=s[r],i.push(""+this.getClass("target-attached")+"-"+n);return h(function(){return null!=u._addAttachClasses?(A(u.element,u._addAttachClasses,i),u.options.addTargetClasses!==!1&&A(u.target,u._addAttachClasses,i),u._addAttachClasses=void 0):void 0})},t.prototype.position=function(t){var e,o,n,h,a,d,c,m,b,y,w,C,O,T,x,A,E,S,W,M,P,z,B,_,F,L,Y,H,X,N,j,R,U,q,k,D=this;if(null==t&&(t=!0),this.enabled){for(this.clearCache(),M=r(this.targetAttachment,this.attachment),this.updateAttachClasses(this.attachment,M),e=this.cache("element-bounds",function(){return p(D.element)}),F=e.width,n=e.height,0===F&&0===n&&null!=this.lastSize?(N=this.lastSize,F=N.width,n=N.height):this.lastSize={width:F,height:n},B=z=this.cache("target-bounds",function(){return D.getTargetBounds()}),b=v(l(this.attachment),{width:F,height:n}),P=v(l(M),B),a=v(this.offset,{width:F,height:n}),d=v(this.targetOffset,B),b=s(b,a),P=s(P,d),h=z.left+P.left-b.left,_=z.top+P.top-b.top,j=i.modules,L=0,H=j.length;H>L;L++){if(c=j[L],x=c.position.call(this,{left:h,top:_,targetAttachment:M,targetPos:z,attachment:this.attachment,elementPos:e,offset:b,targetOffset:P,manualOffset:a,manualTargetOffset:d,scrollbarSize:S}),x===!1)return!1;null!=x&&"object"==typeof x&&(_=x.top,h=x.left)}if(m={page:{top:_,left:h},viewport:{top:_-pageYOffset,bottom:pageYOffset-_-n+innerHeight,left:h-pageXOffset,right:pageXOffset-h-F+innerWidth}},document.body.scrollWidth>window.innerWidth&&(S=this.cache("scrollbar-size",g),m.viewport.bottom-=S.height),document.body.scrollHeight>window.innerHeight&&(S=this.cache("scrollbar-size",g),m.viewport.right-=S.width),(""!==(R=document.body.style.position)&&"static"!==R||""!==(U=document.body.parentElement.style.position)&&"static"!==U)&&(m.page.bottom=document.body.scrollHeight-_-n,m.page.right=document.body.scrollWidth-h-F),(null!=(q=this.options.optimizations)?q.moveElement:void 0)!==!1&&null==this.targetModifier){for(w=this.cache("target-offsetparent",function(){return u(D.target)}),T=this.cache("target-offsetparent-bounds",function(){return p(w)}),O=getComputedStyle(w),o=getComputedStyle(this.element),C=T,y={},k=["Top","Left","Bottom","Right"],Y=0,X=k.length;X>Y;Y++)W=k[Y],y[W.toLowerCase()]=parseFloat(O["border"+W+"Width"]);T.right=document.body.scrollWidth-T.left-C.width+y.right,T.bottom=document.body.scrollHeight-T.top-C.height+y.bottom,m.page.top>=T.top+y.top&&m.page.bottom>=T.bottom&&m.page.left>=T.left+y.left&&m.page.right>=T.right&&(E=w.scrollTop,A=w.scrollLeft,m.offset={top:m.page.top-T.top+E-y.top,left:m.page.left-T.left+A-y.left})}return this.move(m),this.history.unshift(m),this.history.length>3&&this.history.pop(),t&&f(),!0}},t.prototype.move=function(t){var e,o,i,n,s,l,r,f,p,d,g,c,m,b,v,y,w,C=this;if(null!=this.element.parentNode){f={};for(d in t){f[d]={};for(n in t[d]){for(i=!1,y=this.history,b=0,v=y.length;v>b;b++)if(r=y[b],!E(null!=(w=r[d])?w[n]:void 0,t[d][n])){i=!0;break}i||(f[d][n]=!0)}}e={top:"",left:"",right:"",bottom:""},p=function(t,o){var i,n,s;return(null!=(s=C.options.optimizations)?s.gpu:void 0)===!1?(t.top?e.top=""+o.top+"px":e.bottom=""+o.bottom+"px",t.left?e.left=""+o.left+"px":e.right=""+o.right+"px"):(t.top?(e.top=0,n=o.top):(e.bottom=0,n=-o.bottom),t.left?(e.left=0,i=o.left):(e.right=0,i=-o.right),e[x]="translateX("+Math.round(i)+"px) translateY("+Math.round(n)+"px)","msTransform"!==x?e[x]+=" translateZ(0)":void 0)},s=!1,(f.page.top||f.page.bottom)&&(f.page.left||f.page.right)?(e.position="absolute",p(f.page,t.page)):(f.viewport.top||f.viewport.bottom)&&(f.viewport.left||f.viewport.right)?(e.position="fixed",p(f.viewport,t.viewport)):null!=f.offset&&f.offset.top&&f.offset.left?(e.position="absolute",l=this.cache("target-offsetparent",function(){return u(C.target)}),u(this.element)!==l&&h(function(){return C.element.parentNode.removeChild(C.element),l.appendChild(C.element)}),p(f.offset,t.offset),s=!0):(e.position="absolute",p({top:!0,left:!0},t.page)),s||"BODY"===this.element.parentNode.tagName||(this.element.parentNode.removeChild(this.element),document.body.appendChild(this.element)),m={},c=!1;for(n in e)g=e[n],o=this.element.style[n],""===o||""===g||"top"!==n&&"left"!==n&&"bottom"!==n&&"right"!==n||(o=parseFloat(o),g=parseFloat(g)),o!==g&&(c=!0,m[n]=e[n]);return c?h(function(){return a(C.element.style,m)}):void 0}},t}(),i.position=C,this.Tether=a(S,i)}.call(this),function(){var t,e,o,i,n,s,l,r,h,a,f=[].indexOf||function(t){for(var e=0,o=this.length;o>e;e++)if(e in this&&this[e]===t)return e;return-1};a=this.Tether.Utils,l=a.getOuterSize,s=a.getBounds,r=a.getSize,i=a.extend,h=a.updateClasses,o=a.defer,e={left:"right",right:"left",top:"bottom",bottom:"top",middle:"middle"},t=["left","top","right","bottom"],n=function(e,o){var i,n,l,r,h,a,f;if("scrollParent"===o?o=e.scrollParent:"window"===o&&(o=[pageXOffset,pageYOffset,innerWidth+pageXOffset,innerHeight+pageYOffset]),o===document&&(o=o.documentElement),null!=o.nodeType)for(n=r=s(o),h=getComputedStyle(o),o=[n.left,n.top,r.width+n.left,r.height+n.top],i=a=0,f=t.length;f>a;i=++a)l=t[i],l=l[0].toUpperCase()+l.substr(1),"Top"===l||"Left"===l?o[i]+=parseFloat(h["border"+l+"Width"]):o[i]-=parseFloat(h["border"+l+"Width"]);return o},this.Tether.modules.push({position:function(e){var l,r,a,p,u,d,g,c,m,b,v,y,w,C,O,T,x,A,E,S,W,M,P,z,B,_,F,L,Y,H,X,N,j,R,U,q,k,D,Z,V,$,G,I,J,K,Q,tt,et=this;if(_=e.top,v=e.left,W=e.targetAttachment,!this.options.constraints)return!0;for(A=function(e){var o,i,n,s;for(et.removeClass(e),s=[],i=0,n=t.length;n>i;i++)o=t[i],s.push(et.removeClass(""+e+"-"+o));return s},V=this.cache("element-bounds",function(){return s(et.element)}),b=V.height,F=V.width,0===F&&0===b&&null!=this.lastSize&&($=this.lastSize,F=$.width,b=$.height),P=this.cache("target-bounds",function(){return et.getTargetBounds()}),M=P.height,z=P.width,S={},m={},r=[this.getClass("pinned"),this.getClass("out-of-bounds")],G=this.options.constraints,L=0,N=G.length;N>L;L++)c=G[L],c.outOfBoundsClass&&r.push(c.outOfBoundsClass),c.pinnedClass&&r.push(c.pinnedClass);for(Y=0,j=r.length;j>Y;Y++)for(g=r[Y],I=["left","top","right","bottom"],H=0,R=I.length;R>H;H++)E=I[H],r.push(""+g+"-"+E);for(l=[],S=i({},W),m=i({},this.attachment),J=this.options.constraints,X=0,U=J.length;U>X;X++){if(c=J[X],B=c.to,a=c.attachment,O=c.pin,null==a&&(a=""),f.call(a," ")>=0?(K=a.split(" "),d=K[0],u=K[1]):u=d=a,p=n(this,B),("target"===d||"both"===d)&&(_p[3]&&"bottom"===S.top&&(_-=M,S.top="top")),"together"===d&&(_p[3]&&"bottom"===S.top&&("top"===m.top?(_-=M,S.top="top",_-=b,m.top="bottom"):"bottom"===m.top&&(_-=M,S.top="top",_+=b,m.top="top")),"middle"===S.top&&(_+b>p[3]&&"top"===m.top?(_-=b,m.top="bottom"):_p[2]&&"right"===S.left&&(v-=z,S.left="left")),"together"===u&&(vp[2]&&"right"===S.left?"left"===m.left?(v-=z,S.left="left",v-=F,m.left="right"):"right"===m.left&&(v-=z,S.left="left",v+=F,m.left="left"):"center"===S.left&&(v+F>p[2]&&"left"===m.left?(v-=F,m.left="right"):vp[3]&&"top"===m.top&&(_-=b,m.top="bottom")),("element"===u||"both"===u)&&(vp[2]&&"left"===m.left&&(v-=F,m.left="right")),"string"==typeof O?O=function(){var t,e,o,i;for(o=O.split(","),i=[],e=0,t=o.length;t>e;e++)C=o[e],i.push(C.trim());return i}():O===!0&&(O=["top","left","right","bottom"]),O||(O=[]),T=[],y=[],_=0?(_=p[1],T.push("top")):y.push("top")),_+b>p[3]&&(f.call(O,"bottom")>=0?(_=p[3]-b,T.push("bottom")):y.push("bottom")),v=0?(v=p[0],T.push("left")):y.push("left")),v+F>p[2]&&(f.call(O,"right")>=0?(v=p[2]-F,T.push("right")):y.push("right")),T.length)for(x=null!=(Q=this.options.pinnedClass)?Q:this.getClass("pinned"),l.push(x),D=0,q=T.length;q>D;D++)E=T[D],l.push(""+x+"-"+E);if(y.length)for(w=null!=(tt=this.options.outOfBoundsClass)?tt:this.getClass("out-of-bounds"),l.push(w),Z=0,k=y.length;k>Z;Z++)E=y[Z],l.push(""+w+"-"+E);(f.call(T,"left")>=0||f.call(T,"right")>=0)&&(m.left=S.left=!1),(f.call(T,"top")>=0||f.call(T,"bottom")>=0)&&(m.top=S.top=!1),(S.top!==W.top||S.left!==W.left||m.top!==this.attachment.top||m.left!==this.attachment.left)&&this.updateAttachClasses(m,S)}return o(function(){return et.options.addTargetClasses!==!1&&h(et.target,l,r),h(et.element,l,r)}),{top:_,left:v}}})}.call(this),function(){var t,e,o,i;i=this.Tether.Utils,e=i.getBounds,o=i.updateClasses,t=i.defer,this.Tether.modules.push({position:function(i){var n,s,l,r,h,a,f,p,u,d,g,c,m,b,v,y,w,C,O,T,x,A,E,S,W,M=this;if(g=i.top,a=i.left,x=this.cache("element-bounds",function(){return e(M.element)}),h=x.height,c=x.width,d=this.getTargetBounds(),r=g+h,f=a+c,n=[],g<=d.bottom&&r>=d.top)for(A=["left","right"],m=0,w=A.length;w>m;m++)p=A[m],((E=d[p])===a||E===f)&&n.push(p);if(a<=d.right&&f>=d.left)for(S=["top","bottom"],b=0,C=S.length;C>b;b++)p=S[b],((W=d[p])===g||W===r)&&n.push(p);for(l=[],s=[],u=["left","top","right","bottom"],l.push(this.getClass("abutted")),v=0,O=u.length;O>v;v++)p=u[v],l.push(""+this.getClass("abutted")+"-"+p);for(n.length&&s.push(this.getClass("abutted")),y=0,T=n.length;T>y;y++)p=n[y],s.push(""+this.getClass("abutted")+"-"+p);return t(function(){return M.options.addTargetClasses!==!1&&o(M.target,s,l),o(M.element,s,l)}),!0}})}.call(this),function(){this.Tether.modules.push({position:function(t){var e,o,i,n,s,l,r;return l=t.top,e=t.left,this.options.shift?(o=function(t){return"function"==typeof t?t.call(this,{top:l,left:e}):t},i=o(this.options.shift),"string"==typeof i?(i=i.split(" "),i[1]||(i[1]=i[0]),s=i[0],n=i[1],s=parseFloat(s,10),n=parseFloat(n,10)):(r=[i.top,i.left],s=r[0],n=r[1]),l+=s,e+=n,{top:l,left:e}):void 0}})}.call(this),this.Tether}); \ No newline at end of file diff --git a/js/tests/visual/tooltip.html b/js/tests/visual/tooltip.html index 8d10871c9..5b8126d36 100644 --- a/js/tests/visual/tooltip.html +++ b/js/tests/visual/tooltip.html @@ -5,7 +5,7 @@ Tooltip - + @@ -22,22 +22,23 @@

Tooltip Bootstrap Visual Test

-

Tight pants next level keffiyeh you probably 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 have 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 whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral. +

Tight pants next level keffiyeh you probably 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 have 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 whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw denim single-origin coffee viral.


- - - - + + + +

- - + + +