diff --git a/.gitignore b/.gitignore index 79f189f..4f08229 100644 --- a/.gitignore +++ b/.gitignore @@ -15,7 +15,5 @@ /local.json /node_modules/ /user_published/ -/PopcornEditor/templates/basic/*.css -/PopcornEditor/css/butter.ui.less.css !locale/en_US/* !locale/localeinfo.json diff --git a/PopcornEditor/css/butter.ui.less.css b/PopcornEditor/css/butter.ui.less.css new file mode 100644 index 0000000..64f0e98 --- /dev/null +++ b/PopcornEditor/css/butter.ui.less.css @@ -0,0 +1,25764 @@ +/* This Source Code Form is subject to the terms of the MIT license + * If a copy of the MIT license was not distributed with this file, you can + * obtain one at https://raw.github.com/mozilla/butter/master/LICENSE */ +/********************************************************* +* Webmaker nav +*/ +#webmaker-nav { + font-family: "Open Sans", "Helvetica Neue", sans-serif; + font-size: 13px; + width: 100%; + color: #373737; +} +.webmaker-nav-container { + overflow: hidden; + background: #333333; + border-bottom: 1px solid #fff; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + padding: 0 15px; +} +.webmaker-nav { + padding: 0; + margin: 0; + list-style: none; + font-size: 1em; +} +.webmaker-nav li a { + display: block; + height: 100%; + padding: 0 10px; + text-decoration: none; + cursor: pointer; + user-select: none; + color: #373737; +} +#logo { + line-height: 1; + float: left; + display: block; +} +/********************************************************* +* User/Login Styles +*/ +.user-info { + float: right; + text-align: right; +} +.user-info > li { + float: left; + border-right: none; + height: 100%; + margin: 0.9em 0; + border-right: 1px solid #b5b7b8; +} +.user-info > li:last-child { + border-right: none; +} +.webmaker-nav .user { + position: relative; + padding-left: 36px; + border-right: none; +} +.webmaker-nav .user img { + position: absolute; + left: 0; + top: -0.4em; + border-radius: 50%; + width: 26px; + height: 26px; +} +#identity { + font-weight: bold; +} +#identity > a { + color: inherit; +} +/********************************************************* +* Login button states - done via a JS class switch +*/ +/* Initial we don't want anything shown */ +#webmaker-nav .user, +#webmaker-nav .dash, +#webmaker-nav .makes, +#webmaker-nav #webmaker-logout { + display: none; +} +/* We're logged in - show all the things */ +#webmaker-nav.loggedin .user, +#webmaker-nav.loggedin .dash, +#webmaker-nav.loggedin .makes { + display: block; +} +/********************************************************* +* Dependencies +*/ +/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden], +template { + display: none; +} +a { + background: transparent; +} +a:active, +a:hover { + outline: 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +dfn { + font-style: italic; +} +h1 { + font-size: 2em; + margin: 0.67em 0; +} +mark { + background: #ff0; + color: #000; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 1em 40px; +} +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} +pre { + overflow: auto; +} +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} +button { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +html input[disabled] { + cursor: default; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +input { + line-height: normal; +} +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="search"] { + -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; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; +} +textarea { + overflow: auto; +} +optgroup { + font-weight: bold; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +td, +th { + padding: 0; +} +@media print { + * { + text-shadow: none !important; + color: #000 !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + select { + background: #fff !important; + } + .navbar { + display: none; + } + .table td, + .table th { + background-color: #fff !important; + } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; + } + .label { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; + } +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +html { + font-size: 62.5%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #333333; + background-color: #ffffff; +} +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +a { + color: #27aae1; + text-decoration: none; +} +a:hover, +a:focus { + color: #177ba5; + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + outline: none; +} +figure { + margin: 0; +} +img { + vertical-align: middle; +} +.img-responsive, +.thumbnail > img, +.thumbnail a > img, +.carousel-inner > .item > img, +.carousel-inner > .item > a > img, +.make > img, +.make a > img { + display: block; + max-width: 100%; + height: auto; +} +.img-rounded { + border-radius: 0; +} +.img-thumbnail { + padding: 0; + line-height: 1.42857143; + background-color: #ffffff; + border: 1px solid none; + border-radius: 0; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; +} +.img-circle { + border-radius: 50%; +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +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, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small, +h1 .small, +h2 .small, +h3 .small, +h4 .small, +h5 .small, +h6 .small, +.h1 .small, +.h2 .small, +.h3 .small, +.h4 .small, +.h5 .small, +.h6 .small { + font-weight: normal; + line-height: 1; + color: #999999; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 10px; +} +h1 small, +.h1 small, +h2 small, +.h2 small, +h3 small, +.h3 small, +h1 .small, +.h1 .small, +h2 .small, +.h2 .small, +h3 .small, +.h3 .small { + font-size: 65%; +} +h4, +.h4, +h5, +.h5, +h6, +.h6 { + margin-top: 10px; + margin-bottom: 10px; +} +h4 small, +.h4 small, +h5 small, +.h5 small, +h6 small, +.h6 small, +h4 .small, +.h4 .small, +h5 .small, +.h5 .small, +h6 .small, +.h6 .small { + font-size: 75%; +} +h1, +.h1 { + font-size: 36px; +} +h2, +.h2 { + font-size: 30px; +} +h3, +.h3 { + font-size: 24px; +} +h4, +.h4 { + font-size: 18px; +} +h5, +.h5 { + font-size: 14px; +} +h6, +.h6 { + font-size: 12px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 16px; + font-weight: 200; + line-height: 1.4; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} +small, +.small { + font-size: 85%; +} +cite { + font-style: normal; +} +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; +} +.text-justify { + text-align: justify; +} +.text-muted { + color: #999999; +} +.text-primary { + color: #3fb58e; +} +a.text-primary:hover { + color: #328f70; +} +.text-success { + color: #3c763d; +} +a.text-success:hover { + color: #2b542c; +} +.text-info { + color: #31708f; +} +a.text-info:hover { + color: #245269; +} +.text-warning { + color: #8a6d3b; +} +a.text-warning:hover { + color: #66512c; +} +.text-danger { + color: #a94442; +} +a.text-danger:hover { + color: #843534; +} +.bg-primary { + color: #fff; + background-color: #3fb58e; +} +a.bg-primary:hover { + background-color: #328f70; +} +.bg-success { + background-color: #dff0d8; +} +a.bg-success:hover { + background-color: #c1e2b3; +} +.bg-info { + background-color: #d9edf7; +} +a.bg-info:hover { + background-color: #afd9ee; +} +.bg-warning { + background-color: #fcf8e3; +} +a.bg-warning:hover { + background-color: #f7ecb5; +} +.bg-danger { + background-color: #f2dede; +} +a.bg-danger:hover { + background-color: #e4b9b9; +} +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eeeeee; +} +ul, +ol { + margin-top: 0; + margin-bottom: 10px; +} +ul ul, +ol ul, +ul ol, +ol ol { + margin-bottom: 0; +} +.list-unstyled { + padding-left: 0; + list-style: none; +} +.list-inline { + padding-left: 0; + list-style: none; + margin-left: -5px; +} +.list-inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; +} +dl { + margin-top: 0; + margin-bottom: 20px; +} +dt, +dd { + line-height: 1.42857143; +} +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +@media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .dl-horizontal dd { + margin-left: 180px; + } +} +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999999; +} +.initialism { + font-size: 90%; + text-transform: uppercase; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eeeeee; +} +blockquote p:last-child, +blockquote ul:last-child, +blockquote ol:last-child { + margin-bottom: 0; +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #999999; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; + text-align: right; +} +.blockquote-reverse footer:before, +blockquote.pull-right footer:before, +.blockquote-reverse small:before, +blockquote.pull-right small:before, +.blockquote-reverse .small:before, +blockquote.pull-right .small:before { + content: ''; +} +.blockquote-reverse footer:after, +blockquote.pull-right footer:after, +.blockquote-reverse small:after, +blockquote.pull-right small:after, +.blockquote-reverse .small:after, +blockquote.pull-right .small:after { + content: '\00A0 \2014'; +} +blockquote:before, +blockquote:after { + content: ""; +} +address { + margin-bottom: 20px; + font-style: normal; + line-height: 1.42857143; +} +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + background-color: #f9f2f4; + white-space: nowrap; + border-radius: 0; +} +kbd { + padding: 2px 4px; + font-size: 90%; + color: #ffffff; + background-color: #333333; + border-radius: 0; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); +} +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.42857143; + word-break: break-all; + word-wrap: break-word; + color: #333333; + background-color: #f5f5f5; + border: 1px solid #cccccc; + border-radius: 0; +} +pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +.container { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} +@media (min-width: 768px) { + .container { + width: 750px; + } +} +@media (min-width: 992px) { + .container { + width: 970px; + } +} +@media (min-width: 1200px) { + .container { + width: 1170px; + } +} +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} +.row { + margin-left: -15px; + margin-right: -15px; +} +.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; +} +.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 { + float: left; +} +.col-xs-12 { + width: 100%; +} +.col-xs-11 { + width: 91.66666667%; +} +.col-xs-10 { + width: 83.33333333%; +} +.col-xs-9 { + width: 75%; +} +.col-xs-8 { + width: 66.66666667%; +} +.col-xs-7 { + width: 58.33333333%; +} +.col-xs-6 { + width: 50%; +} +.col-xs-5 { + width: 41.66666667%; +} +.col-xs-4 { + width: 33.33333333%; +} +.col-xs-3 { + width: 25%; +} +.col-xs-2 { + width: 16.66666667%; +} +.col-xs-1 { + width: 8.33333333%; +} +.col-xs-pull-12 { + right: 100%; +} +.col-xs-pull-11 { + right: 91.66666667%; +} +.col-xs-pull-10 { + right: 83.33333333%; +} +.col-xs-pull-9 { + right: 75%; +} +.col-xs-pull-8 { + right: 66.66666667%; +} +.col-xs-pull-7 { + right: 58.33333333%; +} +.col-xs-pull-6 { + right: 50%; +} +.col-xs-pull-5 { + right: 41.66666667%; +} +.col-xs-pull-4 { + right: 33.33333333%; +} +.col-xs-pull-3 { + right: 25%; +} +.col-xs-pull-2 { + right: 16.66666667%; +} +.col-xs-pull-1 { + right: 8.33333333%; +} +.col-xs-pull-0 { + right: 0%; +} +.col-xs-push-12 { + left: 100%; +} +.col-xs-push-11 { + left: 91.66666667%; +} +.col-xs-push-10 { + left: 83.33333333%; +} +.col-xs-push-9 { + left: 75%; +} +.col-xs-push-8 { + left: 66.66666667%; +} +.col-xs-push-7 { + left: 58.33333333%; +} +.col-xs-push-6 { + left: 50%; +} +.col-xs-push-5 { + left: 41.66666667%; +} +.col-xs-push-4 { + left: 33.33333333%; +} +.col-xs-push-3 { + left: 25%; +} +.col-xs-push-2 { + left: 16.66666667%; +} +.col-xs-push-1 { + left: 8.33333333%; +} +.col-xs-push-0 { + left: 0%; +} +.col-xs-offset-12 { + margin-left: 100%; +} +.col-xs-offset-11 { + margin-left: 91.66666667%; +} +.col-xs-offset-10 { + margin-left: 83.33333333%; +} +.col-xs-offset-9 { + margin-left: 75%; +} +.col-xs-offset-8 { + margin-left: 66.66666667%; +} +.col-xs-offset-7 { + margin-left: 58.33333333%; +} +.col-xs-offset-6 { + margin-left: 50%; +} +.col-xs-offset-5 { + margin-left: 41.66666667%; +} +.col-xs-offset-4 { + margin-left: 33.33333333%; +} +.col-xs-offset-3 { + margin-left: 25%; +} +.col-xs-offset-2 { + margin-left: 16.66666667%; +} +.col-xs-offset-1 { + margin-left: 8.33333333%; +} +.col-xs-offset-0 { + margin-left: 0%; +} +@media (min-width: 768px) { + .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 { + float: left; + } + .col-sm-12 { + width: 100%; + } + .col-sm-11 { + width: 91.66666667%; + } + .col-sm-10 { + width: 83.33333333%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-8 { + width: 66.66666667%; + } + .col-sm-7 { + width: 58.33333333%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-5 { + width: 41.66666667%; + } + .col-sm-4 { + width: 33.33333333%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-2 { + width: 16.66666667%; + } + .col-sm-1 { + width: 8.33333333%; + } + .col-sm-pull-12 { + right: 100%; + } + .col-sm-pull-11 { + right: 91.66666667%; + } + .col-sm-pull-10 { + right: 83.33333333%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-8 { + right: 66.66666667%; + } + .col-sm-pull-7 { + right: 58.33333333%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-5 { + right: 41.66666667%; + } + .col-sm-pull-4 { + right: 33.33333333%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-2 { + right: 16.66666667%; + } + .col-sm-pull-1 { + right: 8.33333333%; + } + .col-sm-pull-0 { + right: 0%; + } + .col-sm-push-12 { + left: 100%; + } + .col-sm-push-11 { + left: 91.66666667%; + } + .col-sm-push-10 { + left: 83.33333333%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-8 { + left: 66.66666667%; + } + .col-sm-push-7 { + left: 58.33333333%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-5 { + left: 41.66666667%; + } + .col-sm-push-4 { + left: 33.33333333%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-2 { + left: 16.66666667%; + } + .col-sm-push-1 { + left: 8.33333333%; + } + .col-sm-push-0 { + left: 0%; + } + .col-sm-offset-12 { + margin-left: 100%; + } + .col-sm-offset-11 { + margin-left: 91.66666667%; + } + .col-sm-offset-10 { + margin-left: 83.33333333%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-8 { + margin-left: 66.66666667%; + } + .col-sm-offset-7 { + margin-left: 58.33333333%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-5 { + margin-left: 41.66666667%; + } + .col-sm-offset-4 { + margin-left: 33.33333333%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-2 { + margin-left: 16.66666667%; + } + .col-sm-offset-1 { + margin-left: 8.33333333%; + } + .col-sm-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 992px) { + .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 { + float: left; + } + .col-md-12 { + width: 100%; + } + .col-md-11 { + width: 91.66666667%; + } + .col-md-10 { + width: 83.33333333%; + } + .col-md-9 { + width: 75%; + } + .col-md-8 { + width: 66.66666667%; + } + .col-md-7 { + width: 58.33333333%; + } + .col-md-6 { + width: 50%; + } + .col-md-5 { + width: 41.66666667%; + } + .col-md-4 { + width: 33.33333333%; + } + .col-md-3 { + width: 25%; + } + .col-md-2 { + width: 16.66666667%; + } + .col-md-1 { + width: 8.33333333%; + } + .col-md-pull-12 { + right: 100%; + } + .col-md-pull-11 { + right: 91.66666667%; + } + .col-md-pull-10 { + right: 83.33333333%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-8 { + right: 66.66666667%; + } + .col-md-pull-7 { + right: 58.33333333%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-5 { + right: 41.66666667%; + } + .col-md-pull-4 { + right: 33.33333333%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-2 { + right: 16.66666667%; + } + .col-md-pull-1 { + right: 8.33333333%; + } + .col-md-pull-0 { + right: 0%; + } + .col-md-push-12 { + left: 100%; + } + .col-md-push-11 { + left: 91.66666667%; + } + .col-md-push-10 { + left: 83.33333333%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-8 { + left: 66.66666667%; + } + .col-md-push-7 { + left: 58.33333333%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-5 { + left: 41.66666667%; + } + .col-md-push-4 { + left: 33.33333333%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-2 { + left: 16.66666667%; + } + .col-md-push-1 { + left: 8.33333333%; + } + .col-md-push-0 { + left: 0%; + } + .col-md-offset-12 { + margin-left: 100%; + } + .col-md-offset-11 { + margin-left: 91.66666667%; + } + .col-md-offset-10 { + margin-left: 83.33333333%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-8 { + margin-left: 66.66666667%; + } + .col-md-offset-7 { + margin-left: 58.33333333%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-5 { + margin-left: 41.66666667%; + } + .col-md-offset-4 { + margin-left: 33.33333333%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-2 { + margin-left: 16.66666667%; + } + .col-md-offset-1 { + margin-left: 8.33333333%; + } + .col-md-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 1200px) { + .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 { + float: left; + } + .col-lg-12 { + width: 100%; + } + .col-lg-11 { + width: 91.66666667%; + } + .col-lg-10 { + width: 83.33333333%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-8 { + width: 66.66666667%; + } + .col-lg-7 { + width: 58.33333333%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-5 { + width: 41.66666667%; + } + .col-lg-4 { + width: 33.33333333%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-2 { + width: 16.66666667%; + } + .col-lg-1 { + width: 8.33333333%; + } + .col-lg-pull-12 { + right: 100%; + } + .col-lg-pull-11 { + right: 91.66666667%; + } + .col-lg-pull-10 { + right: 83.33333333%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-8 { + right: 66.66666667%; + } + .col-lg-pull-7 { + right: 58.33333333%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-5 { + right: 41.66666667%; + } + .col-lg-pull-4 { + right: 33.33333333%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-2 { + right: 16.66666667%; + } + .col-lg-pull-1 { + right: 8.33333333%; + } + .col-lg-pull-0 { + right: 0%; + } + .col-lg-push-12 { + left: 100%; + } + .col-lg-push-11 { + left: 91.66666667%; + } + .col-lg-push-10 { + left: 83.33333333%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-8 { + left: 66.66666667%; + } + .col-lg-push-7 { + left: 58.33333333%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-5 { + left: 41.66666667%; + } + .col-lg-push-4 { + left: 33.33333333%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-2 { + left: 16.66666667%; + } + .col-lg-push-1 { + left: 8.33333333%; + } + .col-lg-push-0 { + left: 0%; + } + .col-lg-offset-12 { + margin-left: 100%; + } + .col-lg-offset-11 { + margin-left: 91.66666667%; + } + .col-lg-offset-10 { + margin-left: 83.33333333%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-8 { + margin-left: 66.66666667%; + } + .col-lg-offset-7 { + margin-left: 58.33333333%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-5 { + margin-left: 41.66666667%; + } + .col-lg-offset-4 { + margin-left: 33.33333333%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-2 { + margin-left: 16.66666667%; + } + .col-lg-offset-1 { + margin-left: 8.33333333%; + } + .col-lg-offset-0 { + margin-left: 0%; + } +} +table { + max-width: 100%; + background-color: transparent; +} +th { + text-align: left; +} +.table { + width: 100%; + margin-bottom: 20px; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + padding: 8px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid #dddddd; +} +.table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #dddddd; +} +.table > caption + thead > tr:first-child > th, +.table > colgroup + thead > tr:first-child > th, +.table > thead:first-child > tr:first-child > th, +.table > caption + thead > tr:first-child > td, +.table > colgroup + thead > tr:first-child > td, +.table > thead:first-child > tr:first-child > td { + border-top: 0; +} +.table > tbody + tbody { + border-top: 2px solid #dddddd; +} +.table .table { + background-color: #ffffff; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 5px; +} +.table-bordered { + border: 1px solid #dddddd; +} +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > tfoot > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > td { + border: 1px solid #dddddd; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td { + border-bottom-width: 2px; +} +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background-color: #f5f5f5; +} +table col[class*="col-"] { + position: static; + float: none; + display: table-column; +} +table td[class*="col-"], +table th[class*="col-"] { + position: static; + float: none; + display: table-cell; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background-color: #f5f5f5; +} +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, +.table-hover > tbody > tr.active:hover > td, +.table-hover > tbody > tr.active:hover > th { + background-color: #e8e8e8; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background-color: #dff0d8; +} +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, +.table-hover > tbody > tr.success:hover > td, +.table-hover > tbody > tr.success:hover > th { + background-color: #d0e9c6; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background-color: #d9edf7; +} +.table-hover > tbody > tr > td.info:hover, +.table-hover > tbody > tr > th.info:hover, +.table-hover > tbody > tr.info:hover > td, +.table-hover > tbody > tr.info:hover > th { + background-color: #c4e3f3; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background-color: #fcf8e3; +} +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, +.table-hover > tbody > tr.warning:hover > td, +.table-hover > tbody > tr.warning:hover > th { + background-color: #faf2cc; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background-color: #f2dede; +} +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, +.table-hover > tbody > tr.danger:hover > td, +.table-hover > tbody > tr.danger:hover > th { + background-color: #ebcccc; +} +@media (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-y: hidden; + overflow-x: scroll; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #dddddd; + -webkit-overflow-scrolling: touch; + } + .table-responsive > .table { + margin-bottom: 0; + } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > td { + white-space: nowrap; + } + .table-responsive > .table-bordered { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; + } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; + } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; + } +} +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0; +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + line-height: normal; +} +input[type="file"] { + display: block; +} +input[type="range"] { + display: block; + width: 100%; +} +select[multiple], +select[size] { + height: auto; +} +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + outline: none; +} +output { + display: block; + padding-top: 7px; + font-size: 14px; + line-height: 1.42857143; + color: #555555; +} +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #555555; + background-color: #ffffff; + background-image: none; + border: 1px solid #cccccc; + border-radius: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -ms-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:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); +} +.form-control::-moz-placeholder { + color: #999999; + opacity: 1; +} +.form-control:-ms-input-placeholder { + color: #999999; +} +.form-control::-webkit-input-placeholder { + color: #999999; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eeeeee; + opacity: 1; +} +textarea.form-control { + height: auto; +} +input[type="search"] { + -webkit-appearance: none; +} +input[type="date"] { + line-height: 34px; +} +.form-group { + margin-bottom: 15px; +} +.radio, +.checkbox { + display: block; + min-height: 20px; + margin-top: 10px; + margin-bottom: 10px; + padding-left: 20px; +} +.radio label, +.checkbox label { + display: inline; + font-weight: normal; + cursor: pointer; +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} +input[type="radio"][disabled], +input[type="checkbox"][disabled], +.radio[disabled], +.radio-inline[disabled], +.checkbox[disabled], +.checkbox-inline[disabled], +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"], +fieldset[disabled] .radio, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; +} +.input-sm { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +select.input-sm { + height: 30px; + line-height: 30px; +} +textarea.input-sm, +select[multiple].input-sm { + height: auto; +} +.input-lg { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 0; +} +select.input-lg { + height: 46px; + line-height: 46px; +} +textarea.input-lg, +select[multiple].input-lg { + height: auto; +} +.has-feedback { + position: relative; +} +.has-feedback .form-control { + padding-right: 42.5px; +} +.has-feedback .form-control-feedback { + position: absolute; + top: 25px; + right: 0; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline { + color: #3c763d; +} +.has-success .form-control { + border-color: #3c763d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-success .form-control:focus { + border-color: #2b542c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; +} +.has-success .input-group-addon { + color: #3c763d; + border-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 { + color: #8a6d3b; +} +.has-warning .form-control { + border-color: #8a6d3b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-warning .form-control:focus { + border-color: #66512c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; +} +.has-warning .input-group-addon { + color: #8a6d3b; + border-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 { + color: #a94442; +} +.has-error .form-control { + border-color: #a94442; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-error .form-control:focus { + border-color: #843534; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; +} +.has-error .input-group-addon { + color: #a94442; + border-color: #a94442; + background-color: #f2dede; +} +.has-error .form-control-feedback { + color: #a94442; +} +.form-control-static { + margin-bottom: 0; +} +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #737373; +} +@media (min-width: 768px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .input-group > .form-control { + width: 100%; + } + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + padding-left: 0; + vertical-align: middle; + } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback { + top: 0; + } +} +.form-horizontal .control-label, +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; +} +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 27px; +} +.form-horizontal .form-group { + margin-left: -15px; + margin-right: -15px; +} +.form-horizontal .form-control-static { + padding-top: 7px; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + } +} +.form-horizontal .has-feedback .form-control-feedback { + top: 0; + right: 15px; +} +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + border-radius: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.btn:focus, +.btn:active:focus, +.btn.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + outline: none; +} +.btn:hover, +.btn:focus { + color: #333333; + text-decoration: none; +} +.btn:active, +.btn.active { + outline: 0; + background-image: none; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + cursor: not-allowed; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-default { + color: #333333; + background-color: #ffffff; + border-color: #cccccc; +} +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + color: #333333; + background-color: #ebebeb; + border-color: #adadad; +} +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + background-image: none; +} +.btn-default.disabled, +.btn-default[disabled], +fieldset[disabled] .btn-default, +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { + background-color: #ffffff; + border-color: #cccccc; +} +.btn-default .badge { + color: #ffffff; + background-color: #333333; +} +.btn-primary { + color: #ffffff; + background-color: #3fb58e; + border-color: #38a27f; +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + color: #ffffff; + background-color: #349776; + border-color: #29755c; +} +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + background-image: none; +} +.btn-primary.disabled, +.btn-primary[disabled], +fieldset[disabled] .btn-primary, +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active, +.btn-primary.disabled.active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary.active { + background-color: #3fb58e; + border-color: #38a27f; +} +.btn-primary .badge { + color: #3fb58e; + background-color: #ffffff; +} +.btn-success { + color: #ffffff; + background-color: #3fb58e; + border-color: #38a27f; +} +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success { + color: #ffffff; + background-color: #349776; + border-color: #29755c; +} +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success { + background-image: none; +} +.btn-success.disabled, +.btn-success[disabled], +fieldset[disabled] .btn-success, +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active, +.btn-success.disabled.active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success.active { + background-color: #3fb58e; + border-color: #38a27f; +} +.btn-success .badge { + color: #3fb58e; + background-color: #ffffff; +} +.btn-info { + color: #ffffff; + background-color: #27aae1; + border-color: #1d9cd1; +} +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + color: #ffffff; + background-color: #1b92c4; + border-color: #16749c; +} +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + background-image: none; +} +.btn-info.disabled, +.btn-info[disabled], +fieldset[disabled] .btn-info, +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled:active, +.btn-info[disabled]:active, +fieldset[disabled] .btn-info:active, +.btn-info.disabled.active, +.btn-info[disabled].active, +fieldset[disabled] .btn-info.active { + background-color: #27aae1; + border-color: #1d9cd1; +} +.btn-info .badge { + color: #27aae1; + background-color: #ffffff; +} +.btn-warning { + color: #ffffff; + background-color: #ee8950; + border-color: #ec7939; +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + color: #ffffff; + background-color: #ea702b; + border-color: #d35914; +} +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + background-image: none; +} +.btn-warning.disabled, +.btn-warning[disabled], +fieldset[disabled] .btn-warning, +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active, +.btn-warning.disabled.active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning.active { + background-color: #ee8950; + border-color: #ec7939; +} +.btn-warning .badge { + color: #ee8950; + background-color: #ffffff; +} +.btn-danger { + color: #ffffff; + background-color: #c13832; + border-color: #ad322d; +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + color: #ffffff; + background-color: #a12f2a; + border-color: #7c2420; +} +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + background-image: none; +} +.btn-danger.disabled, +.btn-danger[disabled], +fieldset[disabled] .btn-danger, +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active, +.btn-danger.disabled.active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger.active { + background-color: #c13832; + border-color: #ad322d; +} +.btn-danger .badge { + color: #c13832; + background-color: #ffffff; +} +.btn-link { + color: #27aae1; + font-weight: normal; + cursor: pointer; + border-radius: 0; +} +.btn-link, +.btn-link:active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} +.btn-link:hover, +.btn-link:focus { + color: #177ba5; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:focus { + color: #999999; + text-decoration: none; +} +.btn-lg, +.btn-group-lg > .btn { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 0; +} +.btn-sm, +.btn-group-sm > .btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-xs, +.btn-group-xs > .btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + -ms-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.fade.in { + opacity: 1; +} +.collapse { + display: none; +} +.collapse.in { + display: block; +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + -ms-transition: height 0.35s ease; + transition: height 0.35s ease; +} +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} +.dropdown { + position: relative; +} +.dropdown-toggle:focus { + outline: 0; +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + font-size: 14px; + background-color: #ffffff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + background-clip: padding-box; +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.42857143; + color: #333333; + white-space: nowrap; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + text-decoration: none; + color: #262626; + background-color: #f5f5f5; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + background-color: #3fb58e; +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999999; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: not-allowed; +} +.open > .dropdown-menu { + display: block; +} +.open > a { + outline: 0; +} +.dropdown-menu-right { + left: auto; + right: 0; +} +.dropdown-menu-left { + left: 0; + right: auto; +} +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.42857143; + color: #999999; +} +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; +} +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid; + content: ""; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} +@media (min-width: 768px) { + .navbar-right .dropdown-menu { + left: auto; + right: 0; + } + .navbar-right .dropdown-menu-left { + left: 0; + right: auto; + } +} +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover, +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus, +.btn-group > .btn:active, +.btn-group-vertical > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn.active { + z-index: 2; +} +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus { + outline: none; +} +.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 .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; +} +.btn-group > .btn:first-child { + margin-left: 0; +} +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child > .btn:last-child, +.btn-group > .btn-group:first-child > .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group > .btn-group:last-child > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn .caret { + margin-left: 0; +} +.btn-lg .caret { + border-width: 5px 5px 0; + border-bottom-width: 0; +} +.dropup .btn-lg .caret { + border-width: 0 5px 5px; +} +.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 > .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 { + margin-top: -1px; + margin-left: 0; +} +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; +} +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-bottom-left-radius: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + 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 { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; +} +.btn-group-justified > .btn, +.btn-group-justified > .btn-group { + float: none; + display: table-cell; + width: 1%; +} +.btn-group-justified > .btn-group .btn { + width: 100%; +} +[data-toggle="buttons"] > .btn > input[type="radio"], +[data-toggle="buttons"] > .btn > input[type="checkbox"] { + display: none; +} +.input-group { + position: relative; + display: table; + border-collapse: separate; +} +.input-group[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; +} +.input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; +} +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 0; +} +select.input-group-lg > .form-control, +select.input-group-lg > .input-group-addon, +select.input-group-lg > .input-group-btn > .btn { + height: 46px; + line-height: 46px; +} +textarea.input-group-lg > .form-control, +textarea.input-group-lg > .input-group-addon, +textarea.input-group-lg > .input-group-btn > .btn, +select[multiple].input-group-lg > .form-control, +select[multiple].input-group-lg > .input-group-addon, +select[multiple].input-group-lg > .input-group-btn > .btn { + height: auto; +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +select.input-group-sm > .form-control, +select.input-group-sm > .input-group-addon, +select.input-group-sm > .input-group-btn > .btn { + height: 30px; + line-height: 30px; +} +textarea.input-group-sm > .form-control, +textarea.input-group-sm > .input-group-addon, +textarea.input-group-sm > .input-group-btn > .btn, +select[multiple].input-group-sm > .form-control, +select[multiple].input-group-sm > .input-group-addon, +select[multiple].input-group-sm > .input-group-btn > .btn { + height: auto; +} +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; +} +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; +} +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; +} +.input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: normal; + line-height: 1; + color: #555555; + text-align: center; + background-color: #eeeeee; + border: 1px solid #cccccc; + border-radius: 0; +} +.input-group-addon.input-sm { + padding: 5px 10px; + font-size: 12px; + border-radius: 0; +} +.input-group-addon.input-lg { + padding: 10px 16px; + font-size: 18px; + border-radius: 0; +} +.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-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .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; +} +.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:hover, +.input-group-btn > .btn:focus, +.input-group-btn > .btn:active { + 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; +} +.nav { + margin-bottom: 0; + padding-left: 0; + list-style: none; +} +.nav > li { + position: relative; + display: block; +} +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #999999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999999; + text-decoration: none; + background-color: transparent; + cursor: not-allowed; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eeeeee; + border-color: #27aae1; +} +.nav .nav-divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.nav > li > a > img { + max-width: none; +} +.nav-tabs { + border-bottom: 1px solid #dddddd; +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 0 0 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555555; + background-color: #ffffff; + border: 1px solid #dddddd; + border-bottom-color: transparent; + cursor: default; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + text-align: center; + margin-bottom: 5px; +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #dddddd; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #dddddd; + border-radius: 0 0 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 0; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #ffffff; + background-color: #3fb58e; +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + text-align: center; + margin-bottom: 5px; +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid #dddddd; +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid #dddddd; + border-radius: 0 0 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar { + position: relative; + min-height: 60px; + margin-bottom: 20px; + border: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 0; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + max-height: 340px; + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-overflow-scrolling: touch; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + padding: 20px 15px; + font-size: 18px; + line-height: 20px; + height: 60px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 13px; + margin-bottom: 13px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 0; +} +.navbar-toggle:focus { + outline: none; +} +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; +} +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; +} +@media (min-width: 768px) { + .navbar-toggle { + display: none; + } +} +.navbar-nav { + margin: 10px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 20px; + padding-bottom: 20px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 13px; + margin-bottom: 13px; +} +@media (min-width: 768px) { + .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .navbar-form .input-group > .form-control { + width: 100%; + } + .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + padding-left: 0; + vertical-align: middle; + } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + .navbar-form .has-feedback .form-control-feedback { + top: 0; + } +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -15px; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 13px; + margin-bottom: 13px; +} +.navbar-btn.btn-sm { + margin-top: 15px; + margin-bottom: 15px; +} +.navbar-btn.btn-xs { + margin-top: 19px; + margin-bottom: 19px; +} +.navbar-text { + margin-top: 20px; + margin-bottom: 20px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} +.navbar-default { + background-color: white; + border-color: #eeeeee; +} +.navbar-default .navbar-brand { + color: #777777; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777777; +} +.navbar-default .navbar-nav > li > a { + color: #777777; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #333333; + background-color: transparent; +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #555555; + background-color: #f6f8fa; +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #dddddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: #dddddd; +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #eeeeee; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + background-color: #f6f8fa; + color: #555555; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #777777; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #333333; + background-color: transparent; + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555555; + background-color: #f6f8fa; + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #cccccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #777777; +} +.navbar-default .navbar-link:hover { + color: #333333; +} +.navbar-inverse { + background-color: #013e5f; + border-color: #01293e; +} +.navbar-inverse .navbar-brand { + color: white; +} +.navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-brand:focus { + color: white; + background-color: #01527d; +} +.navbar-inverse .navbar-text { + color: #ffffff; +} +.navbar-inverse .navbar-nav > li > a { + color: rgba(255, 255, 255, 0.7); +} +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus { + color: white; + background-color: #01527d; +} +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus { + color: white; + background-color: #01527d; +} +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:hover, +.navbar-inverse .navbar-nav > .disabled > a:focus { + color: #026fab; + background-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: transparent; +} +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus { + background-color: #01527d; +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #013e5f; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #01273c; +} +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { + background-color: #01527d; + color: white; +} +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: #01293e; + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: #01293e; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: rgba(255, 255, 255, 0.7); + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: white; + background-color: #01527d; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { + color: white; + background-color: #01527d; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #026fab; + background-color: transparent; + } +} +.navbar-inverse .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.navbar-inverse .navbar-link:hover { + color: white; +} +.breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 0; +} +.breadcrumb > li { + display: inline-block; +} +.breadcrumb > li + li:before { + content: "/\00a0"; + padding: 0 5px; + color: #cccccc; +} +.breadcrumb > .active { + color: #999999; +} +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 0; +} +.pagination > li { + display: inline; +} +.pagination > li > a, +.pagination > li > span { + position: relative; + float: left; + padding: 6px 12px; + line-height: 1.42857143; + text-decoration: none; + color: #27aae1; + background-color: #ffffff; + border: 1px solid #dddddd; + margin-left: -1px; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span { + margin-left: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + color: #177ba5; + background-color: #eeeeee; + border-color: #dddddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #ffffff; + background-color: #3fb58e; + border-color: #3fb58e; + cursor: default; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + background-color: #ffffff; + border-color: #dddddd; + cursor: not-allowed; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 16px; + font-size: 18px; +} +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 5px 10px; + font-size: 12px; +} +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.pager { + padding-left: 0; + margin: 20px 0; + list-style: none; + text-align: center; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 15px; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.pager .next > a, +.pager .next > span { + float: right; +} +.pager .previous > a, +.pager .previous > span { + float: left; +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + background-color: #ffffff; + cursor: not-allowed; +} +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #ffffff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; +} +.label[href]:hover, +.label[href]:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +.label:empty { + display: none; +} +.btn .label { + position: relative; + top: -1px; +} +.label-default { + background-color: #999999; +} +.label-default[href]:hover, +.label-default[href]:focus { + background-color: #808080; +} +.label-primary { + background-color: #3fb58e; +} +.label-primary[href]:hover, +.label-primary[href]:focus { + background-color: #328f70; +} +.label-success { + background-color: #3fb58e; +} +.label-success[href]:hover, +.label-success[href]:focus { + background-color: #328f70; +} +.label-info { + background-color: #27aae1; +} +.label-info[href]:hover, +.label-info[href]:focus { + background-color: #1a8bbb; +} +.label-warning { + background-color: #ee8950; +} +.label-warning[href]:hover, +.label-warning[href]:focus { + background-color: #e96a22; +} +.label-danger { + background-color: #c13832; +} +.label-danger[href]:hover, +.label-danger[href]:focus { + background-color: #982c28; +} +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + color: #ffffff; + line-height: 1; + vertical-align: baseline; + white-space: nowrap; + text-align: center; + background-color: #999999; + border-radius: 10px; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.btn-xs .badge { + top: 0; + padding: 1px 5px; +} +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #27aae1; + background-color: #ffffff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.jumbotron { + padding: 30px; + margin-bottom: 30px; + color: white; + background-color: #3fb58e; +} +.jumbotron h1, +.jumbotron .h1 { + color: inherit; +} +.jumbotron p { + margin-bottom: 15px; + font-size: 21px; + font-weight: 200; +} +.container .jumbotron { + border-radius: 0; +} +.jumbotron .container { + max-width: 100%; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 63px; + } +} +.thumbnail { + display: block; + padding: 0; + margin-bottom: 20px; + line-height: 1.42857143; + background-color: #ffffff; + border: 1px solid none; + border-radius: 0; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +.thumbnail > img, +.thumbnail a > img { + margin-left: auto; + margin-right: auto; +} +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: #27aae1; +} +.thumbnail .caption { + padding: 12px; + color: #333333; +} +.alert { + padding: 15px; + margin-bottom: 20px; + border: 1px solid transparent; + border-radius: 0; +} +.alert h4 { + margin-top: 0; + color: inherit; +} +.alert .alert-link { + font-weight: bold; +} +.alert > p, +.alert > ul { + margin-bottom: 0; +} +.alert > p + p { + margin-top: 5px; +} +.alert-dismissable { + padding-right: 35px; +} +.alert-dismissable .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} +.alert-success { + background-color: #3fb58e; + border-color: #d6e9c6; + color: #ffffff; +} +.alert-success hr { + border-top-color: #c9e2b3; +} +.alert-success .alert-link { + color: #e6e6e6; +} +.alert-success hr { + border-top-color: #c9e2b3; +} +.alert-success .alert-link { + color: #ffffff; + text-decoration: underline; +} +.alert-info { + background-color: #fff2cc; + border-color: #bce8f1; + color: #4d4e53; +} +.alert-info hr { + border-top-color: #a6e1ec; +} +.alert-info .alert-link { + color: #343539; +} +.alert-info hr { + border-top-color: #a6e1ec; +} +.alert-info .alert-link { + color: #4d4e53; + text-decoration: underline; +} +.alert-warning { + background-color: #ee8950; + border-color: #faebcc; + color: #ffffff; +} +.alert-warning hr { + border-top-color: #f7e1b5; +} +.alert-warning .alert-link { + color: #e6e6e6; +} +.alert-warning hr { + border-top-color: #f7e1b5; +} +.alert-warning .alert-link { + color: #ffffff; + text-decoration: underline; +} +.alert-danger { + background-color: #c13832; + border-color: #ebccd1; + color: #ffffff; +} +.alert-danger hr { + border-top-color: #e4b9c0; +} +.alert-danger .alert-link { + color: #e6e6e6; +} +.alert-danger hr { + border-top-color: #e4b9c0; +} +.alert-danger .alert-link { + color: #ffffff; + text-decoration: underline; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 0; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: 12px; + line-height: 20px; + color: #ffffff; + text-align: center; + background-color: #3fb58e; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + -ms-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.progress-striped .progress-bar { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} +.progress.active .progress-bar { + animation: progress-bar-stripes 2s linear infinite; + -webkit-animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; +} +.progress-bar-success { + background-color: #3fb58e; +} +.progress-striped .progress-bar-success { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-info { + background-color: #27aae1; +} +.progress-striped .progress-bar-info { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-warning { + background-color: #ee8950; +} +.progress-striped .progress-bar-warning { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-danger { + background-color: #c13832; +} +.progress-striped .progress-bar-danger { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: 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); +} +.media, +.media-body { + overflow: hidden; + zoom: 1; +} +.media, +.media .media { + margin-top: 15px; +} +.media:first-child { + margin-top: 0; +} +.media-object { + display: block; +} +.media-heading { + margin: 0 0 5px; +} +.media > .pull-left { + margin-right: 10px; +} +.media > .pull-right { + margin-left: 10px; +} +.media-list { + padding-left: 0; + list-style: none; +} +.list-group { + margin-bottom: 20px; + padding-left: 0; +} +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #ffffff; + border: 1px solid #dddddd; +} +.list-group-item:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.list-group-item > .badge { + float: right; +} +.list-group-item > .badge + .badge { + margin-right: 5px; +} +a.list-group-item { + color: #555555; +} +a.list-group-item .list-group-item-heading { + color: #333333; +} +a.list-group-item:hover, +a.list-group-item:focus { + text-decoration: none; + background-color: #f5f5f5; +} +a.list-group-item.active, +a.list-group-item.active:hover, +a.list-group-item.active:focus { + z-index: 2; + color: #ffffff; + background-color: #3fb58e; + border-color: #3fb58e; +} +a.list-group-item.active .list-group-item-heading, +a.list-group-item.active:hover .list-group-item-heading, +a.list-group-item.active:focus .list-group-item-heading { + color: inherit; +} +a.list-group-item.active .list-group-item-text, +a.list-group-item.active:hover .list-group-item-text, +a.list-group-item.active:focus .list-group-item-text { + color: #d1efe5; +} +.list-group-item-success { + color: #3c763d; + background-color: #dff0d8; +} +a.list-group-item-success { + color: #3c763d; +} +a.list-group-item-success .list-group-item-heading { + color: inherit; +} +a.list-group-item-success:hover, +a.list-group-item-success:focus { + color: #3c763d; + background-color: #d0e9c6; +} +a.list-group-item-success.active, +a.list-group-item-success.active:hover, +a.list-group-item-success.active:focus { + color: #fff; + background-color: #3c763d; + border-color: #3c763d; +} +.list-group-item-info { + color: #31708f; + background-color: #d9edf7; +} +a.list-group-item-info { + color: #31708f; +} +a.list-group-item-info .list-group-item-heading { + color: inherit; +} +a.list-group-item-info:hover, +a.list-group-item-info:focus { + color: #31708f; + background-color: #c4e3f3; +} +a.list-group-item-info.active, +a.list-group-item-info.active:hover, +a.list-group-item-info.active:focus { + color: #fff; + background-color: #31708f; + border-color: #31708f; +} +.list-group-item-warning { + color: #8a6d3b; + background-color: #fcf8e3; +} +a.list-group-item-warning { + color: #8a6d3b; +} +a.list-group-item-warning .list-group-item-heading { + color: inherit; +} +a.list-group-item-warning:hover, +a.list-group-item-warning:focus { + color: #8a6d3b; + background-color: #faf2cc; +} +a.list-group-item-warning.active, +a.list-group-item-warning.active:hover, +a.list-group-item-warning.active:focus { + color: #fff; + background-color: #8a6d3b; + border-color: #8a6d3b; +} +.list-group-item-danger { + color: #a94442; + background-color: #f2dede; +} +a.list-group-item-danger { + color: #a94442; +} +a.list-group-item-danger .list-group-item-heading { + color: inherit; +} +a.list-group-item-danger:hover, +a.list-group-item-danger:focus { + color: #a94442; + background-color: #ebcccc; +} +a.list-group-item-danger.active, +a.list-group-item-danger.active:hover, +a.list-group-item-danger.active:focus { + color: #fff; + background-color: #a94442; + border-color: #a94442; +} +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} +.panel { + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid transparent; + border-radius: 0; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} +.panel-body { + padding: 15px; +} +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-right-radius: -1; + border-top-left-radius: -1; +} +.panel-heading > .dropdown .dropdown-toggle { + color: inherit; +} +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 16px; + color: inherit; +} +.panel-title > a { + color: inherit; +} +.panel-footer { + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #dddddd; + border-bottom-right-radius: -1; + border-bottom-left-radius: -1; +} +.panel > .list-group { + margin-bottom: 0; +} +.panel > .list-group .list-group-item { + border-width: 1px 0; + border-radius: 0; +} +.panel > .list-group:first-child .list-group-item:first-child { + border-top: 0; + border-top-right-radius: -1; + border-top-left-radius: -1; +} +.panel > .list-group:last-child .list-group-item:last-child { + border-bottom: 0; + border-bottom-right-radius: -1; + border-bottom-left-radius: -1; +} +.panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; +} +.panel > .table, +.panel > .table-responsive > .table { + margin-bottom: 0; +} +.panel > .table:first-child, +.panel > .table-responsive:first-child > .table:first-child { + border-top-right-radius: -1; + border-top-left-radius: -1; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { + border-top-left-radius: -1; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-right-radius: -1; +} +.panel > .table:last-child, +.panel > .table-responsive:last-child > .table:last-child { + border-bottom-right-radius: -1; + border-bottom-left-radius: -1; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: -1; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: -1; +} +.panel > .panel-body + .table, +.panel > .panel-body + .table-responsive { + border-top: 1px solid #dddddd; +} +.panel > .table > tbody:first-child > tr:first-child th, +.panel > .table > tbody:first-child > tr:first-child td { + border-top: 0; +} +.panel > .table-bordered, +.panel > .table-responsive > .table-bordered { + border: 0; +} +.panel > .table-bordered > thead > tr > th:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, +.panel > .table-bordered > tbody > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, +.panel > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-bordered > thead > tr > td:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, +.panel > .table-bordered > tbody > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, +.panel > .table-bordered > tfoot > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; +} +.panel > .table-bordered > thead > tr > th:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, +.panel > .table-bordered > tbody > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, +.panel > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-bordered > thead > tr > td:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, +.panel > .table-bordered > tbody > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, +.panel > .table-bordered > tfoot > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} +.panel > .table-bordered > thead > tr:first-child > td, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, +.panel > .table-bordered > tbody > tr:first-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, +.panel > .table-bordered > thead > tr:first-child > th, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, +.panel > .table-bordered > tbody > tr:first-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { + border-bottom: 0; +} +.panel > .table-bordered > tbody > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, +.panel > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-bordered > tbody > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, +.panel > .table-bordered > tfoot > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { + border-bottom: 0; +} +.panel > .table-responsive { + border: 0; + margin-bottom: 0; +} +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 0; + overflow: hidden; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group .panel-heading { + border-bottom: 0; +} +.panel-group .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #dddddd; +} +.panel-group .panel-footer { + border-top: 0; +} +.panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #dddddd; +} +.panel-default { + border-color: #dddddd; +} +.panel-default > .panel-heading { + color: #333333; + background-color: #f5f5f5; + border-color: #dddddd; +} +.panel-default > .panel-heading + .panel-collapse .panel-body { + border-top-color: #dddddd; +} +.panel-default > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #dddddd; +} +.panel-primary { + border-color: #3fb58e; +} +.panel-primary > .panel-heading { + color: #ffffff; + background-color: #3fb58e; + border-color: #3fb58e; +} +.panel-primary > .panel-heading + .panel-collapse .panel-body { + border-top-color: #3fb58e; +} +.panel-primary > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #3fb58e; +} +.panel-success { + border-color: #d6e9c6; +} +.panel-success > .panel-heading { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; +} +.panel-success > .panel-heading + .panel-collapse .panel-body { + border-top-color: #d6e9c6; +} +.panel-success > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #d6e9c6; +} +.panel-info { + border-color: #bce8f1; +} +.panel-info > .panel-heading { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} +.panel-info > .panel-heading + .panel-collapse .panel-body { + border-top-color: #bce8f1; +} +.panel-info > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #bce8f1; +} +.panel-warning { + border-color: #faebcc; +} +.panel-warning > .panel-heading { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} +.panel-warning > .panel-heading + .panel-collapse .panel-body { + border-top-color: #faebcc; +} +.panel-warning > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #faebcc; +} +.panel-danger { + border-color: #ebccd1; +} +.panel-danger > .panel-heading { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} +.panel-danger > .panel-heading + .panel-collapse .panel-body { + border-top-color: #ebccd1; +} +.panel-danger > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #ebccd1; +} +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} +.well-lg { + padding: 24px; + border-radius: 0; +} +.well-sm { + padding: 9px; + border-radius: 0; +} +.close { + float: right; + font-size: 21px; + font-weight: bold; + line-height: 1; + color: #000000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} +.close:hover, +.close:focus { + color: #000000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); +} +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} +.modal-open { + overflow: hidden; +} +.modal { + display: none; + overflow: auto; + overflow-y: scroll; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + -webkit-overflow-scrolling: touch; + outline: 0; +} +.modal.fade .modal-dialog { + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + transform: translate(0, -25%); + -webkit-transition: -webkit-transform 0.3s ease-out; + -moz-transition: -moz-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; +} +.modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); +} +.modal-dialog { + position: relative; + width: auto; + margin: 10px; +} +.modal-content { + position: relative; + background-color: #ffffff; + border: 1px solid #999999; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + background-clip: padding-box; + outline: none; +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000000; +} +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0); +} +.modal-backdrop.in { + opacity: 0.5; + filter: alpha(opacity=50); +} +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; + min-height: 16.42857143px; +} +.modal-header .close { + margin-top: -2px; +} +.modal-title { + margin: 0; + line-height: 1.42857143; +} +.modal-body { + position: relative; + padding: 20px; +} +.modal-footer { + margin-top: 15px; + padding: 19px 20px 20px; + text-align: right; + border-top: 1px solid #e5e5e5; +} +.modal-footer .btn + .btn { + margin-left: 5px; + margin-bottom: 0; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} +@media (min-width: 768px) { + .modal-dialog { + width: 600px; + margin: 30px auto; + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } + .modal-sm { + width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg { + width: 900px; + } +} +.tooltip { + position: absolute; + z-index: 1030; + display: block; + visibility: visible; + font-size: 12px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0); +} +.tooltip.in { + opacity: 0.9; + filter: alpha(opacity=90); +} +.tooltip.top { + margin-top: -3px; + padding: 5px 0; +} +.tooltip.right { + margin-left: 3px; + padding: 0 5px; +} +.tooltip.bottom { + margin-top: 3px; + padding: 5px 0; +} +.tooltip.left { + margin-left: -3px; + padding: 0 5px; +} +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: #000000; + border-radius: 0; +} +.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: #000000; +} +.tooltip.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.top-right .tooltip-arrow { + bottom: 0; + right: 5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000000; +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000000; +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.tooltip.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.tooltip.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + white-space: normal; +} +.popover.top { + margin-top: -10px; +} +.popover.right { + margin-left: 10px; +} +.popover.bottom { + margin-top: 10px; +} +.popover.left { + margin-left: -10px; +} +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} +.popover-content { + padding: 9px 14px; +} +.popover > .arrow, +.popover > .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.popover > .arrow { + border-width: 11px; +} +.popover > .arrow:after { + border-width: 10px; + content: ""; +} +.popover.top > .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; +} +.popover.top > .arrow:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #ffffff; +} +.popover.right > .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999999; + border-right-color: rgba(0, 0, 0, 0.25); +} +.popover.right > .arrow:after { + content: " "; + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #ffffff; +} +.popover.bottom > .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; +} +.popover.bottom > .arrow:after { + content: " "; + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #ffffff; +} +.popover.left > .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999999; + border-left-color: rgba(0, 0, 0, 0.25); +} +.popover.left > .arrow:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: #ffffff; + bottom: -10px; +} +.carousel { + position: relative; +} +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; +} +.carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + -ms-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + line-height: 1; +} +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} +.carousel-inner > .active { + left: 0; +} +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel-inner > .next { + left: 100%; +} +.carousel-inner > .prev { + left: -100%; +} +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} +.carousel-inner > .active.left { + left: -100%; +} +.carousel-inner > .active.right { + left: 100%; +} +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 15%; + opacity: 0.5; + filter: alpha(opacity=50); + font-size: 20px; + color: #ffffff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-control.left { + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%)); + 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 { + left: auto; + right: 0; + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%)); + 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:hover, +.carousel-control:focus { + outline: none; + color: #ffffff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} +.carousel-control .icon-prev, +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; +} +.carousel-control .icon-prev, +.carousel-control .glyphicon-chevron-left { + left: 50%; +} +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-right { + right: 50%; +} +.carousel-control .icon-prev, +.carousel-control .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + font-family: serif; +} +.carousel-control .icon-prev:before { + content: '\2039'; +} +.carousel-control .icon-next:before { + content: '\203a'; +} +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; +} +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid #ffffff; + border-radius: 10px; + cursor: pointer; + background-color: #000 \9; + background-color: rgba(0, 0, 0, 0); +} +.carousel-indicators .active { + margin: 0; + width: 12px; + height: 12px; + background-color: #ffffff; +} +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-caption .btn { + text-shadow: none; +} +@media screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + margin-left: -15px; + font-size: 30px; + } + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + .carousel-indicators { + bottom: 20px; + } +} +.clearfix, +.container, +.container-fluid, +.row, +.form-horizontal .form-group, +.btn-toolbar, +.btn-group-vertical > .btn-group, +.nav, +.navbar, +.navbar-header, +.navbar-collapse, +.pager, +.panel-body, +.modal-footer { + *zoom: 1; +} +.clearfix:before, +.clearfix:after, +.container:before, +.container:after, +.container-fluid:before, +.container-fluid:after, +.row:before, +.row:after, +.form-horizontal .form-group:before, +.form-horizontal .form-group:after, +.btn-toolbar:before, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after, +.nav:before, +.nav:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after, +.navbar-collapse:before, +.navbar-collapse:after, +.pager:before, +.pager:after, +.panel-body:before, +.panel-body:after, +.modal-footer:before, +.modal-footer:after { + content: " "; + display: table; +} +.clearfix:after, +.container:after, +.container-fluid:after, +.row:after, +.form-horizontal .form-group:after, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:after, +.nav:after, +.navbar:after, +.navbar-header:after, +.navbar-collapse:after, +.pager:after, +.panel-body:after, +.modal-footer:after { + clear: both; +} +.clearfix:before, +.clearfix:after, +.container:before, +.container:after, +.container-fluid:before, +.container-fluid:after, +.row:before, +.row:after, +.form-horizontal .form-group:before, +.form-horizontal .form-group:after, +.btn-toolbar:before, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after, +.nav:before, +.nav:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after, +.navbar-collapse:before, +.navbar-collapse:after, +.pager:before, +.pager:after, +.panel-body:before, +.panel-body:after, +.modal-footer:before, +.modal-footer:after { + content: ""; + display: table; +} +.clearfix:after, +.container:after, +.container-fluid:after, +.row:after, +.form-horizontal .form-group:after, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:after, +.nav:after, +.navbar:after, +.navbar-header:after, +.navbar-collapse:after, +.pager:after, +.panel-body:after, +.modal-footer:after { + clear: both; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; +} +@-ms-viewport { + width: device-width; +} +.visible-xs, +.visible-sm, +.visible-md, +.visible-lg { + display: none !important; +} +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } +} +@media (max-width: 767px) { + .hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-lg { + display: none !important; + } +} +.visible-print { + display: none !important; +} +@media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !important; + } +} +@media print { + .hidden-print { + display: none !important; + } +} +/********************************************************* +* Main Mod +*/ +/********************************************************* +* Buttons +*/ +.btn-secondary { + color: #ffffff; + background-color: #013e5f; + border-color: #012e46; +} +.btn-secondary:hover, +.btn-secondary:focus, +.btn-secondary:active, +.btn-secondary.active, +.open .dropdown-toggle.btn-secondary { + color: #ffffff; + background-color: #012437; + border-color: #000609; +} +.btn-secondary:active, +.btn-secondary.active, +.open .dropdown-toggle.btn-secondary { + background-image: none; +} +.btn-secondary.disabled, +.btn-secondary[disabled], +fieldset[disabled] .btn-secondary, +.btn-secondary.disabled:hover, +.btn-secondary[disabled]:hover, +fieldset[disabled] .btn-secondary:hover, +.btn-secondary.disabled:focus, +.btn-secondary[disabled]:focus, +fieldset[disabled] .btn-secondary:focus, +.btn-secondary.disabled:active, +.btn-secondary[disabled]:active, +fieldset[disabled] .btn-secondary:active, +.btn-secondary.disabled.active, +.btn-secondary[disabled].active, +fieldset[disabled] .btn-secondary.active { + background-color: #013e5f; + border-color: #012e46; +} +.btn-secondary .badge { + color: #013e5f; + background-color: #ffffff; +} +.dropdown-toggle { + cursor: pointer; +} +/********************************************************* +* Forms +*/ +.has-success .form-control:focus, +.has-error .form-control:focus, +.has-warning .form-control:focus { + box-shadow: none; +} +.form-control:focus { + box-shadow: none; +} +/********************************************************* +* Jumbotron +*/ +.jumbotron { + background: #3fb58e; + background: -moz-linear-gradient(left, #3fb58e 0%, #75c4a8 50%, #3fb58e 100%); + /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3fb58e), color-stop(50%, #75c4a8), color-stop(100%, #3fb58e)); + /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(left, #3fb58e 0%, #75c4a8 50%, #3fb58e 100%); + /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(left, #3fb58e 0%, #75c4a8 50%, #3fb58e 100%); + /* Opera 11.10+ */ + background: -ms-linear-gradient(left, #3fb58e 0%, #75c4a8 50%, #3fb58e 100%); + /* IE10+ */ + background: linear-gradient(to right, #3fb58e 0%, #75c4a8 50%, #3fb58e 100%); + /* W3C */ + background-attachment: fixed; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 120px; + } +} +.jumbotron h1, +.jumbotron p { + font-weight: 300; +} +.jumbotron a { + color: white; + text-decoration: underline; +} +/********************************************************* +* Navbar +*/ +.navbar { + font-weight: 300; +} +.navbar .container .navbar-collapse { + padding-left: 0; +} +@media (max-width: 1200px) { + .navbar .container .navbar-collapse .navbar-nav { + margin: 0; + } +} +.navbar-toggle { + color: #777777; +} +/********************************************************* +* Primary white, large navbar +*/ +.navbar-webmaker { + background-color: white; + border-color: #eeeeee; + margin-bottom: 0; +} +.navbar-webmaker .navbar-brand { + color: #777777; +} +.navbar-webmaker .navbar-brand:hover, +.navbar-webmaker .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent; +} +.navbar-webmaker .navbar-text { + color: #777777; +} +.navbar-webmaker .navbar-nav > li > a { + color: #777777; +} +.navbar-webmaker .navbar-nav > li > a:hover, +.navbar-webmaker .navbar-nav > li > a:focus { + color: #333333; + background-color: transparent; +} +.navbar-webmaker .navbar-nav > .active > a, +.navbar-webmaker .navbar-nav > .active > a:hover, +.navbar-webmaker .navbar-nav > .active > a:focus { + color: #555555; + background-color: #f6f8fa; +} +.navbar-webmaker .navbar-nav > .disabled > a, +.navbar-webmaker .navbar-nav > .disabled > a:hover, +.navbar-webmaker .navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-webmaker .navbar-toggle { + border-color: #dddddd; +} +.navbar-webmaker .navbar-toggle:hover, +.navbar-webmaker .navbar-toggle:focus { + background-color: #dddddd; +} +.navbar-webmaker .navbar-toggle .icon-bar { + background-color: #888888; +} +.navbar-webmaker .navbar-collapse, +.navbar-webmaker .navbar-form { + border-color: #eeeeee; +} +.navbar-webmaker .navbar-nav > .open > a, +.navbar-webmaker .navbar-nav > .open > a:hover, +.navbar-webmaker .navbar-nav > .open > a:focus { + background-color: #f6f8fa; + color: #555555; +} +@media (max-width: 767px) { + .navbar-webmaker .navbar-nav .open .dropdown-menu > li > a { + color: #777777; + } + .navbar-webmaker .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-webmaker .navbar-nav .open .dropdown-menu > li > a:focus { + color: #333333; + background-color: transparent; + } + .navbar-webmaker .navbar-nav .open .dropdown-menu > .active > a, + .navbar-webmaker .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-webmaker .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555555; + background-color: #f6f8fa; + } + .navbar-webmaker .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-webmaker .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-webmaker .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #cccccc; + background-color: transparent; + } +} +.navbar-webmaker .navbar-link { + color: #777777; +} +.navbar-webmaker .navbar-link:hover { + color: #333333; +} +.navbar-webmaker .webmaker-logo { + display: inline-block; + padding: 6px 10px; +} +@media (min-width: 1200px) { + .navbar-webmaker .webmaker-logo { + padding: 2px 10px; + } +} +.navbar-webmaker .dropdown-menu { + color: #777; + border: none; + border-bottom: 1px solid #e6ebf1; + background: #F6F8FA; + box-shadow: none; +} +.navbar-webmaker .dropdown-menu > li > a:hover { + color: #27aae1; + background-color: inherit; +} +.navbar-webmaker .dropdown-menu > li > a:hover .fa { + color: inherit; +} +.navbar-webmaker .dropdown-menu .fa { + margin-right: 5px; + color: #013e5f; +} +.navbar-webmaker .dropdown-menu .divider { + background-color: #e6ebf1; +} +@media (min-width: 1200px) { + .navbar-webmaker { + padding: 12px 0; + height: 90px; + } + .navbar-webmaker .webmaker-logo { + padding: 0; + } +} +/********************************************************* +* Dark blue navbar +*/ +.navbar-inverse .navbar-toggle { + color: #ffffff; +} +.navbar-inverse { + font-weight: normal; + color: #FFF; + opacity: 1; +} +/********************************************************* +* Light blue navbar +*/ +.navbar.navbar-tertiary { + background: #01527d; + font-weight: normal; + font-size: 13px; +} +.navbar.navbar-tertiary .nav > li > a { + color: rgba(255, 255, 255, 0.8); +} +.navbar.navbar-tertiary .nav > li > a:hover, +.navbar.navbar-tertiary .nav > li > a:focus { + background: none; + color: white; +} +.navbar.navbar-tertiary .nav > li.active > a { + color: white; +} +.navbar.navbar-tertiary .nav .open > a, +.navbar.navbar-tertiary .nav .open > a:hover, +.navbar.navbar-tertiary .nav .open > a:focus { + background-color: #016396; +} +/********************************************************* +* Stacked navbars +*/ +.navbar-nav { + margin: 0 -15px; +} +.navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; +} +@media (min-width: 768px) { + .navbar-nav > li > a { + padding-top: 20px; + padding-bottom: 20px; + } +} +.navbar.navbar-no-header-xs { + margin-bottom: 0; + border: none; +} +@media (max-width: 768px) { + .navbar.navbar-no-header-xs { + border: none; + min-height: 0; + } + .navbar.navbar-no-header-xs .navbar-header { + display: none; + } +} +.navbar-form { + margin-top: 0; + margin-bottom: 0; + border-top: none; +} +@media (min-width: 768px) { + .navbar-form { + margin-top: 13px; + margin-bottom: 13px; + } +} +.navbar-form + .navbar-form { + padding-right: 0; +} +/********************************************************* +* Navbars with icons +*/ +.navbar-nav > li.nav-icon > a { + padding: 15px 18px; + height: 60px; +} +.navbar-nav > li.nav-icon .fa { + width: 30px; + height: 30px; + line-height: 30px; + text-align: center; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2); + color: #FFF; + border-radius: 20px; + font-size: 12px; + display: inline-block; +} +.navbar-nav > li.nav-icon .fa.fa-random:before { + position: relative; + left: 0.1em; + top: 0.1em; +} +.navbar-nav > li.nav-icon:hover .fa, +.navbar-nav > li.nav-icon.active .fa { + box-shadow: none; +} +.navbar-nav > li.nav-icon:hover .fa.fa-random, +.navbar-nav > li.nav-icon.active .fa.fa-random { + background: #F5A906; +} +.navbar-nav > li.nav-icon:hover .fa.fa-hand-o-up, +.navbar-nav > li.nav-icon.active .fa.fa-hand-o-up { + background: #27aae1; +} +.navbar-nav > li.nav-icon:hover .fa.fa-book, +.navbar-nav > li.nav-icon.active .fa.fa-book { + background: #03845C; +} +.navbar-nav > li.nav-icon:hover .fa.fa-map-marker, +.navbar-nav > li.nav-icon.active .fa.fa-map-marker { + background: #E5352D; +} +.navbar-nav > li.nav-icon:hover .fa.fa-info, +.navbar-nav > li.nav-icon.active .fa.fa-info { + background: #945361; +} +/********************************************************* +* Typography +*/ +.text-light { + font-weight: 300; +} +.ellipses { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +/********************************************************* +* Alert +*/ +.alert { + border: none; +} +/********************************************************* +* Custom components +*/ +/** + * selectize.bootstrap3.css (v0.10.1) - Bootstrap 3 Theme + * Copyright (c) 2013 Brian Reavis & contributors + * + * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this + * file except in compliance with the License. You may obtain a copy of the License at: + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF + * ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + * + * @author Brian Reavis + */ +.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { + visibility: visible !important; + background: #f2f2f2 !important; + background: rgba(0, 0, 0, 0.06) !important; + border: 0 none !important; + -webkit-box-shadow: inset 0 0 12px 4px #ffffff; + box-shadow: inset 0 0 12px 4px #ffffff; +} +.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { + content: '!'; + visibility: hidden; +} +.selectize-control.plugin-drag_drop .ui-sortable-helper { + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); +} +.selectize-dropdown-header { + position: relative; + padding: 3px 12px; + border-bottom: 1px solid #d0d0d0; + background: #f8f8f8; + -webkit-border-radius: 0 0 0 0; + -moz-border-radius: 0 0 0 0; + border-radius: 0 0 0 0; +} +.selectize-dropdown-header-close { + position: absolute; + right: 12px; + top: 50%; + color: #333333; + opacity: 0.4; + margin-top: -12px; + line-height: 20px; + font-size: 20px !important; +} +.selectize-dropdown-header-close:hover { + color: #000000; +} +.selectize-dropdown.plugin-optgroup_columns .optgroup { + border-right: 1px solid #f2f2f2; + border-top: 0 none; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { + border-right: 0 none; +} +.selectize-dropdown.plugin-optgroup_columns .optgroup:before { + display: none; +} +.selectize-dropdown.plugin-optgroup_columns .optgroup-header { + border-top: 0 none; +} +.selectize-control.plugin-remove_button [data-value] { + position: relative; + padding-right: 24px !important; +} +.selectize-control.plugin-remove_button [data-value] .remove { + z-index: 1; + /* fixes ie bug (see #392) */ + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 17px; + text-align: center; + font-weight: bold; + font-size: 12px; + color: inherit; + text-decoration: none; + vertical-align: middle; + display: inline-block; + padding: 1px 0 0 0; + border-left: 1px solid rgba(0, 0, 0, 0); + -webkit-border-radius: 0 2px 2px 0; + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.selectize-control.plugin-remove_button [data-value] .remove:hover { + background: rgba(0, 0, 0, 0.05); +} +.selectize-control.plugin-remove_button [data-value].active .remove { + border-left-color: rgba(0, 0, 0, 0); +} +.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { + background: none; +} +.selectize-control.plugin-remove_button .disabled [data-value] .remove { + border-left-color: rgba(77, 77, 77, 0); +} +.selectize-control { + position: relative; +} +.selectize-dropdown, +.selectize-input, +.selectize-input input { + color: #333333; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 20px; + -webkit-font-smoothing: inherit; +} +.selectize-input, +.selectize-control.single .selectize-input.input-active { + background: #ffffff; + cursor: text; + display: inline-block; +} +.selectize-input { + border: 1px solid #cccccc; + padding: 6px 12px; + display: inline-block; + width: 100%; + overflow: hidden; + position: relative; + z-index: 1; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.selectize-control.multi .selectize-input.has-items { + padding: 5px 12px 2px; +} +.selectize-input.full { + background-color: #ffffff; +} +.selectize-input.disabled, +.selectize-input.disabled * { + cursor: default !important; +} +.selectize-input.focus { + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); +} +.selectize-input.dropdown-active { + -webkit-border-radius: 0 0 0 0; + -moz-border-radius: 0 0 0 0; + border-radius: 0 0 0 0; +} +.selectize-input > * { + vertical-align: baseline; + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; +} +.selectize-control.multi .selectize-input > div { + cursor: pointer; + margin: 0 3px 3px 0; + padding: 1px 3px; + background: #efefef; + color: #333333; + border: 0 solid rgba(0, 0, 0, 0); +} +.selectize-control.multi .selectize-input > div.active { + background: #3fb58e; + color: #ffffff; + border: 0 solid rgba(0, 0, 0, 0); +} +.selectize-control.multi .selectize-input.disabled > div, +.selectize-control.multi .selectize-input.disabled > div.active { + color: #808080; + background: #ffffff; + border: 0 solid rgba(77, 77, 77, 0); +} +.selectize-input > input { + padding: 0 !important; + min-height: 0 !important; + max-height: none !important; + max-width: 100% !important; + margin: 0 !important; + text-indent: 0 !important; + border: 0 none !important; + background: none !important; + line-height: inherit !important; + -webkit-user-select: auto !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.selectize-input > input::-ms-clear { + display: none; +} +.selectize-input > input:focus { + outline: none !important; +} +.selectize-input::after { + content: ' '; + display: block; + clear: left; +} +.selectize-input.dropdown-active::before { + content: ' '; + display: block; + position: absolute; + background: #ffffff; + height: 1px; + bottom: 0; + left: 0; + right: 0; +} +.selectize-dropdown { + position: absolute; + z-index: 10; + border: 1px solid #cccccc; + background: #ffffff; + margin: -1px 0 0 0; + border-top: 0 none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + -webkit-border-radius: 0 0 0 0; + -moz-border-radius: 0 0 0 0; + border-radius: 0 0 0 0; +} +.selectize-dropdown [data-selectable] { + cursor: pointer; + overflow: hidden; +} +.selectize-dropdown [data-selectable] .highlight { + background: rgba(255, 237, 40, 0.4); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; +} +.selectize-dropdown [data-selectable], +.selectize-dropdown .optgroup-header { + padding: 3px 12px; +} +.selectize-dropdown .optgroup:first-child .optgroup-header { + border-top: 0 none; +} +.selectize-dropdown .optgroup-header { + color: #999999; + background: #ffffff; + cursor: default; +} +.selectize-dropdown .active { + background-color: #f5f5f5; + color: #262626; +} +.selectize-dropdown .active.create { + color: #262626; +} +.selectize-dropdown .create { + color: rgba(51, 51, 51, 0.5); +} +.selectize-dropdown-content { + overflow-y: auto; + overflow-x: hidden; + max-height: 200px; +} +.selectize-control.single .selectize-input, +.selectize-control.single .selectize-input input { + cursor: pointer; +} +.selectize-control.single .selectize-input.input-active, +.selectize-control.single .selectize-input.input-active input { + cursor: text; +} +.selectize-control.single .selectize-input:after { + content: ' '; + display: block; + position: absolute; + top: 50%; + right: 17px; + margin-top: -3px; + width: 0; + height: 0; + border-style: solid; + border-width: 5px 5px 0 5px; + border-color: #333333 transparent transparent transparent; +} +.selectize-control.single .selectize-input.dropdown-active:after { + margin-top: -4px; + border-width: 0 5px 5px 5px; + border-color: transparent transparent #333333 transparent; +} +.selectize-control.rtl.single .selectize-input:after { + left: 17px; + right: auto; +} +.selectize-control.rtl .selectize-input > input { + margin: 0 4px 0 -2px !important; +} +.selectize-control .selectize-input.disabled { + opacity: 0.5; + background-color: #ffffff; +} +.selectize-dropdown, +.selectize-dropdown.form-control { + height: auto; + padding: 0; + margin: 2px 0 0 0; + z-index: 1000; + background: #ffffff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); +} +.selectize-dropdown .optgroup-header { + font-size: 12px; + line-height: 1.42857143; +} +.selectize-dropdown .optgroup:first-child:before { + display: none; +} +.selectize-dropdown .optgroup:before { + content: ' '; + display: block; + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + margin-left: -12px; + margin-right: -12px; +} +.selectize-dropdown-content { + padding: 5px 0; +} +.selectize-dropdown-header { + padding: 6px 12px; +} +.selectize-input { + min-height: 34px; +} +.selectize-input.dropdown-active { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.selectize-input.dropdown-active::before { + display: none; +} +.selectize-input.focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); +} +.selectize-control.multi .selectize-input.has-items { + padding-left: 9px; + padding-right: 9px; +} +.selectize-control.multi .selectize-input > div { + -webkit-border-radius: -1px; + -moz-border-radius: -1px; + border-radius: -1px; +} +.form-control.selectize-control { + padding: 0; + height: auto; + border: none; + background: none; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +/********************************************************* +* Selectize +*/ +.navbar-form .selectize-control.form-control { + min-width: 160px; +} +.navbar-form .selectize-control.form-control .selectize-input { + padding-right: 25px; +} +.navbar-form .selectize-control.form-control .selectize-input:after { + right: 8px; +} +/********************************************************* +* Hanging (aka correct) Lists +*/ +.list { + margin-left: 0; + padding-left: 15px; +} +@media (min-width: 768px) { + .list { + padding-left: 0; + } + .list.list-inset { + padding-left: 15px; + } +} +.list ul, +.list ol { + padding-left: 15px; +} +.list li { + position: relative; + list-style: none; +} +.list li:before { + min-width: 15px; + margin-left: -15px; + position: absolute; + right: 100%; + color: #999; +} +ul.list > li:before, +.list ul > li:before { + content: '\2022'; +} +ol.list, +.list ol { + counter-reset: ol-li; +} +ol.list > li:before, +.list ol > li:before { + text-align: right; + content: counter(ol-li) '.'; + counter-increment: ol-li; + padding-right: 7.5px; +} +ol.list.list-alphabetical > li:before { + content: counter(ol-li, lower-alpha) '.'; +} +/********************************************************* +* Header Group +*/ +hgroup { + margin-top: 20px; + margin-bottom: 20px; +} +hgroup h1, +hgroup h2, +hgroup h3, +hgroup h4, +hgroup h5, +hgroup h6, +hgroup .h1, +hgroup .h2, +hgroup .h3, +hgroup .h4, +hgroup .h5, +hgroup .h6 { + margin-top: 0; + margin-bottom: 10px; +} +/********************************************************* +* Mobile block button +*/ +.btn-mb-block { + display: block; + width: 100%; +} +@media (min-width: 480px) { + .btn-mb-block { + display: inline-block; + width: auto; + } +} +/********************************************************* +* Credit card from +*/ +.panel-secure { + background: #fdfbf1; + border-color: #f6deac; +} +.panel-secure > .panel-heading { + color: #8a6d3b; + background-color: #faebcc; + border-color: #f6deac; +} +.panel-secure > .panel-heading + .panel-collapse .panel-body { + border-top-color: #f6deac; +} +.panel-secure > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #f6deac; +} +.panel-secure .form-control:focus { + border-color: #f6deac; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(246, 222, 172, 0.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(246, 222, 172, 0.6); +} +.panel-secure a { + color: #496DA5; + text-decoration: underline; +} +.panel-secure a:hover { + color: #7795c3; +} +/********************************************************* +* Gallery +*/ +.gallery { + background: #e3eaee; + padding: 30px; +} +.gallery-title { + margin-bottom: 30px; + font-weight: 300; +} +.gallery-title small { + font-weight: 300; +} +.make { + line-height: 1.42857143; + display: block; + padding: 0; + margin-bottom: 20px; + line-height: 1.42857143; + background-color: #ffffff; + border: 1px solid none; + border-radius: 0; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + border: 1px solid #d3dee4; + box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2); + font-size: 14px; + line-height: 1.2; + margin-bottom: 30px; +} +.make > img, +.make a > img { + margin-left: auto; + margin-right: auto; +} +a.make:hover, +a.make:focus, +a.make.active { + border-color: #27aae1; +} +.make .caption { + padding: 12px; + color: #333333; +} +.make .make-title { + margin-top: 0; +} +@media (min-width: 768px) { + .make .make-title { + height: 50.4px; + display: block; + display: -webkit-box; + font-size: 18px; + line-height: 1.4; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipses; + position: relative; + } + .make .make-title:after { + content: ""; + text-align: right; + position: absolute; + bottom: 0; + right: 0; + width: 25%; + height: 25.2px; + background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%); + } + .make .make-author { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + .make .make-description { + height: 58.8px; + display: block; + display: -webkit-box; + font-size: 14px; + line-height: 1.4; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipses; + position: relative; + } + .make .make-description:after { + content: ""; + text-align: right; + position: absolute; + bottom: 0; + right: 0; + width: 25%; + height: 19.6px; + background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%); + } +} +@media (min-width: 768px) and screen and (-webkit-min-device-pixel-ratio: 0) { + .make .make-title:after { + background: none; + display: none; + } +} +@media (min-width: 768px) and screen and (-webkit-min-device-pixel-ratio: 0) { + .make .make-description:after { + background: none; + display: none; + } +} +.thumbnail-wrapper, +.make-thumbnail { + width: 100%; + padding-bottom: 100%; + height: 0; + background-size: cover; +} +/********************************************************* +* Webmaker footer +*/ +.wm-footer { + padding: 60px 0; + background-color: #222222; + color: white; +} +/********************************************************* +* Logo +*/ +.webmaker-logo img { + display: inline-block; + width: 157px; + height: 46px; +} +@media (min-width: 1200px) { + .webmaker-logo img { + display: inline-block; + width: 225px; + height: 66px; + } +} +/********************************************************* +* User info +*/ +.user-info-avatar { + width: 26px; + height: 26px; + border-radius: 26px; +} +@media (min-width: 768px) { + .nav > li > .navbar-user-info { + height: 60px; + line-height: 26px; + padding: 17px; + } +} +.nav > li > .navbar-user-info .user-info-avatar { + display: none; +} +@media (min-width: 768px) { + .nav > li > .navbar-user-info .user-info-avatar { + display: inline; + } +} +.video-container { + max-width: 100%; + width: 60rem; +} +.video-letterbox { + height: 0; + overflow: hidden; + padding: 3rem 0 56.25%; + position: relative; +} +.video-letterbox iframe, +.video-letterbox object, +.video-letterbox embed { + left: 0; + height: 100%; + position: absolute; + top: 0; + width: 100%; +} +.lang-picker-lang { + padding: 10px 0; +} +.modal-lang-picker h3 { + margin-top: 0; + font-weight: 200; +} +.modal-lang-picker h4 { + font-size: 1em; + margin: 10px 0; +} +.modal-body.modal-lang-picker { + padding: 40px; +} +.modal-footer.modal-lang-picker { + font-weight: 200; + text-align: center; + margin-top: 0; + border-top: none; + background: #27AAE1; + color: #FFF; +} +.modal-footer.modal-lang-picker a { + color: #FFF; +} +.modal-dialog .btn-close { + position: absolute; + top: 0; + right: 0; +} +/********************************************************* +* Flexbox +*/ +/********************************************************* +* Ellipses +*/ +.font-awesome { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; +} +/********************************************************* +* WEB FONTS +*/ +@font-face { + font-family: 'Open Sans'; + src: url('../resources/fonts/opensans-bold-webfont.woff') format('woff'), url('../resources/fonts/opensans-bold-webfont.ttf') format('truetype'); + font-weight: 700; + font-style: normal; +} +@font-face { + font-family: 'Open Sans'; + src: url('../resources/fonts/opensans-bolditalic-webfont.woff') format('woff'), url('../resources/fonts/opensans-bolditalic-webfont.ttf') format('truetype'); + font-weight: 700; + font-style: italic; +} +@font-face { + font-family: 'Open Sans'; + src: url('../resources/fonts/opensans-regular-webfont.woff') format('woff'), url('../resources/fonts/opensans-regular-webfont.ttf') format('truetype'); +} +@font-face { + font-family: 'Open Sans'; + src: url('../resources/fonts/opensans-italic-webfont.woff') format('woff'), url('../resources/fonts/opensans-italic-webfont.ttf') format('truetype'); + font-weight: normal; + font-style: italic; +} +@font-face { + font-family: 'Meta'; + src: url('//www.mozilla.org/img/fonts/MetaWebPro-Bold.eot'); + src: local('?'), url('//www.mozilla.org/img/fonts/MetaWebPro-Bold.woff') format('woff'); + font-weight: bold; +} +/* +* NORMALIZATION +* A lot of this is from normalize.css and HTML5 Boilerplate, docs for which can be found at h5bp.com/css +*/ +body { + margin: 0; + padding: 0; +} +/********************************************************* +* HTML5 display +*/ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} +audio, +canvas, +video { + display: inline-block; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden] { + display: none; +} +/********************************************************* +* Links +*/ +a:focus { + outline: thin dotted; +} +a:active, +a:hover { + outline: 0; +} +/********************************************************* +* Typography +*/ +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +html, +button, +input, +select, +textarea { + font-family: "Open Sans", "Helvetica Neue", sans-serif; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +blockquote { + margin: 1em 40px; +} +dfn { + font-style: italic; +} +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #CCC; + margin: 1em 0; + padding: 0; +} +pre, +code, +kbd, +samp { + font-family: "menlo", monospace, serif; + font-size: 1em; +} +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} +small { + font-size: 85%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/********************************************************* +* Selection +*/ +::-moz-selection { + background: #fef49c; + text-shadow: none; +} +::selection { + background: #fef49c; + text-shadow: none; +} +/********************************************************* +* Images +*/ +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 0; +} +/********************************************************* +* Forms +*/ +fieldset { + border: 1px solid #C0C0C0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; +} +button, +input, +select, +textarea { + font-size: 100%; + margin: 0; + vertical-align: baseline; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +input[disabled] { + cursor: default; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="search"] { + -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; +} +textarea { + overflow: auto; + vertical-align: top; +} +/********************************************************* +* Tables +*/ +table { + border-collapse: collapse; + border-spacing: 0; +} +td { + vertical-align: top; +} +/********************************************************* +* Iframes +*/ +iframe { + border: 0; +} +/********************************************************* +* UTILITIES +*/ +.butter-image-preload { + visibility: hidden; + position: absolute; + width: 1px; + height: 1px; + opacity: 0; +} +/********************************************************* +* Base Styles +*/ +body { + background: #e7edf0; + overflow: hidden; +} +/********************************************************* +* UI STATES +*/ +/* Hidden */ +.butter-hidden { + display: none !important; +} +.butter-button-waiting, +.butter-disabled { + opacity: 0.5; + cursor: not-allowed !important; +} +/* Warning for unsupported browsers */ +.butter-warning { + position: fixed; + top: 0; + left: 0; + width: 100%; + color: #FFF; + background: #c13832; + z-index: 10020; + font-size: 10pt; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: scaleY(0); + -moz-transform: scaleY(0); + -o-transform: scaleY(0); + -ms-transform: scaleY(0); + transform: scaleY(0); + -webkit-transform-origin: top; + -moz-transform-origin: top; + -o-transform-origin: top; + -ms-transform-origin: top; + transform-origin: top; + -webkit-transition: transform 0.2s linear 1s; + -moz-transition: transform 0.2s linear 1s; + -o-transition: transform 0.2s linear 1s; + -ms-transition: transform 0.2s linear 1s; + transition: transform 0.2s linear 1s; +} +.butter-warning.slide-out { + -webkit-transform: scaleY(1); + -moz-transform: scaleY(1); + -o-transform: scaleY(1); + -ms-transform: scaleY(1); + transform: scaleY(1); +} +.butter-warning span { + display: block; + padding: 1em; + line-height: 1.2; +} +.butter-warning a { + color: #FFF; + text-decoration: underline; + cursor: pointer; +} +.butter-warning button { + float: right; + margin: 0.4em; + padding: 4px 6px; + border: 1px solid #FFF; + background: transparent; +} +/* Spinney */ +.butter-logo-spin-outer { + width: 16px; + height: 16px; + -webkit-transition: opacity 0.5s; + -moz-transition: opacity 0.5s; + -o-transition: opacity 0.5s; + -ms-transition: opacity 0.5s; + transition: opacity 0.5s; + opacity: 1; +} +.butter-logo-spin-outer.fade-out { + opacity: 0; +} +.butter-spinner { + height: 16px; + width: 16px; + display: inline-block; + background-image: url("../resources/icons/spinny.gif"); +} +.butter-spinner.hidden { + /* conflict with .media-editor .media-loading-spinner.media-gallery-loading */ + display: none !important; +} +.invalid-field .butter-spinner { + background-image: url("../resources/icons/spinny-error.gif"); +} +/* Toggle hide/show button for editor and tray */ +.butter-toggle-button { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; + color: #d9dddd; + position: absolute; +} +.butter-toggle-button:hover { + color: #3a3c3c; +} +.butter-toggle-button:after { + content: "\f078"; +} +.butter-toggle-button.toggled:after { + content: "\f077"; +} +/* Targets and highlighting */ +.butter-highlight-on { + box-shadow: 0 0 0 10px #3fb58e; +} +.butter-highlight-fade { + -webkit-transition: box-shadow 1.5s; + -moz-transition: box-shadow 1.5s; + -o-transition: box-shadow 1.5s; + -ms-transition: box-shadow 1.5s; + transition: box-shadow 1.5s; + box-shadow: 0 0 0 10px transparent; +} +.butter-iframe-fix { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #000000; + opacity: 0; + z-index: 10000; + display: none; +} +/********************************************************* +* Drop down +*/ +.butter-dropdown-off { + visibility: hidden; +} +/* This Source Code Form is subject to the terms of the MIT license + * If a copy of the MIT license was not distributed with this file, you can + * obtain one at https://raw.github.com/mozilla/butter/master/LICENSE */ +/********************************************************* +* Webmaker nav +*/ +#webmaker-nav { + font-family: "Open Sans", "Helvetica Neue", sans-serif; + font-size: 13px; + width: 100%; + color: #373737; +} +.webmaker-nav-container { + overflow: hidden; + background: #eaeff2; + border-bottom: 1px solid #fff; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + width: 100%; + padding: 0 15px; +} +.webmaker-nav { + padding: 0; + margin: 0; + list-style: none; + font-size: 1em; +} +.webmaker-nav li a { + display: block; + height: 100%; + padding: 0 10px; + text-decoration: none; + cursor: pointer; + user-select: none; + color: #373737; +} +#logo { + line-height: 1; + float: left; + display: block; +} +/********************************************************* +* User/Login Styles +*/ +.user-info { + float: right; + text-align: right; +} +.user-info > li { + float: left; + border-right: none; + height: 100%; + margin: 0.9em 0; + border-right: 1px solid #b5b7b8; +} +.user-info > li:last-child { + border-right: none; +} +.webmaker-nav .user { + position: relative; + padding-left: 36px; + border-right: none; +} +.webmaker-nav .user img { + position: absolute; + left: 0; + top: -0.4em; + border-radius: 50%; + width: 26px; + height: 26px; +} +#identity { + font-weight: bold; +} +#identity > a { + color: inherit; +} +/********************************************************* +* Login button states - done via a JS class switch +*/ +/* Initial we don't want anything shown */ +#webmaker-nav .user, +#webmaker-nav .dash, +#webmaker-nav .makes, +#webmaker-nav #webmaker-logout { + display: none; +} +/* We're logged in - show all the things */ +#webmaker-nav.loggedin .user, +#webmaker-nav.loggedin .dash, +#webmaker-nav.loggedin .makes { + display: block; +} +/********************************************************* +* Dependencies +*/ +/*! normalize.css v3.0.0 | MIT License | git.io/normalize */ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; +} +body { + margin: 0; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} +audio, +canvas, +progress, +video { + display: inline-block; + vertical-align: baseline; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden], +template { + display: none; +} +a { + background: transparent; +} +a:active, +a:hover { + outline: 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +dfn { + font-style: italic; +} +h1 { + font-size: 2em; + margin: 0.67em 0; +} +mark { + background: #ff0; + color: #000; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 1em 40px; +} +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} +pre { + overflow: auto; +} +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} +button, +input, +optgroup, +select, +textarea { + color: inherit; + font: inherit; + margin: 0; +} +button { + overflow: visible; +} +button, +select { + text-transform: none; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +html input[disabled] { + cursor: default; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +input { + line-height: normal; +} +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="search"] { + -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; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; +} +textarea { + overflow: auto; +} +optgroup { + font-weight: bold; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +td, +th { + padding: 0; +} +@media print { + * { + text-shadow: none !important; + color: #000 !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } + select { + background: #fff !important; + } + .navbar { + display: none; + } + .table td, + .table th { + background-color: #fff !important; + } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; + } + .label { + border: 1px solid #000; + } + .table { + border-collapse: collapse !important; + } + .table-bordered th, + .table-bordered td { + border: 1px solid #ddd !important; + } +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +*:before, +*:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +html { + font-size: 62.5%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +body { + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #333333; + background-color: #ffffff; +} +input, +button, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} +a { + color: #27aae1; + text-decoration: none; +} +a:hover, +a:focus { + color: #177ba5; + text-decoration: underline; +} +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + outline: none; +} +figure { + margin: 0; +} +img { + vertical-align: middle; +} +.img-responsive, +.thumbnail > img, +.thumbnail a > img, +.carousel-inner > .item > img, +.carousel-inner > .item > a > img, +.make > img, +.make a > img, +.thumbnail > img, +.thumbnail a > img, +.carousel-inner > .item > img, +.carousel-inner > .item > a > img, +.make > img, +.make a > img { + display: block; + max-width: 100%; + height: auto; +} +.img-rounded { + border-radius: 0; +} +.img-thumbnail { + padding: 0; + line-height: 1.42857143; + background-color: #ffffff; + border: 1px solid none; + border-radius: 0; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + display: inline-block; + max-width: 100%; + height: auto; +} +.img-circle { + border-radius: 50%; +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +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, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small, +h1 .small, +h2 .small, +h3 .small, +h4 .small, +h5 .small, +h6 .small, +.h1 .small, +.h2 .small, +.h3 .small, +.h4 .small, +.h5 .small, +.h6 .small { + font-weight: normal; + line-height: 1; + color: #999999; +} +h1, +.h1, +h2, +.h2, +h3, +.h3 { + margin-top: 20px; + margin-bottom: 10px; +} +h1 small, +.h1 small, +h2 small, +.h2 small, +h3 small, +.h3 small, +h1 .small, +.h1 .small, +h2 .small, +.h2 .small, +h3 .small, +.h3 .small { + font-size: 65%; +} +h4, +.h4, +h5, +.h5, +h6, +.h6 { + margin-top: 10px; + margin-bottom: 10px; +} +h4 small, +.h4 small, +h5 small, +.h5 small, +h6 small, +.h6 small, +h4 .small, +.h4 .small, +h5 .small, +.h5 .small, +h6 .small, +.h6 .small { + font-size: 75%; +} +h1, +.h1 { + font-size: 36px; +} +h2, +.h2 { + font-size: 30px; +} +h3, +.h3 { + font-size: 24px; +} +h4, +.h4 { + font-size: 18px; +} +h5, +.h5 { + font-size: 14px; +} +h6, +.h6 { + font-size: 12px; +} +p { + margin: 0 0 10px; +} +.lead { + margin-bottom: 20px; + font-size: 16px; + font-weight: 200; + line-height: 1.4; +} +@media (min-width: 768px) { + .lead { + font-size: 21px; + } +} +small, +.small { + font-size: 85%; +} +cite { + font-style: normal; +} +.text-left { + text-align: left; +} +.text-right { + text-align: right; +} +.text-center { + text-align: center; +} +.text-justify { + text-align: justify; +} +.text-muted { + color: #999999; +} +.text-primary { + color: #3fb58e; +} +a.text-primary:hover { + color: #328f70; +} +.text-success { + color: #3c763d; +} +a.text-success:hover { + color: #2b542c; +} +.text-info { + color: #31708f; +} +a.text-info:hover { + color: #245269; +} +.text-warning { + color: #8a6d3b; +} +a.text-warning:hover { + color: #66512c; +} +.text-danger { + color: #a94442; +} +a.text-danger:hover { + color: #843534; +} +.bg-primary { + color: #fff; + background-color: #3fb58e; +} +a.bg-primary:hover { + background-color: #328f70; +} +.bg-success { + background-color: #dff0d8; +} +a.bg-success:hover { + background-color: #c1e2b3; +} +.bg-info { + background-color: #d9edf7; +} +a.bg-info:hover { + background-color: #afd9ee; +} +.bg-warning { + background-color: #fcf8e3; +} +a.bg-warning:hover { + background-color: #f7ecb5; +} +.bg-danger { + background-color: #f2dede; +} +a.bg-danger:hover { + background-color: #e4b9b9; +} +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eeeeee; +} +ul, +ol { + margin-top: 0; + margin-bottom: 10px; +} +ul ul, +ol ul, +ul ol, +ol ol { + margin-bottom: 0; +} +.list-unstyled { + padding-left: 0; + list-style: none; +} +.list-inline { + padding-left: 0; + list-style: none; + margin-left: -5px; +} +.list-inline > li { + display: inline-block; + padding-left: 5px; + padding-right: 5px; +} +dl { + margin-top: 0; + margin-bottom: 20px; +} +dt, +dd { + line-height: 1.42857143; +} +dt { + font-weight: bold; +} +dd { + margin-left: 0; +} +@media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 160px; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + .dl-horizontal dd { + margin-left: 180px; + } +} +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999999; +} +.initialism { + font-size: 90%; + text-transform: uppercase; +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eeeeee; +} +blockquote p:last-child, +blockquote ul:last-child, +blockquote ol:last-child { + margin-bottom: 0; +} +blockquote footer, +blockquote small, +blockquote .small { + display: block; + font-size: 80%; + line-height: 1.42857143; + color: #999999; +} +blockquote footer:before, +blockquote small:before, +blockquote .small:before { + content: '\2014 \00A0'; +} +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; + text-align: right; +} +.blockquote-reverse footer:before, +blockquote.pull-right footer:before, +.blockquote-reverse small:before, +blockquote.pull-right small:before, +.blockquote-reverse .small:before, +blockquote.pull-right .small:before { + content: ''; +} +.blockquote-reverse footer:after, +blockquote.pull-right footer:after, +.blockquote-reverse small:after, +blockquote.pull-right small:after, +.blockquote-reverse .small:after, +blockquote.pull-right .small:after { + content: '\00A0 \2014'; +} +blockquote:before, +blockquote:after { + content: ""; +} +address { + margin-bottom: 20px; + font-style: normal; + line-height: 1.42857143; +} +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; +} +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + background-color: #f9f2f4; + white-space: nowrap; + border-radius: 0; +} +kbd { + padding: 2px 4px; + font-size: 90%; + color: #ffffff; + background-color: #333333; + border-radius: 0; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); +} +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 1.42857143; + word-break: break-all; + word-wrap: break-word; + color: #333333; + background-color: #f5f5f5; + border: 1px solid #cccccc; + border-radius: 0; +} +pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + background-color: transparent; + border-radius: 0; +} +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} +.container { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} +@media (min-width: 768px) { + .container { + width: 750px; + } +} +@media (min-width: 992px) { + .container { + width: 970px; + } +} +@media (min-width: 1200px) { + .container { + width: 1170px; + } +} +.container-fluid { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px; +} +.row { + margin-left: -15px; + margin-right: -15px; +} +.col-xs-1, +.col-sm-1, +.col-md-1, +.col-lg-1, +.col-xs-2, +.col-sm-2, +.col-md-2, +.col-lg-2, +.col-xs-3, +.col-sm-3, +.col-md-3, +.col-lg-3, +.col-xs-4, +.col-sm-4, +.col-md-4, +.col-lg-4, +.col-xs-5, +.col-sm-5, +.col-md-5, +.col-lg-5, +.col-xs-6, +.col-sm-6, +.col-md-6, +.col-lg-6, +.col-xs-7, +.col-sm-7, +.col-md-7, +.col-lg-7, +.col-xs-8, +.col-sm-8, +.col-md-8, +.col-lg-8, +.col-xs-9, +.col-sm-9, +.col-md-9, +.col-lg-9, +.col-xs-10, +.col-sm-10, +.col-md-10, +.col-lg-10, +.col-xs-11, +.col-sm-11, +.col-md-11, +.col-lg-11, +.col-xs-12, +.col-sm-12, +.col-md-12, +.col-lg-12 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px; +} +.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 { + float: left; +} +.col-xs-12 { + width: 100%; +} +.col-xs-11 { + width: 91.66666667%; +} +.col-xs-10 { + width: 83.33333333%; +} +.col-xs-9 { + width: 75%; +} +.col-xs-8 { + width: 66.66666667%; +} +.col-xs-7 { + width: 58.33333333%; +} +.col-xs-6 { + width: 50%; +} +.col-xs-5 { + width: 41.66666667%; +} +.col-xs-4 { + width: 33.33333333%; +} +.col-xs-3 { + width: 25%; +} +.col-xs-2 { + width: 16.66666667%; +} +.col-xs-1 { + width: 8.33333333%; +} +.col-xs-pull-12 { + right: 100%; +} +.col-xs-pull-11 { + right: 91.66666667%; +} +.col-xs-pull-10 { + right: 83.33333333%; +} +.col-xs-pull-9 { + right: 75%; +} +.col-xs-pull-8 { + right: 66.66666667%; +} +.col-xs-pull-7 { + right: 58.33333333%; +} +.col-xs-pull-6 { + right: 50%; +} +.col-xs-pull-5 { + right: 41.66666667%; +} +.col-xs-pull-4 { + right: 33.33333333%; +} +.col-xs-pull-3 { + right: 25%; +} +.col-xs-pull-2 { + right: 16.66666667%; +} +.col-xs-pull-1 { + right: 8.33333333%; +} +.col-xs-pull-0 { + right: 0%; +} +.col-xs-push-12 { + left: 100%; +} +.col-xs-push-11 { + left: 91.66666667%; +} +.col-xs-push-10 { + left: 83.33333333%; +} +.col-xs-push-9 { + left: 75%; +} +.col-xs-push-8 { + left: 66.66666667%; +} +.col-xs-push-7 { + left: 58.33333333%; +} +.col-xs-push-6 { + left: 50%; +} +.col-xs-push-5 { + left: 41.66666667%; +} +.col-xs-push-4 { + left: 33.33333333%; +} +.col-xs-push-3 { + left: 25%; +} +.col-xs-push-2 { + left: 16.66666667%; +} +.col-xs-push-1 { + left: 8.33333333%; +} +.col-xs-push-0 { + left: 0%; +} +.col-xs-offset-12 { + margin-left: 100%; +} +.col-xs-offset-11 { + margin-left: 91.66666667%; +} +.col-xs-offset-10 { + margin-left: 83.33333333%; +} +.col-xs-offset-9 { + margin-left: 75%; +} +.col-xs-offset-8 { + margin-left: 66.66666667%; +} +.col-xs-offset-7 { + margin-left: 58.33333333%; +} +.col-xs-offset-6 { + margin-left: 50%; +} +.col-xs-offset-5 { + margin-left: 41.66666667%; +} +.col-xs-offset-4 { + margin-left: 33.33333333%; +} +.col-xs-offset-3 { + margin-left: 25%; +} +.col-xs-offset-2 { + margin-left: 16.66666667%; +} +.col-xs-offset-1 { + margin-left: 8.33333333%; +} +.col-xs-offset-0 { + margin-left: 0%; +} +@media (min-width: 768px) { + .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 { + float: left; + } + .col-sm-12 { + width: 100%; + } + .col-sm-11 { + width: 91.66666667%; + } + .col-sm-10 { + width: 83.33333333%; + } + .col-sm-9 { + width: 75%; + } + .col-sm-8 { + width: 66.66666667%; + } + .col-sm-7 { + width: 58.33333333%; + } + .col-sm-6 { + width: 50%; + } + .col-sm-5 { + width: 41.66666667%; + } + .col-sm-4 { + width: 33.33333333%; + } + .col-sm-3 { + width: 25%; + } + .col-sm-2 { + width: 16.66666667%; + } + .col-sm-1 { + width: 8.33333333%; + } + .col-sm-pull-12 { + right: 100%; + } + .col-sm-pull-11 { + right: 91.66666667%; + } + .col-sm-pull-10 { + right: 83.33333333%; + } + .col-sm-pull-9 { + right: 75%; + } + .col-sm-pull-8 { + right: 66.66666667%; + } + .col-sm-pull-7 { + right: 58.33333333%; + } + .col-sm-pull-6 { + right: 50%; + } + .col-sm-pull-5 { + right: 41.66666667%; + } + .col-sm-pull-4 { + right: 33.33333333%; + } + .col-sm-pull-3 { + right: 25%; + } + .col-sm-pull-2 { + right: 16.66666667%; + } + .col-sm-pull-1 { + right: 8.33333333%; + } + .col-sm-pull-0 { + right: 0%; + } + .col-sm-push-12 { + left: 100%; + } + .col-sm-push-11 { + left: 91.66666667%; + } + .col-sm-push-10 { + left: 83.33333333%; + } + .col-sm-push-9 { + left: 75%; + } + .col-sm-push-8 { + left: 66.66666667%; + } + .col-sm-push-7 { + left: 58.33333333%; + } + .col-sm-push-6 { + left: 50%; + } + .col-sm-push-5 { + left: 41.66666667%; + } + .col-sm-push-4 { + left: 33.33333333%; + } + .col-sm-push-3 { + left: 25%; + } + .col-sm-push-2 { + left: 16.66666667%; + } + .col-sm-push-1 { + left: 8.33333333%; + } + .col-sm-push-0 { + left: 0%; + } + .col-sm-offset-12 { + margin-left: 100%; + } + .col-sm-offset-11 { + margin-left: 91.66666667%; + } + .col-sm-offset-10 { + margin-left: 83.33333333%; + } + .col-sm-offset-9 { + margin-left: 75%; + } + .col-sm-offset-8 { + margin-left: 66.66666667%; + } + .col-sm-offset-7 { + margin-left: 58.33333333%; + } + .col-sm-offset-6 { + margin-left: 50%; + } + .col-sm-offset-5 { + margin-left: 41.66666667%; + } + .col-sm-offset-4 { + margin-left: 33.33333333%; + } + .col-sm-offset-3 { + margin-left: 25%; + } + .col-sm-offset-2 { + margin-left: 16.66666667%; + } + .col-sm-offset-1 { + margin-left: 8.33333333%; + } + .col-sm-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 992px) { + .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 { + float: left; + } + .col-md-12 { + width: 100%; + } + .col-md-11 { + width: 91.66666667%; + } + .col-md-10 { + width: 83.33333333%; + } + .col-md-9 { + width: 75%; + } + .col-md-8 { + width: 66.66666667%; + } + .col-md-7 { + width: 58.33333333%; + } + .col-md-6 { + width: 50%; + } + .col-md-5 { + width: 41.66666667%; + } + .col-md-4 { + width: 33.33333333%; + } + .col-md-3 { + width: 25%; + } + .col-md-2 { + width: 16.66666667%; + } + .col-md-1 { + width: 8.33333333%; + } + .col-md-pull-12 { + right: 100%; + } + .col-md-pull-11 { + right: 91.66666667%; + } + .col-md-pull-10 { + right: 83.33333333%; + } + .col-md-pull-9 { + right: 75%; + } + .col-md-pull-8 { + right: 66.66666667%; + } + .col-md-pull-7 { + right: 58.33333333%; + } + .col-md-pull-6 { + right: 50%; + } + .col-md-pull-5 { + right: 41.66666667%; + } + .col-md-pull-4 { + right: 33.33333333%; + } + .col-md-pull-3 { + right: 25%; + } + .col-md-pull-2 { + right: 16.66666667%; + } + .col-md-pull-1 { + right: 8.33333333%; + } + .col-md-pull-0 { + right: 0%; + } + .col-md-push-12 { + left: 100%; + } + .col-md-push-11 { + left: 91.66666667%; + } + .col-md-push-10 { + left: 83.33333333%; + } + .col-md-push-9 { + left: 75%; + } + .col-md-push-8 { + left: 66.66666667%; + } + .col-md-push-7 { + left: 58.33333333%; + } + .col-md-push-6 { + left: 50%; + } + .col-md-push-5 { + left: 41.66666667%; + } + .col-md-push-4 { + left: 33.33333333%; + } + .col-md-push-3 { + left: 25%; + } + .col-md-push-2 { + left: 16.66666667%; + } + .col-md-push-1 { + left: 8.33333333%; + } + .col-md-push-0 { + left: 0%; + } + .col-md-offset-12 { + margin-left: 100%; + } + .col-md-offset-11 { + margin-left: 91.66666667%; + } + .col-md-offset-10 { + margin-left: 83.33333333%; + } + .col-md-offset-9 { + margin-left: 75%; + } + .col-md-offset-8 { + margin-left: 66.66666667%; + } + .col-md-offset-7 { + margin-left: 58.33333333%; + } + .col-md-offset-6 { + margin-left: 50%; + } + .col-md-offset-5 { + margin-left: 41.66666667%; + } + .col-md-offset-4 { + margin-left: 33.33333333%; + } + .col-md-offset-3 { + margin-left: 25%; + } + .col-md-offset-2 { + margin-left: 16.66666667%; + } + .col-md-offset-1 { + margin-left: 8.33333333%; + } + .col-md-offset-0 { + margin-left: 0%; + } +} +@media (min-width: 1200px) { + .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 { + float: left; + } + .col-lg-12 { + width: 100%; + } + .col-lg-11 { + width: 91.66666667%; + } + .col-lg-10 { + width: 83.33333333%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-8 { + width: 66.66666667%; + } + .col-lg-7 { + width: 58.33333333%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-5 { + width: 41.66666667%; + } + .col-lg-4 { + width: 33.33333333%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-2 { + width: 16.66666667%; + } + .col-lg-1 { + width: 8.33333333%; + } + .col-lg-pull-12 { + right: 100%; + } + .col-lg-pull-11 { + right: 91.66666667%; + } + .col-lg-pull-10 { + right: 83.33333333%; + } + .col-lg-pull-9 { + right: 75%; + } + .col-lg-pull-8 { + right: 66.66666667%; + } + .col-lg-pull-7 { + right: 58.33333333%; + } + .col-lg-pull-6 { + right: 50%; + } + .col-lg-pull-5 { + right: 41.66666667%; + } + .col-lg-pull-4 { + right: 33.33333333%; + } + .col-lg-pull-3 { + right: 25%; + } + .col-lg-pull-2 { + right: 16.66666667%; + } + .col-lg-pull-1 { + right: 8.33333333%; + } + .col-lg-pull-0 { + right: 0%; + } + .col-lg-push-12 { + left: 100%; + } + .col-lg-push-11 { + left: 91.66666667%; + } + .col-lg-push-10 { + left: 83.33333333%; + } + .col-lg-push-9 { + left: 75%; + } + .col-lg-push-8 { + left: 66.66666667%; + } + .col-lg-push-7 { + left: 58.33333333%; + } + .col-lg-push-6 { + left: 50%; + } + .col-lg-push-5 { + left: 41.66666667%; + } + .col-lg-push-4 { + left: 33.33333333%; + } + .col-lg-push-3 { + left: 25%; + } + .col-lg-push-2 { + left: 16.66666667%; + } + .col-lg-push-1 { + left: 8.33333333%; + } + .col-lg-push-0 { + left: 0%; + } + .col-lg-offset-12 { + margin-left: 100%; + } + .col-lg-offset-11 { + margin-left: 91.66666667%; + } + .col-lg-offset-10 { + margin-left: 83.33333333%; + } + .col-lg-offset-9 { + margin-left: 75%; + } + .col-lg-offset-8 { + margin-left: 66.66666667%; + } + .col-lg-offset-7 { + margin-left: 58.33333333%; + } + .col-lg-offset-6 { + margin-left: 50%; + } + .col-lg-offset-5 { + margin-left: 41.66666667%; + } + .col-lg-offset-4 { + margin-left: 33.33333333%; + } + .col-lg-offset-3 { + margin-left: 25%; + } + .col-lg-offset-2 { + margin-left: 16.66666667%; + } + .col-lg-offset-1 { + margin-left: 8.33333333%; + } + .col-lg-offset-0 { + margin-left: 0%; + } +} +table { + max-width: 100%; + background-color: transparent; +} +th { + text-align: left; +} +.table { + width: 100%; + margin-bottom: 20px; +} +.table > thead > tr > th, +.table > tbody > tr > th, +.table > tfoot > tr > th, +.table > thead > tr > td, +.table > tbody > tr > td, +.table > tfoot > tr > td { + padding: 8px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid #dddddd; +} +.table > thead > tr > th { + vertical-align: bottom; + border-bottom: 2px solid #dddddd; +} +.table > caption + thead > tr:first-child > th, +.table > colgroup + thead > tr:first-child > th, +.table > thead:first-child > tr:first-child > th, +.table > caption + thead > tr:first-child > td, +.table > colgroup + thead > tr:first-child > td, +.table > thead:first-child > tr:first-child > td { + border-top: 0; +} +.table > tbody + tbody { + border-top: 2px solid #dddddd; +} +.table .table { + background-color: #ffffff; +} +.table-condensed > thead > tr > th, +.table-condensed > tbody > tr > th, +.table-condensed > tfoot > tr > th, +.table-condensed > thead > tr > td, +.table-condensed > tbody > tr > td, +.table-condensed > tfoot > tr > td { + padding: 5px; +} +.table-bordered { + border: 1px solid #dddddd; +} +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > tfoot > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td, +.table-bordered > tfoot > tr > td { + border: 1px solid #dddddd; +} +.table-bordered > thead > tr > th, +.table-bordered > thead > tr > td { + border-bottom-width: 2px; +} +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { + background-color: #f5f5f5; +} +table col[class*="col-"] { + position: static; + float: none; + display: table-column; +} +table td[class*="col-"], +table th[class*="col-"] { + position: static; + float: none; + display: table-cell; +} +.table > thead > tr > td.active, +.table > tbody > tr > td.active, +.table > tfoot > tr > td.active, +.table > thead > tr > th.active, +.table > tbody > tr > th.active, +.table > tfoot > tr > th.active, +.table > thead > tr.active > td, +.table > tbody > tr.active > td, +.table > tfoot > tr.active > td, +.table > thead > tr.active > th, +.table > tbody > tr.active > th, +.table > tfoot > tr.active > th { + background-color: #f5f5f5; +} +.table-hover > tbody > tr > td.active:hover, +.table-hover > tbody > tr > th.active:hover, +.table-hover > tbody > tr.active:hover > td, +.table-hover > tbody > tr.active:hover > th { + background-color: #e8e8e8; +} +.table > thead > tr > td.success, +.table > tbody > tr > td.success, +.table > tfoot > tr > td.success, +.table > thead > tr > th.success, +.table > tbody > tr > th.success, +.table > tfoot > tr > th.success, +.table > thead > tr.success > td, +.table > tbody > tr.success > td, +.table > tfoot > tr.success > td, +.table > thead > tr.success > th, +.table > tbody > tr.success > th, +.table > tfoot > tr.success > th { + background-color: #dff0d8; +} +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, +.table-hover > tbody > tr.success:hover > td, +.table-hover > tbody > tr.success:hover > th { + background-color: #d0e9c6; +} +.table > thead > tr > td.info, +.table > tbody > tr > td.info, +.table > tfoot > tr > td.info, +.table > thead > tr > th.info, +.table > tbody > tr > th.info, +.table > tfoot > tr > th.info, +.table > thead > tr.info > td, +.table > tbody > tr.info > td, +.table > tfoot > tr.info > td, +.table > thead > tr.info > th, +.table > tbody > tr.info > th, +.table > tfoot > tr.info > th { + background-color: #d9edf7; +} +.table-hover > tbody > tr > td.info:hover, +.table-hover > tbody > tr > th.info:hover, +.table-hover > tbody > tr.info:hover > td, +.table-hover > tbody > tr.info:hover > th { + background-color: #c4e3f3; +} +.table > thead > tr > td.warning, +.table > tbody > tr > td.warning, +.table > tfoot > tr > td.warning, +.table > thead > tr > th.warning, +.table > tbody > tr > th.warning, +.table > tfoot > tr > th.warning, +.table > thead > tr.warning > td, +.table > tbody > tr.warning > td, +.table > tfoot > tr.warning > td, +.table > thead > tr.warning > th, +.table > tbody > tr.warning > th, +.table > tfoot > tr.warning > th { + background-color: #fcf8e3; +} +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, +.table-hover > tbody > tr.warning:hover > td, +.table-hover > tbody > tr.warning:hover > th { + background-color: #faf2cc; +} +.table > thead > tr > td.danger, +.table > tbody > tr > td.danger, +.table > tfoot > tr > td.danger, +.table > thead > tr > th.danger, +.table > tbody > tr > th.danger, +.table > tfoot > tr > th.danger, +.table > thead > tr.danger > td, +.table > tbody > tr.danger > td, +.table > tfoot > tr.danger > td, +.table > thead > tr.danger > th, +.table > tbody > tr.danger > th, +.table > tfoot > tr.danger > th { + background-color: #f2dede; +} +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, +.table-hover > tbody > tr.danger:hover > td, +.table-hover > tbody > tr.danger:hover > th { + background-color: #ebcccc; +} +@media (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-y: hidden; + overflow-x: scroll; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #dddddd; + -webkit-overflow-scrolling: touch; + } + .table-responsive > .table { + margin-bottom: 0; + } + .table-responsive > .table > thead > tr > th, + .table-responsive > .table > tbody > tr > th, + .table-responsive > .table > tfoot > tr > th, + .table-responsive > .table > thead > tr > td, + .table-responsive > .table > tbody > tr > td, + .table-responsive > .table > tfoot > tr > td { + white-space: nowrap; + } + .table-responsive > .table-bordered { + border: 0; + } + .table-responsive > .table-bordered > thead > tr > th:first-child, + .table-responsive > .table-bordered > tbody > tr > th:first-child, + .table-responsive > .table-bordered > tfoot > tr > th:first-child, + .table-responsive > .table-bordered > thead > tr > td:first-child, + .table-responsive > .table-bordered > tbody > tr > td:first-child, + .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; + } + .table-responsive > .table-bordered > thead > tr > th:last-child, + .table-responsive > .table-bordered > tbody > tr > th:last-child, + .table-responsive > .table-bordered > tfoot > tr > th:last-child, + .table-responsive > .table-bordered > thead > tr > td:last-child, + .table-responsive > .table-bordered > tbody > tr > td:last-child, + .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; + } + .table-responsive > .table-bordered > tbody > tr:last-child > th, + .table-responsive > .table-bordered > tfoot > tr:last-child > th, + .table-responsive > .table-bordered > tbody > tr:last-child > td, + .table-responsive > .table-bordered > tfoot > tr:last-child > td { + border-bottom: 0; + } +} +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0; +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + line-height: normal; +} +input[type="file"] { + display: block; +} +input[type="range"] { + display: block; + width: 100%; +} +select[multiple], +select[size] { + height: auto; +} +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + outline: none; +} +output { + display: block; + padding-top: 7px; + font-size: 14px; + line-height: 1.42857143; + color: #555555; +} +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + color: #555555; + background-color: #ffffff; + background-image: none; + border: 1px solid #cccccc; + border-radius: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + -ms-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; +} +.form-control:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); +} +.form-control::-moz-placeholder { + color: #999999; + opacity: 1; +} +.form-control:-ms-input-placeholder { + color: #999999; +} +.form-control::-webkit-input-placeholder { + color: #999999; +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eeeeee; + opacity: 1; +} +textarea.form-control { + height: auto; +} +input[type="search"] { + -webkit-appearance: none; +} +input[type="date"] { + line-height: 34px; +} +.form-group { + margin-bottom: 15px; +} +.radio, +.checkbox { + display: block; + min-height: 20px; + margin-top: 10px; + margin-bottom: 10px; + padding-left: 20px; +} +.radio label, +.checkbox label { + display: inline; + font-weight: normal; + cursor: pointer; +} +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: normal; + cursor: pointer; +} +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} +input[type="radio"][disabled], +input[type="checkbox"][disabled], +.radio[disabled], +.radio-inline[disabled], +.checkbox[disabled], +.checkbox-inline[disabled], +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"], +fieldset[disabled] .radio, +fieldset[disabled] .radio-inline, +fieldset[disabled] .checkbox, +fieldset[disabled] .checkbox-inline { + cursor: not-allowed; +} +.input-sm { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +select.input-sm { + height: 30px; + line-height: 30px; +} +textarea.input-sm, +select[multiple].input-sm { + height: auto; +} +.input-lg { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 0; +} +select.input-lg { + height: 46px; + line-height: 46px; +} +textarea.input-lg, +select[multiple].input-lg { + height: auto; +} +.has-feedback { + position: relative; +} +.has-feedback .form-control { + padding-right: 42.5px; +} +.has-feedback .form-control-feedback { + position: absolute; + top: 25px; + right: 0; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center; +} +.has-success .help-block, +.has-success .control-label, +.has-success .radio, +.has-success .checkbox, +.has-success .radio-inline, +.has-success .checkbox-inline { + color: #3c763d; +} +.has-success .form-control { + border-color: #3c763d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-success .form-control:focus { + border-color: #2b542c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; +} +.has-success .input-group-addon { + color: #3c763d; + border-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 { + color: #8a6d3b; +} +.has-warning .form-control { + border-color: #8a6d3b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-warning .form-control:focus { + border-color: #66512c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; +} +.has-warning .input-group-addon { + color: #8a6d3b; + border-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 { + color: #a94442; +} +.has-error .form-control { + border-color: #a94442; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} +.has-error .form-control:focus { + border-color: #843534; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; +} +.has-error .input-group-addon { + color: #a94442; + border-color: #a94442; + background-color: #f2dede; +} +.has-error .form-control-feedback { + color: #a94442; +} +.form-control-static { + margin-bottom: 0; +} +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #737373; +} +@media (min-width: 768px) { + .form-inline .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .form-inline .input-group > .form-control { + width: 100%; + } + .form-inline .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .form-inline .radio, + .form-inline .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + padding-left: 0; + vertical-align: middle; + } + .form-inline .radio input[type="radio"], + .form-inline .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + .form-inline .has-feedback .form-control-feedback { + top: 0; + } +} +.form-horizontal .control-label, +.form-horizontal .radio, +.form-horizontal .checkbox, +.form-horizontal .radio-inline, +.form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px; +} +.form-horizontal .radio, +.form-horizontal .checkbox { + min-height: 27px; +} +.form-horizontal .form-group { + margin-left: -15px; + margin-right: -15px; +} +.form-horizontal .form-control-static { + padding-top: 7px; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + } +} +.form-horizontal .has-feedback .form-control-feedback { + top: 0; + right: 15px; +} +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 14px; + line-height: 1.42857143; + border-radius: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.btn:focus, +.btn:active:focus, +.btn.active:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + outline: none; +} +.btn:hover, +.btn:focus { + color: #333333; + text-decoration: none; +} +.btn:active, +.btn.active { + outline: 0; + background-image: none; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + cursor: not-allowed; + pointer-events: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-default { + color: #333333; + background-color: #ffffff; + border-color: #cccccc; +} +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + color: #333333; + background-color: #ebebeb; + border-color: #adadad; +} +.btn-default:active, +.btn-default.active, +.open .dropdown-toggle.btn-default { + background-image: none; +} +.btn-default.disabled, +.btn-default[disabled], +fieldset[disabled] .btn-default, +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { + background-color: #ffffff; + border-color: #cccccc; +} +.btn-default .badge { + color: #ffffff; + background-color: #333333; +} +.btn-primary { + color: #ffffff; + background-color: #3fb58e; + border-color: #38a27f; +} +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + color: #ffffff; + background-color: #349776; + border-color: #29755c; +} +.btn-primary:active, +.btn-primary.active, +.open .dropdown-toggle.btn-primary { + background-image: none; +} +.btn-primary.disabled, +.btn-primary[disabled], +fieldset[disabled] .btn-primary, +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active, +.btn-primary.disabled.active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary.active { + background-color: #3fb58e; + border-color: #38a27f; +} +.btn-primary .badge { + color: #3fb58e; + background-color: #ffffff; +} +.btn-success { + color: #ffffff; + background-color: #3fb58e; + border-color: #38a27f; +} +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success { + color: #ffffff; + background-color: #349776; + border-color: #29755c; +} +.btn-success:active, +.btn-success.active, +.open .dropdown-toggle.btn-success { + background-image: none; +} +.btn-success.disabled, +.btn-success[disabled], +fieldset[disabled] .btn-success, +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active, +.btn-success.disabled.active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success.active { + background-color: #3fb58e; + border-color: #38a27f; +} +.btn-success .badge { + color: #3fb58e; + background-color: #ffffff; +} +.btn-info { + color: #ffffff; + background-color: #27aae1; + border-color: #1d9cd1; +} +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + color: #ffffff; + background-color: #1b92c4; + border-color: #16749c; +} +.btn-info:active, +.btn-info.active, +.open .dropdown-toggle.btn-info { + background-image: none; +} +.btn-info.disabled, +.btn-info[disabled], +fieldset[disabled] .btn-info, +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled:active, +.btn-info[disabled]:active, +fieldset[disabled] .btn-info:active, +.btn-info.disabled.active, +.btn-info[disabled].active, +fieldset[disabled] .btn-info.active { + background-color: #27aae1; + border-color: #1d9cd1; +} +.btn-info .badge { + color: #27aae1; + background-color: #ffffff; +} +.btn-warning { + color: #ffffff; + background-color: #ee8950; + border-color: #ec7939; +} +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + color: #ffffff; + background-color: #ea702b; + border-color: #d35914; +} +.btn-warning:active, +.btn-warning.active, +.open .dropdown-toggle.btn-warning { + background-image: none; +} +.btn-warning.disabled, +.btn-warning[disabled], +fieldset[disabled] .btn-warning, +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active, +.btn-warning.disabled.active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning.active { + background-color: #ee8950; + border-color: #ec7939; +} +.btn-warning .badge { + color: #ee8950; + background-color: #ffffff; +} +.btn-danger { + color: #ffffff; + background-color: #c13832; + border-color: #ad322d; +} +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + color: #ffffff; + background-color: #a12f2a; + border-color: #7c2420; +} +.btn-danger:active, +.btn-danger.active, +.open .dropdown-toggle.btn-danger { + background-image: none; +} +.btn-danger.disabled, +.btn-danger[disabled], +fieldset[disabled] .btn-danger, +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active, +.btn-danger.disabled.active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger.active { + background-color: #c13832; + border-color: #ad322d; +} +.btn-danger .badge { + color: #c13832; + background-color: #ffffff; +} +.btn-link { + color: #27aae1; + font-weight: normal; + cursor: pointer; + border-radius: 0; +} +.btn-link, +.btn-link:active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + -webkit-box-shadow: none; + box-shadow: none; +} +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} +.btn-link:hover, +.btn-link:focus { + color: #177ba5; + text-decoration: underline; + background-color: transparent; +} +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:focus { + color: #999999; + text-decoration: none; +} +.btn-lg, +.btn-group-lg > .btn, +.btn-group-lg > .btn { + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 0; +} +.btn-sm, +.btn-group-sm > .btn, +.btn-group-sm > .btn { + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-xs, +.btn-group-xs > .btn, +.btn-group-xs > .btn { + padding: 1px 5px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +.btn-block { + display: block; + width: 100%; + padding-left: 0; + padding-right: 0; +} +.btn-block + .btn-block { + margin-top: 5px; +} +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + -ms-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} +.fade.in { + opacity: 1; +} +.collapse { + display: none; +} +.collapse.in { + display: block; +} +.collapsing { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + -ms-transition: height 0.35s ease; + transition: height 0.35s ease; +} +.caret { + display: inline-block; + width: 0; + height: 0; + margin-left: 2px; + vertical-align: middle; + border-top: 4px solid; + border-right: 4px solid transparent; + border-left: 4px solid transparent; +} +.dropdown { + position: relative; +} +.dropdown-toggle:focus { + outline: 0; +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + font-size: 14px; + background-color: #ffffff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 0; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + background-clip: padding-box; +} +.dropdown-menu.pull-right { + right: 0; + left: auto; +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 1.42857143; + color: #333333; + white-space: nowrap; +} +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus { + text-decoration: none; + color: #262626; + background-color: #f5f5f5; +} +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #ffffff; + text-decoration: none; + outline: 0; + background-color: #3fb58e; +} +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999999; +} +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + cursor: not-allowed; +} +.open > .dropdown-menu { + display: block; +} +.open > a { + outline: 0; +} +.dropdown-menu-right { + left: auto; + right: 0; +} +.dropdown-menu-left { + left: 0; + right: auto; +} +.dropdown-header { + display: block; + padding: 3px 20px; + font-size: 12px; + line-height: 1.42857143; + color: #999999; +} +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990; +} +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid; + content: ""; +} +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} +@media (min-width: 768px) { + .navbar-right .dropdown-menu { + left: auto; + right: 0; + } + .navbar-right .dropdown-menu-left { + left: 0; + right: auto; + } +} +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + float: left; +} +.btn-group > .btn:hover, +.btn-group-vertical > .btn:hover, +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus, +.btn-group > .btn:active, +.btn-group-vertical > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn.active { + z-index: 2; +} +.btn-group > .btn:focus, +.btn-group-vertical > .btn:focus { + outline: none; +} +.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 .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; +} +.btn-group > .btn:first-child { + margin-left: 0; +} +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.btn-group > .btn-group { + float: left; +} +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { + border-radius: 0; +} +.btn-group > .btn-group:first-child > .btn:last-child, +.btn-group > .btn-group:first-child > .dropdown-toggle { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.btn-group > .btn-group:last-child > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px; +} +.btn-group > .btn-lg + .dropdown-toggle { + padding-left: 12px; + padding-right: 12px; +} +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} +.btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none; +} +.btn .caret { + margin-left: 0; +} +.btn-lg .caret { + border-width: 5px 5px 0; + border-bottom-width: 0; +} +.dropup .btn-lg .caret { + border-width: 0 5px 5px; +} +.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 > .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 { + margin-top: -1px; + margin-left: 0; +} +.btn-group-vertical > .btn:not(:first-child):not(:last-child) { + border-radius: 0; +} +.btn-group-vertical > .btn:first-child:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn:last-child:not(:first-child) { + border-bottom-left-radius: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { + 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 { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.btn-group-justified { + display: table; + width: 100%; + table-layout: fixed; + border-collapse: separate; +} +.btn-group-justified > .btn, +.btn-group-justified > .btn-group { + float: none; + display: table-cell; + width: 1%; +} +.btn-group-justified > .btn-group .btn { + width: 100%; +} +[data-toggle="buttons"] > .btn > input[type="radio"], +[data-toggle="buttons"] > .btn > input[type="checkbox"] { + display: none; +} +.input-group { + position: relative; + display: table; + border-collapse: separate; +} +.input-group[class*="col-"] { + float: none; + padding-left: 0; + padding-right: 0; +} +.input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0; +} +.input-group-lg > .form-control, +.input-group-lg > .input-group-addon, +.input-group-lg > .input-group-btn > .btn { + height: 46px; + padding: 10px 16px; + font-size: 18px; + line-height: 1.33; + border-radius: 0; +} +select.input-group-lg > .form-control, +select.input-group-lg > .input-group-addon, +select.input-group-lg > .input-group-btn > .btn { + height: 46px; + line-height: 46px; +} +textarea.input-group-lg > .form-control, +textarea.input-group-lg > .input-group-addon, +textarea.input-group-lg > .input-group-btn > .btn, +select[multiple].input-group-lg > .form-control, +select[multiple].input-group-lg > .input-group-addon, +select[multiple].input-group-lg > .input-group-btn > .btn { + height: auto; +} +.input-group-sm > .form-control, +.input-group-sm > .input-group-addon, +.input-group-sm > .input-group-btn > .btn { + height: 30px; + padding: 5px 10px; + font-size: 12px; + line-height: 1.5; + border-radius: 0; +} +select.input-group-sm > .form-control, +select.input-group-sm > .input-group-addon, +select.input-group-sm > .input-group-btn > .btn { + height: 30px; + line-height: 30px; +} +textarea.input-group-sm > .form-control, +textarea.input-group-sm > .input-group-addon, +textarea.input-group-sm > .input-group-btn > .btn, +select[multiple].input-group-sm > .form-control, +select[multiple].input-group-sm > .input-group-addon, +select[multiple].input-group-sm > .input-group-btn > .btn { + height: auto; +} +.input-group-addon, +.input-group-btn, +.input-group .form-control { + display: table-cell; +} +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group .form-control:not(:first-child):not(:last-child) { + border-radius: 0; +} +.input-group-addon, +.input-group-btn { + width: 1%; + white-space: nowrap; + vertical-align: middle; +} +.input-group-addon { + padding: 6px 12px; + font-size: 14px; + font-weight: normal; + line-height: 1; + color: #555555; + text-align: center; + background-color: #eeeeee; + border: 1px solid #cccccc; + border-radius: 0; +} +.input-group-addon.input-sm { + padding: 5px 10px; + font-size: 12px; + border-radius: 0; +} +.input-group-addon.input-lg { + padding: 10px 16px; + font-size: 18px; + border-radius: 0; +} +.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-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.input-group-addon:first-child { + border-right: 0; +} +.input-group .form-control:last-child, +.input-group-addon:last-child, +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .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; +} +.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:hover, +.input-group-btn > .btn:focus, +.input-group-btn > .btn:active { + 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; +} +.nav { + margin-bottom: 0; + padding-left: 0; + list-style: none; +} +.nav > li { + position: relative; + display: block; +} +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.nav > li.disabled > a { + color: #999999; +} +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999999; + text-decoration: none; + background-color: transparent; + cursor: not-allowed; +} +.nav .open > a, +.nav .open > a:hover, +.nav .open > a:focus { + background-color: #eeeeee; + border-color: #27aae1; +} +.nav .nav-divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; +} +.nav > li > a > img { + max-width: none; +} +.nav-tabs { + border-bottom: 1px solid #dddddd; +} +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.42857143; + border: 1px solid transparent; + border-radius: 0 0 0 0; +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd; +} +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { + color: #555555; + background-color: #ffffff; + border: 1px solid #dddddd; + border-bottom-color: transparent; + cursor: default; +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: 0; +} +.nav-tabs.nav-justified > li { + float: none; +} +.nav-tabs.nav-justified > li > a { + text-align: center; + margin-bottom: 5px; +} +.nav-tabs.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-tabs.nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs.nav-justified > .active > a, +.nav-tabs.nav-justified > .active > a:hover, +.nav-tabs.nav-justified > .active > a:focus { + border: 1px solid #dddddd; +} +@media (min-width: 768px) { + .nav-tabs.nav-justified > li > a { + border-bottom: 1px solid #dddddd; + border-radius: 0 0 0 0; + } + .nav-tabs.nav-justified > .active > a, + .nav-tabs.nav-justified > .active > a:hover, + .nav-tabs.nav-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.nav-pills > li { + float: left; +} +.nav-pills > li > a { + border-radius: 0; +} +.nav-pills > li + li { + margin-left: 2px; +} +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { + color: #ffffff; + background-color: #3fb58e; +} +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li { + margin-top: 2px; + margin-left: 0; +} +.nav-justified { + width: 100%; +} +.nav-justified > li { + float: none; +} +.nav-justified > li > a { + text-align: center; + margin-bottom: 5px; +} +.nav-justified > .dropdown .dropdown-menu { + top: auto; + left: auto; +} +@media (min-width: 768px) { + .nav-justified > li { + display: table-cell; + width: 1%; + } + .nav-justified > li > a { + margin-bottom: 0; + } +} +.nav-tabs-justified { + border-bottom: 0; +} +.nav-tabs-justified > li > a { + margin-right: 0; + border-radius: 0; +} +.nav-tabs-justified > .active > a, +.nav-tabs-justified > .active > a:hover, +.nav-tabs-justified > .active > a:focus { + border: 1px solid #dddddd; +} +@media (min-width: 768px) { + .nav-tabs-justified > li > a { + border-bottom: 1px solid #dddddd; + border-radius: 0 0 0 0; + } + .nav-tabs-justified > .active > a, + .nav-tabs-justified > .active > a:hover, + .nav-tabs-justified > .active > a:focus { + border-bottom-color: #ffffff; + } +} +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} +.nav-tabs .dropdown-menu { + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar { + position: relative; + min-height: 60px; + margin-bottom: 20px; + border: 1px solid transparent; +} +@media (min-width: 768px) { + .navbar { + border-radius: 0; + } +} +@media (min-width: 768px) { + .navbar-header { + float: left; + } +} +.navbar-collapse { + max-height: 340px; + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-overflow-scrolling: touch; +} +.navbar-collapse.in { + overflow-y: auto; +} +@media (min-width: 768px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none; + } + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important; + } + .navbar-collapse.in { + overflow-y: visible; + } + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse, + .navbar-fixed-bottom .navbar-collapse { + padding-left: 0; + padding-right: 0; + } +} +.container > .navbar-header, +.container-fluid > .navbar-header, +.container > .navbar-collapse, +.container-fluid > .navbar-collapse { + margin-right: -15px; + margin-left: -15px; +} +@media (min-width: 768px) { + .container > .navbar-header, + .container-fluid > .navbar-header, + .container > .navbar-collapse, + .container-fluid > .navbar-collapse { + margin-right: 0; + margin-left: 0; + } +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px; +} +@media (min-width: 768px) { + .navbar-static-top { + border-radius: 0; + } +} +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; +} +@media (min-width: 768px) { + .navbar-fixed-top, + .navbar-fixed-bottom { + border-radius: 0; + } +} +.navbar-fixed-top { + top: 0; + border-width: 0 0 1px; +} +.navbar-fixed-bottom { + bottom: 0; + margin-bottom: 0; + border-width: 1px 0 0; +} +.navbar-brand { + float: left; + padding: 20px 15px; + font-size: 18px; + line-height: 20px; + height: 60px; +} +.navbar-brand:hover, +.navbar-brand:focus { + text-decoration: none; +} +@media (min-width: 768px) { + .navbar > .container .navbar-brand, + .navbar > .container-fluid .navbar-brand { + margin-left: -15px; + } +} +.navbar-toggle { + position: relative; + float: right; + margin-right: 15px; + padding: 9px 10px; + margin-top: 13px; + margin-bottom: 13px; + background-color: transparent; + background-image: none; + border: 1px solid transparent; + border-radius: 0; +} +.navbar-toggle:focus { + outline: none; +} +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px; +} +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; +} +@media (min-width: 768px) { + .navbar-toggle { + display: none; + } +} +.navbar-nav { + margin: 10px -15px; +} +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px; +} +@media (max-width: 767px) { + .navbar-nav .open .dropdown-menu { + position: static; + float: none; + width: auto; + margin-top: 0; + background-color: transparent; + border: 0; + box-shadow: none; + } + .navbar-nav .open .dropdown-menu > li > a, + .navbar-nav .open .dropdown-menu .dropdown-header { + padding: 5px 15px 5px 25px; + } + .navbar-nav .open .dropdown-menu > li > a { + line-height: 20px; + } + .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-nav .open .dropdown-menu > li > a:focus { + background-image: none; + } +} +@media (min-width: 768px) { + .navbar-nav { + float: left; + margin: 0; + } + .navbar-nav > li { + float: left; + } + .navbar-nav > li > a { + padding-top: 20px; + padding-bottom: 20px; + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px; + } +} +@media (min-width: 768px) { + .navbar-left { + float: left !important; + } + .navbar-right { + float: right !important; + } +} +.navbar-form { + margin-left: -15px; + margin-right: -15px; + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + margin-top: 13px; + margin-bottom: 13px; +} +@media (min-width: 768px) { + .navbar-form .form-group { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle; + } + .navbar-form .input-group > .form-control { + width: 100%; + } + .navbar-form .control-label { + margin-bottom: 0; + vertical-align: middle; + } + .navbar-form .radio, + .navbar-form .checkbox { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + padding-left: 0; + vertical-align: middle; + } + .navbar-form .radio input[type="radio"], + .navbar-form .checkbox input[type="checkbox"] { + float: none; + margin-left: 0; + } + .navbar-form .has-feedback .form-control-feedback { + top: 0; + } +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px; + } +} +@media (min-width: 768px) { + .navbar-form { + width: auto; + border: 0; + margin-left: 0; + margin-right: 0; + padding-top: 0; + padding-bottom: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .navbar-form.navbar-right:last-child { + margin-right: -15px; + } +} +.navbar-nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.navbar-btn { + margin-top: 13px; + margin-bottom: 13px; +} +.navbar-btn.btn-sm { + margin-top: 15px; + margin-bottom: 15px; +} +.navbar-btn.btn-xs { + margin-top: 19px; + margin-bottom: 19px; +} +.navbar-text { + margin-top: 20px; + margin-bottom: 20px; +} +@media (min-width: 768px) { + .navbar-text { + float: left; + margin-left: 15px; + margin-right: 15px; + } + .navbar-text.navbar-right:last-child { + margin-right: 0; + } +} +.navbar-default { + background-color: white; + border-color: #eeeeee; +} +.navbar-default .navbar-brand { + color: #777777; +} +.navbar-default .navbar-brand:hover, +.navbar-default .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent; +} +.navbar-default .navbar-text { + color: #777777; +} +.navbar-default .navbar-nav > li > a { + color: #777777; +} +.navbar-default .navbar-nav > li > a:hover, +.navbar-default .navbar-nav > li > a:focus { + color: #333333; + background-color: transparent; +} +.navbar-default .navbar-nav > .active > a, +.navbar-default .navbar-nav > .active > a:hover, +.navbar-default .navbar-nav > .active > a:focus { + color: #555555; + background-color: #f6f8fa; +} +.navbar-default .navbar-nav > .disabled > a, +.navbar-default .navbar-nav > .disabled > a:hover, +.navbar-default .navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-default .navbar-toggle { + border-color: #dddddd; +} +.navbar-default .navbar-toggle:hover, +.navbar-default .navbar-toggle:focus { + background-color: #dddddd; +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888888; +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #eeeeee; +} +.navbar-default .navbar-nav > .open > a, +.navbar-default .navbar-nav > .open > a:hover, +.navbar-default .navbar-nav > .open > a:focus { + background-color: #f6f8fa; + color: #555555; +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu > li > a { + color: #777777; + } + .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { + color: #333333; + background-color: transparent; + } + .navbar-default .navbar-nav .open .dropdown-menu > .active > a, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555555; + background-color: #f6f8fa; + } + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #cccccc; + background-color: transparent; + } +} +.navbar-default .navbar-link { + color: #777777; +} +.navbar-default .navbar-link:hover { + color: #333333; +} +.navbar-inverse { + background-color: #013e5f; + border-color: #01293e; +} +.navbar-inverse .navbar-brand { + color: white; +} +.navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-brand:focus { + color: white; + background-color: #01527d; +} +.navbar-inverse .navbar-text { + color: #ffffff; +} +.navbar-inverse .navbar-nav > li > a { + color: rgba(255, 255, 255, 0.7); +} +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus { + color: white; + background-color: #01527d; +} +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus { + color: white; + background-color: #01527d; +} +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:hover, +.navbar-inverse .navbar-nav > .disabled > a:focus { + color: #026fab; + background-color: transparent; +} +.navbar-inverse .navbar-toggle { + border-color: transparent; +} +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus { + background-color: #01527d; +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #013e5f; +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #01273c; +} +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { + background-color: #01527d; + color: white; +} +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { + border-color: #01293e; + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: #01293e; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { + color: rgba(255, 255, 255, 0.7); + } + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { + color: white; + background-color: #01527d; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { + color: white; + background-color: #01527d; + } + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #026fab; + background-color: transparent; + } +} +.navbar-inverse .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.navbar-inverse .navbar-link:hover { + color: white; +} +.breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 0; +} +.breadcrumb > li { + display: inline-block; +} +.breadcrumb > li + li:before { + content: "/\00a0"; + padding: 0 5px; + color: #cccccc; +} +.breadcrumb > .active { + color: #999999; +} +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 0; +} +.pagination > li { + display: inline; +} +.pagination > li > a, +.pagination > li > span { + position: relative; + float: left; + padding: 6px 12px; + line-height: 1.42857143; + text-decoration: none; + color: #27aae1; + background-color: #ffffff; + border: 1px solid #dddddd; + margin-left: -1px; +} +.pagination > li:first-child > a, +.pagination > li:first-child > span { + margin-left: 0; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.pagination > li > a:hover, +.pagination > li > span:hover, +.pagination > li > a:focus, +.pagination > li > span:focus { + color: #177ba5; + background-color: #eeeeee; + border-color: #dddddd; +} +.pagination > .active > a, +.pagination > .active > span, +.pagination > .active > a:hover, +.pagination > .active > span:hover, +.pagination > .active > a:focus, +.pagination > .active > span:focus { + z-index: 2; + color: #ffffff; + background-color: #3fb58e; + border-color: #3fb58e; + cursor: default; +} +.pagination > .disabled > span, +.pagination > .disabled > span:hover, +.pagination > .disabled > span:focus, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + background-color: #ffffff; + border-color: #dddddd; + cursor: not-allowed; +} +.pagination-lg > li > a, +.pagination-lg > li > span { + padding: 10px 16px; + font-size: 18px; +} +.pagination-lg > li:first-child > a, +.pagination-lg > li:first-child > span { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.pagination-lg > li:last-child > a, +.pagination-lg > li:last-child > span { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.pagination-sm > li > a, +.pagination-sm > li > span { + padding: 5px 10px; + font-size: 12px; +} +.pagination-sm > li:first-child > a, +.pagination-sm > li:first-child > span { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.pagination-sm > li:last-child > a, +.pagination-sm > li:last-child > span { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.pager { + padding-left: 0; + margin: 20px 0; + list-style: none; + text-align: center; +} +.pager li { + display: inline; +} +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 15px; +} +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} +.pager .next > a, +.pager .next > span { + float: right; +} +.pager .previous > a, +.pager .previous > span { + float: left; +} +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + background-color: #ffffff; + cursor: not-allowed; +} +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + font-weight: bold; + line-height: 1; + color: #ffffff; + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: .25em; +} +.label[href]:hover, +.label[href]:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +.label:empty { + display: none; +} +.btn .label { + position: relative; + top: -1px; +} +.label-default { + background-color: #999999; +} +.label-default[href]:hover, +.label-default[href]:focus { + background-color: #808080; +} +.label-primary { + background-color: #3fb58e; +} +.label-primary[href]:hover, +.label-primary[href]:focus { + background-color: #328f70; +} +.label-success { + background-color: #3fb58e; +} +.label-success[href]:hover, +.label-success[href]:focus { + background-color: #328f70; +} +.label-info { + background-color: #27aae1; +} +.label-info[href]:hover, +.label-info[href]:focus { + background-color: #1a8bbb; +} +.label-warning { + background-color: #ee8950; +} +.label-warning[href]:hover, +.label-warning[href]:focus { + background-color: #e96a22; +} +.label-danger { + background-color: #c13832; +} +.label-danger[href]:hover, +.label-danger[href]:focus { + background-color: #982c28; +} +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + color: #ffffff; + line-height: 1; + vertical-align: baseline; + white-space: nowrap; + text-align: center; + background-color: #999999; + border-radius: 10px; +} +.badge:empty { + display: none; +} +.btn .badge { + position: relative; + top: -1px; +} +.btn-xs .badge { + top: 0; + padding: 1px 5px; +} +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} +a.list-group-item.active > .badge, +.nav-pills > .active > a > .badge { + color: #27aae1; + background-color: #ffffff; +} +.nav-pills > li > a > .badge { + margin-left: 3px; +} +.jumbotron { + padding: 30px; + margin-bottom: 30px; + color: white; + background-color: #3fb58e; +} +.jumbotron h1, +.jumbotron .h1 { + color: inherit; +} +.jumbotron p { + margin-bottom: 15px; + font-size: 21px; + font-weight: 200; +} +.container .jumbotron { + border-radius: 0; +} +.jumbotron .container { + max-width: 100%; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 48px; + padding-bottom: 48px; + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px; + } + .jumbotron h1, + .jumbotron .h1 { + font-size: 63px; + } +} +.thumbnail { + display: block; + padding: 0; + margin-bottom: 20px; + line-height: 1.42857143; + background-color: #ffffff; + border: 1px solid none; + border-radius: 0; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +.thumbnail > img, +.thumbnail a > img { + margin-left: auto; + margin-right: auto; +} +a.thumbnail:hover, +a.thumbnail:focus, +a.thumbnail.active { + border-color: #27aae1; +} +.thumbnail .caption { + padding: 12px; + color: #333333; +} +.alert { + padding: 15px; + margin-bottom: 20px; + border: 1px solid transparent; + border-radius: 0; +} +.alert h4 { + margin-top: 0; + color: inherit; +} +.alert .alert-link { + font-weight: bold; +} +.alert > p, +.alert > ul { + margin-bottom: 0; +} +.alert > p + p { + margin-top: 5px; +} +.alert-dismissable { + padding-right: 35px; +} +.alert-dismissable .close { + position: relative; + top: -2px; + right: -21px; + color: inherit; +} +.alert-success { + background-color: #3fb58e; + border-color: #d6e9c6; + color: #ffffff; +} +.alert-success hr { + border-top-color: #c9e2b3; +} +.alert-success .alert-link { + color: #e6e6e6; +} +.alert-success hr { + border-top-color: #c9e2b3; +} +.alert-success .alert-link { + color: #ffffff; + text-decoration: underline; +} +.alert-info { + background-color: #fff2cc; + border-color: #bce8f1; + color: #4d4e53; +} +.alert-info hr { + border-top-color: #a6e1ec; +} +.alert-info .alert-link { + color: #343539; +} +.alert-info hr { + border-top-color: #a6e1ec; +} +.alert-info .alert-link { + color: #4d4e53; + text-decoration: underline; +} +.alert-warning { + background-color: #ee8950; + border-color: #faebcc; + color: #ffffff; +} +.alert-warning hr { + border-top-color: #f7e1b5; +} +.alert-warning .alert-link { + color: #e6e6e6; +} +.alert-warning hr { + border-top-color: #f7e1b5; +} +.alert-warning .alert-link { + color: #ffffff; + text-decoration: underline; +} +.alert-danger { + background-color: #c13832; + border-color: #ebccd1; + color: #ffffff; +} +.alert-danger hr { + border-top-color: #e4b9c0; +} +.alert-danger .alert-link { + color: #e6e6e6; +} +.alert-danger hr { + border-top-color: #e4b9c0; +} +.alert-danger .alert-link { + color: #ffffff; + text-decoration: underline; +} +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} +.progress { + overflow: hidden; + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 0; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} +.progress-bar { + float: left; + width: 0%; + height: 100%; + font-size: 12px; + line-height: 20px; + color: #ffffff; + text-align: center; + background-color: #3fb58e; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + -ms-transition: width 0.6s ease; + transition: width 0.6s ease; +} +.progress-striped .progress-bar { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: 40px 40px; +} +.progress.active .progress-bar { + animation: progress-bar-stripes 2s linear infinite; + -webkit-animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; +} +.progress-bar-success { + background-color: #3fb58e; +} +.progress-striped .progress-bar-success { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-info { + background-color: #27aae1; +} +.progress-striped .progress-bar-info { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-warning { + background-color: #ee8950; +} +.progress-striped .progress-bar-warning { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} +.progress-bar-danger { + background-color: #c13832; +} +.progress-striped .progress-bar-danger { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: 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); +} +.media, +.media-body { + overflow: hidden; + zoom: 1; +} +.media, +.media .media { + margin-top: 15px; +} +.media:first-child { + margin-top: 0; +} +.media-object { + display: block; +} +.media-heading { + margin: 0 0 5px; +} +.media > .pull-left { + margin-right: 10px; +} +.media > .pull-right { + margin-left: 10px; +} +.media-list { + padding-left: 0; + list-style: none; +} +.list-group { + margin-bottom: 20px; + padding-left: 0; +} +.list-group-item { + position: relative; + display: block; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #ffffff; + border: 1px solid #dddddd; +} +.list-group-item:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.list-group-item > .badge { + float: right; +} +.list-group-item > .badge + .badge { + margin-right: 5px; +} +a.list-group-item { + color: #555555; +} +a.list-group-item .list-group-item-heading { + color: #333333; +} +a.list-group-item:hover, +a.list-group-item:focus { + text-decoration: none; + background-color: #f5f5f5; +} +a.list-group-item.active, +a.list-group-item.active:hover, +a.list-group-item.active:focus { + z-index: 2; + color: #ffffff; + background-color: #3fb58e; + border-color: #3fb58e; +} +a.list-group-item.active .list-group-item-heading, +a.list-group-item.active:hover .list-group-item-heading, +a.list-group-item.active:focus .list-group-item-heading { + color: inherit; +} +a.list-group-item.active .list-group-item-text, +a.list-group-item.active:hover .list-group-item-text, +a.list-group-item.active:focus .list-group-item-text { + color: #d1efe5; +} +.list-group-item-success { + color: #3c763d; + background-color: #dff0d8; +} +a.list-group-item-success { + color: #3c763d; +} +a.list-group-item-success .list-group-item-heading { + color: inherit; +} +a.list-group-item-success:hover, +a.list-group-item-success:focus { + color: #3c763d; + background-color: #d0e9c6; +} +a.list-group-item-success.active, +a.list-group-item-success.active:hover, +a.list-group-item-success.active:focus { + color: #fff; + background-color: #3c763d; + border-color: #3c763d; +} +.list-group-item-info { + color: #31708f; + background-color: #d9edf7; +} +a.list-group-item-info { + color: #31708f; +} +a.list-group-item-info .list-group-item-heading { + color: inherit; +} +a.list-group-item-info:hover, +a.list-group-item-info:focus { + color: #31708f; + background-color: #c4e3f3; +} +a.list-group-item-info.active, +a.list-group-item-info.active:hover, +a.list-group-item-info.active:focus { + color: #fff; + background-color: #31708f; + border-color: #31708f; +} +.list-group-item-warning { + color: #8a6d3b; + background-color: #fcf8e3; +} +a.list-group-item-warning { + color: #8a6d3b; +} +a.list-group-item-warning .list-group-item-heading { + color: inherit; +} +a.list-group-item-warning:hover, +a.list-group-item-warning:focus { + color: #8a6d3b; + background-color: #faf2cc; +} +a.list-group-item-warning.active, +a.list-group-item-warning.active:hover, +a.list-group-item-warning.active:focus { + color: #fff; + background-color: #8a6d3b; + border-color: #8a6d3b; +} +.list-group-item-danger { + color: #a94442; + background-color: #f2dede; +} +a.list-group-item-danger { + color: #a94442; +} +a.list-group-item-danger .list-group-item-heading { + color: inherit; +} +a.list-group-item-danger:hover, +a.list-group-item-danger:focus { + color: #a94442; + background-color: #ebcccc; +} +a.list-group-item-danger.active, +a.list-group-item-danger.active:hover, +a.list-group-item-danger.active:focus { + color: #fff; + background-color: #a94442; + border-color: #a94442; +} +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} +.panel { + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid transparent; + border-radius: 0; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} +.panel-body { + padding: 15px; +} +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-right-radius: -1; + border-top-left-radius: -1; +} +.panel-heading > .dropdown .dropdown-toggle { + color: inherit; +} +.panel-title { + margin-top: 0; + margin-bottom: 0; + font-size: 16px; + color: inherit; +} +.panel-title > a { + color: inherit; +} +.panel-footer { + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #dddddd; + border-bottom-right-radius: -1; + border-bottom-left-radius: -1; +} +.panel > .list-group { + margin-bottom: 0; +} +.panel > .list-group .list-group-item { + border-width: 1px 0; + border-radius: 0; +} +.panel > .list-group:first-child .list-group-item:first-child { + border-top: 0; + border-top-right-radius: -1; + border-top-left-radius: -1; +} +.panel > .list-group:last-child .list-group-item:last-child { + border-bottom: 0; + border-bottom-right-radius: -1; + border-bottom-left-radius: -1; +} +.panel-heading + .list-group .list-group-item:first-child { + border-top-width: 0; +} +.panel > .table, +.panel > .table-responsive > .table { + margin-bottom: 0; +} +.panel > .table:first-child, +.panel > .table-responsive:first-child > .table:first-child { + border-top-right-radius: -1; + border-top-left-radius: -1; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { + border-top-left-radius: -1; +} +.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, +.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, +.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, +.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { + border-top-right-radius: -1; +} +.panel > .table:last-child, +.panel > .table-responsive:last-child > .table:last-child { + border-bottom-right-radius: -1; + border-bottom-left-radius: -1; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { + border-bottom-left-radius: -1; +} +.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, +.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, +.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, +.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { + border-bottom-right-radius: -1; +} +.panel > .panel-body + .table, +.panel > .panel-body + .table-responsive { + border-top: 1px solid #dddddd; +} +.panel > .table > tbody:first-child > tr:first-child th, +.panel > .table > tbody:first-child > tr:first-child td { + border-top: 0; +} +.panel > .table-bordered, +.panel > .table-responsive > .table-bordered { + border: 0; +} +.panel > .table-bordered > thead > tr > th:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, +.panel > .table-bordered > tbody > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, +.panel > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, +.panel > .table-bordered > thead > tr > td:first-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, +.panel > .table-bordered > tbody > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, +.panel > .table-bordered > tfoot > tr > td:first-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { + border-left: 0; +} +.panel > .table-bordered > thead > tr > th:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, +.panel > .table-bordered > tbody > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, +.panel > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, +.panel > .table-bordered > thead > tr > td:last-child, +.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, +.panel > .table-bordered > tbody > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, +.panel > .table-bordered > tfoot > tr > td:last-child, +.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { + border-right: 0; +} +.panel > .table-bordered > thead > tr:first-child > td, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, +.panel > .table-bordered > tbody > tr:first-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, +.panel > .table-bordered > thead > tr:first-child > th, +.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, +.panel > .table-bordered > tbody > tr:first-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { + border-bottom: 0; +} +.panel > .table-bordered > tbody > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, +.panel > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, +.panel > .table-bordered > tbody > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, +.panel > .table-bordered > tfoot > tr:last-child > th, +.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { + border-bottom: 0; +} +.panel > .table-responsive { + border: 0; + margin-bottom: 0; +} +.panel-group { + margin-bottom: 20px; +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 0; + overflow: hidden; +} +.panel-group .panel + .panel { + margin-top: 5px; +} +.panel-group .panel-heading { + border-bottom: 0; +} +.panel-group .panel-heading + .panel-collapse .panel-body { + border-top: 1px solid #dddddd; +} +.panel-group .panel-footer { + border-top: 0; +} +.panel-group .panel-footer + .panel-collapse .panel-body { + border-bottom: 1px solid #dddddd; +} +.panel-default { + border-color: #dddddd; +} +.panel-default > .panel-heading { + color: #333333; + background-color: #f5f5f5; + border-color: #dddddd; +} +.panel-default > .panel-heading + .panel-collapse .panel-body { + border-top-color: #dddddd; +} +.panel-default > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #dddddd; +} +.panel-primary { + border-color: #3fb58e; +} +.panel-primary > .panel-heading { + color: #ffffff; + background-color: #3fb58e; + border-color: #3fb58e; +} +.panel-primary > .panel-heading + .panel-collapse .panel-body { + border-top-color: #3fb58e; +} +.panel-primary > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #3fb58e; +} +.panel-success { + border-color: #d6e9c6; +} +.panel-success > .panel-heading { + color: #3c763d; + background-color: #dff0d8; + border-color: #d6e9c6; +} +.panel-success > .panel-heading + .panel-collapse .panel-body { + border-top-color: #d6e9c6; +} +.panel-success > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #d6e9c6; +} +.panel-info { + border-color: #bce8f1; +} +.panel-info > .panel-heading { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} +.panel-info > .panel-heading + .panel-collapse .panel-body { + border-top-color: #bce8f1; +} +.panel-info > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #bce8f1; +} +.panel-warning { + border-color: #faebcc; +} +.panel-warning > .panel-heading { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} +.panel-warning > .panel-heading + .panel-collapse .panel-body { + border-top-color: #faebcc; +} +.panel-warning > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #faebcc; +} +.panel-danger { + border-color: #ebccd1; +} +.panel-danger > .panel-heading { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} +.panel-danger > .panel-heading + .panel-collapse .panel-body { + border-top-color: #ebccd1; +} +.panel-danger > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #ebccd1; +} +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} +.well-lg { + padding: 24px; + border-radius: 0; +} +.well-sm { + padding: 9px; + border-radius: 0; +} +.close { + float: right; + font-size: 21px; + font-weight: bold; + line-height: 1; + color: #000000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} +.close:hover, +.close:focus { + color: #000000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); +} +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} +.modal-open { + overflow: hidden; +} +.modal { + display: none; + overflow: auto; + overflow-y: scroll; + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1050; + -webkit-overflow-scrolling: touch; + outline: 0; +} +.modal.fade .modal-dialog { + -webkit-transform: translate(0, -25%); + -ms-transform: translate(0, -25%); + transform: translate(0, -25%); + -webkit-transition: -webkit-transform 0.3s ease-out; + -moz-transition: -moz-transform 0.3s ease-out; + -o-transition: -o-transform 0.3s ease-out; + transition: transform 0.3s ease-out; +} +.modal.in .modal-dialog { + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); +} +.modal-dialog { + position: relative; + width: auto; + margin: 10px; +} +.modal-content { + position: relative; + background-color: #ffffff; + border: 1px solid #999999; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + background-clip: padding-box; + outline: none; +} +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000000; +} +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0); +} +.modal-backdrop.in { + opacity: 0.5; + filter: alpha(opacity=50); +} +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; + min-height: 16.42857143px; +} +.modal-header .close { + margin-top: -2px; +} +.modal-title { + margin: 0; + line-height: 1.42857143; +} +.modal-body { + position: relative; + padding: 20px; +} +.modal-footer { + margin-top: 15px; + padding: 19px 20px 20px; + text-align: right; + border-top: 1px solid #e5e5e5; +} +.modal-footer .btn + .btn { + margin-left: 5px; + margin-bottom: 0; +} +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} +@media (min-width: 768px) { + .modal-dialog { + width: 600px; + margin: 30px auto; + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } + .modal-sm { + width: 300px; + } +} +@media (min-width: 992px) { + .modal-lg { + width: 900px; + } +} +.tooltip { + position: absolute; + z-index: 1030; + display: block; + visibility: visible; + font-size: 12px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0); +} +.tooltip.in { + opacity: 0.9; + filter: alpha(opacity=90); +} +.tooltip.top { + margin-top: -3px; + padding: 5px 0; +} +.tooltip.right { + margin-left: 3px; + padding: 0 5px; +} +.tooltip.bottom { + margin-top: 3px; + padding: 5px 0; +} +.tooltip.left { + margin-left: -3px; + padding: 0 5px; +} +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: #000000; + border-radius: 0; +} +.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: #000000; +} +.tooltip.top-left .tooltip-arrow { + bottom: 0; + left: 5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.top-right .tooltip-arrow { + bottom: 0; + right: 5px; + border-width: 5px 5px 0; + border-top-color: #000000; +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000000; +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000000; +} +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.tooltip.bottom-left .tooltip-arrow { + top: 0; + left: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.tooltip.bottom-right .tooltip-arrow { + top: 0; + right: 5px; + border-width: 0 5px 5px; + border-bottom-color: #000000; +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + background-color: #ffffff; + background-clip: padding-box; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 0; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + white-space: normal; +} +.popover.top { + margin-top: -10px; +} +.popover.right { + margin-left: 10px; +} +.popover.bottom { + margin-top: 10px; +} +.popover.left { + margin-left: -10px; +} +.popover-title { + margin: 0; + padding: 8px 14px; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} +.popover-content { + padding: 9px 14px; +} +.popover > .arrow, +.popover > .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} +.popover > .arrow { + border-width: 11px; +} +.popover > .arrow:after { + border-width: 10px; + content: ""; +} +.popover.top > .arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999999; + border-top-color: rgba(0, 0, 0, 0.25); + bottom: -11px; +} +.popover.top > .arrow:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #ffffff; +} +.popover.right > .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999999; + border-right-color: rgba(0, 0, 0, 0.25); +} +.popover.right > .arrow:after { + content: " "; + left: 1px; + bottom: -10px; + border-left-width: 0; + border-right-color: #ffffff; +} +.popover.bottom > .arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999999; + border-bottom-color: rgba(0, 0, 0, 0.25); + top: -11px; +} +.popover.bottom > .arrow:after { + content: " "; + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #ffffff; +} +.popover.left > .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999999; + border-left-color: rgba(0, 0, 0, 0.25); +} +.popover.left > .arrow:after { + content: " "; + right: 1px; + border-right-width: 0; + border-left-color: #ffffff; + bottom: -10px; +} +.carousel { + position: relative; +} +.carousel-inner { + position: relative; + overflow: hidden; + width: 100%; +} +.carousel-inner > .item { + display: none; + position: relative; + -webkit-transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + -ms-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + line-height: 1; +} +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} +.carousel-inner > .active { + left: 0; +} +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} +.carousel-inner > .next { + left: 100%; +} +.carousel-inner > .prev { + left: -100%; +} +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} +.carousel-inner > .active.left { + left: -100%; +} +.carousel-inner > .active.right { + left: 100%; +} +.carousel-control { + position: absolute; + top: 0; + left: 0; + bottom: 0; + width: 15%; + opacity: 0.5; + filter: alpha(opacity=50); + font-size: 20px; + color: #ffffff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-control.left { + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%)); + 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 { + left: auto; + right: 0; + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%)); + 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:hover, +.carousel-control:focus { + outline: none; + color: #ffffff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} +.carousel-control .icon-prev, +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block; +} +.carousel-control .icon-prev, +.carousel-control .glyphicon-chevron-left { + left: 50%; +} +.carousel-control .icon-next, +.carousel-control .glyphicon-chevron-right { + right: 50%; +} +.carousel-control .icon-prev, +.carousel-control .icon-next { + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: -10px; + font-family: serif; +} +.carousel-control .icon-prev:before { + content: '\2039'; +} +.carousel-control .icon-next:before { + content: '\203a'; +} +.carousel-indicators { + position: absolute; + bottom: 10px; + left: 50%; + z-index: 15; + width: 60%; + margin-left: -30%; + padding-left: 0; + list-style: none; + text-align: center; +} +.carousel-indicators li { + display: inline-block; + width: 10px; + height: 10px; + margin: 1px; + text-indent: -999px; + border: 1px solid #ffffff; + border-radius: 10px; + cursor: pointer; + background-color: #000 \9; + background-color: rgba(0, 0, 0, 0); +} +.carousel-indicators .active { + margin: 0; + width: 12px; + height: 12px; + background-color: #ffffff; +} +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #ffffff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} +.carousel-caption .btn { + text-shadow: none; +} +@media screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-prev, + .carousel-control .icon-next { + width: 30px; + height: 30px; + margin-top: -15px; + margin-left: -15px; + font-size: 30px; + } + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px; + } + .carousel-indicators { + bottom: 20px; + } +} +.clearfix, +.container, +.container-fluid, +.row, +.form-horizontal .form-group, +.btn-toolbar, +.btn-group-vertical > .btn-group, +.nav, +.navbar, +.navbar-header, +.navbar-collapse, +.pager, +.panel-body, +.modal-footer, +.container, +.container-fluid, +.row, +.form-horizontal .form-group, +.btn-toolbar, +.btn-group-vertical > .btn-group, +.nav, +.navbar, +.navbar-header, +.navbar-collapse, +.pager, +.panel-body, +.modal-footer { + *zoom: 1; +} +.clearfix:before, +.clearfix:after, +.container:before, +.container:after, +.container-fluid:before, +.container-fluid:after, +.row:before, +.row:after, +.form-horizontal .form-group:before, +.form-horizontal .form-group:after, +.btn-toolbar:before, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after, +.nav:before, +.nav:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after, +.navbar-collapse:before, +.navbar-collapse:after, +.pager:before, +.pager:after, +.panel-body:before, +.panel-body:after, +.modal-footer:before, +.modal-footer:after, +.container:before, +.container:after, +.container-fluid:before, +.container-fluid:after, +.row:before, +.row:after, +.form-horizontal .form-group:before, +.form-horizontal .form-group:after, +.btn-toolbar:before, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after, +.nav:before, +.nav:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after, +.navbar-collapse:before, +.navbar-collapse:after, +.pager:before, +.pager:after, +.panel-body:before, +.panel-body:after, +.modal-footer:before, +.modal-footer:after { + content: " "; + display: table; +} +.clearfix:after, +.container:after, +.container-fluid:after, +.row:after, +.form-horizontal .form-group:after, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:after, +.nav:after, +.navbar:after, +.navbar-header:after, +.navbar-collapse:after, +.pager:after, +.panel-body:after, +.modal-footer:after, +.container:after, +.container-fluid:after, +.row:after, +.form-horizontal .form-group:after, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:after, +.nav:after, +.navbar:after, +.navbar-header:after, +.navbar-collapse:after, +.pager:after, +.panel-body:after, +.modal-footer:after { + clear: both; +} +.clearfix:before, +.clearfix:after, +.container:before, +.container:after, +.container-fluid:before, +.container-fluid:after, +.row:before, +.row:after, +.form-horizontal .form-group:before, +.form-horizontal .form-group:after, +.btn-toolbar:before, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after, +.nav:before, +.nav:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after, +.navbar-collapse:before, +.navbar-collapse:after, +.pager:before, +.pager:after, +.panel-body:before, +.panel-body:after, +.modal-footer:before, +.modal-footer:after, +.container:before, +.container:after, +.container-fluid:before, +.container-fluid:after, +.row:before, +.row:after, +.form-horizontal .form-group:before, +.form-horizontal .form-group:after, +.btn-toolbar:before, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:before, +.btn-group-vertical > .btn-group:after, +.nav:before, +.nav:after, +.navbar:before, +.navbar:after, +.navbar-header:before, +.navbar-header:after, +.navbar-collapse:before, +.navbar-collapse:after, +.pager:before, +.pager:after, +.panel-body:before, +.panel-body:after, +.modal-footer:before, +.modal-footer:after { + content: ""; + display: table; +} +.clearfix:after, +.container:after, +.container-fluid:after, +.row:after, +.form-horizontal .form-group:after, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:after, +.nav:after, +.navbar:after, +.navbar-header:after, +.navbar-collapse:after, +.pager:after, +.panel-body:after, +.modal-footer:after, +.container:after, +.container-fluid:after, +.row:after, +.form-horizontal .form-group:after, +.btn-toolbar:after, +.btn-group-vertical > .btn-group:after, +.nav:after, +.navbar:after, +.navbar-header:after, +.navbar-collapse:after, +.pager:after, +.panel-body:after, +.modal-footer:after { + clear: both; +} +.center-block { + display: block; + margin-left: auto; + margin-right: auto; +} +.pull-right { + float: right !important; +} +.pull-left { + float: left !important; +} +.hide { + display: none !important; +} +.show { + display: block !important; +} +.invisible { + visibility: hidden; +} +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} +.hidden { + display: none !important; + visibility: hidden !important; +} +.affix { + position: fixed; +} +@-ms-viewport { + width: device-width; +} +.visible-xs, +.visible-sm, +.visible-md, +.visible-lg { + display: none !important; +} +@media (max-width: 767px) { + .visible-xs { + display: block !important; + } + table.visible-xs { + display: table; + } + tr.visible-xs { + display: table-row !important; + } + th.visible-xs, + td.visible-xs { + display: table-cell !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .visible-sm { + display: block !important; + } + table.visible-sm { + display: table; + } + tr.visible-sm { + display: table-row !important; + } + th.visible-sm, + td.visible-sm { + display: table-cell !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .visible-md { + display: block !important; + } + table.visible-md { + display: table; + } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } +} +@media (min-width: 1200px) { + .visible-lg { + display: block !important; + } + table.visible-lg { + display: table; + } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } +} +@media (max-width: 767px) { + .hidden-xs { + display: none !important; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .hidden-sm { + display: none !important; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .hidden-md { + display: none !important; + } +} +@media (min-width: 1200px) { + .hidden-lg { + display: none !important; + } +} +.visible-print { + display: none !important; +} +@media print { + .visible-print { + display: block !important; + } + table.visible-print { + display: table; + } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !important; + } +} +@media print { + .hidden-print { + display: none !important; + } +} +/********************************************************* +* Main Mod +*/ +/********************************************************* +* Buttons +*/ +.btn-secondary { + color: #ffffff; + background-color: #013e5f; + border-color: #012e46; +} +.btn-secondary:hover, +.btn-secondary:focus, +.btn-secondary:active, +.btn-secondary.active, +.open .dropdown-toggle.btn-secondary { + color: #ffffff; + background-color: #012437; + border-color: #000609; +} +.btn-secondary:active, +.btn-secondary.active, +.open .dropdown-toggle.btn-secondary { + background-image: none; +} +.btn-secondary.disabled, +.btn-secondary[disabled], +fieldset[disabled] .btn-secondary, +.btn-secondary.disabled:hover, +.btn-secondary[disabled]:hover, +fieldset[disabled] .btn-secondary:hover, +.btn-secondary.disabled:focus, +.btn-secondary[disabled]:focus, +fieldset[disabled] .btn-secondary:focus, +.btn-secondary.disabled:active, +.btn-secondary[disabled]:active, +fieldset[disabled] .btn-secondary:active, +.btn-secondary.disabled.active, +.btn-secondary[disabled].active, +fieldset[disabled] .btn-secondary.active { + background-color: #013e5f; + border-color: #012e46; +} +.btn-secondary .badge { + color: #013e5f; + background-color: #ffffff; +} +.dropdown-toggle { + cursor: pointer; +} +/********************************************************* +* Forms +*/ +.has-success .form-control:focus, +.has-error .form-control:focus, +.has-warning .form-control:focus { + box-shadow: none; +} +.form-control:focus { + box-shadow: none; +} +/********************************************************* +* Jumbotron +*/ +.jumbotron { + background: #3fb58e; + background: -moz-linear-gradient(left, #3fb58e 0%, #75c4a8 50%, #3fb58e 100%); + /* FF3.6+ */ + background: -webkit-gradient(linear, left top, right top, color-stop(0%, #3fb58e), color-stop(50%, #75c4a8), color-stop(100%, #3fb58e)); + /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(left, #3fb58e 0%, #75c4a8 50%, #3fb58e 100%); + /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(left, #3fb58e 0%, #75c4a8 50%, #3fb58e 100%); + /* Opera 11.10+ */ + background: -ms-linear-gradient(left, #3fb58e 0%, #75c4a8 50%, #3fb58e 100%); + /* IE10+ */ + background: linear-gradient(to right, #3fb58e 0%, #75c4a8 50%, #3fb58e 100%); + /* W3C */ + background-attachment: fixed; +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 120px; + } +} +.jumbotron h1, +.jumbotron p { + font-weight: 300; +} +.jumbotron a { + color: white; + text-decoration: underline; +} +/********************************************************* +* Navbar +*/ +.navbar { + font-weight: 300; +} +.navbar .container .navbar-collapse { + padding-left: 0; +} +@media (max-width: 1200px) { + .navbar .container .navbar-collapse .navbar-nav { + margin: 0; + } +} +.navbar-toggle { + color: #777777; +} +/********************************************************* +* Primary white, large navbar +*/ +.navbar-webmaker { + background-color: white; + border-color: #eeeeee; + margin-bottom: 0; +} +.navbar-webmaker .navbar-brand { + color: #777777; +} +.navbar-webmaker .navbar-brand:hover, +.navbar-webmaker .navbar-brand:focus { + color: #5e5e5e; + background-color: transparent; +} +.navbar-webmaker .navbar-text { + color: #777777; +} +.navbar-webmaker .navbar-nav > li > a { + color: #777777; +} +.navbar-webmaker .navbar-nav > li > a:hover, +.navbar-webmaker .navbar-nav > li > a:focus { + color: #333333; + background-color: transparent; +} +.navbar-webmaker .navbar-nav > .active > a, +.navbar-webmaker .navbar-nav > .active > a:hover, +.navbar-webmaker .navbar-nav > .active > a:focus { + color: #555555; + background-color: #f6f8fa; +} +.navbar-webmaker .navbar-nav > .disabled > a, +.navbar-webmaker .navbar-nav > .disabled > a:hover, +.navbar-webmaker .navbar-nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} +.navbar-webmaker .navbar-toggle { + border-color: #dddddd; +} +.navbar-webmaker .navbar-toggle:hover, +.navbar-webmaker .navbar-toggle:focus { + background-color: #dddddd; +} +.navbar-webmaker .navbar-toggle .icon-bar { + background-color: #888888; +} +.navbar-webmaker .navbar-collapse, +.navbar-webmaker .navbar-form { + border-color: #eeeeee; +} +.navbar-webmaker .navbar-nav > .open > a, +.navbar-webmaker .navbar-nav > .open > a:hover, +.navbar-webmaker .navbar-nav > .open > a:focus { + background-color: #f6f8fa; + color: #555555; +} +@media (max-width: 767px) { + .navbar-webmaker .navbar-nav .open .dropdown-menu > li > a { + color: #777777; + } + .navbar-webmaker .navbar-nav .open .dropdown-menu > li > a:hover, + .navbar-webmaker .navbar-nav .open .dropdown-menu > li > a:focus { + color: #333333; + background-color: transparent; + } + .navbar-webmaker .navbar-nav .open .dropdown-menu > .active > a, + .navbar-webmaker .navbar-nav .open .dropdown-menu > .active > a:hover, + .navbar-webmaker .navbar-nav .open .dropdown-menu > .active > a:focus { + color: #555555; + background-color: #f6f8fa; + } + .navbar-webmaker .navbar-nav .open .dropdown-menu > .disabled > a, + .navbar-webmaker .navbar-nav .open .dropdown-menu > .disabled > a:hover, + .navbar-webmaker .navbar-nav .open .dropdown-menu > .disabled > a:focus { + color: #cccccc; + background-color: transparent; + } +} +.navbar-webmaker .navbar-link { + color: #777777; +} +.navbar-webmaker .navbar-link:hover { + color: #333333; +} +.navbar-webmaker .webmaker-logo { + display: inline-block; + padding: 6px 10px; +} +@media (min-width: 1200px) { + .navbar-webmaker .webmaker-logo { + padding: 2px 10px; + } +} +.navbar-webmaker .dropdown-menu { + color: #777; + border: none; + border-bottom: 1px solid #e6ebf1; + background: #F6F8FA; + box-shadow: none; +} +.navbar-webmaker .dropdown-menu > li > a:hover { + color: #27aae1; + background-color: inherit; +} +.navbar-webmaker .dropdown-menu > li > a:hover .fa { + color: inherit; +} +.navbar-webmaker .dropdown-menu .fa { + margin-right: 5px; + color: #013e5f; +} +.navbar-webmaker .dropdown-menu .divider { + background-color: #e6ebf1; +} +@media (min-width: 1200px) { + .navbar-webmaker { + padding: 12px 0; + height: 90px; + } + .navbar-webmaker .webmaker-logo { + padding: 0; + } +} +/********************************************************* +* Dark blue navbar +*/ +.navbar-inverse .navbar-toggle { + color: #ffffff; +} +.navbar-inverse { + font-weight: normal; + color: #FFF; + opacity: 1; +} +/********************************************************* +* Light blue navbar +*/ +.navbar.navbar-tertiary { + background: #01527d; + font-weight: normal; + font-size: 13px; +} +.navbar.navbar-tertiary .nav > li > a { + color: rgba(255, 255, 255, 0.8); +} +.navbar.navbar-tertiary .nav > li > a:hover, +.navbar.navbar-tertiary .nav > li > a:focus { + background: none; + color: white; +} +.navbar.navbar-tertiary .nav > li.active > a { + color: white; +} +.navbar.navbar-tertiary .nav .open > a, +.navbar.navbar-tertiary .nav .open > a:hover, +.navbar.navbar-tertiary .nav .open > a:focus { + background-color: #016396; +} +/********************************************************* +* Stacked navbars +*/ +.navbar-nav { + margin: 0 -15px; +} +.navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px; +} +@media (min-width: 768px) { + .navbar-nav > li > a { + padding-top: 20px; + padding-bottom: 20px; + } +} +.navbar.navbar-no-header-xs { + margin-bottom: 0; + border: none; +} +@media (max-width: 768px) { + .navbar.navbar-no-header-xs { + border: none; + min-height: 0; + } + .navbar.navbar-no-header-xs .navbar-header { + display: none; + } +} +.navbar-form { + margin-top: 0; + margin-bottom: 0; + border-top: none; +} +@media (min-width: 768px) { + .navbar-form { + margin-top: 13px; + margin-bottom: 13px; + } +} +.navbar-form + .navbar-form { + padding-right: 0; +} +/********************************************************* +* Navbars with icons +*/ +.navbar-nav > li.nav-icon > a { + padding: 15px 18px; + height: 60px; +} +.navbar-nav > li.nav-icon .fa { + width: 30px; + height: 30px; + line-height: 30px; + text-align: center; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2); + color: #FFF; + border-radius: 20px; + font-size: 12px; + display: inline-block; +} +.navbar-nav > li.nav-icon .fa.fa-random:before { + position: relative; + left: 0.1em; + top: 0.1em; +} +.navbar-nav > li.nav-icon:hover .fa, +.navbar-nav > li.nav-icon.active .fa { + box-shadow: none; +} +.navbar-nav > li.nav-icon:hover .fa.fa-random, +.navbar-nav > li.nav-icon.active .fa.fa-random { + background: #F5A906; +} +.navbar-nav > li.nav-icon:hover .fa.fa-hand-o-up, +.navbar-nav > li.nav-icon.active .fa.fa-hand-o-up { + background: #27aae1; +} +.navbar-nav > li.nav-icon:hover .fa.fa-book, +.navbar-nav > li.nav-icon.active .fa.fa-book { + background: #03845C; +} +.navbar-nav > li.nav-icon:hover .fa.fa-map-marker, +.navbar-nav > li.nav-icon.active .fa.fa-map-marker { + background: #E5352D; +} +.navbar-nav > li.nav-icon:hover .fa.fa-info, +.navbar-nav > li.nav-icon.active .fa.fa-info { + background: #945361; +} +/********************************************************* +* Typography +*/ +.text-light { + font-weight: 300; +} +.ellipses { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +/********************************************************* +* Alert +*/ +.alert { + border: none; +} +/********************************************************* +* Custom components +*/ +/** + * selectize.bootstrap3.css (v0.10.1) - Bootstrap 3 Theme + * Copyright (c) 2013 Brian Reavis & contributors + * + * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this + * file except in compliance with the License. You may obtain a copy of the License at: + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF + * ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + * + * @author Brian Reavis + */ +.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { + visibility: visible !important; + background: #f2f2f2 !important; + background: rgba(0, 0, 0, 0.06) !important; + border: 0 none !important; + -webkit-box-shadow: inset 0 0 12px 4px #ffffff; + box-shadow: inset 0 0 12px 4px #ffffff; +} +.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { + content: '!'; + visibility: hidden; +} +.selectize-control.plugin-drag_drop .ui-sortable-helper { + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); +} +.selectize-dropdown-header { + position: relative; + padding: 3px 12px; + border-bottom: 1px solid #d0d0d0; + background: #f8f8f8; + -webkit-border-radius: 0 0 0 0; + -moz-border-radius: 0 0 0 0; + border-radius: 0 0 0 0; +} +.selectize-dropdown-header-close { + position: absolute; + right: 12px; + top: 50%; + color: #333333; + opacity: 0.4; + margin-top: -12px; + line-height: 20px; + font-size: 20px !important; +} +.selectize-dropdown-header-close:hover { + color: #000000; +} +.selectize-dropdown.plugin-optgroup_columns .optgroup { + border-right: 1px solid #f2f2f2; + border-top: 0 none; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { + border-right: 0 none; +} +.selectize-dropdown.plugin-optgroup_columns .optgroup:before { + display: none; +} +.selectize-dropdown.plugin-optgroup_columns .optgroup-header { + border-top: 0 none; +} +.selectize-control.plugin-remove_button [data-value] { + position: relative; + padding-right: 24px !important; +} +.selectize-control.plugin-remove_button [data-value] .remove { + z-index: 1; + /* fixes ie bug (see #392) */ + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 17px; + text-align: center; + font-weight: bold; + font-size: 12px; + color: inherit; + text-decoration: none; + vertical-align: middle; + display: inline-block; + padding: 1px 0 0 0; + border-left: 1px solid rgba(0, 0, 0, 0); + -webkit-border-radius: 0 2px 2px 0; + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.selectize-control.plugin-remove_button [data-value] .remove:hover { + background: rgba(0, 0, 0, 0.05); +} +.selectize-control.plugin-remove_button [data-value].active .remove { + border-left-color: rgba(0, 0, 0, 0); +} +.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { + background: none; +} +.selectize-control.plugin-remove_button .disabled [data-value] .remove { + border-left-color: rgba(77, 77, 77, 0); +} +.selectize-control { + position: relative; +} +.selectize-dropdown, +.selectize-input, +.selectize-input input { + color: #333333; + font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 20px; + -webkit-font-smoothing: inherit; +} +.selectize-input, +.selectize-control.single .selectize-input.input-active { + background: #ffffff; + cursor: text; + display: inline-block; +} +.selectize-input { + border: 1px solid #cccccc; + padding: 6px 12px; + display: inline-block; + width: 100%; + overflow: hidden; + position: relative; + z-index: 1; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.selectize-control.multi .selectize-input.has-items { + padding: 5px 12px 2px; +} +.selectize-input.full { + background-color: #ffffff; +} +.selectize-input.disabled, +.selectize-input.disabled * { + cursor: default !important; +} +.selectize-input.focus { + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); +} +.selectize-input.dropdown-active { + -webkit-border-radius: 0 0 0 0; + -moz-border-radius: 0 0 0 0; + border-radius: 0 0 0 0; +} +.selectize-input > * { + vertical-align: baseline; + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; +} +.selectize-control.multi .selectize-input > div { + cursor: pointer; + margin: 0 3px 3px 0; + padding: 1px 3px; + background: #efefef; + color: #333333; + border: 0 solid rgba(0, 0, 0, 0); +} +.selectize-control.multi .selectize-input > div.active { + background: #3fb58e; + color: #ffffff; + border: 0 solid rgba(0, 0, 0, 0); +} +.selectize-control.multi .selectize-input.disabled > div, +.selectize-control.multi .selectize-input.disabled > div.active { + color: #808080; + background: #ffffff; + border: 0 solid rgba(77, 77, 77, 0); +} +.selectize-input > input { + padding: 0 !important; + min-height: 0 !important; + max-height: none !important; + max-width: 100% !important; + margin: 0 !important; + text-indent: 0 !important; + border: 0 none !important; + background: none !important; + line-height: inherit !important; + -webkit-user-select: auto !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.selectize-input > input::-ms-clear { + display: none; +} +.selectize-input > input:focus { + outline: none !important; +} +.selectize-input::after { + content: ' '; + display: block; + clear: left; +} +.selectize-input.dropdown-active::before { + content: ' '; + display: block; + position: absolute; + background: #ffffff; + height: 1px; + bottom: 0; + left: 0; + right: 0; +} +.selectize-dropdown { + position: absolute; + z-index: 10; + border: 1px solid #cccccc; + background: #ffffff; + margin: -1px 0 0 0; + border-top: 0 none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + -webkit-border-radius: 0 0 0 0; + -moz-border-radius: 0 0 0 0; + border-radius: 0 0 0 0; +} +.selectize-dropdown [data-selectable] { + cursor: pointer; + overflow: hidden; +} +.selectize-dropdown [data-selectable] .highlight { + background: rgba(255, 237, 40, 0.4); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; +} +.selectize-dropdown [data-selectable], +.selectize-dropdown .optgroup-header { + padding: 3px 12px; +} +.selectize-dropdown .optgroup:first-child .optgroup-header { + border-top: 0 none; +} +.selectize-dropdown .optgroup-header { + color: #999999; + background: #ffffff; + cursor: default; +} +.selectize-dropdown .active { + background-color: #f5f5f5; + color: #262626; +} +.selectize-dropdown .active.create { + color: #262626; +} +.selectize-dropdown .create { + color: rgba(51, 51, 51, 0.5); +} +.selectize-dropdown-content { + overflow-y: auto; + overflow-x: hidden; + max-height: 200px; +} +.selectize-control.single .selectize-input, +.selectize-control.single .selectize-input input { + cursor: pointer; +} +.selectize-control.single .selectize-input.input-active, +.selectize-control.single .selectize-input.input-active input { + cursor: text; +} +.selectize-control.single .selectize-input:after { + content: ' '; + display: block; + position: absolute; + top: 50%; + right: 17px; + margin-top: -3px; + width: 0; + height: 0; + border-style: solid; + border-width: 5px 5px 0 5px; + border-color: #333333 transparent transparent transparent; +} +.selectize-control.single .selectize-input.dropdown-active:after { + margin-top: -4px; + border-width: 0 5px 5px 5px; + border-color: transparent transparent #333333 transparent; +} +.selectize-control.rtl.single .selectize-input:after { + left: 17px; + right: auto; +} +.selectize-control.rtl .selectize-input > input { + margin: 0 4px 0 -2px !important; +} +.selectize-control .selectize-input.disabled { + opacity: 0.5; + background-color: #ffffff; +} +.selectize-dropdown, +.selectize-dropdown.form-control { + height: auto; + padding: 0; + margin: 2px 0 0 0; + z-index: 1000; + background: #ffffff; + border: 1px solid #cccccc; + border: 1px solid rgba(0, 0, 0, 0.15); + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); +} +.selectize-dropdown .optgroup-header { + font-size: 12px; + line-height: 1.42857143; +} +.selectize-dropdown .optgroup:first-child:before { + display: none; +} +.selectize-dropdown .optgroup:before { + content: ' '; + display: block; + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + margin-left: -12px; + margin-right: -12px; +} +.selectize-dropdown-content { + padding: 5px 0; +} +.selectize-dropdown-header { + padding: 6px 12px; +} +.selectize-input { + min-height: 34px; +} +.selectize-input.dropdown-active { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.selectize-input.dropdown-active::before { + display: none; +} +.selectize-input.focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); +} +.selectize-control.multi .selectize-input.has-items { + padding-left: 9px; + padding-right: 9px; +} +.selectize-control.multi .selectize-input > div { + -webkit-border-radius: -1px; + -moz-border-radius: -1px; + border-radius: -1px; +} +.form-control.selectize-control { + padding: 0; + height: auto; + border: none; + background: none; + -webkit-box-shadow: none; + box-shadow: none; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +/********************************************************* +* Selectize +*/ +.navbar-form .selectize-control.form-control { + min-width: 160px; +} +.navbar-form .selectize-control.form-control .selectize-input { + padding-right: 25px; +} +.navbar-form .selectize-control.form-control .selectize-input:after { + right: 8px; +} +/********************************************************* +* Hanging (aka correct) Lists +*/ +.list { + margin-left: 0; + padding-left: 15px; +} +@media (min-width: 768px) { + .list { + padding-left: 0; + } + .list.list-inset { + padding-left: 15px; + } +} +.list ul, +.list ol { + padding-left: 15px; +} +.list li { + position: relative; + list-style: none; +} +.list li:before { + min-width: 15px; + margin-left: -15px; + position: absolute; + right: 100%; + color: #999; +} +ul.list > li:before, +.list ul > li:before { + content: '\2022'; +} +ol.list, +.list ol { + counter-reset: ol-li; +} +ol.list > li:before, +.list ol > li:before { + text-align: right; + content: counter(ol-li) '.'; + counter-increment: ol-li; + padding-right: 7.5px; +} +ol.list.list-alphabetical > li:before { + content: counter(ol-li, lower-alpha) '.'; +} +/********************************************************* +* Header Group +*/ +hgroup { + margin-top: 20px; + margin-bottom: 20px; +} +hgroup h1, +hgroup h2, +hgroup h3, +hgroup h4, +hgroup h5, +hgroup h6, +hgroup .h1, +hgroup .h2, +hgroup .h3, +hgroup .h4, +hgroup .h5, +hgroup .h6 { + margin-top: 0; + margin-bottom: 10px; +} +/********************************************************* +* Mobile block button +*/ +.btn-mb-block { + display: block; + width: 100%; +} +@media (min-width: 480px) { + .btn-mb-block { + display: inline-block; + width: auto; + } +} +/********************************************************* +* Credit card from +*/ +.panel-secure { + background: #fdfbf1; + border-color: #f6deac; +} +.panel-secure > .panel-heading { + color: #8a6d3b; + background-color: #faebcc; + border-color: #f6deac; +} +.panel-secure > .panel-heading + .panel-collapse .panel-body { + border-top-color: #f6deac; +} +.panel-secure > .panel-footer + .panel-collapse .panel-body { + border-bottom-color: #f6deac; +} +.panel-secure .form-control:focus { + border-color: #f6deac; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(246, 222, 172, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(246, 222, 172, 0.6); +} +.panel-secure a { + color: #496DA5; + text-decoration: underline; +} +.panel-secure a:hover { + color: #7795c3; +} +/********************************************************* +* Gallery +*/ +.gallery { + background: #e3eaee; + padding: 30px; +} +.gallery-title { + margin-bottom: 30px; + font-weight: 300; +} +.gallery-title small { + font-weight: 300; +} +.make { + display: block; + padding: 0; + margin-bottom: 20px; + line-height: 1.42857143; + background-color: #ffffff; + border: 1px solid none; + border-radius: 0; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + border: 1px solid #d3dee4; + box-shadow: 0 3px 3px -2px rgba(0, 0, 0, 0.2); + font-size: 14px; + line-height: 1.2; + margin-bottom: 30px; +} +.make > img, +.make a > img { + margin-left: auto; + margin-right: auto; +} +a.make:hover, +a.make:focus, +a.make.active { + border-color: #27aae1; +} +.make .caption { + padding: 12px; + color: #333333; +} +.make .make-title { + margin-top: 0; +} +@media (min-width: 768px) { + .make .make-title { + height: 50.4px; + display: block; + display: -webkit-box; + font-size: 18px; + line-height: 1.4; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipses; + position: relative; + } + .make .make-title:after { + content: ""; + text-align: right; + position: absolute; + bottom: 0; + right: 0; + width: 25%; + height: 25.2px; + background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%); + } + .make .make-author { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + .make .make-description { + height: 58.8px; + display: block; + display: -webkit-box; + font-size: 14px; + line-height: 1.4; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipses; + position: relative; + } + .make .make-description:after { + content: ""; + text-align: right; + position: absolute; + bottom: 0; + right: 0; + width: 25%; + height: 19.6px; + background: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 50%); + } +} +@media (min-width: 768px) and screen and (-webkit-min-device-pixel-ratio: 0) { + .make .make-title:after { + background: none; + display: none; + } +} +@media (min-width: 768px) and screen and (-webkit-min-device-pixel-ratio: 0) { + .make .make-description:after { + background: none; + display: none; + } +} +.thumbnail-wrapper, +.make-thumbnail { + width: 100%; + padding-bottom: 100%; + height: 0; + background-size: cover; +} +/********************************************************* +* Webmaker footer +*/ +.wm-footer { + padding: 60px 0; + background-color: #222222; + color: white; +} +/********************************************************* +* Logo +*/ +.webmaker-logo img { + display: inline-block; + width: 157px; + height: 46px; +} +@media (min-width: 1200px) { + .webmaker-logo img { + display: inline-block; + width: 225px; + height: 66px; + } +} +/********************************************************* +* User info +*/ +.user-info-avatar { + width: 26px; + height: 26px; + border-radius: 26px; +} +@media (min-width: 768px) { + .nav > li > .navbar-user-info { + height: 60px; + line-height: 26px; + padding: 17px; + } +} +.nav > li > .navbar-user-info .user-info-avatar { + display: none; +} +@media (min-width: 768px) { + .nav > li > .navbar-user-info .user-info-avatar { + display: inline; + } +} +.video-container { + max-width: 100%; + width: 60rem; +} +.video-letterbox { + height: 0; + overflow: hidden; + padding: 3rem 0 56.25%; + position: relative; +} +.video-letterbox iframe, +.video-letterbox object, +.video-letterbox embed { + left: 0; + height: 100%; + position: absolute; + top: 0; + width: 100%; +} +.lang-picker-lang { + padding: 10px 0; +} +.modal-lang-picker h3 { + margin-top: 0; + font-weight: 200; +} +.modal-lang-picker h4 { + font-size: 1em; + margin: 10px 0; +} +.modal-body.modal-lang-picker { + padding: 40px; +} +.modal-footer.modal-lang-picker { + font-weight: 200; + text-align: center; + margin-top: 0; + border-top: none; + background: #27AAE1; + color: #FFF; +} +.modal-footer.modal-lang-picker a { + color: #FFF; +} +.modal-dialog .btn-close { + position: absolute; + top: 0; + right: 0; +} +/********************************************************* +* Flexbox +*/ +/********************************************************* +* Ellipses +*/ +@media (max-width: 479px) { + .hidden-xs-login { + display: none !important; + } +} +/********************************************************* +* Mobile dialog display +*/ +@media (max-width: 479px) { + .modal-backdrop { + background: #F6F7F7; + } + .modal-backdrop.in { + opacity: 1; + } +} +@media (max-width: 479px) { + .modal-dialog, + .modal-content { + background: none; + box-shadow: none; + margin: 0; + border: none; + } +} +/********************************************************* +* Header +*/ +.modal-header { + background: white; + height: 50px; + line-height: 50px; + padding: 0; +} +.modal-header .close { + display: none; +} +@media (min-width: 480px) { + .modal-header { + height: auto; + padding: 10px 30px 0 30px; + border-bottom-style: none; + } + .modal-header .close { + display: block; + margin: 10px 0 0 0; + } +} +.modal-title { + line-height: inherit; + font-size: 1.1em; + font-weight: 400; + text-align: center; +} +.modal-title a, +.modal-title button { + padding: 0px 20px; + font-size: 13px; + height: 100%; + min-width: 40px; +} +@media (max-width: 479px) { + .modal-title a, + .modal-title button, + .modal-title span { + color: #3fb58e; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + text-align: center; + } + .modal-title a[disabled], + .modal-title button[disabled], + .modal-title span[disabled] { + color: #CCC; + } +} +.modal-title .modal-title-center { + display: inline-block; + text-align: center; + float: center; +} +.modal-title .modal-title-left { + float: left; + text-align: left; +} +.modal-title .modal-title-right { + float: right; + text-align: right; + margin-top: -2px; +} +@media (min-width: 480px) { + .modal-title { + font-size: 20px; + } + .modal-title .modal-title-center { + width: auto; + float: none; + } + .modal-title a, + .modal-title button { + display: none; + } +} +.modal-content { + padding: 0 0 20px 0; +} +@media (min-width: 480px) { + .modal-content .modal-body { + padding: 5px 30px; + } +} +.modal-content .modal-body label[for=webmaker-login-email], +.modal-content .modal-body label[for=uid], +.modal-content .modal-body label[for=key], +.modal-content .modal-body label[for=persona-username], +.modal-content .modal-body label[for=password], +.modal-content .modal-body label[for=value], +.modal-content .modal-body label[for=confirmValue] { + font-weight: normal; + margin-bottom: 8px; + /*text-transform: uppercase;*/ + font-weight: 600; +} +@media (min-width: 480px) { + .modal-content .modal-body label[for=webmaker-login-email], + .modal-content .modal-body label[for=uid], + .modal-content .modal-body label[for=key], + .modal-content .modal-body label[for=persona-username], + .modal-content .modal-body label[for=password], + .modal-content .modal-body label[for=value], + .modal-content .modal-body label[for=confirmValue] { + margin-bottom: 5px; + font-size: 13.333333333px; + color: #454545; + } +} +.modal-content .modal-body label[for=pre-username] { + display: block; + font-weight: normal; + margin-bottom: 8px; + /*text-transform: uppercase;*/ + font-weight: 600; +} +@media (min-width: 480px) { + .modal-content .modal-body label[for=pre-username] { + margin-bottom: 5px; + font-size: 13.333333333px; + color: #454545; + } +} +.modal-content .modal-body label[for=username] { + float: left; + padding: 7px 12px; + font-weight: normal; + background-color: #e3eaee; + color: #454545; + text-align: center; + width: 100%; + margin-bottom: 0; +} +@media (min-width: 480px) { + .modal-content .modal-body label[for=username] { + text-align: center; + width: auto; + text-align: left; + } +} +.modal-content .modal-body .align-left { + float: left; +} +.modal-content .modal-body .help-block { + font-size: 13px; +} +@media (max-width: 479px) { + .modal-content .modal-body .form-control { + padding: 8px 11px; + height: auto; + } +} +.modal-content .modal-body .form-group { + margin-bottom: 10px; +} +.modal-content .modal-body .form-group.half-width { + margin-left: 0; + width: 100%; + float: left; +} +@media (min-width: 480px) { + .modal-content .modal-body .form-group.half-width { + width: 48%; + } +} +.modal-content .modal-body .form-group.half-width:nth-of-type(3) { + margin-left: 0; +} +@media (min-width: 480px) { + .modal-content .modal-body .form-group.half-width:nth-of-type(3) { + margin-left: 4%; + } +} +.modal-content .modal-body .welcome { + text-align: center; +} +@media (min-width: 480px) { + .modal-content .modal-body .welcome { + text-align: left; + } +} +.modal-content .modal-body .subheadline { + margin-top: -10px; +} +.modal-content .modal-body .tool-desc { + margin: 15px 0 0 0; +} +@media (min-width: 480px) { + .modal-content .modal-body .tool-desc .icon { + float: left; + margin-right: 18.75px; + } +} +.modal-content .modal-body .tool-desc .icon svg { + width: 130px; + height: 123px; +} +.modal-content .modal-body .tool-desc .btn-primary { + float: left; +} +.modal-content .modal-body .tool-desc .explore-link { + display: block; + font-size: 13px; + margin: 14px 0 0 12px; +} +@media (min-width: 480px) { + .modal-content .modal-body .tool-desc .explore-link { + float: left; + } +} +.modal-content .modal-body .enterToken { + text-align: left; +} +.modal-content .modal-body .enterToken .email-container { + margin-top: 10px; +} +@media (min-width: 480px) { + .modal-content .modal-body .enterToken .email-container { + display: -webkit-flex; + display: flex; + } +} +.modal-content .modal-body .enterToken .mailIcon { + text-align: center; + margin: -10px 0 20px 0; +} +@media (min-width: 480px) { + .modal-content .modal-body .enterToken .mailIcon { + -webkit-flex: 1; + flex: 1; + margin: 30px 0 0 0; + } +} +.modal-content .modal-body .enterToken .mailIcon p { + width: 80%; + margin: 0 auto; +} +@media (min-width: 480px) { + .modal-content .modal-body .enterToken .key-group { + border-left: 1px solid #DDDDDD; + -webkit-flex: 3; + flex: 3; + padding: 10px 0 0 20px; + } +} +.modal-content .modal-body .checkEmail hr, +.modal-content .modal-body .resetRequestSent hr, +.modal-content .modal-body .enterPassword hr, +.modal-content .modal-body .enterToken hr { + margin: 10px 0 15px 0; +} +@media (min-width: 480px) { + .modal-content .modal-body .checkEmail hr, + .modal-content .modal-body .resetRequestSent hr, + .modal-content .modal-body .enterPassword hr, + .modal-content .modal-body .enterToken hr { + margin: 20px 0 15px 0; + } +} +.modal-content .modal-body .checkEmail .mailIcon svg, +.modal-content .modal-body .resetRequestSent .mailIcon svg, +.modal-content .modal-body .enterPassword .mailIcon svg, +.modal-content .modal-body .enterToken .mailIcon svg { + display: block; + margin: 0 auto; +} +@media (min-width: 480px) { + .modal-content .modal-body .checkEmail .mailIcon svg, + .modal-content .modal-body .resetRequestSent .mailIcon svg, + .modal-content .modal-body .enterPassword .mailIcon svg, + .modal-content .modal-body .enterToken .mailIcon svg { + float: left; + } +} +.modal-content .modal-body .checkEmail .mailIcon p, +.modal-content .modal-body .resetRequestSent .mailIcon p, +.modal-content .modal-body .enterPassword .mailIcon p, +.modal-content .modal-body .enterToken .mailIcon p { + text-align: center; + margin: 20px 0 10px 15px; +} +@media (min-width: 480px) { + .modal-content .modal-body .checkEmail .mailIcon p, + .modal-content .modal-body .resetRequestSent .mailIcon p, + .modal-content .modal-body .enterPassword .mailIcon p, + .modal-content .modal-body .enterToken .mailIcon p { + float: left; + text-align: left; + margin: 33px 0 0 15px; + } +} +.modal-content .modal-body .checkEmail .enter-key, +.modal-content .modal-body .resetRequestSent .enter-key, +.modal-content .modal-body .enterPassword .enter-key, +.modal-content .modal-body .enterToken .enter-key { + margin: -10px 0 0 0; + text-align: right; +} +.modal-content .modal-body .help-footer { + padding: 0; + background: none; + text-align: center; + color: inherit; + font-size: 13px; + color: #999; + margin-bottom: -6px; +} +@media (min-width: 480px) { + .modal-content .modal-body .help-footer { + font-size: normal; + text-align: right; + } +} +.modal-content .modal-body .help-footer p { + margin: 0; + padding: 0; +} +.modal-content .modal-body .help-footer p.switch-back { + text-align: left; +} +.modal-content .modal-body .form-control.username { + width: 100%; +} +@media (min-width: 480px) { + .modal-content .modal-body .form-control.username { + width: 70%; + } +} +.modal-content .modal-body .checkbox label div { + float: left; + width: 24px; + height: 24px; + margin-right: 6px; + border: 1px solid #e1ebf1; + text-align: center; + background-color: #ffffff; +} +.modal-content .modal-body .checkbox label div span { + display: inline-block; + position: relative; + height: 24px; + opacity: 0; +} +.modal-content .modal-body .checkbox label div span:after { + content: ""; + position: absolute; + width: 24px; + height: 9px; + border-bottom: 3px solid #638093; + border-left: 3px solid #638093; + top: 30%; + transform-origin: bottom left; + transform: rotate(-45deg); +} +.modal-content .modal-body .checkbox label div + span { + display: block; + overflow: hidden; + line-height: 24px; +} +.modal-content .modal-body .checkbox label:focus { + outline: none; +} +.modal-content .modal-body .checkbox label:focus div { + -moz-box-shadow: 0 0 3px #a5bece; + -webkit-box-shadow: 0 0 3px #a5bece; + box-shadow: 0 0 3px #a5bece; +} +.modal-content .modal-body .checkbox label:hover span, +.modal-content .modal-body .checkbox label:hover div { + opacity: 0.6; +} +.modal-content .modal-body .checkbox label:hover div { + background: #32b2d2; +} +.modal-content .modal-body .checkbox input[type="checkbox"] { + display: none; +} +.modal-content .modal-body .checkbox input[type="checkbox"]:disabled + label div { + background-color: #f5f5f5 !important; +} +.modal-content .modal-body .checkbox input[type="checkbox"]:disabled + label div span:after { + display: none; +} +.modal-content .modal-body .checkbox input[type="checkbox"]:checked + label span, +.modal-content .modal-body .checkbox input[type="checkbox"]:checked + label div { + opacity: 1; +} +.modal-content .modal-body .checkbox input[type="checkbox"]:checked + label div { + background: #32b2d2; +} +.modal-content .modal-body .terms-checkbox, +.modal-content .modal-body .mailing-list-checkbox, +.modal-content .modal-body .remember-me-token, +.modal-content .modal-body .remember-me-password { + padding: 0; +} +.modal-content .modal-body .terms-checkbox label, +.modal-content .modal-body .mailing-list-checkbox label, +.modal-content .modal-body .remember-me-token label, +.modal-content .modal-body .remember-me-password label { + font-weight: 300; + font-size: 13px; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display: inline; +} +.modal-content .modal-body .terms-checkbox input[type="checkbox"]:focus, +.modal-content .modal-body .mailing-list-checkbox input[type="checkbox"]:focus, +.modal-content .modal-body .remember-me-token input[type="checkbox"]:focus, +.modal-content .modal-body .remember-me-password input[type="checkbox"]:focus { + outline: 0; +} +.modal-content .modal-body .cta-links { + text-align: center; +} +@media (min-width: 480px) { + .modal-content .modal-body .cta-links { + text-align: left; + } + .modal-content .modal-body .cta-links button, + .modal-content .modal-body .cta-links p { + float: left; + } + .modal-content .modal-body .cta-links p { + margin: 13px 0 0 8px; + } +} +.modal-content .modal-body .btn-primary { + margin-top: 6.25px; +} +.modal-content .modal-body .btn-link { + margin: -6px; + float: left; +} +@media (min-width: 480px) { + .modal-content .modal-body .btn-link { + margin: 7px 0px 0px -6px; + float: none; + } +} +.modal-content .modal-body .password-label { + margin-bottom: 5px; + font-weight: 400; +} +.modal-content .modal-body ul.password-strength li { + color: #333; + font-weight: 300; +} +.modal-content .modal-body ul.password-strength li.invalid { + color: #eb5d52; +} +.modal-content .modal-body ul.password-strength li.valid { + color: #3fb58e; +} +.modal-content .alert { + margin-bottom: 13px; +} +.modal-content p { + line-height: 22px; + font-weight: 300; + text-align: left; +} +.navbar-btn { + margin-right: 0.7em; +} +.navbar-btn:last-child { + margin-right: 1em; +} +.navbar .test-buttons { + margin: 0; +} +.btn-secondary-nav { + color: #333; + background: none; + border-color: none; +} +.btn-secondary-nav:hover { + background: #333; + color: white !important; +} +.btn-secondary-nav.active { + background-color: #1f1f1f; +} +.webmaker img { + max-width: 100%; +} +.font-awesome { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; +} +/********************************************************* +* WEB FONTS +*/ +@font-face { + font-family: 'Open Sans'; + src: url('../resources/fonts/opensans-bold-webfont.woff') format('woff'), url('../resources/fonts/opensans-bold-webfont.ttf') format('truetype'); + font-weight: 700; + font-style: normal; +} +@font-face { + font-family: 'Open Sans'; + src: url('../resources/fonts/opensans-bolditalic-webfont.woff') format('woff'), url('../resources/fonts/opensans-bolditalic-webfont.ttf') format('truetype'); + font-weight: 700; + font-style: italic; +} +@font-face { + font-family: 'Open Sans'; + src: url('../resources/fonts/opensans-regular-webfont.woff') format('woff'), url('../resources/fonts/opensans-regular-webfont.ttf') format('truetype'); +} +@font-face { + font-family: 'Open Sans'; + src: url('../resources/fonts/opensans-italic-webfont.woff') format('woff'), url('../resources/fonts/opensans-italic-webfont.ttf') format('truetype'); + font-weight: normal; + font-style: italic; +} +@font-face { + font-family: 'Meta'; + src: url('//www.mozilla.org/img/fonts/MetaWebPro-Bold.eot'); + src: local('?'), url('//www.mozilla.org/img/fonts/MetaWebPro-Bold.woff') format('woff'); + font-weight: bold; +} +/* +* NORMALIZATION +* A lot of this is from normalize.css and HTML5 Boilerplate, docs for which can be found at h5bp.com/css +*/ +body { + margin: 0; + padding: 0; +} +/********************************************************* +* HTML5 display +*/ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} +audio, +canvas, +video { + display: inline-block; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden] { + display: none; +} +/********************************************************* +* Links +*/ +a:focus { + outline: thin dotted; +} +a:active, +a:hover { + outline: 0; +} +/********************************************************* +* Typography +*/ +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +html, +button, +input, +select, +textarea { + font-family: "Open Sans", "Helvetica Neue", sans-serif; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +blockquote { + margin: 1em 40px; +} +dfn { + font-style: italic; +} +hr { + display: block; + height: 1px; + border: 0; + border-top: 1px solid #CCC; + margin: 1em 0; + padding: 0; +} +pre, +code, +kbd, +samp { + font-family: "menlo", monospace, serif; + font-size: 1em; +} +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} +small { + font-size: 85%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/********************************************************* +* Selection +*/ +::-moz-selection { + background: #fef49c; + text-shadow: none; +} +::selection { + background: #fef49c; + text-shadow: none; +} +/********************************************************* +* Images +*/ +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 0; +} +/********************************************************* +* Forms +*/ +fieldset { + border: 1px solid #C0C0C0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; +} +button, +input, +select, +textarea { + font-size: 100%; + margin: 0; + vertical-align: baseline; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +input[disabled] { + cursor: default; +} +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} +input[type="search"] { + -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; +} +textarea { + overflow: auto; + vertical-align: top; +} +/********************************************************* +* Tables +*/ +table { + border-collapse: collapse; + border-spacing: 0; +} +td { + vertical-align: top; +} +/********************************************************* +* Iframes +*/ +iframe { + border: 0; +} +/********************************************************* +* UTILITIES +*/ +.butter-image-preload { + visibility: hidden; + position: absolute; + width: 1px; + height: 1px; + opacity: 0; +} +/********************************************************* +* Base Styles +*/ +body { + background: #e7edf0; + overflow: hidden; +} +/********************************************************* +* UI STATES +*/ +/* Hidden */ +.butter-hidden { + display: none !important; +} +.butter-button-waiting, +.butter-disabled { + opacity: 0.5; + cursor: not-allowed !important; +} +/* Warning for unsupported browsers */ +.butter-warning { + position: fixed; + top: 0; + left: 0; + width: 100%; + color: #FFF; + background: #c13832; + z-index: 10020; + font-size: 10pt; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + -webkit-transform: scaleY(0); + -moz-transform: scaleY(0); + -o-transform: scaleY(0); + -ms-transform: scaleY(0); + transform: scaleY(0); + -webkit-transform-origin: top; + -moz-transform-origin: top; + -o-transform-origin: top; + -ms-transform-origin: top; + transform-origin: top; + -webkit-transition: transform 0.2s linear 1s; + -moz-transition: transform 0.2s linear 1s; + -o-transition: transform 0.2s linear 1s; + -ms-transition: transform 0.2s linear 1s; + transition: transform 0.2s linear 1s; +} +.butter-warning.slide-out { + -webkit-transform: scaleY(1); + -moz-transform: scaleY(1); + -o-transform: scaleY(1); + -ms-transform: scaleY(1); + transform: scaleY(1); +} +.butter-warning span { + display: block; + padding: 1em; + line-height: 1.2; +} +.butter-warning a { + color: #FFF; + text-decoration: underline; + cursor: pointer; +} +.butter-warning button { + float: right; + margin: 0.4em; + padding: 4px 6px; + border: 1px solid #FFF; + background: transparent; +} +/* Spinney */ +.butter-logo-spin-outer { + width: 16px; + height: 16px; + -webkit-transition: opacity 0.5s; + -moz-transition: opacity 0.5s; + -o-transition: opacity 0.5s; + -ms-transition: opacity 0.5s; + transition: opacity 0.5s; + opacity: 1; +} +.butter-logo-spin-outer.fade-out { + opacity: 0; +} +.butter-spinner { + height: 16px; + width: 16px; + display: inline-block; + background-image: url("../resources/icons/spinny.gif"); +} +.butter-spinner.hidden { + /* conflict with .media-editor .media-loading-spinner.media-gallery-loading */ + display: none !important; +} +.invalid-field .butter-spinner { + background-image: url("../resources/icons/spinny-error.gif"); +} +/* Toggle hide/show button for editor and tray */ +.butter-toggle-button { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; + color: #d9dddd; + position: absolute; +} +.butter-toggle-button:hover { + color: #3a3c3c; +} +.butter-toggle-button:after { + content: "\f078"; +} +.butter-toggle-button.toggled:after { + content: "\f077"; +} +/* Targets and highlighting */ +.butter-highlight-on { + box-shadow: 0 0 0 10px #3fb58e; +} +.butter-highlight-fade { + -webkit-transition: box-shadow 1.5s; + -moz-transition: box-shadow 1.5s; + -o-transition: box-shadow 1.5s; + -ms-transition: box-shadow 1.5s; + transition: box-shadow 1.5s; + box-shadow: 0 0 0 10px transparent; +} +.butter-iframe-fix { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #000000; + opacity: 0; + z-index: 10000; + display: none; +} +/********************************************************* +* Drop down +*/ +.butter-dropdown-off { + visibility: hidden; +} +/********************************************************* +* BUTTONS +*/ +.butter-btn { + display: inline-block; + text-decoration: none; + font-size: 13px; + line-height: 33px; + padding: 0 10px; + border-radius: 2px; + margin-bottom: 0; + vertical-align: middle; + border: 1px solid #f4f5f5; + background: #f4f5f5; + color: #555555; +} +.butter-btn:hover { + cursor: pointer; + text-decoration: none; +} +.butter-btn-slide-out { + display: block; + overflow: hidden; +} +.butter-btn-slide-out .butter-btn { + float: left; + margin-right: 5px; + -webkit-transition: all 0.2s ease-in; + -moz-transition: all 0.2s ease-in; + -o-transition: all 0.2s ease-in; + -ms-transition: all 0.2s ease-in; + transition: all 0.2s ease-in; +} +.butter-btn-slide-out .hidden { + margin-top: -35px; + float: left; +} +.butter-btn-active.btn-light, +.butter-btn-active:hover.btn-light, +.butter-btn:active.btn-light { + background: #ccd1d1; + border-color: #97a0a0; + box-shadow: inset 0 1px 0 #b9c0c0; + color: #000; +} +.butter-btn-active.btn-green, +.butter-btn-active:hover.btn-green, +.butter-btn:active.btn-green { + background: #2f886a; + border-color: #1e5644; + box-shadow: 0 -1px 0 #ffffff, inset 0 1px 1px 1px #2b7c61; +} +.butter-btn-active > .icon, +.butter-btn-active:hover > .icon, +.butter-btn:active > .icon { + color: #555; +} +.butter-btn-active > .icon-white, +.butter-btn-active:hover > .icon-white, +.butter-btn:active > .icon-white { + color: #FFF; +} +.btn-white, +.btn-white.butter-disabled:hover { + background: #FFF; + color: #555555; + border-radius: 0; + border: 1px solid #bfc4c4; +} +.btn-white:hover { + color: #000; +} +.btn-light, +.btn-light.butter-disabled:hover, +.btn-light.butter-disabled:active { + background: #f4f5f5; + color: #555555; + border: 1px solid #bfc4c4; + border-top-color: #ccd1d1; + border-bottom-color: #b1b8b8; + box-shadow: inset 0 1px 0 #ffffff; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.btn-light:hover { + background: #f9fafa; + color: #3b3b3b; +} +.btn-green, +.btn-green.butter-disabled:hover, +.btn-green.butter-disabled:active { + background: #3fb58e; + color: #FFF; + border: 1px solid #2b7c61; + border-top-color: #328f70; + border-bottom-color: #256953; + box-shadow: inset 0 1px 0 #60c7a5; +} +.btn-green:hover { + background: #4dc19a; + color: #FFF; +} +.btn-red, +.btn-red.butter-disabled:hover, +.btn-red.butter-disabled:active { + background: #D3473C; + color: #FFF; + border: 1px solid #A32630; + box-shadow: inset 0 1px 0 #dc6e66; +} +.btn-red:hover { + background: #cd453f; + color: #FFF; +} +.butter-btn.butter-disabled { + opacity: 0.5; + cursor: not-allowed; +} +.btn-group { + display: inline-block; +} +.btn-group a, +.btn-group button { + margin-left: -5px; + border-right-width: 0; +} +.btn-group .butter-btn:first-of-type { + margin-left: 0; + border-radius: 2px 0 0 2px; +} +.btn-group .butter-btn:last-of-type { + border-radius: 0 2px 2px 0; + border-right-width: 1px; +} +.butter-btn-menu-container { + z-index: 10; + display: inline-block; + position: relative; + line-height: 33px; +} +.butter-btn-menu-control { + border: 1px solid #cccccc; + background: #FFF; + border-radius: 0; + line-height: 40px; + padding: 0; + height: 40px; + width: 40px; + text-align: center; + position: relative; + z-index: 1; + font-size: 16px; + margin-right: 10px; +} +.butter-btn-menu-container:hover .butter-btn-menu-control { + border-bottom-color: transparent; + border-radius: 2px 2px 0 0; +} +.butter-btn-menu-container:hover .butter-btn-menu-control > .icon { + color: #555; +} +.butter-btn-menu { + border: 1px solid #cccccc; + list-style: none; + padding: 0; + margin: 0; + position: absolute; + top: 100%; + margin-top: -1px; + border-radius: 0 2px 2px 2px; + right: 0; + background: #FFF; + visibility: hidden; +} +.butter-btn-menu-container:hover .butter-btn-menu { + visibility: visible; +} +.butter-btn-menu > li { + white-space: nowrap; + border-bottom: 1px solid #cccccc; +} +.butter-btn-menu > li:last-child { + border-bottom: none; +} +.butter-btn-menu .icon { + font-size: 16px; + display: inline-block; + width: 20px; +} +.butter-btn-menu > li > a, +.butter-btn-menu > li > a.butter-disabled, +.butter-btn-menu > li > a.butter-disabled:hover, +.butter-btn-menu > li > a.butter-disabled:active { + color: #555555; + padding: 0 15px; + min-width: 80px; + border: none; + display: block; + text-decoration: none; + line-height: 40px; +} +.butter-btn-menu > li > a:hover { + background: #f9fafa; + color: #000; +} +/********************************************************* +* Media Icons +*/ +.media-icon { + position: relative; + display: block; + float: left; + margin-right: 5px; + background: url("../resources/icons/media-icons.png") no-repeat; + height: 16px; + width: 16px; +} +.media-icon.html5-icon { + background-position: 0 0; +} +.media-icon.youtube-icon { + background-position: -16px 0; +} +.media-icon.vimeo-icon { + background-position: -32px 0; +} +.media-icon.soundcloud-icon { + background-position: -48px 0; +} +.media-icon.archive-icon { + background-position: -64px 0; +} +.media-icon.clyp-icon { + background: url("../resources/icons/clyp.png") no-repeat; +} +/********************************************************* +* Custom icons +*/ +a .icon { + text-decoration: none; +} +.close-btn { + color: #555; +} +.icon-close:before, +.icon-x:before, +.attribution-close:before { + content: "\f00d"; + font-size: 10px; + vertical-align: top; +} +/********************************************************* +* DIALOGS +*/ +.butter-modal-overlay { + z-index: 10100; + position: fixed; + top: 0; + left: 0; + opacity: 0; +} +.butter-modal-overlay.fade-in { + opacity: 1; + -webkit-transition: opacity 0.3s; + -moz-transition: opacity 0.3s; + -o-transition: opacity 0.3s; + -ms-transition: opacity 0.3s; + transition: opacity 0.3s; +} +.butter-modal-overlay.butter-modal-overlay-dark-bg { + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.75); +} +.butter-dialog { + font-size: 14px; + line-height: 1.4; + color: #555555; + position: relative; + width: 600px; + padding: 25px; + margin: 100px auto; + background: #FFF; + border-radius: 2px; + box-shadow: 0 10px 10px -10px #000000; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.butter-dialog.small { + width: 330px; + text-align: center; +} +.butter-dialog .close-button { + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; + opacity: 0.5; +} +.butter-dialog .close-button:hover { + opacity: 1; +} +.butter-dialog .butter-dialog-title { + margin: 0 0 10px 0; +} +.butter-dialog .butter-form { + margin-bottom: 10px; +} +.butter-dialog .butter-form textarea { + padding: 10px; + min-height: 150px; +} +.butter-dialog .butter-dialog-body { + padding: 20px; +} +.butter-feedback-form { + padding: 0; + background: #f6f6f6; + font-size: 13px; +} +.butter-feedback-form .butter-dialog-title { + border-bottom: 1px solid #CCC; + filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); + background: -webkit-gradient(linear, top, bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); + background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); + background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); + background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); + background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); + background: linear-gradient(top, #ffffff); + box-shadow: 0 1px #FFF; + border-radius: 3px 3px 0 0; + padding: 10px 35px; + font-size: 18px; + font-weight: 700; + margin: 0; +} +.butter-feedback-form .butter-dialog-title .icon-info-sign { + opacity: 0.2; + margin: 3px 0 0 3px; + cursor: pointer; +} +.butter-feedback-form .butter-dialog-title .icon-info-sign:hover { + opacity: 0.7; +} +.butter-feedback-form .butter-dialog-title p { + font-weight: normal; + font-size: 13px; +} +.butter-feedback-form .butter-logo { + position: absolute; + top: -35px; + left: -25px; + width: 50px; +} +.butter-feedback-form .butter-form { + padding: 8px 0; +} +.butter-feedback-form .butter-form label { + position: relative; + padding-left: 60px; + padding-bottom: 20px; +} +.butter-feedback-form .butter-form textarea { + font-size: 11px; + font-family: menlo, mono; + box-shadow: 0 1px 0 #FFF; +} +.butter-feedback-form .butter-form textarea:focus { + box-shadow: inset 0 2px 4px -2px #cccccc, 0 1px 0 #ffffff; + border-color: #AAA; + -webkit-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + -ms-transition: all 0.5s ease; + transition: all 0.5s ease; +} +.butter-feedback-form strong { + color: #c13832; +} +.butter-feedback-form .butter-btn { + font-weight: 700; + font-size: 11px; + text-transform: uppercase; +} +.dialog-hidden { + display: none; +} +.dialog-scrollable { + height: 150px; + overflow-y: scroll; +} +.dialog-scrollable pre { + font-size: 11px; + font-family: menlo, mono; +} +.ticket-icon { + display: block; + position: absolute; + top: 5px; + left: 0; + height: 50px; + width: 50px; + background: url("/resources/icons/ticket.png") top center no-repeat; +} +/********************************************************* +* First-run +*/ +.first-run .butter-editor-area { + z-index: 10101; +} +.first-run .butter-modal-container { + position: relative; + z-index: 10101; +} +.butter-first-run-dialog { + position: fixed; + right: 360px; + top: 195px; + -moz-animation: bounce ease 1s; + -webkit-animation: bounce ease 1s; + -o-animation: bounce ease 1s; + animation: bounce ease 1s; + width: 400px; +} +.butter-first-run-dialog h2 { + font-size: 1.2em; + margin: 0; + margin-left: 10px; + font-weight: 400; +} +.butter-first-run-dialog .butter-logo { + top: 50%; + margin-top: -40px; + background-size: 280px; + background-position: 0 50%; +} +.butter-first-run-dialog:after, +.butter-first-run-dialog:before { + left: 100%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.butter-first-run-dialog:after { + border-left-color: #f4f5f5; + border-width: 20px; + top: 50%; + margin-top: -20px; +} +.butter-first-run-dialog:before { + border-left-color: #cccccc; + border-width: 22px; + top: 50%; + margin-top: -22px; +} +.butter-first-run-dialog .butter-dialog-title { + padding: 10px 0 10px 50px; +} +.butter-first-run-dialog p { + margin-top: 0; +} +.overlay-highlight { + z-index: 10101; + position: relative; +} +.butter-tooltip.tooltip-popup h3, +.butter-tooltip.tooltip-media h3 { + margin: 0 0 5px 0; + font-style: normal; + font-weight: 700; + border-radius: 3px; +} +.butter-tooltip.tooltip-popup.tooltip-on, +.butter-tooltip.tooltip-media.tooltip-on { + background: #F8EDAB; +} +.butter-tooltip.tooltip-popup.tooltip-on:after, +.butter-tooltip.tooltip-media.tooltip-on:after { + border-bottom-color: #F8EDAB; +} +.butter-tooltip.tooltip-popup { + text-transform: none; +} +.butter-tooltip.tooltip-media { + width: 150px; + margin-left: -75px; +} +.butter-tooltip.tooltip-media .center-div { + display: inline-block; +} +@-moz-keyframes bounce { + 0% { + right: 360px; + } + 50% { + right: 345px; + } + 100% { + right: 360px; + } +} +@-webkit-keyframes bounce { + 0% { + right: 360px; + } + 50% { + right: 345px; + } + 100% { + right: 360px; + } +} +@-o-keyframes bounce { + 0% { + right: 360px; + } + 50% { + right: 345px; + } + 100% { + right: 360px; + } +} +@keyframes bounce { + 0% { + right: 360px; + } + 50% { + right: 345px; + } + 100% { + right: 360px; + } +} +/********************************************************* +* EDITORS +*/ +/********************************************************* +* Editor Header +*/ +html[dir="rtl"] .icon-mail-forward:before, +html[dir="rtl"] .icon-share-alt:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} +.butter-editor-header { + position: absolute; + top: 0; + right: 0; + left: -1px; + border-bottom: 5px solid #3fb58e; + height: 45px; + background: #052938; +} +.butter-editor-header a:hover { + text-decoration: none; +} +.butter-editor-header > ul { + margin: 0; + padding: 0; + width: 100%; + list-style: none; +} +.butter-editor-header > ul > .butter-editor-header-li { + float: left; + position: relative; + top: 0; +} +.butter-editor-header .butter-btn { + background: none; + border: none; + color: #FFF; + font-size: 14px; + padding: 0 12px; + border-radius: 0; + height: 45px; + line-height: 45px; +} +.butter-editor-header .butter-btn > .icon { + margin-top: 1px; + margin-left: 0; + margin-right: 2px; +} +.butter-editor-header .butter-btn.butter-active { + background: #3fb58e; +} +.butter-editor-header .butter-btn.butter-editor-btn-disabled { + color: rgba(255, 255, 255, 0.3); +} +.butter-editor-header .butter-btn.butter-editor-btn-disabled > .icon { + opacity: 0.3; +} +.butter-editor-close-btn { + position: fixed; + top: 62px; + right: 0; + z-index: 10011; +} +.butter-editor-close-btn.toggled .icon:before { + color: #555555; +} +html[dir="ltr"] .butter-editor-close-btn.toggled .icon:before { + content: "\f053"; +} +html[dir="rtl"] .butter-editor-close-btn.toggled .icon:before { + content: "\f054"; +} +/********************************************************* +* Main Editor Area +*/ +.butter-editor-area { + position: fixed; + z-index: 10001; + top: 62px; + bottom: 0; + right: 0; + width: 350px; + background: #f4f5f5; + -webkit-transition: right 0.35s; + -moz-transition: right 0.35s; + -o-transition: right 0.35s; + -ms-transition: right 0.35s; + transition: right 0.35s; + border-left: 1px solid #cccccc; +} +.butter-editor-area.minimized { + right: -352px; +} +.butter-editor-area .butter-editor { + color: #555555; + font-size: 13px; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.butter-editor-area .butter-editor .butter-editor-tabs { + padding: 0 20px; + margin: 0; + list-style: none; + height: 30px; +} +.butter-editor-area .butter-editor .butter-editor-tabs > li { + float: left; + margin-right: 3px; + margin-top: -1px; +} +.butter-editor-area .butter-editor .butter-editor-tabs > li a:hover { + color: #555; +} +.butter-editor-area .butter-editor .butter-editor-tabs .butter-btn { + background: #e6e6e6; + border-radius: 0; + border: 1px solid #cccccc; +} +.butter-editor-area .butter-editor .butter-editor-tabs .butter-btn.butter-active { + background: #FFF; + border-top-color: #FFF; +} +.butter-editor-area .butter-editor h1, +.butter-editor-area .butter-editor .butter-breadcrumbs, +.butter-editor-area .butter-editor .editor-title-card > .title { + font-weight: 700; + font-size: 16px; + line-height: 50px; + color: #3fb58e; + text-transform: capitalize; + margin: 0; +} +.butter-editor-area .butter-editor h1, +.butter-editor-area .butter-editor .butter-breadcrumbs, +.butter-editor-area .butter-editor .editor-title-card { + height: 50px; + margin: 0; + padding: 0 20px; + background: #FFF; + border-bottom: 1px solid #cccccc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.butter-editor-area .butter-editor h1 .butter-breadcrumbs-back, +.butter-editor-area .butter-editor .butter-breadcrumbs .butter-breadcrumbs-back, +.butter-editor-area .butter-editor .editor-title-card .butter-breadcrumbs-back { + opacity: 0.6; + position: relative; + padding-right: 15px; + margin-right: 15px; + display: inline-block; + cursor: pointer; + color: #3fb58e; + border-right: 1px solid #cccccc; +} +.butter-editor-area .butter-editor h1 .butter-breadcrumbs-back:after, +.butter-editor-area .butter-editor .butter-breadcrumbs .butter-breadcrumbs-back:after, +.butter-editor-area .butter-editor .editor-title-card .butter-breadcrumbs-back:after, +.butter-editor-area .butter-editor h1 .butter-breadcrumbs-back:before, +.butter-editor-area .butter-editor .butter-breadcrumbs .butter-breadcrumbs-back:before, +.butter-editor-area .butter-editor .editor-title-card .butter-breadcrumbs-back:before { + left: 100%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.butter-editor-area .butter-editor h1 .butter-breadcrumbs-back:after, +.butter-editor-area .butter-editor .butter-breadcrumbs .butter-breadcrumbs-back:after, +.butter-editor-area .butter-editor .editor-title-card .butter-breadcrumbs-back:after { + border-left-color: #ffffff; + border-width: 5px; + top: 50%; + margin-top: -5px; +} +.butter-editor-area .butter-editor h1 .butter-breadcrumbs-back:before, +.butter-editor-area .butter-editor .butter-breadcrumbs .butter-breadcrumbs-back:before, +.butter-editor-area .butter-editor .editor-title-card .butter-breadcrumbs-back:before { + border-left-color: #cccccc; + border-width: 7px; + top: 50%; + margin-top: -7px; +} +.butter-editor-area .butter-editor h1 .butter-breadcrumbs-back:hover, +.butter-editor-area .butter-editor .butter-breadcrumbs .butter-breadcrumbs-back:hover, +.butter-editor-area .butter-editor .editor-title-card .butter-breadcrumbs-back:hover { + opacity: 1; +} +.butter-editor-area .butter-editor h1 .close-btn, +.butter-editor-area .butter-editor .butter-breadcrumbs .close-btn, +.butter-editor-area .butter-editor .editor-title-card .close-btn { + position: relative; + float: right; + top: 10px; + left: 10px; + line-height: 14px; + cursor: pointer; +} +.butter-editor-area .butter-editor .editor-tabs { + position: absolute; + top: 60px; + left: 5px; + bottom: 5px; + right: 5px; + border-radius: 5px; +} +.butter-editor-area .butter-editor .editor-tabs > button { + margin: 10px; +} +.butter-editor-area .display-off { + display: none; +} +.butter-editor-area .error-message-container { + -webkit-transition: height 0.35s, margin 0.35s, padding 0.35s; + -moz-transition: height 0.35s, margin 0.35s, padding 0.35s; + -o-transition: height 0.35s, margin 0.35s, padding 0.35s; + -ms-transition: height 0.35s, margin 0.35s, padding 0.35s; + transition: height 0.35s, margin 0.35s, padding 0.35s; + overflow: hidden; + height: 0; + color: #D93B21; + visibility: hidden; + width: 300px; +} +.butter-editor-area .error-message-container.open { + padding: 10px 20px; + padding-right: 15px; + background: #F0DDDD; +} +.butter-editor-area .butter-editor-spacing { + padding-right: 0; +} +.butter-editor-area .butter-editor-spacing.editor-open { + padding-right: 350px; +} +.butter-editor-area .butter-editor-content { + position: absolute; + top: 50px; + bottom: 0; + width: 100%; +} +.butter-editor-area .butter-editor-body { + position: absolute; + top: 50px; + bottom: 0; + width: 100%; +} +.butter-editor-area .droparea > label { + text-align: center; +} +.butter-editor-area .droparea > .image-droparea { + border: dashed 2px #ABABAB; + text-align: center; + height: 170px; + position: relative; +} +.butter-editor-area .droparea > .image-droparea > img { + max-width: 100%; + max-height: 100%; + position: absolute; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.butter-editor-area .butter-editor-body.butter-tabs-spacing { + top: 80px; +} +.butter-editor-area .scrollbar-outer { + position: absolute; + top: 0; + right: 15px; + left: 0; + bottom: 0; + overflow: hidden; +} +.butter-editor-area .allow-scrollbar .butter-scroll-bar.butter-scroll-bar-v { + top: 5px; + right: 5px; + width: 10px; + bottom: 5px; +} +/********************************************************* +* Editor UI styles +*/ +.butter-form .trackevent-property, +.butter-form .trackevent-warning, +.butter-form fieldset { + border: none; + margin: 10px 20px; + padding: 0; + *zoom: 1; +} +.butter-form .trackevent-property:before, +.butter-form .trackevent-warning:before, +.butter-form fieldset:before, +.butter-form .trackevent-property:after, +.butter-form .trackevent-warning:after, +.butter-form fieldset:after { + content: " "; + display: table; +} +.butter-form .trackevent-property:after, +.butter-form .trackevent-warning:after, +.butter-form fieldset:after { + clear: both; +} +.butter-form .trackevent-property:before, +.butter-form .trackevent-warning:before, +.butter-form fieldset:before, +.butter-form .trackevent-property:after, +.butter-form .trackevent-warning:after, +.butter-form fieldset:after { + content: " "; + display: table; +} +.butter-form .trackevent-property:after, +.butter-form .trackevent-warning:after, +.butter-form fieldset:after { + clear: both; +} +.butter-form .trackevent-property:before, +.butter-form .trackevent-warning:before, +.butter-form fieldset:before, +.butter-form .trackevent-property:after, +.butter-form .trackevent-warning:after, +.butter-form fieldset:after { + content: ""; + display: table; +} +.butter-form .trackevent-property:after, +.butter-form .trackevent-warning:after, +.butter-form fieldset:after { + clear: both; +} +.butter-form .trackevent-property:before, +.butter-form .trackevent-warning:before, +.butter-form fieldset:before, +.butter-form .trackevent-property:after, +.butter-form .trackevent-warning:after, +.butter-form fieldset:after { + content: ""; + display: table; +} +.butter-form .trackevent-property:after, +.butter-form .trackevent-warning:after, +.butter-form fieldset:after { + clear: both; +} +.butter-form .trackevent-warning { + background: #d9dddd; + padding: 10px; + border-radius: 5px; +} +.butter-form label.property-name, +.butter-form label { + display: block; + font-size: 13px; + padding: 5px 0; +} +.butter-form .editor-section-header { + font-weight: 700; + font-size: 16px; + margin-bottom: 5px; +} +.butter-form select, +.butter-form input, +.butter-form textarea { + height: 32px; + width: 100%; + padding: 6px; + margin-bottom: 5px; + border: 1px solid #cccccc; + border-top-color: #b3b3b3; + border-radius: 2px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.butter-form select:-moz-placeholder, +.butter-form input:-moz-placeholder, +.butter-form textarea:-moz-placeholder { + color: #AAA; +} +.butter-form select:focus, +.butter-form input:focus, +.butter-form textarea:focus { + outline: none; + border: 1px solid #3fb58e; + -webkit-transition: border 0.25s ease; + -moz-transition: border 0.25s ease; + -o-transition: border 0.25s ease; + -ms-transition: border 0.25s ease; + transition: border 0.25s ease; +} +.butter-form .farbtastic { + margin: auto; +} +.butter-form .color .value { + height: 32px; + float: left; +} +.butter-form .color-picker { + height: 195px; + width: 200px; + transition: height .3s linear; + overflow: hidden; +} +.butter-form .color-picker.hidden { + height: 0; +} +.butter-form textarea { + height: 100px; + line-height: 1.3; + resize: none; +} +.butter-form .butter-form-radio, +.butter-form .butter-form-checkbox { + line-height: 1.3em; + padding-left: 40px; + padding-top: 0; + border: none; +} +.butter-form input[type="radio"], +.butter-form input[type="checkbox"] { + float: left; + vertical-align: text-top; + width: 12px; + height: 13px; + margin-left: -38px; + margin-top: 2px; +} +.butter-form .checkbox-group { + float: left; + margin-right: 10px; +} +.butter-form .checkbox-group input[type="checkbox"] { + float: right; +} +.butter-form :invalid, +.butter-form :invalid + .butter-unit, +.butter-form .invalid, +.butter-form .invalid + .butter-unit, +.butter-form .invalid:focus, +.butter-form .invalid-field input, +.butter-form .invalid-field textarea, +.butter-form .invalid-field select { + border-color: #c13832; +} +.butter-form .butter-form-append { + position: relative; + display: inline-block; + *zoom: 1; +} +.butter-form .butter-form-append:before, +.butter-form .butter-form-append:after { + content: " "; + display: table; +} +.butter-form .butter-form-append:after { + clear: both; +} +.butter-form .butter-form-append:before, +.butter-form .butter-form-append:after { + content: " "; + display: table; +} +.butter-form .butter-form-append:after { + clear: both; +} +.butter-form .butter-form-append:before, +.butter-form .butter-form-append:after { + content: ""; + display: table; +} +.butter-form .butter-form-append:after { + clear: both; +} +.butter-form .butter-form-append:before, +.butter-form .butter-form-append:after { + content: ""; + display: table; +} +.butter-form .butter-form-append:after { + clear: both; +} +.butter-form .butter-form-append > input { + height: 32px; + float: left; + border-radius: 2px 0 0 2px; + width: 200px; +} +.butter-form .butter-unit { + height: 30px; + position: absolute; + right: -2px; + bottom: 5px; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + font-size: 10px; + line-height: 32px; + padding: 0 5px; + min-width: 16px; + font-weight: normal; + text-align: center; + background-color: #f4f5f5; + color: #777; + border: 1px solid #cccccc; + border-radius: 0 3px 3px 0; +} +.butter-form .butter-form-inline.form-single { + *zoom: 1; +} +.butter-form .butter-form-inline.form-single:before, +.butter-form .butter-form-inline.form-single:after { + content: " "; + display: table; +} +.butter-form .butter-form-inline.form-single:after { + clear: both; +} +.butter-form .butter-form-inline.form-single:before, +.butter-form .butter-form-inline.form-single:after { + content: " "; + display: table; +} +.butter-form .butter-form-inline.form-single:after { + clear: both; +} +.butter-form .butter-form-inline.form-single:before, +.butter-form .butter-form-inline.form-single:after { + content: ""; + display: table; +} +.butter-form .butter-form-inline.form-single:after { + clear: both; +} +.butter-form .butter-form-inline.form-single:before, +.butter-form .butter-form-inline.form-single:after { + content: ""; + display: table; +} +.butter-form .butter-form-inline.form-single:after { + clear: both; +} +.butter-form .butter-form-inline.form-single label { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + width: 80px; + float: left; + padding: 0; + margin-top: 5px; +} +.butter-form .butter-form-inline.form-single > input, +.butter-form .butter-form-inline.form-single textarea, +.butter-form .butter-form-inline.form-single select { + float: left; + margin-left: 5px; + width: 286px; +} +.butter-form .butter-form-inline.form-half .butter-form-radio, +.butter-form .butter-form-inline.form-half .butter-form-checkbox { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + width: 143px; + float: left; +} +.butter-form .butter-form-inline.form-half > input, +.butter-form .butter-form-inline.form-half > select, +.butter-form .butter-form-inline.form-half .butter-form-append { + position: relative; + width: 133px; + float: left; +} +.butter-form .butter-form-inline.form-half > input:last-child, +.butter-form .butter-form-inline.form-half > select:last-child, +.butter-form .butter-form-inline.form-half .butter-form-append:last-child { + margin-left: 10px; +} +.butter-form .butter-form-inline.form-half > input > input, +.butter-form .butter-form-inline.form-half > select > input, +.butter-form .butter-form-inline.form-half .butter-form-append > input { + width: 100%; +} +.butter-form code, +.butter-form pre { + font-size: 10px; +} +/********************************************************* +* Scrollbars +*/ +.butter-scroll-bar { + position: absolute; + background: #a4acac; + box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); + border-radius: 15px; + overflow: hidden; +} +.butter-scroll-handle { + height: 8px; + top: 1px; + position: absolute; + background: #d9dddd; + border-radius: 15px; +} +.butter-scroll-handle:hover, +.butter-scroll-handle.butter-scollbar-active { + background: #6f7b7b; + cursor: pointer; +} +.butter-scroll-bar-v .butter-scroll-handle { + width: 8px; + left: 1px; +} +/********************************************************* +* Tooltip +*/ +*:hover > .butter-tooltip:not(.tooltip-no-hover) { + opacity: 1; + visibility: visible; + -webkit-transition: opacity 0.3s ease 0.5s; + -moz-transition: opacity 0.3s ease 0.5s; + -o-transition: opacity 0.3s ease 0.5s; + -ms-transition: opacity 0.3s ease 0.5s; + transition: opacity 0.3s ease 0.5s; +} +.butter-tooltip { + visibility: hidden; + opacity: 0; + position: absolute; + top: 100%; + left: 50%; + margin-top: -7px; + margin-left: -55px; + z-index: 10100; + width: 110px; + padding: 10px; + background: #FFF; + text-shadow: none; + color: #555; + line-height: 15px; + font-size: 11px; + font-weight: 600; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + border-radius: 2px; + text-align: center; + border: 1px solid #CCC; + box-shadow: 0 5px 6px -5px rgba(0, 0, 0, 0.3); + pointer-events: none; + -webkit-transition: opacity 0.3s ease 0; + -moz-transition: opacity 0.3s ease 0; + -o-transition: opacity 0.3s ease 0; + -ms-transition: opacity 0.3s ease 0; + transition: opacity 0.3s ease 0; +} +.butter-tooltip.tooltip-off { + display: none; +} +.butter-tooltip.tooltip-no-transition-on { + opacity: 1; + visibility: visible; +} +.butter-tooltip.tooltip-error { + color: red; +} +.butter-tooltip.butter-tooltip-middle { + top: 50%; +} +.butter-tooltip.arrow:before { + content: ""; + position: absolute; + top: -6px; + left: 50%; + margin-left: -5px; + width: 9px; + height: 9px; + background-color: #ffffff; + border-style: solid; + border-color: #c0c0c0; + border-image: none; + border-width: 1px 0 0 1px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} +.butter-no-top-margin { + margin-top: 0; +} +/********************************************************* +* Draggable/Resizable +*/ +.editor-disable-pointer-events { + pointer-events: none; +} +.editor-drag-handle { + -webkit-transition: opacity .3s ease; + -moz-transition: opacity .3s ease; + -ms-transition: opacity .3s ease; + -o-transition: opacity .3s ease; + transition: opacity .3s ease; + opacity: 0.4; + z-index: 5000; + height: 32px; + width: 32px; + position: absolute; + top: 15px; + left: 15px; +} +.editor-drag-handle:hover { + opacity: 1; +} +/********************************************************* +* Sequencer. See also public/css/sequencer-ltr.less +*/ +.butter-form .butter-editor-section { + margin: 0; + padding: 10px 20px; + border-bottom: 1px solid #cccccc; +} +.butter-form .switch { + border: 1px solid #cccccc; + float: left; + border-radius: 2px; + color: #CCC; + line-height: 1; +} +.butter-form .switch:hover { + color: #999; +} +.butter-form .switch > input { + display: none; +} +.butter-form .switch > span { + float: left; + padding: 8px; + text-transform: uppercase; + font-size: 11px; + font-weight: 700; + cursor: pointer; +} +.butter-form .switch > span:first-of-type { + border-right: 1px solid #cccccc; +} +.butter-form .switch.on .switch-on { + background: #FFF; + color: #3fb58e; +} +.butter-form .switch:not(.on) .switch-off { + background: #FFF; + color: #c13832; +} +.fallback-container { + display: none; +} +.fallback-container.show { + display: block; +} +.fallback-container .icon { + position: relative; +} +.fallback-container .butter-tooltip { + margin-top: 5px; + width: 150px; + margin-left: -75px; +} +.butter-editor-inline { + *zoom: 1; +} +.butter-editor-inline > label, +.butter-editor-inline > div, +.butter-editor-inline > textarea, +.butter-editor-inline > input { + float: left; + line-height: 24px; + padding: 0; +} +.butter-editor-inline > label > .icon, +.butter-editor-inline > div > .icon, +.butter-editor-inline > textarea > .icon, +.butter-editor-inline > input > .icon { + margin-right: 8px; +} +.butter-editor-inline > label:first-child, +.butter-editor-inline > div:first-child, +.butter-editor-inline > textarea:first-child, +.butter-editor-inline > input:first-child { + width: 33%; +} +.butter-editor-inline > label:last-child, +.butter-editor-inline > div:last-child, +.butter-editor-inline > textarea:last-child, +.butter-editor-inline > input:last-child { + width: 66%; +} +.butter-editor-inline > textarea { + padding: 5px; + height: 50px; + line-height: 1; + width: 66%; +} +.butter-editor-inline:before, +.butter-editor-inline:after { + content: " "; + display: table; +} +.butter-editor-inline:after { + clear: both; +} +.butter-editor-inline:before, +.butter-editor-inline:after { + content: " "; + display: table; +} +.butter-editor-inline:after { + clear: both; +} +.butter-editor-inline:before, +.butter-editor-inline:after { + content: ""; + display: table; +} +.butter-editor-inline:after { + clear: both; +} +.butter-editor-inline:before, +.butter-editor-inline:after { + content: ""; + display: table; +} +.butter-editor-inline:after { + clear: both; +} +/********************************************************* +* Tutorial +*/ +.tutorial-editor { + margin: 10px 20px; +} +.tutorial-iframe { + border-radius: 2px; + height: 100%; + width: 100%; + border: 1px solid #cccccc; + background: white; +} +/********************************************************* +* Sequencer Editor -- src/layouts/sequencer-editor.html +*/ +html[dir="ltr"] { + /********************************************************* + * Trimmer + */ + /********************************************************* + * UI + */ +} +html[dir="ltr"] textarea.two-lines { + height: 42px; +} +html[dir="ltr"] textarea.url { + font-size: 11px; + font-family: menlo, monospace; + word-break: break-all; +} +html[dir="ltr"] .butter-slider-tooltip { + width: 70px; + margin-left: -35px; + padding: 10px; + font-size: 11px; + line-height: 10px; + top: -34px; + height: 30px; +} +html[dir="ltr"] .butter-slider-tooltip.tooltip-on { + -webkit-transition: all 0.1s ease 0; + -moz-transition: all 0.1s ease 0; + -o-transition: all 0.1s ease 0; + -ms-transition: all 0.1s ease 0; + transition: all 0.1s ease 0; +} +html[dir="ltr"] .butter-slider-tooltip:after, +html[dir="ltr"] .butter-slider-tooltip:before { + top: 100%; + border-bottom: none; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #FFF; +} +html[dir="ltr"] .butter-slider-tooltip:before { + top: 100%; + border-bottom: none; + border-top: 5px solid #CCC; +} +html[dir="ltr"] .clip-duration { + position: relative; + height: 28px; + border-radius: 3px; + margin-top: 15px; + margin-bottom: 10px; +} +html[dir="ltr"] .clip-duration:before { + content: ""; + display: block; + position: absolute; + top: 2px; + bottom: 2px; + left: 0; + right: 0; + background: #FFF; + border: 1px dashed #cccccc; + border-radius: 3px; +} +html[dir="ltr"] .clip-duration > label { + position: absolute; + bottom: 100%; + font-size: 10px; + font-family: menlo; +} +html[dir="ltr"] .clip-duration > label.clip-end { + right: 0; +} +html[dir="ltr"] .clip-section { + position: absolute; + top: 0; + height: 100%; + left: 28px; + width: 60px; + cursor: move; + box-shadow: inset 0 0 0 1px black; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + background: #333; + border-radius: 3px; +} +html[dir="ltr"] .clip-section:hover, +.editing html[dir="ltr"] .clip-section { + box-shadow: inset 0 0 0 2px #3fb58e; +} +.editing html[dir="ltr"] .clip-section { + border-width: 2px; + cursor: ew-resize; +} +html[dir="ltr"] .clip-section.small { + background: none; + border: none; +} +html[dir="ltr"] .clip-section.small:after { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + background: #333; + width: 6px; + height: 100%; + border-radius: 2px; +} +html[dir="ltr"] .clip-section.small .trimmer-resizable-w { + left: -4px; +} +html[dir="ltr"] .clip-section.small .trimmer-resizable-e { + right: auto; + left: 4px; +} +html[dir="ltr"] .trimmer-resizable-handle { + position: absolute; + background: #328f70; + border: 2px solid #3fb58e; + height: 9px; + width: 6px; + top: 50%; + margin-top: -5px; + cursor: ew-resize; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +html[dir="ltr"] .trimmer-resizable-w { + left: -2px; + z-index: 1; +} +html[dir="ltr"] .trimmer-resizable-e { + right: -2px; + z-index: 2; +} +html[dir="ltr"] .slider-container { + margin-top: 10px; +} +html[dir="ltr"] .slider-container > label { + text-indent: 18px; +} +html[dir="ltr"] .slider-container > div { + position: relative; + width: 100%; + padding: 10px 0; +} +html[dir="ltr"] .slider-container.disabled { + display: none; +} +html[dir="ltr"] .butter-slider { + position: relative; + height: 5px; + border-radius: 2px; + background: #cccccc; + border: 1px solid #bfbfbf; +} +html[dir="ltr"] .butter-slider > label { + position: absolute; + top: 100%; + font-size: 10px; + line-height: 1.5; + font-family: menlo; + width: 30px; +} +html[dir="ltr"] .butter-slider > .slider-start { + margin-left: -3px; +} +html[dir="ltr"] .butter-slider > .slider-end { + left: auto; + right: 0; + text-align: right; + margin-right: -3px; +} +html[dir="ltr"] .butter-slider-scrubber { + position: absolute; + top: 0; + margin-top: -4px; + margin-left: -4px; + height: 15px; + width: 15px; + border-radius: 5px; + background: #FFF; + border: 1px solid #cccccc; + cursor: pointer; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +/********************************************************* +* Sequencer Editor -- src/layouts/sequencer-editor.html +*/ +html[dir="rtl"] { + /********************************************************* + * Trimmer + */ + /********************************************************* + * UI + */ +} +html[dir="rtl"] textarea.two-lines { + height: 42px; +} +html[dir="rtl"] textarea.url { + font-size: 11px; + font-family: menlo, monospace; + word-break: break-all; +} +html[dir="rtl"] .butter-slider-tooltip { + width: 70px; + margin-right: -35px; + padding: 10px; + font-size: 11px; + line-height: 10px; + top: -34px; + height: 30px; +} +html[dir="rtl"] .butter-slider-tooltip.tooltip-on { + -webkit-transition: all 0.1s ease 0; + -moz-transition: all 0.1s ease 0; + -o-transition: all 0.1s ease 0; + -ms-transition: all 0.1s ease 0; + transition: all 0.1s ease 0; +} +html[dir="rtl"] .butter-slider-tooltip:after, +html[dir="rtl"] .butter-slider-tooltip:before { + top: 100%; + border-bottom: none; + border-right: 5px solid transparent; + border-left: 5px solid transparent; + border-top: 5px solid #FFF; +} +html[dir="rtl"] .butter-slider-tooltip:before { + top: 100%; + border-bottom: none; + border-top: 5px solid #CCC; +} +html[dir="rtl"] .clip-duration { + position: relative; + height: 28px; + border-radius: 3px; + margin-top: 15px; + margin-bottom: 10px; +} +html[dir="rtl"] .clip-duration:before { + content: ""; + display: block; + position: absolute; + top: 2px; + bottom: 2px; + right: 0; + left: 0; + background: #FFF; + border: 1px dashed #cccccc; + border-radius: 3px; +} +html[dir="rtl"] .clip-duration > label { + position: absolute; + bottom: 100%; + font-size: 10px; + font-family: menlo; +} +html[dir="rtl"] .clip-duration > label.clip-end { + left: 0; +} +html[dir="rtl"] .clip-section { + position: absolute; + top: 0; + height: 100%; + right: 28px; + width: 60px; + cursor: move; + box-shadow: inset 0 0 0 1px black; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + background: #333; + border-radius: 3px; +} +html[dir="rtl"] .clip-section:hover, +.editing html[dir="rtl"] .clip-section { + box-shadow: inset 0 0 0 2px #3fb58e; +} +.editing html[dir="rtl"] .clip-section { + border-width: 2px; + cursor: ew-resize; +} +html[dir="rtl"] .clip-section.small { + background: none; + border: none; +} +html[dir="rtl"] .clip-section.small:after { + content: ""; + display: block; + position: absolute; + top: 0; + right: 0; + background: #333; + width: 6px; + height: 100%; + border-radius: 2px; +} +html[dir="rtl"] .clip-section.small .trimmer-resizable-w { + right: -4px; +} +html[dir="rtl"] .clip-section.small .trimmer-resizable-e { + left: auto; + right: 4px; +} +html[dir="rtl"] .trimmer-resizable-handle { + position: absolute; + background: #328f70; + border: 2px solid #3fb58e; + height: 9px; + width: 6px; + top: 50%; + margin-top: -5px; + cursor: ew-resize; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +html[dir="rtl"] .trimmer-resizable-w { + right: -2px; + z-index: 1; +} +html[dir="rtl"] .trimmer-resizable-e { + left: -2px; + z-index: 2; +} +html[dir="rtl"] .slider-container { + margin-top: 10px; +} +html[dir="rtl"] .slider-container > label { + text-indent: 18px; +} +html[dir="rtl"] .slider-container > div { + position: relative; + width: 100%; + padding: 10px 0; +} +html[dir="rtl"] .slider-container.disabled { + display: none; +} +html[dir="rtl"] .butter-slider { + position: relative; + height: 5px; + border-radius: 2px; + background: #cccccc; + border: 1px solid #bfbfbf; +} +html[dir="rtl"] .butter-slider > label { + position: absolute; + top: 100%; + font-size: 10px; + line-height: 1.5; + font-family: menlo; + width: 30px; +} +html[dir="rtl"] .butter-slider > .slider-start { + margin-right: -3px; +} +html[dir="rtl"] .butter-slider > .slider-end { + right: auto; + left: 0; + text-align: left; + margin-left: -3px; +} +html[dir="rtl"] .butter-slider-scrubber { + position: absolute; + top: 0; + margin-top: -4px; + margin-right: -4px; + height: 15px; + width: 15px; + border-radius: 5px; + background: #FFF; + border: 1px solid #cccccc; + cursor: pointer; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +/********************************************************* +* MEDIA EDITOR +*/ +.media-editor .fl-right { + margin-top: 8px; + float: right; +} +.media-editor h1.add-new-media { + height: 60px; + line-height: 60px; + text-transform: none; + font-weight: normal; + color: #555; + font-size: 14px; +} +.media-editor h1.add-new-media:before { + content: ""; + background: url("../resources/icons/media.png") no-repeat; + float: left; + height: 26px; + width: 22px; + position: relative; + top: 16px; + left: 3px; + margin-right: 16px; +} +.media-editor .media-editor-inner-wrapper { + position: relative; + overflow: hidden; + margin-bottom: 5px; + margin-top: 10px; +} +.media-editor .media-editor-inner-wrapper:hover .delete-media-btn { + right: 2px; +} +.media-editor .media-editor-inner-wrapper textarea { + font-size: 12px; + font-family: monaco, monospace; +} +.media-editor .media-editor-inner-wrapper p { + margin-top: 13px; +} +.media-editor.no-paging .media-gallery { + bottom: 0; +} +.media-editor.no-paging .media-gallery-base-media { + display: none; +} +.media-editor .add-media-panel { + height: 200px; + overflow: hidden; + opacity: 1; + margin: 0 20px; +} +.media-editor .add-media-panel.invalid-field select { + border-color: #cccccc; + border-top-color: #b3b3b3; +} +.media-editor .media-gallery { + position: absolute; + bottom: 48px; + width: 100%; + margin-top: -1px; + top: 230px; +} +.media-editor .media-gallery .media-gallery-heading { + background: #FFF; + height: 10px; + width: 100%; + border: 0 solid #cccccc; + border-bottom-width: 1px; + border-top-width: 1px; + text-transform: uppercase; + position: absolute; + top: 0; + left: 0; + right: 0; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single { + left: 0; + right: 0; + margin: 0; + padding: 5px 20px; + background: #f4f5f5; + border-top: 1px solid #cccccc; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single > .paging-container { + margin: 0.5em 0; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single > .paging-container ul { + list-style: none; + margin: 0; + padding: 0; + font-size: 0.8em; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single > .paging-container ul > li { + cursor: pointer; + line-height: 1; + display: inline-block; + margin-right: 0.2em; + padding: 0.4em 0.6em; + border-radius: 2px; + border: 1px solid #DDDDDD; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single > .paging-container ul > li.active { + background: #3fb58e; + border-color: #38a27f; + color: #FFF; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single > .paging-container ul > li.ellipsis { + border: none; + cursor: default; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single > .paging-container ul > li.ellipsis:before { + content: "..."; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single.bottom { + bottom: 0; + position: absolute; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single.top { + top: 0; +} +.media-editor .media-gallery-scroll-container { + position: absolute; + top: 10px; + left: 0; + right: 0; + bottom: 0; +} +.media-editor .butter-editor-tabs.clip-tabs { + position: absolute; + top: -33px; + z-index: 2; +} +.media-editor .butter-editor-tabs.clip-tabs .butter-btn { + height: 33px; + line-height: 33px; +} +.media-editor .butter-editor-tabs.clip-tabs .butter-btn.butter-active { + border-top-color: #cccccc; + border-bottom-color: #FFF; +} +.media-editor .butter-editor-tabs.clip-tabs .butter-btn.media-tab { + font-weight: 700; + font-size: 11px; +} +.media-editor .butter-editor-tabs.clip-tabs .media-icon { + margin-top: 8px; + margin-left: 5px; +} +.media-editor .media-gallery-list { + list-style: none; + padding: 0; + margin: 2px 0 0; + border-radius: 2px; +} +.media-editor .media-gallery-item { + position: relative; + padding: 10px 20px; + height: 70px; + border: 0 solid #cccccc; + border-top-width: 1px; + background-color: #f4f5f5; + font-size: 11px; + -webkit-transition: background-color 0.2s linear; + -moz-transition: background-color 0.2s linear; + -o-transition: background-color 0.2s linear; + -ms-transition: background-color 0.2s linear; + transition: background-color 0.2s linear; +} +.media-editor .media-gallery-item:first-child { + margin-top: -1px; +} +.media-editor .media-gallery-item.new { + background: #3fb58e; + color: #FFF; +} +.media-editor .media-gallery-item.new > .delete-btn { + display: none; +} +.media-editor .media-gallery-item.new > .mg-meta-data > .mg-type { + color: #FFF; +} +.media-editor .media-gallery-item .mg-thumbnail { + position: relative; + overflow: hidden; + float: left; + margin-right: 10px; + border: 1px solid #cccccc; + width: 80px; + height: 60px; +} +.media-editor .media-gallery-item .mg-thumbnail > img, +.media-editor .media-gallery-item .mg-thumbnail video, +.media-editor .media-gallery-item .mg-thumbnail .default-thumbnail { + display: block; + position: absolute; + width: 100%; + height: 100%; +} +.media-editor .media-gallery-item .mg-thumbnail > .default-thumbnail { + background: url("../resources/icons/media.png") no-repeat; + background-position: center center; +} +.media-editor .media-gallery-item .mg-thumbnail:hover { + border-color: #3fb58e; +} +.media-editor .media-gallery-item .mg-thumbnail:hover .icon-plus { + display: block; +} +.media-editor .media-gallery-item .mg-thumbnail:hover > img, +.media-editor .media-gallery-item .mg-thumbnail:hover video, +.media-editor .media-gallery-item .mg-thumbnail:hover .default-thumbnail { + display: none; +} +.media-editor .media-gallery-item .mg-thumbnail:hover:before { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background: rgba(63, 181, 142, 0.6); +} +.media-editor .media-gallery-item .mg-thumbnail .icon-plus { + position: absolute; + font-size: 16px; + margin: -8px 0 0 -8px; + top: 50%; + left: 50%; + color: white; + display: none; +} +.media-editor .media-gallery-item .mg-html5 .mg-thumbnail { + background: url("../resources/icons/media.png") center no-repeat; +} +.media-editor .media-gallery-item .mg-html5 .mg-thumbnail > video { + height: auto; +} +.media-editor .media-gallery-item .mg-meta-data { + float: left; + width: 190px; + height: 60px; + line-height: 1.2em; +} +.media-editor .media-gallery-item .mg-title { + overflow: hidden; + font-weight: 700; + max-height: 3.6em; +} +.media-editor .media-gallery-item .mg-type-text { + color: #999; + margin-top: 3px; + line-height: 18px; + width: 180px; +} +.media-editor .media-gallery-item .mg-type-text.media::after { + content: " clip"; +} +.media-editor .media-gallery-item .mg-type-text.photo::after { + content: " image"; +} +.media-editor .media-gallery-item .mg-duration:before { + content: "Duration: "; +} +.media-editor .media-gallery-item .mg-delete-btn { + position: absolute; + top: 10px; + right: 5px; + opacity: 0.5; +} +.media-editor .media-gallery-item .mg-delete-btn:hover { + opacity: 1; +} +.media-editor .gallery-item-grid.media-gallery-item { + background-color: #f4f5f5; + font-size: 11px; + float: left; + padding: 0; + margin-left: 22px; + margin-top: 22px; + height: 60px; + width: 80px; + border: none; + -webkit-transition: background-color 0.2s linear; + -moz-transition: background-color 0.2s linear; + -o-transition: background-color 0.2s linear; + -ms-transition: background-color 0.2s linear; + transition: background-color 0.2s linear; +} +.media-editor .gallery-item-grid.media-gallery-item.new { + background: #3fb58e; + color: #FFF; +} +.media-editor .gallery-item-grid.media-gallery-item.new > .delete-btn { + display: none; +} +.media-editor .gallery-item-grid.media-gallery-item.new > .mg-meta-data > .mg-type { + color: #FFF; +} +.media-editor .gallery-item-grid.media-gallery-item .mg-thumbnail { + position: relative; + overflow: hidden; + float: left; + margin-right: 0; + border: 1px solid #cccccc; +} +.media-editor .gallery-item-grid.media-gallery-item .mg-thumbnail > img, +.media-editor .gallery-item-grid.media-gallery-item .mg-thumbnail video { + display: block; + width: 80px; + height: 60px; +} +.media-editor .gallery-item-grid.media-gallery-item .mg-thumbnail:hover { + border-color: #3fb58e; +} +.media-editor .gallery-item-grid.media-gallery-item .mg-thumbnail:hover .icon-plus { + display: block; +} +.media-editor .gallery-item-grid.media-gallery-item .mg-thumbnail:hover:before { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background: rgba(63, 181, 142, 0.6); +} +.media-editor .gallery-item-grid.media-gallery-item .mg-thumbnail .icon-plus { + position: absolute; + font-size: 16px; + margin: -8px 0 0 -8px; + top: 50%; + left: 50%; + color: white; + display: none; +} +.media-editor .gallery-item-grid.media-gallery-item .mg-meta-data, +.media-editor .gallery-item-grid.media-gallery-item .mg-title, +.media-editor .gallery-item-grid.media-gallery-item .mg-type, +.media-editor .gallery-item-grid.media-gallery-item .mg-duration, +.media-editor .gallery-item-grid.media-gallery-item .mg-delete-btn { + display: none; +} +.media-editor .add-media-input { + height: 60px; +} +.media-editor .error, +.media-editor .error:focus { + border: 1px inset #c13832; +} +.media-editor .media-error-message { + color: #c13832; +} +.media-editor .media-error-message.hidden { + display: none; +} +.media-editor .media-loading-spinner { + float: left; + margin-right: 10px; + margin-top: 4px; +} +.media-editor .media-loading-spinner.media-gallery-loading { + *zoom: 1; + position: absolute; + display: block; + top: 35%; + left: 35%; + width: 95px; + height: 70px; + background-image: url("../resources/img/cat.gif"); +} +.media-editor .media-loading-spinner.media-gallery-loading:before, +.media-editor .media-loading-spinner.media-gallery-loading:after { + content: " "; + display: table; +} +.media-editor .media-loading-spinner.media-gallery-loading:after { + clear: both; +} +.media-editor .media-loading-spinner.media-gallery-loading:before, +.media-editor .media-loading-spinner.media-gallery-loading:after { + content: " "; + display: table; +} +.media-editor .media-loading-spinner.media-gallery-loading:after { + clear: both; +} +.media-editor .media-loading-spinner.media-gallery-loading:before, +.media-editor .media-loading-spinner.media-gallery-loading:after { + content: ""; + display: table; +} +.media-editor .media-loading-spinner.media-gallery-loading:after { + clear: both; +} +.media-editor .media-loading-spinner.media-gallery-loading:before, +.media-editor .media-loading-spinner.media-gallery-loading:after { + content: ""; + display: table; +} +.media-editor .media-loading-spinner.media-gallery-loading:after { + clear: both; +} +/*! Hint.css - v1.3.3 - 2014-07-06 +* http://kushagragour.in/lab/hint/ +* Copyright (c) 2014 Kushagra Gour; Licensed MIT */ +/*-------------------------------------*\ + HINT.css - A CSS tooltip library +\*-------------------------------------*/ +/** + * HINT.css is a tooltip library made in pure CSS. + * + * Source: https://github.com/chinchang/hint.css + * Demo: http://kushagragour.in/lab/hint/ + * + * Release under The MIT License + * + */ +/** + * source: hint-core.scss + * + * Defines the basic styling for the tooltip. + * Each tooltip is made of 2 parts: + * 1) body (:after) + * 2) arrow (:before) + * + * Classes added: + * 1) hint + */ +.hint, +[data-hint] { + position: relative; + display: inline-block; + /** + * tooltip arrow + */ + /** + * tooltip body + */ +} +.hint:before, +.hint:after, +[data-hint]:before, +[data-hint]:after { + position: absolute; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + visibility: hidden; + opacity: 0; + z-index: 1000000; + pointer-events: none; + -webkit-transition: 0.3s ease; + -moz-transition: 0.3s ease; + transition: 0.3s ease; + -webkit-transition-delay: 0ms; + -moz-transition-delay: 0ms; + transition-delay: 0ms; +} +.hint:hover:before, +.hint:hover:after, +.hint:focus:before, +.hint:focus:after, +[data-hint]:hover:before, +[data-hint]:hover:after, +[data-hint]:focus:before, +[data-hint]:focus:after { + visibility: visible; + opacity: 1; +} +.hint:hover:before, +.hint:hover:after, +[data-hint]:hover:before, +[data-hint]:hover:after { + -webkit-transition-delay: 100ms; + -moz-transition-delay: 100ms; + transition-delay: 100ms; +} +.hint:before, +[data-hint]:before { + content: ''; + position: absolute; + background: transparent; + border: 6px solid transparent; + z-index: 1000001; +} +.hint:after, +[data-hint]:after { + content: attr(data-hint); + background: #383838; + color: white; + padding: 8px 10px; + font-size: 12px; + line-height: 12px; + white-space: nowrap; +} +/** + * source: hint-position.scss + * + * Defines the positoning logic for the tooltips. + * + * Classes added: + * 1) hint--top + * 2) hint--bottom + * 3) hint--left + * 4) hint--right + */ +/** + * set default color for tooltip arrows + */ +.hint--top:before { + border-top-color: #383838; +} +.hint--bottom:before { + border-bottom-color: #383838; +} +.hint--left:before { + border-left-color: #383838; +} +.hint--right:before { + border-right-color: #383838; +} +/** + * top tooltip + */ +.hint--top:before { + margin-bottom: -12px; +} +.hint--top:after { + margin-left: -18px; +} +.hint--top:before, +.hint--top:after { + bottom: 100%; + left: 50%; +} +.hint--top:hover:after, +.hint--top:hover:before, +.hint--top:focus:after, +.hint--top:focus:before { + -webkit-transform: translateY(-8px); + -moz-transform: translateY(-8px); + transform: translateY(-8px); +} +/** + * bottom tooltip + */ +.hint--bottom:before { + margin-top: -12px; +} +.hint--bottom:after { + margin-left: -18px; +} +.hint--bottom:before, +.hint--bottom:after { + top: 100%; + left: 50%; +} +.hint--bottom:hover:after, +.hint--bottom:hover:before, +.hint--bottom:focus:after, +.hint--bottom:focus:before { + -webkit-transform: translateY(8px); + -moz-transform: translateY(8px); + transform: translateY(8px); +} +/** + * right tooltip + */ +.hint--right:before { + margin-left: -12px; + margin-bottom: -6px; +} +.hint--right:after { + margin-bottom: -14px; +} +.hint--right:before, +.hint--right:after { + left: 100%; + bottom: 50%; +} +.hint--right:hover:after, +.hint--right:hover:before, +.hint--right:focus:after, +.hint--right:focus:before { + -webkit-transform: translateX(8px); + -moz-transform: translateX(8px); + transform: translateX(8px); +} +/** + * left tooltip + */ +.hint--left:before { + margin-right: -12px; + margin-bottom: -6px; +} +.hint--left:after { + margin-bottom: -14px; +} +.hint--left:before, +.hint--left:after { + right: 100%; + bottom: 50%; +} +.hint--left:hover:after, +.hint--left:hover:before, +.hint--left:focus:after, +.hint--left:focus:before { + -webkit-transform: translateX(-8px); + -moz-transform: translateX(-8px); + transform: translateX(-8px); +} +/** + * source: hint-color-types.scss + * + * Contains tooltips of various types based on color differences. + * + * Classes added: + * 1) hint--error + * 2) hint--warning + * 3) hint--info + * 4) hint--success + * + */ +/** + * Error + */ +.hint--error:after { + background-color: #b34e4d; + text-shadow: 0 -1px 0px #592726; +} +.hint--error.hint--top:before { + border-top-color: #b34e4d; +} +.hint--error.hint--bottom:before { + border-bottom-color: #b34e4d; +} +.hint--error.hint--left:before { + border-left-color: #b34e4d; +} +.hint--error.hint--right:before { + border-right-color: #b34e4d; +} +/** + * Warning + */ +.hint--warning:after { + background-color: #c09854; + text-shadow: 0 -1px 0px #6c5328; +} +.hint--warning.hint--top:before { + border-top-color: #c09854; +} +.hint--warning.hint--bottom:before { + border-bottom-color: #c09854; +} +.hint--warning.hint--left:before { + border-left-color: #c09854; +} +.hint--warning.hint--right:before { + border-right-color: #c09854; +} +/** + * Info + */ +.hint--info:after { + background-color: #3986ac; + text-shadow: 0 -1px 0px #193b4d; +} +.hint--info.hint--top:before { + border-top-color: #3986ac; +} +.hint--info.hint--bottom:before { + border-bottom-color: #3986ac; +} +.hint--info.hint--left:before { + border-left-color: #3986ac; +} +.hint--info.hint--right:before { + border-right-color: #3986ac; +} +/** + * Success + */ +.hint--success:after { + background-color: #458746; + text-shadow: 0 -1px 0px #1a321a; +} +.hint--success.hint--top:before { + border-top-color: #458746; +} +.hint--success.hint--bottom:before { + border-bottom-color: #458746; +} +.hint--success.hint--left:before { + border-left-color: #458746; +} +.hint--success.hint--right:before { + border-right-color: #458746; +} +/** + * source: hint-always.scss + * + * Defines a persisted tooltip which shows always. + * + * Classes added: + * 1) hint--always + * + */ +.hint--always:after, +.hint--always:before { + opacity: 1; + visibility: visible; +} +.hint--always.hint--top:after, +.hint--always.hint--top:before { + -webkit-transform: translateY(-8px); + -moz-transform: translateY(-8px); + transform: translateY(-8px); +} +.hint--always.hint--bottom:after, +.hint--always.hint--bottom:before { + -webkit-transform: translateY(8px); + -moz-transform: translateY(8px); + transform: translateY(8px); +} +.hint--always.hint--left:after, +.hint--always.hint--left:before { + -webkit-transform: translateX(-8px); + -moz-transform: translateX(-8px); + transform: translateX(-8px); +} +.hint--always.hint--right:after, +.hint--always.hint--right:before { + -webkit-transform: translateX(8px); + -moz-transform: translateX(8px); + transform: translateX(8px); +} +/** + * source: hint-rounded.scss + * + * Defines rounded corner tooltips. + * + * Classes added: + * 1) hint--rounded + * + */ +.hint--rounded:after { + border-radius: 4px; +} +/** + * source: hint-effects.scss + * + * Defines various transition effects for the tooltips. + * + * Classes added: + * 1) hint--no-animate + * 2) hint--bounce + * + */ +.hint--no-animate:before, +.hint--no-animate:after { + -webkit-transition-duration: 0ms; + -moz-transition-duration: 0ms; + transition-duration: 0ms; +} +.hint--bounce:before, +.hint--bounce:after { + -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); + -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); + transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); +} +/** + * selectize.default.css (v0.10.1) - Default Theme + * Copyright (c) 2013 Brian Reavis & contributors + * + * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this + * file except in compliance with the License. You may obtain a copy of the License at: + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF + * ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + * + * @author Brian Reavis + */ +.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { + visibility: visible !important; + background: #f2f2f2 !important; + background: rgba(0, 0, 0, 0.06) !important; + border: 0 none !important; + -webkit-box-shadow: inset 0 0 12px 4px #ffffff; + box-shadow: inset 0 0 12px 4px #ffffff; +} +.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { + content: '!'; + visibility: hidden; +} +.selectize-control.plugin-drag_drop .ui-sortable-helper { + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); +} +.selectize-dropdown-header { + position: relative; + padding: 5px 8px; + border-bottom: 1px solid #d0d0d0; + background: #f8f8f8; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; +} +.selectize-dropdown-header-close { + position: absolute; + right: 8px; + top: 50%; + color: #303030; + opacity: 0.4; + margin-top: -12px; + line-height: 20px; + font-size: 20px !important; +} +.selectize-dropdown-header-close:hover { + color: #000000; +} +.selectize-dropdown.plugin-optgroup_columns .optgroup { + border-right: 1px solid #f2f2f2; + border-top: 0 none; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { + border-right: 0 none; +} +.selectize-dropdown.plugin-optgroup_columns .optgroup:before { + display: none; +} +.selectize-dropdown.plugin-optgroup_columns .optgroup-header { + border-top: 0 none; +} +.selectize-control.plugin-remove_button [data-value] { + position: relative; + padding-right: 24px !important; +} +.selectize-control.plugin-remove_button [data-value] .remove { + z-index: 1; + /* fixes ie bug (see #392) */ + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 17px; + text-align: center; + font-weight: bold; + font-size: 12px; + color: inherit; + text-decoration: none; + vertical-align: middle; + display: inline-block; + padding: 2px 0 0 0; + border-left: 1px solid #0073bb; + -webkit-border-radius: 0 2px 2px 0; + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.selectize-control.plugin-remove_button [data-value] .remove:hover { + background: rgba(0, 0, 0, 0.05); +} +.selectize-control.plugin-remove_button [data-value].active .remove { + border-left-color: #00578d; +} +.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { + background: none; +} +.selectize-control.plugin-remove_button .disabled [data-value] .remove { + border-left-color: #aaaaaa; +} +.selectize-control { + position: relative; +} +.selectize-dropdown, +.selectize-input, +.selectize-input input { + color: #303030; + font-family: inherit; + font-size: 13px; + line-height: 18px; + -webkit-font-smoothing: inherit; +} +.selectize-input, +.selectize-control.single .selectize-input.input-active { + background: #ffffff; + cursor: text; + display: inline-block; +} +.selectize-input { + border: 1px solid #d0d0d0; + padding: 8px 8px; + display: inline-block; + width: 100%; + overflow: hidden; + position: relative; + z-index: 1; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.selectize-control.multi .selectize-input.has-items { + padding: 5px 8px 2px; +} +.selectize-input.full { + background-color: #ffffff; +} +.selectize-input.disabled, +.selectize-input.disabled * { + cursor: default !important; +} +.selectize-input.focus { + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); +} +.selectize-input.dropdown-active { + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; +} +.selectize-input > * { + vertical-align: baseline; + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; +} +.selectize-control.multi .selectize-input > div { + cursor: pointer; + margin: 0 3px 3px 0; + padding: 2px 6px; + background: #1da7ee; + color: #ffffff; + border: 1px solid #0073bb; +} +.selectize-control.multi .selectize-input > div.active { + background: #92c836; + color: #ffffff; + border: 1px solid #00578d; +} +.selectize-control.multi .selectize-input.disabled > div, +.selectize-control.multi .selectize-input.disabled > div.active { + color: #ffffff; + background: #d2d2d2; + border: 1px solid #aaaaaa; +} +.selectize-input > input { + padding: 0 !important; + min-height: 0 !important; + max-height: none !important; + max-width: 100% !important; + margin: 0 1px !important; + text-indent: 0 !important; + border: 0 none !important; + background: none !important; + line-height: inherit !important; + -webkit-user-select: auto !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.selectize-input > input::-ms-clear { + display: none; +} +.selectize-input > input:focus { + outline: none !important; +} +.selectize-input::after { + content: ' '; + display: block; + clear: left; +} +.selectize-input.dropdown-active::before { + content: ' '; + display: block; + position: absolute; + background: #f0f0f0; + height: 1px; + bottom: 0; + left: 0; + right: 0; +} +.selectize-dropdown { + position: absolute; + z-index: 10; + border: 1px solid #d0d0d0; + background: #ffffff; + margin: -1px 0 0 0; + border-top: 0 none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} +.selectize-dropdown [data-selectable] { + cursor: pointer; + overflow: hidden; +} +.selectize-dropdown [data-selectable] .highlight { + background: rgba(125, 168, 208, 0.2); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; +} +.selectize-dropdown [data-selectable], +.selectize-dropdown .optgroup-header { + padding: 5px 8px; +} +.selectize-dropdown .optgroup:first-child .optgroup-header { + border-top: 0 none; +} +.selectize-dropdown .optgroup-header { + color: #303030; + background: #ffffff; + cursor: default; +} +.selectize-dropdown .active { + background-color: #f5fafd; + color: #495c68; +} +.selectize-dropdown .active.create { + color: #495c68; +} +.selectize-dropdown .create { + color: rgba(48, 48, 48, 0.5); +} +.selectize-dropdown-content { + overflow-y: auto; + overflow-x: hidden; + max-height: 200px; +} +.selectize-control.single .selectize-input, +.selectize-control.single .selectize-input input { + cursor: pointer; +} +.selectize-control.single .selectize-input.input-active, +.selectize-control.single .selectize-input.input-active input { + cursor: text; +} +.selectize-control.single .selectize-input:after { + content: ' '; + display: block; + position: absolute; + top: 50%; + right: 15px; + margin-top: -3px; + width: 0; + height: 0; + border-style: solid; + border-width: 5px 5px 0 5px; + border-color: #808080 transparent transparent transparent; +} +.selectize-control.single .selectize-input.dropdown-active:after { + margin-top: -4px; + border-width: 0 5px 5px 5px; + border-color: transparent transparent #808080 transparent; +} +.selectize-control.rtl.single .selectize-input:after { + left: 15px; + right: auto; +} +.selectize-control.rtl .selectize-input > input { + margin: 0 4px 0 -2px !important; +} +.selectize-control .selectize-input.disabled { + opacity: 0.5; + background-color: #fafafa; +} +.selectize-control.multi .selectize-input.has-items { + padding-left: 5px; + padding-right: 5px; +} +.selectize-control.multi .selectize-input.disabled [data-value] { + color: #999; + text-shadow: none; + background: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.selectize-control.multi .selectize-input.disabled [data-value], +.selectize-control.multi .selectize-input.disabled [data-value] .remove { + border-color: #e6e6e6; +} +.selectize-control.multi .selectize-input.disabled [data-value] .remove { + background: none; +} +.selectize-control.multi .selectize-input [data-value] { + text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + background-color: #1b9dec; + background-image: -moz-linear-gradient(top, #1da7ee, #178ee9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9)); + background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9); + background-image: -o-linear-gradient(top, #1da7ee, #178ee9); + background-image: linear-gradient(to bottom, #1da7ee, #178ee9); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0); + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03); +} +.selectize-control.multi .selectize-input [data-value].active { + background-color: #0085d4; + background-image: -moz-linear-gradient(top, #008fd8, #0075cf); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf)); + background-image: -webkit-linear-gradient(top, #008fd8, #0075cf); + background-image: -o-linear-gradient(top, #008fd8, #0075cf); + background-image: linear-gradient(to bottom, #008fd8, #0075cf); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0); +} +.selectize-control.single .selectize-input { + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8); + background-color: #f9f9f9; + background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2)); + background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2); + background-image: -o-linear-gradient(top, #fefefe, #f2f2f2); + background-image: linear-gradient(to bottom, #fefefe, #f2f2f2); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0); +} +.selectize-control.single .selectize-input, +.selectize-dropdown.single { + border-color: #b8b8b8; +} +.selectize-dropdown .optgroup-header { + padding-top: 7px; + font-weight: bold; + font-size: 0.85em; +} +.selectize-dropdown .optgroup { + border-top: 1px solid #f0f0f0; +} +.selectize-dropdown .optgroup:first-child { + border-top: 0 none; +} +#list-of-languages > p > a { + text-decoration: underline; + color: #27aae1; +} +.language-picker { + position: relative; +} +.language-picker > a { + opacity: 0.4; + margin-right: 0.5em; + border-bottom: none; +} +.language-picker .fa-globe { + margin-right: 0.2em; +} +.language-picker .selected { + opacity: 1; +} +.language-picker-box[dir="rtl"].topLeft:before { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.language-picker-box[dir="rtl"].bottomRight:before { + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + transform: rotate(135deg); +} +.language-picker-box { + display: none; + position: absolute; + width: 360px; + font-size: 14px; + border: 1px solid #ffcd36; + background: white; + padding: 1em; + z-index: 9999; +} +.language-picker-box:before { + display: block; + content: ''; + position: absolute; + width: 14px; + height: 14px; + border: 1px solid #ffcd36; + border-right: none; + border-top: none; + background: white; +} +.language-picker-box.topLeft:before { + right: 100%; + bottom: 24px; + margin-right: -7px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + transform: rotate(45deg); +} +.language-picker-box.bottomRight:before { + left: 100%; + top: 24px; + margin-left: -7px; + -webkit-transform: rotate(-135deg); + -moz-transform: rotate(-135deg); + transform: rotate(-135deg); +} +.language-picker-box.bottomTop:before { + left: 50%; + top: -8px; + margin-left: -7px; + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + transform: rotate(135deg); +} +.language-picker-box .list a { + border: none; + background: none; + padding: 5px; + border-radius: 3px; +} +.language-picker-box .list a.selected { + background: #ffcd36; + color: #9c7500; +} +.language-picker-box .input-wrapper { + display: block; + margin-bottom: 10px; + width: 320px; +} +.language-picker-box .language-search { + display: block; + width: 100%; +} +.language-picker-box .english-name { + display: none; +} +.language-picker-box .list { + padding: 0; + list-style: none; +} +.language-picker-box .list li { + line-height: 1.6em; +} +.col { + -moz-column-count: 3; + -webkit-column-count: 3; + column-count: 3; +} +.col-width { + -moz-column-width: 240px; + -webkit-column-width: 240px; + column-width: 240px; + -moz-column-gap: 20px; + -webkit-column-gap: 20px; + column-gap: 20px; +} +.col-spacing { + text-align: center; + width: 375px; +} +#language { + text-align: center; +} +.list-of-languages .list { + padding: 2em 0; + list-style: none; + *zoom: 1; + text-align: center; + vertical-align: middle; +} +.list-of-languages .list:before, +.list-of-languages .list:after { + content: " "; + display: table; +} +.list-of-languages .list:after { + clear: both; +} +.list-of-languages .list:before, +.list-of-languages .list:after { + content: " "; + display: table; +} +.list-of-languages .list:after { + clear: both; +} +.list-of-languages .list:before, +.list-of-languages .list:after { + content: ""; + display: table; +} +.list-of-languages .list:after { + clear: both; +} +.list-of-languages .list:before, +.list-of-languages .list:after { + content: ""; + display: table; +} +.list-of-languages .list:after { + clear: both; +} +.list-of-languages .list li { + margin-bottom: 0.5em; + line-height: 2.0em; + text-align: left; +} +.list-of-languages .list a { + background: none; + transition: all 0.2s ease-in-out; +} +.list-of-languages .list .english-name { + display: none; +} +.input-wrapper { + position: relative; + display: inline-block; +} +.language-search { + width: 200px; + border: 1px solid #DDD; + padding: 0.5em 0.5em 0.5em 1.8em; + font-family: inherit; + font-size: 1em; + transition: all 0.2s ease-in; +} +.language-search:focus { + outline: none; + border-color: #ffc003; + box-shadow: 0 1px 4px -2px #ffcd36; +} +.empty-message { + display: none; +} +label[for="language-search"] { + position: absolute; + left: 0.6em; + top: 0.5em; + color: #CCC; +} +@media (min-width: 320px) and (max-width: 540px) { + .col-width { + -moz-column-width: 0; + -webkit-column-width: 0; + column-width: 0; + } + .col { + -moz-column-count: 1; + -webkit-column-count: 1; + column-count: 1; + } +} +/*********************************************************** + * HINT + */ +.hint, +[data-hint] { + display: block; +} +.hint--inline, +.hint--inline[data-hint] { + display: inline-block; +} +.hint--red:after { + background-color: #c13832; + text-shadow: 0 -1px 0px #982c28; +} +.hint--red.hint--top:before { + border-top-color: #c13832; +} +.hint--red.hint--bottom:before { + border-bottom-color: #c13832; +} +.hint--red.hint--left:before { + border-left-color: #c13832; +} +.hint--red.hint--right:before { + border-right-color: #c13832; +} +/********************************************************* +* HEADER +*/ +.butter-header-spacing { + padding-top: 62px; +} +.butter-editor-spacing .butter-header { + right: 0; +} +.butter-header { + z-index: 10010; + position: fixed; + left: 0; + top: 0; + right: 350px; + height: 62px; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +.butter-header a:hover { + text-decoration: none; +} +/********************************************************* +* Primary white nav bar +*/ +.butter-header-primary { + position: relative; + background: #052938; + color: #6f6f6f; + height: 62px; + text-shadow: 0 1px 0 #FFF; + font-size: 0.95em; + border-bottom: 1px solid #b3b3b3; + box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.1); + *zoom: 1; +} +.butter-header-primary:before, +.butter-header-primary:after { + content: " "; + display: table; +} +.butter-header-primary:after { + clear: both; +} +.butter-header-primary:before, +.butter-header-primary:after { + content: " "; + display: table; +} +.butter-header-primary:after { + clear: both; +} +.butter-header-primary:before, +.butter-header-primary:after { + content: ""; + display: table; +} +.butter-header-primary:after { + clear: both; +} +.butter-header-primary:before, +.butter-header-primary:after { + content: ""; + display: table; +} +.butter-header-primary:after { + clear: both; +} +.butter-logo { + position: absolute; + top: 0; + left: 15px; + height: 62px; + width: 220px; + background: url("https://air.cdn.mozilla.net/static/img/logo-airmo-md.png") center no-repeat; + background-size: contain; +} +.butter-nav { + position: absolute; + top: 0; + margin: 0; + padding: 0; + margin-left: 250px; + list-style: none; + width: 60%; + height: 62px; + line-height: 62px; +} +.butter-nav > li { + float: left; + margin: 0 10px; +} +.butter-nav > li.butter-breadcrumbs { + position: relative; + padding: 0; + margin-right: 10px; + width: 1px; + height: 100%; + border-right: 1px solid #cccccc; +} +.butter-nav > li.butter-breadcrumbs:after, +.butter-nav > li.butter-breadcrumbs:before { + left: 100%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.butter-nav > li.butter-breadcrumbs:after { + border-left-color: #ffffff; + border-width: 5px; + top: 50%; + margin-top: -5px; +} +.butter-nav > li.butter-breadcrumbs:before { + border-left-color: #cccccc; + border-width: 7px; + top: 50%; + margin-top: -7px; +} +#webmaker-nav { + text-align: right; +} +.webmaker-nav-container { + text-align: left; + z-index: 10; + display: inline-block; + background: #333333; + margin-top: 10px; + overflow: visible; + width: auto; +} +.webmaker-nav-container > div { + float: left; +} +.user-info { + float: right; + z-index: 10; + padding: 0 10px; + margin-right: 1.4142em; + position: relative; + cursor: pointer; +} +.user-info .user { + min-width: 80px; + text-align: left; + padding: 5px 15px 5px 50px; + margin-top: 0; + height: 30px; + line-height: 30px; + border: 1px solid #CCC; + cursor: pointer; +} +.user-info .user img { + top: auto; + left: 10px; +} +.user-info .user a { + text-decoration: none; +} +.user-info .user a:hover { + text-decoration: underline; +} +.user-info .menu-container { + list-style: none; + padding: 0; + margin: 0; + background: #FFF; + min-width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.user-info .menu-container > li { + white-space: nowrap; + display: none; + text-align: left; + line-height: 40px; +} +.user-info .menu-container > li .icon-signout { + display: none; +} +.user-info .menu-container > li.login { + display: block; +} +.webmaker-icon { + float: left; + background: url("../resources/webmaker/webmaker-main_01.png") no-repeat; + background-position: center; + background-size: 30px 30px; + height: 40px; + width: 30px; + margin-left: -7px; + margin-right: 7px; +} +.back-to-webmaker { + display: inline-block; + line-height: 40px; +} +.back-to-webmaker a { + color: #555; + text-decoration: none; +} +.back-to-webmaker a:hover { + text-decoration: underline; +} +.loggedin #webmaker-nav iframe.include-frame { + margin-left: 0; +} +.loggedin .back-to-webmaker { + margin-left: 10px; +} +.loggedin .user-info .menu-container { + display: none; + position: absolute; + top: 100%; +} +.loggedin .user-info .menu-container > li { + display: block; + border: 1px solid #CCC; + border-top: 0; + padding: 0 10px; +} +.loggedin .user-info .menu-container > li .icon { + display: block; + float: left; + line-height: 40px; + width: 30px; + font-size: 16px; +} +.loggedin .user-info .menu-container > li button { + padding: 0; +} +.loggedin .user-info:hover .menu-container { + display: block; +} +/********************************************************* +* Buttons +*/ +.butter-header .butter-btn { + text-shadow: none; +} +.butter-login-project-info { + position: relative; +} +.butter-login-project-info > ul { + position: absolute; + top: 48px; + left: 28px; + width: 175px; + border-top: 0; + border-radius: 0 0 2px 2px; + box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.6); + padding: 0; + background: #FFF; + z-index: 10100; +} +.butter-login-project-info > ul li { + border-top: 1px solid #f4f5f5; + list-style: none; + font-size: 10px; + line-height: 35px; + margin: 0; +} +.butter-login-project-info > ul li:first-child { + border-top: none; +} +.butter-login-project-info > ul li:last-child { + border-radius: 0 0 2px 2px; +} +.butter-login-project-info > ul a { + text-decoration: none; + color: #555555; + display: block; + padding: 0 20px; + height: 100%; + cursor: pointer; +} +.butter-login-project-info > ul a:hover { + color: #3fb58e; +} +/********************************************************* +* Selects +*/ +.ui-select { + position: relative; + display: inline-block; + cursor: pointer; + text-align: left; + border: 1px solid #dddddd; + padding: 10px; + margin-right: 15px; + height: 1.5em; +} +.ui-select a { + color: black; +} +.ui-selected { + display: inline-block; +} +.ui-select-menu { + display: none; + position: absolute; + left: -1px; + border: 1px solid #dddddd; + z-index: 100; + vertical-align: middle; + top: 100%; + width: 100%; +} +.ui-select-menu:hover { + border-color: #dddddd; +} +.ui-select-menu ul { + padding: 0; + margin: 0; + list-style: none; +} +.ui-select-menu ul > li { + color: #999aa0; + background: #FFF; + border-bottom: 1px solid #dddddd; + padding: 10px; +} +.ui-select-menu ul > li:last-child { + border-bottom: none; +} +.ui-select-menu ul > li:hover, +.ui-select-menu ul > li[data-selected] { + color: #4d4e53; + background: #e3eaee; +} +/*************************************************** +* TogetherJS restyling. +*/ +div#togetherjs-dock.togetherjs-dock-right { + position: fixed; + top: 112px; + right: 355px; + z-index: 10099; + -webkit-transition: right 0.35s; + -moz-transition: right 0.35s; + -o-transition: right 0.35s; + -ms-transition: right 0.35s; + transition: right 0.35s; +} +div#togetherjs-dock.togetherjs-dock-right.minimized { + right: 5px; +} +div.togetherjs-arrow, +div.togetherjs-cursor, +div.togetherjs-click { + z-index: 10099; +} +#togetherjs-menu.togetherjs-menu, +#togetherjs-pick-color.togetherjs-menu { + z-index: 10100; +} +/*************************************************** +* New Language Picker +*/ +.langPicker { + padding: 10px; + margin: 5px; +} +a#current-language { + color: #000; + text-decoration: none; +} +#make-details { + line-height: 1.4; + background-color: #FFF; + width: 430px; + position: absolute; + top: 75px; + left: 10px; + border: 1px solid #C0C0C0; + text-shadow: none; +} +#make-details .make-arrow { + position: absolute; + display: block; + width: 30px; + height: 30px; + top: -16px; + left: 34px; + background-color: #FFF; + border-style: solid; + border-color: #C0C0C0; + border-image: none; + border-width: 1px 0 0 1px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} +#make-details .makeapi-details { + border: none; + font-size: 13px; +} +#make-details .makeapi-details fieldset { + border: none; + padding: 0; + margin-bottom: 2px; +} +#make-details .makeapi-details fieldset.searchable { + line-height: 0; +} +#make-details .makeapi-details fieldset.searchable input { + width: auto; +} +#make-details .makeapi-details fieldset .error { + margin-left: 5px; + margin-top: 5px; + color: red; +} +#make-details .makeapi-details .input-container { + width: 75%; +} +#make-details .makeapi-details .input-container .input { + width: 100%; +} +#make-details .makeapi-details label { + margin-top: 25px; + min-width: 85px; + padding: 8px; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +#make-details .makeapi-details .input { + display: inline-block; + border: 1px solid #CCC; + padding: 8px; + font-size: 1em; + width: 75%; + margin-top: 25px; + margin-left: 5px; + font-family: inherit; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border-color 0.2s linear; + -moz-transition: border-color 0.2s linear; + -o-transition: border-color 0.2s linear; + -ms-transition: border-color 0.2s linear; + transition: border-color 0.2s linear; +} +#make-details .makeapi-details .input:focus { + outline: none; + border-color: #3FB58E; +} +#make-details .makeapi-details .input.thumbnail-choices { + margin-top: 10px; + border: none; + max-height: 100px; + overflow-y: auto; + padding: 0; +} +#make-details .makeapi-details input:focus { + outline: none; + border-color: #3FB58E; +} +#make-details .makeapi-details .tags-output { + list-style: none; + margin: 0; + padding: 0; + border: none; + text-align: left; +} +#make-details .makeapi-details .tags-output li { + vertical-align: baseline; + float: left; + background: #3FB58E; + color: #FFF; + border: 1px solid #40835B; + line-height: 20px; + border-radius: 3px; + margin: 3px 3px 0 0; + cursor: pointer; +} +#make-details .makeapi-details .tags-output li:before { + content: "#"; + opacity: 0.7; +} +#make-details .makeapi-details .tags-output li:after { + content: "x"; + display: inline-block; + position: relative; + margin-left: 3px; + top: 2px; + font-size: 9px; + text-align: center; + line-height: 12px; + background: #40835B; + border-radius: 10px; + opacity: 0.7; + height: 13px; + width: 13px; + overflow: hidden; +} +#make-details .makeapi-details .tags-wrapper { + vertical-align: top; + width: 80%; + margin-top: 25px; + float: right; +} +#make-details .makeapi-details .tags-wrapper .tags-output { + width: auto; +} +#make-details .makeapi-details .tags-wrapper .tags-input { + width: 116px; + line-height: 20px; + display: block; + height: 25px; + margin-left: 5px; + border: none; + border-bottom: 1px dashed #DDD; + font-size: 1em; + font-family: inherit; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +#make-details .makeapi-details .tags-wrapper .tags-input:focus { + outline: none; + border-color: #3FB58E; +} +#make-details .thumbnail-choices { + list-style: none; + margin: 0; + padding: 0; + border: none; + text-align: left; + line-height: 55px; +} +#make-details .thumbnail-choices li { + border: 3px solid white; + float: left; + width: 50px; + height: 50px; + background-size: cover; + background-position: center center; + opacity: 0.5; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all 0.2s linear; + -moz-transition: all 0.2s linear; + -o-transition: all 0.2s linear; + -ms-transition: all 0.2s linear; + transition: all 0.2s linear; +} +#make-details .thumbnail-choices li.selected { + border-color: #3FB58E; + /* @green */ + opacity: 1; +} +#make-details .confirmation-buttons { + margin: 15px 15px 1em; + text-align: right; +} +#make-details .confirmation-buttons .confirmation-button { + display: inline-block; + color: #FFF; + cursor: pointer; + font-size: 16px; + line-height: 1; + padding: 0.8em 1em; + -webkit-transition: opacity 0.5s ease; + -moz-transition: opacity 0.5s ease; + -o-transition: opacity 0.5s ease; + -ms-transition: opacity 0.5s ease; + transition: opacity 0.5s ease; +} +#make-details .confirmation-buttons .confirmation-button.yes-button { + background-color: #3FB58E; +} +#make-details .confirmation-buttons .confirmation-button.no-button { + background-color: #D93B3B; +} +/********************************************************* +* TRAY +*/ +html[dir="ltr"] .butter-tray-spacing { + padding-bottom: 195px; + -webkit-transition: padding-bottom 0.5s; + -moz-transition: padding-bottom 0.5s; + -o-transition: padding-bottom 0.5s; + -ms-transition: padding-bottom 0.5s; + transition: padding-bottom 0.5s; +} +html[dir="ltr"] .butter-tray-spacing.tray-minimized { + padding-bottom: 35px; +} +html[dir="ltr"] .butter-editor-spacing.editor-open .butter-tray[dir="ltr"] { + right: 350px; +} +html[dir="ltr"] .butter-editor-spacing.editor-open .butter-tray[dir="rtl"] { + left: 350px; +} +html[dir="ltr"] .butter-tray { + background: #FFF; + position: fixed; + z-index: 10001; + height: 205px; + left: 0; + right: 0; + bottom: 0; +} +html[dir="ltr"] .butter-tray.butter-tray-transitions { + -webkit-transition: height 0.35s; + -moz-transition: height 0.35s; + -o-transition: height 0.35s; + -ms-transition: height 0.35s; + transition: height 0.35s; +} +html[dir="ltr"] .butter-tray .butter-toggle-button { + top: 15px; + right: 6px; + z-index: 10011; + cursor: pointer; +} +html[dir="ltr"] .butter-tray .butter-timeline-area { + top: 50px; +} +html[dir="ltr"] .butter-tray .butter-tray-resize-handle { + height: 8px; + position: absolute; + left: 0; + right: 0; + cursor: row-resize; +} +html[dir="ltr"] .butter-tray .butter-loading-container { + position: absolute; + z-index: 10002; + right: 5px; + top: 12px; + width: 16px; + height: 16px; +} +html[dir="ltr"] .butter-tray .fadable { + -webkit-transition: opacity 0.5s; + -moz-transition: opacity 0.5s; + -o-transition: opacity 0.5s; + -ms-transition: opacity 0.5s; + transition: opacity 0.5s; +} +/********************************************************* +* TRAY +*/ +html[dir="rtl"] .butter-tray-spacing { + padding-bottom: 195px; + -webkit-transition: padding-bottom 0.5s; + -moz-transition: padding-bottom 0.5s; + -o-transition: padding-bottom 0.5s; + -ms-transition: padding-bottom 0.5s; + transition: padding-bottom 0.5s; +} +html[dir="rtl"] .butter-tray-spacing.tray-minimized { + padding-bottom: 35px; +} +html[dir="rtl"] .butter-editor-spacing.editor-open .butter-tray[dir="ltr"] { + left: 350px; +} +html[dir="rtl"] .butter-editor-spacing.editor-open .butter-tray[dir="rtl"] { + right: 350px; +} +html[dir="rtl"] .butter-tray { + background: #FFF; + position: fixed; + z-index: 10001; + height: 205px; + right: 0; + left: 0; + bottom: 0; +} +html[dir="rtl"] .butter-tray.butter-tray-transitions { + -webkit-transition: height 0.35s; + -moz-transition: height 0.35s; + -o-transition: height 0.35s; + -ms-transition: height 0.35s; + transition: height 0.35s; +} +html[dir="rtl"] .butter-tray .butter-toggle-button { + top: 15px; + left: 6px; + z-index: 10011; + cursor: pointer; +} +html[dir="rtl"] .butter-tray .butter-timeline-area { + top: 50px; +} +html[dir="rtl"] .butter-tray .butter-tray-resize-handle { + height: 8px; + position: absolute; + right: 0; + left: 0; + cursor: row-resize; +} +html[dir="rtl"] .butter-tray .butter-loading-container { + position: absolute; + z-index: 10002; + left: 5px; + top: 12px; + width: 16px; + height: 16px; +} +html[dir="rtl"] .butter-tray .fadable { + -webkit-transition: opacity 0.5s; + -moz-transition: opacity 0.5s; + -o-transition: opacity 0.5s; + -ms-transition: opacity 0.5s; + transition: opacity 0.5s; +} +/********************************************************* +* TRAY STATUS +*/ +/********************************************************* +* Butter Status Area - The top bar in the tray +*/ +html[dir="ltr"] { + /********************************************************* + * Time bar - The horizontal line where the scrubber is + */ + /********************************************************* + * Status container - Play button, mute button and time code at the top of the tray. + */ +} +html[dir="ltr"] .butter-status-area { + position: absolute; + bottom: 32px; + top: 0; + left: 0; + width: 100%; + min-height: 50px; +} +html[dir="ltr"] .media-status-container { + position: relative; + height: 100%; + background: #FFF; + border-top: 1px solid #cccccc; +} +html[dir="ltr"] .media-status-container .add-track { + left: 14px; + padding: 0; + font-size: 11px; + position: absolute; + top: 17px; + width: 80px; + margin-left: 10px; + line-height: 20px; + outline: none; +} +html[dir="ltr"] .time-bar { + position: absolute; + left: 129px; + top: 21px; + right: 27px; + bottom: 0; +} +html[dir="ltr"] .time-bar-canvas-container { + position: absolute; + left: 0; + top: 8px; + height: 21px; + overflow: hidden; + right: 0; + opacity: 0.5; +} +html[dir="ltr"] .time-bar-scrubber-container { + border-bottom: 1px solid #FFF; + z-index: 10011; + height: 100%; +} +html[dir="ltr"] .time-bar-scrubber-container .fill-bar { + background: #3fb58e; + border-radius: 15px; + height: 8px; + position: absolute; + cursor: pointer; + top: 0; +} +html[dir="ltr"] .time-bar-scrubber-container .total-bar { + background: rgba(5, 41, 56, 0.2); + border-radius: 15px; + height: 8px; + position: absolute; + cursor: pointer; + top: 0; + right: 0; + left: 0; +} +html[dir="ltr"] .time-bar-scrubber-line { + position: absolute; + top: 13px; + left: 4px; + width: 2px; + bottom: 0; + cursor: pointer; + z-index: 10010; + background: rgba(193, 56, 50, 0.5); + margin-left: 2px; +} +html[dir="ltr"] .time-bar-scrubber-line:after { + content: ""; + position: absolute; + bottom: -3px; + left: -2px; + width: 6px; + height: 6px; + border-radius: 6px; + background-color: #c13832; +} +html[dir="ltr"] .time-bar-scrubber-node { + position: absolute; + top: 0; + left: 0; + border: 3px solid #FFF; + background: #3fb58e; + width: 10px; + height: 10px; + border-radius: 10px; + margin-left: -5px; + margin-top: -5px; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); + cursor: pointer; +} +html[dir="ltr"] .butter-time-tooltip { + width: 70px; + margin-left: -35px; + padding: 10px; + font-size: 11px; + line-height: 10px; + top: -34px; + height: 30px; +} +html[dir="ltr"] .butter-time-tooltip:after, +html[dir="ltr"] .butter-time-tooltip:before { + top: 100%; + border-bottom: none; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #FFF; +} +html[dir="ltr"] .butter-time-tooltip:before { + top: 100%; + border-bottom: none; + border-top: 5px solid #CCC; +} +html[dir="ltr"] .status-container { + position: absolute; + width: 199px; + height: 25px; + line-height: 25px; + top: -25px; + left: 25px; + background-color: #FFFFFF; + border-top-right-radius: 5px; + border-top-left-radius: 5px; + border-top: 1px solid #cccccc; +} +html[dir="ltr"] .status-container .status-inner-container { + height: 100%; + width: 100%; + position: relative; + z-index: 3; +} +html[dir="ltr"] .status-container > .status-side { + position: absolute; + width: 40px; + height: 100%; + top: 9px; + background-color: #FFFFFF; + z-index: 2; +} +html[dir="ltr"] .status-container > .status-side.left { + left: -7px; + -webkit-transform: rotate(25deg); + -moz-transform: rotate(25deg); + -o-transform: rotate(25deg); + -ms-transform: rotate(25deg); + transform: rotate(25deg); + border-left: 1px solid #cccccc; +} +html[dir="ltr"] .status-container > .status-side.right { + right: -7px; + -webkit-transform: rotate(-25deg); + -moz-transform: rotate(-25deg); + -o-transform: rotate(-25deg); + -ms-transform: rotate(-25deg); + transform: rotate(-25deg); + border-right: 1px solid #cccccc; +} +html[dir="ltr"] .time-wrapper { + position: relative; + margin-top: 5px; + float: left; +} +html[dir="ltr"] .time-wrapper .time-container { + display: inline; + position: relative; + color: #555555; + font-size: 10px; + font-family: menlo, monospace; +} +html[dir="ltr"] .time-wrapper .time-container .current-time { + margin-right: -3px; +} +html[dir="ltr"] .time-wrapper .time-container .duration-input { + display: inline; + padding: 3px; + border: 1px solid #cccccc; + position: relative; + max-width: 55px; + background: transparent; + color: #555555; + font-size: 10px; + font-family: menlo, monospace; + margin-left: -3px; + outline: none; + line-height: 1.3; +} +html[dir="ltr"] .time-wrapper .time-container .duration-input.input-active { + border: 1px solid #3fb58e; +} +html[dir="ltr"] .status-button { + width: 20px; + height: 20px; + line-height: 20px; + text-align: center; + padding: 0; + margin: 0; +} +html[dir="ltr"] .play-button-container { + position: relative; + float: left; + height: 100%; + width: 30px; + margin-left: 10px; + margin-top: 5px; +} +html[dir="ltr"] .play-button-container .status-button { + width: 21px; + height: 21px; + line-height: 21px; + border-radius: 25px; +} +html[dir="ltr"] .play-button-container .status-button .icon { + margin-left: 2px; +} +html[dir="ltr"] .play-button-container .status-button[data-state="true"] .icon { + margin-left: 0; +} +html[dir="ltr"] .play-button-container .status-button[data-state="true"] .icon:before { + content: "\f04c"; +} +html[dir="ltr"] .mute-button-container { + position: relative; + float: left; + margin-top: 10px; +} +html[dir="ltr"] .mute-button-container .status-button { + text-align: left; + background: none; +} +html[dir="ltr"] .mute-button-container .status-button:hover { + cursor: pointer; +} +html[dir="ltr"] .mute-button-container .status-button .icon { + color: #949494; +} +html[dir="ltr"] .mute-button-container .status-button[data-state="true"] .icon:before { + content: "\f026"; +} +/********************************************************* +* TRAY STATUS +*/ +/********************************************************* +* Butter Status Area - The top bar in the tray +*/ +html[dir="rtl"] { + /********************************************************* + * Time bar - The horizontal line where the scrubber is + */ + /********************************************************* + * Status container - Play button, mute button and time code at the top of the tray. + */ +} +html[dir="rtl"] .butter-status-area { + position: absolute; + bottom: 32px; + top: 0; + right: 0; + width: 100%; + min-height: 50px; +} +html[dir="rtl"] .media-status-container { + position: relative; + height: 100%; + background: #FFF; + border-top: 1px solid #cccccc; +} +html[dir="rtl"] .media-status-container .add-track { + right: 14px; + padding: 0; + font-size: 11px; + position: absolute; + top: 17px; + width: 80px; + margin-right: 10px; + line-height: 20px; + outline: none; +} +html[dir="rtl"] .time-bar { + position: absolute; + right: 129px; + top: 21px; + left: 27px; + bottom: 0; +} +html[dir="rtl"] .time-bar-canvas-container { + position: absolute; + right: 0; + top: 8px; + height: 21px; + overflow: hidden; + left: 0; + opacity: 0.5; +} +html[dir="rtl"] .time-bar-scrubber-container { + border-bottom: 1px solid #FFF; + z-index: 10011; + height: 100%; +} +html[dir="rtl"] .time-bar-scrubber-container .fill-bar { + background: #3fb58e; + border-radius: 15px; + height: 8px; + position: absolute; + cursor: pointer; + top: 0; +} +html[dir="rtl"] .time-bar-scrubber-container .total-bar { + background: rgba(5, 41, 56, 0.2); + border-radius: 15px; + height: 8px; + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; +} +html[dir="rtl"] .time-bar-scrubber-line { + position: absolute; + top: 13px; + right: 4px; + width: 2px; + bottom: 0; + cursor: pointer; + z-index: 10010; + background: rgba(193, 56, 50, 0.5); + margin-right: 2px; +} +html[dir="rtl"] .time-bar-scrubber-line:after { + content: ""; + position: absolute; + bottom: -3px; + right: -2px; + width: 6px; + height: 6px; + border-radius: 6px; + background-color: #c13832; +} +html[dir="rtl"] .time-bar-scrubber-node { + position: absolute; + top: 0; + right: 0; + border: 3px solid #FFF; + background: #3fb58e; + width: 10px; + height: 10px; + border-radius: 10px; + margin-right: -5px; + margin-top: -5px; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); + cursor: pointer; +} +html[dir="rtl"] .butter-time-tooltip { + width: 70px; + margin-right: -35px; + padding: 10px; + font-size: 11px; + line-height: 10px; + top: -34px; + height: 30px; +} +html[dir="rtl"] .butter-time-tooltip:after, +html[dir="rtl"] .butter-time-tooltip:before { + top: 100%; + border-bottom: none; + border-right: 5px solid transparent; + border-left: 5px solid transparent; + border-top: 5px solid #FFF; +} +html[dir="rtl"] .butter-time-tooltip:before { + top: 100%; + border-bottom: none; + border-top: 5px solid #CCC; +} +html[dir="rtl"] .status-container { + position: absolute; + width: 199px; + height: 25px; + line-height: 25px; + top: -25px; + right: 25px; + background-color: #FFFFFF; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + border-top: 1px solid #cccccc; +} +html[dir="rtl"] .status-container .status-inner-container { + height: 100%; + width: 100%; + position: relative; + z-index: 3; +} +html[dir="rtl"] .status-container > .status-side { + position: absolute; + width: 40px; + height: 100%; + top: 9px; + background-color: #FFFFFF; + z-index: 2; +} +html[dir="rtl"] .status-container > .status-side.left { + right: -7px; + -webkit-transform: rotate(25deg); + -moz-transform: rotate(25deg); + -o-transform: rotate(25deg); + -ms-transform: rotate(25deg); + transform: rotate(25deg); + border-right: 1px solid #cccccc; +} +html[dir="rtl"] .status-container > .status-side.right { + left: -7px; + -webkit-transform: rotate(-25deg); + -moz-transform: rotate(-25deg); + -o-transform: rotate(-25deg); + -ms-transform: rotate(-25deg); + transform: rotate(-25deg); + border-left: 1px solid #cccccc; +} +html[dir="rtl"] .time-wrapper { + position: relative; + margin-top: 5px; + float: right; +} +html[dir="rtl"] .time-wrapper .time-container { + display: inline; + position: relative; + color: #555555; + font-size: 10px; + font-family: menlo, monospace; +} +html[dir="rtl"] .time-wrapper .time-container .current-time { + margin-left: -3px; +} +html[dir="rtl"] .time-wrapper .time-container .duration-input { + display: inline; + padding: 3px; + border: 1px solid #cccccc; + position: relative; + max-width: 55px; + background: transparent; + color: #555555; + font-size: 10px; + font-family: menlo, monospace; + margin-right: -3px; + outline: none; +} +html[dir="rtl"] .time-wrapper .time-container .duration-input.input-active { + border: 1px solid #3fb58e; +} +html[dir="rtl"] .status-button { + width: 20px; + height: 20px; + line-height: 20px; + text-align: center; + padding: 0; + margin: 0; +} +html[dir="rtl"] .play-button-container { + position: relative; + float: right; + height: 100%; + width: 30px; + margin-right: 10px; + margin-top: 5px; +} +html[dir="rtl"] .play-button-container .status-button { + width: 21px; + height: 21px; + line-height: 21px; + border-radius: 25px; +} +html[dir="rtl"] .play-button-container .status-button .icon { + margin-right: 2px; +} +html[dir="rtl"] .play-button-container .status-button[data-state="true"] .icon { + margin-right: 0; +} +html[dir="rtl"] .play-button-container .status-button[data-state="true"] .icon:before { + content: "\f04c"; +} +html[dir="rtl"] .mute-button-container { + position: relative; + float: right; + margin-top: 10px; +} +html[dir="rtl"] .mute-button-container .status-button { + text-align: right; + background: none; +} +html[dir="rtl"] .mute-button-container .status-button:hover { + cursor: pointer; +} +html[dir="rtl"] .mute-button-container .status-button .icon { + color: #949494; +} +html[dir="rtl"] .mute-button-container .status-button[data-state="true"] .icon:before { + content: "\f026"; +} +/********************************************************* +* TRAY TIMELINE +*/ +html[dir="ltr"] { + /********************************************************* + * Track + */ + /********************************************************* + * Track Event + */ + /********************************************************* + * Track Handle Container - Left-hand side panel + */ +} +html[dir="ltr"] .butter-timeline-area { + position: absolute; + left: 0; + bottom: 0; + top: 0; + right: 0; + border-top: 1px solid #cccccc; +} +html[dir="ltr"] .butter-timeline { + position: absolute; + top: 0; + left: 0; + right: 27px; + bottom: 32px; + z-index: 10002; +} +html[dir="ltr"] .media-instance { + height: 100%; + padding-left: 129px; + position: relative; + -webkit-transition: top 0.5s; + -moz-transition: top 0.5s; + -o-transition: top 0.5s; + -ms-transition: top 0.5s; + transition: top 0.5s; +} +html[dir="ltr"] .media-instance .butter-scroll-bar-v { + right: -18px; + width: 10px; + height: 100%; + top: 0; +} +html[dir="ltr"] .media-instance .butter-scroll-bar-h { + right: -5px; + height: 10px; + width: 100%; + top: 0; + visibility: hidden; + opacity: 0; +} +html[dir="ltr"] .media-container { + position: relative; + top: 0; + height: 100%; +} +html[dir="ltr"] .tracks-container-wrapper { + background: #f4f5f5; + width: 100%; + height: 100%; + overflow: hidden; + border-left: 1px solid #cccccc; + border-right: 1px solid #cccccc; + box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.2); +} +html[dir="ltr"] .tracks-container-wrapper .bounding-box-selection { + position: absolute; + background-color: rgba(43, 124, 97, 0.2); + border: 1px solid rgba(43, 124, 97, 0.8); +} +html[dir="ltr"] .tracks-container-wrapper .bounding-box-selection.hidden { + display: none; +} +html[dir="ltr"] .tracks-container { + position: relative; + overflow: hidden; +} +html[dir="ltr"] .butter-track { + width: 100%; + height: 30px; + position: relative; + border-bottom: 1px dashed #cccccc; +} +html[dir="ltr"] .butter-track .track-title { + display: inline-block; + left: 5px; + top: 50%; +} +html[dir="ltr"] .butter-track.draggable-hover { + background: rgba(255, 255, 255, 0.8); +} +html[dir="ltr"] .butter-track.butter-track-ghost { + opacity: 0.7; +} +html[dir="ltr"] .butter-track-event { + background: #ffffff; + box-shadow: 1px 5px 2px -3px rgba(0, 0, 0, 0.1); + border: 1px solid #CCC; + border-radius: 4px; + border-top-color: #E3E3E3; + border-bottom-color: #BDBDBD; + cursor: move; + display: block; + height: 27px; + padding: 1px 0; + position: absolute; + overflow: hidden; +} +html[dir="ltr"] .butter-track-event[selected="true"] { + border-color: #3fb58e; + box-shadow: 1px 5px 2px -3px rgba(0, 0, 0, 0.2); +} +html[dir="ltr"] .butter-track-event .butter-track-event-info { + position: relative; + width: 100%; + overflow: hidden; + height: 100%; +} +html[dir="ltr"] .butter-track-event .title { + font-size: 11px; + font-weight: 700; + text-align: left; + line-height: 25px; + color: #555555; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} +html[dir="ltr"] .butter-track-event .butter-track-event-icon { + float: left; + height: 25px; + width: 30px; + background-size: 20px; + background-image: url("../resources/icons/default-icon.png"); + background-position: center center; + background-repeat: no-repeat; +} +html[dir="ltr"] .butter-track-event .handle { + position: absolute; + height: 18px; + width: 18px; + text-align: center; + top: 5px; + opacity: 0; + background: #ffffff; + -webkit-transition: all 0.1s ease; + -moz-transition: all 0.1s ease; + -o-transition: all 0.1s ease; + -ms-transition: all 0.1s ease; + transition: all 0.1s ease; +} +html[dir="ltr"] .butter-track-event .handle:after { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; + color: #3fb58e; +} +html[dir="ltr"] .butter-track-event .left-handle { + left: 10px; + cursor: w-resize; + cursor: ew-resize; +} +html[dir="ltr"] .butter-track-event .left-handle:after { + content: "\f060"; +} +html[dir="ltr"] .butter-track-event .right-handle { + right: 10px; + cursor: e-resize; + cursor: ew-resize; +} +html[dir="ltr"] .butter-track-event .right-handle:after { + content: "\f061"; +} +html[dir="ltr"] .butter-track-event:hover .handle, +html[dir="ltr"] .butter-track-event.butter-resizable .handle { + opacity: 0.7; +} +html[dir="ltr"] .butter-track-event:hover .left-handle, +html[dir="ltr"] .butter-track-event.butter-resizable .left-handle { + left: 0; +} +html[dir="ltr"] .butter-track-event:hover .right-handle, +html[dir="ltr"] .butter-track-event.butter-resizable .right-handle { + right: 0; +} +html[dir="ltr"] .butter-track-event.trackevent-small { + overflow: visible; +} +html[dir="ltr"] .butter-track-event.trackevent-small .handle { + background: none; +} +html[dir="ltr"] .butter-track-event.trackevent-small .butter-track-event-info { + left: 0; +} +html[dir="ltr"] .butter-track-event.trackevent-small .left-handle { + left: -16px; +} +html[dir="ltr"] .butter-track-event.trackevent-small .left-handle:after { + left: -2px; +} +html[dir="ltr"] .butter-track-event.trackevent-small .right-handle { + right: -16px; +} +html[dir="ltr"] .butter-track-event.trackevent-small .right-handle:after { + right: -2px; +} +html[dir="ltr"] .butter-track-event.trackevent-dragging { + overflow: hidden; +} +html[dir="ltr"] .butter-track-event.butter-track-event-ghost { + opacity: 0.7; +} +html[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"] { + background: #424242; + border: 1px solid #424242; + border-bottom-color: #545454; +} +html[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title { + font-weight: normal; + color: #FFF; +} +.sequencer-audiohtml[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title:before, +.sequencer-videohtml[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title:before { + text-transform: uppercase; + margin-right: 5px; + font-weight: 700; + font-size: 0.9em; +} +.sequencer-audiohtml[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title:before { + content: "audio"; +} +.sequencer-videohtml[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title:before { + content: "video"; +} +html[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"][selected="true"] { + border-color: #3fb58e; + box-shadow: 1px 5px 2px -3px rgba(0, 0, 0, 0.2); +} +html[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"] .butter-track-event-icon { + background-image: url(../resources/icons/media-white.png ) !important; +} +html[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"] .handle { + background: #424242; +} +html[dir="ltr"] .track-handle-container { + position: absolute; + width: 129px; + height: 100%; + left: 0; + top: 0; + bottom: 1px; + border-bottom: 1px solid #d9d9d9; + overflow: hidden; + background: #f4f5f5; +} +html[dir="ltr"] .handle-list { + position: relative; +} +html[dir="ltr"] .track-handle { + border: none; + border-bottom: 1px solid #b1b8b8; + width: 100%; + height: 30px; + background: #f4f5f5; + position: relative; + line-height: 30px; + overflow: hidden; + box-shadow: inset 0 1px #FFF; +} +html[dir="ltr"] .track-handle .title { + margin-left: 22px; + font-size: 11px; + color: #555555; + float: left; + display: block; + max-width: 60px; + overflow: hidden; + text-overflow: ellipsis; +} +html[dir="ltr"] .track-handle:first-of-type { + box-shadow: none; +} +html[dir="ltr"] .track-handle .menu { + position: absolute; + width: 0; + height: 100%; + top: 0; + left: 0; + -webkit-transition: width 0.1s; + -moz-transition: width 0.1s; + -o-transition: width 0.1s; + -ms-transition: width 0.1s; + transition: width 0.1s; + opacity: 0.3; +} +html[dir="ltr"] .track-handle .menu:hover { + opacity: 1; +} +html[dir="ltr"] .track-handle .menu .delete { + position: absolute; + right: 0; + top: 0; + cursor: pointer; + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; +} +html[dir="ltr"] .track-handle .menu .delete:after { + content: "\f014"; +} +html[dir="ltr"] .track-handle:hover .menu { + width: 16px; +} +html[dir="ltr"] .track-handle .track-handle-icon:hover { + border-color: #000; +} +html[dir="ltr"] .track-handle .track-handle-icon:hover:after { + border-bottom-color: #000; +} +html[dir="ltr"] .track-handle .icon-pencil { + opacity: 0.4; + margin: 5px; + visibility: hidden; + color: #3fb58e; + cursor: pointer; + float: left; +} +html[dir="ltr"] .track-handle:hover .icon-pencil { + visibility: visible; +} +html[dir="ltr"] .track-handle-icon { + border: 0 solid #b3b3b3; + box-shadow: inset 0 1px 0 #FFF, 0 1px 0 #FFF; + position: absolute; + cursor: pointer; + right: 0; + margin: 9px; + display: inline-block; + width: 14px; + height: 9px; + border-top-width: 1px; + border-bottom-width: 1px; +} +html[dir="ltr"] .track-handle-icon:after { + box-shadow: 0 1px 0 #FFF; + border-bottom: 1px solid #b3b3b3; + content: " "; + position: absolute; + display: block; + top: 4px; + width: 100%; +} +html[dir="ltr"] .placeholder { + width: 95px; + box-shadow: inset 0 1px 0 #999, 0 0 1px #AAA; + background: transparent; +} +/********************************************************* +* TRAY TIMELINE +*/ +html[dir="rtl"] { + /********************************************************* + * Track + */ + /********************************************************* + * Track Event + */ + /********************************************************* + * Track Handle Container - Left-hand side panel + */ +} +html[dir="rtl"] .butter-timeline-area { + position: absolute; + right: 0; + bottom: 0; + top: 0; + left: 0; + border-top: 1px solid #cccccc; +} +html[dir="rtl"] .butter-timeline { + position: absolute; + top: 0; + right: 0; + left: 27px; + bottom: 32px; + z-index: 10002; +} +html[dir="rtl"] .media-instance { + height: 100%; + padding-right: 129px; + position: relative; + -webkit-transition: top 0.5s; + -moz-transition: top 0.5s; + -o-transition: top 0.5s; + -ms-transition: top 0.5s; + transition: top 0.5s; +} +html[dir="rtl"] .media-instance .butter-scroll-bar-v { + left: -18px; + width: 10px; + height: 100%; + top: 0; +} +html[dir="rtl"] .media-instance .butter-scroll-bar-h { + left: -5px; + height: 10px; + width: 100%; + top: 0; + visibility: hidden; + opacity: 0; +} +html[dir="rtl"] .media-container { + position: relative; + top: 0; + height: 100%; +} +html[dir="rtl"] .tracks-container-wrapper { + background: #f4f5f5; + width: 100%; + height: 100%; + overflow: hidden; + border-right: 1px solid #cccccc; + border-left: 1px solid #cccccc; + box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.2); +} +html[dir="rtl"] .tracks-container-wrapper .bounding-box-selection { + position: absolute; + background-color: rgba(43, 124, 97, 0.2); + border: 1px solid rgba(43, 124, 97, 0.8); +} +html[dir="rtl"] .tracks-container-wrapper .bounding-box-selection.hidden { + display: none; +} +html[dir="rtl"] .tracks-container { + position: relative; + overflow: hidden; +} +html[dir="rtl"] .butter-track { + width: 100%; + height: 30px; + position: relative; + border-bottom: 1px dashed #cccccc; +} +html[dir="rtl"] .butter-track .track-title { + display: inline-block; + right: 5px; + top: 50%; +} +html[dir="rtl"] .butter-track.draggable-hover { + background: rgba(255, 255, 255, 0.8); +} +html[dir="rtl"] .butter-track.butter-track-ghost { + opacity: 0.7; +} +html[dir="rtl"] .butter-track-event { + background: #ffffff; + box-shadow: 1px 5px 2px -3px rgba(0, 0, 0, 0.1); + border: 1px solid #CCC; + border-radius: 4px; + border-top-color: #E3E3E3; + border-bottom-color: #BDBDBD; + cursor: move; + display: block; + height: 27px; + padding: 1px 0; + position: absolute; + overflow: hidden; +} +html[dir="rtl"] .butter-track-event[selected="true"] { + border-color: #3fb58e; + box-shadow: 1px 5px 2px -3px rgba(0, 0, 0, 0.2); +} +html[dir="rtl"] .butter-track-event .butter-track-event-info { + position: relative; + width: 100%; + overflow: hidden; + height: 100%; +} +html[dir="rtl"] .butter-track-event .title { + font-size: 11px; + font-weight: 700; + text-align: right; + line-height: 25px; + color: #555555; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} +html[dir="rtl"] .butter-track-event .butter-track-event-icon { + float: right; + height: 25px; + width: 30px; + background-size: 20px; + background-image: url("../resources/icons/default-icon.png"); + background-position: center center; + background-repeat: no-repeat; +} +html[dir="rtl"] .butter-track-event .handle { + position: absolute; + height: 18px; + width: 18px; + text-align: center; + top: 5px; + opacity: 0; + background: #ffffff; + -webkit-transition: all 0.1s ease; + -moz-transition: all 0.1s ease; + -o-transition: all 0.1s ease; + -ms-transition: all 0.1s ease; + transition: all 0.1s ease; +} +html[dir="rtl"] .butter-track-event .handle:after { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; + color: #3fb58e; +} +html[dir="rtl"] .butter-track-event .left-handle { + right: 10px; + cursor: e-resize; + cursor: ew-resize; +} +html[dir="rtl"] .butter-track-event .left-handle:after { + content: "\f060"; +} +html[dir="rtl"] .butter-track-event .right-handle { + left: 10px; + cursor: w-resize; + cursor: ew-resize; +} +html[dir="rtl"] .butter-track-event .right-handle:after { + content: "\f061"; +} +html[dir="rtl"] .butter-track-event:hover .handle, +html[dir="rtl"] .butter-track-event.butter-resizable .handle { + opacity: 0.7; +} +html[dir="rtl"] .butter-track-event:hover .left-handle, +html[dir="rtl"] .butter-track-event.butter-resizable .left-handle { + right: 0; +} +html[dir="rtl"] .butter-track-event:hover .right-handle, +html[dir="rtl"] .butter-track-event.butter-resizable .right-handle { + left: 0; +} +html[dir="rtl"] .butter-track-event.trackevent-small { + overflow: visible; +} +html[dir="rtl"] .butter-track-event.trackevent-small .handle { + background: none; +} +html[dir="rtl"] .butter-track-event.trackevent-small .butter-track-event-info { + right: 0; +} +html[dir="rtl"] .butter-track-event.trackevent-small .left-handle { + right: -16px; +} +html[dir="rtl"] .butter-track-event.trackevent-small .left-handle:after { + right: -2px; +} +html[dir="rtl"] .butter-track-event.trackevent-small .right-handle { + left: -16px; +} +html[dir="rtl"] .butter-track-event.trackevent-small .right-handle:after { + left: -2px; +} +html[dir="rtl"] .butter-track-event.trackevent-dragging { + overflow: hidden; +} +html[dir="rtl"] .butter-track-event.butter-track-event-ghost { + opacity: 0.7; +} +html[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"] { + background: #424242; + border: 1px solid #424242; + border-bottom-color: #545454; +} +html[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title { + font-weight: normal; + color: #FFF; +} +.sequencer-audiohtml[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title:before, +.sequencer-videohtml[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title:before { + text-transform: uppercase; + margin-left: 5px; + font-weight: 700; + font-size: 0.9em; +} +.sequencer-audiohtml[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title:before { + content: "audio"; +} +.sequencer-videohtml[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title:before { + content: "video"; +} +html[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"][selected="true"] { + border-color: #3fb58e; + box-shadow: 1px 5px 2px -3px rgba(0, 0, 0, 0.2); +} +html[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"] .butter-track-event-icon { + background-image: url(../resources/icons/media-white.png ) !important; +} +html[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"] .handle { + background: #424242; +} +html[dir="rtl"] .track-handle-container { + position: absolute; + width: 129px; + height: 100%; + right: 0; + top: 0; + bottom: 1px; + border-bottom: 1px solid #d9d9d9; + overflow: hidden; + background: #f4f5f5; +} +html[dir="rtl"] .handle-list { + position: relative; +} +html[dir="rtl"] .track-handle { + border: none; + border-bottom: 1px solid #b1b8b8; + width: 100%; + height: 30px; + background: #f4f5f5; + position: relative; + line-height: 30px; + overflow: hidden; + box-shadow: inset 0 1px #FFF; +} +html[dir="rtl"] .track-handle .title { + margin-right: 22px; + font-size: 11px; + color: #555555; + float: right; + display: block; + max-width: 60px; + overflow: hidden; + text-overflow: ellipsis; +} +html[dir="rtl"] .track-handle:first-of-type { + box-shadow: none; +} +html[dir="rtl"] .track-handle .menu { + position: absolute; + width: 0; + height: 100%; + top: 0; + right: 0; + -webkit-transition: width 0.1s; + -moz-transition: width 0.1s; + -o-transition: width 0.1s; + -ms-transition: width 0.1s; + transition: width 0.1s; + opacity: 0.3; +} +html[dir="rtl"] .track-handle .menu:hover { + opacity: 1; +} +html[dir="rtl"] .track-handle .menu .delete { + position: absolute; + left: 0; + top: 0; + cursor: pointer; + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; +} +html[dir="rtl"] .track-handle .menu .delete:after { + content: "\f014"; +} +html[dir="rtl"] .track-handle:hover .menu { + width: 16px; +} +html[dir="rtl"] .track-handle .track-handle-icon:hover { + border-color: #000; +} +html[dir="rtl"] .track-handle .track-handle-icon:hover:after { + border-bottom-color: #000; +} +html[dir="rtl"] .track-handle .icon-pencil { + opacity: 0.4; + margin: 5px; + visibility: hidden; + color: #3fb58e; + cursor: pointer; + float: right; +} +html[dir="rtl"] .track-handle:hover .icon-pencil { + visibility: visible; +} +html[dir="rtl"] .track-handle-icon { + border: 0 solid #b3b3b3; + box-shadow: inset 0 1px 0 #FFF, 0 1px 0 #FFF; + position: absolute; + cursor: pointer; + left: 0; + margin: 9px; + display: inline-block; + width: 14px; + height: 9px; + border-top-width: 1px; + border-bottom-width: 1px; +} +html[dir="rtl"] .track-handle-icon:after { + box-shadow: 0 1px 0 #FFF; + border-bottom: 1px solid #b3b3b3; + content: " "; + position: absolute; + display: block; + top: 4px; + width: 100%; +} +html[dir="rtl"] .placeholder { + width: 95px; + box-shadow: inset 0 1px 0 #999, 0 0 1px #AAA; + background: transparent; +} +.plugin-list-editor .plugin-container { + padding: 20px; +} +.butter-plugin-tile { + text-transform: capitalize; + position: relative; + background: #FFF; + box-shadow: 1px 5px 2px -3px rgba(0, 0, 0, 0.1); + border: 1px solid #CCC; + border-radius: 2px; + border-top-color: #E3E3E3; + border-bottom-color: #BDBDBD; + color: #555; + font-size: 13px; + line-height: 24px; + cursor: move; + padding: 8px; + height: 30px; + margin-bottom: 10px; + display: block; + text-decoration: none; +} +.butter-plugin-tile:hover { + left: -2px; + top: -2px; + box-shadow: 4px 4px 0 -2px rgba(0, 0, 0, 0.3); + text-decoration: none; +} +.butter-plugin-icon { + background: url("../resources/icons/default-icon.png") center no-repeat; + display: block; + float: left; + width: 24px; + height: 24px; + margin-right: 10px; +} +.butter-editor-area .project-editor .editor-title-card { + height: 110px; +} +.butter-editor-area .project-editor .editor-title-card > .title { + line-height: 1; + padding: 20px 0 10px 0; +} +.butter-editor-area .project-editor .butter-editor-body { + top: 140px; +} +.butter-editor-area .project-editor .butter-project-url { + height: 35px; + width: 270px; + border-color: #3fb58e; +} +.butter-editor-area .project-editor .butter-project-thumbnail { + margin-top: 10px; +} +.butter-editor-area .project-editor .butter-embed-preload-label { + width: 90px; + float: left; + padding: 0; + margin: 5px 0 0 40px; +} +.butter-editor-area .project-editor .butter-preview-link { + vertical-align: top; +} +.butter-editor-area .project-editor .butter-embed-height-width { + width: 50%; + padding: 5px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + float: left; +} +.butter-editor-area .project-editor .description-wrapper { + display: block; +} +.butter-editor-area .project-editor .searchable-checkbox-wrapper { + margin: 5px 0px 0px 40px; +} +.butter-editor-area .project-editor .searchable-checkbox-wrapper label { + padding: 0; +} +.butter-editor-area .project-editor .editor-container { + padding: 20px; +} +.butter-editor-area .project-editor .editor-container > p { + margin-top: 0; + font-style: italic; +} +.butter-editor-area .project-editor .editor-container > label { + padding: 10px 0; +} +.butter-editor-area .project-editor .project-tab, +.butter-editor-area .project-editor .butter-view-source-btn { + outline: none; +} +.butter-editor-area .project-editor .tags-label { + display: inline; +} +.butter-editor-area .project-editor .tags-wrapper { + display: inline; +} +.butter-editor-area .project-editor .tags-wrapper .tags-output { + display: inline; + list-style: none; + padding: 0; + border: none; + text-align: left; +} +.butter-editor-area .project-editor .tags-wrapper .tags-output li { + vertical-align: baseline; + display: inline-block; + background: #3FB58E; + color: #FFF; + border: 1px solid #40835B; + line-height: 20px; + border-radius: 3px; + margin: 3px 3px 0 0; + cursor: pointer; +} +.butter-editor-area .project-editor .tags-wrapper .tags-output li:before { + content: "#"; + opacity: 0.7; +} +.butter-editor-area .project-editor .tags-wrapper .tags-output li:after { + content: "x"; + display: inline-block; + position: relative; + margin-left: 3px; + top: -1px; + font-size: 9px; + font-weight: 700; + text-align: center; + line-height: 12px; + background: #40835B; + border-radius: 10px; + opacity: 0.7; + height: 13px; + width: 13px; + overflow: hidden; +} +.butter-editor-area .project-editor .tags-wrapper .tags-input { + width: 100px; + line-height: 20px; + display: block; + height: 25px; + margin-left: 5px; + border: none; + border-bottom: 1px dashed #DDD; + font-size: 1em; + font-family: inherit; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + background: #f4f5f5; +} +.butter-editor-area .project-editor .tags-wrapper .tags-input:focus { + outline: none; + border-color: #3FB58E; +} +.butter-editor-area .project-editor .thumbnail-choices { + margin: 0; + padding: 0; + list-style: none; +} +.butter-editor-area .project-editor .thumbnail-choices > li { + float: left; + border: 3px solid white; + width: 50px; + height: 50px; + background-size: cover; + background-position: center center; + opacity: 0.5; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + transition: all 0.2s linear; +} +.butter-editor-area .project-editor .thumbnail-choices > li.selected { + border-color: #3FB58E; + opacity: 1; +} +.login-to-save-dialog.hidden { + display: none; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container { + position: relative; + left: -129px; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider { + position: absolute; + width: 94px; + height: 6px; + left: 6px; + z-index: 2; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider > .butter-super-scrollbar-zoom-handle { + top: -6px; + position: absolute; + height: 16px; + width: 6px; + right: 100%; + line-height: 100%; + cursor: pointer; + background: #EEE; + border: 1px solid #999; + border-radius: 6px; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container { + position: absolute; + background: #EEE; + border: 1px solid #999; + width: 100px; + height: 6px; + border-radius: 6px; + left: 12px; + top: 13px; + z-index: 2; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick { + height: 6px; + width: 1px; + float: right; + border-left: 1px solid #CCC; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:first-child { + margin-right: 1px; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 2 ) { + margin-right: 2px; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 3 ) { + margin-right: 4px; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 4 ) { + margin-right: 8px; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 5 ) { + margin-right: 16px; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 6 ) { + margin-right: 32px; +} +html[dir="ltr"] #butter-super-scrollbar-inner-container { + background: #eceeee; + height: 32px; + position: absolute; + left: 129px; + width: 100%; + right: -7px; + bottom: -32px; + border: 1px solid #cccccc; + margin-right: 5px; + top: 0; + box-shadow: inset 2px 0 5px -2px rgba(0, 0, 0, 0.2); +} +html[dir="ltr"] #butter-super-scrollbar-visuals { + margin-top: 4px; + height: 100%; + width: 100%; + position: absolute; +} +html[dir="ltr"] #butter-super-scrollbar-viewport { + background: rgba(255, 255, 255, 0.65); + background: -webkit-gradient(linear, top, bottom, color-stop(0%, rgba(255, 255, 255, 0.65)), color-stop(100%, rgba(255, 255, 255, 0.2))); + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 100%); + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 100%); + background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 100%); + background: -o-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 100%); + background: linear-gradient(top, rgba(255, 255, 255, 0.65)); + cursor: move; + height: 22px; + position: absolute; + top: 4px; +} +html[dir="ltr"] .butter-super-scrollbar-trackevent { + background: rgba(0, 0, 0, 0.4); + height: 3px; + position: absolute; + z-index: 1; +} +html[dir="ltr"] .butter-super-scrollbar-border { + border: 4px solid #FFF; + position: absolute; + height: 100%; + width: 100%; + z-index: 1; + top: -4px; + left: -4px; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset, 0 0 0 1px #cccccc; +} +html[dir="ltr"] .butter-super-scrollbar-handle { + background: #41BB92; + display: block; + height: 18px; + margin-top: -9px; + position: absolute; + top: 50%; + width: 6px; + border: 1px solid #3fb58e; + box-shadow: 0 2px 3px -2px; + z-index: 1; + cursor: ew-resize; +} +html[dir="ltr"] .butter-super-scrollbar-handle:before { + content: ""; + position: absolute; + top: 2px; + bottom: 2px; + left: 2px; + width: 2px; + background: #328f70; +} +html[dir="ltr"] .butter-super-scrollbar-handle .butter-super-arrow { + content: ""; + opacity: 0; + position: absolute; + top: 0; + color: #3fb58e; + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; + -webkit-transition: all 0.1s ease; + -moz-transition: all 0.1s ease; + -o-transition: all 0.1s ease; + -ms-transition: all 0.1s ease; + transition: all 0.1s ease; +} +html[dir="ltr"] #butter-super-scrollbar-handle-left { + left: -9px; +} +html[dir="ltr"] #butter-super-scrollbar-handle-left .butter-super-arrow { + left: 0; +} +html[dir="ltr"] #butter-super-scrollbar-handle-left .butter-super-arrow:after { + content: "\f060"; +} +html[dir="ltr"] #butter-super-scrollbar-handle-right { + right: -9px; +} +html[dir="ltr"] #butter-super-scrollbar-handle-right .butter-super-arrow { + right: 0; +} +html[dir="ltr"] #butter-super-scrollbar-handle-right .butter-super-arrow:after { + content: "\f061"; +} +html[dir="ltr"] #butter-super-scrollbar-viewport:hover .butter-super-arrow { + opacity: 0.5; +} +html[dir="ltr"] #butter-super-scrollbar-viewport:hover #butter-super-scrollbar-handle-left .butter-super-arrow { + left: 10px; +} +html[dir="ltr"] #butter-super-scrollbar-viewport:hover #butter-super-scrollbar-handle-right .butter-super-arrow { + right: 10px; +} +html[dir="ltr"] #butter-super-scrollbar-inner-container.super-scrollbar-small:hover #butter-super-scrollbar-handle-left .butter-super-arrow { + left: -16px; +} +html[dir="ltr"] #butter-super-scrollbar-inner-container.super-scrollbar-small:hover #butter-super-scrollbar-handle-right .butter-super-arrow { + right: -16px; +} +html[dir="ltr"] #buter-super-scrollbar-scrubber { + background: none repeat scroll 0 0 #c13832; + bottom: 0; + cursor: move; + position: absolute; + top: 0; + width: 1px; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container { + position: relative; + right: -129px; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider { + position: absolute; + width: 94px; + height: 6px; + right: 6px; + z-index: 2; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider > .butter-super-scrollbar-zoom-handle { + top: -6px; + position: absolute; + height: 16px; + width: 6px; + left: 100%; + line-height: 100%; + cursor: pointer; + background: #EEE; + border: 1px solid #999; + border-radius: 6px; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container { + position: absolute; + background: #EEE; + border: 1px solid #999; + width: 100px; + height: 6px; + border-radius: 6px; + right: 12px; + top: 13px; + z-index: 2; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick { + height: 6px; + width: 1px; + float: left; + border-right: 1px solid #CCC; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:first-child { + margin-left: 1px; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 2 ) { + margin-left: 2px; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 3 ) { + margin-left: 4px; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 4 ) { + margin-left: 8px; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 5 ) { + margin-left: 16px; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 6 ) { + margin-left: 32px; +} +html[dir="rtl"] #butter-super-scrollbar-inner-container { + background: #eceeee; + height: 32px; + position: absolute; + right: 129px; + width: 100%; + left: -7px; + bottom: -32px; + border: 1px solid #cccccc; + margin-left: 5px; + top: 0; + box-shadow: inset 2px 0 5px -2px rgba(0, 0, 0, 0.2); +} +html[dir="rtl"] #butter-super-scrollbar-visuals { + margin-top: 4px; + height: 100%; + width: 100%; + position: absolute; +} +html[dir="rtl"] #butter-super-scrollbar-viewport { + background: rgba(255, 255, 255, 0.65); + background: -webkit-gradient(linear, top, bottom, color-stop(0%, rgba(255, 255, 255, 0.65)), color-stop(100%, rgba(255, 255, 255, 0.2))); + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 100%); + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 100%); + background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 100%); + background: -o-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 100%); + background: linear-gradient(top, rgba(255, 255, 255, 0.65)); + cursor: move; + height: 22px; + position: absolute; + top: 4px; +} +html[dir="rtl"] .butter-super-scrollbar-trackevent { + background: rgba(0, 0, 0, 0.4); + height: 3px; + position: absolute; + z-index: 1; +} +html[dir="rtl"] .butter-super-scrollbar-border { + border: 4px solid #FFF; + position: absolute; + height: 100%; + width: 100%; + z-index: 1; + top: -4px; + right: -4px; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset, 0 0 0 1px #cccccc; +} +html[dir="rtl"] .butter-super-scrollbar-handle { + background: #41BB92; + display: block; + height: 18px; + margin-top: -9px; + position: absolute; + top: 50%; + width: 6px; + border: 1px solid #3fb58e; + box-shadow: 0 2px 3px -2px; + z-index: 1; + cursor: ew-resize; +} +html[dir="rtl"] .butter-super-scrollbar-handle:before { + content: ""; + position: absolute; + top: 2px; + bottom: 2px; + right: 2px; + width: 2px; + background: #328f70; +} +html[dir="rtl"] .butter-super-scrollbar-handle .butter-super-arrow { + content: ""; + opacity: 0; + position: absolute; + top: 0; + color: #3fb58e; + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; + -webkit-transition: all 0.1s ease; + -moz-transition: all 0.1s ease; + -o-transition: all 0.1s ease; + -ms-transition: all 0.1s ease; + transition: all 0.1s ease; +} +html[dir="rtl"] #butter-super-scrollbar-handle-left { + right: -9px; +} +html[dir="rtl"] #butter-super-scrollbar-handle-left .butter-super-arrow { + right: 0; +} +html[dir="rtl"] #butter-super-scrollbar-handle-left .butter-super-arrow:after { + content: "\f060"; +} +html[dir="rtl"] #butter-super-scrollbar-handle-right { + left: -9px; +} +html[dir="rtl"] #butter-super-scrollbar-handle-right .butter-super-arrow { + left: 0; +} +html[dir="rtl"] #butter-super-scrollbar-handle-right .butter-super-arrow:after { + content: "\f061"; +} +html[dir="rtl"] #butter-super-scrollbar-viewport:hover .butter-super-arrow { + opacity: 0.5; +} +html[dir="rtl"] #butter-super-scrollbar-viewport:hover #butter-super-scrollbar-handle-left .butter-super-arrow { + right: 10px; +} +html[dir="rtl"] #butter-super-scrollbar-viewport:hover #butter-super-scrollbar-handle-right .butter-super-arrow { + left: 10px; +} +html[dir="rtl"] #butter-super-scrollbar-inner-container.super-scrollbar-small:hover #butter-super-scrollbar-handle-left .butter-super-arrow { + right: -16px; +} +html[dir="rtl"] #butter-super-scrollbar-inner-container.super-scrollbar-small:hover #butter-super-scrollbar-handle-right .butter-super-arrow { + left: -16px; +} +html[dir="rtl"] #buter-super-scrollbar-scrubber { + background: none repeat scroll 0 0 #c13832; + bottom: 0; + cursor: move; + position: absolute; + top: 0; + width: 1px; +} +/* Makerstrap-Popcorn Maker compatibility */ +* { + box-sizing: content-box; +} +*:before, +*:after { + box-sizing: content-box; +} +body { + font-size: 16px; + line-height: normal; +} +/* Webmaker Login UX compatibility */ +.modal-backdrop { + z-index: 11000; +} +.modal { + z-index: 11001; +} +.modal * { + box-sizing: border-box; +} +.modal { + font-size: 14px; + line-height: 1.42857; +} +/********************************************************* +* DIALOGS +*/ +.butter-modal-overlay { + z-index: 10100; + position: fixed; + top: 0; + left: 0; + opacity: 0; +} +.butter-modal-overlay.fade-in { + opacity: 1; + -webkit-transition: opacity 0.3s; + -moz-transition: opacity 0.3s; + -o-transition: opacity 0.3s; + -ms-transition: opacity 0.3s; + transition: opacity 0.3s; +} +.butter-modal-overlay.butter-modal-overlay-dark-bg { + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.75); +} +.butter-dialog { + font-size: 14px; + line-height: 1.4; + color: #555555; + position: relative; + width: 600px; + padding: 25px; + margin: 100px auto; + background: #FFF; + border-radius: 2px; + box-shadow: 0 10px 10px -10px #000000; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.butter-dialog.small { + width: 330px; + text-align: center; +} +.butter-dialog .close-button { + position: absolute; + top: 10px; + right: 10px; + cursor: pointer; + opacity: 0.5; +} +.butter-dialog .close-button:hover { + opacity: 1; +} +.butter-dialog .butter-dialog-title { + margin: 0 0 10px 0; +} +.butter-dialog .butter-form { + margin-bottom: 10px; +} +.butter-dialog .butter-form textarea { + padding: 10px; + min-height: 150px; +} +.butter-dialog .butter-dialog-body { + padding: 20px; +} +.butter-feedback-form { + padding: 0; + background: #f6f6f6; + font-size: 13px; +} +.butter-feedback-form .butter-dialog-title { + border-bottom: 1px solid #CCC; + filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); + background: -webkit-gradient(linear, top, bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); + background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); + background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); + background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%); + background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); + background: linear-gradient(top, #ffffff); + box-shadow: 0 1px #FFF; + border-radius: 3px 3px 0 0; + padding: 10px 35px; + font-size: 18px; + font-weight: 700; + margin: 0; +} +.butter-feedback-form .butter-dialog-title .icon-info-sign { + opacity: 0.2; + margin: 3px 0 0 3px; + cursor: pointer; +} +.butter-feedback-form .butter-dialog-title .icon-info-sign:hover { + opacity: 0.7; +} +.butter-feedback-form .butter-dialog-title p { + font-weight: normal; + font-size: 13px; +} +.butter-feedback-form .butter-logo { + position: absolute; + top: -35px; + left: -25px; + width: 50px; +} +.butter-feedback-form .butter-form { + padding: 8px 0; +} +.butter-feedback-form .butter-form label { + position: relative; + padding-left: 60px; + padding-bottom: 20px; +} +.butter-feedback-form .butter-form textarea { + font-size: 11px; + font-family: menlo, mono; + box-shadow: 0 1px 0 #FFF; +} +.butter-feedback-form .butter-form textarea:focus { + box-shadow: inset 0 2px 4px -2px #cccccc, 0 1px 0 #ffffff; + border-color: #AAA; + -webkit-transition: all 0.5s ease; + -moz-transition: all 0.5s ease; + -o-transition: all 0.5s ease; + -ms-transition: all 0.5s ease; + transition: all 0.5s ease; +} +.butter-feedback-form strong { + color: #c13832; +} +.butter-feedback-form .butter-btn { + font-weight: 700; + font-size: 11px; + text-transform: uppercase; +} +.dialog-hidden { + display: none; +} +.dialog-scrollable { + height: 150px; + overflow-y: scroll; +} +.dialog-scrollable pre { + font-size: 11px; + font-family: menlo, mono; +} +.ticket-icon { + display: block; + position: absolute; + top: 5px; + left: 0; + height: 50px; + width: 50px; + background: url("/resources/icons/ticket.png") top center no-repeat; +} +/********************************************************* +* First-run +*/ +.first-run .butter-editor-area { + z-index: 10101; +} +.first-run .butter-modal-container { + position: relative; + z-index: 10101; +} +.butter-first-run-dialog { + position: fixed; + right: 360px; + top: 105px; + -moz-animation: bounce ease 1s; + -webkit-animation: bounce ease 1s; + -o-animation: bounce ease 1s; + animation: bounce ease 1s; + width: 400px; +} +.butter-first-run-dialog h2 { + font-size: 1.2em; + margin: 0; + margin-left: 10px; + font-weight: 400; +} +.butter-first-run-dialog .butter-logo { + top: 50%; + margin-top: -40px; + background-size: 280px; + background-position: 0 50%; +} +.butter-first-run-dialog:after, +.butter-first-run-dialog:before { + left: 100%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.butter-first-run-dialog:after { + border-left-color: #f4f5f5; + border-width: 20px; + top: 50%; + margin-top: -20px; +} +.butter-first-run-dialog:before { + border-left-color: #cccccc; + border-width: 22px; + top: 50%; + margin-top: -22px; +} +.butter-first-run-dialog .butter-dialog-title { + padding: 10px 0 10px 50px; +} +.butter-first-run-dialog p { + margin-top: 0; +} +.overlay-highlight { + z-index: 10101; + position: relative; +} +.butter-tooltip.tooltip-popup h3, +.butter-tooltip.tooltip-media h3 { + margin: 0 0 5px 0; + font-style: normal; + font-weight: 700; + border-radius: 3px; +} +.butter-tooltip.tooltip-popup.tooltip-on, +.butter-tooltip.tooltip-media.tooltip-on { + background: #F8EDAB; +} +.butter-tooltip.tooltip-popup.tooltip-on:after, +.butter-tooltip.tooltip-media.tooltip-on:after { + border-bottom-color: #F8EDAB; +} +.butter-tooltip.tooltip-popup { + text-transform: none; +} +.butter-tooltip.tooltip-media { + width: 150px; + margin-left: -75px; +} +.butter-tooltip.tooltip-media .center-div { + display: inline-block; +} +@-moz-keyframes bounce { + 0% { + right: 360px; + } + 50% { + right: 345px; + } + 100% { + right: 360px; + } +} +@-webkit-keyframes bounce { + 0% { + right: 360px; + } + 50% { + right: 345px; + } + 100% { + right: 360px; + } +} +@-o-keyframes bounce { + 0% { + right: 360px; + } + 50% { + right: 345px; + } + 100% { + right: 360px; + } +} +@keyframes bounce { + 0% { + right: 360px; + } + 50% { + right: 345px; + } + 100% { + right: 360px; + } +} +/********************************************************* +* EDITORS +*/ +/********************************************************* +* Editor Header +*/ +html[dir="rtl"] .icon-mail-forward:before, +html[dir="rtl"] .icon-share-alt:before { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); +} +.butter-editor-header { + position: absolute; + top: 0; + right: 0; + left: -1px; + border-bottom: 5px solid #3fb58e; + height: 45px; + background: #052938; +} +.butter-editor-header a:hover { + text-decoration: none; +} +.butter-editor-header > ul { + margin: 0; + padding: 0; + width: 100%; + list-style: none; +} +.butter-editor-header > ul > .butter-editor-header-li { + float: left; + position: relative; + top: 0; +} +.butter-editor-header .butter-btn { + background: none; + border: none; + color: #FFF; + font-size: 14px; + padding: 0 12px; + border-radius: 0; + height: 45px; + line-height: 45px; +} +.butter-editor-header .butter-btn > .icon { + margin-top: 1px; + margin-left: 0; + margin-right: 2px; +} +.butter-editor-header .butter-btn.butter-active { + background: #3fb58e; +} +.butter-editor-header .butter-btn.butter-editor-btn-disabled { + color: rgba(255, 255, 255, 0.3); +} +.butter-editor-header .butter-btn.butter-editor-btn-disabled > .icon { + opacity: 0.3; +} +.butter-editor-close-btn { + position: fixed; + top: 0px; + right: 0; + z-index: 10011; +} +.butter-editor-close-btn.toggled .icon:before { + color: #555555; +} +html[dir="ltr"] .butter-editor-close-btn.toggled .icon:before { + content: "\f053"; +} +html[dir="rtl"] .butter-editor-close-btn.toggled .icon:before { + content: "\f054"; +} +/********************************************************* +* Main Editor Area +*/ +.butter-editor-area { + position: fixed; + z-index: 10001; + top: 0px; + bottom: 0; + right: 0; + width: 350px; + background: #f4f5f5; + -webkit-transition: right 0.35s; + -moz-transition: right 0.35s; + -o-transition: right 0.35s; + -ms-transition: right 0.35s; + transition: right 0.35s; + border-left: 1px solid #cccccc; +} +.butter-editor-area.minimized { + right: -352px; +} +.butter-editor-area .butter-editor { + color: #555555; + font-size: 13px; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.butter-editor-area .butter-editor .butter-editor-tabs { + padding: 0 20px; + margin: 1px; + list-style: none; + height: 30px; +} +.butter-editor-area .butter-editor .butter-editor-tabs > li { + float: left; + margin-right: 3px; + margin-top: 0; +} +.butter-editor-area .butter-editor .butter-editor-tabs > li a:hover { + color: #555; +} +.butter-editor-area .butter-editor .butter-editor-tabs .butter-btn { + background: #e6e6e6; + border-radius: 0; + border: 1px solid #cccccc; +} +.butter-editor-area .butter-editor .butter-editor-tabs .butter-btn.butter-active { + background: #FFF; + border-top-color: #FFF; +} +.butter-editor-area .butter-editor h1, +.butter-editor-area .butter-editor .butter-breadcrumbs, +.butter-editor-area .butter-editor .editor-title-card > .title { + font-weight: 700; + font-size: 16px; + line-height: 50px; + color: #3fb58e; + text-transform: capitalize; + margin: 0; +} +.butter-editor-area .butter-editor h1, +.butter-editor-area .butter-editor .butter-breadcrumbs, +.butter-editor-area .butter-editor .editor-title-card { + height: 50px; + margin: 0; + padding: 0 20px; + background: #FFF; + border-bottom: 1px solid #cccccc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.butter-editor-area .butter-editor h1 .butter-breadcrumbs-back, +.butter-editor-area .butter-editor .butter-breadcrumbs .butter-breadcrumbs-back, +.butter-editor-area .butter-editor .editor-title-card .butter-breadcrumbs-back { + opacity: 0.6; + position: relative; + padding-right: 15px; + margin-right: 15px; + display: inline-block; + cursor: pointer; + color: #3fb58e; + border-right: 1px solid #cccccc; +} +.butter-editor-area .butter-editor h1 .butter-breadcrumbs-back:after, +.butter-editor-area .butter-editor .butter-breadcrumbs .butter-breadcrumbs-back:after, +.butter-editor-area .butter-editor .editor-title-card .butter-breadcrumbs-back:after, +.butter-editor-area .butter-editor h1 .butter-breadcrumbs-back:before, +.butter-editor-area .butter-editor .butter-breadcrumbs .butter-breadcrumbs-back:before, +.butter-editor-area .butter-editor .editor-title-card .butter-breadcrumbs-back:before { + left: 100%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.butter-editor-area .butter-editor h1 .butter-breadcrumbs-back:after, +.butter-editor-area .butter-editor .butter-breadcrumbs .butter-breadcrumbs-back:after, +.butter-editor-area .butter-editor .editor-title-card .butter-breadcrumbs-back:after { + border-left-color: #ffffff; + border-width: 5px; + top: 50%; + margin-top: -5px; +} +.butter-editor-area .butter-editor h1 .butter-breadcrumbs-back:before, +.butter-editor-area .butter-editor .butter-breadcrumbs .butter-breadcrumbs-back:before, +.butter-editor-area .butter-editor .editor-title-card .butter-breadcrumbs-back:before { + border-left-color: #cccccc; + border-width: 7px; + top: 50%; + margin-top: -7px; +} +.butter-editor-area .butter-editor h1 .butter-breadcrumbs-back:hover, +.butter-editor-area .butter-editor .butter-breadcrumbs .butter-breadcrumbs-back:hover, +.butter-editor-area .butter-editor .editor-title-card .butter-breadcrumbs-back:hover { + opacity: 1; +} +.butter-editor-area .butter-editor h1 .close-btn, +.butter-editor-area .butter-editor .butter-breadcrumbs .close-btn, +.butter-editor-area .butter-editor .editor-title-card .close-btn { + position: relative; + float: right; + top: 10px; + left: 10px; + line-height: 14px; + cursor: pointer; +} +.butter-editor-area .butter-editor .editor-tabs { + position: absolute; + top: 60px; + left: 5px; + bottom: 5px; + right: 5px; + border-radius: 5px; +} +.butter-editor-area .butter-editor .editor-tabs > button { + margin: 10px; +} +.butter-editor-area .display-off { + display: none; +} +.butter-editor-area .error-message-container { + -webkit-transition: height 0.35s, margin 0.35s, padding 0.35s; + -moz-transition: height 0.35s, margin 0.35s, padding 0.35s; + -o-transition: height 0.35s, margin 0.35s, padding 0.35s; + -ms-transition: height 0.35s, margin 0.35s, padding 0.35s; + transition: height 0.35s, margin 0.35s, padding 0.35s; + overflow: hidden; + height: 0; + color: #D93B21; + visibility: hidden; + width: 300px; +} +.butter-editor-area .error-message-container.open { + padding: 10px 20px; + padding-right: 15px; + background: #F0DDDD; +} +.butter-editor-area .butter-editor-spacing { + padding-right: 0; +} +.butter-editor-area .butter-editor-spacing.editor-open { + padding-right: 350px; +} +.butter-editor-area .butter-editor-content { + position: absolute; + top: 50px; + bottom: 0; + width: 100%; +} +.butter-editor-area .butter-editor-body { + position: absolute; + top: 50px; + bottom: 0; + width: 100%; +} +.butter-editor-area .droparea > label { + text-align: center; +} +.butter-editor-area .droparea > .image-droparea { + border: dashed 2px #ABABAB; + text-align: center; + height: 170px; + position: relative; +} +.butter-editor-area .droparea > .image-droparea > img { + max-width: 100%; + max-height: 100%; + position: absolute; + margin: auto; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.butter-editor-area .butter-editor-body.butter-tabs-spacing { + top: 80px; +} +.butter-editor-area .scrollbar-outer { + position: absolute; + top: 0; + right: 15px; + left: 0; + bottom: 0; + overflow: hidden; +} +.butter-editor-area .allow-scrollbar .butter-scroll-bar.butter-scroll-bar-v { + top: 5px; + right: 5px; + width: 10px; + bottom: 5px; +} +/********************************************************* +* Editor UI styles +*/ +.butter-form .trackevent-property, +.butter-form .trackevent-warning, +.butter-form fieldset { + border: none; + margin: 10px 20px; + padding: 0; + *zoom: 1; +} +.butter-form .trackevent-property:before, +.butter-form .trackevent-warning:before, +.butter-form fieldset:before, +.butter-form .trackevent-property:after, +.butter-form .trackevent-warning:after, +.butter-form fieldset:after { + content: " "; + display: table; +} +.butter-form .trackevent-property:after, +.butter-form .trackevent-warning:after, +.butter-form fieldset:after { + clear: both; +} +.butter-form .trackevent-property:before, +.butter-form .trackevent-warning:before, +.butter-form fieldset:before, +.butter-form .trackevent-property:after, +.butter-form .trackevent-warning:after, +.butter-form fieldset:after { + content: " "; + display: table; +} +.butter-form .trackevent-property:after, +.butter-form .trackevent-warning:after, +.butter-form fieldset:after { + clear: both; +} +.butter-form .trackevent-property:before, +.butter-form .trackevent-warning:before, +.butter-form fieldset:before, +.butter-form .trackevent-property:after, +.butter-form .trackevent-warning:after, +.butter-form fieldset:after { + content: ""; + display: table; +} +.butter-form .trackevent-property:after, +.butter-form .trackevent-warning:after, +.butter-form fieldset:after { + clear: both; +} +.butter-form .trackevent-property:before, +.butter-form .trackevent-warning:before, +.butter-form fieldset:before, +.butter-form .trackevent-property:after, +.butter-form .trackevent-warning:after, +.butter-form fieldset:after { + content: ""; + display: table; +} +.butter-form .trackevent-property:after, +.butter-form .trackevent-warning:after, +.butter-form fieldset:after { + clear: both; +} +.butter-form .trackevent-warning { + background: #d9dddd; + padding: 10px; + border-radius: 5px; +} +.butter-form label.property-name, +.butter-form label { + display: block; + font-size: 13px; + padding: 5px 0; +} +.butter-form .editor-section-header { + font-weight: 700; + font-size: 16px; + margin-bottom: 5px; +} +.butter-form select, +.butter-form input, +.butter-form textarea { + height: 32px; + width: 100%; + padding: 6px; + margin-bottom: 5px; + border: 1px solid #cccccc; + border-top-color: #b3b3b3; + border-radius: 2px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.butter-form select:-moz-placeholder, +.butter-form input:-moz-placeholder, +.butter-form textarea:-moz-placeholder { + color: #AAA; +} +.butter-form select:focus, +.butter-form input:focus, +.butter-form textarea:focus { + outline: none; + border: 1px solid #3fb58e; + -webkit-transition: border 0.25s ease; + -moz-transition: border 0.25s ease; + -o-transition: border 0.25s ease; + -ms-transition: border 0.25s ease; + transition: border 0.25s ease; +} +.butter-form .farbtastic { + margin: auto; +} +.butter-form .color .value { + height: 32px; + float: left; +} +.butter-form .color-picker { + height: 195px; + width: 200px; + transition: height .3s linear; + overflow: hidden; +} +.butter-form .color-picker.hidden { + height: 0; +} +.butter-form textarea { + height: 100px; + line-height: 1.3; + resize: none; +} +.butter-form .butter-form-radio, +.butter-form .butter-form-checkbox { + line-height: 1.3em; + padding-left: 40px; + padding-top: 0; + border: none; +} +.butter-form input[type="radio"], +.butter-form input[type="checkbox"] { + float: left; + vertical-align: text-top; + width: 12px; + height: 13px; + margin-left: -38px; + margin-top: 2px; +} +.butter-form .checkbox-group { + float: left; + margin-right: 10px; +} +.butter-form .checkbox-group input[type="checkbox"] { + float: right; +} +.butter-form :invalid, +.butter-form :invalid + .butter-unit, +.butter-form .invalid, +.butter-form .invalid + .butter-unit, +.butter-form .invalid:focus, +.butter-form .invalid-field input, +.butter-form .invalid-field textarea, +.butter-form .invalid-field select { + border-color: #c13832; +} +.butter-form .butter-form-append { + position: relative; + display: inline-block; + *zoom: 1; +} +.butter-form .butter-form-append:before, +.butter-form .butter-form-append:after { + content: " "; + display: table; +} +.butter-form .butter-form-append:after { + clear: both; +} +.butter-form .butter-form-append:before, +.butter-form .butter-form-append:after { + content: " "; + display: table; +} +.butter-form .butter-form-append:after { + clear: both; +} +.butter-form .butter-form-append:before, +.butter-form .butter-form-append:after { + content: ""; + display: table; +} +.butter-form .butter-form-append:after { + clear: both; +} +.butter-form .butter-form-append:before, +.butter-form .butter-form-append:after { + content: ""; + display: table; +} +.butter-form .butter-form-append:after { + clear: both; +} +.butter-form .butter-form-append > input { + height: 32px; + float: left; + border-radius: 2px 0 0 2px; + width: 200px; +} +.butter-form .butter-unit { + height: 30px; + position: absolute; + right: -2px; + bottom: 5px; + font-family: Menlo, Monaco, Consolas, "Courier New", monospace; + font-size: 10px; + line-height: 32px; + padding: 0 5px; + min-width: 16px; + font-weight: normal; + text-align: center; + background-color: #f4f5f5; + color: #777; + border: 1px solid #cccccc; + border-radius: 0 3px 3px 0; +} +.butter-form .butter-form-inline.form-single { + *zoom: 1; +} +.butter-form .butter-form-inline.form-single:before, +.butter-form .butter-form-inline.form-single:after { + content: " "; + display: table; +} +.butter-form .butter-form-inline.form-single:after { + clear: both; +} +.butter-form .butter-form-inline.form-single:before, +.butter-form .butter-form-inline.form-single:after { + content: " "; + display: table; +} +.butter-form .butter-form-inline.form-single:after { + clear: both; +} +.butter-form .butter-form-inline.form-single:before, +.butter-form .butter-form-inline.form-single:after { + content: ""; + display: table; +} +.butter-form .butter-form-inline.form-single:after { + clear: both; +} +.butter-form .butter-form-inline.form-single:before, +.butter-form .butter-form-inline.form-single:after { + content: ""; + display: table; +} +.butter-form .butter-form-inline.form-single:after { + clear: both; +} +.butter-form .butter-form-inline.form-single label { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + width: 80px; + float: left; + padding: 0; + margin-top: 5px; +} +.butter-form .butter-form-inline.form-single > input, +.butter-form .butter-form-inline.form-single textarea, +.butter-form .butter-form-inline.form-single select { + float: left; + margin-left: 5px; + width: 286px; +} +.butter-form .butter-form-inline.form-half .butter-form-radio, +.butter-form .butter-form-inline.form-half .butter-form-checkbox { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + width: 143px; + float: left; +} +.butter-form .butter-form-inline.form-half > input, +.butter-form .butter-form-inline.form-half > select, +.butter-form .butter-form-inline.form-half .butter-form-append { + position: relative; + width: 133px; + float: left; +} +.butter-form .butter-form-inline.form-half > input:last-child, +.butter-form .butter-form-inline.form-half > select:last-child, +.butter-form .butter-form-inline.form-half .butter-form-append:last-child { + margin-left: 10px; +} +.butter-form .butter-form-inline.form-half > input > input, +.butter-form .butter-form-inline.form-half > select > input, +.butter-form .butter-form-inline.form-half .butter-form-append > input { + width: 100%; +} +.butter-form code, +.butter-form pre { + font-size: 10px; +} +/********************************************************* +* Scrollbars +*/ +.butter-scroll-bar { + position: absolute; + background: #a4acac; + box-shadow: 0 0 1px rgba(0, 0, 0, 0.3); + border-radius: 15px; + overflow: hidden; +} +.butter-scroll-handle { + height: 8px; + top: 1px; + position: absolute; + background: #d9dddd; + border-radius: 15px; +} +.butter-scroll-handle:hover, +.butter-scroll-handle.butter-scollbar-active { + background: #6f7b7b; + cursor: pointer; +} +.butter-scroll-bar-v .butter-scroll-handle { + width: 8px; + left: 1px; +} +/********************************************************* +* Tooltip +*/ +*:hover > .butter-tooltip:not(.tooltip-no-hover) { + opacity: 1; + visibility: visible; + -webkit-transition: opacity 0.3s ease 0.5s; + -moz-transition: opacity 0.3s ease 0.5s; + -o-transition: opacity 0.3s ease 0.5s; + -ms-transition: opacity 0.3s ease 0.5s; + transition: opacity 0.3s ease 0.5s; +} +.butter-tooltip { + visibility: hidden; + opacity: 0; + position: absolute; + top: 100%; + left: 50%; + margin-top: -7px; + margin-left: -55px; + z-index: 10100; + width: 110px; + padding: 10px; + background: #FFF; + text-shadow: none; + color: #555; + line-height: 15px; + font-size: 11px; + font-weight: 600; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + border-radius: 2px; + text-align: center; + border: 1px solid #CCC; + box-shadow: 0 5px 6px -5px rgba(0, 0, 0, 0.3); + pointer-events: none; + -webkit-transition: opacity 0.3s ease 0; + -moz-transition: opacity 0.3s ease 0; + -o-transition: opacity 0.3s ease 0; + -ms-transition: opacity 0.3s ease 0; + transition: opacity 0.3s ease 0; +} +.butter-tooltip.tooltip-off { + display: none; +} +.butter-tooltip.tooltip-no-transition-on { + opacity: 1; + visibility: visible; +} +.butter-tooltip.tooltip-error { + color: red; +} +.butter-tooltip.butter-tooltip-middle { + top: 50%; +} +.butter-tooltip.arrow:before { + content: ""; + position: absolute; + top: -6px; + left: 50%; + margin-left: -5px; + width: 9px; + height: 9px; + background-color: #ffffff; + border-style: solid; + border-color: #c0c0c0; + border-image: none; + border-width: 1px 0 0 1px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} +.butter-no-top-margin { + margin-top: 0; +} +/********************************************************* +* Draggable/Resizable +*/ +.editor-disable-pointer-events { + pointer-events: none; +} +.editor-drag-handle { + -webkit-transition: opacity .3s ease; + -moz-transition: opacity .3s ease; + -ms-transition: opacity .3s ease; + -o-transition: opacity .3s ease; + transition: opacity .3s ease; + opacity: 0.4; + z-index: 5000; + height: 32px; + width: 32px; + position: absolute; + top: 15px; + left: 15px; +} +.editor-drag-handle:hover { + opacity: 1; +} +/********************************************************* +* Sequencer. See also public/css/sequencer-ltr.less +*/ +.butter-form .butter-editor-section { + margin: 0; + padding: 10px 20px; + border-bottom: 1px solid #cccccc; +} +.butter-form .switch { + border: 1px solid #cccccc; + float: left; + border-radius: 2px; + color: #CCC; + line-height: 1; +} +.butter-form .switch:hover { + color: #999; +} +.butter-form .switch > input { + display: none; +} +.butter-form .switch > span { + float: left; + padding: 8px; + text-transform: uppercase; + font-size: 11px; + font-weight: 700; + cursor: pointer; +} +.butter-form .switch > span:first-of-type { + border-right: 1px solid #cccccc; +} +.butter-form .switch.on .switch-on { + background: #FFF; + color: #3fb58e; +} +.butter-form .switch:not(.on) .switch-off { + background: #FFF; + color: #c13832; +} +.fallback-container { + display: none; +} +.fallback-container.show { + display: block; +} +.fallback-container .icon { + position: relative; +} +.fallback-container .butter-tooltip { + margin-top: 5px; + width: 150px; + margin-left: -75px; +} +.butter-editor-inline { + *zoom: 1; +} +.butter-editor-inline > label, +.butter-editor-inline > div, +.butter-editor-inline > textarea, +.butter-editor-inline > input { + float: left; + line-height: 24px; + padding: 0; +} +.butter-editor-inline > label > .icon, +.butter-editor-inline > div > .icon, +.butter-editor-inline > textarea > .icon, +.butter-editor-inline > input > .icon { + margin-right: 8px; +} +.butter-editor-inline > label:first-child, +.butter-editor-inline > div:first-child, +.butter-editor-inline > textarea:first-child, +.butter-editor-inline > input:first-child { + width: 33%; +} +.butter-editor-inline > label:last-child, +.butter-editor-inline > div:last-child, +.butter-editor-inline > textarea:last-child, +.butter-editor-inline > input:last-child { + width: 66%; +} +.butter-editor-inline > textarea { + padding: 5px; + height: 50px; + line-height: 1; + width: 66%; +} +.butter-editor-inline:before, +.butter-editor-inline:after { + content: " "; + display: table; +} +.butter-editor-inline:after { + clear: both; +} +.butter-editor-inline:before, +.butter-editor-inline:after { + content: " "; + display: table; +} +.butter-editor-inline:after { + clear: both; +} +.butter-editor-inline:before, +.butter-editor-inline:after { + content: ""; + display: table; +} +.butter-editor-inline:after { + clear: both; +} +.butter-editor-inline:before, +.butter-editor-inline:after { + content: ""; + display: table; +} +.butter-editor-inline:after { + clear: both; +} +/********************************************************* +* Tutorial +*/ +.tutorial-editor { + margin: 10px 20px; +} +.tutorial-iframe { + border-radius: 2px; + height: 100%; + width: 100%; + border: 1px solid #cccccc; + background: white; +} +/********************************************************* +* Sequencer Editor -- src/layouts/sequencer-editor.html +*/ +html[dir="ltr"] { + /********************************************************* + * Trimmer + */ + /********************************************************* + * UI + */ +} +html[dir="ltr"] textarea.two-lines { + height: 42px; +} +html[dir="ltr"] textarea.url { + font-size: 11px; + font-family: menlo, monospace; + word-break: break-all; +} +html[dir="ltr"] .butter-slider-tooltip { + width: 70px; + margin-left: -35px; + padding: 10px; + font-size: 11px; + line-height: 10px; + top: -34px; + height: 30px; +} +html[dir="ltr"] .butter-slider-tooltip.tooltip-on { + -webkit-transition: all 0.1s ease 0; + -moz-transition: all 0.1s ease 0; + -o-transition: all 0.1s ease 0; + -ms-transition: all 0.1s ease 0; + transition: all 0.1s ease 0; +} +html[dir="ltr"] .butter-slider-tooltip:after, +html[dir="ltr"] .butter-slider-tooltip:before { + top: 100%; + border-bottom: none; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #FFF; +} +html[dir="ltr"] .butter-slider-tooltip:before { + top: 100%; + border-bottom: none; + border-top: 5px solid #CCC; +} +html[dir="ltr"] .clip-duration { + position: relative; + height: 28px; + border-radius: 3px; + margin-top: 15px; + margin-bottom: 10px; +} +html[dir="ltr"] .clip-duration:before { + content: ""; + display: block; + position: absolute; + top: 2px; + bottom: 2px; + left: 0; + right: 0; + background: #FFF; + border: 1px dashed #cccccc; + border-radius: 3px; +} +html[dir="ltr"] .clip-duration > label { + position: absolute; + bottom: 100%; + font-size: 10px; + font-family: menlo; +} +html[dir="ltr"] .clip-duration > label.clip-end { + right: 0; +} +html[dir="ltr"] .clip-section { + position: absolute; + top: 0; + height: 100%; + left: 28px; + width: 60px; + cursor: move; + box-shadow: inset 0 0 0 1px black; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + background: #333; + border-radius: 3px; +} +html[dir="ltr"] .clip-section:hover, +.editing html[dir="ltr"] .clip-section { + box-shadow: inset 0 0 0 2px #3fb58e; +} +.editing html[dir="ltr"] .clip-section { + border-width: 2px; + cursor: ew-resize; +} +html[dir="ltr"] .clip-section.small { + background: none; + border: none; +} +html[dir="ltr"] .clip-section.small:after { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + background: #333; + width: 6px; + height: 100%; + border-radius: 2px; +} +html[dir="ltr"] .clip-section.small .trimmer-resizable-w { + left: -4px; +} +html[dir="ltr"] .clip-section.small .trimmer-resizable-e { + right: auto; + left: 4px; +} +html[dir="ltr"] .trimmer-resizable-handle { + position: absolute; + background: #328f70; + border: 2px solid #3fb58e; + height: 9px; + width: 6px; + top: 50%; + margin-top: -5px; + cursor: ew-resize; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +html[dir="ltr"] .trimmer-resizable-w { + left: -2px; + z-index: 1; +} +html[dir="ltr"] .trimmer-resizable-e { + right: -2px; + z-index: 2; +} +html[dir="ltr"] .slider-container { + margin-top: 10px; +} +html[dir="ltr"] .slider-container > label { + text-indent: 18px; +} +html[dir="ltr"] .slider-container > div { + position: relative; + width: 100%; + padding: 10px 0; +} +html[dir="ltr"] .slider-container.disabled { + display: none; +} +html[dir="ltr"] .butter-slider { + position: relative; + height: 5px; + border-radius: 2px; + background: #cccccc; + border: 1px solid #bfbfbf; +} +html[dir="ltr"] .butter-slider > label { + position: absolute; + top: 100%; + font-size: 10px; + line-height: 1.5; + font-family: menlo; + width: 30px; +} +html[dir="ltr"] .butter-slider > .slider-start { + margin-left: -3px; +} +html[dir="ltr"] .butter-slider > .slider-end { + left: auto; + right: 0; + text-align: right; + margin-right: -3px; +} +html[dir="ltr"] .butter-slider-scrubber { + position: absolute; + top: 0; + margin-top: -4px; + margin-left: -4px; + height: 15px; + width: 15px; + border-radius: 5px; + background: #FFF; + border: 1px solid #cccccc; + cursor: pointer; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +/********************************************************* +* Sequencer Editor -- src/layouts/sequencer-editor.html +*/ +html[dir="rtl"] { + /********************************************************* + * Trimmer + */ + /********************************************************* + * UI + */ +} +html[dir="rtl"] textarea.two-lines { + height: 42px; +} +html[dir="rtl"] textarea.url { + font-size: 11px; + font-family: menlo, monospace; + word-break: break-all; +} +html[dir="rtl"] .butter-slider-tooltip { + width: 70px; + margin-right: -35px; + padding: 10px; + font-size: 11px; + line-height: 10px; + top: -34px; + height: 30px; +} +html[dir="rtl"] .butter-slider-tooltip.tooltip-on { + -webkit-transition: all 0.1s ease 0; + -moz-transition: all 0.1s ease 0; + -o-transition: all 0.1s ease 0; + -ms-transition: all 0.1s ease 0; + transition: all 0.1s ease 0; +} +html[dir="rtl"] .butter-slider-tooltip:after, +html[dir="rtl"] .butter-slider-tooltip:before { + top: 100%; + border-bottom: none; + border-right: 5px solid transparent; + border-left: 5px solid transparent; + border-top: 5px solid #FFF; +} +html[dir="rtl"] .butter-slider-tooltip:before { + top: 100%; + border-bottom: none; + border-top: 5px solid #CCC; +} +html[dir="rtl"] .clip-duration { + position: relative; + height: 28px; + border-radius: 3px; + margin-top: 15px; + margin-bottom: 10px; +} +html[dir="rtl"] .clip-duration:before { + content: ""; + display: block; + position: absolute; + top: 2px; + bottom: 2px; + right: 0; + left: 0; + background: #FFF; + border: 1px dashed #cccccc; + border-radius: 3px; +} +html[dir="rtl"] .clip-duration > label { + position: absolute; + bottom: 100%; + font-size: 10px; + font-family: menlo; +} +html[dir="rtl"] .clip-duration > label.clip-end { + left: 0; +} +html[dir="rtl"] .clip-section { + position: absolute; + top: 0; + height: 100%; + right: 28px; + width: 60px; + cursor: move; + box-shadow: inset 0 0 0 1px black; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + background: #333; + border-radius: 3px; +} +html[dir="rtl"] .clip-section:hover, +.editing html[dir="rtl"] .clip-section { + box-shadow: inset 0 0 0 2px #3fb58e; +} +.editing html[dir="rtl"] .clip-section { + border-width: 2px; + cursor: ew-resize; +} +html[dir="rtl"] .clip-section.small { + background: none; + border: none; +} +html[dir="rtl"] .clip-section.small:after { + content: ""; + display: block; + position: absolute; + top: 0; + right: 0; + background: #333; + width: 6px; + height: 100%; + border-radius: 2px; +} +html[dir="rtl"] .clip-section.small .trimmer-resizable-w { + right: -4px; +} +html[dir="rtl"] .clip-section.small .trimmer-resizable-e { + left: auto; + right: 4px; +} +html[dir="rtl"] .trimmer-resizable-handle { + position: absolute; + background: #328f70; + border: 2px solid #3fb58e; + height: 9px; + width: 6px; + top: 50%; + margin-top: -5px; + cursor: ew-resize; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +html[dir="rtl"] .trimmer-resizable-w { + right: -2px; + z-index: 1; +} +html[dir="rtl"] .trimmer-resizable-e { + left: -2px; + z-index: 2; +} +html[dir="rtl"] .slider-container { + margin-top: 10px; +} +html[dir="rtl"] .slider-container > label { + text-indent: 18px; +} +html[dir="rtl"] .slider-container > div { + position: relative; + width: 100%; + padding: 10px 0; +} +html[dir="rtl"] .slider-container.disabled { + display: none; +} +html[dir="rtl"] .butter-slider { + position: relative; + height: 5px; + border-radius: 2px; + background: #cccccc; + border: 1px solid #bfbfbf; +} +html[dir="rtl"] .butter-slider > label { + position: absolute; + top: 100%; + font-size: 10px; + line-height: 1.5; + font-family: menlo; + width: 30px; +} +html[dir="rtl"] .butter-slider > .slider-start { + margin-right: -3px; +} +html[dir="rtl"] .butter-slider > .slider-end { + right: auto; + left: 0; + text-align: left; + margin-left: -3px; +} +html[dir="rtl"] .butter-slider-scrubber { + position: absolute; + top: 0; + margin-top: -4px; + margin-right: -4px; + height: 15px; + width: 15px; + border-radius: 5px; + background: #FFF; + border: 1px solid #cccccc; + cursor: pointer; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +/********************************************************* +* MEDIA EDITOR +*/ +.media-editor .fl-right { + margin-top: 8px; + float: right; +} +.media-editor h1.add-new-media { + height: 60px; + line-height: 60px; + text-transform: none; + font-weight: normal; + color: #555; + font-size: 14px; +} +.media-editor h1.add-new-media:before { + content: ""; + background: url("../resources/icons/media.png") no-repeat; + float: left; + height: 26px; + width: 22px; + position: relative; + top: 16px; + left: 3px; + margin-right: 16px; +} +.media-editor .media-editor-inner-wrapper { + position: relative; + overflow: hidden; + margin-bottom: 5px; + margin-top: 10px; +} +.media-editor .media-editor-inner-wrapper:hover .delete-media-btn { + right: 2px; +} +.media-editor .media-editor-inner-wrapper textarea { + font-size: 12px; + font-family: monaco, monospace; +} +.media-editor .media-editor-inner-wrapper p { + margin-top: 13px; +} +.media-editor.no-paging .media-gallery { + bottom: 0; +} +.media-editor.no-paging .media-gallery-base-media { + display: none; +} +.media-editor .add-media-panel { + height: 200px; + overflow: hidden; + opacity: 1; + margin: 0 20px; +} +.media-editor .add-media-panel.invalid-field select { + border-color: #cccccc; + border-top-color: #b3b3b3; +} +.media-editor .media-gallery { + position: absolute; + bottom: 48px; + width: 100%; + margin-top: -1px; + top: 230px; +} +.media-editor .media-gallery .media-gallery-heading { + background: #FFF; + height: 10px; + width: 100%; + border: 0 solid #cccccc; + border-bottom-width: 1px; + border-top-width: 1px; + text-transform: uppercase; + position: absolute; + top: 0; + left: 0; + right: 0; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single { + left: 0; + right: 0; + margin: 0; + padding: 5px 20px; + background: #f4f5f5; + border-top: 1px solid #cccccc; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single > .paging-container { + margin: 0.5em 0; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single > .paging-container ul { + list-style: none; + margin: 0; + padding: 0; + font-size: 0.8em; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single > .paging-container ul > li { + cursor: pointer; + line-height: 1; + display: inline-block; + margin-right: 0.2em; + padding: 0.4em 0.6em; + border-radius: 2px; + border: 1px solid #DDDDDD; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single > .paging-container ul > li.active { + background: #3fb58e; + border-color: #38a27f; + color: #FFF; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single > .paging-container ul > li.ellipsis { + border: none; + cursor: default; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single > .paging-container ul > li.ellipsis:before { + content: "..."; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single.bottom { + bottom: 0; + position: absolute; +} +.media-editor .media-gallery-base-media.butter-form-inline.form-single.top { + top: 0; +} +.media-editor .media-gallery-scroll-container { + position: absolute; + top: 10px; + left: 0; + right: 0; + bottom: 0; +} +.media-editor .butter-editor-tabs.clip-tabs { + position: absolute; + top: -33px; + z-index: 2; +} +.media-editor .butter-editor-tabs.clip-tabs .butter-btn { + height: 33px; + line-height: 33px; +} +.media-editor .butter-editor-tabs.clip-tabs .butter-btn.butter-active { + border-top-color: #cccccc; + border-bottom-color: #FFF; +} +.media-editor .butter-editor-tabs.clip-tabs .butter-btn.media-tab { + font-weight: 700; + font-size: 11px; +} +.media-editor .butter-editor-tabs.clip-tabs .media-icon { + margin-top: 8px; + margin-left: 5px; +} +.media-editor .media-gallery-list { + list-style: none; + padding: 0; + margin: 2px 0 0; + border-radius: 2px; +} +.media-editor .media-gallery-item { + position: relative; + padding: 10px 20px; + height: 70px; + border: 0 solid #cccccc; + border-top-width: 1px; + background-color: #f4f5f5; + font-size: 11px; + -webkit-transition: background-color 0.2s linear; + -moz-transition: background-color 0.2s linear; + -o-transition: background-color 0.2s linear; + -ms-transition: background-color 0.2s linear; + transition: background-color 0.2s linear; +} +.media-editor .media-gallery-item:first-child { + margin-top: -1px; +} +.media-editor .media-gallery-item.new { + background: #3fb58e; + color: #FFF; +} +.media-editor .media-gallery-item.new > .delete-btn { + display: none; +} +.media-editor .media-gallery-item.new > .mg-meta-data > .mg-type { + color: #FFF; +} +.media-editor .media-gallery-item .mg-thumbnail { + position: relative; + overflow: hidden; + float: left; + margin-right: 10px; + border: 1px solid #cccccc; + width: 80px; + height: 60px; +} +.media-editor .media-gallery-item .mg-thumbnail > img, +.media-editor .media-gallery-item .mg-thumbnail video, +.media-editor .media-gallery-item .mg-thumbnail .default-thumbnail { + display: block; + position: absolute; + width: 100%; + height: 100%; +} +.media-editor .media-gallery-item .mg-thumbnail > .default-thumbnail { + background: url("../resources/icons/media.png") no-repeat; + background-position: center center; +} +.media-editor .media-gallery-item .mg-thumbnail:hover { + border-color: #3fb58e; +} +.media-editor .media-gallery-item .mg-thumbnail:hover .icon-plus { + display: block; +} +.media-editor .media-gallery-item .mg-thumbnail:hover > img, +.media-editor .media-gallery-item .mg-thumbnail:hover video, +.media-editor .media-gallery-item .mg-thumbnail:hover .default-thumbnail { + display: none; +} +.media-editor .media-gallery-item .mg-thumbnail:hover:before { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background: rgba(63, 181, 142, 0.6); +} +.media-editor .media-gallery-item .mg-thumbnail .icon-plus { + position: absolute; + font-size: 16px; + margin: -8px 0 0 -8px; + top: 50%; + left: 50%; + color: white; + display: none; +} +.media-editor .media-gallery-item .mg-html5 .mg-thumbnail { + background: url("../resources/icons/media.png") center no-repeat; +} +.media-editor .media-gallery-item .mg-html5 .mg-thumbnail > video { + height: auto; +} +.media-editor .media-gallery-item .mg-meta-data { + float: left; + width: 190px; + height: 60px; + line-height: 1.2em; +} +.media-editor .media-gallery-item .mg-title { + overflow: hidden; + font-weight: 700; + max-height: 3.6em; +} +.media-editor .media-gallery-item .mg-type-text { + color: #999; + margin-top: 3px; + line-height: 18px; + width: 180px; +} +.media-editor .media-gallery-item .mg-type-text.media::after { + content: " clip"; +} +.media-editor .media-gallery-item .mg-type-text.photo::after { + content: " image"; +} +.media-editor .media-gallery-item .mg-duration:before { + content: "Duration: "; +} +.media-editor .media-gallery-item .mg-delete-btn { + position: absolute; + top: 10px; + right: 5px; + opacity: 0.5; +} +.media-editor .media-gallery-item .mg-delete-btn:hover { + opacity: 1; +} +.media-editor .gallery-item-grid.media-gallery-item { + background-color: #f4f5f5; + font-size: 11px; + float: left; + padding: 0; + margin-left: 22px; + margin-top: 22px; + height: 60px; + width: 80px; + border: none; + -webkit-transition: background-color 0.2s linear; + -moz-transition: background-color 0.2s linear; + -o-transition: background-color 0.2s linear; + -ms-transition: background-color 0.2s linear; + transition: background-color 0.2s linear; +} +.media-editor .gallery-item-grid.media-gallery-item.new { + background: #3fb58e; + color: #FFF; +} +.media-editor .gallery-item-grid.media-gallery-item.new > .delete-btn { + display: none; +} +.media-editor .gallery-item-grid.media-gallery-item.new > .mg-meta-data > .mg-type { + color: #FFF; +} +.media-editor .gallery-item-grid.media-gallery-item .mg-thumbnail { + position: relative; + overflow: hidden; + float: left; + margin-right: 0; + border: 1px solid #cccccc; +} +.media-editor .gallery-item-grid.media-gallery-item .mg-thumbnail > img, +.media-editor .gallery-item-grid.media-gallery-item .mg-thumbnail video { + display: block; + width: 80px; + height: 60px; +} +.media-editor .gallery-item-grid.media-gallery-item .mg-thumbnail:hover { + border-color: #3fb58e; +} +.media-editor .gallery-item-grid.media-gallery-item .mg-thumbnail:hover .icon-plus { + display: block; +} +.media-editor .gallery-item-grid.media-gallery-item .mg-thumbnail:hover:before { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background: rgba(63, 181, 142, 0.6); +} +.media-editor .gallery-item-grid.media-gallery-item .mg-thumbnail .icon-plus { + position: absolute; + font-size: 16px; + margin: -8px 0 0 -8px; + top: 50%; + left: 50%; + color: white; + display: none; +} +.media-editor .gallery-item-grid.media-gallery-item .mg-meta-data, +.media-editor .gallery-item-grid.media-gallery-item .mg-title, +.media-editor .gallery-item-grid.media-gallery-item .mg-type, +.media-editor .gallery-item-grid.media-gallery-item .mg-duration, +.media-editor .gallery-item-grid.media-gallery-item .mg-delete-btn { + display: none; +} +.media-editor .add-media-input { + height: 60px; +} +.media-editor .error, +.media-editor .error:focus { + border: 1px inset #c13832; +} +.media-editor .media-error-message { + color: #c13832; +} +.media-editor .media-error-message.hidden { + display: none; +} +.media-editor .media-loading-spinner { + float: left; + margin-right: 10px; + margin-top: 4px; +} +.media-editor .media-loading-spinner.media-gallery-loading { + *zoom: 1; + position: absolute; + display: block; + top: 35%; + left: 35%; + width: 95px; + height: 70px; + background-image: url("../resources/img/cat.gif"); +} +.media-editor .media-loading-spinner.media-gallery-loading:before, +.media-editor .media-loading-spinner.media-gallery-loading:after { + content: " "; + display: table; +} +.media-editor .media-loading-spinner.media-gallery-loading:after { + clear: both; +} +.media-editor .media-loading-spinner.media-gallery-loading:before, +.media-editor .media-loading-spinner.media-gallery-loading:after { + content: " "; + display: table; +} +.media-editor .media-loading-spinner.media-gallery-loading:after { + clear: both; +} +.media-editor .media-loading-spinner.media-gallery-loading:before, +.media-editor .media-loading-spinner.media-gallery-loading:after { + content: ""; + display: table; +} +.media-editor .media-loading-spinner.media-gallery-loading:after { + clear: both; +} +.media-editor .media-loading-spinner.media-gallery-loading:before, +.media-editor .media-loading-spinner.media-gallery-loading:after { + content: ""; + display: table; +} +.media-editor .media-loading-spinner.media-gallery-loading:after { + clear: both; +} +/*! Hint.css - v1.3.3 - 2014-07-06 +* http://kushagragour.in/lab/hint/ +* Copyright (c) 2014 Kushagra Gour; Licensed MIT */ +/*-------------------------------------*\ + HINT.css - A CSS tooltip library +\*-------------------------------------*/ +/** + * HINT.css is a tooltip library made in pure CSS. + * + * Source: https://github.com/chinchang/hint.css + * Demo: http://kushagragour.in/lab/hint/ + * + * Release under The MIT License + * + */ +/** + * source: hint-core.scss + * + * Defines the basic styling for the tooltip. + * Each tooltip is made of 2 parts: + * 1) body (:after) + * 2) arrow (:before) + * + * Classes added: + * 1) hint + */ +.hint, +[data-hint] { + position: relative; + display: inline-block; + /** + * tooltip arrow + */ + /** + * tooltip body + */ +} +.hint:before, +.hint:after, +[data-hint]:before, +[data-hint]:after { + position: absolute; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + visibility: hidden; + opacity: 0; + z-index: 1000000; + pointer-events: none; + -webkit-transition: 0.3s ease; + -moz-transition: 0.3s ease; + transition: 0.3s ease; + -webkit-transition-delay: 0ms; + -moz-transition-delay: 0ms; + transition-delay: 0ms; +} +.hint:hover:before, +.hint:hover:after, +.hint:focus:before, +.hint:focus:after, +[data-hint]:hover:before, +[data-hint]:hover:after, +[data-hint]:focus:before, +[data-hint]:focus:after { + visibility: visible; + opacity: 1; +} +.hint:hover:before, +.hint:hover:after, +[data-hint]:hover:before, +[data-hint]:hover:after { + -webkit-transition-delay: 100ms; + -moz-transition-delay: 100ms; + transition-delay: 100ms; +} +.hint:before, +[data-hint]:before { + content: ''; + position: absolute; + background: transparent; + border: 6px solid transparent; + z-index: 1000001; +} +.hint:after, +[data-hint]:after { + content: attr(data-hint); + background: #383838; + color: white; + padding: 8px 10px; + font-size: 12px; + line-height: 12px; + white-space: nowrap; +} +/** + * source: hint-position.scss + * + * Defines the positoning logic for the tooltips. + * + * Classes added: + * 1) hint--top + * 2) hint--bottom + * 3) hint--left + * 4) hint--right + */ +/** + * set default color for tooltip arrows + */ +.hint--top:before { + border-top-color: #383838; +} +.hint--bottom:before { + border-bottom-color: #383838; +} +.hint--left:before { + border-left-color: #383838; +} +.hint--right:before { + border-right-color: #383838; +} +/** + * top tooltip + */ +.hint--top:before { + margin-bottom: -12px; +} +.hint--top:after { + margin-left: -18px; +} +.hint--top:before, +.hint--top:after { + bottom: 100%; + left: 50%; +} +.hint--top:hover:after, +.hint--top:hover:before, +.hint--top:focus:after, +.hint--top:focus:before { + -webkit-transform: translateY(-8px); + -moz-transform: translateY(-8px); + transform: translateY(-8px); +} +/** + * bottom tooltip + */ +.hint--bottom:before { + margin-top: -12px; +} +.hint--bottom:after { + margin-left: -18px; +} +.hint--bottom:before, +.hint--bottom:after { + top: 100%; + left: 50%; +} +.hint--bottom:hover:after, +.hint--bottom:hover:before, +.hint--bottom:focus:after, +.hint--bottom:focus:before { + -webkit-transform: translateY(8px); + -moz-transform: translateY(8px); + transform: translateY(8px); +} +/** + * right tooltip + */ +.hint--right:before { + margin-left: -12px; + margin-bottom: -6px; +} +.hint--right:after { + margin-bottom: -14px; +} +.hint--right:before, +.hint--right:after { + left: 100%; + bottom: 50%; +} +.hint--right:hover:after, +.hint--right:hover:before, +.hint--right:focus:after, +.hint--right:focus:before { + -webkit-transform: translateX(8px); + -moz-transform: translateX(8px); + transform: translateX(8px); +} +/** + * left tooltip + */ +.hint--left:before { + margin-right: -12px; + margin-bottom: -6px; +} +.hint--left:after { + margin-bottom: -14px; +} +.hint--left:before, +.hint--left:after { + right: 100%; + bottom: 50%; +} +.hint--left:hover:after, +.hint--left:hover:before, +.hint--left:focus:after, +.hint--left:focus:before { + -webkit-transform: translateX(-8px); + -moz-transform: translateX(-8px); + transform: translateX(-8px); +} +/** + * source: hint-color-types.scss + * + * Contains tooltips of various types based on color differences. + * + * Classes added: + * 1) hint--error + * 2) hint--warning + * 3) hint--info + * 4) hint--success + * + */ +/** + * Error + */ +.hint--error:after { + background-color: #b34e4d; + text-shadow: 0 -1px 0px #592726; +} +.hint--error.hint--top:before { + border-top-color: #b34e4d; +} +.hint--error.hint--bottom:before { + border-bottom-color: #b34e4d; +} +.hint--error.hint--left:before { + border-left-color: #b34e4d; +} +.hint--error.hint--right:before { + border-right-color: #b34e4d; +} +/** + * Warning + */ +.hint--warning:after { + background-color: #c09854; + text-shadow: 0 -1px 0px #6c5328; +} +.hint--warning.hint--top:before { + border-top-color: #c09854; +} +.hint--warning.hint--bottom:before { + border-bottom-color: #c09854; +} +.hint--warning.hint--left:before { + border-left-color: #c09854; +} +.hint--warning.hint--right:before { + border-right-color: #c09854; +} +/** + * Info + */ +.hint--info:after { + background-color: #3986ac; + text-shadow: 0 -1px 0px #193b4d; +} +.hint--info.hint--top:before { + border-top-color: #3986ac; +} +.hint--info.hint--bottom:before { + border-bottom-color: #3986ac; +} +.hint--info.hint--left:before { + border-left-color: #3986ac; +} +.hint--info.hint--right:before { + border-right-color: #3986ac; +} +/** + * Success + */ +.hint--success:after { + background-color: #458746; + text-shadow: 0 -1px 0px #1a321a; +} +.hint--success.hint--top:before { + border-top-color: #458746; +} +.hint--success.hint--bottom:before { + border-bottom-color: #458746; +} +.hint--success.hint--left:before { + border-left-color: #458746; +} +.hint--success.hint--right:before { + border-right-color: #458746; +} +/** + * source: hint-always.scss + * + * Defines a persisted tooltip which shows always. + * + * Classes added: + * 1) hint--always + * + */ +.hint--always:after, +.hint--always:before { + opacity: 1; + visibility: visible; +} +.hint--always.hint--top:after, +.hint--always.hint--top:before { + -webkit-transform: translateY(-8px); + -moz-transform: translateY(-8px); + transform: translateY(-8px); +} +.hint--always.hint--bottom:after, +.hint--always.hint--bottom:before { + -webkit-transform: translateY(8px); + -moz-transform: translateY(8px); + transform: translateY(8px); +} +.hint--always.hint--left:after, +.hint--always.hint--left:before { + -webkit-transform: translateX(-8px); + -moz-transform: translateX(-8px); + transform: translateX(-8px); +} +.hint--always.hint--right:after, +.hint--always.hint--right:before { + -webkit-transform: translateX(8px); + -moz-transform: translateX(8px); + transform: translateX(8px); +} +/** + * source: hint-rounded.scss + * + * Defines rounded corner tooltips. + * + * Classes added: + * 1) hint--rounded + * + */ +.hint--rounded:after { + border-radius: 4px; +} +/** + * source: hint-effects.scss + * + * Defines various transition effects for the tooltips. + * + * Classes added: + * 1) hint--no-animate + * 2) hint--bounce + * + */ +.hint--no-animate:before, +.hint--no-animate:after { + -webkit-transition-duration: 0ms; + -moz-transition-duration: 0ms; + transition-duration: 0ms; +} +.hint--bounce:before, +.hint--bounce:after { + -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); + -moz-transition: opacity 0.3s ease, visibility 0.3s ease, -moz-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); + transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24); +} +/** + * selectize.default.css (v0.10.1) - Default Theme + * Copyright (c) 2013 Brian Reavis & contributors + * + * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this + * file except in compliance with the License. You may obtain a copy of the License at: + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software distributed under + * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF + * ANY KIND, either express or implied. See the License for the specific language + * governing permissions and limitations under the License. + * + * @author Brian Reavis + */ +.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder { + visibility: visible !important; + background: #f2f2f2 !important; + background: rgba(0, 0, 0, 0.06) !important; + border: 0 none !important; + -webkit-box-shadow: inset 0 0 12px 4px #ffffff; + box-shadow: inset 0 0 12px 4px #ffffff; +} +.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after { + content: '!'; + visibility: hidden; +} +.selectize-control.plugin-drag_drop .ui-sortable-helper { + -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); +} +.selectize-dropdown-header { + position: relative; + padding: 5px 8px; + border-bottom: 1px solid #d0d0d0; + background: #f8f8f8; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; +} +.selectize-dropdown-header-close { + position: absolute; + right: 8px; + top: 50%; + color: #303030; + opacity: 0.4; + margin-top: -12px; + line-height: 20px; + font-size: 20px !important; +} +.selectize-dropdown-header-close:hover { + color: #000000; +} +.selectize-dropdown.plugin-optgroup_columns .optgroup { + border-right: 1px solid #f2f2f2; + border-top: 0 none; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child { + border-right: 0 none; +} +.selectize-dropdown.plugin-optgroup_columns .optgroup:before { + display: none; +} +.selectize-dropdown.plugin-optgroup_columns .optgroup-header { + border-top: 0 none; +} +.selectize-control.plugin-remove_button [data-value] { + position: relative; + padding-right: 24px !important; +} +.selectize-control.plugin-remove_button [data-value] .remove { + z-index: 1; + /* fixes ie bug (see #392) */ + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: 17px; + text-align: center; + font-weight: bold; + font-size: 12px; + color: inherit; + text-decoration: none; + vertical-align: middle; + display: inline-block; + padding: 2px 0 0 0; + border-left: 1px solid #0073bb; + -webkit-border-radius: 0 2px 2px 0; + -moz-border-radius: 0 2px 2px 0; + border-radius: 0 2px 2px 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.selectize-control.plugin-remove_button [data-value] .remove:hover { + background: rgba(0, 0, 0, 0.05); +} +.selectize-control.plugin-remove_button [data-value].active .remove { + border-left-color: #00578d; +} +.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { + background: none; +} +.selectize-control.plugin-remove_button .disabled [data-value] .remove { + border-left-color: #aaaaaa; +} +.selectize-control { + position: relative; +} +.selectize-dropdown, +.selectize-input, +.selectize-input input { + color: #303030; + font-family: inherit; + font-size: 13px; + line-height: 18px; + -webkit-font-smoothing: inherit; +} +.selectize-input, +.selectize-control.single .selectize-input.input-active { + background: #ffffff; + cursor: text; + display: inline-block; +} +.selectize-input { + border: 1px solid #d0d0d0; + padding: 8px 8px; + display: inline-block; + width: 100%; + overflow: hidden; + position: relative; + z-index: 1; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.selectize-control.multi .selectize-input.has-items { + padding: 5px 8px 2px; +} +.selectize-input.full { + background-color: #ffffff; +} +.selectize-input.disabled, +.selectize-input.disabled * { + cursor: default !important; +} +.selectize-input.focus { + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); +} +.selectize-input.dropdown-active { + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; +} +.selectize-input > * { + vertical-align: baseline; + display: -moz-inline-stack; + display: inline-block; + zoom: 1; + *display: inline; +} +.selectize-control.multi .selectize-input > div { + cursor: pointer; + margin: 0 3px 3px 0; + padding: 2px 6px; + background: #1da7ee; + color: #ffffff; + border: 1px solid #0073bb; +} +.selectize-control.multi .selectize-input > div.active { + background: #92c836; + color: #ffffff; + border: 1px solid #00578d; +} +.selectize-control.multi .selectize-input.disabled > div, +.selectize-control.multi .selectize-input.disabled > div.active { + color: #ffffff; + background: #d2d2d2; + border: 1px solid #aaaaaa; +} +.selectize-input > input { + padding: 0 !important; + min-height: 0 !important; + max-height: none !important; + max-width: 100% !important; + margin: 0 1px !important; + text-indent: 0 !important; + border: 0 none !important; + background: none !important; + line-height: inherit !important; + -webkit-user-select: auto !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; +} +.selectize-input > input::-ms-clear { + display: none; +} +.selectize-input > input:focus { + outline: none !important; +} +.selectize-input::after { + content: ' '; + display: block; + clear: left; +} +.selectize-input.dropdown-active::before { + content: ' '; + display: block; + position: absolute; + background: #f0f0f0; + height: 1px; + bottom: 0; + left: 0; + right: 0; +} +.selectize-dropdown { + position: absolute; + z-index: 10; + border: 1px solid #d0d0d0; + background: #ffffff; + margin: -1px 0 0 0; + border-top: 0 none; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} +.selectize-dropdown [data-selectable] { + cursor: pointer; + overflow: hidden; +} +.selectize-dropdown [data-selectable] .highlight { + background: rgba(125, 168, 208, 0.2); + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; +} +.selectize-dropdown [data-selectable], +.selectize-dropdown .optgroup-header { + padding: 5px 8px; +} +.selectize-dropdown .optgroup:first-child .optgroup-header { + border-top: 0 none; +} +.selectize-dropdown .optgroup-header { + color: #303030; + background: #ffffff; + cursor: default; +} +.selectize-dropdown .active { + background-color: #f5fafd; + color: #495c68; +} +.selectize-dropdown .active.create { + color: #495c68; +} +.selectize-dropdown .create { + color: rgba(48, 48, 48, 0.5); +} +.selectize-dropdown-content { + overflow-y: auto; + overflow-x: hidden; + max-height: 200px; +} +.selectize-control.single .selectize-input, +.selectize-control.single .selectize-input input { + cursor: pointer; +} +.selectize-control.single .selectize-input.input-active, +.selectize-control.single .selectize-input.input-active input { + cursor: text; +} +.selectize-control.single .selectize-input:after { + content: ' '; + display: block; + position: absolute; + top: 50%; + right: 15px; + margin-top: -3px; + width: 0; + height: 0; + border-style: solid; + border-width: 5px 5px 0 5px; + border-color: #808080 transparent transparent transparent; +} +.selectize-control.single .selectize-input.dropdown-active:after { + margin-top: -4px; + border-width: 0 5px 5px 5px; + border-color: transparent transparent #808080 transparent; +} +.selectize-control.rtl.single .selectize-input:after { + left: 15px; + right: auto; +} +.selectize-control.rtl .selectize-input > input { + margin: 0 4px 0 -2px !important; +} +.selectize-control .selectize-input.disabled { + opacity: 0.5; + background-color: #fafafa; +} +.selectize-control.multi .selectize-input.has-items { + padding-left: 5px; + padding-right: 5px; +} +.selectize-control.multi .selectize-input.disabled [data-value] { + color: #999; + text-shadow: none; + background: none; + -webkit-box-shadow: none; + box-shadow: none; +} +.selectize-control.multi .selectize-input.disabled [data-value], +.selectize-control.multi .selectize-input.disabled [data-value] .remove { + border-color: #e6e6e6; +} +.selectize-control.multi .selectize-input.disabled [data-value] .remove { + background: none; +} +.selectize-control.multi .selectize-input [data-value] { + text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3); + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + background-color: #1b9dec; + background-image: -moz-linear-gradient(top, #1da7ee, #178ee9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1da7ee), to(#178ee9)); + background-image: -webkit-linear-gradient(top, #1da7ee, #178ee9); + background-image: -o-linear-gradient(top, #1da7ee, #178ee9); + background-image: linear-gradient(to bottom, #1da7ee, #178ee9); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1da7ee', endColorstr='#ff178ee9', GradientType=0); + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03); +} +.selectize-control.multi .selectize-input [data-value].active { + background-color: #0085d4; + background-image: -moz-linear-gradient(top, #008fd8, #0075cf); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008fd8), to(#0075cf)); + background-image: -webkit-linear-gradient(top, #008fd8, #0075cf); + background-image: -o-linear-gradient(top, #008fd8, #0075cf); + background-image: linear-gradient(to bottom, #008fd8, #0075cf); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008fd8', endColorstr='#ff0075cf', GradientType=0); +} +.selectize-control.single .selectize-input { + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8); + background-color: #f9f9f9; + background-image: -moz-linear-gradient(top, #fefefe, #f2f2f2); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f2f2f2)); + background-image: -webkit-linear-gradient(top, #fefefe, #f2f2f2); + background-image: -o-linear-gradient(top, #fefefe, #f2f2f2); + background-image: linear-gradient(to bottom, #fefefe, #f2f2f2); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe', endColorstr='#fff2f2f2', GradientType=0); +} +.selectize-control.single .selectize-input, +.selectize-dropdown.single { + border-color: #b8b8b8; +} +.selectize-dropdown .optgroup-header { + padding-top: 7px; + font-weight: bold; + font-size: 0.85em; +} +.selectize-dropdown .optgroup { + border-top: 1px solid #f0f0f0; +} +.selectize-dropdown .optgroup:first-child { + border-top: 0 none; +} +#list-of-languages > p > a { + text-decoration: underline; + color: #27aae1; +} +.language-picker { + position: relative; +} +.language-picker > a { + opacity: 0.4; + margin-right: 0.5em; + border-bottom: none; +} +.language-picker .fa-globe { + margin-right: 0.2em; +} +.language-picker .selected { + opacity: 1; +} +.language-picker-box[dir="rtl"].topLeft:before { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.language-picker-box[dir="rtl"].bottomRight:before { + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + transform: rotate(135deg); +} +.language-picker-box { + display: none; + position: absolute; + width: 360px; + font-size: 14px; + border: 1px solid #ffcd36; + background: white; + padding: 1em; + z-index: 9999; +} +.language-picker-box:before { + display: block; + content: ''; + position: absolute; + width: 14px; + height: 14px; + border: 1px solid #ffcd36; + border-right: none; + border-top: none; + background: white; +} +.language-picker-box.topLeft:before { + right: 100%; + bottom: 24px; + margin-right: -7px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + transform: rotate(45deg); +} +.language-picker-box.bottomRight:before { + left: 100%; + top: 24px; + margin-left: -7px; + -webkit-transform: rotate(-135deg); + -moz-transform: rotate(-135deg); + transform: rotate(-135deg); +} +.language-picker-box.bottomTop:before { + left: 50%; + top: -8px; + margin-left: -7px; + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + transform: rotate(135deg); +} +.language-picker-box .list a { + border: none; + background: none; + padding: 5px; + border-radius: 3px; +} +.language-picker-box .list a.selected { + background: #ffcd36; + color: #9c7500; +} +.language-picker-box .input-wrapper { + display: block; + margin-bottom: 10px; + width: 320px; +} +.language-picker-box .language-search { + display: block; + width: 100%; +} +.language-picker-box .english-name { + display: none; +} +.language-picker-box .list { + padding: 0; + list-style: none; +} +.language-picker-box .list li { + line-height: 1.6em; +} +.col { + -moz-column-count: 3; + -webkit-column-count: 3; + column-count: 3; +} +.col-width { + -moz-column-width: 240px; + -webkit-column-width: 240px; + column-width: 240px; + -moz-column-gap: 20px; + -webkit-column-gap: 20px; + column-gap: 20px; +} +.col-spacing { + text-align: center; + width: 375px; +} +#language { + text-align: center; +} +.list-of-languages .list { + padding: 2em 0; + list-style: none; + *zoom: 1; + text-align: center; + vertical-align: middle; +} +.list-of-languages .list:before, +.list-of-languages .list:after { + content: " "; + display: table; +} +.list-of-languages .list:after { + clear: both; +} +.list-of-languages .list:before, +.list-of-languages .list:after { + content: " "; + display: table; +} +.list-of-languages .list:after { + clear: both; +} +.list-of-languages .list:before, +.list-of-languages .list:after { + content: ""; + display: table; +} +.list-of-languages .list:after { + clear: both; +} +.list-of-languages .list:before, +.list-of-languages .list:after { + content: ""; + display: table; +} +.list-of-languages .list:after { + clear: both; +} +.list-of-languages .list li { + margin-bottom: 0.5em; + line-height: 2.0em; + text-align: left; +} +.list-of-languages .list a { + background: none; + transition: all 0.2s ease-in-out; +} +.list-of-languages .list .english-name { + display: none; +} +.input-wrapper { + position: relative; + display: inline-block; +} +.language-search { + width: 200px; + border: 1px solid #DDD; + padding: 0.5em 0.5em 0.5em 1.8em; + font-family: inherit; + font-size: 1em; + transition: all 0.2s ease-in; +} +.language-search:focus { + outline: none; + border-color: #ffc003; + box-shadow: 0 1px 4px -2px #ffcd36; +} +.empty-message { + display: none; +} +label[for="language-search"] { + position: absolute; + left: 0.6em; + top: 0.5em; + color: #CCC; +} +@media (min-width: 320px) and (max-width: 540px) { + .col-width { + -moz-column-width: 0; + -webkit-column-width: 0; + column-width: 0; + } + .col { + -moz-column-count: 1; + -webkit-column-count: 1; + column-count: 1; + } +} +/*********************************************************** + * HINT + */ +.hint, +[data-hint] { + display: block; +} +.hint--inline, +.hint--inline[data-hint] { + display: inline-block; +} +.hint--red:after { + background-color: #c13832; + text-shadow: 0 -1px 0px #982c28; +} +.hint--red.hint--top:before { + border-top-color: #c13832; +} +.hint--red.hint--bottom:before { + border-bottom-color: #c13832; +} +.hint--red.hint--left:before { + border-left-color: #c13832; +} +.hint--red.hint--right:before { + border-right-color: #c13832; +} +/********************************************************* +* HEADER +*/ +.butter-header-spacing { + padding-top: 0px; +} +.butter-editor-spacing .butter-header { + right: 0; +} +.butter-header { + z-index: 10010; + position: fixed; + left: 0; + top: 0; + right: 350px; + height: 0px; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} +.butter-header a:hover { + text-decoration: none; +} +/********************************************************* +* Primary white nav bar +*/ +.butter-header-primary { + position: relative; + background: #333; + color: #6f6f6f; + height: 62px; + text-shadow: 0 1px 0 #FFF; + font-size: 0.95em; + border-bottom: 1px solid #b3b3b3; + box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.1); + *zoom: 1; +} +.butter-header-primary:before, +.butter-header-primary:after { + content: " "; + display: table; +} +.butter-header-primary:after { + clear: both; +} +.butter-header-primary:before, +.butter-header-primary:after { + content: " "; + display: table; +} +.butter-header-primary:after { + clear: both; +} +.butter-header-primary:before, +.butter-header-primary:after { + content: ""; + display: table; +} +.butter-header-primary:after { + clear: both; +} +.butter-header-primary:before, +.butter-header-primary:after { + content: ""; + display: table; +} +.butter-header-primary:after { + clear: both; +} +.butter-logo { + position: absolute; + top: 0; + left: 15px; + height: 62px; + width: 220px; + background: url("https://air.cdn.mozilla.net/static/img/logo-airmo-md.png") center no-repeat; + background-size: contain; +} +.butter-nav { + position: absolute; + top: 0; + margin: 0; + padding: 0; + margin-left: 250px; + list-style: none; + width: 60%; + height: 0px; + line-height: 0px; +} +.butter-nav > li { + float: left; + margin: 0 10px; +} +.butter-nav > li.butter-breadcrumbs { + position: relative; + padding: 0; + margin-right: 10px; + width: 1px; + height: 100%; + border-right: 1px solid #cccccc; +} +.butter-nav > li.butter-breadcrumbs:after, +.butter-nav > li.butter-breadcrumbs:before { + left: 100%; + border: solid transparent; + content: " "; + height: 0; + width: 0; + position: absolute; + pointer-events: none; +} +.butter-nav > li.butter-breadcrumbs:after { + border-left-color: #ffffff; + border-width: 5px; + top: 50%; + margin-top: -5px; +} +.butter-nav > li.butter-breadcrumbs:before { + border-left-color: #cccccc; + border-width: 7px; + top: 50%; + margin-top: -7px; +} +#webmaker-nav { + text-align: right; +} +.webmaker-nav-container { + text-align: left; + z-index: 10; + display: inline-block; + background: #333333; + margin-top: 10px; + overflow: visible; + width: auto; +} +.webmaker-nav-container > div { + float: left; +} +.user-info { + float: right; + z-index: 10; + padding: 0 10px; + margin-right: 1.4142em; + position: relative; + cursor: pointer; +} +.user-info .user { + min-width: 80px; + text-align: left; + padding: 5px 15px 5px 50px; + margin-top: 0; + height: 30px; + line-height: 30px; + border: 1px solid #CCC; + cursor: pointer; +} +.user-info .user img { + top: auto; + left: 10px; +} +.user-info .user a { + text-decoration: none; +} +.user-info .user a:hover { + text-decoration: underline; +} +.user-info .menu-container { + list-style: none; + padding: 0; + margin: 0; + background: #FFF; + min-width: 100%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +.user-info .menu-container > li { + white-space: nowrap; + display: none; + text-align: left; + line-height: 40px; +} +.user-info .menu-container > li .icon-signout { + display: none; +} +.user-info .menu-container > li.login { + display: block; +} +.webmaker-icon { + float: left; + background: url("../resources/webmaker/webmaker-main_01.png") no-repeat; + background-position: center; + background-size: 30px 30px; + height: 40px; + width: 30px; + margin-left: -7px; + margin-right: 7px; +} +.back-to-webmaker { + display: inline-block; + line-height: 40px; +} +.back-to-webmaker a { + color: #555; + text-decoration: none; +} +.back-to-webmaker a:hover { + text-decoration: underline; +} +.loggedin #webmaker-nav iframe.include-frame { + margin-left: 0; +} +.loggedin .back-to-webmaker { + margin-left: 10px; +} +.loggedin .user-info .menu-container { + display: none; + position: absolute; + top: 100%; +} +.loggedin .user-info .menu-container > li { + display: block; + border: 1px solid #CCC; + border-top: 0; + padding: 0 10px; +} +.loggedin .user-info .menu-container > li .icon { + display: block; + float: left; + line-height: 40px; + width: 30px; + font-size: 16px; +} +.loggedin .user-info .menu-container > li button { + padding: 0; +} +.loggedin .user-info:hover .menu-container { + display: block; +} +/********************************************************* +* Buttons +*/ +.butter-header .butter-btn { + text-shadow: none; +} +.butter-login-project-info { + position: relative; +} +.butter-login-project-info > ul { + position: absolute; + top: 48px; + left: 28px; + width: 175px; + border-top: 0; + border-radius: 0 0 2px 2px; + box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.6); + padding: 0; + background: #FFF; + z-index: 10100; +} +.butter-login-project-info > ul li { + border-top: 1px solid #f4f5f5; + list-style: none; + font-size: 10px; + line-height: 35px; + margin: 0; +} +.butter-login-project-info > ul li:first-child { + border-top: none; +} +.butter-login-project-info > ul li:last-child { + border-radius: 0 0 2px 2px; +} +.butter-login-project-info > ul a { + text-decoration: none; + color: #555555; + display: block; + padding: 0 20px; + height: 100%; + cursor: pointer; +} +.butter-login-project-info > ul a:hover { + color: #3fb58e; +} +/********************************************************* +* Selects +*/ +.ui-select { + position: relative; + display: inline-block; + cursor: pointer; + text-align: left; + border: 1px solid #dddddd; + padding: 10px; + margin-right: 15px; + height: 1.5em; +} +.ui-select a { + color: black; +} +.ui-selected { + display: inline-block; +} +.ui-select-menu { + display: none; + position: absolute; + left: -1px; + border: 1px solid #dddddd; + z-index: 100; + vertical-align: middle; + top: 100%; + width: 100%; +} +.ui-select-menu:hover { + border-color: #dddddd; +} +.ui-select-menu ul { + padding: 0; + margin: 0; + list-style: none; +} +.ui-select-menu ul > li { + color: #999aa0; + background: #FFF; + border-bottom: 1px solid #dddddd; + padding: 10px; +} +.ui-select-menu ul > li:last-child { + border-bottom: none; +} +.ui-select-menu ul > li:hover, +.ui-select-menu ul > li[data-selected] { + color: #4d4e53; + background: #e3eaee; +} +/*************************************************** +* TogetherJS restyling. +*/ +div#togetherjs-dock.togetherjs-dock-right { + position: fixed; + top: 50px; + right: 355px; + z-index: 10099; + -webkit-transition: right 0.35s; + -moz-transition: right 0.35s; + -o-transition: right 0.35s; + -ms-transition: right 0.35s; + transition: right 0.35s; +} +div#togetherjs-dock.togetherjs-dock-right.minimized { + right: 5px; +} +div.togetherjs-arrow, +div.togetherjs-cursor, +div.togetherjs-click { + z-index: 10099; +} +#togetherjs-menu.togetherjs-menu, +#togetherjs-pick-color.togetherjs-menu { + z-index: 10100; +} +/*************************************************** +* New Language Picker +*/ +.langPicker { + padding: 10px; + margin: 5px; +} +a#current-language { + color: #000; + text-decoration: none; +} +#make-details { + line-height: 1.4; + background-color: #FFF; + width: 430px; + position: absolute; + top: 75px; + left: 10px; + border: 1px solid #C0C0C0; + text-shadow: none; +} +#make-details .make-arrow { + position: absolute; + display: block; + width: 30px; + height: 30px; + top: -16px; + left: 34px; + background-color: #FFF; + border-style: solid; + border-color: #C0C0C0; + border-image: none; + border-width: 1px 0 0 1px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -o-transform: rotate(45deg); + -ms-transform: rotate(45deg); + transform: rotate(45deg); +} +#make-details .makeapi-details { + border: none; + font-size: 13px; +} +#make-details .makeapi-details fieldset { + border: none; + padding: 0; + margin-bottom: 2px; +} +#make-details .makeapi-details fieldset.searchable { + line-height: 0; +} +#make-details .makeapi-details fieldset.searchable input { + width: auto; +} +#make-details .makeapi-details fieldset .error { + margin-left: 5px; + margin-top: 5px; + color: red; +} +#make-details .makeapi-details .input-container { + width: 75%; +} +#make-details .makeapi-details .input-container .input { + width: 100%; +} +#make-details .makeapi-details label { + margin-top: 25px; + min-width: 85px; + padding: 8px; + float: left; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +#make-details .makeapi-details .input { + display: inline-block; + border: 1px solid #CCC; + padding: 8px; + font-size: 1em; + width: 75%; + margin-top: 25px; + margin-left: 5px; + font-family: inherit; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border-color 0.2s linear; + -moz-transition: border-color 0.2s linear; + -o-transition: border-color 0.2s linear; + -ms-transition: border-color 0.2s linear; + transition: border-color 0.2s linear; +} +#make-details .makeapi-details .input:focus { + outline: none; + border-color: #3FB58E; +} +#make-details .makeapi-details .input.thumbnail-choices { + margin-top: 10px; + border: none; + max-height: 100px; + overflow-y: auto; + padding: 0; +} +#make-details .makeapi-details input:focus { + outline: none; + border-color: #3FB58E; +} +#make-details .makeapi-details .tags-output { + list-style: none; + margin: 0; + padding: 0; + border: none; + text-align: left; +} +#make-details .makeapi-details .tags-output li { + vertical-align: baseline; + float: left; + background: #3FB58E; + color: #FFF; + border: 1px solid #40835B; + line-height: 20px; + border-radius: 3px; + margin: 3px 3px 0 0; + cursor: pointer; +} +#make-details .makeapi-details .tags-output li:before { + content: "#"; + opacity: 0.7; +} +#make-details .makeapi-details .tags-output li:after { + content: "x"; + display: inline-block; + position: relative; + margin-left: 3px; + top: 2px; + font-size: 9px; + text-align: center; + line-height: 12px; + background: #40835B; + border-radius: 10px; + opacity: 0.7; + height: 13px; + width: 13px; + overflow: hidden; +} +#make-details .makeapi-details .tags-wrapper { + vertical-align: top; + width: 80%; + margin-top: 25px; + float: right; +} +#make-details .makeapi-details .tags-wrapper .tags-output { + width: auto; +} +#make-details .makeapi-details .tags-wrapper .tags-input { + width: 116px; + line-height: 20px; + display: block; + height: 25px; + margin-left: 5px; + border: none; + border-bottom: 1px dashed #DDD; + font-size: 1em; + font-family: inherit; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} +#make-details .makeapi-details .tags-wrapper .tags-input:focus { + outline: none; + border-color: #3FB58E; +} +#make-details .thumbnail-choices { + list-style: none; + margin: 0; + padding: 0; + border: none; + text-align: left; + line-height: 55px; +} +#make-details .thumbnail-choices li { + border: 3px solid white; + float: left; + width: 50px; + height: 50px; + background-size: cover; + background-position: center center; + opacity: 0.5; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: all 0.2s linear; + -moz-transition: all 0.2s linear; + -o-transition: all 0.2s linear; + -ms-transition: all 0.2s linear; + transition: all 0.2s linear; +} +#make-details .thumbnail-choices li.selected { + border-color: #3FB58E; + /* @green */ + opacity: 1; +} +#make-details .confirmation-buttons { + margin: 15px 15px 1em; + text-align: right; +} +#make-details .confirmation-buttons .confirmation-button { + display: inline-block; + color: #FFF; + cursor: pointer; + font-size: 16px; + line-height: 1; + padding: 0.8em 1em; + -webkit-transition: opacity 0.5s ease; + -moz-transition: opacity 0.5s ease; + -o-transition: opacity 0.5s ease; + -ms-transition: opacity 0.5s ease; + transition: opacity 0.5s ease; +} +#make-details .confirmation-buttons .confirmation-button.yes-button { + background-color: #3FB58E; +} +#make-details .confirmation-buttons .confirmation-button.no-button { + background-color: #D93B3B; +} +/********************************************************* +* TRAY +*/ +html[dir="ltr"] .butter-tray-spacing { + padding-bottom: 195px; + -webkit-transition: padding-bottom 0.5s; + -moz-transition: padding-bottom 0.5s; + -o-transition: padding-bottom 0.5s; + -ms-transition: padding-bottom 0.5s; + transition: padding-bottom 0.5s; +} +html[dir="ltr"] .butter-tray-spacing.tray-minimized { + padding-bottom: 35px; +} +html[dir="ltr"] .butter-editor-spacing.editor-open .butter-tray[dir="ltr"] { + right: 350px; +} +html[dir="ltr"] .butter-editor-spacing.editor-open .butter-tray[dir="rtl"] { + left: 350px; +} +html[dir="ltr"] .butter-tray { + background: #FFF; + position: fixed; + z-index: 10001; + height: 205px; + left: 0; + right: 0; + bottom: 0; +} +html[dir="ltr"] .butter-tray.butter-tray-transitions { + -webkit-transition: height 0.35s; + -moz-transition: height 0.35s; + -o-transition: height 0.35s; + -ms-transition: height 0.35s; + transition: height 0.35s; +} +html[dir="ltr"] .butter-tray .butter-toggle-button { + top: 15px; + right: 6px; + z-index: 10011; + cursor: pointer; +} +html[dir="ltr"] .butter-tray .butter-timeline-area { + top: 50px; +} +html[dir="ltr"] .butter-tray .butter-tray-resize-handle { + height: 8px; + position: absolute; + left: 0; + right: 0; + cursor: row-resize; +} +html[dir="ltr"] .butter-tray .butter-loading-container { + position: absolute; + z-index: 10002; + right: 5px; + top: 12px; + width: 16px; + height: 16px; +} +html[dir="ltr"] .butter-tray .fadable { + -webkit-transition: opacity 0.5s; + -moz-transition: opacity 0.5s; + -o-transition: opacity 0.5s; + -ms-transition: opacity 0.5s; + transition: opacity 0.5s; +} +/********************************************************* +* TRAY +*/ +html[dir="rtl"] .butter-tray-spacing { + padding-bottom: 195px; + -webkit-transition: padding-bottom 0.5s; + -moz-transition: padding-bottom 0.5s; + -o-transition: padding-bottom 0.5s; + -ms-transition: padding-bottom 0.5s; + transition: padding-bottom 0.5s; +} +html[dir="rtl"] .butter-tray-spacing.tray-minimized { + padding-bottom: 35px; +} +html[dir="rtl"] .butter-editor-spacing.editor-open .butter-tray[dir="ltr"] { + left: 350px; +} +html[dir="rtl"] .butter-editor-spacing.editor-open .butter-tray[dir="rtl"] { + right: 350px; +} +html[dir="rtl"] .butter-tray { + background: #FFF; + position: fixed; + z-index: 10001; + height: 205px; + right: 0; + left: 0; + bottom: 0; +} +html[dir="rtl"] .butter-tray.butter-tray-transitions { + -webkit-transition: height 0.35s; + -moz-transition: height 0.35s; + -o-transition: height 0.35s; + -ms-transition: height 0.35s; + transition: height 0.35s; +} +html[dir="rtl"] .butter-tray .butter-toggle-button { + top: 15px; + left: 6px; + z-index: 10011; + cursor: pointer; +} +html[dir="rtl"] .butter-tray .butter-timeline-area { + top: 50px; +} +html[dir="rtl"] .butter-tray .butter-tray-resize-handle { + height: 8px; + position: absolute; + right: 0; + left: 0; + cursor: row-resize; +} +html[dir="rtl"] .butter-tray .butter-loading-container { + position: absolute; + z-index: 10002; + left: 5px; + top: 12px; + width: 16px; + height: 16px; +} +html[dir="rtl"] .butter-tray .fadable { + -webkit-transition: opacity 0.5s; + -moz-transition: opacity 0.5s; + -o-transition: opacity 0.5s; + -ms-transition: opacity 0.5s; + transition: opacity 0.5s; +} +/********************************************************* +* TRAY STATUS +*/ +/********************************************************* +* Butter Status Area - The top bar in the tray +*/ +html[dir="ltr"] { + /********************************************************* + * Time bar - The horizontal line where the scrubber is + */ + /********************************************************* + * Status container - Play button, mute button and time code at the top of the tray. + */ +} +html[dir="ltr"] .butter-status-area { + position: absolute; + bottom: 32px; + top: 0; + left: 0; + width: 100%; + min-height: 50px; +} +html[dir="ltr"] .media-status-container { + position: relative; + height: 100%; + background: #FFF; + border-top: 1px solid #cccccc; +} +html[dir="ltr"] .media-status-container .add-track { + left: 14px; + padding: 0; + font-size: 11px; + position: absolute; + top: 17px; + width: 80px; + margin-left: 10px; + line-height: 20px; + outline: none; +} +html[dir="ltr"] .time-bar { + position: absolute; + left: 129px; + top: 21px; + right: 27px; + bottom: 0; +} +html[dir="ltr"] .time-bar-canvas-container { + position: absolute; + left: 0; + top: 8px; + height: 21px; + overflow: hidden; + right: 0; + opacity: 0.5; +} +html[dir="ltr"] .time-bar-scrubber-container { + border-bottom: 1px solid #FFF; + z-index: 10011; + height: 100%; +} +html[dir="ltr"] .time-bar-scrubber-container .fill-bar { + background: #3fb58e; + border-radius: 15px; + height: 8px; + position: absolute; + cursor: pointer; + top: 0; +} +html[dir="ltr"] .time-bar-scrubber-container .total-bar { + background: rgba(5, 41, 56, 0.2); + border-radius: 15px; + height: 8px; + position: absolute; + cursor: pointer; + top: 0; + right: 0; + left: 0; +} +html[dir="ltr"] .time-bar-scrubber-line { + position: absolute; + top: 13px; + left: 4px; + width: 2px; + bottom: 0; + cursor: pointer; + z-index: 10010; + background: rgba(193, 56, 50, 0.5); + margin-left: 2px; +} +html[dir="ltr"] .time-bar-scrubber-line:after { + content: ""; + position: absolute; + bottom: -3px; + left: -2px; + width: 6px; + height: 6px; + border-radius: 6px; + background-color: #c13832; +} +html[dir="ltr"] .time-bar-scrubber-node { + position: absolute; + top: 0; + left: 0; + border: 3px solid #FFF; + background: #3fb58e; + width: 10px; + height: 10px; + border-radius: 10px; + margin-left: -5px; + margin-top: -5px; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); + cursor: pointer; +} +html[dir="ltr"] .butter-time-tooltip { + width: 70px; + margin-left: -35px; + padding: 10px; + font-size: 11px; + line-height: 10px; + top: -34px; + height: 30px; +} +html[dir="ltr"] .butter-time-tooltip:after, +html[dir="ltr"] .butter-time-tooltip:before { + top: 100%; + border-bottom: none; + border-left: 5px solid transparent; + border-right: 5px solid transparent; + border-top: 5px solid #FFF; +} +html[dir="ltr"] .butter-time-tooltip:before { + top: 100%; + border-bottom: none; + border-top: 5px solid #CCC; +} +html[dir="ltr"] .status-container { + position: absolute; + width: 199px; + height: 25px; + line-height: 25px; + top: -25px; + left: 25px; + background-color: #FFFFFF; + border-top-right-radius: 5px; + border-top-left-radius: 5px; + border-top: 1px solid #cccccc; +} +html[dir="ltr"] .status-container .status-inner-container { + height: 100%; + width: 100%; + position: relative; + z-index: 3; +} +html[dir="ltr"] .status-container > .status-side { + position: absolute; + width: 40px; + height: 100%; + top: 9px; + background-color: #FFFFFF; + z-index: 2; +} +html[dir="ltr"] .status-container > .status-side.left { + left: -7px; + -webkit-transform: rotate(25deg); + -moz-transform: rotate(25deg); + -o-transform: rotate(25deg); + -ms-transform: rotate(25deg); + transform: rotate(25deg); + border-left: 1px solid #cccccc; +} +html[dir="ltr"] .status-container > .status-side.right { + right: -7px; + -webkit-transform: rotate(-25deg); + -moz-transform: rotate(-25deg); + -o-transform: rotate(-25deg); + -ms-transform: rotate(-25deg); + transform: rotate(-25deg); + border-right: 1px solid #cccccc; +} +html[dir="ltr"] .time-wrapper { + position: relative; + margin-top: 5px; + float: left; +} +html[dir="ltr"] .time-wrapper .time-container { + display: inline; + position: relative; + color: #555555; + font-size: 10px; + font-family: menlo, monospace; +} +html[dir="ltr"] .time-wrapper .time-container .current-time { + margin-right: -3px; +} +html[dir="ltr"] .time-wrapper .time-container .duration-input { + display: inline; + padding: 3px; + border: 1px solid #cccccc; + position: relative; + max-width: 55px; + background: transparent; + color: #555555; + font-size: 10px; + font-family: menlo, monospace; + margin-left: -3px; + outline: none; + line-height: 1.3; +} +html[dir="ltr"] .time-wrapper .time-container .duration-input.input-active { + border: 1px solid #3fb58e; +} +html[dir="ltr"] .status-button { + width: 20px; + height: 20px; + line-height: 20px; + text-align: center; + padding: 0; + margin: 0; +} +html[dir="ltr"] .play-button-container { + position: relative; + float: left; + height: 100%; + width: 30px; + margin-left: 10px; + margin-top: 5px; +} +html[dir="ltr"] .play-button-container .status-button { + width: 21px; + height: 21px; + line-height: 21px; + border-radius: 25px; +} +html[dir="ltr"] .play-button-container .status-button .icon { + margin-left: 2px; +} +html[dir="ltr"] .play-button-container .status-button[data-state="true"] .icon { + margin-left: 0; +} +html[dir="ltr"] .play-button-container .status-button[data-state="true"] .icon:before { + content: "\f04c"; +} +html[dir="ltr"] .mute-button-container { + position: relative; + float: left; + margin-top: 10px; +} +html[dir="ltr"] .mute-button-container .status-button { + text-align: left; + background: none; +} +html[dir="ltr"] .mute-button-container .status-button:hover { + cursor: pointer; +} +html[dir="ltr"] .mute-button-container .status-button .icon { + color: #949494; +} +html[dir="ltr"] .mute-button-container .status-button[data-state="true"] .icon:before { + content: "\f026"; +} +/********************************************************* +* TRAY STATUS +*/ +/********************************************************* +* Butter Status Area - The top bar in the tray +*/ +html[dir="rtl"] { + /********************************************************* + * Time bar - The horizontal line where the scrubber is + */ + /********************************************************* + * Status container - Play button, mute button and time code at the top of the tray. + */ +} +html[dir="rtl"] .butter-status-area { + position: absolute; + bottom: 32px; + top: 0; + right: 0; + width: 100%; + min-height: 50px; +} +html[dir="rtl"] .media-status-container { + position: relative; + height: 100%; + background: #FFF; + border-top: 1px solid #cccccc; +} +html[dir="rtl"] .media-status-container .add-track { + right: 14px; + padding: 0; + font-size: 11px; + position: absolute; + top: 17px; + width: 80px; + margin-right: 10px; + line-height: 20px; + outline: none; +} +html[dir="rtl"] .time-bar { + position: absolute; + right: 129px; + top: 21px; + left: 27px; + bottom: 0; +} +html[dir="rtl"] .time-bar-canvas-container { + position: absolute; + right: 0; + top: 8px; + height: 21px; + overflow: hidden; + left: 0; + opacity: 0.5; +} +html[dir="rtl"] .time-bar-scrubber-container { + border-bottom: 1px solid #FFF; + z-index: 10011; + height: 100%; +} +html[dir="rtl"] .time-bar-scrubber-container .fill-bar { + background: #3fb58e; + border-radius: 15px; + height: 8px; + position: absolute; + cursor: pointer; + top: 0; +} +html[dir="rtl"] .time-bar-scrubber-container .total-bar { + background: rgba(5, 41, 56, 0.2); + border-radius: 15px; + height: 8px; + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; +} +html[dir="rtl"] .time-bar-scrubber-line { + position: absolute; + top: 13px; + right: 4px; + width: 2px; + bottom: 0; + cursor: pointer; + z-index: 10010; + background: rgba(193, 56, 50, 0.5); + margin-right: 2px; +} +html[dir="rtl"] .time-bar-scrubber-line:after { + content: ""; + position: absolute; + bottom: -3px; + right: -2px; + width: 6px; + height: 6px; + border-radius: 6px; + background-color: #c13832; +} +html[dir="rtl"] .time-bar-scrubber-node { + position: absolute; + top: 0; + right: 0; + border: 3px solid #FFF; + background: #3fb58e; + width: 10px; + height: 10px; + border-radius: 10px; + margin-right: -5px; + margin-top: -5px; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.8); + cursor: pointer; +} +html[dir="rtl"] .butter-time-tooltip { + width: 70px; + margin-right: -35px; + padding: 10px; + font-size: 11px; + line-height: 10px; + top: -34px; + height: 30px; +} +html[dir="rtl"] .butter-time-tooltip:after, +html[dir="rtl"] .butter-time-tooltip:before { + top: 100%; + border-bottom: none; + border-right: 5px solid transparent; + border-left: 5px solid transparent; + border-top: 5px solid #FFF; +} +html[dir="rtl"] .butter-time-tooltip:before { + top: 100%; + border-bottom: none; + border-top: 5px solid #CCC; +} +html[dir="rtl"] .status-container { + position: absolute; + width: 199px; + height: 25px; + line-height: 25px; + top: -25px; + right: 25px; + background-color: #FFFFFF; + border-top-left-radius: 5px; + border-top-right-radius: 5px; + border-top: 1px solid #cccccc; +} +html[dir="rtl"] .status-container .status-inner-container { + height: 100%; + width: 100%; + position: relative; + z-index: 3; +} +html[dir="rtl"] .status-container > .status-side { + position: absolute; + width: 40px; + height: 100%; + top: 9px; + background-color: #FFFFFF; + z-index: 2; +} +html[dir="rtl"] .status-container > .status-side.left { + right: -7px; + -webkit-transform: rotate(25deg); + -moz-transform: rotate(25deg); + -o-transform: rotate(25deg); + -ms-transform: rotate(25deg); + transform: rotate(25deg); + border-right: 1px solid #cccccc; +} +html[dir="rtl"] .status-container > .status-side.right { + left: -7px; + -webkit-transform: rotate(-25deg); + -moz-transform: rotate(-25deg); + -o-transform: rotate(-25deg); + -ms-transform: rotate(-25deg); + transform: rotate(-25deg); + border-left: 1px solid #cccccc; +} +html[dir="rtl"] .time-wrapper { + position: relative; + margin-top: 5px; + float: right; +} +html[dir="rtl"] .time-wrapper .time-container { + display: inline; + position: relative; + color: #555555; + font-size: 10px; + font-family: menlo, monospace; +} +html[dir="rtl"] .time-wrapper .time-container .current-time { + margin-left: -3px; +} +html[dir="rtl"] .time-wrapper .time-container .duration-input { + display: inline; + padding: 3px; + border: 1px solid #cccccc; + position: relative; + max-width: 55px; + background: transparent; + color: #555555; + font-size: 10px; + font-family: menlo, monospace; + margin-right: -3px; + outline: none; +} +html[dir="rtl"] .time-wrapper .time-container .duration-input.input-active { + border: 1px solid #3fb58e; +} +html[dir="rtl"] .status-button { + width: 20px; + height: 20px; + line-height: 20px; + text-align: center; + padding: 0; + margin: 0; +} +html[dir="rtl"] .play-button-container { + position: relative; + float: right; + height: 100%; + width: 30px; + margin-right: 10px; + margin-top: 5px; +} +html[dir="rtl"] .play-button-container .status-button { + width: 21px; + height: 21px; + line-height: 21px; + border-radius: 25px; +} +html[dir="rtl"] .play-button-container .status-button .icon { + margin-right: 2px; +} +html[dir="rtl"] .play-button-container .status-button[data-state="true"] .icon { + margin-right: 0; +} +html[dir="rtl"] .play-button-container .status-button[data-state="true"] .icon:before { + content: "\f04c"; +} +html[dir="rtl"] .mute-button-container { + position: relative; + float: right; + margin-top: 10px; +} +html[dir="rtl"] .mute-button-container .status-button { + text-align: right; + background: none; +} +html[dir="rtl"] .mute-button-container .status-button:hover { + cursor: pointer; +} +html[dir="rtl"] .mute-button-container .status-button .icon { + color: #949494; +} +html[dir="rtl"] .mute-button-container .status-button[data-state="true"] .icon:before { + content: "\f026"; +} +/********************************************************* +* TRAY TIMELINE +*/ +html[dir="ltr"] { + /********************************************************* + * Track + */ + /********************************************************* + * Track Event + */ + /********************************************************* + * Track Handle Container - Left-hand side panel + */ +} +html[dir="ltr"] .butter-timeline-area { + position: absolute; + left: 0; + bottom: 0; + top: 0; + right: 0; + border-top: 1px solid #cccccc; +} +html[dir="ltr"] .butter-timeline { + position: absolute; + top: 0; + left: 0; + right: 27px; + bottom: 32px; + z-index: 10002; +} +html[dir="ltr"] .media-instance { + height: 100%; + padding-left: 129px; + position: relative; + -webkit-transition: top 0.5s; + -moz-transition: top 0.5s; + -o-transition: top 0.5s; + -ms-transition: top 0.5s; + transition: top 0.5s; +} +html[dir="ltr"] .media-instance .butter-scroll-bar-v { + right: -18px; + width: 10px; + height: 100%; + top: 0; +} +html[dir="ltr"] .media-instance .butter-scroll-bar-h { + right: -5px; + height: 10px; + width: 100%; + top: 0; + visibility: hidden; + opacity: 0; +} +html[dir="ltr"] .media-container { + position: relative; + top: 0; + height: 100%; +} +html[dir="ltr"] .tracks-container-wrapper { + background: #f4f5f5; + width: 100%; + height: 100%; + overflow: hidden; + border-left: 1px solid #cccccc; + border-right: 1px solid #cccccc; + box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.2); +} +html[dir="ltr"] .tracks-container-wrapper .bounding-box-selection { + position: absolute; + background-color: rgba(43, 124, 97, 0.2); + border: 1px solid rgba(43, 124, 97, 0.8); +} +html[dir="ltr"] .tracks-container-wrapper .bounding-box-selection.hidden { + display: none; +} +html[dir="ltr"] .tracks-container { + position: relative; + overflow: hidden; +} +html[dir="ltr"] .butter-track { + width: 100%; + height: 30px; + position: relative; + border-bottom: 1px dashed #cccccc; +} +html[dir="ltr"] .butter-track .track-title { + display: inline-block; + left: 5px; + top: 50%; +} +html[dir="ltr"] .butter-track.draggable-hover { + background: rgba(255, 255, 255, 0.8); +} +html[dir="ltr"] .butter-track.butter-track-ghost { + opacity: 0.7; +} +html[dir="ltr"] .butter-track-event { + background: #ffffff; + box-shadow: 1px 5px 2px -3px rgba(0, 0, 0, 0.1); + border: 1px solid #CCC; + border-radius: 4px; + border-top-color: #E3E3E3; + border-bottom-color: #BDBDBD; + cursor: move; + display: block; + height: 27px; + padding: 1px 0; + position: absolute; + overflow: hidden; +} +html[dir="ltr"] .butter-track-event[selected="true"] { + border-color: #3fb58e; + box-shadow: 1px 5px 2px -3px rgba(0, 0, 0, 0.2); +} +html[dir="ltr"] .butter-track-event .butter-track-event-info { + position: relative; + width: 100%; + overflow: hidden; + height: 100%; +} +html[dir="ltr"] .butter-track-event .title { + font-size: 11px; + font-weight: 700; + text-align: left; + line-height: 25px; + color: #555555; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} +html[dir="ltr"] .butter-track-event .butter-track-event-icon { + float: left; + height: 25px; + width: 30px; + background-size: 20px; + background-image: url("../resources/icons/default-icon.png"); + background-position: center center; + background-repeat: no-repeat; +} +html[dir="ltr"] .butter-track-event .handle { + position: absolute; + height: 18px; + width: 18px; + text-align: center; + top: 5px; + opacity: 0; + background: #ffffff; + -webkit-transition: all 0.1s ease; + -moz-transition: all 0.1s ease; + -o-transition: all 0.1s ease; + -ms-transition: all 0.1s ease; + transition: all 0.1s ease; +} +html[dir="ltr"] .butter-track-event .handle:after { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; + color: #3fb58e; +} +html[dir="ltr"] .butter-track-event .left-handle { + left: 10px; + cursor: w-resize; + cursor: ew-resize; +} +html[dir="ltr"] .butter-track-event .left-handle:after { + content: "\f060"; +} +html[dir="ltr"] .butter-track-event .right-handle { + right: 10px; + cursor: e-resize; + cursor: ew-resize; +} +html[dir="ltr"] .butter-track-event .right-handle:after { + content: "\f061"; +} +html[dir="ltr"] .butter-track-event:hover .handle, +html[dir="ltr"] .butter-track-event.butter-resizable .handle { + opacity: 0.7; +} +html[dir="ltr"] .butter-track-event:hover .left-handle, +html[dir="ltr"] .butter-track-event.butter-resizable .left-handle { + left: 0; +} +html[dir="ltr"] .butter-track-event:hover .right-handle, +html[dir="ltr"] .butter-track-event.butter-resizable .right-handle { + right: 0; +} +html[dir="ltr"] .butter-track-event.trackevent-small { + overflow: visible; +} +html[dir="ltr"] .butter-track-event.trackevent-small .handle { + background: none; +} +html[dir="ltr"] .butter-track-event.trackevent-small .butter-track-event-info { + left: 0; +} +html[dir="ltr"] .butter-track-event.trackevent-small .left-handle { + left: -16px; +} +html[dir="ltr"] .butter-track-event.trackevent-small .left-handle:after { + left: -2px; +} +html[dir="ltr"] .butter-track-event.trackevent-small .right-handle { + right: -16px; +} +html[dir="ltr"] .butter-track-event.trackevent-small .right-handle:after { + right: -2px; +} +html[dir="ltr"] .butter-track-event.trackevent-dragging { + overflow: hidden; +} +html[dir="ltr"] .butter-track-event.butter-track-event-ghost { + opacity: 0.7; +} +html[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"] { + background: #424242; + border: 1px solid #424242; + border-bottom-color: #545454; +} +html[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title { + font-weight: normal; + color: #FFF; +} +.sequencer-audiohtml[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title:before, +.sequencer-videohtml[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title:before { + text-transform: uppercase; + margin-right: 5px; + font-weight: 700; + font-size: 0.9em; +} +.sequencer-audiohtml[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title:before { + content: "audio"; +} +.sequencer-videohtml[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title:before { + content: "video"; +} +html[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"][selected="true"] { + border-color: #3fb58e; + box-shadow: 1px 5px 2px -3px rgba(0, 0, 0, 0.2); +} +html[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"] .butter-track-event-icon { + background-image: url(../resources/icons/media-white.png ) !important; +} +html[dir="ltr"] .butter-track-event[data-butter-trackevent-type="sequencer"] .handle { + background: #424242; +} +html[dir="ltr"] .track-handle-container { + position: absolute; + width: 129px; + height: 100%; + left: 0; + top: 0; + bottom: 1px; + border-bottom: 1px solid #d9d9d9; + overflow: hidden; + background: #f4f5f5; +} +html[dir="ltr"] .handle-list { + position: relative; +} +html[dir="ltr"] .track-handle { + border: none; + border-bottom: 1px solid #b1b8b8; + width: 100%; + height: 30px; + background: #f4f5f5; + position: relative; + line-height: 30px; + overflow: hidden; + box-shadow: inset 0 1px #FFF; +} +html[dir="ltr"] .track-handle .title { + margin-left: 22px; + font-size: 11px; + color: #555555; + float: left; + display: block; + max-width: 60px; + overflow: hidden; + text-overflow: ellipsis; +} +html[dir="ltr"] .track-handle:first-of-type { + box-shadow: none; +} +html[dir="ltr"] .track-handle .menu { + position: absolute; + width: 0; + height: 100%; + top: 0; + left: 0; + -webkit-transition: width 0.1s; + -moz-transition: width 0.1s; + -o-transition: width 0.1s; + -ms-transition: width 0.1s; + transition: width 0.1s; + opacity: 0.3; +} +html[dir="ltr"] .track-handle .menu:hover { + opacity: 1; +} +html[dir="ltr"] .track-handle .menu .delete { + position: absolute; + right: 0; + top: 0; + cursor: pointer; + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; +} +html[dir="ltr"] .track-handle .menu .delete:after { + content: "\f014"; +} +html[dir="ltr"] .track-handle:hover .menu { + width: 16px; +} +html[dir="ltr"] .track-handle .track-handle-icon:hover { + border-color: #000; +} +html[dir="ltr"] .track-handle .track-handle-icon:hover:after { + border-bottom-color: #000; +} +html[dir="ltr"] .track-handle .icon-pencil { + opacity: 0.4; + margin: 5px; + visibility: hidden; + color: #3fb58e; + cursor: pointer; + float: left; +} +html[dir="ltr"] .track-handle:hover .icon-pencil { + visibility: visible; +} +html[dir="ltr"] .track-handle-icon { + border: 0 solid #b3b3b3; + box-shadow: inset 0 1px 0 #FFF, 0 1px 0 #FFF; + position: absolute; + cursor: pointer; + right: 0; + margin: 9px; + display: inline-block; + width: 14px; + height: 9px; + border-top-width: 1px; + border-bottom-width: 1px; +} +html[dir="ltr"] .track-handle-icon:after { + box-shadow: 0 1px 0 #FFF; + border-bottom: 1px solid #b3b3b3; + content: " "; + position: absolute; + display: block; + top: 4px; + width: 100%; +} +html[dir="ltr"] .placeholder { + width: 95px; + box-shadow: inset 0 1px 0 #999, 0 0 1px #AAA; + background: transparent; +} +/********************************************************* +* TRAY TIMELINE +*/ +html[dir="rtl"] { + /********************************************************* + * Track + */ + /********************************************************* + * Track Event + */ + /********************************************************* + * Track Handle Container - Left-hand side panel + */ +} +html[dir="rtl"] .butter-timeline-area { + position: absolute; + right: 0; + bottom: 0; + top: 0; + left: 0; + border-top: 1px solid #cccccc; +} +html[dir="rtl"] .butter-timeline { + position: absolute; + top: 0; + right: 0; + left: 27px; + bottom: 32px; + z-index: 10002; +} +html[dir="rtl"] .media-instance { + height: 100%; + padding-right: 129px; + position: relative; + -webkit-transition: top 0.5s; + -moz-transition: top 0.5s; + -o-transition: top 0.5s; + -ms-transition: top 0.5s; + transition: top 0.5s; +} +html[dir="rtl"] .media-instance .butter-scroll-bar-v { + left: -18px; + width: 10px; + height: 100%; + top: 0; +} +html[dir="rtl"] .media-instance .butter-scroll-bar-h { + left: -5px; + height: 10px; + width: 100%; + top: 0; + visibility: hidden; + opacity: 0; +} +html[dir="rtl"] .media-container { + position: relative; + top: 0; + height: 100%; +} +html[dir="rtl"] .tracks-container-wrapper { + background: #f4f5f5; + width: 100%; + height: 100%; + overflow: hidden; + border-right: 1px solid #cccccc; + border-left: 1px solid #cccccc; + box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.2); +} +html[dir="rtl"] .tracks-container-wrapper .bounding-box-selection { + position: absolute; + background-color: rgba(43, 124, 97, 0.2); + border: 1px solid rgba(43, 124, 97, 0.8); +} +html[dir="rtl"] .tracks-container-wrapper .bounding-box-selection.hidden { + display: none; +} +html[dir="rtl"] .tracks-container { + position: relative; + overflow: hidden; +} +html[dir="rtl"] .butter-track { + width: 100%; + height: 30px; + position: relative; + border-bottom: 1px dashed #cccccc; +} +html[dir="rtl"] .butter-track .track-title { + display: inline-block; + right: 5px; + top: 50%; +} +html[dir="rtl"] .butter-track.draggable-hover { + background: rgba(255, 255, 255, 0.8); +} +html[dir="rtl"] .butter-track.butter-track-ghost { + opacity: 0.7; +} +html[dir="rtl"] .butter-track-event { + background: #ffffff; + box-shadow: 1px 5px 2px -3px rgba(0, 0, 0, 0.1); + border: 1px solid #CCC; + border-radius: 4px; + border-top-color: #E3E3E3; + border-bottom-color: #BDBDBD; + cursor: move; + display: block; + height: 27px; + padding: 1px 0; + position: absolute; + overflow: hidden; +} +html[dir="rtl"] .butter-track-event[selected="true"] { + border-color: #3fb58e; + box-shadow: 1px 5px 2px -3px rgba(0, 0, 0, 0.2); +} +html[dir="rtl"] .butter-track-event .butter-track-event-info { + position: relative; + width: 100%; + overflow: hidden; + height: 100%; +} +html[dir="rtl"] .butter-track-event .title { + font-size: 11px; + font-weight: 700; + text-align: right; + line-height: 25px; + color: #555555; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; +} +html[dir="rtl"] .butter-track-event .butter-track-event-icon { + float: right; + height: 25px; + width: 30px; + background-size: 20px; + background-image: url("../resources/icons/default-icon.png"); + background-position: center center; + background-repeat: no-repeat; +} +html[dir="rtl"] .butter-track-event .handle { + position: absolute; + height: 18px; + width: 18px; + text-align: center; + top: 5px; + opacity: 0; + background: #ffffff; + -webkit-transition: all 0.1s ease; + -moz-transition: all 0.1s ease; + -o-transition: all 0.1s ease; + -ms-transition: all 0.1s ease; + transition: all 0.1s ease; +} +html[dir="rtl"] .butter-track-event .handle:after { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; + color: #3fb58e; +} +html[dir="rtl"] .butter-track-event .left-handle { + right: 10px; + cursor: e-resize; + cursor: ew-resize; +} +html[dir="rtl"] .butter-track-event .left-handle:after { + content: "\f060"; +} +html[dir="rtl"] .butter-track-event .right-handle { + left: 10px; + cursor: w-resize; + cursor: ew-resize; +} +html[dir="rtl"] .butter-track-event .right-handle:after { + content: "\f061"; +} +html[dir="rtl"] .butter-track-event:hover .handle, +html[dir="rtl"] .butter-track-event.butter-resizable .handle { + opacity: 0.7; +} +html[dir="rtl"] .butter-track-event:hover .left-handle, +html[dir="rtl"] .butter-track-event.butter-resizable .left-handle { + right: 0; +} +html[dir="rtl"] .butter-track-event:hover .right-handle, +html[dir="rtl"] .butter-track-event.butter-resizable .right-handle { + left: 0; +} +html[dir="rtl"] .butter-track-event.trackevent-small { + overflow: visible; +} +html[dir="rtl"] .butter-track-event.trackevent-small .handle { + background: none; +} +html[dir="rtl"] .butter-track-event.trackevent-small .butter-track-event-info { + right: 0; +} +html[dir="rtl"] .butter-track-event.trackevent-small .left-handle { + right: -16px; +} +html[dir="rtl"] .butter-track-event.trackevent-small .left-handle:after { + right: -2px; +} +html[dir="rtl"] .butter-track-event.trackevent-small .right-handle { + left: -16px; +} +html[dir="rtl"] .butter-track-event.trackevent-small .right-handle:after { + left: -2px; +} +html[dir="rtl"] .butter-track-event.trackevent-dragging { + overflow: hidden; +} +html[dir="rtl"] .butter-track-event.butter-track-event-ghost { + opacity: 0.7; +} +html[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"] { + background: #424242; + border: 1px solid #424242; + border-bottom-color: #545454; +} +html[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title { + font-weight: normal; + color: #FFF; +} +.sequencer-audiohtml[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title:before, +.sequencer-videohtml[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title:before { + text-transform: uppercase; + margin-left: 5px; + font-weight: 700; + font-size: 0.9em; +} +.sequencer-audiohtml[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title:before { + content: "audio"; +} +.sequencer-videohtml[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"] .title:before { + content: "video"; +} +html[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"][selected="true"] { + border-color: #3fb58e; + box-shadow: 1px 5px 2px -3px rgba(0, 0, 0, 0.2); +} +html[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"] .butter-track-event-icon { + background-image: url(../resources/icons/media-white.png ) !important; +} +html[dir="rtl"] .butter-track-event[data-butter-trackevent-type="sequencer"] .handle { + background: #424242; +} +html[dir="rtl"] .track-handle-container { + position: absolute; + width: 129px; + height: 100%; + right: 0; + top: 0; + bottom: 1px; + border-bottom: 1px solid #d9d9d9; + overflow: hidden; + background: #f4f5f5; +} +html[dir="rtl"] .handle-list { + position: relative; +} +html[dir="rtl"] .track-handle { + border: none; + border-bottom: 1px solid #b1b8b8; + width: 100%; + height: 30px; + background: #f4f5f5; + position: relative; + line-height: 30px; + overflow: hidden; + box-shadow: inset 0 1px #FFF; +} +html[dir="rtl"] .track-handle .title { + margin-right: 22px; + font-size: 11px; + color: #555555; + float: right; + display: block; + max-width: 60px; + overflow: hidden; + text-overflow: ellipsis; +} +html[dir="rtl"] .track-handle:first-of-type { + box-shadow: none; +} +html[dir="rtl"] .track-handle .menu { + position: absolute; + width: 0; + height: 100%; + top: 0; + right: 0; + -webkit-transition: width 0.1s; + -moz-transition: width 0.1s; + -o-transition: width 0.1s; + -ms-transition: width 0.1s; + transition: width 0.1s; + opacity: 0.3; +} +html[dir="rtl"] .track-handle .menu:hover { + opacity: 1; +} +html[dir="rtl"] .track-handle .menu .delete { + position: absolute; + left: 0; + top: 0; + cursor: pointer; + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; +} +html[dir="rtl"] .track-handle .menu .delete:after { + content: "\f014"; +} +html[dir="rtl"] .track-handle:hover .menu { + width: 16px; +} +html[dir="rtl"] .track-handle .track-handle-icon:hover { + border-color: #000; +} +html[dir="rtl"] .track-handle .track-handle-icon:hover:after { + border-bottom-color: #000; +} +html[dir="rtl"] .track-handle .icon-pencil { + opacity: 0.4; + margin: 5px; + visibility: hidden; + color: #3fb58e; + cursor: pointer; + float: right; +} +html[dir="rtl"] .track-handle:hover .icon-pencil { + visibility: visible; +} +html[dir="rtl"] .track-handle-icon { + border: 0 solid #b3b3b3; + box-shadow: inset 0 1px 0 #FFF, 0 1px 0 #FFF; + position: absolute; + cursor: pointer; + left: 0; + margin: 9px; + display: inline-block; + width: 14px; + height: 9px; + border-top-width: 1px; + border-bottom-width: 1px; +} +html[dir="rtl"] .track-handle-icon:after { + box-shadow: 0 1px 0 #FFF; + border-bottom: 1px solid #b3b3b3; + content: " "; + position: absolute; + display: block; + top: 4px; + width: 100%; +} +html[dir="rtl"] .placeholder { + width: 95px; + box-shadow: inset 0 1px 0 #999, 0 0 1px #AAA; + background: transparent; +} +.plugin-list-editor .plugin-container { + padding: 20px; +} +.butter-plugin-tile { + text-transform: capitalize; + position: relative; + background: #FFF; + box-shadow: 1px 5px 2px -3px rgba(0, 0, 0, 0.1); + border: 1px solid #CCC; + border-radius: 2px; + border-top-color: #E3E3E3; + border-bottom-color: #BDBDBD; + color: #555; + font-size: 13px; + line-height: 24px; + cursor: move; + padding: 8px; + height: 30px; + margin-bottom: 10px; + display: block; + text-decoration: none; +} +.butter-plugin-tile:hover { + left: -2px; + top: -2px; + box-shadow: 4px 4px 0 -2px rgba(0, 0, 0, 0.3); + text-decoration: none; +} +.butter-plugin-icon { + background: url("../resources/icons/default-icon.png") center no-repeat; + display: block; + float: left; + width: 24px; + height: 24px; + margin-right: 10px; +} +.butter-editor-area .project-editor .editor-title-card { + height: 110px; +} +.butter-editor-area .project-editor .editor-title-card > .title { + line-height: 1; + padding: 20px 0 10px 0; +} +.butter-editor-area .project-editor .butter-editor-body { + top: 20px; +} +.butter-editor-area .project-editor .butter-project-url { + height: 35px; + width: 270px; + border-color: #3fb58e; +} +.butter-editor-area .project-editor .butter-project-thumbnail { + margin-top: 10px; +} +.butter-editor-area .project-editor .butter-embed-preload-label { + width: 90px; + float: left; + padding: 0; + margin: 5px 0 0 40px; +} +.butter-editor-area .project-editor .butter-preview-link { + vertical-align: top; +} +.butter-editor-area .project-editor .butter-embed-height-width { + width: 50%; + padding: 5px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + float: left; +} +.butter-editor-area .project-editor .description-wrapper { + display: block; +} +.butter-editor-area .project-editor .searchable-checkbox-wrapper { + margin: 5px 0px 0px 40px; +} +.butter-editor-area .project-editor .searchable-checkbox-wrapper label { + padding: 0; +} +.butter-editor-area .project-editor .editor-container { + padding: 20px; +} +.butter-editor-area .project-editor .editor-container > p { + margin-top: 0; + font-style: italic; +} +.butter-editor-area .project-editor .editor-container > label { + padding: 10px 0; +} +.butter-editor-area .project-editor .project-tab, +.butter-editor-area .project-editor .butter-view-source-btn { + outline: none; +} +.butter-editor-area .project-editor .tags-label { + display: inline; +} +.butter-editor-area .project-editor .tags-wrapper { + display: inline; +} +.butter-editor-area .project-editor .tags-wrapper .tags-output { + display: inline; + list-style: none; + padding: 0; + border: none; + text-align: left; +} +.butter-editor-area .project-editor .tags-wrapper .tags-output li { + vertical-align: baseline; + display: inline-block; + background: #3FB58E; + color: #FFF; + border: 1px solid #40835B; + line-height: 20px; + border-radius: 3px; + margin: 3px 3px 0 0; + cursor: pointer; +} +.butter-editor-area .project-editor .tags-wrapper .tags-output li:before { + content: "#"; + opacity: 0.7; +} +.butter-editor-area .project-editor .tags-wrapper .tags-output li:after { + content: "x"; + display: inline-block; + position: relative; + margin-left: 3px; + top: -1px; + font-size: 9px; + font-weight: 700; + text-align: center; + line-height: 12px; + background: #40835B; + border-radius: 10px; + opacity: 0.7; + height: 13px; + width: 13px; + overflow: hidden; +} +.butter-editor-area .project-editor .tags-wrapper .tags-input { + width: 100px; + line-height: 20px; + display: block; + height: 25px; + margin-left: 5px; + border: none; + border-bottom: 1px dashed #DDD; + font-size: 1em; + font-family: inherit; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + background: #f4f5f5; +} +.butter-editor-area .project-editor .tags-wrapper .tags-input:focus { + outline: none; + border-color: #3FB58E; +} +.butter-editor-area .project-editor .thumbnail-choices { + margin: 0; + padding: 0; + list-style: none; +} +.butter-editor-area .project-editor .thumbnail-choices > li { + float: left; + border: 3px solid white; + width: 50px; + height: 50px; + background-size: cover; + background-position: center center; + opacity: 0.5; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + transition: all 0.2s linear; +} +.butter-editor-area .project-editor .thumbnail-choices > li.selected { + border-color: #3FB58E; + opacity: 1; +} +.login-to-save-dialog.hidden { + display: none; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container { + position: relative; + left: -129px; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider { + position: absolute; + width: 94px; + height: 6px; + left: 6px; + z-index: 2; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider > .butter-super-scrollbar-zoom-handle { + top: -6px; + position: absolute; + height: 16px; + width: 6px; + right: 100%; + line-height: 100%; + cursor: pointer; + background: #EEE; + border: 1px solid #999; + border-radius: 6px; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container { + position: absolute; + background: #EEE; + border: 1px solid #999; + width: 100px; + height: 6px; + border-radius: 6px; + left: 12px; + top: 13px; + z-index: 2; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick { + height: 6px; + width: 1px; + float: right; + border-left: 1px solid #CCC; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:first-child { + margin-right: 1px; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 2 ) { + margin-right: 2px; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 3 ) { + margin-right: 4px; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 4 ) { + margin-right: 8px; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 5 ) { + margin-right: 16px; +} +html[dir="ltr"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 6 ) { + margin-right: 32px; +} +html[dir="ltr"] #butter-super-scrollbar-inner-container { + background: #eceeee; + height: 32px; + position: absolute; + left: 129px; + width: 100%; + right: -7px; + bottom: -32px; + border: 1px solid #cccccc; + margin-right: 5px; + top: 0; + box-shadow: inset 2px 0 5px -2px rgba(0, 0, 0, 0.2); +} +html[dir="ltr"] #butter-super-scrollbar-visuals { + margin-top: 4px; + height: 100%; + width: 100%; + position: absolute; +} +html[dir="ltr"] #butter-super-scrollbar-viewport { + background: rgba(255, 255, 255, 0.65); + background: -webkit-gradient(linear, top, bottom, color-stop(0%, rgba(255, 255, 255, 0.65)), color-stop(100%, rgba(255, 255, 255, 0.2))); + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 100%); + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 100%); + background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 100%); + background: -o-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 100%); + background: linear-gradient(top, rgba(255, 255, 255, 0.65)); + cursor: move; + height: 22px; + position: absolute; + top: 4px; +} +html[dir="ltr"] .butter-super-scrollbar-trackevent { + background: rgba(0, 0, 0, 0.4); + height: 3px; + position: absolute; + z-index: 1; +} +html[dir="ltr"] .butter-super-scrollbar-border { + border: 4px solid #FFF; + position: absolute; + height: 100%; + width: 100%; + z-index: 1; + top: -4px; + left: -4px; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset, 0 0 0 1px #cccccc; +} +html[dir="ltr"] .butter-super-scrollbar-handle { + background: #41BB92; + display: block; + height: 18px; + margin-top: -9px; + position: absolute; + top: 50%; + width: 6px; + border: 1px solid #3fb58e; + box-shadow: 0 2px 3px -2px; + z-index: 1; + cursor: ew-resize; +} +html[dir="ltr"] .butter-super-scrollbar-handle:before { + content: ""; + position: absolute; + top: 2px; + bottom: 2px; + left: 2px; + width: 2px; + background: #328f70; +} +html[dir="ltr"] .butter-super-scrollbar-handle .butter-super-arrow { + content: ""; + opacity: 0; + position: absolute; + top: 0; + color: #3fb58e; + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; + -webkit-transition: all 0.1s ease; + -moz-transition: all 0.1s ease; + -o-transition: all 0.1s ease; + -ms-transition: all 0.1s ease; + transition: all 0.1s ease; +} +html[dir="ltr"] #butter-super-scrollbar-handle-left { + left: -9px; +} +html[dir="ltr"] #butter-super-scrollbar-handle-left .butter-super-arrow { + left: 0; +} +html[dir="ltr"] #butter-super-scrollbar-handle-left .butter-super-arrow:after { + content: "\f060"; +} +html[dir="ltr"] #butter-super-scrollbar-handle-right { + right: -9px; +} +html[dir="ltr"] #butter-super-scrollbar-handle-right .butter-super-arrow { + right: 0; +} +html[dir="ltr"] #butter-super-scrollbar-handle-right .butter-super-arrow:after { + content: "\f061"; +} +html[dir="ltr"] #butter-super-scrollbar-viewport:hover .butter-super-arrow { + opacity: 0.5; +} +html[dir="ltr"] #butter-super-scrollbar-viewport:hover #butter-super-scrollbar-handle-left .butter-super-arrow { + left: 10px; +} +html[dir="ltr"] #butter-super-scrollbar-viewport:hover #butter-super-scrollbar-handle-right .butter-super-arrow { + right: 10px; +} +html[dir="ltr"] #butter-super-scrollbar-inner-container.super-scrollbar-small:hover #butter-super-scrollbar-handle-left .butter-super-arrow { + left: -16px; +} +html[dir="ltr"] #butter-super-scrollbar-inner-container.super-scrollbar-small:hover #butter-super-scrollbar-handle-right .butter-super-arrow { + right: -16px; +} +html[dir="ltr"] #buter-super-scrollbar-scrubber { + background: none repeat scroll 0 0 #c13832; + bottom: 0; + cursor: move; + position: absolute; + top: 0; + width: 1px; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container { + position: relative; + right: -129px; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider { + position: absolute; + width: 94px; + height: 6px; + right: 6px; + z-index: 2; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider > .butter-super-scrollbar-zoom-handle { + top: -6px; + position: absolute; + height: 16px; + width: 6px; + left: 100%; + line-height: 100%; + cursor: pointer; + background: #EEE; + border: 1px solid #999; + border-radius: 6px; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container { + position: absolute; + background: #EEE; + border: 1px solid #999; + width: 100px; + height: 6px; + border-radius: 6px; + right: 12px; + top: 13px; + z-index: 2; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick { + height: 6px; + width: 1px; + float: left; + border-right: 1px solid #CCC; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:first-child { + margin-left: 1px; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 2 ) { + margin-left: 2px; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 3 ) { + margin-left: 4px; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 4 ) { + margin-left: 8px; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 5 ) { + margin-left: 16px; +} +html[dir="rtl"] #butter-super-scrollbar-outer-container .butter-super-scrollbar-zoom-slider-container > .tick:nth-child( 6 ) { + margin-left: 32px; +} +html[dir="rtl"] #butter-super-scrollbar-inner-container { + background: #eceeee; + height: 32px; + position: absolute; + right: 129px; + width: 100%; + left: -7px; + bottom: -32px; + border: 1px solid #cccccc; + margin-left: 5px; + top: 0; + box-shadow: inset 2px 0 5px -2px rgba(0, 0, 0, 0.2); +} +html[dir="rtl"] #butter-super-scrollbar-visuals { + margin-top: 4px; + height: 100%; + width: 100%; + position: absolute; +} +html[dir="rtl"] #butter-super-scrollbar-viewport { + background: rgba(255, 255, 255, 0.65); + background: -webkit-gradient(linear, top, bottom, color-stop(0%, rgba(255, 255, 255, 0.65)), color-stop(100%, rgba(255, 255, 255, 0.2))); + background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 100%); + background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 100%); + background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 100%); + background: -o-linear-gradient(top, rgba(255, 255, 255, 0.65) 0%, rgba(255, 255, 255, 0.2) 100%); + background: linear-gradient(top, rgba(255, 255, 255, 0.65)); + cursor: move; + height: 22px; + position: absolute; + top: 4px; +} +html[dir="rtl"] .butter-super-scrollbar-trackevent { + background: rgba(0, 0, 0, 0.4); + height: 3px; + position: absolute; + z-index: 1; +} +html[dir="rtl"] .butter-super-scrollbar-border { + border: 4px solid #FFF; + position: absolute; + height: 100%; + width: 100%; + z-index: 1; + top: -4px; + right: -4px; + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2) inset, 0 0 0 1px #cccccc; +} +html[dir="rtl"] .butter-super-scrollbar-handle { + background: #41BB92; + display: block; + height: 18px; + margin-top: -9px; + position: absolute; + top: 50%; + width: 6px; + border: 1px solid #3fb58e; + box-shadow: 0 2px 3px -2px; + z-index: 1; + cursor: ew-resize; +} +html[dir="rtl"] .butter-super-scrollbar-handle:before { + content: ""; + position: absolute; + top: 2px; + bottom: 2px; + right: 2px; + width: 2px; + background: #328f70; +} +html[dir="rtl"] .butter-super-scrollbar-handle .butter-super-arrow { + content: ""; + opacity: 0; + position: absolute; + top: 0; + color: #3fb58e; + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; + -webkit-transition: all 0.1s ease; + -moz-transition: all 0.1s ease; + -o-transition: all 0.1s ease; + -ms-transition: all 0.1s ease; + transition: all 0.1s ease; +} +html[dir="rtl"] #butter-super-scrollbar-handle-left { + right: -9px; +} +html[dir="rtl"] #butter-super-scrollbar-handle-left .butter-super-arrow { + right: 0; +} +html[dir="rtl"] #butter-super-scrollbar-handle-left .butter-super-arrow:after { + content: "\f060"; +} +html[dir="rtl"] #butter-super-scrollbar-handle-right { + left: -9px; +} +html[dir="rtl"] #butter-super-scrollbar-handle-right .butter-super-arrow { + left: 0; +} +html[dir="rtl"] #butter-super-scrollbar-handle-right .butter-super-arrow:after { + content: "\f061"; +} +html[dir="rtl"] #butter-super-scrollbar-viewport:hover .butter-super-arrow { + opacity: 0.5; +} +html[dir="rtl"] #butter-super-scrollbar-viewport:hover #butter-super-scrollbar-handle-left .butter-super-arrow { + right: 10px; +} +html[dir="rtl"] #butter-super-scrollbar-viewport:hover #butter-super-scrollbar-handle-right .butter-super-arrow { + left: 10px; +} +html[dir="rtl"] #butter-super-scrollbar-inner-container.super-scrollbar-small:hover #butter-super-scrollbar-handle-left .butter-super-arrow { + right: -16px; +} +html[dir="rtl"] #butter-super-scrollbar-inner-container.super-scrollbar-small:hover #butter-super-scrollbar-handle-right .butter-super-arrow { + left: -16px; +} +html[dir="rtl"] #buter-super-scrollbar-scrubber { + background: none repeat scroll 0 0 #c13832; + bottom: 0; + cursor: move; + position: absolute; + top: 0; + width: 1px; +} +/* Makerstrap-Popcorn Maker compatibility */ +* { + box-sizing: content-box; +} +*:before, +*:after { + box-sizing: content-box; +} +body { + font-size: 16px; + line-height: normal; +} +/* Webmaker Login UX compatibility */ +.modal-backdrop { + z-index: 11000; +} +.modal { + z-index: 11001; +} +.modal * { + box-sizing: border-box; +} +.modal { + font-size: 14px; + line-height: 1.42857; +} diff --git a/PopcornEditor/templates/basic/style.css b/PopcornEditor/templates/basic/style.css new file mode 100644 index 0000000..d832e10 --- /dev/null +++ b/PopcornEditor/templates/basic/style.css @@ -0,0 +1,125 @@ +.font-awesome { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; +} +/* ===== Primary Styles ======================================================== + Author: @k88hudson + ========================================================================== */ +.wrapper { + border: 15px solid #FFF; + box-shadow: 0 0 0 1px #cccccc, 0 25px 5px -20px rgba(0, 0, 0, 0.5); +} +/* body-wrapper required to circumvent this bug in webkit: https://bugs.webkit.org/show_bug.cgi?id=77811 */ +.body-wrapper { + height: 100%; + top: 0; + left: 0; + right: 0; + position: absolute; + bottom: 0; + bottom: 205px; + -webkit-transition: right 0.25s; + -moz-transition: right 0.25s; + -ms-transition: right 0.25s; + -o-transition: right 0.25s; + transition: right 0.25s; +} +.tray-minimized .body-wrapper { + bottom: 50px; +} +.editor-open .body-wrapper { + right: 350px; +} +.stage-wrapper { + position: absolute; + right: 0; + top: 0px; + left: 0; +} +body.editor-minimized .stage-wrapper { + right: 0; +} +.show-loading .loading-message { + opacity: 1; + z-index: 1000; + visibility: visible; +} +.loading-message { + position: absolute; + opacity: 0; + visibility: hidden; + -webkit-transition: opacity 0.35s, visibility 0.35s; + -moz-transition: opacity 0.35s, visibility 0.35s; + -o-transition: opacity 0.35s, visibility 0.35s; + -ms-transition: opacity 0.35s, visibility 0.35s; + transition: opacity 0.35s, visibility 0.35s; + background: url("../../resources/icons/big-loader.gif") center no-repeat; + width: 100%; + bottom: 42px; + top: 0; + line-height: 1; +} +.loading-message.show-waiting { + opacity: 1; + background: #000000; + z-index: 1000; + visibility: visible; +} +#embed-wrapper { + position: relative; + background: #FFF; +} +#embed-wrapper .video-container { + -webkit-transition: opacity 0.5s; + -moz-transition: opacity 0.5s; + -o-transition: opacity 0.5s; + -ms-transition: opacity 0.5s; + transition: opacity 0.5s; + opacity: 1; + max-width: none; + width: auto; +} +#embed-wrapper.faded .video-container { + opacity: 0; +} +/* VIDEO +-------------------------------------------------- */ +.video-container { + position: relative; +} +#video { + position: relative; + width: 100%; + padding-bottom: 56.25%; + height: 0; + z-index: 1; + background: #FFF; +} +.butter-header-spacing #video { + box-shadow: inset 0 0 0 1px #DDD; +} +.video > video, +.video > iframe, +.video > object { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.video > video { + background: #FFF; +} +/* Use this class for a full overlay */ +.video-overlay { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 100%; + overflow: hidden; +}