diff options
author | jose.lausuch <jose.lausuch@ericsson.com> | 2016-06-01 23:00:08 +0200 |
---|---|---|
committer | jose.lausuch <jose.lausuch@ericsson.com> | 2016-06-02 20:12:49 +0200 |
commit | af427a992a96519c00ac9f98db8745f9fc1198fb (patch) | |
tree | 36f69164b289ce2405419f3946b7af0ba8f8b08e /tools/infra-dashboard/css | |
parent | 43b44d05ed662d7e9e4f0a66b5f1744685d7b5cc (diff) |
OPNFV Infra Dashboard
JIRA: RELENG-12
Change-Id: I7451a3d234e4e5d946cdb905d5720be6159b6544
Signed-off-by: jose.lausuch <jose.lausuch@ericsson.com>
Diffstat (limited to 'tools/infra-dashboard/css')
-rw-r--r-- | tools/infra-dashboard/css/bootstrap.min.css | 5488 | ||||
-rw-r--r-- | tools/infra-dashboard/css/dataTables.bootstrap.min.css | 1 | ||||
-rw-r--r-- | tools/infra-dashboard/css/font-awesome.css | 1801 | ||||
-rw-r--r-- | tools/infra-dashboard/css/fullcalendar.css | 1260 | ||||
-rw-r--r-- | tools/infra-dashboard/css/fullcalendar.print.css | 208 | ||||
-rw-r--r-- | tools/infra-dashboard/css/highslide.min.css | 793 | ||||
-rw-r--r-- | tools/infra-dashboard/css/opnfv.css | 2479 | ||||
-rw-r--r-- | tools/infra-dashboard/css/source-sans-pro.css | 96 | ||||
-rw-r--r-- | tools/infra-dashboard/css/template.css | 802 | ||||
-rw-r--r-- | tools/infra-dashboard/css/theme.css | 387 |
10 files changed, 13315 insertions, 0 deletions
diff --git a/tools/infra-dashboard/css/bootstrap.min.css b/tools/infra-dashboard/css/bootstrap.min.css new file mode 100644 index 00000000..1d23653c --- /dev/null +++ b/tools/infra-dashboard/css/bootstrap.min.css @@ -0,0 +1,5488 @@ +/*! + * Bootstrap v3.2.0 (http://getbootstrap.com) + * Copyright 2011-2014 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) + */ +/*! + * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=e82eeb1f3b04b506268e) + * Config saved to config.json and https://gist.github.com/e82eeb1f3b04b506268e + */ +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */ + +.sr-only, +svg:not(:root) { + overflow: hidden +} +hr, +img { + border: 0 +} +body, +figure { + margin: 0 +} +.img-thumbnail, +.thumbnail { + -webkit-transition: all .2s ease-in-out +} +.btn-group>.btn-group, +.btn-toolbar .btn-group, +.btn-toolbar .input-group, +.col-xs-1, +.col-xs-10, +.col-xs-11, +.col-xs-12, +.col-xs-2, +.col-xs-3, +.col-xs-4, +.col-xs-5, +.col-xs-6, +.col-xs-7, +.col-xs-8, +.col-xs-9, +.dropdown-menu { + float: left +} +.navbar-fixed-bottom .navbar-collapse, +.navbar-fixed-top .navbar-collapse, +.pre-scrollable { + max-height: 340px +} +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + font-size: 10px; + -webkit-tap-highlight-color: transparent +} +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: 0 0 +} +a:active, +a:hover { + outline: 0 +} +b, +optgroup, +strong { + font-weight: 700 +} +dfn { + font-style: italic +} +h1 { + margin: .67em 0 +} +mark { + background: #ff0; + color: #000 +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline +} +sup { + top: -.5em +} +sub { + bottom: -.25em +} +img { + vertical-align: middle +} +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0 +} +pre, +textarea { + overflow: auto +} +code, +kbd, +pre, +samp { + 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[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-search-cancel-button, +input[type=search]::-webkit-search-decoration { + -webkit-appearance: none +} +table { + border-collapse: collapse; + border-spacing: 0 +} +td, +th { + padding: 0 +} +@media print { + blockquote, + img, + pre, + tr { + page-break-inside: avoid + } + * { + text-shadow: none!important; + color: #000!important; + background: 0 0!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^="#"]:after, + a[href^="javascript:"]:after { + content: "" + } + blockquote, + pre { + border: 1px solid #999 + } + thead { + display: table-header-group + } + img { + max-width: 100%!important + } + h2, + h3, + p { + 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 td, + .table-bordered th { + border: 1px solid #ddd!important + } +} +.btn, +.btn-danger.active, +.btn-danger:active, +.btn-default.active, +.btn-default:active, +.btn-info.active, +.btn-info:active, +.btn-primary.active, +.btn-primary:active, +.btn-warning.active, +.btn-warning:active, +.btn.active, +.btn:active, +.dropdown-menu>.disabled>a:focus, +.dropdown-menu>.disabled>a:hover, +.form-control, +.navbar-toggle, +.open>.dropdown-toggle.btn-danger, +.open>.dropdown-toggle.btn-default, +.open>.dropdown-toggle.btn-info, +.open>.dropdown-toggle.btn-primary, +.open>.dropdown-toggle.btn-warning { + background-image: none +} +.img-thumbnail, +body { + background-color: #fff +} +*, +:after, +:before { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box +} +body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 1.42857143; + color: #333 +} +button, +input, +select, +textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit +} +a { + color: #428bca; + text-decoration: none +} +a:focus, +a:hover { + color: #2a6496; + text-decoration: underline +} +a:focus { + outline: dotted thin; + outline: -webkit-focus-ring-color auto 5px; + outline-offset: -2px +} +.carousel-inner>.item>a>img, +.carousel-inner>.item>img, +.img-responsive, +.thumbnail a>img, +.thumbnail>img { + display: block; + width: 100%\9; + max-width: 100%; + height: auto +} +.img-rounded { + border-radius: 6px +} +.img-thumbnail { + padding: 4px; + line-height: 1.42857143; + border: 1px solid #ddd; + border-radius: 4px; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; + display: inline-block; + width: 100%\9; + max-width: 100%; + height: auto +} +.img-circle { + border-radius: 50% +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border-top: 1px solid #eee +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + margin: -1px; + padding: 0; + clip: rect(0, 0, 0, 0); + border: 0 +} +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto +} +.h1, +.h2, +.h3, +.h4, +.h5, +.h6, +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: inherit; + font-weight: 500; + line-height: 1.1; + color: inherit +} +.h1 .small, +.h1 small, +.h2 .small, +.h2 small, +.h3 .small, +.h3 small, +.h4 .small, +.h4 small, +.h5 .small, +.h5 small, +.h6 .small, +.h6 small, +h1 .small, +h1 small, +h2 .small, +h2 small, +h3 .small, +h3 small, +h4 .small, +h4 small, +h5 .small, +h5 small, +h6 .small, +h6 small { + font-weight: 400; + line-height: 1; + color: #777 +} +.h1, +.h2, +.h3, +h1, +h2, +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, +.h5, +.h6, +h4, +h5, +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: 9pt +} +p { + margin: 0 0 10px +} +.lead { + margin-bottom: 20px; + font-size: 1pc; + font-weight: 300; + line-height: 1.4 +} +dt, +label { + font-weight: 700 +} +address, +blockquote .small, +blockquote footer, +blockquote small, +dd, +dt, +pre { + line-height: 1.42857143 +} +@media (min-width: 768px) { + .lead { + font-size: 21px + } +} +.small, +small { + font-size: 85% +} +cite { + font-style: normal +} +.mark, +mark { + background-color: #fcf8e3; + padding: .2em +} +.list-inline, +.list-unstyled { + padding-left: 0; + list-style: none +} +.text-left { + text-align: left +} +.text-right { + text-align: right +} +.text-center { + text-align: center +} +.text-justify { + text-align: justify +} +.text-nowrap { + white-space: nowrap +} +.text-lowercase { + text-transform: lowercase +} +.text-uppercase { + text-transform: uppercase +} +.text-capitalize { + text-transform: capitalize +} +.text-muted { + color: #777 +} +.text-primary { + color: #428bca +} +a.text-primary:hover { + color: #3071a9 +} +.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: #428bca +} +a.bg-primary:hover { + background-color: #3071a9 +} +.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 +} +pre code, +table { + background-color: transparent +} +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eee +} +dl, +ol, +ul { + margin-top: 0 +} +blockquote ol:last-child, +blockquote p:last-child, +blockquote ul:last-child, +ol ol, +ol ul, +ul ol, +ul ul { + margin-bottom: 0 +} +address, +dl { + margin-bottom: 20px +} +ol, +ul { + margin-bottom: 10px +} +.list-inline { + margin-left: -5px +} +.list-inline>li { + display: inline-block; + padding-left: 5px; + padding-right: 5px +} +dd { + margin-left: 0 +} +@media (min-width: 768px) { + .dl-horizontal dt { + float: left; + width: 10pc; + clear: left; + text-align: right; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap + } + .dl-horizontal dd { + margin-left: 180px + } + .container { + width: 750px + } +} +abbr[data-original-title], +abbr[title] { + cursor: help; + border-bottom: 1px dotted #777 +} +.initialism { + font-size: 90%; + text-transform: uppercase +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + font-size: 17.5px; + border-left: 5px solid #eee +} +blockquote .small, +blockquote footer, +blockquote small { + display: block; + font-size: 80%; + color: #777 +} +legend, +pre { + display: block; + color: #333 +} +blockquote .small:before, +blockquote footer:before, +blockquote small:before { + content: '\2014 \00A0' +} +.blockquote-reverse, +blockquote.pull-right { + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eee; + border-left: 0; + text-align: right +} +code, +kbd { + padding: 2px 4px; + font-size: 90% +} +.blockquote-reverse .small:before, +.blockquote-reverse footer:before, +.blockquote-reverse small:before, +blockquote.pull-right .small:before, +blockquote.pull-right footer:before, +blockquote.pull-right small:before { + content: '' +} +.blockquote-reverse .small:after, +.blockquote-reverse footer:after, +.blockquote-reverse small:after, +blockquote.pull-right .small:after, +blockquote.pull-right footer:after, +blockquote.pull-right small:after { + content: '\00A0 \2014' +} +.popover>.arrow:after, +blockquote:after, +blockquote:before { + content: "" +} +address { + font-style: normal +} +code, +kbd, +pre, +samp { + font-family: Menlo, Monaco, Consolas, "Courier New", monospace +} +code { + color: #c7254e; + background-color: #f9f2f4; + border-radius: 4px +} +kbd { + color: #fff; + background-color: #333; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25) +} +kbd kbd { + padding: 0; + font-size: 100%; + box-shadow: none +} +pre { + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + word-break: break-all; + word-wrap: break-word; + background-color: #f5f5f5; + border: 1px solid #ccc; + border-radius: 4px +} +.container, +.container-fluid { + margin-right: auto; + margin-left: auto +} +pre code { + padding: 0; + font-size: inherit; + color: inherit; + white-space: pre-wrap; + border-radius: 0 +} +.container, +.container-fluid { + padding-left: 15px; + padding-right: 15px +} +.pre-scrollable { + overflow-y: scroll +} +@media (min-width: 992px) { + .container { + width: 970px + } +} +@media (min-width: 1200px) { + .container { + width: 1170px + } +} +.row { + margin-left: -15px; + margin-right: -15px +} +.col-lg-1, +.col-lg-10, +.col-lg-11, +.col-lg-12, +.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-md-1, +.col-md-10, +.col-md-11, +.col-md-12, +.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-sm-1, +.col-sm-10, +.col-sm-11, +.col-sm-12, +.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-xs-1, +.col-xs-10, +.col-xs-11, +.col-xs-12, +.col-xs-2, +.col-xs-3, +.col-xs-4, +.col-xs-5, +.col-xs-6, +.col-xs-7, +.col-xs-8, +.col-xs-9 { + position: relative; + min-height: 1px; + padding-left: 15px; + padding-right: 15px +} +.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: auto +} +.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: auto +} +.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-10, + .col-sm-11, + .col-sm-12, + .col-sm-2, + .col-sm-3, + .col-sm-4, + .col-sm-5, + .col-sm-6, + .col-sm-7, + .col-sm-8, + .col-sm-9 { + 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: auto + } + .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: auto + } + .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-10, + .col-md-11, + .col-md-12, + .col-md-2, + .col-md-3, + .col-md-4, + .col-md-5, + .col-md-6, + .col-md-7, + .col-md-8, + .col-md-9 { + 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: auto + } + .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: auto + } + .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-10, + .col-lg-11, + .col-lg-12, + .col-lg-2, + .col-lg-3, + .col-lg-4, + .col-lg-5, + .col-lg-6, + .col-lg-7, + .col-lg-8, + .col-lg-9 { + 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: auto + } + .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: auto + } + .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 + } +} +th { + text-align: left +} +.table { + width: 100%; + max-width: 100%; + margin-bottom: 20px +} +.table>tbody>tr>td, +.table>tbody>tr>th, +.table>tfoot>tr>td, +.table>tfoot>tr>th, +.table>thead>tr>td, +.table>thead>tr>th { + padding: 8px; + line-height: 1.42857143; + vertical-align: top; + border-top: 1px solid #ddd +} +.table>thead>tr>th { + vertical-align: bottom; + border-bottom: 2px solid #ddd +} +.table>caption+thead>tr:first-child>td, +.table>caption+thead>tr:first-child>th, +.table>colgroup+thead>tr:first-child>td, +.table>colgroup+thead>tr:first-child>th, +.table>thead:first-child>tr:first-child>td, +.table>thead:first-child>tr:first-child>th { + border-top: 0 +} +.table>tbody+tbody { + border-top: 2px solid #ddd +} +.table .table { + background-color: #fff +} +.table-condensed>tbody>tr>td, +.table-condensed>tbody>tr>th, +.table-condensed>tfoot>tr>td, +.table-condensed>tfoot>tr>th, +.table-condensed>thead>tr>td, +.table-condensed>thead>tr>th { + padding: 5px +} +.table-bordered, +.table-bordered>tbody>tr>td, +.table-bordered>tbody>tr>th, +.table-bordered>tfoot>tr>td, +.table-bordered>tfoot>tr>th, +.table-bordered>thead>tr>td, +.table-bordered>thead>tr>th { + border: 1px solid #ddd +} +.table-bordered>thead>tr>td, +.table-bordered>thead>tr>th { + 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, +.table>tbody>tr.active>td, +.table>tbody>tr.active>th, +.table>tbody>tr>td.active, +.table>tbody>tr>th.active, +.table>tfoot>tr.active>td, +.table>tfoot>tr.active>th, +.table>tfoot>tr>td.active, +.table>tfoot>tr>th.active, +.table>thead>tr.active>td, +.table>thead>tr.active>th, +.table>thead>tr>td.active, +.table>thead>tr>th.active { + 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-hover>tbody>tr.active:hover>td, +.table-hover>tbody>tr.active:hover>th, +.table-hover>tbody>tr:hover>.active, +.table-hover>tbody>tr>td.active:hover, +.table-hover>tbody>tr>th.active:hover { + background-color: #e8e8e8 +} +.table>tbody>tr.success>td, +.table>tbody>tr.success>th, +.table>tbody>tr>td.success, +.table>tbody>tr>th.success, +.table>tfoot>tr.success>td, +.table>tfoot>tr.success>th, +.table>tfoot>tr>td.success, +.table>tfoot>tr>th.success, +.table>thead>tr.success>td, +.table>thead>tr.success>th, +.table>thead>tr>td.success, +.table>thead>tr>th.success { + background-color: #dff0d8 +} +.table-hover>tbody>tr.success:hover>td, +.table-hover>tbody>tr.success:hover>th, +.table-hover>tbody>tr:hover>.success, +.table-hover>tbody>tr>td.success:hover, +.table-hover>tbody>tr>th.success:hover { + background-color: #d0e9c6 +} +.table>tbody>tr.info>td, +.table>tbody>tr.info>th, +.table>tbody>tr>td.info, +.table>tbody>tr>th.info, +.table>tfoot>tr.info>td, +.table>tfoot>tr.info>th, +.table>tfoot>tr>td.info, +.table>tfoot>tr>th.info, +.table>thead>tr.info>td, +.table>thead>tr.info>th, +.table>thead>tr>td.info, +.table>thead>tr>th.info { + background-color: #d9edf7 +} +.table-hover>tbody>tr.info:hover>td, +.table-hover>tbody>tr.info:hover>th, +.table-hover>tbody>tr:hover>.info, +.table-hover>tbody>tr>td.info:hover, +.table-hover>tbody>tr>th.info:hover { + background-color: #c4e3f3 +} +.table>tbody>tr.warning>td, +.table>tbody>tr.warning>th, +.table>tbody>tr>td.warning, +.table>tbody>tr>th.warning, +.table>tfoot>tr.warning>td, +.table>tfoot>tr.warning>th, +.table>tfoot>tr>td.warning, +.table>tfoot>tr>th.warning, +.table>thead>tr.warning>td, +.table>thead>tr.warning>th, +.table>thead>tr>td.warning, +.table>thead>tr>th.warning { + background-color: #fcf8e3 +} +.table-hover>tbody>tr.warning:hover>td, +.table-hover>tbody>tr.warning:hover>th, +.table-hover>tbody>tr:hover>.warning, +.table-hover>tbody>tr>td.warning:hover, +.table-hover>tbody>tr>th.warning:hover { + background-color: #faf2cc +} +.table>tbody>tr.danger>td, +.table>tbody>tr.danger>th, +.table>tbody>tr>td.danger, +.table>tbody>tr>th.danger, +.table>tfoot>tr.danger>td, +.table>tfoot>tr.danger>th, +.table>tfoot>tr>td.danger, +.table>tfoot>tr>th.danger, +.table>thead>tr.danger>td, +.table>thead>tr.danger>th, +.table>thead>tr>td.danger, +.table>thead>tr>th.danger { + background-color: #f2dede +} +.table-hover>tbody>tr.danger:hover>td, +.table-hover>tbody>tr.danger:hover>th, +.table-hover>tbody>tr:hover>.danger, +.table-hover>tbody>tr>td.danger:hover, +.table-hover>tbody>tr>th.danger:hover { + background-color: #ebcccc +} +@media screen and (max-width: 767px) { + .table-responsive { + width: 100%; + margin-bottom: 15px; + overflow-y: hidden; + overflow-x: auto; + -ms-overflow-style: -ms-autohiding-scrollbar; + border: 1px solid #ddd; + -webkit-overflow-scrolling: touch + } + .table-responsive>.table { + margin-bottom: 0 + } + .table-responsive>.table>tbody>tr>td, + .table-responsive>.table>tbody>tr>th, + .table-responsive>.table>tfoot>tr>td, + .table-responsive>.table>tfoot>tr>th, + .table-responsive>.table>thead>tr>td, + .table-responsive>.table>thead>tr>th { + white-space: nowrap + } + .table-responsive>.table-bordered { + border: 0 + } + .table-responsive>.table-bordered>tbody>tr>td:first-child, + .table-responsive>.table-bordered>tbody>tr>th:first-child, + .table-responsive>.table-bordered>tfoot>tr>td:first-child, + .table-responsive>.table-bordered>tfoot>tr>th:first-child, + .table-responsive>.table-bordered>thead>tr>td:first-child, + .table-responsive>.table-bordered>thead>tr>th:first-child { + border-left: 0 + } + .table-responsive>.table-bordered>tbody>tr>td:last-child, + .table-responsive>.table-bordered>tbody>tr>th:last-child, + .table-responsive>.table-bordered>tfoot>tr>td:last-child, + .table-responsive>.table-bordered>tfoot>tr>th:last-child, + .table-responsive>.table-bordered>thead>tr>td:last-child, + .table-responsive>.table-bordered>thead>tr>th:last-child { + border-right: 0 + } + .table-responsive>.table-bordered>tbody>tr:last-child>td, + .table-responsive>.table-bordered>tbody>tr:last-child>th, + .table-responsive>.table-bordered>tfoot>tr:last-child>td, + .table-responsive>.table-bordered>tfoot>tr:last-child>th { + border-bottom: 0 + } +} +fieldset, +legend { + padding: 0; + border: 0 +} +fieldset { + margin: 0; + min-width: 0 +} +legend { + width: 100%; + margin-bottom: 20px; + font-size: 21px; + line-height: inherit; + border-bottom: 1px solid #e5e5e5 +} +label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px +} +input[type=search] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-appearance: none +} +input[type=checkbox], +input[type=radio] { + margin: 4px 0 0; + margin-top: 1px\9; + line-height: normal +} +.form-control, +output { + font-size: 14px; + line-height: 1.42857143; + color: #555; + display: block +} +input[type=file] { + display: block +} +input[type=range] { + display: block; + width: 100% +} +select[multiple], +select[size] { + height: auto +} +input[type=file]:focus, +input[type=checkbox]:focus, +input[type=radio]:focus { + outline: dotted thin; + outline: -webkit-focus-ring-color auto 5px; + outline-offset: -2px +} +output { + padding-top: 7px +} +.form-control { + width: 100%; + height: 34px; + padding: 6px 9pt; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + -webkit-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; + 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, .6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6) +} +.form-control::-moz-placeholder { + color: #777; + opacity: 1 +} +.form-control:-ms-input-placeholder { + color: #777 +} +.form-control::-webkit-input-placeholder { + color: #777 +} +.has-success .checkbox, +.has-success .checkbox-inline, +.has-success .control-label, +.has-success .form-control-feedback, +.has-success .help-block, +.has-success .radio, +.has-success .radio-inline { + color: #3c763d +} +.form-control[disabled], +.form-control[readonly], +fieldset[disabled] .form-control { + cursor: not-allowed; + background-color: #eee; + opacity: 1 +} +textarea.form-control { + height: auto +} +input[type=date], +input[type=time], +input[type=datetime-local], +input[type=month] { + line-height: 34px; + line-height: 1.42857143\9 +} +input[type=date].input-sm, +input[type=time].input-sm, +input[type=datetime-local].input-sm, +input[type=month].input-sm { + line-height: 30px +} +input[type=date].input-lg, +input[type=time].input-lg, +input[type=datetime-local].input-lg, +input[type=month].input-lg { + line-height: 46px +} +.form-group { + margin-bottom: 15px +} +.checkbox, +.radio { + position: relative; + display: block; + min-height: 20px; + margin-top: 10px; + margin-bottom: 10px +} +.checkbox label, +.radio label { + padding-left: 20px; + margin-bottom: 0; + font-weight: 400; + cursor: pointer +} +.checkbox input[type=checkbox], +.checkbox-inline input[type=checkbox], +.radio input[type=radio], +.radio-inline input[type=radio] { + position: absolute; + margin-left: -20px; + margin-top: 4px\9 +} +.checkbox+.checkbox, +.radio+.radio { + margin-top: -5px +} +.checkbox-inline, +.radio-inline { + display: inline-block; + padding-left: 20px; + margin-bottom: 0; + vertical-align: middle; + font-weight: 400; + cursor: pointer +} +.checkbox-inline+.checkbox-inline, +.radio-inline+.radio-inline { + margin-top: 0; + margin-left: 10px +} +.checkbox-inline.disabled, +.checkbox.disabled label, +.radio-inline.disabled, +.radio.disabled label, +fieldset[disabled] .checkbox label, +fieldset[disabled] .checkbox-inline, +fieldset[disabled] .radio label, +fieldset[disabled] .radio-inline, +fieldset[disabled] input[type=checkbox], +fieldset[disabled] input[type=radio], +input[type=checkbox].disabled, +input[type=checkbox][disabled], +input[type=radio].disabled, +input[type=radio][disabled] { + cursor: not-allowed +} +.form-control-static { + padding-top: 7px; + padding-bottom: 7px; + margin-bottom: 0 +} +.form-control-static.input-lg, +.form-control-static.input-sm { + padding-left: 0; + padding-right: 0 +} +.form-horizontal .form-group-sm .form-control, +.input-sm { + height: 30px; + padding: 5px 10px; + font-size: 9pt; + line-height: 1.5; + border-radius: 3px +} +select.input-sm { + height: 30px; + line-height: 30px +} +select[multiple].input-sm, +textarea.input-sm { + height: auto +} +.form-horizontal .form-group-lg .form-control, +.input-lg { + height: 46px; + padding: 10px 1pc; + font-size: 18px; + line-height: 1.33; + border-radius: 6px +} +select.input-lg { + height: 46px; + line-height: 46px +} +select[multiple].input-lg, +textarea.input-lg { + height: auto +} +.has-feedback { + position: relative +} +.has-feedback .form-control { + padding-right: 42.5px +} +.form-control-feedback { + position: absolute; + top: 25px; + right: 0; + z-index: 2; + display: block; + width: 34px; + height: 34px; + line-height: 34px; + text-align: center +} +.collapsing, +.dropdown { + position: relative +} +.input-lg+.form-control-feedback { + width: 46px; + height: 46px; + line-height: 46px +} +.input-sm+.form-control-feedback { + width: 30px; + height: 30px; + line-height: 30px +} +.has-success .form-control { + border-color: #3c763d; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) +} +.has-success .form-control:focus { + border-color: #2b542c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168 +} +.has-success .input-group-addon { + color: #3c763d; + border-color: #3c763d; + background-color: #dff0d8 +} +.has-warning .checkbox, +.has-warning .checkbox-inline, +.has-warning .control-label, +.has-warning .form-control-feedback, +.has-warning .help-block, +.has-warning .radio, +.has-warning .radio-inline { + color: #8a6d3b +} +.has-warning .form-control { + border-color: #8a6d3b; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) +} +.has-warning .form-control:focus { + border-color: #66512c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b +} +.has-warning .input-group-addon { + color: #8a6d3b; + border-color: #8a6d3b; + background-color: #fcf8e3 +} +.has-error .checkbox, +.has-error .checkbox-inline, +.has-error .control-label, +.has-error .form-control-feedback, +.has-error .help-block, +.has-error .radio, +.has-error .radio-inline { + color: #a94442 +} +.has-error .form-control { + border-color: #a94442; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) +} +.has-error .form-control:focus { + border-color: #843534; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483 +} +.has-error .input-group-addon { + color: #a94442; + border-color: #a94442; + background-color: #f2dede +} +.has-feedback label.sr-only~.form-control-feedback { + top: 0 +} +.help-block { + display: block; + margin-top: 5px; + margin-bottom: 10px; + color: #737373 +} +@media (min-width: 768px) { + .form-inline .control-label, + .form-inline .form-group { + margin-bottom: 0; + vertical-align: middle + } + .form-inline .form-group { + display: inline-block + } + .form-inline .form-control { + display: inline-block; + width: auto; + vertical-align: middle + } + .form-inline .input-group { + display: inline-table; + vertical-align: middle + } + .form-inline .input-group .form-control, + .form-inline .input-group .input-group-addon, + .form-inline .input-group .input-group-btn { + width: auto + } + .form-inline .input-group>.form-control { + width: 100% + } + .form-inline .checkbox, + .form-inline .radio { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle + } + .form-inline .checkbox label, + .form-inline .radio label { + padding-left: 0 + } + .form-inline .checkbox input[type=checkbox], + .form-inline .radio input[type=radio] { + position: relative; + margin-left: 0 + } + .form-inline .has-feedback .form-control-feedback { + top: 0 + } + .form-horizontal .control-label { + text-align: right; + margin-bottom: 0; + padding-top: 7px + } +} +.form-horizontal .checkbox, +.form-horizontal .checkbox-inline, +.form-horizontal .radio, +.form-horizontal .radio-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px +} +.form-horizontal .checkbox, +.form-horizontal .radio { + min-height: 27px +} +.form-horizontal .form-group { + margin-left: -15px; + margin-right: -15px +} +.form-horizontal .has-feedback .form-control-feedback { + top: 0; + right: 15px +} +@media (min-width: 768px) { + .form-horizontal .form-group-lg .control-label { + padding-top: 14.3px + } + .form-horizontal .form-group-sm .control-label { + padding-top: 6px + } +} +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: 400; + text-align: center; + vertical-align: middle; + cursor: pointer; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 9pt; + font-size: 14px; + line-height: 1.42857143; + border-radius: 4px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} +.btn.active:focus, +.btn:active:focus, +.btn:focus { + outline: dotted thin; + outline: -webkit-focus-ring-color auto 5px; + outline-offset: -2px +} +.btn:focus, +.btn:hover { + color: #333; + text-decoration: none +} +.btn.active, +.btn:active { + outline: 0; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) +} +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + cursor: not-allowed; + pointer-events: none; + opacity: .65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none +} +.btn-default { + color: #333; + background-color: #fff; + border-color: #ccc +} +.btn-default.active, +.btn-default:active, +.btn-default:focus, +.btn-default:hover, +.open>.dropdown-toggle.btn-default { + color: #333; + background-color: #e6e6e6; + border-color: #adadad +} +.btn-default.disabled, +.btn-default.disabled.active, +.btn-default.disabled:active, +.btn-default.disabled:focus, +.btn-default.disabled:hover, +.btn-default[disabled], +.btn-default[disabled].active, +.btn-default[disabled]:active, +.btn-default[disabled]:focus, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default, +fieldset[disabled] .btn-default.active, +fieldset[disabled] .btn-default:active, +fieldset[disabled] .btn-default:focus, +fieldset[disabled] .btn-default:hover { + background-color: #fff; + border-color: #ccc +} +.btn-default .badge { + color: #fff; + background-color: #333 +} +.btn-primary { + color: #fff; + background-color: #428bca; + border-color: #357ebd +} +.btn-primary.active, +.btn-primary:active, +.btn-primary:focus, +.btn-primary:hover, +.open>.dropdown-toggle.btn-primary { + color: #fff; + background-color: #3071a9; + border-color: #285e8e +} +.btn-primary.disabled, +.btn-primary.disabled.active, +.btn-primary.disabled:active, +.btn-primary.disabled:focus, +.btn-primary.disabled:hover, +.btn-primary[disabled], +.btn-primary[disabled].active, +.btn-primary[disabled]:active, +.btn-primary[disabled]:focus, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary, +fieldset[disabled] .btn-primary.active, +fieldset[disabled] .btn-primary:active, +fieldset[disabled] .btn-primary:focus, +fieldset[disabled] .btn-primary:hover { + background-color: #428bca; + border-color: #357ebd +} +.btn-primary .badge { + color: #428bca; + background-color: #fff +} +.btn-success { + color: #fff; + background-color: #5cb85c; + border-color: #4cae4c +} +.btn-success.active, +.btn-success:active, +.btn-success:focus, +.btn-success:hover, +.open>.dropdown-toggle.btn-success { + color: #fff; + background-color: #449d44; + border-color: #398439 +} +.btn-success.active, +.btn-success:active, +.open>.dropdown-toggle.btn-success { + background-image: none +} +.btn-success.disabled, +.btn-success.disabled.active, +.btn-success.disabled:active, +.btn-success.disabled:focus, +.btn-success.disabled:hover, +.btn-success[disabled], +.btn-success[disabled].active, +.btn-success[disabled]:active, +.btn-success[disabled]:focus, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success, +fieldset[disabled] .btn-success.active, +fieldset[disabled] .btn-success:active, +fieldset[disabled] .btn-success:focus, +fieldset[disabled] .btn-success:hover { + background-color: #5cb85c; + border-color: #4cae4c +} +.btn-success .badge { + color: #5cb85c; + background-color: #fff +} +.btn-info { + color: #fff; + background-color: #5bc0de; + border-color: #46b8da +} +.btn-info.active, +.btn-info:active, +.btn-info:focus, +.btn-info:hover, +.open>.dropdown-toggle.btn-info { + color: #fff; + background-color: #31b0d5; + border-color: #269abc +} +.btn-info.disabled, +.btn-info.disabled.active, +.btn-info.disabled:active, +.btn-info.disabled:focus, +.btn-info.disabled:hover, +.btn-info[disabled], +.btn-info[disabled].active, +.btn-info[disabled]:active, +.btn-info[disabled]:focus, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info, +fieldset[disabled] .btn-info.active, +fieldset[disabled] .btn-info:active, +fieldset[disabled] .btn-info:focus, +fieldset[disabled] .btn-info:hover { + background-color: #5bc0de; + border-color: #46b8da +} +.btn-info .badge { + color: #5bc0de; + background-color: #fff +} +.btn-warning { + color: #fff; + background-color: #f0ad4e; + border-color: #eea236 +} +.btn-warning.active, +.btn-warning:active, +.btn-warning:focus, +.btn-warning:hover, +.open>.dropdown-toggle.btn-warning { + color: #fff; + background-color: #ec971f; + border-color: #d58512 +} +.btn-warning.disabled, +.btn-warning.disabled.active, +.btn-warning.disabled:active, +.btn-warning.disabled:focus, +.btn-warning.disabled:hover, +.btn-warning[disabled], +.btn-warning[disabled].active, +.btn-warning[disabled]:active, +.btn-warning[disabled]:focus, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning, +fieldset[disabled] .btn-warning.active, +fieldset[disabled] .btn-warning:active, +fieldset[disabled] .btn-warning:focus, +fieldset[disabled] .btn-warning:hover { + background-color: #f0ad4e; + border-color: #eea236 +} +.btn-warning .badge { + color: #f0ad4e; + background-color: #fff +} +.btn-danger { + color: #fff; + background-color: #d9534f; + border-color: #d43f3a +} +.btn-danger.active, +.btn-danger:active, +.btn-danger:focus, +.btn-danger:hover, +.open>.dropdown-toggle.btn-danger { + color: #fff; + background-color: #c9302c; + border-color: #ac2925 +} +.btn-danger.disabled, +.btn-danger.disabled.active, +.btn-danger.disabled:active, +.btn-danger.disabled:focus, +.btn-danger.disabled:hover, +.btn-danger[disabled], +.btn-danger[disabled].active, +.btn-danger[disabled]:active, +.btn-danger[disabled]:focus, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger, +fieldset[disabled] .btn-danger.active, +fieldset[disabled] .btn-danger:active, +fieldset[disabled] .btn-danger:focus, +fieldset[disabled] .btn-danger:hover { + background-color: #d9534f; + border-color: #d43f3a +} +.btn-danger .badge { + color: #d9534f; + background-color: #fff +} +.btn-link { + color: #428bca; + font-weight: 400; + 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:active, +.btn-link:focus, +.btn-link:hover { + border-color: transparent +} +.btn-link:focus, +.btn-link:hover { + color: #2a6496; + text-decoration: underline; + background-color: transparent +} +.btn-link[disabled]:focus, +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:focus, +fieldset[disabled] .btn-link:hover { + color: #777; + text-decoration: none +} +.btn-group-lg>.btn, +.btn-lg { + padding: 10px 1pc; + font-size: 18px; + line-height: 1.33; + border-radius: 6px +} +.btn-group-sm>.btn, +.btn-sm { + padding: 5px 10px; + font-size: 9pt; + line-height: 1.5; + border-radius: 3px +} +.btn-group-xs>.btn, +.btn-xs { + padding: 1px 5px; + font-size: 9pt; + line-height: 1.5; + border-radius: 3px +} +.btn-block { + display: block; + width: 100% +} +.btn-block+.btn-block { + margin-top: 5px +} +input[type=button].btn-block, +input[type=reset].btn-block, +input[type=submit].btn-block { + width: 100% +} +.fade { + opacity: 0; + -webkit-transition: opacity .15s linear; + -o-transition: opacity .15s linear; + transition: opacity .15s linear +} +.fade.in { + opacity: 1 +} +.collapse { + display: none +} +.collapse.in { + display: block +} +tr.collapse.in { + display: table-row +} +tbody.collapse.in { + display: table-row-group +} +.collapsing { + height: 0; + overflow: hidden; + -webkit-transition: height .35s ease; + -o-transition: height .35s ease; + transition: height .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-toggle:focus { + outline: 0 +} +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + min-width: 10pc; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + font-size: 14px; + text-align: left; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, .15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 9pt rgba(0, 0, 0, .175); + box-shadow: 0 6px 9pt rgba(0, 0, 0, .175); + background-clip: padding-box +} +.dropdown-menu-right, +.dropdown-menu.pull-right { + left: auto; + right: 0 +} +.dropdown-header, +.dropdown-menu>li>a { + display: block; + padding: 3px 20px; + line-height: 1.42857143; + white-space: nowrap +} +.btn-group-vertical>.btn:not(:first-child):not(:last-child), +.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn, +.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { + border-radius: 0 +} +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5 +} +.dropdown-menu>li>a { + clear: both; + font-weight: 400; + color: #333 +} +.dropdown-menu>li>a:focus, +.dropdown-menu>li>a:hover { + text-decoration: none; + color: #262626; + background-color: #f5f5f5 +} +.dropdown-menu>.active>a, +.dropdown-menu>.active>a:focus, +.dropdown-menu>.active>a:hover { + color: #fff; + text-decoration: none; + outline: 0; + background-color: #428bca +} +.dropdown-menu>.disabled>a, +.dropdown-menu>.disabled>a:focus, +.dropdown-menu>.disabled>a:hover { + color: #777 +} +.dropdown-menu>.disabled>a:focus, +.dropdown-menu>.disabled>a:hover { + text-decoration: none; + background-color: transparent; + filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); + cursor: not-allowed +} +.open>.dropdown-menu { + display: block +} +.open>a { + outline: 0 +} +.dropdown-menu-left { + left: 0; + right: auto +} +.dropdown-header { + font-size: 9pt; + color: #777 +} +.dropdown-backdrop { + position: fixed; + left: 0; + right: 0; + bottom: 0; + top: 0; + z-index: 990 +} +.nav-justified>.dropdown .dropdown-menu, +.nav-tabs.nav-justified>.dropdown .dropdown-menu { + top: auto; + left: auto +} +.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-vertical>.btn, +.btn-group>.btn { + position: relative; + float: left +} +.btn-group-vertical>.btn.active, +.btn-group-vertical>.btn:active, +.btn-group-vertical>.btn:focus, +.btn-group-vertical>.btn:hover, +.btn-group>.btn.active, +.btn-group>.btn:active, +.btn-group>.btn:focus, +.btn-group>.btn:hover { + z-index: 2 +} +.btn-group-vertical>.btn:focus, +.btn-group>.btn:focus { + outline: 0 +} +.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, +.btn-toolbar>.btn-group, +.btn-toolbar>.input-group { + margin-left: 5px +} +.btn .caret, +.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: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: 9pt; + padding-right: 9pt +} +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) +} +.btn-group.open .dropdown-toggle.btn-link { + -webkit-box-shadow: none; + box-shadow: none +} +.btn-lg .caret { + border-width: 5px 5px 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 +} +.input-group-btn:last-child>.btn, +.input-group-btn:last-child>.btn-group, +.input-group-btn>.btn+.btn { + margin-left: -1px +} +.btn-group-vertical>.btn:first-child:not(:last-child) { + border-top-right-radius: 4px; + border-bottom-right-radius: 0; + border-bottom-left-radius: 0 +} +.btn-group-vertical>.btn:last-child:not(:first-child) { + border-bottom-left-radius: 4px; + 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% +} +.btn-group-justified>.btn-group .dropdown-menu { + left: auto +} +[data-toggle=buttons]>.btn>input[type=checkbox], +[data-toggle=buttons]>.btn>input[type=radio] { + position: absolute; + z-index: -1; + opacity: 0; + filter: alpha(opacity=0) +} +.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 1pc; + font-size: 18px; + line-height: 1.33; + border-radius: 6px +} +select.input-group-lg>.form-control, +select.input-group-lg>.input-group-addon, +select.input-group-lg>.input-group-btn>.btn { + height: 46px; + line-height: 46px +} +select[multiple].input-group-lg>.form-control, +select[multiple].input-group-lg>.input-group-addon, +select[multiple].input-group-lg>.input-group-btn>.btn, +textarea.input-group-lg>.form-control, +textarea.input-group-lg>.input-group-addon, +textarea.input-group-lg>.input-group-btn>.btn { + height: auto +} +.input-group-sm>.form-control, +.input-group-sm>.input-group-addon, +.input-group-sm>.input-group-btn>.btn { + height: 30px; + padding: 5px 10px; + font-size: 9pt; + line-height: 1.5; + border-radius: 3px +} +select.input-group-sm>.form-control, +select.input-group-sm>.input-group-addon, +select.input-group-sm>.input-group-btn>.btn { + height: 30px; + line-height: 30px +} +select[multiple].input-group-sm>.form-control, +select[multiple].input-group-sm>.input-group-addon, +select[multiple].input-group-sm>.input-group-btn>.btn, +textarea.input-group-sm>.form-control, +textarea.input-group-sm>.input-group-addon, +textarea.input-group-sm>.input-group-btn>.btn { + height: auto +} +.input-group .form-control, +.input-group-addon, +.input-group-btn { + display: table-cell +} +.nav>li, +.nav>li>a { + display: block; + position: relative +} +.input-group .form-control:not(:first-child):not(:last-child), +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn: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 9pt; + font-size: 14px; + font-weight: 400; + line-height: 1; + color: #555; + text-align: center; + background-color: #eee; + border: 1px solid #ccc; + border-radius: 4px +} +.input-group-addon.input-sm { + padding: 5px 10px; + font-size: 9pt; + border-radius: 3px +} +.input-group-addon.input-lg { + padding: 10px 1pc; + font-size: 18px; + border-radius: 6px +} +.input-group-addon input[type=checkbox], +.input-group-addon input[type=radio] { + 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-group:not(:last-child)>.btn, +.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { + 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:first-child>.btn-group:not(:first-child)>.btn, +.input-group-btn:first-child>.btn:not(:first-child), +.input-group-btn:last-child>.btn, +.input-group-btn:last-child>.btn-group>.btn, +.input-group-btn:last-child>.dropdown-toggle { + 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:active, +.input-group-btn>.btn:focus, +.input-group-btn>.btn:hover { + z-index: 2 +} +.input-group-btn:first-child>.btn, +.input-group-btn:first-child>.btn-group { + margin-right: -1px +} +.nav { + margin-bottom: 0; + padding-left: 0; + list-style: none +} +.nav>li>a { + padding: 10px 15px +} +.nav>li>a:focus, +.nav>li>a:hover { + text-decoration: none; + background-color: #eee +} +.nav>li.disabled>a { + color: #777 +} +.nav>li.disabled>a:focus, +.nav>li.disabled>a:hover { + color: #777; + text-decoration: none; + background-color: transparent; + cursor: not-allowed +} +.nav .open>a, +.nav .open>a:focus, +.nav .open>a:hover { + background-color: #eee; + border-color: #428bca +} +.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 #ddd +} +.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: 4px 4px 0 0 +} +.nav-tabs>li>a:hover { + border-color: #eee #eee #ddd +} +.nav-tabs>li.active>a, +.nav-tabs>li.active>a:focus, +.nav-tabs>li.active>a:hover { + color: #555; + background-color: #fff; + border: 1px solid #ddd; + border-bottom-color: transparent; + cursor: default +} +.nav-tabs.nav-justified { + width: 100%; + border-bottom: 0 +} +.nav-tabs.nav-justified>li { + float: none +} +.nav-tabs.nav-justified>li>a { + text-align: center; + margin-bottom: 5px; + margin-right: 0; + border-radius: 4px +} +.nav-tabs.nav-justified>.active>a, +.nav-tabs.nav-justified>.active>a:focus, +.nav-tabs.nav-justified>.active>a:hover { + border: 1px solid #ddd +} +@media (min-width: 768px) { + .nav-tabs.nav-justified>li { + display: table-cell; + width: 1% + } + .nav-tabs.nav-justified>li>a { + margin-bottom: 0; + border-bottom: 1px solid #ddd; + border-radius: 4px 4px 0 0 + } + .nav-tabs.nav-justified>.active>a, + .nav-tabs.nav-justified>.active>a:focus, + .nav-tabs.nav-justified>.active>a:hover { + border-bottom-color: #fff + } +} +.nav-pills>li { + float: left +} +.nav-justified>li, +.nav-stacked>li { + float: none +} +.nav-pills>li>a { + border-radius: 4px +} +.nav-pills>li+li { + margin-left: 2px +} +.nav-pills>li.active>a, +.nav-pills>li.active>a:focus, +.nav-pills>li.active>a:hover { + color: #fff; + background-color: #428bca +} +.nav-stacked>li+li { + margin-top: 2px; + margin-left: 0 +} +.nav-justified { + width: 100% +} +.nav-justified>li>a { + text-align: center; + margin-bottom: 5px +} +.nav-tabs-justified { + border-bottom: 0 +} +.nav-tabs-justified>li>a { + margin-right: 0; + border-radius: 4px +} +.nav-tabs-justified>.active>a, +.nav-tabs-justified>.active>a:focus, +.nav-tabs-justified>.active>a:hover { + border: 1px solid #ddd +} +@media (min-width: 768px) { + .nav-justified>li { + display: table-cell; + width: 1% + } + .nav-justified>li>a { + margin-bottom: 0 + } + .nav-tabs-justified>li>a { + border-bottom: 1px solid #ddd; + border-radius: 4px 4px 0 0 + } + .nav-tabs-justified>.active>a, + .nav-tabs-justified>.active>a:focus, + .nav-tabs-justified>.active>a:hover { + border-bottom-color: #fff + } +} +.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: 50px; + margin-bottom: 20px; + border: 1px solid transparent +} +.navbar-collapse { + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); + -webkit-overflow-scrolling: touch +} +.navbar-collapse.in { + overflow-y: auto +} +@media (min-width: 768px) { + .navbar { + border-radius: 4px + } + .navbar-header { + float: left + } + .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-bottom .navbar-collapse, + .navbar-fixed-top .navbar-collapse, + .navbar-static-top .navbar-collapse { + padding-left: 0; + padding-right: 0 + } +} +.carousel-inner, +.embed-responsive, +.modal, +.modal-open, +.progress { + overflow: hidden +} +@media (max-width: 480px) and (orientation: landscape) { + .navbar-fixed-bottom .navbar-collapse, + .navbar-fixed-top .navbar-collapse { + max-height: 200px + } +} +.container-fluid>.navbar-collapse, +.container-fluid>.navbar-header, +.container>.navbar-collapse, +.container>.navbar-header { + margin-right: -15px; + margin-left: -15px +} +.navbar-static-top { + z-index: 1000; + border-width: 0 0 1px +} +.navbar-fixed-bottom, +.navbar-fixed-top { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 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: 15px; + font-size: 18px; + line-height: 20px; + height: 50px +} +.navbar-brand:focus, +.navbar-brand:hover { + text-decoration: none +} +@media (min-width: 768px) { + .container-fluid>.navbar-collapse, + .container-fluid>.navbar-header, + .container>.navbar-collapse, + .container>.navbar-header { + margin-right: 0; + margin-left: 0 + } + .navbar-fixed-bottom, + .navbar-fixed-top, + .navbar-static-top { + border-radius: 0 + } + .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: 8px; + margin-bottom: 8px; + background-color: transparent; + border: 1px solid transparent; + border-radius: 4px +} +.navbar-toggle:focus { + outline: 0 +} +.navbar-toggle .icon-bar { + display: block; + width: 22px; + height: 2px; + border-radius: 1px +} +.navbar-toggle .icon-bar+.icon-bar { + margin-top: 4px +} +.navbar-nav { + margin: 7.5px -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 .dropdown-header, + .navbar-nav .open .dropdown-menu>li>a { + padding: 5px 15px 5px 25px + } + .navbar-nav .open .dropdown-menu>li>a { + line-height: 20px + } + .navbar-nav .open .dropdown-menu>li>a:focus, + .navbar-nav .open .dropdown-menu>li>a:hover { + background-image: none + } +} +.progress-bar-striped, +.progress-striped .progress-bar, +.progress-striped .progress-bar-success { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) +} +@media (min-width: 768px) { + .navbar-toggle { + display: none + } + .navbar-nav { + float: left; + margin: 0 + } + .navbar-nav>li { + float: left + } + .navbar-nav>li>a { + padding-top: 15px; + padding-bottom: 15px + } + .navbar-nav.navbar-right:last-child { + margin-right: -15px + } + .navbar-left { + float: left!important + } + .navbar-right { + float: right!important + } +} +.navbar-form { + padding: 10px 15px; + border-top: 1px solid transparent; + border-bottom: 1px solid transparent; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); + margin: 8px -15px +} +@media (min-width: 768px) { + .navbar-form .control-label, + .navbar-form .form-group { + margin-bottom: 0; + vertical-align: middle + } + .navbar-form .form-group { + display: inline-block + } + .navbar-form .form-control { + display: inline-block; + width: auto; + vertical-align: middle + } + .navbar-form .input-group { + display: inline-table; + vertical-align: middle + } + .navbar-form .input-group .form-control, + .navbar-form .input-group .input-group-addon, + .navbar-form .input-group .input-group-btn { + width: auto + } + .navbar-form .input-group>.form-control { + width: 100% + } + .navbar-form .checkbox, + .navbar-form .radio { + display: inline-block; + margin-top: 0; + margin-bottom: 0; + vertical-align: middle + } + .navbar-form .checkbox label, + .navbar-form .radio label { + padding-left: 0 + } + .navbar-form .checkbox input[type=checkbox], + .navbar-form .radio input[type=radio] { + position: relative; + margin-left: 0 + } + .navbar-form .has-feedback .form-control-feedback { + top: 0 + } + .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 + } +} +.breadcrumb>li, +.pagination { + display: inline-block +} +@media (max-width: 767px) { + .navbar-form .form-group { + margin-bottom: 5px + } +} +.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: 8px; + margin-bottom: 8px +} +.navbar-btn.btn-sm { + margin-top: 10px; + margin-bottom: 10px +} +.navbar-btn.btn-xs { + margin-top: 14px; + margin-bottom: 14px +} +.navbar-text { + margin-top: 15px; + margin-bottom: 15px +} +@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: #f8f8f8; + border-color: #e7e7e7 +} +.navbar-default .navbar-brand { + color: #777 +} +.navbar-default .navbar-brand:focus, +.navbar-default .navbar-brand:hover { + color: #5e5e5e; + background-color: transparent +} +.navbar-default .navbar-nav>li>a, +.navbar-default .navbar-text { + color: #777 +} +.navbar-default .navbar-nav>li>a:focus, +.navbar-default .navbar-nav>li>a:hover { + color: #333; + background-color: transparent +} +.navbar-default .navbar-nav>.active>a, +.navbar-default .navbar-nav>.active>a:focus, +.navbar-default .navbar-nav>.active>a:hover { + color: #555; + background-color: #e7e7e7 +} +.navbar-default .navbar-nav>.disabled>a, +.navbar-default .navbar-nav>.disabled>a:focus, +.navbar-default .navbar-nav>.disabled>a:hover { + color: #ccc; + background-color: transparent +} +.navbar-default .navbar-toggle { + border-color: #ddd +} +.navbar-default .navbar-toggle:focus, +.navbar-default .navbar-toggle:hover { + background-color: #ddd +} +.navbar-default .navbar-toggle .icon-bar { + background-color: #888 +} +.navbar-default .navbar-collapse, +.navbar-default .navbar-form { + border-color: #e7e7e7 +} +.navbar-default .navbar-nav>.open>a, +.navbar-default .navbar-nav>.open>a:focus, +.navbar-default .navbar-nav>.open>a:hover { + background-color: #e7e7e7; + color: #555 +} +@media (max-width: 767px) { + .navbar-default .navbar-nav .open .dropdown-menu>li>a { + color: #777 + } + .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, + .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { + color: #333; + background-color: transparent + } + .navbar-default .navbar-nav .open .dropdown-menu>.active>a, + .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, + .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { + color: #555; + background-color: #e7e7e7 + } + .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, + .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, + .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover { + color: #ccc; + background-color: transparent + } +} +.navbar-default .navbar-link { + color: #777 +} +.navbar-default .navbar-link:hover { + color: #333 +} +.navbar-default .btn-link { + color: #777 +} +.navbar-default .btn-link:focus, +.navbar-default .btn-link:hover { + color: #333 +} +.navbar-default .btn-link[disabled]:focus, +.navbar-default .btn-link[disabled]:hover, +fieldset[disabled] .navbar-default .btn-link:focus, +fieldset[disabled] .navbar-default .btn-link:hover { + color: #ccc +} +.navbar-inverse { + background-color: #222; + border-color: #080808 +} +.navbar-inverse .navbar-brand { + color: #777 +} +.navbar-inverse .navbar-brand:focus, +.navbar-inverse .navbar-brand:hover { + color: #fff; + background-color: transparent +} +.navbar-inverse .navbar-nav>li>a, +.navbar-inverse .navbar-text { + color: #777 +} +.navbar-inverse .navbar-nav>li>a:focus, +.navbar-inverse .navbar-nav>li>a:hover { + color: #fff; + background-color: transparent +} +.navbar-inverse .navbar-nav>.active>a, +.navbar-inverse .navbar-nav>.active>a:focus, +.navbar-inverse .navbar-nav>.active>a:hover { + color: #fff; + background-color: #080808 +} +.navbar-inverse .navbar-nav>.disabled>a, +.navbar-inverse .navbar-nav>.disabled>a:focus, +.navbar-inverse .navbar-nav>.disabled>a:hover { + color: #444; + background-color: transparent +} +.navbar-inverse .navbar-toggle { + border-color: #333 +} +.navbar-inverse .navbar-toggle:focus, +.navbar-inverse .navbar-toggle:hover { + background-color: #333 +} +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #fff +} +.navbar-inverse .navbar-collapse, +.navbar-inverse .navbar-form { + border-color: #101010 +} +.navbar-inverse .navbar-nav>.open>a, +.navbar-inverse .navbar-nav>.open>a:focus, +.navbar-inverse .navbar-nav>.open>a:hover { + background-color: #080808; + color: #fff +} +@media (max-width: 767px) { + .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { + border-color: #080808 + } + .navbar-inverse .navbar-nav .open .dropdown-menu .divider { + background-color: #080808 + } + .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { + color: #777 + } + .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus, + .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { + color: #fff; + background-color: transparent + } + .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, + .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, + .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover { + color: #fff; + background-color: #080808 + } + .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, + .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, + .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover { + color: #444; + background-color: transparent + } +} +.navbar-inverse .navbar-link { + color: #777 +} +.navbar-inverse .navbar-link:hover { + color: #fff +} +.navbar-inverse .btn-link { + color: #777 +} +.navbar-inverse .btn-link:focus, +.navbar-inverse .btn-link:hover { + color: #fff +} +.navbar-inverse .btn-link[disabled]:focus, +.navbar-inverse .btn-link[disabled]:hover, +fieldset[disabled] .navbar-inverse .btn-link:focus, +fieldset[disabled] .navbar-inverse .btn-link:hover { + color: #444 +} +.breadcrumb { + padding: 8px 15px; + margin-bottom: 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 4px +} +.breadcrumb>li+li:before { + content: "/\00a0"; + padding: 0 5px; + color: #ccc +} +.breadcrumb>.active { + color: #777 +} +.pagination { + padding-left: 0; + margin: 20px 0; + border-radius: 4px +} +.pager li, +.pagination>li { + display: inline +} +.pagination>li>a, +.pagination>li>span { + position: relative; + float: left; + padding: 6px 9pt; + line-height: 1.0; + text-decoration: none; + color: #428bca; + background-color: #fff; + border: 1px solid #ddd; + margin-left: -1px +} +.badge, +.label { + font-weight: 700; + line-height: 1; + vertical-align: baseline; + white-space: nowrap; + text-align: center +} +.pagination>li:first-child>a, +.pagination>li:first-child>span { + margin-left: 0; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px +} +.pagination>li:last-child>a, +.pagination>li:last-child>span { + border-bottom-right-radius: 4px; + border-top-right-radius: 4px +} +.pagination>li>a:focus, +.pagination>li>a:hover, +.pagination>li>span:focus, +.pagination>li>span:hover { + color: #2a6496; + background-color: #eee; + border-color: #ddd +} +.pagination>.active>a, +.pagination>.active>a:focus, +.pagination>.active>a:hover, +.pagination>.active>span, +.pagination>.active>span:focus, +.pagination>.active>span:hover { + z-index: 2; + color: #fff; + background-color: #428bca; + border-color: #428bca; + cursor: default +} +.pagination>.disabled>a, +.pagination>.disabled>a:focus, +.pagination>.disabled>a:hover, +.pagination>.disabled>span, +.pagination>.disabled>span:focus, +.pagination>.disabled>span:hover { + color: #777; + background-color: #fff; + border-color: #ddd; + cursor: not-allowed +} +.pagination-lg>li>a, +.pagination-lg>li>span { + padding: 10px 1pc; + font-size: 18px +} +.pagination-lg>li:first-child>a, +.pagination-lg>li:first-child>span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px +} +.pagination-lg>li:last-child>a, +.pagination-lg>li:last-child>span { + border-bottom-right-radius: 6px; + border-top-right-radius: 6px +} +.pagination-sm>li>a, +.pagination-sm>li>span { + padding: 5px 10px; + font-size: 9pt +} +.pagination-sm>li:first-child>a, +.pagination-sm>li:first-child>span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px +} +.pagination-sm>li:last-child>a, +.pagination-sm>li:last-child>span { + border-bottom-right-radius: 3px; + border-top-right-radius: 3px +} +.pager { + padding-left: 0; + margin: 20px 0; + list-style: none; + text-align: center +} +.pager li>a, +.pager li>span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px +} +.pager li>a:focus, +.pager li>a:hover { + text-decoration: none; + background-color: #eee +} +.pager .next>a, +.pager .next>span { + float: right +} +.pager .previous>a, +.pager .previous>span { + float: left +} +.pager .disabled>a, +.pager .disabled>a:focus, +.pager .disabled>a:hover, +.pager .disabled>span { + color: #777; + background-color: #fff; + cursor: not-allowed +} +.label { + display: inline; + padding: .2em .6em .3em; + font-size: 75%; + color: #fff; + border-radius: .25em +} +a.label:focus, +a.label:hover { + color: #fff; + text-decoration: none; + cursor: pointer +} +.label:empty { + display: none +} +.btn .label { + position: relative; + top: -1px +} +.label-default { + background-color: #777 +} +.label-default[href]:focus, +.label-default[href]:hover { + background-color: #5e5e5e +} +.label-primary { + background-color: #428bca +} +.label-primary[href]:focus, +.label-primary[href]:hover { + background-color: #3071a9 +} +.label-success { + background-color: #5cb85c +} +.label-success[href]:focus, +.label-success[href]:hover { + background-color: #449d44 +} +.label-info { + background-color: #5bc0de +} +.label-info[href]:focus, +.label-info[href]:hover { + background-color: #31b0d5 +} +.label-warning { + background-color: #f0ad4e +} +.label-warning[href]:focus, +.label-warning[href]:hover { + background-color: #ec971f +} +.label-danger { + background-color: #d9534f +} +.label-danger[href]:focus, +.label-danger[href]:hover { + background-color: #c9302c +} +.badge { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 9pt; + color: #fff; + background-color: #777; + border-radius: 10px +} +.badge:empty { + display: none +} +.list-group-item, +.media-object, +.thumbnail { + display: block +} +.btn .badge { + position: relative; + top: -1px +} +.btn-xs .badge { + top: 0; + padding: 1px 5px +} +a.badge:focus, +a.badge:hover { + color: #fff; + text-decoration: none; + cursor: pointer +} +.nav-pills>.active>a>.badge, +a.list-group-item.active>.badge { + color: #428bca; + background-color: #fff +} +.jumbotron, +.jumbotron .h1, +.jumbotron h1 { + color: inherit +} +.nav-pills>li>a>.badge { + margin-left: 3px +} +.jumbotron { + padding: 30px; + margin-bottom: 30px; + background-color: #eee +} +.jumbotron p { + margin-bottom: 15px; + font-size: 21px; + font-weight: 200 +} +.alert, +.thumbnail { + margin-bottom: 20px +} +.alert .alert-link, +.close { + font-weight: 700 +} +.jumbotron>hr { + border-top-color: #d5d5d5 +} +.container .jumbotron { + border-radius: 6px +} +.jumbotron .container { + max-width: 100% +} +@media screen and (min-width: 768px) { + .jumbotron { + padding-top: 3pc; + padding-bottom: 3pc + } + .container .jumbotron { + padding-left: 60px; + padding-right: 60px + } + .jumbotron .h1, + .jumbotron h1 { + font-size: 63px + } +} +.thumbnail { + padding: 4px; + line-height: 1.42857143; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 4px; + -o-transition: all .2s ease-in-out; + transition: all .2s ease-in-out +} +.thumbnail a>img, +.thumbnail>img { + margin-left: auto; + margin-right: auto +} +a.thumbnail.active, +a.thumbnail:focus, +a.thumbnail:hover { + border-color: #428bca +} +.thumbnail .caption { + padding: 9px; + color: #333 +} +.alert { + padding: 15px; + border: 1px solid transparent; + border-radius: 4px +} +.alert h4 { + margin-top: 0; + color: inherit +} +.alert>p, +.alert>ul { + margin-bottom: 0 +} +.alert>p+p { + margin-top: 5px +} +.alert-dismissable, +.alert-dismissible { + padding-right: 35px +} +.alert-dismissable .close, +.alert-dismissible .close { + position: relative; + top: -2px; + right: -21px; + color: inherit +} +.modal, +.modal-backdrop { + top: 0; + right: 0; + bottom: 0; + left: 0 +} +.alert-success { + background-color: #dff0d8; + border-color: #d6e9c6; + color: #3c763d +} +.alert-success hr { + border-top-color: #c9e2b3 +} +.alert-success .alert-link { + color: #2b542c +} +.alert-info { + background-color: #d9edf7; + border-color: #bce8f1; + color: #31708f +} +.alert-info hr { + border-top-color: #a6e1ec +} +.alert-info .alert-link { + color: #245269 +} +.alert-warning { + background-color: #fcf8e3; + border-color: #faebcc; + color: #8a6d3b +} +.alert-warning hr { + border-top-color: #f7e1b5 +} +.alert-warning .alert-link { + color: #66512c +} +.alert-danger { + background-color: #f2dede; + border-color: #ebccd1; + color: #a94442 +} +.alert-danger hr { + border-top-color: #e4b9c0 +} +.alert-danger .alert-link { + color: #843534 +} +@-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 { + height: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1) +} +.progress-bar { + float: left; + width: 0; + height: 100%; + font-size: 9pt; + line-height: 20px; + color: #fff; + text-align: center; + background-color: #428bca; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); + -webkit-transition: width .6s ease; + -o-transition: width .6s ease; + transition: width .6s ease +} +.close, +.list-group-item>.badge { + float: right +} +.progress-bar-striped, +.progress-striped .progress-bar { + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-size: 40px 40px +} +.progress-bar.active, +.progress.active .progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite +} +.progress-bar[aria-valuenow="1"], +.progress-bar[aria-valuenow="2"] { + min-width: 30px +} +.progress-bar[aria-valuenow="0"] { + color: #777; + min-width: 30px; + background-color: transparent; + background-image: none; + box-shadow: none +} +.progress-bar-success { + background-color: #5cb85c +} +.progress-striped .progress-bar-success { + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) +} +.progress-striped .progress-bar-info, +.progress-striped .progress-bar-warning { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) +} +.progress-bar-info { + background-color: #5bc0de +} +.progress-striped .progress-bar-info { + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) +} +.progress-bar-warning { + background-color: #f0ad4e +} +.progress-striped .progress-bar-warning { + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) +} +.progress-bar-danger { + background-color: #d9534f +} +.progress-striped .progress-bar-danger { + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) +} +.media, +.media-body { + overflow: hidden; + zoom: 1 +} +.media, +.media .media { + margin-top: 15px +} +.media:first-child { + margin-top: 0 +} +.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; + padding: 10px 15px; + margin-bottom: -1px; + background-color: #fff; + border: 1px solid #ddd +} +.list-group-item:first-child { + border-top-right-radius: 4px; + border-top-left-radius: 4px +} +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px +} +.list-group-item>.badge+.badge { + margin-right: 5px +} +a.list-group-item { + color: #555 +} +a.list-group-item .list-group-item-heading { + color: #333 +} +a.list-group-item:focus, +a.list-group-item:hover { + text-decoration: none; + color: #555; + background-color: #f5f5f5 +} +.list-group-item.disabled, +.list-group-item.disabled:focus, +.list-group-item.disabled:hover { + background-color: #eee; + color: #777 +} +.list-group-item.disabled .list-group-item-heading, +.list-group-item.disabled:focus .list-group-item-heading, +.list-group-item.disabled:hover .list-group-item-heading { + color: inherit +} +.list-group-item.disabled .list-group-item-text, +.list-group-item.disabled:focus .list-group-item-text, +.list-group-item.disabled:hover .list-group-item-text { + color: #777 +} +.list-group-item.active, +.list-group-item.active:focus, +.list-group-item.active:hover { + z-index: 2; + color: #fff; + background-color: #428bca; + border-color: #428bca +} +.list-group-item.active .list-group-item-heading, +.list-group-item.active .list-group-item-heading>.small, +.list-group-item.active .list-group-item-heading>small, +.list-group-item.active:focus .list-group-item-heading, +.list-group-item.active:focus .list-group-item-heading>.small, +.list-group-item.active:focus .list-group-item-heading>small, +.list-group-item.active:hover .list-group-item-heading, +.list-group-item.active:hover .list-group-item-heading>.small, +.list-group-item.active:hover .list-group-item-heading>small { + color: inherit +} +.list-group-item.active .list-group-item-text, +.list-group-item.active:focus .list-group-item-text, +.list-group-item.active:hover .list-group-item-text { + color: #e1edf7 +} +.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:focus, +a.list-group-item-success:hover { + color: #3c763d; + background-color: #d0e9c6 +} +a.list-group-item-success.active, +a.list-group-item-success.active:focus, +a.list-group-item-success.active:hover { + 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:focus, +a.list-group-item-info:hover { + color: #31708f; + background-color: #c4e3f3 +} +a.list-group-item-info.active, +a.list-group-item-info.active:focus, +a.list-group-item-info.active:hover { + 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:focus, +a.list-group-item-warning:hover { + color: #8a6d3b; + background-color: #faf2cc +} +a.list-group-item-warning.active, +a.list-group-item-warning.active:focus, +a.list-group-item-warning.active:hover { + 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:focus, +a.list-group-item-danger:hover { + color: #a94442; + background-color: #ebcccc +} +a.list-group-item-danger.active, +a.list-group-item-danger.active:focus, +a.list-group-item-danger.active:hover { + color: #fff; + background-color: #a94442; + border-color: #a94442 +} +.panel-heading>.dropdown .dropdown-toggle, +.panel-title, +.panel-title>a { + color: inherit +} +.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: #fff; + border: 1px solid transparent; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); + box-shadow: 0 1px 1px rgba(0, 0, 0, .05) +} +.panel-title, +.panel>.list-group, +.panel>.panel-collapse>.table, +.panel>.table, +.panel>.table-responsive>.table { + margin-bottom: 0 +} +.panel-body { + padding: 15px +} +.panel-heading { + padding: 10px 15px; + border-bottom: 1px solid transparent; + border-top-right-radius: 3px; + border-top-left-radius: 3px +} +.panel-group .panel-heading, +.panel>.list-group:last-child .list-group-item:last-child, +.panel>.table-bordered>tbody>tr:first-child>td, +.panel>.table-bordered>tbody>tr:first-child>th, +.panel>.table-bordered>tbody>tr:last-child>td, +.panel>.table-bordered>tbody>tr:last-child>th, +.panel>.table-bordered>tfoot>tr:last-child>td, +.panel>.table-bordered>tfoot>tr:last-child>th, +.panel>.table-bordered>thead>tr:first-child>td, +.panel>.table-bordered>thead>tr:first-child>th, +.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, +.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, +.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, +.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, +.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, +.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th, +.panel>.table-responsive>.table-bordered>thead>tr:first-child>td, +.panel>.table-responsive>.table-bordered>thead>tr:first-child>th { + border-bottom: 0 +} +.panel-title { + margin-top: 0; + font-size: 1pc +} +.panel-footer { + padding: 10px 15px; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px +} +.panel>.list-group .list-group-item { + border-width: 1px 0; + border-radius: 0 +} +.panel>.list-group:last-child .list-group-item:last-child, +.panel>.table-responsive:last-child>.table:last-child, +.panel>.table:last-child { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px +} +.panel>.list-group:first-child .list-group-item:first-child { + border-top: 0; + border-top-right-radius: 3px; + border-top-left-radius: 3px +} +.list-group+.panel-footer, +.panel-heading+.list-group .list-group-item:first-child { + border-top-width: 0 +} +.panel>.table-responsive:first-child>.table:first-child, +.panel>.table:first-child { + border-top-right-radius: 3px; + border-top-left-radius: 3px +} +.panel>.table-responsive:first-child>.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 th:first-child, +.panel>.table-responsive:first-child>.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 th:first-child, +.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, +.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, +.panel>.table:first-child>thead:first-child>tr:first-child td:first-child, +.panel>.table:first-child>thead:first-child>tr:first-child th:first-child { + border-top-left-radius: 3px +} +.panel>.table-responsive:first-child>.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 th:last-child, +.panel>.table-responsive:first-child>.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 th:last-child, +.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, +.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, +.panel>.table:first-child>thead:first-child>tr:first-child td:last-child, +.panel>.table:first-child>thead:first-child>tr:first-child th:last-child { + border-top-right-radius: 3px +} +.panel>.table-responsive:last-child>.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 th:first-child, +.panel>.table-responsive:last-child>.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 th:first-child, +.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, +.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, +.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, +.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child { + border-bottom-left-radius: 3px +} +.panel>.table-responsive:last-child>.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 th:last-child, +.panel>.table-responsive:last-child>.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 th:last-child, +.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, +.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, +.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, +.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child { + border-bottom-right-radius: 3px +} +.panel>.panel-body+.table, +.panel>.panel-body+.table-responsive { + border-top: 1px solid #ddd +} +.panel>.table>tbody:first-child>tr:first-child td, +.panel>.table>tbody:first-child>tr:first-child th { + border-top: 0 +} +.panel>.table-bordered, +.panel>.table-responsive>.table-bordered { + border: 0 +} +.panel>.table-bordered>tbody>tr>td:first-child, +.panel>.table-bordered>tbody>tr>th:first-child, +.panel>.table-bordered>tfoot>tr>td:first-child, +.panel>.table-bordered>tfoot>tr>th:first-child, +.panel>.table-bordered>thead>tr>td:first-child, +.panel>.table-bordered>thead>tr>th:first-child, +.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, +.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, +.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, +.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, +.panel>.table-responsive>.table-bordered>thead>tr>td:first-child, +.panel>.table-responsive>.table-bordered>thead>tr>th:first-child { + border-left: 0 +} +.panel>.table-bordered>tbody>tr>td:last-child, +.panel>.table-bordered>tbody>tr>th:last-child, +.panel>.table-bordered>tfoot>tr>td:last-child, +.panel>.table-bordered>tfoot>tr>th:last-child, +.panel>.table-bordered>thead>tr>td:last-child, +.panel>.table-bordered>thead>tr>th:last-child, +.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, +.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, +.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, +.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, +.panel>.table-responsive>.table-bordered>thead>tr>td:last-child, +.panel>.table-responsive>.table-bordered>thead>tr>th:last-child { + border-right: 0 +} +.panel>.table-responsive { + border: 0; + margin-bottom: 0 +} +.panel-group { + margin-bottom: 20px +} +.panel-group .panel { + margin-bottom: 0; + border-radius: 4px +} +.panel-group .panel+.panel { + margin-top: 5px +} +.panel-group .panel-heading+.panel-collapse>.panel-body { + border-top: 1px solid #ddd +} +.panel-group .panel-footer { + border-top: 0 +} +.panel-group .panel-footer+.panel-collapse .panel-body { + border-bottom: 1px solid #ddd +} +.panel-default { + border-color: #ddd +} +.panel-default>.panel-heading { + color: #333; + background-color: #f5f5f5; + border-color: #ddd +} +.panel-default>.panel-heading+.panel-collapse>.panel-body { + border-top-color: #ddd +} +.panel-default>.panel-heading .badge { + color: #f5f5f5; + background-color: #333 +} +.panel-default>.panel-footer+.panel-collapse>.panel-body { + border-bottom-color: #ddd +} +.panel-primary { + border-color: #428bca +} +.panel-primary>.panel-heading { + color: #fff; + background-color: #428bca; + border-color: #428bca +} +.panel-primary>.panel-heading+.panel-collapse>.panel-body { + border-top-color: #428bca +} +.panel-primary>.panel-heading .badge { + color: #428bca; + background-color: #fff +} +.panel-primary>.panel-footer+.panel-collapse>.panel-body { + border-bottom-color: #428bca +} +.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-heading .badge { + color: #dff0d8; + background-color: #3c763d +} +.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-heading .badge { + color: #d9edf7; + background-color: #31708f +} +.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-heading .badge { + color: #fcf8e3; + background-color: #8a6d3b +} +.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-heading .badge { + color: #f2dede; + background-color: #a94442 +} +.panel-danger>.panel-footer+.panel-collapse>.panel-body { + border-bottom-color: #ebccd1 +} +.embed-responsive { + position: relative; + display: block; + height: 0; + padding: 0 +} +.embed-responsive .embed-responsive-item, +.embed-responsive embed, +.embed-responsive iframe, +.embed-responsive object { + position: absolute; + top: 0; + left: 0; + bottom: 0; + height: 100%; + width: 100%; + border: 0 +} +.embed-responsive.embed-responsive-16by9 { + padding-bottom: 56.25% +} +.embed-responsive.embed-responsive-4by3 { + padding-bottom: 75% +} +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05) +} +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, .15) +} +.well-lg { + padding: 24px; + border-radius: 6px +} +.well-sm { + padding: 9px; + border-radius: 3px +} +.close { + font-size: 21px; + line-height: 1; + color: #000; + text-shadow: 0 1px 0 #fff; + opacity: .2; + filter: alpha(opacity=20) +} +.carousel-caption, +.carousel-control { + text-shadow: 0 1px 2px rgba(0, 0, 0, .6) +} +.close:focus, +.close:hover { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: .5; + filter: alpha(opacity=50) +} +button.close { + padding: 0; + cursor: pointer; + background: 0 0; + border: 0; + -webkit-appearance: none +} +.modal-content, +.popover { + background-clip: padding-box +} +.modal { + display: none; + position: fixed; + z-index: 1050; + -webkit-overflow-scrolling: touch; + outline: 0 +} +.modal.fade .modal-dialog { + -webkit-transform: translate3d(0, -25%, 0); + transform: translate3d(0, -25%, 0); + -webkit-transition: -webkit-transform .3s ease-out; + -moz-transition: -moz-transform .3s ease-out; + -o-transition: -o-transform .3s ease-out; + transition: transform .3s ease-out +} +.modal.in .modal-dialog { + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto +} +.modal-dialog { + position: relative; + width: auto; + margin: 10px +} +.modal-content { + position: relative; + background-color: #fff; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: 6px; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); + box-shadow: 0 3px 9px rgba(0, 0, 0, .5); + outline: 0 +} +.modal-backdrop { + position: fixed; + z-index: 1040; + background-color: #000 +} +.modal-backdrop.fade { + opacity: 0; + filter: alpha(opacity=0) +} +.modal-backdrop.in { + opacity: .5; + filter: alpha(opacity=50) +} +.modal-header { + padding: 15px; + border-bottom: 1px solid #e5e5e5; + min-height: 16.43px +} +.modal-header .close { + margin-top: -2px +} +.modal-title { + margin: 0; + line-height: 1.42857143 +} +.modal-body { + position: relative; + padding: 15px +} +.modal-footer { + padding: 15px; + text-align: right; + border-top: 1px solid #e5e5e5 +} +.tooltip.top .tooltip-arrow, +.tooltip.top-left .tooltip-arrow, +.tooltip.top-right .tooltip-arrow { + bottom: 0; + border-width: 5px 5px 0; + border-top-color: #000 +} +.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 +} +.modal-scrollbar-measure { + position: absolute; + top: -9999px; + width: 50px; + height: 50px; + overflow: scroll +} +@media (min-width: 768px) { + .modal-dialog { + width: 600px; + margin: 30px auto + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5); + box-shadow: 0 5px 15px rgba(0, 0, 0, .5) + } + .modal-sm { + width: 300px + } +} +@media (min-width: 992px) { + .modal-lg { + width: 900px + } +} +.tooltip { + position: absolute; + z-index: 1070; + display: block; + visibility: visible; + font-size: 9pt; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0) +} +.tooltip.in { + opacity: .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: #fff; + text-align: center; + text-decoration: none; + background-color: #000; + border-radius: 4px +} +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid +} +.tooltip.top .tooltip-arrow { + left: 50%; + margin-left: -5px +} +.tooltip.top-left .tooltip-arrow { + left: 5px +} +.tooltip.top-right .tooltip-arrow { + right: 5px +} +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-width: 5px 5px 5px 0; + border-right-color: #000 +} +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-width: 5px 0 5px 5px; + border-left-color: #000 +} +.tooltip.bottom .tooltip-arrow, +.tooltip.bottom-left .tooltip-arrow, +.tooltip.bottom-right .tooltip-arrow { + border-width: 0 5px 5px; + border-bottom-color: #000; + top: 0 +} +.tooltip.bottom .tooltip-arrow { + left: 50%; + margin-left: -5px +} +.tooltip.bottom-left .tooltip-arrow { + left: 5px +} +.tooltip.bottom-right .tooltip-arrow { + right: 5px +} +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1060; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, .2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); + box-shadow: 0 5px 10px rgba(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: 400; + 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 +} +.carousel, +.carousel-inner { + position: relative +} +.popover>.arrow { + border-width: 11px +} +.popover>.arrow:after { + border-width: 10px +} +.popover.top>.arrow { + left: 50%; + margin-left: -11px; + border-bottom-width: 0; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, .25); + bottom: -11px +} +.popover.top>.arrow:after { + content: " "; + bottom: 1px; + margin-left: -10px; + border-bottom-width: 0; + border-top-color: #fff +} +.popover.left>.arrow:after, +.popover.right>.arrow:after { + content: " "; + bottom: -10px +} +.popover.right>.arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-left-width: 0; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, .25) +} +.popover.right>.arrow:after { + left: 1px; + border-left-width: 0; + border-right-color: #fff +} +.popover.bottom>.arrow { + left: 50%; + margin-left: -11px; + border-top-width: 0; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, .25); + top: -11px +} +.popover.bottom>.arrow:after { + content: " "; + top: 1px; + margin-left: -10px; + border-top-width: 0; + border-bottom-color: #fff +} +.popover.left>.arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-right-width: 0; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, .25) +} +.popover.left>.arrow:after { + right: 1px; + border-right-width: 0; + border-left-color: #fff +} +.carousel-inner { + width: 100% +} +.carousel-inner>.item { + display: none; + position: relative; + -webkit-transition: .6s ease-in-out left; + -o-transition: .6s ease-in-out left; + transition: .6s ease-in-out left +} +.carousel-inner>.item>a>img, +.carousel-inner>.item>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: .5; + filter: alpha(opacity=50); + font-size: 20px; + color: #fff; + text-align: center +} +.carousel-control.left { + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); + 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, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); + background-repeat: repeat-x; + filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) +} +.carousel-control:focus, +.carousel-control:hover { + outline: 0; + color: #fff; + text-decoration: none; + opacity: .9; + filter: alpha(opacity=90) +} +.carousel-control .glyphicon-chevron-left, +.carousel-control .glyphicon-chevron-right, +.carousel-control .icon-next, +.carousel-control .icon-prev { + position: absolute; + top: 50%; + z-index: 5; + display: inline-block +} +.carousel-control .glyphicon-chevron-left, +.carousel-control .icon-prev { + left: 50%; + margin-left: -10px +} +.carousel-control .glyphicon-chevron-right, +.carousel-control .icon-next { + right: 50%; + margin-right: -10px +} +.carousel-control .icon-next, +.carousel-control .icon-prev { + width: 20px; + height: 20px; + margin-top: -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 #fff; + border-radius: 10px; + cursor: pointer; + background-color: #000\9; + background-color: transparent +} +.carousel-indicators .active { + margin: 0; + width: 9pt; + height: 9pt; + background-color: #fff +} +.carousel-caption { + position: absolute; + left: 15%; + right: 15%; + bottom: 20px; + z-index: 10; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center +} +.carousel-caption .btn, +.text-hide { + text-shadow: none +} +@media screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-next, + .carousel-control .icon-prev { + width: 30px; + height: 30px; + margin-top: -15px; + font-size: 30px + } + .carousel-control .glyphicon-chevron-left, + .carousel-control .icon-prev { + margin-left: -15px + } + .carousel-control .glyphicon-chevron-right, + .carousel-control .icon-next { + margin-right: -15px + } + .carousel-caption { + left: 20%; + right: 20%; + padding-bottom: 30px + } + .carousel-indicators { + bottom: 20px + } +} +.btn-group-vertical>.btn-group:after, +.btn-group-vertical>.btn-group:before, +.btn-toolbar:after, +.btn-toolbar:before, +.clearfix:after, +.clearfix:before, +.container-fluid:after, +.container-fluid:before, +.container:after, +.container:before, +.dl-horizontal dd:after, +.dl-horizontal dd:before, +.form-horizontal .form-group:after, +.form-horizontal .form-group:before, +.modal-footer:after, +.modal-footer:before, +.nav:after, +.nav:before, +.navbar-collapse:after, +.navbar-collapse:before, +.navbar-header:after, +.navbar-header:before, +.navbar:after, +.navbar:before, +.pager:after, +.pager:before, +.panel-body:after, +.panel-body:before, +.row:after, +.row:before { + content: " "; + display: table +} +.btn-group-vertical>.btn-group:after, +.btn-toolbar:after, +.clearfix:after, +.container-fluid:after, +.container:after, +.dl-horizontal dd:after, +.form-horizontal .form-group:after, +.modal-footer:after, +.nav:after, +.navbar-collapse:after, +.navbar-header:after, +.navbar:after, +.pager:after, +.panel-body:after, +.row: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 +} +.hidden, +.visible-lg, +.visible-lg-block, +.visible-lg-inline, +.visible-lg-inline-block, +.visible-md, +.visible-md-block, +.visible-md-inline, +.visible-md-inline-block, +.visible-sm, +.visible-sm-block, +.visible-sm-inline, +.visible-sm-inline-block, +.visible-xs, +.visible-xs-block, +.visible-xs-inline, +.visible-xs-inline-block { + display: none!important +} +.invisible { + visibility: hidden +} +.text-hide { + font: 0/0 a; + color: transparent; + background-color: transparent; + border: 0 +} +.hidden { + visibility: hidden!important +} +.affix { + position: fixed; + -webkit-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0) +} +@-ms-viewport { + width: device-width +} +@media (max-width: 767px) { + .visible-xs { + display: block!important + } + table.visible-xs { + display: table + } + tr.visible-xs { + display: table-row!important + } + td.visible-xs, + th.visible-xs { + display: table-cell!important + } + .visible-xs-block { + display: block!important + } + .visible-xs-inline { + display: inline!important + } + .visible-xs-inline-block { + display: inline-block!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 + } + td.visible-sm, + th.visible-sm { + display: table-cell!important + } + .visible-sm-block { + display: block!important + } + .visible-sm-inline { + display: inline!important + } + .visible-sm-inline-block { + display: inline-block!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 + } + td.visible-md, + th.visible-md { + display: table-cell!important + } + .visible-md-block { + display: block!important + } + .visible-md-inline { + display: inline!important + } + .visible-md-inline-block { + display: inline-block!important + } +} +@media (min-width: 1200px) { + .visible-lg { + display: block!important + } + table.visible-lg { + display: table + } + tr.visible-lg { + display: table-row!important + } + td.visible-lg, + th.visible-lg { + display: table-cell!important + } + .visible-lg-block { + display: block!important + } + .visible-lg-inline { + display: inline!important + } + .visible-lg-inline-block { + display: inline-block!important + } + .hidden-lg { + display: none!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 + } +} +.visible-print { + display: none!important +} +@media print { + .visible-print { + display: block!important + } + table.visible-print { + display: table + } + tr.visible-print { + display: table-row!important + } + td.visible-print, + th.visible-print { + display: table-cell!important + } +} +.visible-print-block { + display: none!important +} +@media print { + .visible-print-block { + display: block!important + } +} +.visible-print-inline { + display: none!important +} +@media print { + .visible-print-inline { + display: inline!important + } +} +.visible-print-inline-block { + display: none!important +} +@media print { + .visible-print-inline-block { + display: inline-block!important + } + .hidden-print { + display: none!important + } +}
\ No newline at end of file diff --git a/tools/infra-dashboard/css/dataTables.bootstrap.min.css b/tools/infra-dashboard/css/dataTables.bootstrap.min.css new file mode 100644 index 00000000..745f2996 --- /dev/null +++ b/tools/infra-dashboard/css/dataTables.bootstrap.min.css @@ -0,0 +1 @@ +table.dataTable{clear:both;margin-top:6px !important;margin-bottom:6px !important;max-width:none !important}table.dataTable td,table.dataTable th{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}table.dataTable td.dataTables_empty,table.dataTable th.dataTables_empty{text-align:center}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}div.dataTables_wrapper div.dataTables_length label{font-weight:normal;text-align:left;white-space:nowrap}div.dataTables_wrapper div.dataTables_length select{width:75px;display:inline-block}div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter label{font-weight:normal;white-space:nowrap;text-align:left}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em;display:inline-block;width:auto}div.dataTables_wrapper div.dataTables_info{padding-top:8px;white-space:nowrap}div.dataTables_wrapper div.dataTables_paginate{margin:0;white-space:nowrap;text-align:right}div.dataTables_wrapper div.dataTables_paginate ul.pagination{margin:2px 0;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;margin-top:-26px;text-align:center;padding:1em 0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:8px;right:8px;display:block;font-family:'Glyphicons Halflings';opacity:0.5}table.dataTable thead .sorting:after{opacity:0.2;content:"\e150"}table.dataTable thead .sorting_asc:after{content:"\e155"}table.dataTable thead .sorting_desc:after{content:"\e156"}table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{color:#eee}div.dataTables_scrollHead table.dataTable{margin-bottom:0 !important}div.dataTables_scrollBody table{border-top:none;margin-top:0 !important;margin-bottom:0 !important}div.dataTables_scrollBody table thead .sorting:after,div.dataTables_scrollBody table thead .sorting_asc:after,div.dataTables_scrollBody table thead .sorting_desc:after{display:none}div.dataTables_scrollBody table tbody tr:first-child th,div.dataTables_scrollBody table tbody tr:first-child td{border-top:none}div.dataTables_scrollFoot table{margin-top:0 !important;border-top:none}@media screen and (max-width: 767px){div.dataTables_wrapper div.dataTables_length,div.dataTables_wrapper div.dataTables_filter,div.dataTables_wrapper div.dataTables_info,div.dataTables_wrapper div.dataTables_paginate{text-align:center}}table.dataTable.table-condensed>thead>tr>th{padding-right:20px}table.dataTable.table-condensed .sorting:after,table.dataTable.table-condensed .sorting_asc:after,table.dataTable.table-condensed .sorting_desc:after{top:6px;right:6px}table.table-bordered.dataTable{border-collapse:separate !important}table.table-bordered.dataTable th,table.table-bordered.dataTable td{border-left-width:0}table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable th:last-child,table.table-bordered.dataTable td:last-child,table.table-bordered.dataTable td:last-child{border-right-width:0}table.table-bordered.dataTable tbody th,table.table-bordered.dataTable tbody td{border-bottom-width:0}div.dataTables_scrollHead table.table-bordered{border-bottom-width:0}div.table-responsive>div.dataTables_wrapper>div.row{margin:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:first-child{padding-left:0}div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{padding-right:0} diff --git a/tools/infra-dashboard/css/font-awesome.css b/tools/infra-dashboard/css/font-awesome.css new file mode 100644 index 00000000..2dcdc220 --- /dev/null +++ b/tools/infra-dashboard/css/font-awesome.css @@ -0,0 +1,1801 @@ +/*! + * Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('../fonts/fontawesome-webfont.eot?v=4.3.0'); + src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal; +} +.fa { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + transform: translate(0, 0); +} +/* makes the font 33% larger relative to the icon container */ +.fa-lg { + font-size: 1.33333333em; + line-height: 0.75em; + vertical-align: -15%; +} +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} +.fa-fw { + width: 1.28571429em; + text-align: center; +} +.fa-ul { + padding-left: 0; + margin-left: 2.14285714em; + list-style-type: none; +} +.fa-ul > li { + position: relative; +} +.fa-li { + position: absolute; + left: -2.14285714em; + width: 2.14285714em; + top: 0.14285714em; + text-align: center; +} +.fa-li.fa-lg { + left: -1.85714286em; +} +.fa-border { + padding: .2em .25em .15em; + border: solid 0.08em #eeeeee; + border-radius: .1em; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.fa.pull-left { + margin-right: .3em; +} +.fa.pull-right { + margin-left: .3em; +} +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); +} +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +.fa-rotate-90 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.fa-rotate-180 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.fa-rotate-270 { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} +.fa-flip-horizontal { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.fa-flip-vertical { + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); +} +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + filter: none; +} +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.fa-stack-1x, +.fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.fa-stack-1x { + line-height: inherit; +} +.fa-stack-2x { + font-size: 2em; +} +.fa-inverse { + color: #ffffff; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.fa-glass:before { + content: "\f000"; +} +.fa-music:before { + content: "\f001"; +} +.fa-search:before { + content: "\f002"; +} +.fa-envelope-o:before { + content: "\f003"; +} +.fa-heart:before { + content: "\f004"; +} +.fa-star:before { + content: "\f005"; +} +.fa-star-o:before { + content: "\f006"; +} +.fa-user:before { + content: "\f007"; +} +.fa-film:before { + content: "\f008"; +} +.fa-th-large:before { + content: "\f009"; +} +.fa-th:before { + content: "\f00a"; +} +.fa-th-list:before { + content: "\f00b"; +} +.fa-check:before { + content: "\f00c"; +} +.fa-remove:before, +.fa-close:before, +.fa-times:before { + content: "\f00d"; +} +.fa-search-plus:before { + content: "\f00e"; +} +.fa-search-minus:before { + content: "\f010"; +} +.fa-power-off:before { + content: "\f011"; +} +.fa-signal:before { + content: "\f012"; +} +.fa-gear:before, +.fa-cog:before { + content: "\f013"; +} +.fa-trash-o:before { + content: "\f014"; +} +.fa-home:before { + content: "\f015"; +} +.fa-file-o:before { + content: "\f016"; +} +.fa-clock-o:before { + content: "\f017"; +} +.fa-road:before { + content: "\f018"; +} +.fa-download:before { + content: "\f019"; +} +.fa-arrow-circle-o-down:before { + content: "\f01a"; +} +.fa-arrow-circle-o-up:before { + content: "\f01b"; +} +.fa-inbox:before { + content: "\f01c"; +} +.fa-play-circle-o:before { + content: "\f01d"; +} +.fa-rotate-right:before, +.fa-repeat:before { + content: "\f01e"; +} +.fa-refresh:before { + content: "\f021"; +} +.fa-list-alt:before { + content: "\f022"; +} +.fa-lock:before { + content: "\f023"; +} +.fa-flag:before { + content: "\f024"; +} +.fa-headphones:before { + content: "\f025"; +} +.fa-volume-off:before { + content: "\f026"; +} +.fa-volume-down:before { + content: "\f027"; +} +.fa-volume-up:before { + content: "\f028"; +} +.fa-qrcode:before { + content: "\f029"; +} +.fa-barcode:before { + content: "\f02a"; +} +.fa-tag:before { + content: "\f02b"; +} +.fa-tags:before { + content: "\f02c"; +} +.fa-book:before { + content: "\f02d"; +} +.fa-bookmark:before { + content: "\f02e"; +} +.fa-print:before { + content: "\f02f"; +} +.fa-camera:before { + content: "\f030"; +} +.fa-font:before { + content: "\f031"; +} +.fa-bold:before { + content: "\f032"; +} +.fa-italic:before { + content: "\f033"; +} +.fa-text-height:before { + content: "\f034"; +} +.fa-text-width:before { + content: "\f035"; +} +.fa-align-left:before { + content: "\f036"; +} +.fa-align-center:before { + content: "\f037"; +} +.fa-align-right:before { + content: "\f038"; +} +.fa-align-justify:before { + content: "\f039"; +} +.fa-list:before { + content: "\f03a"; +} +.fa-dedent:before, +.fa-outdent:before { + content: "\f03b"; +} +.fa-indent:before { + content: "\f03c"; +} +.fa-video-camera:before { + content: "\f03d"; +} +.fa-photo:before, +.fa-image:before, +.fa-picture-o:before { + content: "\f03e"; +} +.fa-pencil:before { + content: "\f040"; +} +.fa-map-marker:before { + content: "\f041"; +} +.fa-adjust:before { + content: "\f042"; +} +.fa-tint:before { + content: "\f043"; +} +.fa-edit:before, +.fa-pencil-square-o:before { + content: "\f044"; +} +.fa-share-square-o:before { + content: "\f045"; +} +.fa-check-square-o:before { + content: "\f046"; +} +.fa-arrows:before { + content: "\f047"; +} +.fa-step-backward:before { + content: "\f048"; +} +.fa-fast-backward:before { + content: "\f049"; +} +.fa-backward:before { + content: "\f04a"; +} +.fa-play:before { + content: "\f04b"; +} +.fa-pause:before { + content: "\f04c"; +} +.fa-stop:before { + content: "\f04d"; +} +.fa-forward:before { + content: "\f04e"; +} +.fa-fast-forward:before { + content: "\f050"; +} +.fa-step-forward:before { + content: "\f051"; +} +.fa-eject:before { + content: "\f052"; +} +.fa-chevron-left:before { + content: "\f053"; +} +.fa-chevron-right:before { + content: "\f054"; +} +.fa-plus-circle:before { + content: "\f055"; +} +.fa-minus-circle:before { + content: "\f056"; +} +.fa-times-circle:before { + content: "\f057"; +} +.fa-check-circle:before { + content: "\f058"; +} +.fa-question-circle:before { + content: "\f059"; +} +.fa-info-circle:before { + content: "\f05a"; +} +.fa-crosshairs:before { + content: "\f05b"; +} +.fa-times-circle-o:before { + content: "\f05c"; +} +.fa-check-circle-o:before { + content: "\f05d"; +} +.fa-ban:before { + content: "\f05e"; +} +.fa-arrow-left:before { + content: "\f060"; +} +.fa-arrow-right:before { + content: "\f061"; +} +.fa-arrow-up:before { + content: "\f062"; +} +.fa-arrow-down:before { + content: "\f063"; +} +.fa-mail-forward:before, +.fa-share:before { + content: "\f064"; +} +.fa-expand:before { + content: "\f065"; +} +.fa-compress:before { + content: "\f066"; +} +.fa-plus:before { + content: "\f067"; +} +.fa-minus:before { + content: "\f068"; +} +.fa-asterisk:before { + content: "\f069"; +} +.fa-exclamation-circle:before { + content: "\f06a"; +} +.fa-gift:before { + content: "\f06b"; +} +.fa-leaf:before { + content: "\f06c"; +} +.fa-fire:before { + content: "\f06d"; +} +.fa-eye:before { + content: "\f06e"; +} +.fa-eye-slash:before { + content: "\f070"; +} +.fa-warning:before, +.fa-exclamation-triangle:before { + content: "\f071"; +} +.fa-plane:before { + content: "\f072"; +} +.fa-calendar:before { + content: "\f073"; +} +.fa-random:before { + content: "\f074"; +} +.fa-comment:before { + content: "\f075"; +} +.fa-magnet:before { + content: "\f076"; +} +.fa-chevron-up:before { + content: "\f077"; +} +.fa-chevron-down:before { + content: "\f078"; +} +.fa-retweet:before { + content: "\f079"; +} +.fa-shopping-cart:before { + content: "\f07a"; +} +.fa-folder:before { + content: "\f07b"; +} +.fa-folder-open:before { + content: "\f07c"; +} +.fa-arrows-v:before { + content: "\f07d"; +} +.fa-arrows-h:before { + content: "\f07e"; +} +.fa-bar-chart-o:before, +.fa-bar-chart:before { + content: "\f080"; +} +.fa-twitter-square:before { + content: "\f081"; +} +.fa-facebook-square:before { + content: "\f082"; +} +.fa-camera-retro:before { + content: "\f083"; +} +.fa-key:before { + content: "\f084"; +} +.fa-gears:before, +.fa-cogs:before { + content: "\f085"; +} +.fa-comments:before { + content: "\f086"; +} +.fa-thumbs-o-up:before { + content: "\f087"; +} +.fa-thumbs-o-down:before { + content: "\f088"; +} +.fa-star-half:before { + content: "\f089"; +} +.fa-heart-o:before { + content: "\f08a"; +} +.fa-sign-out:before { + content: "\f08b"; +} +.fa-linkedin-square:before { + content: "\f08c"; +} +.fa-thumb-tack:before { + content: "\f08d"; +} +.fa-external-link:before { + content: "\f08e"; +} +.fa-sign-in:before { + content: "\f090"; +} +.fa-trophy:before { + content: "\f091"; +} +.fa-github-square:before { + content: "\f092"; +} +.fa-upload:before { + content: "\f093"; +} +.fa-lemon-o:before { + content: "\f094"; +} +.fa-phone:before { + content: "\f095"; +} +.fa-square-o:before { + content: "\f096"; +} +.fa-bookmark-o:before { + content: "\f097"; +} +.fa-phone-square:before { + content: "\f098"; +} +.fa-twitter:before { + content: "\f099"; +} +.fa-facebook-f:before, +.fa-facebook:before { + content: "\f09a"; +} +.fa-github:before { + content: "\f09b"; +} +.fa-unlock:before { + content: "\f09c"; +} +.fa-credit-card:before { + content: "\f09d"; +} +.fa-rss:before { + content: "\f09e"; +} +.fa-hdd-o:before { + content: "\f0a0"; +} +.fa-bullhorn:before { + content: "\f0a1"; +} +.fa-bell:before { + content: "\f0f3"; +} +.fa-certificate:before { + content: "\f0a3"; +} +.fa-hand-o-right:before { + content: "\f0a4"; +} +.fa-hand-o-left:before { + content: "\f0a5"; +} +.fa-hand-o-up:before { + content: "\f0a6"; +} +.fa-hand-o-down:before { + content: "\f0a7"; +} +.fa-arrow-circle-left:before { + content: "\f0a8"; +} +.fa-arrow-circle-right:before { + content: "\f0a9"; +} +.fa-arrow-circle-up:before { + content: "\f0aa"; +} +.fa-arrow-circle-down:before { + content: "\f0ab"; +} +.fa-globe:before { + content: "\f0ac"; +} +.fa-wrench:before { + content: "\f0ad"; +} +.fa-tasks:before { + content: "\f0ae"; +} +.fa-filter:before { + content: "\f0b0"; +} +.fa-briefcase:before { + content: "\f0b1"; +} +.fa-arrows-alt:before { + content: "\f0b2"; +} +.fa-group:before, +.fa-users:before { + content: "\f0c0"; +} +.fa-chain:before, +.fa-link:before { + content: "\f0c1"; +} +.fa-cloud:before { + content: "\f0c2"; +} +.fa-flask:before { + content: "\f0c3"; +} +.fa-cut:before, +.fa-scissors:before { + content: "\f0c4"; +} +.fa-copy:before, +.fa-files-o:before { + content: "\f0c5"; +} +.fa-paperclip:before { + content: "\f0c6"; +} +.fa-save:before, +.fa-floppy-o:before { + content: "\f0c7"; +} +.fa-square:before { + content: "\f0c8"; +} +.fa-navicon:before, +.fa-reorder:before, +.fa-bars:before { + content: "\f0c9"; +} +.fa-list-ul:before { + content: "\f0ca"; +} +.fa-list-ol:before { + content: "\f0cb"; +} +.fa-strikethrough:before { + content: "\f0cc"; +} +.fa-underline:before { + content: "\f0cd"; +} +.fa-table:before { + content: "\f0ce"; +} +.fa-magic:before { + content: "\f0d0"; +} +.fa-truck:before { + content: "\f0d1"; +} +.fa-pinterest:before { + content: "\f0d2"; +} +.fa-pinterest-square:before { + content: "\f0d3"; +} +.fa-google-plus-square:before { + content: "\f0d4"; +} +.fa-google-plus:before { + content: "\f0d5"; +} +.fa-money:before { + content: "\f0d6"; +} +.fa-caret-down:before { + content: "\f0d7"; +} +.fa-caret-up:before { + content: "\f0d8"; +} +.fa-caret-left:before { + content: "\f0d9"; +} +.fa-caret-right:before { + content: "\f0da"; +} +.fa-columns:before { + content: "\f0db"; +} +.fa-unsorted:before, +.fa-sort:before { + content: "\f0dc"; +} +.fa-sort-down:before, +.fa-sort-desc:before { + content: "\f0dd"; +} +.fa-sort-up:before, +.fa-sort-asc:before { + content: "\f0de"; +} +.fa-envelope:before { + content: "\f0e0"; +} +.fa-linkedin:before { + content: "\f0e1"; +} +.fa-rotate-left:before, +.fa-undo:before { + content: "\f0e2"; +} +.fa-legal:before, +.fa-gavel:before { + content: "\f0e3"; +} +.fa-dashboard:before, +.fa-tachometer:before { + content: "\f0e4"; +} +.fa-comment-o:before { + content: "\f0e5"; +} +.fa-comments-o:before { + content: "\f0e6"; +} +.fa-flash:before, +.fa-bolt:before { + content: "\f0e7"; +} +.fa-sitemap:before { + content: "\f0e8"; +} +.fa-umbrella:before { + content: "\f0e9"; +} +.fa-paste:before, +.fa-clipboard:before { + content: "\f0ea"; +} +.fa-lightbulb-o:before { + content: "\f0eb"; +} +.fa-exchange:before { + content: "\f0ec"; +} +.fa-cloud-download:before { + content: "\f0ed"; +} +.fa-cloud-upload:before { + content: "\f0ee"; +} +.fa-user-md:before { + content: "\f0f0"; +} +.fa-stethoscope:before { + content: "\f0f1"; +} +.fa-suitcase:before { + content: "\f0f2"; +} +.fa-bell-o:before { + content: "\f0a2"; +} +.fa-coffee:before { + content: "\f0f4"; +} +.fa-cutlery:before { + content: "\f0f5"; +} +.fa-file-text-o:before { + content: "\f0f6"; +} +.fa-building-o:before { + content: "\f0f7"; +} +.fa-hospital-o:before { + content: "\f0f8"; +} +.fa-ambulance:before { + content: "\f0f9"; +} +.fa-medkit:before { + content: "\f0fa"; +} +.fa-fighter-jet:before { + content: "\f0fb"; +} +.fa-beer:before { + content: "\f0fc"; +} +.fa-h-square:before { + content: "\f0fd"; +} +.fa-plus-square:before { + content: "\f0fe"; +} +.fa-angle-double-left:before { + content: "\f100"; +} +.fa-angle-double-right:before { + content: "\f101"; +} +.fa-angle-double-up:before { + content: "\f102"; +} +.fa-angle-double-down:before { + content: "\f103"; +} +.fa-angle-left:before { + content: "\f104"; +} +.fa-angle-right:before { + content: "\f105"; +} +.fa-angle-up:before { + content: "\f106"; +} +.fa-angle-down:before { + content: "\f107"; +} +.fa-desktop:before { + content: "\f108"; +} +.fa-laptop:before { + content: "\f109"; +} +.fa-tablet:before { + content: "\f10a"; +} +.fa-mobile-phone:before, +.fa-mobile:before { + content: "\f10b"; +} +.fa-circle-o:before { + content: "\f10c"; +} +.fa-quote-left:before { + content: "\f10d"; +} +.fa-quote-right:before { + content: "\f10e"; +} +.fa-spinner:before { + content: "\f110"; +} +.fa-circle:before { + content: "\f111"; +} +.fa-mail-reply:before, +.fa-reply:before { + content: "\f112"; +} +.fa-github-alt:before { + content: "\f113"; +} +.fa-folder-o:before { + content: "\f114"; +} +.fa-folder-open-o:before { + content: "\f115"; +} +.fa-smile-o:before { + content: "\f118"; +} +.fa-frown-o:before { + content: "\f119"; +} +.fa-meh-o:before { + content: "\f11a"; +} +.fa-gamepad:before { + content: "\f11b"; +} +.fa-keyboard-o:before { + content: "\f11c"; +} +.fa-flag-o:before { + content: "\f11d"; +} +.fa-flag-checkered:before { + content: "\f11e"; +} +.fa-terminal:before { + content: "\f120"; +} +.fa-code:before { + content: "\f121"; +} +.fa-mail-reply-all:before, +.fa-reply-all:before { + content: "\f122"; +} +.fa-star-half-empty:before, +.fa-star-half-full:before, +.fa-star-half-o:before { + content: "\f123"; +} +.fa-location-arrow:before { + content: "\f124"; +} +.fa-crop:before { + content: "\f125"; +} +.fa-code-fork:before { + content: "\f126"; +} +.fa-unlink:before, +.fa-chain-broken:before { + content: "\f127"; +} +.fa-question:before { + content: "\f128"; +} +.fa-info:before { + content: "\f129"; +} +.fa-exclamation:before { + content: "\f12a"; +} +.fa-superscript:before { + content: "\f12b"; +} +.fa-subscript:before { + content: "\f12c"; +} +.fa-eraser:before { + content: "\f12d"; +} +.fa-puzzle-piece:before { + content: "\f12e"; +} +.fa-microphone:before { + content: "\f130"; +} +.fa-microphone-slash:before { + content: "\f131"; +} +.fa-shield:before { + content: "\f132"; +} +.fa-calendar-o:before { + content: "\f133"; +} +.fa-fire-extinguisher:before { + content: "\f134"; +} +.fa-rocket:before { + content: "\f135"; +} +.fa-maxcdn:before { + content: "\f136"; +} +.fa-chevron-circle-left:before { + content: "\f137"; +} +.fa-chevron-circle-right:before { + content: "\f138"; +} +.fa-chevron-circle-up:before { + content: "\f139"; +} +.fa-chevron-circle-down:before { + content: "\f13a"; +} +.fa-html5:before { + content: "\f13b"; +} +.fa-css3:before { + content: "\f13c"; +} +.fa-anchor:before { + content: "\f13d"; +} +.fa-unlock-alt:before { + content: "\f13e"; +} +.fa-bullseye:before { + content: "\f140"; +} +.fa-ellipsis-h:before { + content: "\f141"; +} +.fa-ellipsis-v:before { + content: "\f142"; +} +.fa-rss-square:before { + content: "\f143"; +} +.fa-play-circle:before { + content: "\f144"; +} +.fa-ticket:before { + content: "\f145"; +} +.fa-minus-square:before { + content: "\f146"; +} +.fa-minus-square-o:before { + content: "\f147"; +} +.fa-level-up:before { + content: "\f148"; +} +.fa-level-down:before { + content: "\f149"; +} +.fa-check-square:before { + content: "\f14a"; +} +.fa-pencil-square:before { + content: "\f14b"; +} +.fa-external-link-square:before { + content: "\f14c"; +} +.fa-share-square:before { + content: "\f14d"; +} +.fa-compass:before { + content: "\f14e"; +} +.fa-toggle-down:before, +.fa-caret-square-o-down:before { + content: "\f150"; +} +.fa-toggle-up:before, +.fa-caret-square-o-up:before { + content: "\f151"; +} +.fa-toggle-right:before, +.fa-caret-square-o-right:before { + content: "\f152"; +} +.fa-euro:before, +.fa-eur:before { + content: "\f153"; +} +.fa-gbp:before { + content: "\f154"; +} +.fa-dollar:before, +.fa-usd:before { + content: "\f155"; +} +.fa-rupee:before, +.fa-inr:before { + content: "\f156"; +} +.fa-cny:before, +.fa-rmb:before, +.fa-yen:before, +.fa-jpy:before { + content: "\f157"; +} +.fa-ruble:before, +.fa-rouble:before, +.fa-rub:before { + content: "\f158"; +} +.fa-won:before, +.fa-krw:before { + content: "\f159"; +} +.fa-bitcoin:before, +.fa-btc:before { + content: "\f15a"; +} +.fa-file:before { + content: "\f15b"; +} +.fa-file-text:before { + content: "\f15c"; +} +.fa-sort-alpha-asc:before { + content: "\f15d"; +} +.fa-sort-alpha-desc:before { + content: "\f15e"; +} +.fa-sort-amount-asc:before { + content: "\f160"; +} +.fa-sort-amount-desc:before { + content: "\f161"; +} +.fa-sort-numeric-asc:before { + content: "\f162"; +} +.fa-sort-numeric-desc:before { + content: "\f163"; +} +.fa-thumbs-up:before { + content: "\f164"; +} +.fa-thumbs-down:before { + content: "\f165"; +} +.fa-youtube-square:before { + content: "\f166"; +} +.fa-youtube:before { + content: "\f167"; +} +.fa-xing:before { + content: "\f168"; +} +.fa-xing-square:before { + content: "\f169"; +} +.fa-youtube-play:before { + content: "\f16a"; +} +.fa-dropbox:before { + content: "\f16b"; +} +.fa-stack-overflow:before { + content: "\f16c"; +} +.fa-instagram:before { + content: "\f16d"; +} +.fa-flickr:before { + content: "\f16e"; +} +.fa-adn:before { + content: "\f170"; +} +.fa-bitbucket:before { + content: "\f171"; +} +.fa-bitbucket-square:before { + content: "\f172"; +} +.fa-tumblr:before { + content: "\f173"; +} +.fa-tumblr-square:before { + content: "\f174"; +} +.fa-long-arrow-down:before { + content: "\f175"; +} +.fa-long-arrow-up:before { + content: "\f176"; +} +.fa-long-arrow-left:before { + content: "\f177"; +} +.fa-long-arrow-right:before { + content: "\f178"; +} +.fa-apple:before { + content: "\f179"; +} +.fa-windows:before { + content: "\f17a"; +} +.fa-android:before { + content: "\f17b"; +} +.fa-linux:before { + content: "\f17c"; +} +.fa-dribbble:before { + content: "\f17d"; +} +.fa-skype:before { + content: "\f17e"; +} +.fa-foursquare:before { + content: "\f180"; +} +.fa-trello:before { + content: "\f181"; +} +.fa-female:before { + content: "\f182"; +} +.fa-male:before { + content: "\f183"; +} +.fa-gittip:before, +.fa-gratipay:before { + content: "\f184"; +} +.fa-sun-o:before { + content: "\f185"; +} +.fa-moon-o:before { + content: "\f186"; +} +.fa-archive:before { + content: "\f187"; +} +.fa-bug:before { + content: "\f188"; +} +.fa-vk:before { + content: "\f189"; +} +.fa-weibo:before { + content: "\f18a"; +} +.fa-renren:before { + content: "\f18b"; +} +.fa-pagelines:before { + content: "\f18c"; +} +.fa-stack-exchange:before { + content: "\f18d"; +} +.fa-arrow-circle-o-right:before { + content: "\f18e"; +} +.fa-arrow-circle-o-left:before { + content: "\f190"; +} +.fa-toggle-left:before, +.fa-caret-square-o-left:before { + content: "\f191"; +} +.fa-dot-circle-o:before { + content: "\f192"; +} +.fa-wheelchair:before { + content: "\f193"; +} +.fa-vimeo-square:before { + content: "\f194"; +} +.fa-turkish-lira:before, +.fa-try:before { + content: "\f195"; +} +.fa-plus-square-o:before { + content: "\f196"; +} +.fa-space-shuttle:before { + content: "\f197"; +} +.fa-slack:before { + content: "\f198"; +} +.fa-envelope-square:before { + content: "\f199"; +} +.fa-wordpress:before { + content: "\f19a"; +} +.fa-openid:before { + content: "\f19b"; +} +.fa-institution:before, +.fa-bank:before, +.fa-university:before { + content: "\f19c"; +} +.fa-mortar-board:before, +.fa-graduation-cap:before { + content: "\f19d"; +} +.fa-yahoo:before { + content: "\f19e"; +} +.fa-google:before { + content: "\f1a0"; +} +.fa-reddit:before { + content: "\f1a1"; +} +.fa-reddit-square:before { + content: "\f1a2"; +} +.fa-stumbleupon-circle:before { + content: "\f1a3"; +} +.fa-stumbleupon:before { + content: "\f1a4"; +} +.fa-delicious:before { + content: "\f1a5"; +} +.fa-digg:before { + content: "\f1a6"; +} +.fa-pied-piper:before { + content: "\f1a7"; +} +.fa-pied-piper-alt:before { + content: "\f1a8"; +} +.fa-drupal:before { + content: "\f1a9"; +} +.fa-joomla:before { + content: "\f1aa"; +} +.fa-language:before { + content: "\f1ab"; +} +.fa-fax:before { + content: "\f1ac"; +} +.fa-building:before { + content: "\f1ad"; +} +.fa-child:before { + content: "\f1ae"; +} +.fa-paw:before { + content: "\f1b0"; +} +.fa-spoon:before { + content: "\f1b1"; +} +.fa-cube:before { + content: "\f1b2"; +} +.fa-cubes:before { + content: "\f1b3"; +} +.fa-behance:before { + content: "\f1b4"; +} +.fa-behance-square:before { + content: "\f1b5"; +} +.fa-steam:before { + content: "\f1b6"; +} +.fa-steam-square:before { + content: "\f1b7"; +} +.fa-recycle:before { + content: "\f1b8"; +} +.fa-automobile:before, +.fa-car:before { + content: "\f1b9"; +} +.fa-cab:before, +.fa-taxi:before { + content: "\f1ba"; +} +.fa-tree:before { + content: "\f1bb"; +} +.fa-spotify:before { + content: "\f1bc"; +} +.fa-deviantart:before { + content: "\f1bd"; +} +.fa-soundcloud:before { + content: "\f1be"; +} +.fa-database:before { + content: "\f1c0"; +} +.fa-file-pdf-o:before { + content: "\f1c1"; +} +.fa-file-word-o:before { + content: "\f1c2"; +} +.fa-file-excel-o:before { + content: "\f1c3"; +} +.fa-file-powerpoint-o:before { + content: "\f1c4"; +} +.fa-file-photo-o:before, +.fa-file-picture-o:before, +.fa-file-image-o:before { + content: "\f1c5"; +} +.fa-file-zip-o:before, +.fa-file-archive-o:before { + content: "\f1c6"; +} +.fa-file-sound-o:before, +.fa-file-audio-o:before { + content: "\f1c7"; +} +.fa-file-movie-o:before, +.fa-file-video-o:before { + content: "\f1c8"; +} +.fa-file-code-o:before { + content: "\f1c9"; +} +.fa-vine:before { + content: "\f1ca"; +} +.fa-codepen:before { + content: "\f1cb"; +} +.fa-jsfiddle:before { + content: "\f1cc"; +} +.fa-life-bouy:before, +.fa-life-buoy:before, +.fa-life-saver:before, +.fa-support:before, +.fa-life-ring:before { + content: "\f1cd"; +} +.fa-circle-o-notch:before { + content: "\f1ce"; +} +.fa-ra:before, +.fa-rebel:before { + content: "\f1d0"; +} +.fa-ge:before, +.fa-empire:before { + content: "\f1d1"; +} +.fa-git-square:before { + content: "\f1d2"; +} +.fa-git:before { + content: "\f1d3"; +} +.fa-hacker-news:before { + content: "\f1d4"; +} +.fa-tencent-weibo:before { + content: "\f1d5"; +} +.fa-qq:before { + content: "\f1d6"; +} +.fa-wechat:before, +.fa-weixin:before { + content: "\f1d7"; +} +.fa-send:before, +.fa-paper-plane:before { + content: "\f1d8"; +} +.fa-send-o:before, +.fa-paper-plane-o:before { + content: "\f1d9"; +} +.fa-history:before { + content: "\f1da"; +} +.fa-genderless:before, +.fa-circle-thin:before { + content: "\f1db"; +} +.fa-header:before { + content: "\f1dc"; +} +.fa-paragraph:before { + content: "\f1dd"; +} +.fa-sliders:before { + content: "\f1de"; +} +.fa-share-alt:before { + content: "\f1e0"; +} +.fa-share-alt-square:before { + content: "\f1e1"; +} +.fa-bomb:before { + content: "\f1e2"; +} +.fa-soccer-ball-o:before, +.fa-futbol-o:before { + content: "\f1e3"; +} +.fa-tty:before { + content: "\f1e4"; +} +.fa-binoculars:before { + content: "\f1e5"; +} +.fa-plug:before { + content: "\f1e6"; +} +.fa-slideshare:before { + content: "\f1e7"; +} +.fa-twitch:before { + content: "\f1e8"; +} +.fa-yelp:before { + content: "\f1e9"; +} +.fa-newspaper-o:before { + content: "\f1ea"; +} +.fa-wifi:before { + content: "\f1eb"; +} +.fa-calculator:before { + content: "\f1ec"; +} +.fa-paypal:before { + content: "\f1ed"; +} +.fa-google-wallet:before { + content: "\f1ee"; +} +.fa-cc-visa:before { + content: "\f1f0"; +} +.fa-cc-mastercard:before { + content: "\f1f1"; +} +.fa-cc-discover:before { + content: "\f1f2"; +} +.fa-cc-amex:before { + content: "\f1f3"; +} +.fa-cc-paypal:before { + content: "\f1f4"; +} +.fa-cc-stripe:before { + content: "\f1f5"; +} +.fa-bell-slash:before { + content: "\f1f6"; +} +.fa-bell-slash-o:before { + content: "\f1f7"; +} +.fa-trash:before { + content: "\f1f8"; +} +.fa-copyright:before { + content: "\f1f9"; +} +.fa-at:before { + content: "\f1fa"; +} +.fa-eyedropper:before { + content: "\f1fb"; +} +.fa-paint-brush:before { + content: "\f1fc"; +} +.fa-birthday-cake:before { + content: "\f1fd"; +} +.fa-area-chart:before { + content: "\f1fe"; +} +.fa-pie-chart:before { + content: "\f200"; +} +.fa-line-chart:before { + content: "\f201"; +} +.fa-lastfm:before { + content: "\f202"; +} +.fa-lastfm-square:before { + content: "\f203"; +} +.fa-toggle-off:before { + content: "\f204"; +} +.fa-toggle-on:before { + content: "\f205"; +} +.fa-bicycle:before { + content: "\f206"; +} +.fa-bus:before { + content: "\f207"; +} +.fa-ioxhost:before { + content: "\f208"; +} +.fa-angellist:before { + content: "\f209"; +} +.fa-cc:before { + content: "\f20a"; +} +.fa-shekel:before, +.fa-sheqel:before, +.fa-ils:before { + content: "\f20b"; +} +.fa-meanpath:before { + content: "\f20c"; +} +.fa-buysellads:before { + content: "\f20d"; +} +.fa-connectdevelop:before { + content: "\f20e"; +} +.fa-dashcube:before { + content: "\f210"; +} +.fa-forumbee:before { + content: "\f211"; +} +.fa-leanpub:before { + content: "\f212"; +} +.fa-sellsy:before { + content: "\f213"; +} +.fa-shirtsinbulk:before { + content: "\f214"; +} +.fa-simplybuilt:before { + content: "\f215"; +} +.fa-skyatlas:before { + content: "\f216"; +} +.fa-cart-plus:before { + content: "\f217"; +} +.fa-cart-arrow-down:before { + content: "\f218"; +} +.fa-diamond:before { + content: "\f219"; +} +.fa-ship:before { + content: "\f21a"; +} +.fa-user-secret:before { + content: "\f21b"; +} +.fa-motorcycle:before { + content: "\f21c"; +} +.fa-street-view:before { + content: "\f21d"; +} +.fa-heartbeat:before { + content: "\f21e"; +} +.fa-venus:before { + content: "\f221"; +} +.fa-mars:before { + content: "\f222"; +} +.fa-mercury:before { + content: "\f223"; +} +.fa-transgender:before { + content: "\f224"; +} +.fa-transgender-alt:before { + content: "\f225"; +} +.fa-venus-double:before { + content: "\f226"; +} +.fa-mars-double:before { + content: "\f227"; +} +.fa-venus-mars:before { + content: "\f228"; +} +.fa-mars-stroke:before { + content: "\f229"; +} +.fa-mars-stroke-v:before { + content: "\f22a"; +} +.fa-mars-stroke-h:before { + content: "\f22b"; +} +.fa-neuter:before { + content: "\f22c"; +} +.fa-facebook-official:before { + content: "\f230"; +} +.fa-pinterest-p:before { + content: "\f231"; +} +.fa-whatsapp:before { + content: "\f232"; +} +.fa-server:before { + content: "\f233"; +} +.fa-user-plus:before { + content: "\f234"; +} +.fa-user-times:before { + content: "\f235"; +} +.fa-hotel:before, +.fa-bed:before { + content: "\f236"; +} +.fa-viacoin:before { + content: "\f237"; +} +.fa-train:before { + content: "\f238"; +} +.fa-subway:before { + content: "\f239"; +} +.fa-medium:before { + content: "\f23a"; +} diff --git a/tools/infra-dashboard/css/fullcalendar.css b/tools/infra-dashboard/css/fullcalendar.css new file mode 100644 index 00000000..89684cb3 --- /dev/null +++ b/tools/infra-dashboard/css/fullcalendar.css @@ -0,0 +1,1260 @@ +/*! + * FullCalendar v2.7.2 Stylesheet + * Docs & License: http://fullcalendar.io/ + * (c) 2016 Adam Shaw + */ + + +.fc { + direction: ltr; + text-align: left; +} + +.fc-rtl { + text-align: right; +} + +body .fc { /* extra precedence to overcome jqui */ + font-size: 1em; +} + + +/* Colors +--------------------------------------------------------------------------------------------------*/ + +.fc-unthemed th, +.fc-unthemed td, +.fc-unthemed thead, +.fc-unthemed tbody, +.fc-unthemed .fc-divider, +.fc-unthemed .fc-row, +.fc-unthemed .fc-content, /* for gutter border */ +.fc-unthemed .fc-popover { + border-color: #ddd; +} + +.fc-unthemed .fc-popover { + background-color: #fff; +} + +.fc-unthemed .fc-divider, +.fc-unthemed .fc-popover .fc-header { + background: #eee; +} + +.fc-unthemed .fc-popover .fc-header .fc-close { + color: #666; +} + +.fc-unthemed .fc-today { + background: #fcf8e3; +} + +.fc-highlight { /* when user is selecting cells */ + background: #bce8f1; + opacity: .3; + filter: alpha(opacity=30); /* for IE */ +} + +.fc-bgevent { /* default look for background events */ + background: rgb(143, 223, 130); + opacity: .3; + filter: alpha(opacity=30); /* for IE */ +} + +.fc-nonbusiness { /* default look for non-business-hours areas */ + /* will inherit .fc-bgevent's styles */ + background: #d7d7d7; +} + + +/* Icons (inline elements with styled text that mock arrow icons) +--------------------------------------------------------------------------------------------------*/ + +.fc-icon { + display: inline-block; + height: 1em; + line-height: 1em; + font-size: 1em; + text-align: center; + overflow: hidden; + font-family: "Courier New", Courier, monospace; + + /* don't allow browser text-selection */ + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + } + +/* +Acceptable font-family overrides for individual icons: + "Arial", sans-serif + "Times New Roman", serif + +NOTE: use percentage font sizes or else old IE chokes +*/ + +.fc-icon:after { + position: relative; +} + +.fc-icon-left-single-arrow:after { + content: "\02039"; + font-weight: bold; + font-size: 200%; + top: -7%; +} + +.fc-icon-right-single-arrow:after { + content: "\0203A"; + font-weight: bold; + font-size: 200%; + top: -7%; +} + +.fc-icon-left-double-arrow:after { + content: "\000AB"; + font-size: 160%; + top: -7%; +} + +.fc-icon-right-double-arrow:after { + content: "\000BB"; + font-size: 160%; + top: -7%; +} + +.fc-icon-left-triangle:after { + content: "\25C4"; + font-size: 125%; + top: 3%; +} + +.fc-icon-right-triangle:after { + content: "\25BA"; + font-size: 125%; + top: 3%; +} + +.fc-icon-down-triangle:after { + content: "\25BC"; + font-size: 125%; + top: 2%; +} + +.fc-icon-x:after { + content: "\000D7"; + font-size: 200%; + top: 6%; +} + + +/* Buttons (styled <button> tags, normalized to work cross-browser) +--------------------------------------------------------------------------------------------------*/ + +.fc button { + /* force height to include the border and padding */ + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; + + /* dimensions */ + margin: 0; + height: 2.1em; + padding: 0 .6em; + + /* text & cursor */ + font-size: 1em; /* normalize */ + white-space: nowrap; + cursor: pointer; +} + +/* Firefox has an annoying inner border */ +.fc button::-moz-focus-inner { margin: 0; padding: 0; } + +.fc-state-default { /* non-theme */ + border: 1px solid; +} + +.fc-state-default.fc-corner-left { /* non-theme */ + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} + +.fc-state-default.fc-corner-right { /* non-theme */ + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +/* icons in buttons */ + +.fc button .fc-icon { /* non-theme */ + position: relative; + top: -0.05em; /* seems to be a good adjustment across browsers */ + margin: 0 .2em; + vertical-align: middle; +} + +/* + button states + borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/) +*/ + +.fc-state-default { + background-color: #f5f5f5; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); + background-repeat: repeat-x; + border-color: #e6e6e6 #e6e6e6 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + color: #333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.fc-state-hover, +.fc-state-down, +.fc-state-active, +.fc-state-disabled { + color: #333333; + background-color: #e6e6e6; +} + +.fc-state-hover { + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} + +.fc-state-down, +.fc-state-active { + background-color: #cccccc; + background-image: none; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.fc-state-disabled { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + box-shadow: none; +} + + +/* Buttons Groups +--------------------------------------------------------------------------------------------------*/ + +.fc-button-group { + display: inline-block; +} + +/* +every button that is not first in a button group should scootch over one pixel and cover the +previous button's border... +*/ + +.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */ + float: left; + margin: 0 0 0 -1px; +} + +.fc .fc-button-group > :first-child { /* same */ + margin-left: 0; +} + + +/* Popover +--------------------------------------------------------------------------------------------------*/ + +.fc-popover { + position: absolute; + box-shadow: 0 2px 6px rgba(0,0,0,.15); +} + +.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */ + padding: 2px 4px; +} + +.fc-popover .fc-header .fc-title { + margin: 0 2px; +} + +.fc-popover .fc-header .fc-close { + cursor: pointer; +} + +.fc-ltr .fc-popover .fc-header .fc-title, +.fc-rtl .fc-popover .fc-header .fc-close { + float: left; +} + +.fc-rtl .fc-popover .fc-header .fc-title, +.fc-ltr .fc-popover .fc-header .fc-close { + float: right; +} + +/* unthemed */ + +.fc-unthemed .fc-popover { + border-width: 1px; + border-style: solid; +} + +.fc-unthemed .fc-popover .fc-header .fc-close { + font-size: .9em; + margin-top: 2px; +} + +/* jqui themed */ + +.fc-popover > .ui-widget-header + .ui-widget-content { + border-top: 0; /* where they meet, let the header have the border */ +} + + +/* Misc Reusable Components +--------------------------------------------------------------------------------------------------*/ + +.fc-divider { + border-style: solid; + border-width: 1px; +} + +hr.fc-divider { + height: 0; + margin: 0; + padding: 0 0 2px; /* height is unreliable across browsers, so use padding */ + border-width: 1px 0; +} + +.fc-clear { + clear: both; +} + +.fc-bg, +.fc-bgevent-skeleton, +.fc-highlight-skeleton, +.fc-helper-skeleton { + /* these element should always cling to top-left/right corners */ + position: absolute; + top: 0; + left: 0; + right: 0; +} + +.fc-bg { + bottom: 0; /* strech bg to bottom edge */ +} + +.fc-bg table { + height: 100%; /* strech bg to bottom edge */ +} + + +/* Tables +--------------------------------------------------------------------------------------------------*/ + +.fc table { + width: 100%; + table-layout: fixed; + border-collapse: collapse; + border-spacing: 0; + font-size: 1em; /* normalize cross-browser */ +} + +.fc th { + text-align: center; +} + +.fc th, +.fc td { + border-style: solid; + border-width: 1px; + padding: 0; + vertical-align: top; +} + +.fc td.fc-today { + border-style: double; /* overcome neighboring borders */ +} + + +/* Fake Table Rows +--------------------------------------------------------------------------------------------------*/ + +.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */ + /* no visible border by default. but make available if need be (scrollbar width compensation) */ + border-style: solid; + border-width: 0; +} + +.fc-row table { + /* don't put left/right border on anything within a fake row. + the outer tbody will worry about this */ + border-left: 0 hidden transparent; + border-right: 0 hidden transparent; + + /* no bottom borders on rows */ + border-bottom: 0 hidden transparent; +} + +.fc-row:first-child table { + border-top: 0 hidden transparent; /* no top border on first row */ +} + + +/* Day Row (used within the header and the DayGrid) +--------------------------------------------------------------------------------------------------*/ + +.fc-row { + position: relative; +} + +.fc-row .fc-bg { + z-index: 1; +} + +/* highlighting cells & background event skeleton */ + +.fc-row .fc-bgevent-skeleton, +.fc-row .fc-highlight-skeleton { + bottom: 0; /* stretch skeleton to bottom of row */ +} + +.fc-row .fc-bgevent-skeleton table, +.fc-row .fc-highlight-skeleton table { + height: 100%; /* stretch skeleton to bottom of row */ +} + +.fc-row .fc-highlight-skeleton td, +.fc-row .fc-bgevent-skeleton td { + border-color: transparent; +} + +.fc-row .fc-bgevent-skeleton { + z-index: 2; + +} + +.fc-row .fc-highlight-skeleton { + z-index: 3; +} + +/* +row content (which contains day/week numbers and events) as well as "helper" (which contains +temporary rendered events). +*/ + +.fc-row .fc-content-skeleton { + position: relative; + z-index: 4; + padding-bottom: 2px; /* matches the space above the events */ +} + +.fc-row .fc-helper-skeleton { + z-index: 5; +} + +.fc-row .fc-content-skeleton td, +.fc-row .fc-helper-skeleton td { + /* see-through to the background below */ + background: none; /* in case <td>s are globally styled */ + border-color: transparent; + + /* don't put a border between events and/or the day number */ + border-bottom: 0; +} + +.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */ +.fc-row .fc-helper-skeleton tbody td { + /* don't put a border between event cells */ + border-top: 0; +} + + +/* Scrolling Container +--------------------------------------------------------------------------------------------------*/ + +.fc-scroller { + -webkit-overflow-scrolling: touch; +} + +/* TODO: move to agenda/basic */ +.fc-scroller > .fc-day-grid, +.fc-scroller > .fc-time-grid { + position: relative; /* re-scope all positions */ + width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */ +} + + +/* Global Event Styles +--------------------------------------------------------------------------------------------------*/ + +.fc-event { + position: relative; /* for resize handle and other inner positioning */ + display: block; /* make the <a> tag block */ + font-size: .85em; + line-height: 1.3; + border-radius: 3px; + border: 1px solid #3a87ad; /* default BORDER color */ + background-color: #3a87ad; /* default BACKGROUND color */ + font-weight: normal; /* undo jqui's ui-widget-header bold */ +} + +/* overpower some of bootstrap's and jqui's styles on <a> tags */ +.fc-event, +.fc-event:hover, +.ui-widget .fc-event { + color: #fff; /* default TEXT color */ + text-decoration: none; /* if <a> has an href */ +} + +.fc-event[href], +.fc-event.fc-draggable { + cursor: pointer; /* give events with links and draggable events a hand mouse pointer */ +} + +.fc-not-allowed, /* causes a "warning" cursor. applied on body */ +.fc-not-allowed .fc-event { /* to override an event's custom cursor */ + cursor: not-allowed; +} + +.fc-event .fc-bg { /* the generic .fc-bg already does position */ + z-index: 1; + background: #fff; + opacity: .25; + filter: alpha(opacity=25); /* for IE */ +} + +.fc-event .fc-content { + position: relative; + z-index: 2; +} + +/* resizer (cursor AND touch devices) */ + +.fc-event .fc-resizer { + position: absolute; + z-index: 4; +} + +/* resizer (touch devices) */ + +.fc-event .fc-resizer { + display: none; +} + +.fc-event.fc-allow-mouse-resize .fc-resizer, +.fc-event.fc-selected .fc-resizer { + /* only show when hovering or selected (with touch) */ + display: block; +} + +/* hit area */ + +.fc-event.fc-selected .fc-resizer:before { + /* 40x40 touch area */ + content: ""; + position: absolute; + z-index: 9999; /* user of this util can scope within a lower z-index */ + top: 50%; + left: 50%; + width: 40px; + height: 40px; + margin-left: -20px; + margin-top: -20px; +} + + +/* Event Selection (only for touch devices) +--------------------------------------------------------------------------------------------------*/ + +.fc-event.fc-selected { + z-index: 9999 !important; /* overcomes inline z-index */ + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); +} + +.fc-event.fc-selected.fc-dragging { + box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); +} + + +/* Horizontal Events +--------------------------------------------------------------------------------------------------*/ + +/* bigger touch area when selected */ +.fc-h-event.fc-selected:before { + content: ""; + position: absolute; + z-index: 3; /* below resizers */ + top: -10px; + bottom: -10px; + left: 0; + right: 0; +} + +/* events that are continuing to/from another week. kill rounded corners and butt up against edge */ + +.fc-ltr .fc-h-event.fc-not-start, +.fc-rtl .fc-h-event.fc-not-end { + margin-left: 0; + border-left-width: 0; + padding-left: 1px; /* replace the border with padding */ + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.fc-ltr .fc-h-event.fc-not-end, +.fc-rtl .fc-h-event.fc-not-start { + margin-right: 0; + border-right-width: 0; + padding-right: 1px; /* replace the border with padding */ + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +/* resizer (cursor AND touch devices) */ + +/* left resizer */ +.fc-ltr .fc-h-event .fc-start-resizer, +.fc-rtl .fc-h-event .fc-end-resizer { + cursor: w-resize; + left: -1px; /* overcome border */ +} + +/* right resizer */ +.fc-ltr .fc-h-event .fc-end-resizer, +.fc-rtl .fc-h-event .fc-start-resizer { + cursor: e-resize; + right: -1px; /* overcome border */ +} + +/* resizer (mouse devices) */ + +.fc-h-event.fc-allow-mouse-resize .fc-resizer { + width: 7px; + top: -1px; /* overcome top border */ + bottom: -1px; /* overcome bottom border */ +} + +/* resizer (touch devices) */ + +.fc-h-event.fc-selected .fc-resizer { + /* 8x8 little dot */ + border-radius: 4px; + border-width: 1px; + width: 6px; + height: 6px; + border-style: solid; + border-color: inherit; + background: #fff; + /* vertically center */ + top: 50%; + margin-top: -4px; +} + +/* left resizer */ +.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, +.fc-rtl .fc-h-event.fc-selected .fc-end-resizer { + margin-left: -4px; /* centers the 8x8 dot on the left edge */ +} + +/* right resizer */ +.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, +.fc-rtl .fc-h-event.fc-selected .fc-start-resizer { + margin-right: -4px; /* centers the 8x8 dot on the right edge */ +} + + +/* DayGrid events +---------------------------------------------------------------------------------------------------- +We use the full "fc-day-grid-event" class instead of using descendants because the event won't +be a descendant of the grid when it is being dragged. +*/ + +.fc-day-grid-event { + margin: 1px 2px 0; /* spacing between events and edges */ + padding: 0 1px; +} + +.fc-day-grid-event.fc-selected:after { + content: ""; + position: absolute; + z-index: 1; /* same z-index as fc-bg, behind text */ + /* overcome the borders */ + top: -1px; + right: -1px; + bottom: -1px; + left: -1px; + /* darkening effect */ + background: #000; + opacity: .25; + filter: alpha(opacity=25); /* for IE */ +} + +.fc-day-grid-event .fc-content { /* force events to be one-line tall */ + white-space: nowrap; + overflow: hidden; +} + +.fc-day-grid-event .fc-time { + font-weight: bold; +} + +/* resizer (cursor devices) */ + +/* left resizer */ +.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, +.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer { + margin-left: -2px; /* to the day cell's edge */ +} + +/* right resizer */ +.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, +.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer { + margin-right: -2px; /* to the day cell's edge */ +} + + +/* Event Limiting +--------------------------------------------------------------------------------------------------*/ + +/* "more" link that represents hidden events */ + +a.fc-more { + margin: 1px 3px; + font-size: .85em; + cursor: pointer; + text-decoration: none; +} + +a.fc-more:hover { + text-decoration: underline; +} + +.fc-limited { /* rows and cells that are hidden because of a "more" link */ + display: none; +} + +/* popover that appears when "more" link is clicked */ + +.fc-day-grid .fc-row { + z-index: 1; /* make the "more" popover one higher than this */ +} + +.fc-more-popover { + z-index: 2; + width: 220px; +} + +.fc-more-popover .fc-event-container { + padding: 10px; +} + + +/* Now Indicator +--------------------------------------------------------------------------------------------------*/ + +.fc-now-indicator { + position: absolute; + border: 0 solid red; +} + + +/* Utilities +--------------------------------------------------------------------------------------------------*/ + +.fc-unselectable { + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + -webkit-touch-callout: none; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +/* Toolbar +--------------------------------------------------------------------------------------------------*/ + +.fc-toolbar { + text-align: center; + margin-bottom: 1em; +} + +.fc-toolbar .fc-left { + float: left; +} + +.fc-toolbar .fc-right { + float: right; +} + +.fc-toolbar .fc-center { + display: inline-block; +} + +/* the things within each left/right/center section */ +.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */ + float: left; + margin-left: .75em; +} + +/* the first thing within each left/center/right section */ +.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */ + margin-left: 0; +} + +/* title text */ + +.fc-toolbar h2 { + margin: 0; +} + +/* button layering (for border precedence) */ + +.fc-toolbar button { + position: relative; +} + +.fc-toolbar .fc-state-hover, +.fc-toolbar .ui-state-hover { + z-index: 2; +} + +.fc-toolbar .fc-state-down { + z-index: 3; +} + +.fc-toolbar .fc-state-active, +.fc-toolbar .ui-state-active { + z-index: 4; +} + +.fc-toolbar button:focus { + z-index: 5; +} + + +/* View Structure +--------------------------------------------------------------------------------------------------*/ + +/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */ +/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */ +.fc-view-container *, +.fc-view-container *:before, +.fc-view-container *:after { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +.fc-view, /* scope positioning and z-index's for everything within the view */ +.fc-view > table { /* so dragged elements can be above the view's main element */ + position: relative; + z-index: 1; +} + +/* BasicView +--------------------------------------------------------------------------------------------------*/ + +/* day row structure */ + +.fc-basicWeek-view .fc-content-skeleton, +.fc-basicDay-view .fc-content-skeleton { + /* we are sure there are no day numbers in these views, so... */ + padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */ + padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */ +} + +.fc-basic-view .fc-body .fc-row { + min-height: 4em; /* ensure that all rows are at least this tall */ +} + +/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */ + +.fc-row.fc-rigid { + overflow: hidden; +} + +.fc-row.fc-rigid .fc-content-skeleton { + position: absolute; + top: 0; + left: 0; + right: 0; +} + +/* week and day number styling */ + +.fc-basic-view .fc-week-number, +.fc-basic-view .fc-day-number { + padding: 0 2px; +} + +.fc-basic-view td.fc-week-number span, +.fc-basic-view td.fc-day-number { + padding-top: 2px; + padding-bottom: 2px; +} + +.fc-basic-view .fc-week-number { + text-align: center; +} + +.fc-basic-view .fc-week-number span { + /* work around the way we do column resizing and ensure a minimum width */ + display: inline-block; + min-width: 1.25em; +} + +.fc-ltr .fc-basic-view .fc-day-number { + text-align: right; +} + +.fc-rtl .fc-basic-view .fc-day-number { + text-align: left; +} + +.fc-day-number.fc-other-month { + opacity: 0.3; + filter: alpha(opacity=30); /* for IE */ + /* opacity with small font can sometimes look too faded + might want to set the 'color' property instead + making day-numbers bold also fixes the problem */ +} + +/* AgendaView all-day area +--------------------------------------------------------------------------------------------------*/ + +.fc-agenda-view .fc-day-grid { + position: relative; + z-index: 2; /* so the "more.." popover will be over the time grid */ +} + +.fc-agenda-view .fc-day-grid .fc-row { + min-height: 3em; /* all-day section will never get shorter than this */ +} + +.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { + padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */ + padding-bottom: 1em; /* give space underneath events for clicking/selecting days */ +} + + +/* TimeGrid axis running down the side (for both the all-day area and the slot area) +--------------------------------------------------------------------------------------------------*/ + +.fc .fc-axis { /* .fc to overcome default cell styles */ + vertical-align: middle; + padding: 0 4px; + white-space: nowrap; +} + +.fc-ltr .fc-axis { + text-align: right; +} + +.fc-rtl .fc-axis { + text-align: left; +} + +.ui-widget td.fc-axis { + font-weight: normal; /* overcome jqui theme making it bold */ +} + + +/* TimeGrid Structure +--------------------------------------------------------------------------------------------------*/ + +.fc-time-grid-container, /* so scroll container's z-index is below all-day */ +.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */ + position: relative; + z-index: 1; +} + +.fc-time-grid { + min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */ +} + +.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */ + border: 0 hidden transparent; +} + +.fc-time-grid > .fc-bg { + z-index: 1; +} + +.fc-time-grid .fc-slats, +.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */ + position: relative; + z-index: 2; +} + +.fc-time-grid .fc-content-col { + position: relative; /* because now-indicator lives directly inside */ +} + +.fc-time-grid .fc-content-skeleton { + position: absolute; + z-index: 3; + top: 0; + left: 0; + right: 0; +} + +/* divs within a cell within the fc-content-skeleton */ + +.fc-time-grid .fc-business-container { + position: relative; + z-index: 1; +} + +.fc-time-grid .fc-bgevent-container { + position: relative; + z-index: 2; +} + +.fc-time-grid .fc-highlight-container { + position: relative; + z-index: 3; +} + +.fc-time-grid .fc-event-container { + position: relative; + z-index: 4; +} + +.fc-time-grid .fc-now-indicator-line { + z-index: 5; +} + +.fc-time-grid .fc-helper-container { /* also is fc-event-container */ + position: relative; + z-index: 6; +} + + +/* TimeGrid Slats (lines that run horizontally) +--------------------------------------------------------------------------------------------------*/ + +.fc-time-grid .fc-slats td { + height: 1.5em; + border-bottom: 0; /* each cell is responsible for its top border */ +} + +.fc-time-grid .fc-slats .fc-minor td { + border-top-style: dotted; +} + +.fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */ + background: none; /* see through to fc-bg */ +} + + +/* TimeGrid Highlighting Slots +--------------------------------------------------------------------------------------------------*/ + +.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */ + position: relative; /* scopes the left/right of the fc-highlight to be in the column */ +} + +.fc-time-grid .fc-highlight { + position: absolute; + left: 0; + right: 0; + /* top and bottom will be in by JS */ +} + + +/* TimeGrid Event Containment +--------------------------------------------------------------------------------------------------*/ + +.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */ + margin: 0 2.5% 0 2px; +} + +.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */ + margin: 0 2px 0 2.5%; +} + +.fc-time-grid .fc-event, +.fc-time-grid .fc-bgevent { + position: absolute; + z-index: 1; /* scope inner z-index's */ +} + +.fc-time-grid .fc-bgevent { + /* background events always span full width */ + left: 0; + right: 0; +} + + +/* Generic Vertical Event +--------------------------------------------------------------------------------------------------*/ + +.fc-v-event.fc-not-start { /* events that are continuing from another day */ + /* replace space made by the top border with padding */ + border-top-width: 0; + padding-top: 1px; + + /* remove top rounded corners */ + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.fc-v-event.fc-not-end { + /* replace space made by the top border with padding */ + border-bottom-width: 0; + padding-bottom: 1px; + + /* remove bottom rounded corners */ + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} + + +/* TimeGrid Event Styling +---------------------------------------------------------------------------------------------------- +We use the full "fc-time-grid-event" class instead of using descendants because the event won't +be a descendant of the grid when it is being dragged. +*/ + +.fc-time-grid-event { + overflow: hidden; /* don't let the bg flow over rounded corners */ +} + +.fc-time-grid-event.fc-selected { + /* need to allow touch resizers to extend outside event's bounding box */ + /* common fc-selected styles hide the fc-bg, so don't need this anyway */ + overflow: visible; +} + +.fc-time-grid-event.fc-selected .fc-bg { + display: none; /* hide semi-white background, to appear darker */ +} + +.fc-time-grid-event .fc-content { + overflow: hidden; /* for when .fc-selected */ +} + +.fc-time-grid-event .fc-time, +.fc-time-grid-event .fc-title { + padding: 0 1px; +} + +.fc-time-grid-event .fc-time { + font-size: .85em; + white-space: nowrap; +} + +/* short mode, where time and title are on the same line */ + +.fc-time-grid-event.fc-short .fc-content { + /* don't wrap to second line (now that contents will be inline) */ + white-space: nowrap; +} + +.fc-time-grid-event.fc-short .fc-time, +.fc-time-grid-event.fc-short .fc-title { + /* put the time and title on the same line */ + display: inline-block; + vertical-align: top; +} + +.fc-time-grid-event.fc-short .fc-time span { + display: none; /* don't display the full time text... */ +} + +.fc-time-grid-event.fc-short .fc-time:before { + content: attr(data-start); /* ...instead, display only the start time */ +} + +.fc-time-grid-event.fc-short .fc-time:after { + content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */ +} + +.fc-time-grid-event.fc-short .fc-title { + font-size: .85em; /* make the title text the same size as the time */ + padding: 0; /* undo padding from above */ +} + +/* resizer (cursor device) */ + +.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer { + left: 0; + right: 0; + bottom: 0; + height: 8px; + overflow: hidden; + line-height: 8px; + font-size: 11px; + font-family: monospace; + text-align: center; + cursor: s-resize; +} + +.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after { + content: "="; +} + +/* resizer (touch device) */ + +.fc-time-grid-event.fc-selected .fc-resizer { + /* 10x10 dot */ + border-radius: 5px; + border-width: 1px; + width: 8px; + height: 8px; + border-style: solid; + border-color: inherit; + background: #fff; + /* horizontally center */ + left: 50%; + margin-left: -5px; + /* center on the bottom edge */ + bottom: -5px; +} + + +/* Now Indicator +--------------------------------------------------------------------------------------------------*/ + +.fc-time-grid .fc-now-indicator-line { + border-top-width: 1px; + left: 0; + right: 0; +} + +/* arrow on axis */ + +.fc-time-grid .fc-now-indicator-arrow { + margin-top: -5px; /* vertically center on top coordinate */ +} + +.fc-ltr .fc-time-grid .fc-now-indicator-arrow { + left: 0; + /* triangle pointing right... */ + border-width: 5px 0 5px 6px; + border-top-color: transparent; + border-bottom-color: transparent; +} + +.fc-rtl .fc-time-grid .fc-now-indicator-arrow { + right: 0; + /* triangle pointing left... */ + border-width: 5px 6px 5px 0; + border-top-color: transparent; + border-bottom-color: transparent; +} diff --git a/tools/infra-dashboard/css/fullcalendar.print.css b/tools/infra-dashboard/css/fullcalendar.print.css new file mode 100644 index 00000000..af884fc8 --- /dev/null +++ b/tools/infra-dashboard/css/fullcalendar.print.css @@ -0,0 +1,208 @@ +/*! + * FullCalendar v2.7.2 Print Stylesheet + * Docs & License: http://fullcalendar.io/ + * (c) 2016 Adam Shaw + */ + +/* + * Include this stylesheet on your page to get a more printer-friendly calendar. + * When including this stylesheet, use the media='print' attribute of the <link> tag. + * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css. + */ + +.fc { + max-width: 100% !important; +} + + +/* Global Event Restyling +--------------------------------------------------------------------------------------------------*/ + +.fc-event { + background: #fff !important; + color: #000 !important; + page-break-inside: avoid; +} + +.fc-event .fc-resizer { + display: none; +} + + +/* Table & Day-Row Restyling +--------------------------------------------------------------------------------------------------*/ + +th, +td, +hr, +thead, +tbody, +.fc-row { + border-color: #ccc !important; + background: #fff !important; +} + +/* kill the overlaid, absolutely-positioned components */ +/* common... */ +.fc-bg, +.fc-bgevent-skeleton, +.fc-highlight-skeleton, +.fc-helper-skeleton, +/* for timegrid. within cells within table skeletons... */ +.fc-bgevent-container, +.fc-business-container, +.fc-highlight-container, +.fc-helper-container { + display: none; +} + +/* don't force a min-height on rows (for DayGrid) */ +.fc tbody .fc-row { + height: auto !important; /* undo height that JS set in distributeHeight */ + min-height: 0 !important; /* undo the min-height from each view's specific stylesheet */ +} + +.fc tbody .fc-row .fc-content-skeleton { + position: static; /* undo .fc-rigid */ + padding-bottom: 0 !important; /* use a more border-friendly method for this... */ +} + +.fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */ + padding-bottom: 1em; /* ...gives space within the skeleton. also ensures min height in a way */ +} + +.fc tbody .fc-row .fc-content-skeleton table { + /* provides a min-height for the row, but only effective for IE, which exaggerates this value, + making it look more like 3em. for other browers, it will already be this tall */ + height: 1em; +} + + +/* Undo month-view event limiting. Display all events and hide the "more" links +--------------------------------------------------------------------------------------------------*/ + +.fc-more-cell, +.fc-more { + display: none !important; +} + +.fc tr.fc-limited { + display: table-row !important; +} + +.fc td.fc-limited { + display: table-cell !important; +} + +.fc-popover { + display: none; /* never display the "more.." popover in print mode */ +} + + +/* TimeGrid Restyling +--------------------------------------------------------------------------------------------------*/ + +/* undo the min-height 100% trick used to fill the container's height */ +.fc-time-grid { + min-height: 0 !important; +} + +/* don't display the side axis at all ("all-day" and time cells) */ +.fc-agenda-view .fc-axis { + display: none; +} + +/* don't display the horizontal lines */ +.fc-slats, +.fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */ + display: none !important; /* important overrides inline declaration */ +} + +/* let the container that holds the events be naturally positioned and create real height */ +.fc-time-grid .fc-content-skeleton { + position: static; +} + +/* in case there are no events, we still want some height */ +.fc-time-grid .fc-content-skeleton table { + height: 4em; +} + +/* kill the horizontal spacing made by the event container. event margins will be done below */ +.fc-time-grid .fc-event-container { + margin: 0 !important; +} + + +/* TimeGrid *Event* Restyling +--------------------------------------------------------------------------------------------------*/ + +/* naturally position events, vertically stacking them */ +.fc-time-grid .fc-event { + position: static !important; + margin: 3px 2px !important; +} + +/* for events that continue to a future day, give the bottom border back */ +.fc-time-grid .fc-event.fc-not-end { + border-bottom-width: 1px !important; +} + +/* indicate the event continues via "..." text */ +.fc-time-grid .fc-event.fc-not-end:after { + content: "..."; +} + +/* for events that are continuations from previous days, give the top border back */ +.fc-time-grid .fc-event.fc-not-start { + border-top-width: 1px !important; +} + +/* indicate the event is a continuation via "..." text */ +.fc-time-grid .fc-event.fc-not-start:before { + content: "..."; +} + +/* time */ + +/* undo a previous declaration and let the time text span to a second line */ +.fc-time-grid .fc-event .fc-time { + white-space: normal !important; +} + +/* hide the the time that is normally displayed... */ +.fc-time-grid .fc-event .fc-time span { + display: none; +} + +/* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */ +.fc-time-grid .fc-event .fc-time:after { + content: attr(data-full); +} + + +/* Vertical Scroller & Containers +--------------------------------------------------------------------------------------------------*/ + +/* kill the scrollbars and allow natural height */ +.fc-scroller, +.fc-day-grid-container, /* these divs might be assigned height, which we need to cleared */ +.fc-time-grid-container { /* */ + overflow: visible !important; + height: auto !important; +} + +/* kill the horizontal border/padding used to compensate for scrollbars */ +.fc-row { + border: 0 !important; + margin: 0 !important; +} + + +/* Button Controls +--------------------------------------------------------------------------------------------------*/ + +.fc-button-group, +.fc button { + display: none; /* don't display any button-related controls */ +} diff --git a/tools/infra-dashboard/css/highslide.min.css b/tools/infra-dashboard/css/highslide.min.css new file mode 100644 index 00000000..83bac0f4 --- /dev/null +++ b/tools/infra-dashboard/css/highslide.min.css @@ -0,0 +1,793 @@ +.highslide-header a, +.highslide-loading { + text-transform: uppercase; + text-decoration: none; + font-weight: 700 +} +.highslide-container div { + font-family: Verdana, Helvetica; + font-size: 10pt +} +.highslide-container table { + background: 0 0 +} +.highslide { + outline: 0; + text-decoration: none +} +.highslide img { + border: 2px solid silver +} +.highslide:hover img { + border-color: gray +} +.highslide-active-anchor img { + visibility: hidden +} +.highslide-gallery .highslide-active-anchor img { + border-color: #000; + visibility: visible; + cursor: default +} +.highslide-image { + border-width: 2px; + border-style: solid; + border-color: #fff; + background: gray +} +.highslide-outline, +.highslide-wrapper { + background: #fff +} +.glossy-dark { + background: #111 +} +.highslide-number { + font-weight: 700; + color: gray; + font-size: .9em +} +.highslide-caption { + display: none; + font-size: 1em; + padding: 5px +} +.highslide-heading { + display: none; + font-weight: 700; + margin: .4em +} +.highslide-dimming { + position: absolute; + background: #000 +} +a.highslide-full-expand { + background: url(/media/com_demo/graphics/fullexpand.gif) no-repeat; + display: block; + margin: 0 10px 10px 0; + width: 34px; + height: 34px +} +.highslide-loading { + display: block; + color: #000; + font-size: 9px; + padding: 3px 3px 3px 22px; + border: 1px solid #fff; + background-color: #fff; + background-image: url(./media/loader.white.gif); + background-repeat: no-repeat; + background-position: 3px 1px +} +a.highslide-credits, +a.highslide-credits i { + padding: 2px; + color: silver; + text-decoration: none; + font-size: 10px +} +a.highslide-credits:hover, +a.highslide-credits:hover i { + color: #fff; + background-color: gray +} +.highslide-move, +.highslide-move * { + cursor: move +} +.highslide-viewport { + display: none; + position: fixed; + width: 100%; + height: 100%; + z-index: 1; + background: 0 0; + left: 0; + top: 0 +} +.hidden-container, +.highslide-overlay { + display: none +} +.closebutton { + position: relative; + top: -15px; + left: 15px; + width: 30px; + height: 30px; + cursor: pointer; + background: url(/media/com_demo/graphics/close.png) +} +.highslide-gallery ul { + list-style-type: none; + margin: 0; + padding: 0 +} +.highslide-gallery ul li { + display: block; + position: relative; + float: left; + width: 106px; + height: 106px; + border: 1px solid silver; + background: #ededed; + margin: 2px; + line-height: 0; + overflow: hidden +} +.highslide-gallery ul a { + position: absolute; + top: 50%; + left: 50% +} +.highslide-gallery ul img { + position: relative; + top: -50%; + left: -50% +} +html>body .highslide-gallery ul li { + display: table; + text-align: center +} +html>body .highslide-gallery ul a { + position: static; + display: table-cell; + vertical-align: middle +} +html>body .highslide-gallery ul img { + position: static +} +.highslide-controls { + width: 195px; + height: 40px; + background: url(/media/com_demo/graphics/controlbar-white.gif) 0 -90px no-repeat; + margin: 20px 15px 10px 0 +} +.highslide-controls ul { + position: relative; + left: 15px; + height: 40px; + list-style: none; + margin: 0; + padding: 0; + background: url(/media/com_demo/graphics/controlbar-white.gif) right -90px no-repeat +} +.highslide-controls li { + float: left; + padding: 5px 0; + margin: 0; + list-style: none +} +.highslide-controls a { + background-image: url(/media/com_demo/graphics/controlbar-white.gif); + display: block; + float: left; + height: 30px; + width: 30px; + outline: 0 +} +.highslide-controls a.disabled, +.highslide-controls a.disabled span { + cursor: default +} +.highslide-controls a span { + display: none; + cursor: pointer +} +.highslide-controls .highslide-previous a { + background-position: 0 0 +} +.highslide-controls .highslide-previous a:hover { + background-position: 0 -30px +} +.highslide-controls .highslide-previous a.disabled { + background-position: 0 -60px!important +} +.highslide-controls .highslide-play a { + background-position: -30px 0 +} +.highslide-controls .highslide-play a:hover { + background-position: -30px -30px +} +.highslide-controls .highslide-play a.disabled { + background-position: -30px -60px!important +} +.highslide-controls .highslide-pause a { + background-position: -60px 0 +} +.highslide-controls .highslide-pause a:hover { + background-position: -60px -30px +} +.highslide-controls .highslide-next a { + background-position: -90px 0 +} +.highslide-controls .highslide-next a:hover { + background-position: -90px -30px +} +.highslide-controls .highslide-next a.disabled { + background-position: -90px -60px!important +} +.highslide-controls .highslide-move a { + background-position: -90pt 0 +} +.highslide-controls .highslide-move a:hover { + background-position: -90pt -30px +} +.highslide-controls .highslide-full-expand a { + background-position: -150px 0 +} +.highslide-controls .highslide-full-expand a:hover { + background-position: -150px -30px +} +.highslide-controls .highslide-full-expand a.disabled { + background-position: -150px -60px!important +} +.highslide-controls .highslide-close a { + background-position: -180px 0 +} +.highslide-controls .highslide-close a:hover { + background-position: -180px -30px +} +.highslide-maincontent { + display: none +} +.highslide-html { + background-color: #fff +} +.highslide-html-content { + display: none; + width: 25pc; + padding: 0 5px 5px +} +.highslide-header { + padding-bottom: 5px +} +.highslide-header ul { + margin: 0; + padding: 0; + text-align: right +} +.highslide-header ul li { + display: inline; + padding-left: 1em +} +.highslide-header ul li.highslide-next, +.highslide-header ul li.highslide-previous { + display: none +} +.highslide-header a { + color: gray +} +.highslide-header a:hover { + color: #000 +} +.highslide-header .highslide-move a { + cursor: move +} +.highslide-footer { + height: 1pc +} +.highslide-footer .highslide-resize { + display: block; + float: right; + margin-top: 5px; + height: 11px; + width: 11px; + background: url(/media/com_demo/graphics/resize.gif) no-repeat +} +.highslide-footer .highslide-resize span { + display: none +} +.highslide-resize { + cursor: nw-resize +} +.draggable-header .highslide-header { + height: 18px; + border-bottom: 1px solid #ddd +} +.draggable-header .highslide-heading { + position: absolute; + margin: 2px .4em +} +.draggable-header .highslide-header .highslide-move { + cursor: move; + display: block; + height: 1pc; + position: absolute; + right: 24px; + top: 0; + width: 100%; + z-index: 1 +} +.draggable-header .highslide-header .highslide-move * { + display: none +} +.draggable-header .highslide-header .highslide-close { + position: absolute; + right: 2px; + top: 2px; + z-index: 5; + padding: 0 +} +.draggable-header .highslide-header .highslide-close a { + display: block; + height: 1pc; + width: 1pc; + background-image: url(/media/com_demo/graphics/closeX.png) +} +.draggable-header .highslide-header .highslide-close a:hover { + background-position: 0 1pc +} +.draggable-header .highslide-header .highslide-close span { + display: none +} +.draggable-header .highslide-maincontent { + padding-top: 1em +} +.titlebar .highslide-header { + height: 18px; + border-bottom: 1px solid #ddd +} +.titlebar .highslide-heading { + position: absolute; + width: 90%; + margin: 1px 0 1px 5px; + color: #666 +} +.titlebar .highslide-header .highslide-move { + cursor: move; + display: block; + height: 1pc; + position: absolute; + right: 24px; + top: 0; + width: 100%; + z-index: 1 +} +.controls-in-heading .highslide-controls .highslide-move, +.no-footer .highslide-footer, +.text-controls .highslide-move, +.titlebar .highslide-header .highslide-move * { + display: none +} +.titlebar .highslide-header li { + position: relative; + top: 3px; + z-index: 2; + padding: 0 0 0 1em +} +.titlebar .highslide-maincontent { + padding-top: 1em +} +.wide-border { + background: #fff +} +.wide-border .highslide-image { + border-width: 10px +} +.wide-border .highslide-caption { + padding: 0 10px 10px +} +.borderless .highslide-image { + border: none +} +.borderless .highslide-caption { + border-bottom: 1px solid #fff; + border-top: 1px solid #fff; + background: silver +} +.outer-glow { + background: #444 +} +.outer-glow .highslide-image { + border: 5px solid #444 +} +.outer-glow .highslide-caption { + border: 5px solid #444; + border-top: none; + padding: 5px; + background-color: gray +} +.colored-border { + background: #fff +} +.colored-border .highslide-image { + border: 2px solid green +} +.colored-border .highslide-caption { + border: 2px solid green; + border-top: none +} +.dark { + background: #111 +} +.dark .highslide-image { + border-color: #000 #000 #202020; + background: gray +} +.dark .highslide-caption { + color: #fff; + background: #111 +} +.dark .highslide-controls, +.dark .highslide-controls a, +.dark .highslide-controls ul { + background-image: url(/media/com_demo/graphics/controlbar-black-border.gif) +} +.floating-caption .highslide-caption { + position: absolute; + padding: 1em 0 0; + background: 0 0; + color: #fff; + border: none; + font-weight: 700 +} +.controls-in-heading .highslide-heading { + color: gray; + font-weight: 700; + height: 20px; + overflow: hidden; + cursor: default; + padding: 0 0 0 22px; + margin: 0; + background: url(/media/com_demo/graphics/icon.gif) 0 1px no-repeat +} +.controls-in-heading .highslide-controls { + width: 105px; + height: 20px; + position: relative; + margin: 0; + top: -23px; + left: 7px; + background: 0 0 +} +.controls-in-heading .highslide-controls ul { + position: static; + height: 20px; + background: 0 0 +} +.controls-in-heading .highslide-controls li { + padding: 0 +} +.controls-in-heading .highslide-controls a { + background-image: url(/media/com_demo/graphics/controlbar-white-small.gif); + height: 20px; + width: 20px +} +.controls-in-heading .highslide-controls .highslide-previous a { + background-position: 0 0 +} +.controls-in-heading .highslide-controls .highslide-previous a:hover { + background-position: 0 -20px +} +.controls-in-heading .highslide-controls .highslide-previous a.disabled { + background-position: 0 -40px!important +} +.controls-in-heading .highslide-controls .highslide-play a { + background-position: -20px 0 +} +.controls-in-heading .highslide-controls .highslide-play a:hover { + background-position: -20px -20px +} +.controls-in-heading .highslide-controls .highslide-play a.disabled { + background-position: -20px -40px!important +} +.controls-in-heading .highslide-controls .highslide-pause a { + background-position: -40px 0 +} +.controls-in-heading .highslide-controls .highslide-pause a:hover { + background-position: -40px -20px +} +.controls-in-heading .highslide-controls .highslide-next a { + background-position: -60px 0 +} +.controls-in-heading .highslide-controls .highslide-next a:hover { + background-position: -60px -20px +} +.controls-in-heading .highslide-controls .highslide-next a.disabled { + background-position: -60px -40px!important +} +.controls-in-heading .highslide-controls .highslide-full-expand a { + background-position: -75pt 0 +} +.controls-in-heading .highslide-controls .highslide-full-expand a:hover { + background-position: -75pt -20px +} +.controls-in-heading .highslide-controls .highslide-full-expand a.disabled { + background-position: -75pt -40px!important +} +.controls-in-heading .highslide-controls .highslide-close a { + background-position: -90pt 0 +} +.controls-in-heading .highslide-controls .highslide-close a:hover { + background-position: -90pt -20px +} +.text-controls .highslide-controls { + width: auto; + height: auto; + margin: 0; + text-align: center; + background: 0 0 +} +.text-controls ul { + position: static; + background: 0 0; + height: auto; + left: 0 +} +.text-controls li { + background-image: url(/media/com_demo/graphics/controlbar-text-buttons.png); + background-position: right top!important; + padding: 0; + margin-left: 15px; + display: block; + width: auto +} +.text-controls a { + background: url(/media/com_demo/graphics/controlbar-text-buttons.png) no-repeat; + background-position: left top!important; + position: relative; + left: -10px; + display: block; + width: auto; + height: auto; + text-decoration: none!important +} +.text-controls a span { + background: url(/media/com_demo/graphics/controlbar-text-buttons.png) no-repeat; + margin: 1px 2px 1px 10px; + display: block; + min-width: 4em; + height: 18px; + line-height: 18px; + padding: 1px 0 1px 18px; + color: #333; + font-family: "Trebuchet MS", Arial, sans-serif; + font-size: 9pt; + font-weight: 700; + white-space: nowrap +} +.text-controls .highslide-next { + margin-right: 1em +} +.text-controls .highslide-full-expand a span { + min-width: 0; + margin: 1px 0; + padding: 1px 0 1px 10px +} +.text-controls .highslide-close a span { + min-width: 0 +} +.text-controls a:hover span { + color: #000 +} +.text-controls a.disabled span { + color: #999 +} +.text-controls .highslide-previous span { + background-position: 0 -40px +} +.text-controls .highslide-previous a.disabled { + background-position: left top!important +} +.text-controls .highslide-previous a.disabled span { + background-position: 0 -140px +} +.text-controls .highslide-play span { + background-position: 0 -60px +} +.text-controls .highslide-play a.disabled { + background-position: left top!important +} +.text-controls .highslide-play a.disabled span { + background-position: 0 -10pc +} +.text-controls .highslide-pause span { + background-position: 0 -5pc +} +.text-controls .highslide-next span { + background-position: 0 -75pt +} +.text-controls .highslide-next a.disabled { + background-position: left top!important +} +.text-controls .highslide-next a.disabled span { + background-position: 0 -200px +} +.text-controls .highslide-full-expand span { + background: 0 0 +} +.text-controls .highslide-full-expand a.disabled { + background-position: left top!important +} +.text-controls .highslide-close span { + background-position: 0 -90pt +} +.highslide-thumbstrip { + height: 100% +} +.highslide-thumbstrip div { + overflow: hidden +} +.highslide-thumbstrip table { + position: relative; + padding: 0; + border-collapse: collapse +} +.highslide-thumbstrip td { + padding: 1px +} +.highslide-thumbstrip a { + outline: 0 +} +.highslide-thumbstrip img { + display: block; + border: 1px solid gray; + margin: 0 auto +} +.highslide-thumbstrip .highslide-active-anchor img { + visibility: visible +} +.highslide-thumbstrip .highslide-marker { + position: absolute; + width: 0; + height: 0; + border-width: 0; + border-style: solid; + border-color: transparent +} +.highslide-thumbstrip-horizontal div { + width: auto +} +.highslide-thumbstrip-horizontal .highslide-scroll-up { + display: none; + position: absolute; + top: 3px; + left: 3px; + width: 25px; + height: 42px +} +.highslide-thumbstrip-horizontal .highslide-scroll-up div { + margin-bottom: 10px; + cursor: pointer; + background: url(/media/com_demo/graphics/scrollarrows.png) left center no-repeat; + height: 42px +} +.highslide-thumbstrip-horizontal .highslide-scroll-down { + display: none; + position: absolute; + top: 3px; + right: 3px; + width: 25px; + height: 42px +} +.highslide-thumbstrip-horizontal .highslide-scroll-down div { + margin-bottom: 10px; + cursor: pointer; + background: url(/media/com_demo/graphics/scrollarrows.png) center right no-repeat; + height: 42px +} +.highslide-thumbstrip-horizontal table { + margin: 2px 0 10px +} +.highslide-viewport .highslide-thumbstrip-horizontal table { + margin-left: 10px +} +.highslide-thumbstrip-horizontal img { + width: auto; + height: 40px +} +.highslide-thumbstrip-horizontal .highslide-marker { + top: 47px; + border-left-width: 6px; + border-right-width: 6px; + border-bottom: 6px solid gray +} +.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { + margin-left: 10px +} +.dark .highslide-thumbstrip-horizontal .highslide-marker, +.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker { + border-bottom-color: #fff!important +} +.highslide-thumbstrip-vertical-overlay { + overflow: hidden!important +} +.highslide-thumbstrip-vertical div { + height: 100% +} +.highslide-thumbstrip-vertical a { + display: block +} +.highslide-thumbstrip-vertical .highslide-scroll-up { + display: none; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 25px +} +.highslide-thumbstrip-vertical .highslide-scroll-up div { + margin-left: 10px; + cursor: pointer; + background: url(/media/com_demo/graphics/scrollarrows.png) top center no-repeat; + height: 25px +} +.highslide-thumbstrip-vertical .highslide-scroll-down { + display: none; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 25px +} +.highslide-thumbstrip-vertical .highslide-scroll-down div { + margin-left: 10px; + cursor: pointer; + background: url(/media/com_demo/graphics/scrollarrows.png) bottom center no-repeat; + height: 25px +} +.highslide-thumbstrip-vertical table { + margin: 10px 0 0 10px +} +.highslide-thumbstrip-vertical img { + max-width: 60px +} +.highslide-thumbstrip-vertical .highslide-marker { + left: 0; + margin-top: 8px; + border-top-width: 6px; + border-bottom-width: 6px; + border-left: 6px solid gray +} +.dark .highslide-thumbstrip-vertical .highslide-marker, +.highslide-viewport .highslide-thumbstrip-vertical .highslide-marker { + border-left-color: #fff +} +.highslide-viewport .highslide-thumbstrip-float { + overflow: auto +} +.highslide-thumbstrip-float ul { + margin: 2px 0; + padding: 0 +} +.highslide-thumbstrip-float li { + display: block; + height: 60px; + margin: 0 2px; + list-style: none; + float: left +} +.highslide-thumbstrip-float img { + display: inline; + border-color: silver; + max-height: 56px +} +.highslide-thumbstrip-float .highslide-active-anchor img { + border-color: #000 +} +.highslide-thumbstrip-float .highslide-marker, +.highslide-thumbstrip-float .highslide-scroll-down div, +.highslide-thumbstrip-float .highslide-scroll-up div { + display: none +}
\ No newline at end of file diff --git a/tools/infra-dashboard/css/opnfv.css b/tools/infra-dashboard/css/opnfv.css new file mode 100644 index 00000000..8b2711ae --- /dev/null +++ b/tools/infra-dashboard/css/opnfv.css @@ -0,0 +1,2479 @@ +* { + margin: 0; + padding: 0; +} +.clearfix { + display: inline-block; +} +.clearfix:after { + content: "."; + display: block; + height: 0; + clear: both; + visibility: hidden; +} +* html .clearfix { + height: 1%; +} +.clearfix { + display: block; +} +.clearleft, +.clearl, +.cleft { + clear: left; +} +.clearright, +.clearr, +.cright { + clear: right; +} +.clear, +.clearboth, +.clearall { + clear: both; +} +.floatleft, +.fleft, +.floatl { + float: left; + margin: 0 10px 5px 0; +} +.floatright, +.fright, +.floatr { + float: right; + margin: 0 0 5px 10px; +} +#skip a:link, +#skip a:hover, +#skip a:visited { + position: absolute; + left: -10000px; + top: auto; + width: 1px; + height: 1px; + overflow: hidden; +} +#skip a:active, +#skip a:focus { + position: static; + width: auto; + height: auto; +} +div.view div.views-admin-links { + width: auto; +} +div.block { + position: relative; +} +div.block .edit { + display: none; + position: absolute; + right: -20px; + top: -5px; + z-index: 40; + padding: 3px 8px 0; + font-size: 10px; + line-height: 16px; + background-color: white; + border: 1px solid #cccccc; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + -moz-box-shadow: 0 1px 3px #888888; + -webkit-box-shadow: -1px 1px 2px #666666; +} +div.block .edit a { + display: block; + border: 0; + padding: 0; + margin: 0; +} +div.block:hover .edit { + display: block; +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.container { + max-width: 68em; + margin-left: auto; + margin-right: auto; + margin-left: auto; + margin-right: auto; + width: 68em; +} +.container:after { + content: ""; + display: table; + clear: both; +} +@media screen and (max-width: 1088px) { + .container { + width: auto; + } +} +.no-sidebars #content { + float: left; + display: block; + margin-right: 1.69492%; + width: 100%; +} +.no-sidebars #content:last-child { + margin-right: 0; +} +@media screen and (max-width: 768px) { + .no-sidebars #content { + float: left; + display: block; + margin-right: 3.22581%; + width: 100%; + } + .no-sidebars #content:last-child { + margin-right: 0; + } +} +@media screen and (max-width: 480px) { + .no-sidebars #content { + float: left; + display: block; + margin-right: 6.66667%; + width: 100%; + } + .no-sidebars #content:last-child { + margin-right: 0; + } +} +.one-sidebar.sidebar-second #content { + float: left; + display: block; + margin-right: 1.69492%; + width: 72.88136%; +} +.one-sidebar.sidebar-second #content:last-child { + margin-right: 0; +} +@media screen and (max-width: 768px) { + .one-sidebar.sidebar-second #content { + float: left; + display: block; + margin-right: 3.22581%; + width: 74.19355%; + } + .one-sidebar.sidebar-second #content:last-child { + margin-right: 0; + } +} +@media screen and (max-width: 480px) { + .one-sidebar.sidebar-second #content { + float: left; + display: block; + margin-right: 6.66667%; + width: 100%; + } + .one-sidebar.sidebar-second #content:last-child { + margin-right: 0; + } +} +.one-sidebar.sidebar-first #content { + float: left; + display: block; + margin-right: 1.69492%; + width: 79.66102%; + margin-left: 20.33898%; +} +.one-sidebar.sidebar-first #content:last-child { + margin-right: 0; +} +@media screen and (max-width: 768px) { + .one-sidebar.sidebar-first #content { + float: left; + display: block; + margin-right: 3.22581%; + width: 74.19355%; + margin-left: 25.80645%; + } + .one-sidebar.sidebar-first #content:last-child { + margin-right: 0; + } +} +@media screen and (max-width: 480px) { + .one-sidebar.sidebar-first #content { + float: left; + display: block; + margin-right: 6.66667%; + width: 100%; + margin-left: 0%; + } + .one-sidebar.sidebar-first #content:last-child { + margin-right: 0; + } +} +.two-sidebars #content { + float: left; + display: block; + margin-right: 1.69492%; + width: 52.54237%; + margin-left: 20.33898%; +} +.two-sidebars #content:last-child { + margin-right: 0; +} +@media screen and (max-width: 768px) { + .two-sidebars #content { + float: left; + display: block; + margin-right: 3.22581%; + width: 48.3871%; + margin-left: 25.80645%; + } + .two-sidebars #content:last-child { + margin-right: 0; + } +} +@media screen and (max-width: 480px) { + .two-sidebars #content { + float: left; + display: block; + margin-right: 6.66667%; + width: 100%; + margin-left: 0%; + } + .two-sidebars #content:last-child { + margin-right: 0; + } +} +#sidebar-first { + float: left; + display: block; + margin-right: 1.69492%; + width: 18.64407%; + margin-left: -74.57627%; +} +#sidebar-first:last-child { + margin-right: 0; +} +.sidebar-first #sidebar-first { + margin-left: -101.69492%; +} +@media screen and (max-width: 768px) { + #sidebar-first { + float: left; + display: block; + margin-right: 3.22581%; + width: 22.58065%; + margin-left: -77.41935%; + } + #sidebar-first:last-child { + margin-right: 0; + } + .sidebar-first #sidebar-first { + margin-left: -103.22581%; + } +} +@media screen and (max-width: 480px) { + #sidebar-first { + float: left; + display: block; + margin-right: 6.66667%; + width: 100%; + margin-left: 0%; + } + #sidebar-first:last-child { + margin-right: 0; + } + .sidebar-first #sidebar-first { + margin-left: 0%; + } +} +#sidebar-second { + float: left; + display: block; + margin-right: 1.69492%; + width: 25.42373%; + margin-left: 0%; +} +#sidebar-second:last-child { + margin-right: 0; +} +@media screen and (max-width: 768px) { + #sidebar-second { + float: left; + display: block; + margin-right: 3.22581%; + width: 22.58065%; + margin-left: 0%; + } + #sidebar-second:last-child { + margin-right: 0; + } +} +@media screen and (max-width: 480px) { + #sidebar-second { + float: left; + display: block; + margin-right: 6.66667%; + width: 100%; + margin-left: 0%; + } + #sidebar-second:last-child { + margin-right: 0; + } +} +#footer { + left: 0; + width: 100%; + height: 50px; + position: fixed; + bottom: 0; +} +#header, +#footer, +.mission, +.breadcrumb, +.node { + clear: both; +} +.inner { + padding: 0; +} +#navigation li { + list-style-type: none; + display: inline-block; +} +body { + margin: 0; + font: 14px/1.5em "Helvetica Neue", helvetica, Arial, sans-serif; + letter-spacing: 0.03em; +} +a:link, +a:visited { + color: blue; + text-decoration: none; +} +a:hover, +a:active { + color: red; + text-decoration: underline; +} +#site-name { + font-size: 2.2em; + line-height: 1.3em; + font-weight: 300; + padding: 0 0 0.5em; + margin: 0; +} +h1, +h2, +h3, +h4, +h5, +h6 { + line-height: 1.3em; +} +h1 { + font-size: 2.2em; + font-weight: 300; + padding: 0 0 0.5em; + margin: 0; +} +h2 { + font-size: 1.8em; + font-weight: 300; + margin-bottom: 0.75em; +} +h3 { + font-size: 1.4em; + margin-bottom: 1em; + margin-top: 1em; +} +h4 { + font-size: 1.2em; + margin-top: 0.8em; + margin-bottom: 0.8em; +} +h5 { + font-size: 1.1em; + font-weight: 600; + margin-bottom: 0; +} +h6 { + font-size: 1em; + font-weight: bold; +} +p { + margin: 0 0 1em 0; +} +ul, +ol { + margin-left: 0; + padding-left: 0; +} +table { + width: 99%; +} +table tbody { + border-top: 0px; +} +table tr.even, +table tr.odd, +table tr { + border-bottom: 1px solid #ccc; +} +table tr.even td, +table tr.odd td, +table tr td { + padding: 10px 5px; + vertical-align: top; +} +table tr.odd { + background-color: white; +} +pre, +code, +tt { + font: 1em "andale mono", "lucida console", monospace; + line-height: 1.5; +} +pre { + background-color: #efefef; + display: block; + padding: 5px; + margin: 5px 0; + border: 1px solid #aaaaaa; +} +ul { + margin-left: 25px; + list-style-type: disc; +} +ul ul { + list-style-type: circle; +} +ul ul ul { + list-style-type: square; +} +ul ul ul ul { + list-style-type: circle; +} +ol { + list-style-type: decimal; +} +ol ol { + list-style-type: lower-alpha; +} +ol ol ol { + list-style-type: decimal; +} +abbr { + border-bottom: 1px dotted #666666; + cursor: help; + white-space: nowrap; +} +#edit-title { + font-size: 24px; + width: 99%; +} +#system-themes-form img { + width: 100px; +} +.form-item .description { + font-style: italic; + line-height: 1.2em; + font-size: 0.8em; + margin-top: 5px; + color: #777777; +} +#edit-delete { + color: #cc0000; +} +div.messages { + padding: 9px; + margin: 1em 0; + color: #003366; + background: #bbddff; + border: 1px solid #aaccee; +} +div.warning { + color: #884400; + background: #ffee66; + border-color: #eedd55; +} +div.error { + color: white; + background: #ee6633; + border-color: #dd5522; +} +div.status { + color: #336600; + background: #ccff88; + border-color: #bbee77; +} +#block-views-developer_tools-block { + padding-top: 48px; + border-top: 1px solid #cccccc; +} +#block-views-developer_tools-block .view-content ul { + margin: 0; + padding: 0; + list-style-type: none; + list-style-image: none; +} +#block-views-developer_tools-block .view-content ul li { + margin: 0; + padding: 0; + height: 100px; + list-style-type: none; + list-style-image: none; + float: left; + width: 50%; + margin-bottom: 60px; +} +#block-views-developer_tools-block .view-content ul li .views-field-title { + font-size: 24px; + color: #f15922; + text-align: center; + margin-bottom: 10px; + font-weight: 400; +} +#block-views-developer_tools-block .view-content ul li .views-field-nothing { + text-align: justify; +} +#block-views-developer_tools-block .view-content ul li .views-field-nothing a { + text-transform: uppercase; + font-weight: 400; + font-size: 95%; +} +#block-views-developer_tools-block .view-content ul .views-row-odd { + padding-right: 20px; +} +#block-views-developer_tools-block .view-content ul .views-row-even { + padding-left: 20px; +} +#edit-submit-resources { + margin-top: 0px; +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +a, +a:link, +a:visited { + color: #41ba77; +} +a:hover { + color: #373A36; +} +p { + color: #373A36; +} +#block-menu-menu-social-links li { + margin: 0; + padding: 0 3px 0 0; +} +#block-menu-menu-social-links li a { + display: block; + width: 27px; + height: 29px; + text-indent: -9999px; + overflow: hidden; + background: url(/sites/all/themes/opnfv/images/optimized/social-icons1.png) no-repeat 0 0; +} +#block-menu-menu-social-links li a:hover { + opacity: 0.7; +} +#block-menu-menu-social-links li .twitter { + background-position: -103px 0; +} +#block-menu-menu-social-links li .linkedin { + background-position: -78px 0; +} +#block-menu-menu-social-links li .youtube { + background-position: -50px 0; +} +#block-menu-menu-social-links li .facebook { + background-position: -26px 0; +} +#block-menu-menu-social-links li .gplus { + background-position: 0 0; +} +#block-menu-menu-social-links li .slideshare { + background-position: -160px 0; +} +#block-menu-menu-social-links li .flickr { + background-position: -212px 0; +} +#block-menu-menu-social-links li .vimeo { + background-position: -185px 0; +} +.feed-label { + vertical-align: text-top; + margin-left: 5px; +} +.block-menu-block a { + color: #2E2925; + font-size: 14px; +} +.block-menu-block a.active { + color: #2E2925; +} +#header { + position: relative; +} +@media screen and (min-width: 0) and (max-width: 460px) { + #header { + top: 0px; + } +} +#header #block-menu-menu-social-links { + position: relative; + z-index: 50; + float: right; + right: 200px; +} +@media screen and (min-width: 640px) and (max-width: 768px) { + #header #block-menu-menu-social-links { + top: 62px; + } +} +@media screen and (min-width: 0) and (max-width: 640px) { + #header #block-menu-menu-social-links { + right: 0; + top: 0; + } +} +#header #block-search-form, +#header #search-block-form { + float: left; + display: block; + margin-right: 1.69492%; + width: 100%; + position: relative; + z-index: 100; +} +#header #block-search-form:last-child, +#header #search-block-form:last-child { + margin-right: 0; +} +#header #block-search-form .block-inner, +#header #search-block-form .block-inner { + text-align: right; +} +#header #block-search-form .block-inner .container-inline, +#header #search-block-form .block-inner .container-inline { + position: absolute; + top: -25px; + right: 9px; +} +@media screen and (min-width: 640px) and (max-width: 768px) { + #header #block-search-form .block-inner .container-inline, + #header #search-block-form .block-inner .container-inline { + right: 0; + top: 36px; + } +} +@media screen and (min-width: 0) and (max-width: 640px) { + #header #block-search-form .block-inner .container-inline, + #header #search-block-form .block-inner .container-inline { + top: 0; + } +} +#header #block-search-form .block-inner .form-text, +#header #search-block-form .block-inner .form-text { + width: 130px; +} +@media screen and (min-width: 0) and (max-width: 640px) { + #header #block-search-form .block-inner .form-text, + #header #search-block-form .block-inner .form-text { + width: 84px; + } +} +#header #block-search-form #edit-actions .form-submit, +#header #search-block-form #edit-actions .form-submit { + background: #ecedee; + color: #2E2925; + font-size: 10px; + border: none; + padding: 6px 7px; + top: -2px; + position: relative; +} +#header #block-search-form #edit-actions .form-submit:hover, +#header #search-block-form #edit-actions .form-submit:hover { + background: #aeb2b7; +} +#header .menu-block-wrapper { + background: none; +} +#header .menu-block-wrapper .menu li { + list-style: none; + margin: 0; +} +#header .menu-block-wrapper .menu .menu-level-1 { + display: inline-block; + vertical-align: top; + margin: 0 0.5em 0.5em 0; + padding: 0; +} +@media screen and (min-width: 0) and (max-width: 500px) { + #header .menu-block-wrapper .menu .menu-level-1 { + width: 100%; + } + #header .menu-block-wrapper .menu .menu-level-1 a { + background: url(/sites/all/themes/opnfv/images/optimized/nav-arrow.png) no-repeat right center #fff; + } +} +@media screen and (min-width: 500px) and (max-width: 700px) { + #header .menu-block-wrapper .menu .menu-level-1 { + width: 48%; + } + #header .menu-block-wrapper .menu .menu-level-1 a { + background: url(/sites/all/themes/opnfv/images/optimized/nav-arrow.png) no-repeat right center #fff; + } +} +#header .menu-block-wrapper .menu .menu-level-1 > a { + display: block; + width: 100%; + margin: 0 auto 0.25em; + font-size: 0.9em; + padding: 10px 15px; + text-transform: uppercase; +} +#header .menu-block-wrapper .menu .menu-level-1 > a.selected, +#header .menu-block-wrapper .menu .menu-level-1 > a:hover { + background-color: #ecedee; +} +.no-touch #header { + height: 103px; +} +.no-touch .site-menus-container { + float: left; + display: block; + margin-right: 1.69492%; + width: 72.88136%; + margin-left: 27.11864%; +} +.no-touch .site-menus-container:last-child { + margin-right: 0; +} +@media screen and (min-width: 750px) and (max-width: 980px) { + .no-touch .site-menus-container { + height: 240px; + } +} +@media screen and (min-width: 490px) and (max-width: 750px) { + .no-touch .site-menus-container { + height: 280px; + } +} +.no-touch .logo-container { + position: relative; + z-index: 2; + float: left; + display: block; + margin-right: 1.69492%; + width: 18.64407%; + margin-left: 0%; +} +.no-touch .logo-container:last-child { + margin-right: 0; +} +.no-touch .logo-container-positioning { + position: relative; + top: 2px; + left: 0; +} +@media screen and (min-width: 0) and (max-width: 460px) { + .no-touch .logo-container-positioning { + top: 0; + } +} +.no-touch .logo-container-positioning .logo-container { + padding-top: 0; +} +@media screen and (min-width: 0) and (max-width: 460px) { + .no-touch .logo-container-positioning .logo-container { + float: left; + display: block; + margin-right: 1.69492%; + width: 100%; + } + .no-touch .logo-container-positioning .logo-container:last-child { + margin-right: 0; + } + .no-touch .logo-container-positioning .logo-container #logo { + width: 46% !important; + } + .no-touch .logo-container-positioning .logo-container #logo img { + width: 100%; + } +} +.no-touch .site-menus-container-positioning { + position: relative; + top: -60px; + z-index: 1; +} +.no-touch #site-menus .menu { + text-align: right; + position: relative; +} +@media screen and (min-width: 0) and (max-width: 768px) { + .no-touch #header { + height: 140px; + } + .no-touch #header #site-menus .menu { + text-align: left; + } + .no-touch #header .site-menus-container { + float: left; + display: block; + margin-right: 1.69492%; + width: 100%; + margin-left: 0%; + } + .no-touch #header .site-menus-container:last-child { + margin-right: 0; + } + .no-touch #header .site-menus-container-positioning { + position: relative; + top: 0; + padding-top: 0; + } +} +@media screen and (min-width: 490px) and (max-width: 700px) { + .no-touch #header { + height: 260px; + } +} +@media screen and (min-width: 0) and (max-width: 500px) { + .no-touch #header { + height: auto; + } +} +.collapsible-menu #header { + top: 0; +} +.collapsible-menu #header #block-search-form .container-inline, +.collapsible-menu #header #search-block-form .container-inline { + position: absolute; + top: 110px; + right: 0; +} +.collapsible-menu #header #site-name { + position: absolute; + top: 0; +} +.collapsible-menu #header .logo-container-positioning { + position: relative; + top: -40px; + left: -10px; + padding: 0 0 25px; +} +.collapsible-menu #header .logo-container-positioning .container { + padding-top: 15px; +} +@media screen and (min-width: 0) and (max-width: 460px) { + .collapsible-menu #header .logo-container-positioning #logo { + width: 48% !important; + margin-top: 25px; + height: 55px; + } + .collapsible-menu #header .logo-container-positioning #logo img { + width: 100%; + } +} +.collapsible-menu #header .menu-block-wrapper .menu .menu-level-1 { + border-left: 4px solid #A3D783; +} +.collapsible-menu #header .menu-block-wrapper .menu .menu-level-1 > a { + background-color: #2E2925; + color: #fff; + margin-bottom: 0; + padding-bottom: 0.5em; +} +.collapsible-menu #header .site-menus-container-positioning { + background: #ecedee; + color: #fff; + padding-top: 0; +} +.collapsible-menu #header .site-menus-container ul { + margin-top: 0.75em; +} +.collapsible-menu #header .menu-button-wrapper { + position: relative; +} +.collapsible-menu #header .menu-button-wrapper .menu-button { + position: absolute; + right: -15px; + top: 10px; + border: 1px solid #ccc; + background: #ddd; + padding: 4px 14px; + border-radius: 8px 8px 8px 8px; + -moz-border-radius: 8px 8px 8px 8px; + -webkit-border-top-left-radius: 8px; + -webkit-border-top-right-radius: 8px; + -webkit-border-bottom-right-radius: 8px; + -webkit-border-bottom-left-radius: 8px; + color: #2E2925; + cursor: pointer; +} +.collapsible-menu #header #block-menu-menu-social-links { + position: relative; + right: 0; + top: 70px; +} +.collapsible-menu #header #block-search-form .block-inner .container-inline, +.collapsible-menu #header #search-block-form .block-inner .container-inline { + right: 0; + top: 75px; +} +#menu-tray { + width: 100%; + min-height: 20px; + position: absolute; + z-index: 1000; + top: 0; + background: #ecedee; + color: #fff; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; + box-shadow: 0 8px 7px 1px rgba(0, 0, 0, 0.45); +} +#menu-tray .initially-hidden { + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; +} +#menu-tray.menu-tray-transition { + -webkit-transition: opacity 0.25s ease-in-out; + -moz-transition: opacity 0.25s ease-in-out; + transition: opacity 0.25s ease-in-out; + pointer-events: auto; + opacity: 1; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; +} +#menu-tray .menu { + padding: 20px; +} +#menu-tray.docked { + pointer-events: none; + opacity: 0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; +} +#menu-tray a { + color: #fff; + word-wrap: break-word; +} +#menu-tray .menu .menu-level-2 { + display: inline-block; + vertical-align: top; + width: 25%; + margin: 0 0 0.25em 0; + padding: 0; +} +@media screen and (min-width: 0) and (max-width: 500px) { + #menu-tray .menu .menu-level-2 { + width: 100%; + } +} +@media screen and (min-width: 500px) and (max-width: 700px) { + #menu-tray .menu .menu-level-2 { + width: 50%; + } +} +@media screen and (min-width: 700px) and (max-width: 900px) { + #menu-tray .menu .menu-level-2 { + width: 33.33%; + } +} +#menu-tray .menu .menu-level-2 > a { + display: block; + background: url(/sites/all/themes/opnfv/images/optimized/nav-arrow.png) no-repeat right center #2E2925; + border-left: 5px solid #086960; + width: 99%; + margin: 0 auto 0.25em; + padding: 7px; +} +#menu-tray .menu .menu-level-2 .link-order-1 { + border-left: 5px solid #a4d384; +} +#menu-tray .menu .menu-level-2 .link-order-2 { + border-left: 5px solid #00adbb; +} +#menu-tray .menu .menu-level-2 .menu { + font-size: 12px; + padding-top: 0; + padding-bottom: 0; +} +#menu-tray .menu .menu-level-2 .menu li { + list-style: none; +} +#menu-tray .menu .menu-level-2 .menu a { + color: #000; + border-left: none; +} +#footer .menu-block-wrapper { + background: none; +} +#footer .menu-block-wrapper .menu li { + list-style: none; + margin: 0; +} +#footer .menu-block-wrapper .menu li a { + word-wrap: break-word; +} +#footer .menu-block-wrapper .menu .menu-level-1 { + display: inline-block; + vertical-align: top; + width: 25%; + margin: 0 0 3em 0; + padding: 0; +} +@media screen and (min-width: 0) and (max-width: 500px) { + #footer .menu-block-wrapper .menu .menu-level-1 { + width: 100%; + } +} +@media screen and (min-width: 500px) and (max-width: 700px) { + #footer .menu-block-wrapper .menu .menu-level-1 { + width: 50%; + } +} +@media screen and (min-width: 700px) and (max-width: 900px) { + #footer .menu-block-wrapper .menu .menu-level-1 { + width: 33.33%; + } +} +#footer .menu-block-wrapper .menu .menu-level-1 > a { + display: block; + width: 95%; + margin: 0 auto 0.25em; + padding: 7px; + text-transform: uppercase; + background: url(/sites/all/themes/opnfv/images/optimized/nav-arrow.png) no-repeat right center #0095a2; + border-left: 5px solid #007e88; + color: #fff; +} +#footer .menu-block-wrapper .menu .menu-level-2 { + width: 85%; + margin: 0 auto; + font-size: 15px; + list-style: square; + color: #009fac; +} +#footer .menu-block-wrapper .menu .menu-level-2 a { + color: #fff; + display: inline-block; + padding-bottom: 7px; + word-wrap: break-word; +} +#footer .menu-block-wrapper .menu .menu-level-2 > .menu { + border-bottom: 1px solid #008792; + margin-bottom: 1.2em; +} +#footer .menu-block-wrapper .menu .menu-level-3 { + display: block; + width: 100%; + padding-left: 1.6em; + border-top: 1px solid #009fac; + background: #00a8b6; +} +#footer .menu-block-wrapper .menu .menu-level-3 a { + font-size: 0.75em; +} +#block-menu_block-1 ul ul, +#block-menu_block-1 .menu-level-2, +#footer #block-menu_block-3 .block-title { + display: none; +} +#block-menu-menu-social-links li { + float: left; + list-style: none; +} +.view-blogs .view-header { + float: right; +} +.view-blogs .view-header a { + text-decoration: none; +} +.view-blogs .view-header img { + vertical-align: text-top; +} +body { + background: #fff; +} +#content { + padding: 0 20px; + margin-bottom: 2em; +} +.breadcrumb a { + text-transform: uppercase; + font-size: 0.8em; + padding: 0 0.35em; +} +.breadcrumb a:first-child { + padding-left: 0; +} +.blog_usernames_blog a, +.node-readmore a { + color: #A3D783; + text-transform: uppercase; +} +#page { + margin-bottom: 0; + padding-bottom: 0; +} +.collaborative-projects { + background-image: -webkit-linear-gradient(right center, #D0D1D1 0, #E6E6E6 69%); + background-image: linear-gradient(to left, #D0D1D1 0, #E6E6E6 69%); + background-color: #D0D1D1; + min-height: 30px; +} +.collaborative-projects .gray-diagonal { + min-height: 30px; + width: 100%; + background: url(/opnfv-dashboard/media/diagonal-white.png) transparent repeat scroll top left; +} +.collaborative-projects #collaborative-projects-logo { + margin-top: 10px; + height: 14px; + background: url(/opnfv-dashboard/media/collaborative-projects-logo.png) no-repeat scroll 10px center transparent; + width: 100%; + max-width: 400px; + float: left; + text-indent: -9000px; +} +@media screen and (min-width: 0) and (max-width: 500px) { + .collaborative-projects #collaborative-projects-logo { + width: 95%; + position: relative; + left: 8px; + background-position: 0 center; + -webkit-background-size: contain; + -moz-background-size: contain; + -o-background-size: contain; + background-size: contain; + } +} +.collaborative-projects #footer-copyright { + padding: 16px 0px 16px 20px; + font-size: 11px; + line-height: 16px; + font-weight: 300; +} +.collaborative-projects #footer-copyright p { + margin: 0; + font-family: Helvetica, Arial, "Lucida Grande", sans-serif; +} +.collaborative-projects #footer-copyright a { + text-decoration: underline; + color: #393939; +} +.collaborative-projects #footer-copyright a:hover { + text-decoration: none; + color: #0099EE; +} +.page-page-not-found #content { + margin: 3em 0 5em; + text-align: center; +} +.page-page-not-found #content p { + line-height: 2em; +} +#block-views-members-block_2 .views-row, +#block-views-members-block_5 .views-row, +#block-views-members-block_6 .views-row { + border-bottom: 1px solid #ccc; + margin-bottom: 20px; + padding-bottom: 20px; +} +#block-views-members-block_2 .member-info, +#block-views-members-block_5 .member-info, +#block-views-members-block_6 .member-info { + margin-bottom: 20px; + position: relative; +} +#block-views-members-block_2 .member-info:after, +#block-views-members-block_5 .member-info:after, +#block-views-members-block_6 .member-info:after { + content: ""; + display: table; + clear: both; +} +#block-views-members-block_2 .member-info .column-last, +#block-views-members-block_5 .member-info .column-last, +#block-views-members-block_6 .member-info .column-last { + bottom: -3px; + left: 0; + padding-left: 120px; + position: absolute; + width: 100%; +} +#block-views-members-block_2 .member-info .column-last *, +#block-views-members-block_5 .member-info .column-last *, +#block-views-members-block_6 .member-info .column-last * { + line-height: 120%; + margin: 0; +} +#block-views-members-block_2 .member-info img, +#block-views-members-block_5 .member-info img, +#block-views-members-block_6 .member-info img { + display: block; +} +#block-views-members-block_2 .member-info h3, +#block-views-members-block_5 .member-info h3, +#block-views-members-block_6 .member-info h3 { + font-size: 1em; +} +#block-views-members-block_2 .member-info .board-member-title, +#block-views-members-block_5 .member-info .board-member-title, +#block-views-members-block_6 .member-info .board-member-title { + font-weight: normal; + padding-left: 0; +} +#block-views-members-block_2 p:last-child, +#block-views-members-block_5 p:last-child, +#block-views-members-block_6 p:last-child { + margin-bottom: 0; +} +#block-views-members-block_2 .member-website, +#block-views-members-block_5 .member-website, +#block-views-members-block_6 .member-website { + margin-top: 10px; +} +.page-news-resources .views-row, +#block-views-resources-block_1 .views-row { + margin-bottom: 10px; +} +.page-news-resources .views-row:after, +#block-views-resources-block_1 .views-row:after { + content: ""; + display: table; + clear: both; +} +.page-news-resources .views-row .views-field-nothing, +#block-views-resources-block_1 .views-row .views-field-nothing { + float: left; + width: 80%; +} +.page-news-resources .views-row .views-field-field-thumbnail, +#block-views-resources-block_1 .views-row .views-field-field-thumbnail { + float: right; + margin: 5px 0 20px 0; + width: 15%; +} +.page-news-resources .views-row .views-field-field-thumbnail img, +#block-views-resources-block_1 .views-row .views-field-field-thumbnail img { + display: block; + height: auto; + max-width: 100%; +} +.page-news-resources .view-empty, +#block-views-resources-block_1 .view-empty { + margin-bottom: 1em; + padding: 1em; +} +.page-news-resources .more-link, +#block-views-resources-block_1 .more-link { + bottom: 2em; + font-size: 0.8em; + position: absolute; + text-align: center; + text-transform: uppercase; + width: 100%; +} +#block-views-collateral-block_1 .views-row { + margin-bottom: 10px; +} +#block-views-collateral-block_1 .view-empty { + margin-bottom: 1em; + padding: 1em; +} +#block-views-collateral-block_1 .more-link { + bottom: 2em; + font-size: 0.8em; + position: absolute; + text-align: center; + text-transform: uppercase; + width: 100%; +} +.not-front #block-views-news_and_announcements-block, +.not-front #block-views-news_and_announcements-block_1, +.not-front #block-twitter_helper-twitter_block_1, +.not-front #block-views-events-block, +.not-front #block-views-blogs-block, +.not-front #block-views-faq-faq_recent, +.not-front #block-views-resources-block_1, +.not-front #block-views-collateral-block_1, +.not-front #block-views-videos-block { + float: left; + display: block; + margin-right: 1.69492%; + width: 32.20339%; + height: 450px; + margin-bottom: 2em; + margin-right: 5px; + background: #ecedee; + z-index: 1; +} +.not-front #block-views-news_and_announcements-block:last-child, +.not-front #block-views-news_and_announcements-block_1:last-child, +.not-front #block-twitter_helper-twitter_block_1:last-child, +.not-front #block-views-events-block:last-child, +.not-front #block-views-blogs-block:last-child, +.not-front #block-views-faq-faq_recent:last-child, +.not-front #block-views-resources-block_1:last-child, +.not-front #block-views-collateral-block_1:last-child, +.not-front #block-views-videos-block:last-child { + margin-right: 0; +} +@media screen and (min-width: 0) and (max-width: 700px) { + .not-front #block-views-news_and_announcements-block, + .not-front #block-views-news_and_announcements-block_1, + .not-front #block-twitter_helper-twitter_block_1, + .not-front #block-views-events-block, + .not-front #block-views-blogs-block, + .not-front #block-views-faq-faq_recent, + .not-front #block-views-resources-block_1, + .not-front #block-views-collateral-block_1, + .not-front #block-views-videos-block { + float: left; + display: block; + margin-right: 1.69492%; + width: 100%; + height: auto; + min-height: 300px; + } + .not-front #block-views-news_and_announcements-block:last-child, + .not-front #block-views-news_and_announcements-block_1:last-child, + .not-front #block-twitter_helper-twitter_block_1:last-child, + .not-front #block-views-events-block:last-child, + .not-front #block-views-blogs-block:last-child, + .not-front #block-views-faq-faq_recent:last-child, + .not-front #block-views-resources-block_1:last-child, + .not-front #block-views-collateral-block_1:last-child, + .not-front #block-views-videos-block:last-child { + margin-right: 0; + } +} +.not-front #block-views-news_and_announcements-block.block-twitter-helper, +.not-front #block-views-news_and_announcements-block_1.block-twitter-helper, +.not-front #block-twitter_helper-twitter_block_1.block-twitter-helper, +.not-front #block-views-events-block.block-twitter-helper, +.not-front #block-views-blogs-block.block-twitter-helper, +.not-front #block-views-faq-faq_recent.block-twitter-helper, +.not-front #block-views-resources-block_1.block-twitter-helper, +.not-front #block-views-collateral-block_1.block-twitter-helper, +.not-front #block-views-videos-block.block-twitter-helper { + margin-right: 0; +} +.not-front #block-views-news_and_announcements-block.block-twitter-helper .all-tweets, +.not-front #block-views-news_and_announcements-block_1.block-twitter-helper .all-tweets, +.not-front #block-twitter_helper-twitter_block_1.block-twitter-helper .all-tweets, +.not-front #block-views-events-block.block-twitter-helper .all-tweets, +.not-front #block-views-blogs-block.block-twitter-helper .all-tweets, +.not-front #block-views-faq-faq_recent.block-twitter-helper .all-tweets, +.not-front #block-views-resources-block_1.block-twitter-helper .all-tweets, +.not-front #block-views-collateral-block_1.block-twitter-helper .all-tweets, +.not-front #block-views-videos-block.block-twitter-helper .all-tweets { + position: absolute; + bottom: 2em; + left: 0; + width: 100%; + text-align: center; + font-size: 0.8em; + text-transform: uppercase; +} +@media screen and (min-width: 0) and (max-width: 700px) { + .not-front #block-views-news_and_announcements-block.block-twitter-helper .all-tweets, + .not-front #block-views-news_and_announcements-block_1.block-twitter-helper .all-tweets, + .not-front #block-twitter_helper-twitter_block_1.block-twitter-helper .all-tweets, + .not-front #block-views-events-block.block-twitter-helper .all-tweets, + .not-front #block-views-blogs-block.block-twitter-helper .all-tweets, + .not-front #block-views-faq-faq_recent.block-twitter-helper .all-tweets, + .not-front #block-views-resources-block_1.block-twitter-helper .all-tweets, + .not-front #block-views-collateral-block_1.block-twitter-helper .all-tweets, + .not-front #block-views-videos-block.block-twitter-helper .all-tweets { + bottom: 0.5em; + } +} +.not-front #block-views-news_and_announcements-block.block-twitter-helper .block-title, +.not-front #block-views-news_and_announcements-block_1.block-twitter-helper .block-title, +.not-front #block-twitter_helper-twitter_block_1.block-twitter-helper .block-title, +.not-front #block-views-events-block.block-twitter-helper .block-title, +.not-front #block-views-blogs-block.block-twitter-helper .block-title, +.not-front #block-views-faq-faq_recent.block-twitter-helper .block-title, +.not-front #block-views-resources-block_1.block-twitter-helper .block-title, +.not-front #block-views-collateral-block_1.block-twitter-helper .block-title, +.not-front #block-views-videos-block.block-twitter-helper .block-title { + background: #71c48f; +} +.not-front #block-views-news_and_announcements-block.block-twitter-helper ul, +.not-front #block-views-news_and_announcements-block_1.block-twitter-helper ul, +.not-front #block-twitter_helper-twitter_block_1.block-twitter-helper ul, +.not-front #block-views-events-block.block-twitter-helper ul, +.not-front #block-views-blogs-block.block-twitter-helper ul, +.not-front #block-views-faq-faq_recent.block-twitter-helper ul, +.not-front #block-views-resources-block_1.block-twitter-helper ul, +.not-front #block-views-collateral-block_1.block-twitter-helper ul, +.not-front #block-views-videos-block.block-twitter-helper ul { + list-style: none; +} +.not-front #block-views-news_and_announcements-block.block-twitter-helper li, +.not-front #block-views-news_and_announcements-block_1.block-twitter-helper li, +.not-front #block-twitter_helper-twitter_block_1.block-twitter-helper li, +.not-front #block-views-events-block.block-twitter-helper li, +.not-front #block-views-blogs-block.block-twitter-helper li, +.not-front #block-views-faq-faq_recent.block-twitter-helper li, +.not-front #block-views-resources-block_1.block-twitter-helper li, +.not-front #block-views-collateral-block_1.block-twitter-helper li, +.not-front #block-views-videos-block.block-twitter-helper li { + margin-bottom: 1em; +} +.not-front #block-views-news_and_announcements-block.block-twitter-helper li img, +.not-front #block-views-news_and_announcements-block_1.block-twitter-helper li img, +.not-front #block-twitter_helper-twitter_block_1.block-twitter-helper li img, +.not-front #block-views-events-block.block-twitter-helper li img, +.not-front #block-views-blogs-block.block-twitter-helper li img, +.not-front #block-views-faq-faq_recent.block-twitter-helper li img, +.not-front #block-views-resources-block_1.block-twitter-helper li img, +.not-front #block-views-collateral-block_1.block-twitter-helper li img, +.not-front #block-views-videos-block.block-twitter-helper li img { + float: left; + margin-right: 1em; +} +.not-front #block-views-news_and_announcements-block.block-twitter-helper li .tweet_time, +.not-front #block-views-news_and_announcements-block_1.block-twitter-helper li .tweet_time, +.not-front #block-twitter_helper-twitter_block_1.block-twitter-helper li .tweet_time, +.not-front #block-views-events-block.block-twitter-helper li .tweet_time, +.not-front #block-views-blogs-block.block-twitter-helper li .tweet_time, +.not-front #block-views-faq-faq_recent.block-twitter-helper li .tweet_time, +.not-front #block-views-resources-block_1.block-twitter-helper li .tweet_time, +.not-front #block-views-collateral-block_1.block-twitter-helper li .tweet_time, +.not-front #block-views-videos-block.block-twitter-helper li .tweet_time { + display: block; + font-size: 0.8em; +} +.not-front #block-views-news_and_announcements-block.block-twitter-helper li .tweet_text, +.not-front #block-views-news_and_announcements-block_1.block-twitter-helper li .tweet_text, +.not-front #block-twitter_helper-twitter_block_1.block-twitter-helper li .tweet_text, +.not-front #block-views-events-block.block-twitter-helper li .tweet_text, +.not-front #block-views-blogs-block.block-twitter-helper li .tweet_text, +.not-front #block-views-faq-faq_recent.block-twitter-helper li .tweet_text, +.not-front #block-views-resources-block_1.block-twitter-helper li .tweet_text, +.not-front #block-views-collateral-block_1.block-twitter-helper li .tweet_text, +.not-front #block-views-videos-block.block-twitter-helper li .tweet_text { + font-size: 10px; +} +@media screen and (min-width: 900px) { + .not-front #block-views-news_and_announcements-block.block-twitter-helper li .tweet_text, + .not-front #block-views-news_and_announcements-block_1.block-twitter-helper li .tweet_text, + .not-front #block-twitter_helper-twitter_block_1.block-twitter-helper li .tweet_text, + .not-front #block-views-events-block.block-twitter-helper li .tweet_text, + .not-front #block-views-blogs-block.block-twitter-helper li .tweet_text, + .not-front #block-views-faq-faq_recent.block-twitter-helper li .tweet_text, + .not-front #block-views-resources-block_1.block-twitter-helper li .tweet_text, + .not-front #block-views-collateral-block_1.block-twitter-helper li .tweet_text, + .not-front #block-views-videos-block.block-twitter-helper li .tweet_text { + font-size: 0.9em; + } +} +.not-front #block-views-news_and_announcements-block.block-even .block-title, +.not-front #block-views-news_and_announcements-block_1.block-even .block-title, +.not-front #block-twitter_helper-twitter_block_1.block-even .block-title, +.not-front #block-views-events-block.block-even .block-title, +.not-front #block-views-blogs-block.block-even .block-title, +.not-front #block-views-faq-faq_recent.block-even .block-title, +.not-front #block-views-resources-block_1.block-even .block-title, +.not-front #block-views-collateral-block_1.block-even .block-title, +.not-front #block-views-videos-block.block-even .block-title { + background: #177870; +} +.not-front #block-views-news_and_announcements-block .block-title, +.not-front #block-views-news_and_announcements-block_1 .block-title, +.not-front #block-twitter_helper-twitter_block_1 .block-title, +.not-front #block-views-events-block .block-title, +.not-front #block-views-blogs-block .block-title, +.not-front #block-views-faq-faq_recent .block-title, +.not-front #block-views-resources-block_1 .block-title, +.not-front #block-views-collateral-block_1 .block-title, +.not-front #block-views-videos-block .block-title { + background: #00ADBB; + color: #fff; + font-size: 1.25em; + padding: .75em .5em; + text-align: center; + text-transform: uppercase; +} +.not-front #block-views-news_and_announcements-block .block-title a, +.not-front #block-views-news_and_announcements-block_1 .block-title a, +.not-front #block-twitter_helper-twitter_block_1 .block-title a, +.not-front #block-views-events-block .block-title a, +.not-front #block-views-blogs-block .block-title a, +.not-front #block-views-faq-faq_recent .block-title a, +.not-front #block-views-resources-block_1 .block-title a, +.not-front #block-views-collateral-block_1 .block-title a, +.not-front #block-views-videos-block .block-title a { + color: #fff; +} +.not-front #block-views-news_and_announcements-block .view-content, +.not-front #block-views-news_and_announcements-block_1 .view-content, +.not-front #block-twitter_helper-twitter_block_1 .view-content, +.not-front #block-views-events-block .view-content, +.not-front #block-views-blogs-block .view-content, +.not-front #block-views-faq-faq_recent .view-content, +.not-front #block-views-resources-block_1 .view-content, +.not-front #block-views-collateral-block_1 .view-content, +.not-front #block-views-videos-block .view-content { + margin-bottom: 1em; + padding: 1em; +} +.not-front #block-views-news_and_announcements-block .view-footer, +.not-front #block-views-news_and_announcements-block_1 .view-footer, +.not-front #block-twitter_helper-twitter_block_1 .view-footer, +.not-front #block-views-events-block .view-footer, +.not-front #block-views-blogs-block .view-footer, +.not-front #block-views-faq-faq_recent .view-footer, +.not-front #block-views-resources-block_1 .view-footer, +.not-front #block-views-collateral-block_1 .view-footer, +.not-front #block-views-videos-block .view-footer { + text-transform: uppercase; + font-size: 0.8em; + position: absolute; + bottom: 2em; + width: 100%; + text-align: center; +} +@media screen and (min-width: 0) and (max-width: 700px) { + .not-front #block-views-news_and_announcements-block .view-footer, + .not-front #block-views-news_and_announcements-block_1 .view-footer, + .not-front #block-twitter_helper-twitter_block_1 .view-footer, + .not-front #block-views-events-block .view-footer, + .not-front #block-views-blogs-block .view-footer, + .not-front #block-views-faq-faq_recent .view-footer, + .not-front #block-views-resources-block_1 .view-footer, + .not-front #block-views-collateral-block_1 .view-footer, + .not-front #block-views-videos-block .view-footer { + bottom: 0.5em; + } +} +.not-front .view-blogs .block-row, +.not-front .view-events .block-row, +.not-front .view-news-and-announcements .block-row, +.not-front .view-videos .block-row { + margin-bottom: 1.5em; +} +.not-front .view-blogs .views-field, +.not-front .view-events .views-field, +.not-front .view-news-and-announcements .views-field, +.not-front .view-videos .views-field { + margin-bottom: 0.25em; +} +.not-front .view-blogs .views-field-type, +.not-front .view-blogs .views-field-field-event-address, +.not-front .view-events .views-field-type, +.not-front .view-events .views-field-field-event-address, +.not-front .view-news-and-announcements .views-field-type, +.not-front .view-news-and-announcements .views-field-field-event-address, +.not-front .view-videos .views-field-type, +.not-front .view-videos .views-field-field-event-address { + font-style: italic; + font-size: 0.95em; +} +.not-front .view-blogs .views-field-title, +.not-front .view-events .views-field-title, +.not-front .view-news-and-announcements .views-field-title, +.not-front .view-videos .views-field-title { + font-size: 11px; +} +@media screen and (min-width: 900px) { + .not-front .view-blogs .views-field-title, + .not-front .view-events .views-field-title, + .not-front .view-news-and-announcements .views-field-title, + .not-front .view-videos .views-field-title { + font-size: 1.1em; + } +} +.not-front .view-blogs .views-field-created, +.not-front .view-events .views-field-created, +.not-front .view-news-and-announcements .views-field-created, +.not-front .view-videos .views-field-created { + font-style: italic; + font-size: 0.8em; +} +.not-front #block-views-faq-faq_recent .more-link { + position: absolute; + width: 100%; + text-align: center; + bottom: 30px; +} +.not-front .view-videos .views-row { + display: block; + height: 150px; + margin-bottom: 1em; +} +.not-front .view-videos .view-empty { + padding: 1em; +} +.not-front .view-videos .views-field-nothing { + position: relative; + float: left; + margin-right: 10px; +} +.not-front .view-videos .views-field-nothing a { + text-transform: uppercase; +} +.not-front .view-videos .views-field-body { + margin-top: 20px; + font-size: 10px; +} +@media screen and (min-width: 900px) { + .not-front .view-videos .views-field-body { + font-size: 0.9em; + } +} +.front .title { + display: none; +} +.front #content { + padding-top: 20px; + max-width: 68em; + margin-left: auto; + margin-right: auto; +} +.front #content:after { + content: ""; + display: table; + clear: both; +} +.front .custom_home_block { + background: transparent none repeat scroll 0 0 !important; + clear: both !important; + color: #000 !important; + height: auto !important; + width: 100% !important; + font-size: 0.8em !important; + margin-top: 0px !important; + margin-bottom: 5px !important; +} +.front .custom_home_block .content { + padding: 0px !important; +} +.front .custom_home_block .content p { + margin: 0px; +} +.front .custom_home_block img { + width: 100%; +} +.front .block-views, +.front .block-block, +.front .block-twitter-helper { + float: left; + display: block; + margin-right: 1.69492%; + width: 32.20339%; + height: 500px; + margin-bottom: 2em; + background: #ecedee; +} +.front .block-views:last-child, +.front .block-block:last-child, +.front .block-twitter-helper:last-child { + margin-right: 0; +} +@media screen and (min-width: 0) and (max-width: 700px) { + .front .block-views, + .front .block-block, + .front .block-twitter-helper { + float: left; + display: block; + margin-right: 1.69492%; + width: 100%; + height: auto; + } + .front .block-views:last-child, + .front .block-block:last-child, + .front .block-twitter-helper:last-child { + margin-right: 0; + } +} +.front .block-views.block-twitter-helper, +.front .block-block.block-twitter-helper, +.front .block-twitter-helper.block-twitter-helper { + margin-right: 0; +} +.front .block-views.block-twitter-helper .all-tweets, +.front .block-block.block-twitter-helper .all-tweets, +.front .block-twitter-helper.block-twitter-helper .all-tweets { + position: absolute; + bottom: 2em; + left: 0; + width: 100%; + text-align: center; + font-size: 0.8em; + text-transform: uppercase; +} +@media screen and (min-width: 0) and (max-width: 700px) { + .front .block-views.block-twitter-helper .all-tweets, + .front .block-block.block-twitter-helper .all-tweets, + .front .block-twitter-helper.block-twitter-helper .all-tweets { + bottom: 0.5em; + } +} +.front .block-views.block-twitter-helper .block-title, +.front .block-block.block-twitter-helper .block-title, +.front .block-twitter-helper.block-twitter-helper .block-title { + background: #71c48f; +} +.front .block-views.block-twitter-helper ul, +.front .block-block.block-twitter-helper ul, +.front .block-twitter-helper.block-twitter-helper ul { + list-style: none; +} +.front .block-views.block-twitter-helper li, +.front .block-block.block-twitter-helper li, +.front .block-twitter-helper.block-twitter-helper li { + margin-bottom: 1em; +} +.front .block-views.block-twitter-helper li img, +.front .block-block.block-twitter-helper li img, +.front .block-twitter-helper.block-twitter-helper li img { + float: left; + margin-right: 1em; +} +.front .block-views.block-twitter-helper li .tweet_time, +.front .block-block.block-twitter-helper li .tweet_time, +.front .block-twitter-helper.block-twitter-helper li .tweet_time { + display: block; + font-size: 0.8em; +} +.front .block-views.block-twitter-helper li .tweet_text, +.front .block-block.block-twitter-helper li .tweet_text, +.front .block-twitter-helper.block-twitter-helper li .tweet_text { + font-size: 10px; +} +@media screen and (min-width: 900px) { + .front .block-views.block-twitter-helper li .tweet_text, + .front .block-block.block-twitter-helper li .tweet_text, + .front .block-twitter-helper.block-twitter-helper li .tweet_text { + font-size: 0.9em; + } +} +.front .block-views.block-even .block-title, +.front .block-block.block-even .block-title, +.front .block-twitter-helper.block-even .block-title { + background: #177870; +} +.front .block-views .block-title, +.front .block-block .block-title, +.front .block-twitter-helper .block-title { + background: #00ADBB; + color: #fff; + font-size: 1.25em; + padding: .75em .5em; + text-align: center; + text-transform: uppercase; +} +.front .block-views .block-title a, +.front .block-block .block-title a, +.front .block-twitter-helper .block-title a { + color: #fff; +} +.front .block-views .content, +.front .block-block .content, +.front .block-twitter-helper .content { + padding: 1em; +} +.front .block-views .view-content, +.front .block-block .view-content, +.front .block-twitter-helper .view-content { + margin-bottom: 1em; +} +.front .block-views .view-footer, +.front .block-block .view-footer, +.front .block-twitter-helper .view-footer { + text-transform: uppercase; + font-size: 0.8em; + position: absolute; + bottom: 2em; + width: 100%; + text-align: center; +} +@media screen and (min-width: 0) and (max-width: 700px) { + .front .block-views .view-footer, + .front .block-block .view-footer, + .front .block-twitter-helper .view-footer { + bottom: 0.5em; + } +} +.front #content-area { + display: inline-flex; + height: auto; + flex-flow: row wrap; +} +.front #block-block-1, +.front #block-block-2, +.front #block-block-3 { + background: none; + height: auto; + display: inline-flex; + margin-bottom: 0; +} +@media screen and (min-width: 900px) { + .front #block-block-1, + .front #block-block-2, + .front #block-block-3 { + width: 32%; + } +} +.front #block-block-1 .block-title, +.front #block-block-2 .block-title, +.front #block-block-3 .block-title { + background: transparent; + margin-bottom: 0; + padding: 0; +} +.front #block-block-1 .block-title-link, +.front #block-block-2 .block-title-link, +.front #block-block-3 .block-title-link { + background-position: 50% 10px; + background-repeat: no-repeat; + color: #373A36; + display: block; + margin: auto; + padding-top: 110px; + width: 100%; +} +.front #block-block-1 .content, +.front #block-block-2 .content, +.front #block-block-3 .content { + text-align: center; +} +.front #block-block-1 .block-title-link { + background-image: url(/sites/all/themes/opnfv/images/optimized/OPNFV_Icon_About.png); +} +.front #block-block-2 .block-title-link { + background-image: url(/sites/all/themes/opnfv/images/optimized/OPNFV_Icon_GettingStarted.png); +} +.front #block-block-3 { + margin-right: 0; +} +.front #block-block-3 .block-title-link { + background-image: url(/sites/all/themes/opnfv/images/optimized/OPNFV_Icon_GetInvolved.png); +} +.front #block-system-main { + clear: both; +} +.front .view-blogs .views-row, +.front .view-events .views-row { + margin-bottom: 1.5em; +} +.front .view-blogs .views-field, +.front .view-events .views-field { + margin-bottom: 0.25em; +} +.front .view-blogs .views-field-type, +.front .view-blogs .views-field-field-event-address, +.front .view-events .views-field-type, +.front .view-events .views-field-field-event-address { + font-style: italic; + font-size: 0.95em; +} +.front .view-blogs .views-field-title, +.front .view-events .views-field-title { + font-size: 1.1em; +} +.front .view-blogs .views-field-created, +.front .view-events .views-field-created { + font-style: italic; + font-size: 0.8em; +} +.front #block-views-members_by_level-block, +.front #block-views-members_by_level-block_1, +.front #block-views-members-slider { + height: 100%; + background-color: transparent; + width: 100%; +} +.front .flex-control-nav { + display: none; +} +.front .views-field-field-member-logo .field-content { + line-height: 40px; + text-align: center; + width: 100%; +} +.front .views-field-field-member-logo .field-content img { + display: inline-block; + height: auto; + max-width: 100%; + vertical-align: middle; + width: auto; +} +#highlighted { + margin-bottom: -221px; +} +#highlighted .block-views { + float: left; + display: block; + margin-right: 1.69492%; + width: 100%; + height: auto; + margin-bottom: 0; + background: none; +} +#highlighted .block-views:last-child { + margin-right: 0; +} +.logged-in #highlighted { + margin-bottom: -216px; +} +.flexslider { + background: transparent; + border: none; + border-radius: none; + box-shadow: none; +} +.flexslider .flex-direction-nav a:before { + color: #A3D783; +} +.flexslider .flex-direction-nav a:hover { + text-decoration: none; +} +.flexslider .slides { + overflow: hidden; +} +.flexslider .slides img { + height: auto; + margin-left: auto; + margin-right: auto; + max-width: 100%; +} +.flexslider .views-field-nothing { + display: none; +} +.view-front-page-slideshow { + max-height: 180px; + overflow: hidden; +} +@media screen and (min-width: 981px) { + .view-front-page-slideshow .flexslider .slides img { + height: 180px; + } +} +a.frontpage-slider__video-link, +a.frontpage-slider__video-link:visited { + display: block; + height: 100%; + left: 0; + position: absolute; + overflow: hidden; + text-indent: -999em; + top: 0; + width: 100%; + z-index: 1; +} +.view-members-by-level .view-content { + text-align: center; +} +.view-members-by-level .view-content h3 { + text-align: left; +} +.view-members-by-level .field-content, +.view-members-by-level .views-field-field-member-logo, +.view-members-by-level .views-row { + display: inline-block; +} +.view-members-by-level .flexslider { + background-color: transparent; +} +.view-members-by-level img { + margin-right: 10px; +} +@media screen and (min-width: 0) and (max-width: 670px) { + .flexslider .views-field-nothing { + position: static; + opacity: 0.8; + } + .touch .flexslider .flex-direction-nav { + display: none; + } +} +.view-events .views-row { + margin-bottom: 2em; +} +.view-events .views-field { + margin-bottom: 0.5em; +} +.view-events .learn-more { + margin: 0.5em 0; +} +.view-events .views-field-title { + font-size: 1.25em; +} +.view-events .views-field-created { + font-style: italic; + font-size: 0.8em; +} +.view-events .views-field-field-event-address { + font-style: italic; +} +.node-event img { + max-width: 100%; + height: auto; +} +.node-event .field { + margin-bottom: 0.5em; +} +.node-event .field-label { + margin-right: 0.25em; + text-transform: uppercase; + font-size: 0.8em; +} +.node-event .field-name-field-event-image { + margin-bottom: 2em; + border-bottom: 1px solid #ecedee; +} +.node-event .field-name-body { + margin: 2em 0; + padding-top: 3em; + border-top: 1px solid #ecedee; +} +.node-event .field-name-body .field-label { + margin-bottom: 1em; +} +.view-main-menu-links { + max-width: 68em; + margin-left: auto; + margin-right: auto; + margin-top: 2em; + border-top: 1px solid #ecedee; + padding-top: 4em; +} +.view-main-menu-links:after { + content: ""; + display: table; + clear: both; +} +.view-main-menu-links ul { + margin: 0; + padding: 0; +} +.view-main-menu-links ul li { + margin: 0; + padding: 0; +} +.view-main-menu-links .views-row { + float: left; + display: block; + margin-right: 1.69492%; + width: 49.15254%; + margin-bottom: 4em; + padding-right: 4em; +} +.view-main-menu-links .views-row:last-child { + margin-right: 0; +} +@media screen and (min-width: 0) and (max-width: 700px) { + .view-main-menu-links .views-row { + float: left; + display: block; + margin-right: 1.69492%; + width: 100%; + padding-right: 0; + } + .view-main-menu-links .views-row:last-child { + margin-right: 0; + } +} +.view-main-menu-links .views-row .views-field-title { + font-size: 1.5em; + margin-bottom: 1em; + text-align: center; +} +.view-main-menu-links .views-row .views-field-body { + margin-bottom: 0.5em; +} +.view-main-menu-links .views-row .views-field-description a { + display: block; + margin-top: 0.5em; +} +.view-main-menu-links .views-row.views-row-even { + margin-right: 0; +} +.view-main-menu-links .views-row.views-row-odd { + clear: left; +} +body.node-type-landing-page #content-header { + left: 0; + position: absolute; + top: 20px; + width: 100%; + z-index: 1; +} +.node-landing-page { + display: block; + height: 100%; + left: 0; + overflow: auto; + position: fixed; + top: 0; + width: 100%; +} +.node-landing-page.with-background { + background-color: #000; + background-position: center bottom; + background-repeat: no-repeat; + background-size: cover; +} +.node-landing-page .content { + color: #fff; + margin: 50px auto; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); +} +.node-landing-page .content:after { + content: ""; + display: table; + clear: both; +} +@media screen and (min-width: 700px) { + .node-landing-page .content { + margin-top: 120px; + max-width: 68em; + } +} +.node-landing-page .content a, +.node-landing-page .content a:visited { + color: #00ADBB; +} +.node-landing-page .content p { + color: #fff; +} +.node-landing-page .content h2 { + text-align: center; +} +.node-landing-page .content h2 a, +.node-landing-page .content h2 a:visited { + color: #fff; +} +.node-landing-page .content img { + display: inline-block; + height: auto; + max-width: 100%; +} +.node-landing-page .field-name-field-header-first-column, +.node-landing-page .field-name-field-header-last-column, +.node-landing-page .field-name-field-content-first-column, +.node-landing-page .field-name-field-content-last-column { + padding: 0 20px; +} +@media screen and (min-width: 700px) { + .node-landing-page .field-name-field-header-first-column, + .node-landing-page .field-name-field-header-last-column, + .node-landing-page .field-name-field-content-first-column, + .node-landing-page .field-name-field-content-last-column { + float: left; + width: 49%; + } +} +@media screen and (min-width: 700px) { + .node-landing-page .field-name-field-header-first-column, + .node-landing-page .field-name-field-content-last-column { + float: right; + } +} +.node-landing-page .field-name-field-content-first-column { + margin-bottom: 40px; +} +@media screen and (min-width: 700px) { + .node-landing-page .field-name-field-content-first-column { + margin-bottom: 0; + } +} +.page-resources-library .view-resources .views-row { + margin-bottom: 2em; +} +.page-resources-library .view-resources .opnfv-resources-date { + font-style: italic; + font-size: 0.8em; +} +.page-resources-library .view-resources .opnfv-resources-title { + font-size: 1.25em; + margin-bottom: 0.5em; +} +.page-resources-library .view-resources .views-field-field-thumbnail { + float: right; + margin: 5px 0 20px 20px; +} +.page-resources-library .view-resources .views-field-field-thumbnail img { + display: block; + height: auto; + max-width: 100%; +} +.page-blog .view-blogs .views-row, +.page-news-faq-blog .view-blogs .views-row { + margin-bottom: 2em; +} +.page-blog .view-blogs .views-field, +.page-news-faq-blog .view-blogs .views-field { + margin-bottom: 0.5em; +} +.page-blog .view-blogs .learn-more, +.page-news-faq-blog .view-blogs .learn-more { + margin: 0.5em 0; +} +.page-blog .view-blogs .views-field-title, +.page-news-faq-blog .view-blogs .views-field-title { + font-size: 1.25em; +} +.page-blog .view-blogs .views-field-created, +.page-news-faq-blog .view-blogs .views-field-created { + font-style: italic; + font-size: 0.8em; +} +.node-blog { + margin-bottom: 3em; +} +.node-blog .addtoany_list { + display: block; + padding-bottom: 20px; +} +.node-blog .blog_usernames_blog { + display: none; +} +#header #header-region { + clear: both; +} +#header .container { + padding: 0px 20px 0; +} +#header #logo { + float: left; + display: block; + margin-right: 1.69492%; + width: 18.64407%; + margin-bottom: 1em; +} +#header #logo:last-child { + margin-right: 0; +} +#header #site-name { + margin-top: 20px; +} +#header #site-name a { + text-indent: -9999px; + display: inline-block; +} +.banner-top { + background-color: #fff; + height: 180px; +} +@media screen and (min-width: 980px) { + .banner-top { + background: #00ADBB url(/sites/all/themes/opnfv/images/optimized/banner-bg.png) repeat 50% 50%; + height: 180px; + } +} +.sidebar .block { + margin-bottom: 1.5em; + background: #ecedee; +} +.sidebar .block .content { + padding: 0 1em .5em; +} +.sidebar .block .view-content { + margin-bottom: 1em; +} +.sidebar .block .view-footer { + text-transform: uppercase; + font-size: 0.8em; +} +.sidebar .block-title { + font-size: 1em; + color: #fff; + background: #177870; + padding: .5em; +} +#footer { + background: #00ADBB; +} +#footer .container { + padding: 20px 20px 30px; +} +#footer #block-block-4 { + display: none; +} +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} +audio, +canvas, +video { + display: inline-block; +} +audio:not([controls]) { + display: none; + height: 0; +} +[hidden] { + display: none; +} +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} +body { + margin: 0; +} +a:focus { + outline: thin dotted; +} +a:active, +a:hover { + outline: 0; +} +h1 { + font-size: 2em; + margin: 0.67em 0; +} +abbr[title] { + border-bottom: 1px dotted; +} +b, +strong { + font-weight: bold; +} +dfn { + font-style: italic; +} +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} +mark { + background: #ff0; + color: #000; +} +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; +} +pre { + white-space: pre-wrap; +} +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +img { + border: 0; +} +svg:not(:root) { + overflow: hidden; +} +figure { + margin: 0; +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} +legend { + border: 0; + padding: 0; +} +button, +input, +select, +textarea { + font-family: inherit; + font-size: 100%; + margin: 0; +} +button, +input { + line-height: normal; +} +button, +select { + text-transform: none; +} +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} +button[disabled], +html 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; +} +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} +textarea { + overflow: auto; + vertical-align: top; +} +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/tools/infra-dashboard/css/source-sans-pro.css b/tools/infra-dashboard/css/source-sans-pro.css new file mode 100644 index 00000000..91314f03 --- /dev/null +++ b/tools/infra-dashboard/css/source-sans-pro.css @@ -0,0 +1,96 @@ +/* vietnamese */ +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 200; + src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(../fonts/SourceSansPro-ExtraLight.ttf) format('truetype'); + unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; +} +/* latin-ext */ +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 200; + src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(../fonts/SourceSansPro-ExtraLight.ttf) format('truetype'); + unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 200; + src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'), url(../fonts/SourceSansPro-ExtraLight.ttf) format('truetype'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; +} +/* vietnamese */ +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/SourceSansPro-Regular.ttf) format('truetype'); + unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; +} +/* latin-ext */ +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/SourceSansPro-Regular.ttf) format('truetype'); + unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 400; + src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../fonts/SourceSansPro-Regular.ttf) format('truetype'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; +} +/* vietnamese */ +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 700; + src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../fonts/SourceSansPro-Bold.ttf) format('truetype'); + unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; +} +/* latin-ext */ +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 700; + src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../fonts/SourceSansPro-Bold.ttf) format('truetype'); + unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Source Sans Pro'; + font-style: normal; + font-weight: 700; + src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(../fonts/SourceSansPro-Bold.ttf) format('truetype'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; +} +/* vietnamese */ +@font-face { + font-family: 'Source Sans Pro'; + font-style: italic; + font-weight: 400; + src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(../fonts/SourceSansPro-Italic.ttf) format('truetype'); + unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; +} +/* latin-ext */ +@font-face { + font-family: 'Source Sans Pro'; + font-style: italic; + font-weight: 400; + src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(../fonts/SourceSansPro-Italic.ttf) format('truetype'); + unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; +} +/* latin */ +@font-face { + font-family: 'Source Sans Pro'; + font-style: italic; + font-weight: 400; + src: local('Source Sans Pro Italic'), local('SourceSansPro-It'), url(../fonts/SourceSansPro-Italic.ttf) format('truetype'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; +} diff --git a/tools/infra-dashboard/css/template.css b/tools/infra-dashboard/css/template.css new file mode 100644 index 00000000..688ac04d --- /dev/null +++ b/tools/infra-dashboard/css/template.css @@ -0,0 +1,802 @@ +/* +*/ +body { + background-color: #15151d; + color: #313131; + font-family: 'Source Sans Pro', sans-serif; + font-size: 16px; + min-width: 300px; +} +h1, +.h1 { + font-size: 2em; + margin: 0.67em 0; + font-weight: bolder; + text-transform: uppercase; +} +h2, +.h2 { + font-size: 1.5em; + margin: 0.83em 0; + font-weight: bolder; + text-transform: uppercase; +} +h3 { + font-size: 1.17em; + margin: 1em 0; + font-weight: bolder; + text-transform: uppercase; +} +h4 { + font-weight: bolder; + text-transform: uppercase; +} +h5 { + + font-weight: bolder; + text-transform: uppercase; +} +p { + font-size: 16px; +} +a { + color: #68CDA0; + outline: none; + text-decoration: none; +} +ul, +ol { + padding: 0; + margin: 0 0 10px 25px; +} +.table-responsive { + overflow-x: auto; +} +img { + max-width: 100%; +} +a:focus, +a:hover { + color: #90ef7f; + text-decoration: none; +} +.btn { + text-transform: uppercase; + font-weight: bolder; +} +.btn-default { + background-color: #90ef7f; + color: #313131; + border: 0; + border-radius: 2px; +} +.btn-default:hover { + background-color: #90ef7f; + color: #000000; +} +.btn-sm { + padding: 13px 18px; +} +button, +.button { + font-size: 12px; + line-height: 1; + display: inline-block; + text-transform: uppercase; + font-weight: bolder; + padding: 16px 18px; + background-color: #90ef7f; + color: #313131; + border: 0; + border-radius: 2px; + margin: 1px; + text-align: center; +} +button:hover, +.button:hover { + background-color: #90ef7f; + color: #000000; +} +.pagination>li>a, .pagination>li>span { + color: #FFFFFF; + background-color: #0095A2; + border: 1px solid silver; +} +.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { + color: white; + background-color: #68CDA0; +} +.pagination>li>span:hover, .pagination>li>span:focus { + background-color: #0095A2; +} +/* +* Menu +*/ +#menu { + background-color: #007E88; + color: #ffffff; +} +#menu #menu-second a { + font-size: 12px; +} +#menu-second .navbar-nav>li>a { + padding-bottom: 5px; +} +#menu-second .navbar-nav>li>a { + padding-top: 10px; +} +#menu .navbar-default { + background-color: #FFFFFF; + color: inherit; + border-radius: 0; + border: 0; + margin-bottom: 0; +} +#menu .navbar-brand { + height: auto; + max-width: 360px; + margin: -0 0; + padding: 0; +} +#menu .navbar-brand img { + max-width: 100%; + width: 100%; + height: auto; +} +#menu a { + font-size: 20px; + font-weight: normal; + color: #000000; + text-transform: uppercase; +} +#menu a:hover { + color: #90ef7f; +} +#menu .navbar-default .navbar-nav>.active>a, +#menu .navbar-default .navbar-nav>.active>a:hover, +#menu .navbar-default .navbar-nav>.active>a:focus { + background-color: inherit; + color: #68CDA0; + font-weight: bolder; +} +#menu .navbar-default .navbar-nav>.open>a, +#menu .navbar-default .navbar-nav>.open>a:hover, +#menu .navbar-default .navbar-nav>.open>a:focus { + background-color: #ECEDEE; + color: #000000; +} +#menu .dropdown-menu { + background-color: #ECEDEE; + margin-top: -1px; + margin-left: -1px; + border-radius: 0; +} +#menu .dropdown-menu>li>a:hover, +#menu .dropdown-menu>li>a:focus { + background-color: inherit; +} +#menu .dropdown-menu>.active>a, +#menu .dropdown-menu>.active>a:hover, +#menu .dropdown-menu>.active>a:focus { + background-color: inherit; + font-weight: bold; +} +#menu .dropdown-menu>li>a { + font-size: 16px; + text-transform: none; +} + +.highcharts-iframe { + border: none; +} + +/* +*Embedded youtube +*/ +.video-slot { + padding: 2em; +} +.video-container-outer { + max-width: 800px; + margin: 0 auto; +} +.video-container { + position:relative; + padding-bottom:56.25%; + height:0; + overflow:hidden; +} +.video-container iframe { + position:absolute; + top:0; + left:0; + width:100%; + height:100%; +} +/* +* End: Menu +*/ +.item-page { + max-width: 760px; + margin: auto; +} +.item-page img { + margin-bottom: 30px; +} + +.image-wrapper { + background-color: #f9f9f9; + padding: 30px; + margin-bottom: 30px; + text-align: center; +} +.image-wrapper img { + margin: 0; +} + +.blog img { + margin-bottom: 30px; +} + +.article-info { + font-size: 14px; + color: silver; + margin-bottom: 20px; +} + +dl.article-info dt { + display: none; +} + +dl.article-info dd { + font-size: 14px; + display: inline; + color: silver; + margin-bottom: 20px; +} + +dl.article-info dd:after { + content: " \25CF "; +} + +dl.article-info dd:last-child:after { + content: none; +} + +hr { + width: 100%; + border-top: 1px solid silver; + display: inline-block; +} + + + +/* +* Component +#000000 +*/ +#hs-component { + background-color: #000000; + padding: 30px 0; +} +#hs-component .container { + background-color: white; + padding: 30px; +} +/* +* End: Component +*/ +/* +* Footer +*/ +footer { + background-color: #15151d; + color: #000000; +} +#footer .container { + padding: 30px 0; +} +#footer a { + color: inherit; +} +#footer a:hover { + color: #90ef7f; +} +#footer .socials a { + margin-left: 10px; +} +/* +* End: Footer +*/ + +/* +====== +=== Responsive CSS +====== +*/ +@media screen and (min-width: 768px) { + #footer .socials { + text-align: right; + } + #menu .container { + padding: 0; + } + #menu span.toggle-arrow { + display: none; + } + #menu-container { + width: 600px; + float: right; + } + #menu .dropdown.active:hover>a, + #menu .dropdown.active:hover>a:hover, + #menu .dropdown:hover>a { + background-color: #ECEDEE; + color: #000000; + } + #menu .dropdown:hover>.dropdown-menu { + display: block; + } + #menu .dropdown-menu { + padding: 5px 20px; + } + #menu .dropdown-menu a { + border-bottom: 2px solid #007E88; + text-align: right; + padding: 10px 0; + } + #menu .dropdown-menu li:last-child a { + border-bottom: 0; + } + #menu .collapse.navbar-collapse { + padding: 0; + } +} +@media screen and (max-width: 767px) { + #menu .container { + padding-bottom: 30px; + padding-top: 30px; + } + #menu .navbar-header { + position: relative; + margin: 0; + } + #menu .navbar-header .navbar-toggle { + position: absolute; + bottom: 0; + right: 0; + margin: 0; + height: 40px; + width: 40px; + font-size: 30px; + text-align: center; + padding: 0; + color: #000000; + border: 0; + border-radius: 0; + cursor: pointer; + -moz-transform: rotate(-180deg); + -moz-transform: rotate(-180deg); + -moz-transition: -moz-transform 250ms ease-out 0s; + -ms-transform: rotate(-180deg); + -o-transform: rotate(-180deg); + -o-transition: -o-transform 250ms ease-out 0s; + -webkit-transform: rotate(-180deg); + -webkit-transition: -webkit-transform 250ms ease-out 0s; + transform: rotate(-180deg); + transition: transform 250ms ease-out 0s; + background-color: #ECEDEE; + } + #menu .navbar-header .navbar-toggle:hover { + color: #90ef7f; + } + #menu .navbar-header .navbar-toggle.collapsed { + -moz-transform: rotate(0deg); + -moz-transition: -moz-transform 250ms ease-out 0s; + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + -o-transition: -o-transform 250ms ease-out 0s; + -webkit-transform: rotate(0deg); + -webkit-transition: -webkit-transform 250ms ease-out 0s; + transform: rotate(0deg); + transition: transform 250ms ease-out 0s; + background-color: inherit; + } + #menu .navbar-header .navbar-toggle.collapsed:after { + font-family: "FontAwesome"; + content: '\f0c9'; + } + #menu .navbar-header .navbar-toggle:after { + font-family: "FontAwesome"; + content: '\f00d'; + } + #menu .navbar-brand { + width: 75%; + } + #menu .dropdown span.toggle-arrow:after { + font-family: "FontAwesome"; + content: '\f105'; + } + #menu .dropdown.open span.toggle-arrow:after { + font-family: "FontAwesome"; + content: '\f107'; + } + #menu .navbar-collapse { + border: 0; + background-color: #ECEDEE; + text-align: right; + margin: 0; + } + #menu ul.navbar-nav { + float: none !important; + } + #menu .dropdown-menu { + text-align: right; + } + #menu .navbar-nav { + margin: 0 -15px; + } + #menu .nav>li { + border-bottom: 2px solid #007E88; + } + #hs-component { + padding: 0; + } + #footer { + text-align: center; + } +} + +/* +================== +=== About Us page +================== +* TODO: find better logic for this +*/ +#about-us h1, +#about-us h2 { + text-align: center; +} +#about-us h2 { + margin-top: 2em; +} +#about-us #company-container img { + width: 100%; +} +#about-us .image-container { + text-align: center; +} +/* Company section */ + +/* Products section */ +#about-us #products-container div > div { + margin-top: 20px; + margin-bottom: 10px; +} + +/* Numbers section */ +#about-us #numbers-container { + text-align: center; +} +#about-us #numbers-container p { + padding: 15px; + background-color: #ddd; + width: 220px; + min-height: 130px; + margin: 15px; + display: inline-block; + vertical-align: top; + text-align: left; + box-sizing: content-box; +} + +/* Employee section */ +#about-us #employees-container { + text-align: center; +} +#about-us .employee { + display: inline-block; + width: 210px; + margin: 15px; + vertical-align: top; +} +#about-us .employee .image-container { + padding: 5px; +} +#about-us .employee .image-container.no-image { + height: 210px; +} +#about-us .employee .image-container img { + max-height: 200px; + max-width: 200px; + background-color: #000000; + margin-bottom: 0; +} +#about-us .employee .description p { + text-align: left; +} +#about-us .employee p.name { + font-weight: bold; + font-size: 18px; + text-align: center; +} + +/* Facts section */ +#about-us #facts-container { + word-break: break-word; + /*text-align: center;*/ + width: 50%; + float: left; +} + +/* Press section */ +#about-us #press-container { + width: 50%; + float: left; +} +@media screen and (max-width: 767px) { + #about-us .employee .image-container.no-image { + height: auto; + } + #about-us #facts-container, + #about-us #press-container { + width: 100%; + float: none; + } + #about-us #numbers-container p { + width: auto; + min-height: 0px !important; + } +} +/* +======================= +=== END About Us page +======================= +*/ +/* +======================= +=== Product Pages +======================= +*/ +.text-center { + text-align: center; +} +.product-buttons .button { + max-width: 200px; + width: 100%; +} +/* +======================= +=== END Product Pages +======================= +*/ +.datatable th, .datatable td { + border: 1px solid silver; + padding: 2px 5px; +} +.datatable th { + text-align: left; +} +.intro h4 { + clear: both; + padding-top: 1em; +} +.intro img { + margin-bottom: 1em; + border: 1px solid silver; + max-width: 164px; +} +.intro img.float-left { + margin-right: 2em; +} +.intro img.float-right { + margin-left: 2em; +} +.float-right { + float: right; +} +.float-left { + float: left; +} +table.category { + width: 100%; +} +table.category .cat-list-row1 { + background-color: #000000; +} + +/* +==== +=== +==== +*/ + +/* Sidebar */ +#hs-component > div.sidebar-container { + padding: 0; +} +.nav-sidebar { + margin: 0 -15px; +} +.nav-sidebar > li { + display: block; + background-color: #007E88; + border-top: 1px solid #0095A2; + color: white; + font-size: 20px; + font-weight: 200; + text-transform: uppercase; +} +.nav-sidebar > li:last-child { + border-bottom: 1px solid #0095A2; +} +.nav-sidebar > li.active { + background-color: #0095A2; + font-weight: bold; +} +.nav-sidebar > li > div { + position: relative; + padding: 10px; + padding-right: 40px; + cursor: pointer; +} +/* Toggle */ +.toggle { + position: absolute; + right: 10px; + top: 10px; +} +.active > .toggle::after { + font-family: "FontAwesome"; + content: '\f107'; +} +.toggle::after { + font-family: "FontAwesome"; + content: '\f105'; +} +.nav-sidebar > li > ul { + /*display: none;*/ +} +.nav-sidebar > li > ul { + /*display: block;*/ + list-style: none; + margin: 0; +} +.nav-sidebar > li > ul > li { + border-top: 1px solid #007E88; + text-transform: none; + padding: 10px; + line-height: 1; +} +.nav-sidebar > li.active > ul > li.active::after { + content: ''; + width: 0; + height: 0; + position: absolute; + right: -10px; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + border-left: 10px solid #0095A2; + z-index: 1; +} +.nav-sidebar > li > ul > li > a { + color: white; + font-size: 16px; + font-weight: 100; +} +.nav-sidebar > li.active > ul > li.active > a { + color: #68CDA0; + font-weight: bold; +} +.nav-sidebar > li.active > ul > li > a:focus, +.nav-sidebar > li.active > ul > li > a:hover { + color: #90ef7f; +} +.sidebar-wrapper { + position: relative; +} +.sidebar { + z-index: 2; + background-color: #007E88; +} +.sidebar-eq { + z-index: 1; + background-color: white; +} +.sidebar-fill { + position: absolute; + height: 100%; + background-color: #007E88; + left: 0; + top: 0; + z-index: 0; +} +.sidebar-eq-fill { + position: absolute; + height: 100%; + background-color: white; + right: 0; + top: 0; + z-index: 0; +} +@media screen and (max-width: 500px) { + .intro img { + display: none; + } +} +@media screen and (max-width: 768px) { + .sidebar-wrapper { + position: relative; + overflow: hidden; + } + .sidebar-wrapper .sidebar { + position: absolute; + top: 0; + left: 0; + z-index: 9; + visibility: hidden; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + -webkit-transition: all 0.5s; + transition: all 0.5s; + } + .sidebar-wrapper.toggled .sidebar { + visibility: visible; + -webkit-transition: -webkit-transform 0.5s; + transition: transform 0.5s; + } + .toggled .nav-sidebar > li.active > ul > li.active::after { + display: none; + } + .sidebar-wrapper .sidebar-eq { + position: relative; + left: 0; + z-index: 10; + padding-top: 42px; + /*height: 100%;*/ + -webkit-transition: -webkit-transform 0.5s; + transition: transform 0.5s; + } + .sidebar-wrapper.toggled .sidebar-eq { + -webkit-transform: translate3d(75%, 0, 0); + transform: translate3d(75%, 0, 0); + } + .sidebar-wrapper.toggled .sidebar-eq:after { + width: 100%; + height: 100%; + opacity: 1; + -webkit-transition: opacity 0.5s; + transition: opacity 0.5s; + } + .sidebar-wrapper .sidebar-eq:after { + position: absolute; + top: 0; + right: 0; + width: 0; + height: 0; + background: rgba(0,0,0,0.2); + content: ''; + opacity: 0; + -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; + transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; + } + #sidebar-toggle { + position: absolute; + top: 0; + left: 0; + background-color: #007E88; + color: white; + border-radius: 0; + z-index: 100; + cursor: pointer; + padding: 10px; + visibility: visible; + } + #sidebar-toggle:after { + content: "Show Sidebar"; + } + .toggled #sidebar-toggle:after { + content: "Hide Sidebar"; + } +} diff --git a/tools/infra-dashboard/css/theme.css b/tools/infra-dashboard/css/theme.css new file mode 100644 index 00000000..59ae59f0 --- /dev/null +++ b/tools/infra-dashboard/css/theme.css @@ -0,0 +1,387 @@ +.container { + width: 100% +} +#hs-component { + background-color: inherit; + padding: 0 +} +#hs-component .container { + padding: 0; + width: 100% +} +#comp-menu { + background-color: #FFFFFF; + z-index: 1; + padding: 0 +} +#comp-menu .cont, +.demo { + padding: 0 50px +} +#comp-menu h2, +#comp-menu h2 a { + color: #000000; + font-weight: lighter; + text-transform: inherit +} +#comp-menu h2 a:hover { + color: #8085e8 +} + +.blink_me { + animation: blinker 1.5s linear infinite; +} + +@keyframes blinker { + 20% { opacity: 0.4; } +} + + +a.btn.btn-theme { + color: #eeeaea; + background-color: #007E88; + border: 1px solid #007E88; + border-bottom: 0; + border-radius: 0; + font-weight: 400; + margin: 0 5px 0 0 +} +a.btn.btn-theme:hover { + color: #90ef7f +} + + +.btn-book { + color: #fff; + background-color: #337ab7; + border-color: #2e6da4; + display: inline-block; + white-space: nowrap; + vertical-align: middle; + border: 1px solid transparent; + touch-action: manipulation; + cursor: pointer; + padding: 2px 6px; + font-size: 10px; + font-weight: bold; + line-height: 1.1333333; + border-radius: 6px; + background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%); +} + +a.btn.btn-theme.noselected { + background-color: #FFF; + color: #313131; + opacity: 1 +} + +a.btn.btn-theme.disabled { + background-color: #FFF; + color: #313131; + opacity: 1 +} +.demo { + background-color: #f6f6f6 +} +.demo .demo-name { + color: #000000; + font-weight: lighter; + text-transform: none; + padding-left: 15px; + text-align: center; + display: inline; + margin: 0 10px +} +#chart-switcher { + text-align: center; + padding: 30px 0 +} +.demo #chart-switcher #next-example, +.demo #chart-switcher #previous-example { + font-size: 30px; + padding: 0 10px; + color: #888 +} +#demo-buttons { + text-align: center; + padding: 30px 0 +} +#demo-buttons a { + background-color: #ddd +} +#demo-buttons a:hover { + background-color: #40818b +} +.demo .chart-container { + position: relative; + background-color: #fff; + padding: 30px 0 +} +.demo .chart-container #previous-example { + position: absolute; + top: 50%; + left: -30px; + font-size: 70px; + color: #888 +} +.demo .chart-container #next-example { + position: absolute; + top: 50%; + right: -30px; + font-size: 70px; + color: #888 +} +.sidebar-eq-fill { + background-color: #f6f6f6 +} +@media screen and (max-width: 400px) { + #chart-switcher, + .demo .chart-container, + .sidebar-wrapper .sidebar-eq { + padding: 0 + } + #small-switcher { + text-align: center + } + .demo #chart-switcher #next-example, + .demo #chart-switcher #previous-example { + font-size: 20px + } + #sidebar-close { + position: absolute; + top: 0; + left: 0; + background-color: #FFFFFF; + color: #fff; + border-radius: 0; + z-index: 100; + cursor: pointer; + padding: 10px; + visibility: hidden + } + .toggled #sidebar-close { + visibility: visible + } +} +@media screen and (min-width: 400px) and (max-width: 768px) { + .demo { + padding: 15px + } + #sidebar-close { + position: absolute; + top: 0; + left: 0; + background-color: #FFFFFF; + color: #fff; + border-radius: 0; + z-index: 100; + cursor: pointer; + padding: 10px; + visibility: hidden + } + .toggled #sidebar-close { + visibility: visible + } +} +#hs-below { + background-color: #eeeaea; + font-size: 18px; + line-height: 26px +} +#hs-below h3 { + font-size: 30px; + line-height: 30px; + font-weight: bolder; + margin-top: 0; + margin-bottom: 15px +} +#hs-below p, +ul { + font-size: 1pc +} +#hs-below .box { + position: relative; + background-color: #fff; + padding: 14px 22px +} +#hs-below .box .box-content { + margin-bottom: 40px +} +#hs-below .box .button { + position: absolute; + bottom: 0; + margin-bottom: 10px +} +#hs-below .box.purple { + border-bottom: 8px solid #8085e8 +} +#hs-below .box.green { + border-bottom: 8px solid #90ef7f +} +#hs-below .box .book { + text-align: center +} +#hs-below .box .book img { + max-height: 200px +} +@media screen and (max-width: 768px) { + #hs-below h3 { + margin-top: 30px + } + #hs-below .box-1 h3 { + margin-top: 0 + } + #hs-below .box .book { + text-align: left + } +} +@media screen and (min-width: 768px) and (max-width: 992px) { + #hs-below h3 { + margin-top: 30px + } + #hs-below .box-1 h3, + #hs-below .box-2 h3 { + margin-top: 0 + } + #hs-below .box-1 .box, + #hs-below .box-2 .box { + min-height: 260px + } + #hs-below .box-3 .box, + #hs-below .box-4 .box { + min-height: 280px + } +} +@media screen and (min-width: 992px) and (max-width: 1200px) { + #hs-below h3 { + margin-top: 30px + } + #hs-below .box-1 h3, + #hs-below .box-2 h3 { + margin-top: 0 + } + #hs-below .box-1 .box, + #hs-below .box-2 .box { + min-height: 255px + } + #hs-below .box-3 .box, + #hs-below .box-4 .box { + min-height: 280px + } +} +@media screen and (min-width: 1200px) { + #hs-below .box { + min-height: 390px + } +} +#hs-bottom, +#hs-bottom a { + color: #eeeaea +} +#hs-bottom { + background-color: #FFFFFF; + font-size: 1pc; + line-height: 20px +} +#hs-bottom a:focus, +#hs-bottom a:hover { + color: #90ef7f +} +#hs-bottom a.button { + color: #313131 +} +#hs-bottom a.button:focus, +#hs-bottom a.button:hover { + color: #eeeaea +} +#hs-bottom h3 { + font-size: 24px; + line-height: 24px; + font-weight: lighter +} +#hs-bottom h4 { + font-size: 14px +} +#hs-bottom .grayed { + color: #d6d1d1; + margin: 0 +} +@media screen and (max-width: 768px) { + #hs-bottom [class*=col-] { + border-bottom: 1px dotted #eeeaea; + padding-bottom: 15px + } + #hs-bottom [class*=col-]:nth-child(1) h3 { + margin-top: 0 + } + #hs-bottom [class*=col-]:last-child { + border-bottom: 0; + padding-bottom: 0 + } +} +@media screen and (min-width: 768px) and (max-width: 992px) { + #hs-bottom [class*=col-] { + min-height: 350px; + border-right: 1px dotted #eeeaea + } + #hs-bottom [class*=col-]:last-child, + #hs-bottom [class*=col-]:nth-child(2) { + border-right: 0 + } +} +@media screen and (min-width: 992px) and (max-width: 1200px) { + #hs-bottom [class*=col-] { + min-height: 300px; + border-right: 1px dotted #eeeaea + } + #hs-bottom [class*=col-]:last-child, + #hs-bottom [class*=col-]:nth-child(2) { + border-right: 0 + } +} +@media screen and (min-width: 1200px) { + #hs-bottom [class*=col-] { + min-height: 25pc; + border-right: 1px dotted #eeeaea + } + #hs-bottom [class*=col-]:last-child { + border-right: 0 + } +} + + + +.button{ + border:1px solid #333; + background:#6479fd; +} +.button:hover{ + background:#a4a9fd; +} +.dialog{ + border:5px solid #666; + padding:10px; + background:#3A3A3A; + position:absolute; + display:none; +} +.dialog label{ + display:inline-block; + color:#cecece; +} +input[type=text]{ + border:1px solid #333; + display:inline-block; + margin:5px; +} +#btnOK{ + border:1px solid #000; + background:#ff9999; + margin:5px; +} + +#btnOK:hover{ + border:1px solid #000; + background:#ffacac; +} + |