Mctastolfi (Talk | contribs) |
|||
Line 1: | Line 1: | ||
− | + | <html lang="en"> | |
− | <html> | + | |
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
+ | <meta content="IE=edge" http-equiv="X-UA-Compatible"> | ||
+ | <meta content="width=device-width,initial-scale=1" name="viewport"> | ||
+ | <meta content="description" name="description"> | ||
+ | <meta name="google" content="notranslate" /> | ||
− | < | + | <!-- Disable tap highlight on IE --> |
− | < | + | <meta name="msapplication-tap-highlight" content="no"> |
− | + | ||
+ | <link rel="apple-touch-icon" sizes="180x180" href="./assets/apple-icon-180x180.png"> | ||
+ | <style> | ||
+ | @import url('https://fonts.googleapis.com/css?family=Dosis:400,600,700'); | ||
+ | @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); | ||
− | |||
− | |||
− | |||
− | + | html { | |
− | + | font-family: 'Dosis', sans-serif; | |
+ | -ms-text-size-adjust: 100%; | ||
+ | -webkit-text-size-adjust: 100% | ||
+ | } | ||
− | + | .dual { | |
+ | -moz-column-count: 2; | ||
+ | -moz-column-gap: 6em; | ||
+ | -webkit-column-count: 2; | ||
+ | -webkit-column-gap: 6em; | ||
+ | column-count: 2; | ||
+ | column-gap: 6em; | ||
− | + | text-align: justify; | |
− | + | text-decoration: none; | |
− | + | padding: 2em 0 0; | |
− | + | width: 100%; | |
− | + | margin: auto; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | body { | |
− | + | margin: 0; | |
− | + | padding: 0; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { | |
− | + | display: block | |
− | + | } | |
− | + | audio, canvas, progress, video { | |
+ | display: inline-block; | ||
+ | vertical-align: baseline | ||
+ | } | ||
+ | .Link-pg{ | ||
+ | opacity: 1; | ||
+ | float: left; | ||
+ | display: block; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 1.8em 1em; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | p { | ||
+ | font-family: 'Dosis', sans-serif; | ||
+ | font-weight: 400; | ||
+ | -ms-text-size-adjust: 100%; | ||
+ | -webkit-text-size-adjust: 100%; | ||
+ | } | ||
+ | li { | ||
+ | font-family: 'Dosis', sans-serif; | ||
+ | font-weight: 600; | ||
+ | -ms-text-size-adjust: 100%; | ||
+ | -webkit-text-size-adjust: 100%; | ||
+ | } | ||
+ | .circle { | ||
+ | background-color: red; | ||
+ | border-radius: 50%; | ||
+ | width: 50px; | ||
+ | height: 50px; | ||
+ | } | ||
+ | .main-container { | ||
+ | width: 200px; | ||
+ | height: 150px; | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | } | ||
+ | .subcontainer { | ||
+ | justify-content: space; | ||
+ | display: flex; | ||
+ | } | ||
− | + | audio:not([controls]) { | |
− | + | display: none; | |
− | + | height: 0 | |
− | + | } | |
− | + | [hidden], template { | |
+ | display: none | ||
+ | } | ||
+ | a { | ||
+ | background-color: transparent | ||
+ | } | ||
− | + | a:active, a:hover { | |
− | + | outline: 0 | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | abbr[title] { | ||
+ | border-bottom: 1px dotted | ||
+ | } | ||
− | + | b, strong { | |
− | + | font-weight: 700 | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | dfn { | |
− | + | font-style: italic | |
− | + | } | |
− | + | ||
− | + | h1 { | |
− | + | font-size: 2em; | |
− | + | margin: .67em 0 | |
− | + | } | |
− | + | ||
+ | mark { | ||
+ | background: #ff0; | ||
+ | color: #000 | ||
+ | } | ||
+ | small { | ||
+ | font-size: 80% | ||
+ | } | ||
+ | sub, sup { | ||
+ | font-size: 75%; | ||
+ | line-height: 0; | ||
+ | position: relative; | ||
+ | vertical-align: baseline | ||
+ | } | ||
+ | sup { | ||
+ | top: -.5em | ||
+ | } | ||
+ | sub { | ||
+ | bottom: -.25em | ||
+ | } | ||
+ | img { | ||
+ | border: 0 | ||
+ | } | ||
+ | |||
+ | svg:not(:root) { | ||
+ | overflow: hidden | ||
+ | } | ||
+ | |||
+ | figure { | ||
+ | margin: 1em 40px | ||
+ | } | ||
+ | |||
+ | hr { | ||
+ | box-sizing: content-box; | ||
+ | height: 0 | ||
+ | } | ||
+ | |||
+ | pre { | ||
+ | overflow: auto | ||
+ | } | ||
+ | |||
+ | code, kbd, pre, samp { | ||
+ | font-family: 'Dosis', sans-serif; | ||
+ | font-size: 1em | ||
+ | } | ||
+ | |||
+ | button, input, optgroup, select, textarea { | ||
+ | color: inherit; | ||
+ | font: inherit; | ||
+ | margin: 0 | ||
+ | } | ||
+ | |||
+ | button { | ||
+ | overflow: visible | ||
+ | } | ||
+ | |||
+ | button, select { | ||
+ | text-transform: none | ||
+ | } | ||
+ | |||
+ | button, html input[type=button], input[type=reset], input[type=submit] { | ||
+ | -webkit-appearance: button; | ||
+ | cursor: pointer | ||
+ | } | ||
+ | |||
+ | button[disabled], html input[disabled] { | ||
+ | cursor: default | ||
+ | } | ||
+ | |||
+ | button::-moz-focus-inner, input::-moz-focus-inner { | ||
+ | border: 0; | ||
+ | padding: 0 | ||
+ | } | ||
+ | |||
+ | input { | ||
+ | line-height: normal | ||
+ | } | ||
+ | |||
+ | input[type=checkbox], input[type=radio] { | ||
+ | box-sizing: border-box; | ||
+ | padding: 0 | ||
+ | } | ||
+ | |||
+ | input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { | ||
+ | height: auto | ||
+ | } | ||
+ | |||
+ | input[type=search] { | ||
+ | -webkit-appearance: textfield; | ||
+ | box-sizing: content-box | ||
+ | } | ||
+ | |||
+ | input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { | ||
+ | -webkit-appearance: none | ||
+ | } | ||
+ | |||
+ | fieldset { | ||
+ | border: 1px solid silver; | ||
+ | margin: 0 2px; | ||
+ | padding: .35em .625em .75em | ||
+ | } | ||
+ | |||
+ | textarea { | ||
+ | overflow: auto | ||
+ | } | ||
+ | |||
+ | optgroup { | ||
+ | font-weight: 700 | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | border-collapse: collapse; | ||
+ | border-spacing: 0 | ||
+ | } | ||
+ | |||
+ | td, th { | ||
+ | padding: 0 | ||
+ | } | ||
+ | |||
+ | * { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | footer { | ||
+ | position: fixed bottom: 0px; | ||
+ | width: 100%; | ||
+ | height: 60px; | ||
+ | } | ||
+ | |||
+ | /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ | ||
+ | |||
+ | @media print { | ||
+ | *, :after, :before { | ||
+ | background: transparent!important; | ||
+ | color: #000!important; | ||
+ | box-shadow: none!important; | ||
+ | text-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; | ||
+ | page-break-inside: avoid | ||
+ | } | ||
+ | thead { | ||
+ | display: table-header-group | ||
+ | } | ||
+ | img, tr { | ||
+ | page-break-inside: avoid | ||
+ | } | ||
+ | img { | ||
+ | max-width: 100%!important | ||
+ | } | ||
+ | h2, h3, p { | ||
+ | orphans: 3; | ||
+ | widows: 3 | ||
+ | } | ||
+ | h2, h3 { | ||
+ | page-break-after: avoid | ||
+ | } | ||
+ | .navbar { | ||
+ | display: none | ||
+ | } | ||
+ | .btn>.caret, .dropup>.btn>.caret { | ||
+ | border-top-color: #000!important | ||
+ | } | ||
+ | ..table { | ||
+ | border-collapse: collapse!important | ||
+ | } | ||
+ | .table td, .table th { | ||
+ | background-color: #fff!important | ||
+ | } | ||
+ | .table-bordered td, .table-bordered th { | ||
+ | border: 1px solid #ddd!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | *, :after, :before { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box | ||
+ | } | ||
+ | |||
+ | html { | ||
+ | font-size: 10px; | ||
+ | -webkit-tap-highlight-color: transparent | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | font-family: 'Dosis', sans-serif; | ||
+ | font-size: 16px; | ||
+ | line-height: 2; | ||
+ | color: #333; | ||
+ | background-color: #fff | ||
+ | } | ||
+ | |||
+ | button, input, select, textarea { | ||
+ | font-family: 'Dosis', sans-serif; | ||
+ | font-size: inherit; | ||
+ | line-height: inherit | ||
+ | } | ||
+ | |||
+ | a { | ||
+ | color: #333; | ||
+ | text-decoration: none | ||
+ | } | ||
+ | |||
+ | a:focus, a:hover { | ||
+ | color: #0d0d0d; | ||
+ | text-decoration: underline | ||
+ | } | ||
+ | |||
+ | a:focus { | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px | ||
+ | } | ||
+ | |||
+ | figure { | ||
+ | margin: 0 | ||
+ | } | ||
+ | |||
+ | img { | ||
+ | vertical-align: middle | ||
+ | } | ||
+ | |||
+ | .img-responsive { | ||
+ | display: block; | ||
+ | max-width: 100%; | ||
+ | height: auto | ||
+ | } | ||
+ | |||
+ | .img-rounded { | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .img-thumbnail { | ||
+ | padding: 4px; | ||
+ | line-height: 2; | ||
+ | background-color: #fff; | ||
+ | border: 1px solid #ddd; | ||
+ | border-radius: 0; | ||
+ | -webkit-transition: all .2s ease-in-out; | ||
+ | -o-transition: all .2s ease-in-out; | ||
+ | transition: all .2s ease-in-out; | ||
+ | display: inline-block; | ||
+ | max-width: 100%; | ||
+ | height: auto | ||
+ | } | ||
+ | |||
+ | .img-circle { | ||
+ | border-radius: 50% | ||
+ | } | ||
+ | |||
+ | hr { | ||
+ | margin-top: 32px; | ||
+ | margin-bottom: 32px; | ||
+ | border: 0; | ||
+ | border-top: 1px solid #eee | ||
+ | } | ||
+ | |||
+ | .sr-only { | ||
+ | position: absolute; | ||
+ | width: 1px; | ||
+ | height: 1px; | ||
+ | margin: -1px; | ||
+ | padding: 0; | ||
+ | overflow: hidden; | ||
+ | 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 | ||
+ | } | ||
+ | |||
+ | [role=button] { | ||
+ | cursor: pointer | ||
+ | } | ||
+ | |||
+ | .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { | ||
+ | font-family: 'Dosis', sans-serif; | ||
+ | font-weight: 600; | ||
+ | line-height: 1.1; | ||
+ | color: #000 | ||
+ | } | ||
+ | |||
+ | .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: 32px; | ||
+ | margin-bottom: 16px | ||
+ | } | ||
+ | |||
+ | .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: 16px; | ||
+ | margin-bottom: 16px | ||
+ | } | ||
+ | |||
+ | .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: 50px | ||
+ | } | ||
+ | |||
+ | .h2, h2 { | ||
+ | font-size: 37px | ||
+ | } | ||
+ | |||
+ | .h3, h3 { | ||
+ | font-size: 29px | ||
+ | } | ||
+ | |||
+ | .h4, h4 { | ||
+ | font-size: 22px | ||
+ | } | ||
+ | |||
+ | .h5, h5 { | ||
+ | font-size: 16px | ||
+ | } | ||
+ | |||
+ | .h6, h6 { | ||
+ | font-size: 14px | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | margin: 0 0 1em; | ||
+ | } | ||
+ | |||
+ | .lead { | ||
+ | margin-bottom: 32px; | ||
+ | font-size: 18px; | ||
+ | font-weight: 300; | ||
+ | line-height: 1.4 | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .lead { | ||
+ | font-size: 24px | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .small, small { | ||
+ | font-size: 87% | ||
+ | } | ||
+ | |||
+ | .mark, mark { | ||
+ | background-color: #fcf8e3; | ||
+ | padding: .2em | ||
+ | } | ||
+ | |||
+ | .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 | ||
+ | } | ||
+ | |||
+ | .initialism, .text-uppercase { | ||
+ | text-transform: uppercase | ||
+ | } | ||
+ | |||
+ | .text-capitalize { | ||
+ | text-transform: capitalize | ||
+ | } | ||
+ | |||
+ | .text-muted { | ||
+ | color: #777 | ||
+ | } | ||
+ | |||
+ | .text-primary { | ||
+ | color: #333 | ||
+ | } | ||
+ | |||
+ | a.text-primary:focus, a.text-primary:hover { | ||
+ | color: #1a1a1a | ||
+ | } | ||
+ | |||
+ | .text-success { | ||
+ | color: #fff | ||
+ | } | ||
+ | |||
+ | a.text-success:focus, a.text-success:hover { | ||
+ | color: #e6e6e6 | ||
+ | } | ||
+ | |||
+ | .text-info { | ||
+ | color: #31708f | ||
+ | } | ||
+ | |||
+ | a.text-info:focus, a.text-info:hover { | ||
+ | color: #245269 | ||
+ | } | ||
+ | |||
+ | .text-warning { | ||
+ | color: #8a6d3b | ||
+ | } | ||
+ | |||
+ | a.text-warning:focus, a.text-warning:hover { | ||
+ | color: #66512c | ||
+ | } | ||
+ | |||
+ | .text-danger { | ||
+ | color: #fff | ||
+ | } | ||
+ | |||
+ | a.text-danger:focus, a.text-danger:hover { | ||
+ | color: #e6e6e6 | ||
+ | } | ||
+ | |||
+ | .bg-primary { | ||
+ | color: #fff; | ||
+ | background-color: #333 | ||
+ | } | ||
+ | |||
+ | a.bg-primary:focus, a.bg-primary:hover { | ||
+ | background-color: #1a1a1a | ||
+ | } | ||
+ | |||
+ | .bg-success { | ||
+ | background-color: #684ad7 | ||
+ | } | ||
+ | |||
+ | a.bg-success:focus, a.bg-success:hover { | ||
+ | background-color: #4b2bc3 | ||
+ | } | ||
+ | |||
+ | .bg-info { | ||
+ | background-color: #d9edf7 | ||
+ | } | ||
+ | |||
+ | a.bg-info:focus, a.bg-info:hover { | ||
+ | background-color: #afd9ee | ||
+ | } | ||
+ | |||
+ | .bg-warning { | ||
+ | background-color: #fcf8e3 | ||
+ | } | ||
+ | |||
+ | a.bg-warning:focus, a.bg-warning:hover { | ||
+ | background-color: #f7ecb5 | ||
+ | } | ||
+ | |||
+ | .bg-danger { | ||
+ | background-color: #d9534f | ||
+ | } | ||
+ | |||
+ | a.bg-danger:focus, a.bg-danger:hover { | ||
+ | background-color: #c9302c | ||
+ | } | ||
+ | |||
+ | .page-header { | ||
+ | padding-bottom: 15px; | ||
+ | margin: 64px 0 32px; | ||
+ | border-bottom: 1px solid #eee | ||
+ | } | ||
+ | |||
+ | ol, ul { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 16px | ||
+ | } | ||
+ | |||
+ | ol ol, ol ul, ul ol, ul ul { | ||
+ | margin-bottom: 0 | ||
+ | } | ||
+ | |||
+ | .list-inline, .list-unstyled { | ||
+ | padding-left: 0; | ||
+ | list-style: none | ||
+ | } | ||
+ | |||
+ | .list-inline { | ||
+ | margin-left: -5px | ||
+ | } | ||
+ | |||
+ | .list-inline>li { | ||
+ | display: inline-block; | ||
+ | padding-left: 5px; | ||
+ | padding-right: 5px | ||
+ | } | ||
+ | |||
+ | dl { | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 32px | ||
+ | } | ||
+ | |||
+ | dd, dt { | ||
+ | line-height: 2 | ||
+ | } | ||
+ | |||
+ | dt { | ||
+ | font-weight: 700 | ||
+ | } | ||
+ | |||
+ | dd { | ||
+ | margin-left: 0 | ||
+ | } | ||
+ | |||
+ | .dl-horizontal dd:after, .dl-horizontal dd:before { | ||
+ | content: " "; | ||
+ | display: table | ||
+ | } | ||
+ | |||
+ | .dl-horizontal dd:after { | ||
+ | clear: both | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .dl-horizontal dt { | ||
+ | float: left; | ||
+ | width: 160px; | ||
+ | clear: left; | ||
+ | text-align: right; | ||
+ | overflow: hidden; | ||
+ | text-overflow: ellipsis; | ||
+ | white-space: nowrap | ||
+ | } | ||
+ | .dl-horizontal dd { | ||
+ | margin-left: 180px | ||
+ | } | ||
+ | } | ||
+ | |||
+ | abbr[data-original-title], abbr[title] { | ||
+ | cursor: help; | ||
+ | border-bottom: 1px dotted #777 | ||
+ | } | ||
+ | |||
+ | .initialism { | ||
+ | font-size: 90% | ||
+ | } | ||
+ | |||
+ | blockquote { | ||
+ | padding: 16px 32px; | ||
+ | margin: 0 0 32px; | ||
+ | font-size: 20px; | ||
+ | border-left: 5px solid #eee | ||
+ | } | ||
+ | |||
+ | blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { | ||
+ | margin-bottom: 0 | ||
+ | } | ||
+ | |||
+ | blockquote .small, blockquote footer, blockquote small { | ||
+ | display: block; | ||
+ | font-size: 80%; | ||
+ | line-height: 2; | ||
+ | color: #777 | ||
+ | } | ||
+ | |||
+ | blockquote .small:before, blockquote footer:before, blockquote small:before { | ||
+ | content: "\2014 \A0" | ||
+ | } | ||
+ | |||
+ | .blockquote-reverse, blockquote.pull-right { | ||
+ | padding-right: 15px; | ||
+ | padding-left: 0; | ||
+ | border-right: 5px solid #eee; | ||
+ | border-left: 0; | ||
+ | text-align: right | ||
+ | } | ||
+ | |||
+ | .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: "\A0 \2014" | ||
+ | } | ||
+ | |||
+ | address { | ||
+ | margin-bottom: 32px; | ||
+ | font-style: normal; | ||
+ | line-height: 2 | ||
+ | } | ||
+ | |||
+ | code, kbd, pre, samp { | ||
+ | font-family: 'Dosis', sans-serif; | ||
+ | } | ||
+ | |||
+ | code { | ||
+ | color: #c7254e; | ||
+ | background-color: #f9f2f4 | ||
+ | } | ||
+ | |||
+ | code, kbd { | ||
+ | padding: 2px 4px; | ||
+ | font-size: 90%; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | kbd { | ||
+ | color: #fff; | ||
+ | background-color: #333; | ||
+ | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25) | ||
+ | } | ||
+ | |||
+ | kbd kbd { | ||
+ | padding: 0; | ||
+ | font-size: 100%; | ||
+ | font-weight: 700; | ||
+ | box-shadow: none | ||
+ | } | ||
+ | |||
+ | pre { | ||
+ | display: block; | ||
+ | padding: 15.5px; | ||
+ | margin: 0 0 16px; | ||
+ | font-size: 15px; | ||
+ | line-height: 2; | ||
+ | word-break: break-all; | ||
+ | word-wrap: break-word; | ||
+ | color: #333; | ||
+ | background-color: #f5f5f5; | ||
+ | border: 1px solid #ccc; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | pre code { | ||
+ | padding: 0; | ||
+ | font-size: inherit; | ||
+ | color: inherit; | ||
+ | white-space: pre-wrap; | ||
+ | background-color: transparent; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .pre-scrollable { | ||
+ | max-height: 340px; | ||
+ | overflow-y: scroll | ||
+ | } | ||
+ | |||
+ | .container { | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px | ||
+ | } | ||
+ | |||
+ | .container:after, .container:before { | ||
+ | content: " "; | ||
+ | display: table | ||
+ | } | ||
+ | |||
+ | .container:after { | ||
+ | clear: both | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .container { | ||
+ | width: 750px | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:992px) { | ||
+ | .container { | ||
+ | width: 970px | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:1200px) { | ||
+ | .container { | ||
+ | width: 1170px | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .container-fluid { | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px | ||
+ | } | ||
+ | |||
+ | .container-fluid:after, .container-fluid:before { | ||
+ | content: " "; | ||
+ | display: table | ||
+ | } | ||
+ | |||
+ | .container-fluid:after { | ||
+ | clear: both | ||
+ | } | ||
+ | |||
+ | .row { | ||
+ | margin-left: -15px; | ||
+ | margin-right: -15px | ||
+ | } | ||
+ | |||
+ | .row:after, .row:before { | ||
+ | content: " "; | ||
+ | display: table | ||
+ | } | ||
+ | |||
+ | .row:after { | ||
+ | clear: both | ||
+ | } | ||
+ | |||
+ | .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { | ||
+ | position: relative; | ||
+ | min-height: 1px; | ||
+ | padding-left: 15px; | ||
+ | padding-right: 15px | ||
+ | } | ||
+ | |||
+ | .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { | ||
+ | float: left | ||
+ | } | ||
+ | |||
+ | .col-xs-1 { | ||
+ | width: 8.33333% | ||
+ | } | ||
+ | |||
+ | .col-xs-2 { | ||
+ | width: 16.66667% | ||
+ | } | ||
+ | |||
+ | .col-xs-3 { | ||
+ | width: 25% | ||
+ | } | ||
+ | |||
+ | .col-xs-4 { | ||
+ | width: 33.33333% | ||
+ | } | ||
+ | |||
+ | .col-xs-5 { | ||
+ | width: 41.66667% | ||
+ | } | ||
+ | |||
+ | .col-xs-6 { | ||
+ | width: 50% | ||
+ | } | ||
+ | |||
+ | .col-xs-7 { | ||
+ | width: 58.33333% | ||
+ | } | ||
+ | |||
+ | .col-xs-8 { | ||
+ | width: 66.66667% | ||
+ | } | ||
+ | |||
+ | .col-xs-9 { | ||
+ | width: 75% | ||
+ | } | ||
+ | |||
+ | .col-xs-10 { | ||
+ | width: 83.33333% | ||
+ | } | ||
+ | |||
+ | .col-xs-11 { | ||
+ | width: 91.66667% | ||
+ | } | ||
+ | |||
+ | .col-xs-12 { | ||
+ | width: 100% | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-0 { | ||
+ | right: auto | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-1 { | ||
+ | right: 8.33333% | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-2 { | ||
+ | right: 16.66667% | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-3 { | ||
+ | right: 25% | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-4 { | ||
+ | right: 33.33333% | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-5 { | ||
+ | right: 41.66667% | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-6 { | ||
+ | right: 50% | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-7 { | ||
+ | right: 58.33333% | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-8 { | ||
+ | right: 66.66667% | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-9 { | ||
+ | right: 75% | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-10 { | ||
+ | right: 83.33333% | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-11 { | ||
+ | right: 91.66667% | ||
+ | } | ||
+ | |||
+ | .col-xs-pull-12 { | ||
+ | right: 100% | ||
+ | } | ||
+ | |||
+ | .col-xs-push-0 { | ||
+ | left: auto | ||
+ | } | ||
+ | |||
+ | .col-xs-push-1 { | ||
+ | left: 8.33333% | ||
+ | } | ||
+ | |||
+ | .col-xs-push-2 { | ||
+ | left: 16.66667% | ||
+ | } | ||
+ | |||
+ | .col-xs-push-3 { | ||
+ | left: 25% | ||
+ | } | ||
+ | |||
+ | .col-xs-push-4 { | ||
+ | left: 33.33333% | ||
+ | } | ||
+ | |||
+ | .col-xs-push-5 { | ||
+ | left: 41.66667% | ||
+ | } | ||
+ | |||
+ | .col-xs-push-6 { | ||
+ | left: 50% | ||
+ | } | ||
+ | |||
+ | .col-xs-push-7 { | ||
+ | left: 58.33333% | ||
+ | } | ||
+ | |||
+ | .col-xs-push-8 { | ||
+ | left: 66.66667% | ||
+ | } | ||
+ | |||
+ | .col-xs-push-9 { | ||
+ | left: 75% | ||
+ | } | ||
+ | |||
+ | .col-xs-push-10 { | ||
+ | left: 83.33333% | ||
+ | } | ||
+ | |||
+ | .col-xs-push-11 { | ||
+ | left: 91.66667% | ||
+ | } | ||
+ | |||
+ | .col-xs-push-12 { | ||
+ | left: 100% | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-0 { | ||
+ | margin-left: 0 | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-1 { | ||
+ | margin-left: 8.33333% | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-2 { | ||
+ | margin-left: 16.66667% | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-3 { | ||
+ | margin-left: 25% | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-4 { | ||
+ | margin-left: 33.33333% | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-5 { | ||
+ | margin-left: 41.66667% | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-6 { | ||
+ | margin-left: 50% | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-7 { | ||
+ | margin-left: 58.33333% | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-8 { | ||
+ | margin-left: 66.66667% | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-9 { | ||
+ | margin-left: 75% | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-10 { | ||
+ | margin-left: 83.33333% | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-11 { | ||
+ | margin-left: 91.66667% | ||
+ | } | ||
+ | |||
+ | .col-xs-offset-12 { | ||
+ | margin-left: 100% | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { | ||
+ | float: left | ||
+ | } | ||
+ | .col-sm-1 { | ||
+ | width: 8.33333% | ||
+ | } | ||
+ | .col-sm-2 { | ||
+ | width: 16.66667% | ||
+ | } | ||
+ | .col-sm-3 { | ||
+ | width: 25% | ||
+ | } | ||
+ | .col-sm-4 { | ||
+ | width: 33.33333% | ||
+ | } | ||
+ | .col-sm-5 { | ||
+ | width: 41.66667% | ||
+ | } | ||
+ | .col-sm-6 { | ||
+ | width: 50% | ||
+ | } | ||
+ | .col-sm-7 { | ||
+ | width: 58.33333% | ||
+ | } | ||
+ | .col-sm-8 { | ||
+ | width: 66.66667% | ||
+ | } | ||
+ | .col-sm-9 { | ||
+ | width: 75% | ||
+ | } | ||
+ | .col-sm-10 { | ||
+ | width: 83.33333% | ||
+ | } | ||
+ | .col-sm-11 { | ||
+ | width: 91.66667% | ||
+ | } | ||
+ | .col-sm-12 { | ||
+ | width: 100% | ||
+ | } | ||
+ | .col-sm-pull-0 { | ||
+ | right: auto | ||
+ | } | ||
+ | .col-sm-pull-1 { | ||
+ | right: 8.33333% | ||
+ | } | ||
+ | .col-sm-pull-2 { | ||
+ | right: 16.66667% | ||
+ | } | ||
+ | .col-sm-pull-3 { | ||
+ | right: 25% | ||
+ | } | ||
+ | .col-sm-pull-4 { | ||
+ | right: 33.33333% | ||
+ | } | ||
+ | .col-sm-pull-5 { | ||
+ | right: 41.66667% | ||
+ | } | ||
+ | .col-sm-pull-6 { | ||
+ | right: 50% | ||
+ | } | ||
+ | .col-sm-pull-7 { | ||
+ | right: 58.33333% | ||
+ | } | ||
+ | .col-sm-pull-8 { | ||
+ | right: 66.66667% | ||
+ | } | ||
+ | .col-sm-pull-9 { | ||
+ | right: 75% | ||
+ | } | ||
+ | .col-sm-pull-10 { | ||
+ | right: 83.33333% | ||
+ | } | ||
+ | .col-sm-pull-11 { | ||
+ | right: 91.66667% | ||
+ | } | ||
+ | .col-sm-pull-12 { | ||
+ | right: 100% | ||
+ | } | ||
+ | .col-sm-push-0 { | ||
+ | left: auto | ||
+ | } | ||
+ | .col-sm-push-1 { | ||
+ | left: 8.33333% | ||
+ | } | ||
+ | .col-sm-push-2 { | ||
+ | left: 16.66667% | ||
+ | } | ||
+ | .col-sm-push-3 { | ||
+ | left: 25% | ||
+ | } | ||
+ | .col-sm-push-4 { | ||
+ | left: 33.33333% | ||
+ | } | ||
+ | .col-sm-push-5 { | ||
+ | left: 41.66667% | ||
+ | } | ||
+ | .col-sm-push-6 { | ||
+ | left: 50% | ||
+ | } | ||
+ | .col-sm-push-7 { | ||
+ | left: 58.33333% | ||
+ | } | ||
+ | .col-sm-push-8 { | ||
+ | left: 66.66667% | ||
+ | } | ||
+ | .col-sm-push-9 { | ||
+ | left: 75% | ||
+ | } | ||
+ | .col-sm-push-10 { | ||
+ | left: 83.33333% | ||
+ | } | ||
+ | .col-sm-push-11 { | ||
+ | left: 91.66667% | ||
+ | } | ||
+ | .col-sm-push-12 { | ||
+ | left: 100% | ||
+ | } | ||
+ | .col-sm-offset-0 { | ||
+ | margin-left: 0 | ||
+ | } | ||
+ | .col-sm-offset-1 { | ||
+ | margin-left: 8.33333% | ||
+ | } | ||
+ | .col-sm-offset-2 { | ||
+ | margin-left: 16.66667% | ||
+ | } | ||
+ | .col-sm-offset-3 { | ||
+ | margin-left: 25% | ||
+ | } | ||
+ | .col-sm-offset-4 { | ||
+ | margin-left: 33.33333% | ||
+ | } | ||
+ | .col-sm-offset-5 { | ||
+ | margin-left: 41.66667% | ||
+ | } | ||
+ | .col-sm-offset-6 { | ||
+ | margin-left: 50% | ||
+ | } | ||
+ | .col-sm-offset-7 { | ||
+ | margin-left: 58.33333% | ||
+ | } | ||
+ | .col-sm-offset-8 { | ||
+ | margin-left: 66.66667% | ||
+ | } | ||
+ | .col-sm-offset-9 { | ||
+ | margin-left: 75% | ||
+ | } | ||
+ | .col-sm-offset-10 { | ||
+ | margin-left: 83.33333% | ||
+ | } | ||
+ | .col-sm-offset-11 { | ||
+ | margin-left: 91.66667% | ||
+ | } | ||
+ | .col-sm-offset-12 { | ||
+ | margin-left: 100% | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:992px) { | ||
+ | .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { | ||
+ | float: left | ||
+ | } | ||
+ | .col-md-1 { | ||
+ | width: 8.33333% | ||
+ | } | ||
+ | .col-md-2 { | ||
+ | width: 16.66667% | ||
+ | } | ||
+ | .col-md-3 { | ||
+ | width: 25% | ||
+ | } | ||
+ | .col-md-4 { | ||
+ | width: 33.33333% | ||
+ | } | ||
+ | .col-md-5 { | ||
+ | width: 41.66667% | ||
+ | } | ||
+ | .col-md-6 { | ||
+ | width: 50% | ||
+ | } | ||
+ | .col-md-7 { | ||
+ | width: 58.33333% | ||
+ | } | ||
+ | .col-md-8 { | ||
+ | width: 66.66667% | ||
+ | } | ||
+ | .col-md-9 { | ||
+ | width: 75% | ||
+ | } | ||
+ | .col-md-10 { | ||
+ | width: 83.33333% | ||
+ | } | ||
+ | .col-md-11 { | ||
+ | width: 91.66667% | ||
+ | } | ||
+ | .col-md-12 { | ||
+ | width: 100% | ||
+ | } | ||
+ | .col-md-pull-0 { | ||
+ | right: auto | ||
+ | } | ||
+ | .col-md-pull-1 { | ||
+ | right: 8.33333% | ||
+ | } | ||
+ | .col-md-pull-2 { | ||
+ | right: 16.66667% | ||
+ | } | ||
+ | .col-md-pull-3 { | ||
+ | right: 25% | ||
+ | } | ||
+ | .col-md-pull-4 { | ||
+ | right: 33.33333% | ||
+ | } | ||
+ | .col-md-pull-5 { | ||
+ | right: 41.66667% | ||
+ | } | ||
+ | .col-md-pull-6 { | ||
+ | right: 50% | ||
+ | } | ||
+ | .col-md-pull-7 { | ||
+ | right: 58.33333% | ||
+ | } | ||
+ | .col-md-pull-8 { | ||
+ | right: 66.66667% | ||
+ | } | ||
+ | .col-md-pull-9 { | ||
+ | right: 75% | ||
+ | } | ||
+ | .col-md-pull-10 { | ||
+ | right: 83.33333% | ||
+ | } | ||
+ | .col-md-pull-11 { | ||
+ | right: 91.66667% | ||
+ | } | ||
+ | .col-md-pull-12 { | ||
+ | right: 100% | ||
+ | } | ||
+ | .col-md-push-0 { | ||
+ | left: auto | ||
+ | } | ||
+ | .col-md-push-1 { | ||
+ | left: 8.33333% | ||
+ | } | ||
+ | .col-md-push-2 { | ||
+ | left: 16.66667% | ||
+ | } | ||
+ | .col-md-push-3 { | ||
+ | left: 25% | ||
+ | } | ||
+ | .col-md-push-4 { | ||
+ | left: 33.33333% | ||
+ | } | ||
+ | .col-md-push-5 { | ||
+ | left: 41.66667% | ||
+ | } | ||
+ | .col-md-push-6 { | ||
+ | left: 50% | ||
+ | } | ||
+ | .col-md-push-7 { | ||
+ | left: 58.33333% | ||
+ | } | ||
+ | .col-md-push-8 { | ||
+ | left: 66.66667% | ||
+ | } | ||
+ | .col-md-push-9 { | ||
+ | left: 75% | ||
+ | } | ||
+ | .col-md-push-10 { | ||
+ | left: 83.33333% | ||
+ | } | ||
+ | .col-md-push-11 { | ||
+ | left: 91.66667% | ||
+ | } | ||
+ | .col-md-push-12 { | ||
+ | left: 100% | ||
+ | } | ||
+ | .col-md-offset-0 { | ||
+ | margin-left: 0 | ||
+ | } | ||
+ | .col-md-offset-1 { | ||
+ | margin-left: 8.33333% | ||
+ | } | ||
+ | .col-md-offset-2 { | ||
+ | margin-left: 16.66667% | ||
+ | } | ||
+ | .col-md-offset-3 { | ||
+ | margin-left: 25% | ||
+ | } | ||
+ | .col-md-offset-4 { | ||
+ | margin-left: 33.33333% | ||
+ | } | ||
+ | .col-md-offset-5 { | ||
+ | margin-left: 41.66667% | ||
+ | } | ||
+ | .col-md-offset-6 { | ||
+ | margin-left: 50% | ||
+ | } | ||
+ | .col-md-offset-7 { | ||
+ | margin-left: 58.33333% | ||
+ | } | ||
+ | .col-md-offset-8 { | ||
+ | margin-left: 66.66667% | ||
+ | } | ||
+ | .col-md-offset-9 { | ||
+ | margin-left: 75% | ||
+ | } | ||
+ | .col-md-offset-10 { | ||
+ | margin-left: 83.33333% | ||
+ | } | ||
+ | .col-md-offset-11 { | ||
+ | margin-left: 91.66667% | ||
+ | } | ||
+ | .col-md-offset-12 { | ||
+ | margin-left: 100% | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:1200px) { | ||
+ | .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { | ||
+ | float: left | ||
+ | } | ||
+ | .col-lg-1 { | ||
+ | width: 8.33333% | ||
+ | } | ||
+ | .col-lg-2 { | ||
+ | width: 16.66667% | ||
+ | } | ||
+ | .col-lg-3 { | ||
+ | width: 25% | ||
+ | } | ||
+ | .col-lg-4 { | ||
+ | width: 33.33333% | ||
+ | } | ||
+ | .col-lg-5 { | ||
+ | width: 41.66667% | ||
+ | } | ||
+ | .col-lg-6 { | ||
+ | width: 50% | ||
+ | } | ||
+ | .col-lg-7 { | ||
+ | width: 58.33333% | ||
+ | } | ||
+ | .col-lg-8 { | ||
+ | width: 66.66667% | ||
+ | } | ||
+ | .col-lg-9 { | ||
+ | width: 75% | ||
+ | } | ||
+ | .col-lg-10 { | ||
+ | width: 83.33333% | ||
+ | } | ||
+ | .col-lg-11 { | ||
+ | width: 91.66667% | ||
+ | } | ||
+ | .col-lg-12 { | ||
+ | width: 100% | ||
+ | } | ||
+ | .col-lg-pull-0 { | ||
+ | right: auto | ||
+ | } | ||
+ | .col-lg-pull-1 { | ||
+ | right: 8.33333% | ||
+ | } | ||
+ | .col-lg-pull-2 { | ||
+ | right: 16.66667% | ||
+ | } | ||
+ | .col-lg-pull-3 { | ||
+ | right: 25% | ||
+ | } | ||
+ | .col-lg-pull-4 { | ||
+ | right: 33.33333% | ||
+ | } | ||
+ | .col-lg-pull-5 { | ||
+ | right: 41.66667% | ||
+ | } | ||
+ | .col-lg-pull-6 { | ||
+ | right: 50% | ||
+ | } | ||
+ | .col-lg-pull-7 { | ||
+ | right: 58.33333% | ||
+ | } | ||
+ | .col-lg-pull-8 { | ||
+ | right: 66.66667% | ||
+ | } | ||
+ | .col-lg-pull-9 { | ||
+ | right: 75% | ||
+ | } | ||
+ | .col-lg-pull-10 { | ||
+ | right: 83.33333% | ||
+ | } | ||
+ | .col-lg-pull-11 { | ||
+ | right: 91.66667% | ||
+ | } | ||
+ | .col-lg-pull-12 { | ||
+ | right: 100% | ||
+ | } | ||
+ | .col-lg-push-0 { | ||
+ | left: auto | ||
+ | } | ||
+ | .col-lg-push-1 { | ||
+ | left: 8.33333% | ||
+ | } | ||
+ | .col-lg-push-2 { | ||
+ | left: 16.66667% | ||
+ | } | ||
+ | .col-lg-push-3 { | ||
+ | left: 25% | ||
+ | } | ||
+ | .col-lg-push-4 { | ||
+ | left: 33.33333% | ||
+ | } | ||
+ | .col-lg-push-5 { | ||
+ | left: 41.66667% | ||
+ | } | ||
+ | .col-lg-push-6 { | ||
+ | left: 50% | ||
+ | } | ||
+ | .col-lg-push-7 { | ||
+ | left: 58.33333% | ||
+ | } | ||
+ | .col-lg-push-8 { | ||
+ | left: 66.66667% | ||
+ | } | ||
+ | .col-lg-push-9 { | ||
+ | left: 75% | ||
+ | } | ||
+ | .col-lg-push-10 { | ||
+ | left: 83.33333% | ||
+ | } | ||
+ | .col-lg-push-11 { | ||
+ | left: 91.66667% | ||
+ | } | ||
+ | .col-lg-push-12 { | ||
+ | left: 100% | ||
+ | } | ||
+ | .col-lg-offset-0 { | ||
+ | margin-left: 0 | ||
+ | } | ||
+ | .col-lg-offset-1 { | ||
+ | margin-left: 8.33333% | ||
+ | } | ||
+ | .col-lg-offset-2 { | ||
+ | margin-left: 16.66667% | ||
+ | } | ||
+ | .col-lg-offset-3 { | ||
+ | margin-left: 25% | ||
+ | } | ||
+ | .col-lg-offset-4 { | ||
+ | margin-left: 33.33333% | ||
+ | } | ||
+ | .col-lg-offset-5 { | ||
+ | margin-left: 41.66667% | ||
+ | } | ||
+ | .col-lg-offset-6 { | ||
+ | margin-left: 50% | ||
+ | } | ||
+ | .col-lg-offset-7 { | ||
+ | margin-left: 58.33333% | ||
+ | } | ||
+ | .col-lg-offset-8 { | ||
+ | margin-left: 66.66667% | ||
+ | } | ||
+ | .col-lg-offset-9 { | ||
+ | margin-left: 75% | ||
+ | } | ||
+ | .col-lg-offset-10 { | ||
+ | margin-left: 83.33333% | ||
+ | } | ||
+ | .col-lg-offset-11 { | ||
+ | margin-left: 91.66667% | ||
+ | } | ||
+ | .col-lg-offset-12 { | ||
+ | margin-left: 100% | ||
+ | } | ||
+ | } | ||
+ | |||
+ | table { | ||
+ | background-color: transparent | ||
+ | } | ||
+ | |||
+ | caption { | ||
+ | padding-top: 8px; | ||
+ | padding-bottom: 8px; | ||
+ | color: #777 | ||
+ | } | ||
+ | |||
+ | caption, th { | ||
+ | text-align: left | ||
+ | } | ||
+ | |||
+ | .table { | ||
+ | width: 100%; | ||
+ | max-width: 100%; | ||
+ | margin-bottom: 32px | ||
+ | } | ||
+ | |||
+ | .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: 2; | ||
+ | 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-of-type(odd) { | ||
+ | background-color: #f9f9f9 | ||
+ | } | ||
+ | |||
+ | .table-hover>tbody>tr:hover { | ||
+ | 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>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-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: #684ad7 | ||
+ | } | ||
+ | |||
+ | .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: #5735d2 | ||
+ | } | ||
+ | |||
+ | .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: #d9534f | ||
+ | } | ||
+ | |||
+ | .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: #d43f3a | ||
+ | } | ||
+ | |||
+ | .table-responsive { | ||
+ | overflow-x: auto; | ||
+ | min-height: .01% | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width:767px) { | ||
+ | .table-responsive { | ||
+ | width: 100%; | ||
+ | margin-bottom: 24px; | ||
+ | overflow-y: hidden; | ||
+ | -ms-overflow-style: -ms-autohiding-scrollbar; | ||
+ | border: 1px solid #ddd | ||
+ | } | ||
+ | .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 { | ||
+ | margin: 0; | ||
+ | min-width: 0 | ||
+ | } | ||
+ | |||
+ | fieldset, legend { | ||
+ | padding: 0; | ||
+ | border: 0 | ||
+ | } | ||
+ | |||
+ | legend { | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | margin-bottom: 32px; | ||
+ | font-size: 24px; | ||
+ | line-height: inherit; | ||
+ | color: #333; | ||
+ | border-bottom: 1px solid #e5e5e5 | ||
+ | } | ||
+ | |||
+ | label { | ||
+ | display: inline-block; | ||
+ | max-width: 100%; | ||
+ | margin-bottom: 5px; | ||
+ | font-weight: 700 | ||
+ | } | ||
+ | |||
+ | input[type=search] { | ||
+ | -webkit-box-sizing: border-box; | ||
+ | -moz-box-sizing: border-box; | ||
+ | box-sizing: border-box | ||
+ | } | ||
+ | |||
+ | input[type=checkbox], input[type=radio] { | ||
+ | margin: 4px 0 0; | ||
+ | margin-top: 1px\9; | ||
+ | line-height: normal | ||
+ | } | ||
+ | |||
+ | input[type=file] { | ||
+ | display: block | ||
+ | } | ||
+ | |||
+ | input[type=range] { | ||
+ | display: block; | ||
+ | width: 100% | ||
+ | } | ||
+ | |||
+ | select[multiple], select[size] { | ||
+ | height: auto | ||
+ | } | ||
+ | |||
+ | input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus { | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px | ||
+ | } | ||
+ | |||
+ | output { | ||
+ | padding-top: 7px | ||
+ | } | ||
+ | |||
+ | .form-control, output { | ||
+ | display: block; | ||
+ | font-size: 16px; | ||
+ | line-height: 2; | ||
+ | color: #555 | ||
+ | } | ||
+ | |||
+ | .form-control { | ||
+ | width: 100%; | ||
+ | height: 46px; | ||
+ | padding: 6px 12px; | ||
+ | background-color: #fff; | ||
+ | background-image: none; | ||
+ | border: 1px solid #000; | ||
+ | border-radius: 0; | ||
+ | -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 .15s ease-in-out, box-shadow .15s ease-in-out; | ||
+ | -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | ||
+ | transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out | ||
+ | } | ||
+ | |||
+ | .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: #999; | ||
+ | opacity: 1 | ||
+ | } | ||
+ | |||
+ | .form-control:-ms-input-placeholder { | ||
+ | color: #999 | ||
+ | } | ||
+ | |||
+ | .form-control::-webkit-input-placeholder { | ||
+ | color: #999 | ||
+ | } | ||
+ | |||
+ | .form-control::-ms-expand { | ||
+ | border: 0; | ||
+ | background-color: transparent | ||
+ | } | ||
+ | |||
+ | .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { | ||
+ | background-color: #eee; | ||
+ | opacity: 1 | ||
+ | } | ||
+ | |||
+ | .form-control[disabled], fieldset[disabled] .form-control { | ||
+ | cursor: not-allowed | ||
+ | } | ||
+ | |||
+ | textarea.form-control { | ||
+ | height: auto | ||
+ | } | ||
+ | |||
+ | input[type=search] { | ||
+ | -webkit-appearance: none | ||
+ | } | ||
+ | |||
+ | @media screen and (-webkit-min-device-pixel-ratio:0) { | ||
+ | input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control { | ||
+ | line-height: 46px | ||
+ | } | ||
+ | .input-group-sm>.input-group-btn>input[type=date].btn, .input-group-sm>.input-group-btn>input[type=datetime-local].btn, .input-group-sm>.input-group-btn>input[type=month].btn, .input-group-sm>.input-group-btn>input[type=time].btn, .input-group-sm>input[type=date].form-control, .input-group-sm>input[type=date].input-group-addon, .input-group-sm>input[type=datetime-local].form-control, .input-group-sm>input[type=datetime-local].input-group-addon, .input-group-sm>input[type=month].form-control, .input-group-sm>input[type=month].input-group-addon, .input-group-sm>input[type=time].form-control, .input-group-sm>input[type=time].input-group-addon, .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm { | ||
+ | line-height: 33px | ||
+ | } | ||
+ | .input-group-lg>.input-group-btn>input[type=date].btn, .input-group-lg>.input-group-btn>input[type=datetime-local].btn, .input-group-lg>.input-group-btn>input[type=month].btn, .input-group-lg>.input-group-btn>input[type=time].btn, .input-group-lg>input[type=date].form-control, .input-group-lg>input[type=date].input-group-addon, .input-group-lg>input[type=datetime-local].form-control, .input-group-lg>input[type=datetime-local].input-group-addon, .input-group-lg>input[type=month].form-control, .input-group-lg>input[type=month].input-group-addon, .input-group-lg>input[type=time].form-control, .input-group-lg>input[type=time].input-group-addon, .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg { | ||
+ | line-height: 49px | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .form-group { | ||
+ | margin-bottom: 15px | ||
+ | } | ||
+ | |||
+ | .checkbox, .radio { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | margin-top: 10px; | ||
+ | margin-bottom: 10px | ||
+ | } | ||
+ | |||
+ | .checkbox label, .radio label { | ||
+ | min-height: 32px; | ||
+ | padding-left: 20px; | ||
+ | margin-bottom: 0; | ||
+ | font-weight: 400; | ||
+ | cursor: pointer | ||
+ | } | ||
+ | |||
+ | .checkbox-inline input[type=checkbox], .checkbox input[type=checkbox], .radio-inline input[type=radio], .radio input[type=radio] { | ||
+ | position: absolute; | ||
+ | margin-left: -20px; | ||
+ | margin-top: 4px\9 | ||
+ | } | ||
+ | |||
+ | .checkbox+.checkbox, .radio+.radio { | ||
+ | margin-top: -5px | ||
+ | } | ||
+ | |||
+ | .checkbox-inline, .radio-inline { | ||
+ | position: relative; | ||
+ | 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-inline, fieldset[disabled] .checkbox label, fieldset[disabled] .radio-inline, fieldset[disabled] .radio label, 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; | ||
+ | min-height: 48px | ||
+ | } | ||
+ | |||
+ | .form-control-static.input-lg, .form-control-static.input-sm, .input-group-lg>.form-control-static.form-control, .input-group-lg>.form-control-static.input-group-addon, .input-group-lg>.input-group-btn>.form-control-static.btn, .input-group-sm>.form-control-static.form-control, .input-group-sm>.form-control-static.input-group-addon, .input-group-sm>.input-group-btn>.form-control-static.btn { | ||
+ | padding-left: 0; | ||
+ | padding-right: 0 | ||
+ | } | ||
+ | |||
+ | .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn, .input-sm { | ||
+ | height: 33px; | ||
+ | padding: 5px 10px; | ||
+ | font-size: 14px; | ||
+ | line-height: 1.5; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .input-group-sm>.input-group-btn>select.btn, .input-group-sm>select.form-control, .input-group-sm>select.input-group-addon, select.input-sm { | ||
+ | height: 33px; | ||
+ | line-height: 33px | ||
+ | } | ||
+ | |||
+ | .input-group-sm>.input-group-btn>select[multiple].btn, .input-group-sm>.input-group-btn>textarea.btn, .input-group-sm>select[multiple].form-control, .input-group-sm>select[multiple].input-group-addon, .input-group-sm>textarea.form-control, .input-group-sm>textarea.input-group-addon, select[multiple].input-sm, textarea.input-sm { | ||
+ | height: auto | ||
+ | } | ||
+ | |||
+ | .form-group-sm .form-control { | ||
+ | height: 33px; | ||
+ | padding: 5px 10px; | ||
+ | font-size: 14px; | ||
+ | line-height: 1.5; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .form-group-sm select.form-control { | ||
+ | height: 33px; | ||
+ | line-height: 33px | ||
+ | } | ||
+ | |||
+ | .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { | ||
+ | height: auto | ||
+ | } | ||
+ | |||
+ | .form-group-sm .form-control-static { | ||
+ | height: 33px; | ||
+ | min-height: 46px; | ||
+ | padding: 6px 10px; | ||
+ | font-size: 14px; | ||
+ | line-height: 1.5 | ||
+ | } | ||
+ | |||
+ | .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn, .input-lg { | ||
+ | height: 49px; | ||
+ | padding: 10px 16px; | ||
+ | font-size: 20px; | ||
+ | line-height: 1.33333; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .input-group-lg>.input-group-btn>select.btn, .input-group-lg>select.form-control, .input-group-lg>select.input-group-addon, select.input-lg { | ||
+ | height: 49px; | ||
+ | line-height: 49px | ||
+ | } | ||
+ | |||
+ | .input-group-lg>.input-group-btn>select[multiple].btn, .input-group-lg>.input-group-btn>textarea.btn, .input-group-lg>select[multiple].form-control, .input-group-lg>select[multiple].input-group-addon, .input-group-lg>textarea.form-control, .input-group-lg>textarea.input-group-addon, select[multiple].input-lg, textarea.input-lg { | ||
+ | height: auto | ||
+ | } | ||
+ | |||
+ | .form-group-lg .form-control { | ||
+ | height: 49px; | ||
+ | padding: 10px 16px; | ||
+ | font-size: 20px; | ||
+ | line-height: 1.33333; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .form-group-lg select.form-control { | ||
+ | height: 49px; | ||
+ | line-height: 49px | ||
+ | } | ||
+ | |||
+ | .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { | ||
+ | height: auto | ||
+ | } | ||
+ | |||
+ | .form-group-lg .form-control-static { | ||
+ | height: 49px; | ||
+ | min-height: 52px; | ||
+ | padding: 11px 16px; | ||
+ | font-size: 20px; | ||
+ | line-height: 1.33333 | ||
+ | } | ||
+ | |||
+ | .has-feedback { | ||
+ | position: relative | ||
+ | } | ||
+ | |||
+ | .has-feedback .form-control { | ||
+ | padding-right: 57.5px | ||
+ | } | ||
+ | |||
+ | .form-control-feedback { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | z-index: 2; | ||
+ | display: block; | ||
+ | width: 46px; | ||
+ | height: 46px; | ||
+ | line-height: 46px; | ||
+ | text-align: center; | ||
+ | pointer-events: none | ||
+ | } | ||
+ | |||
+ | .form-group-lg .form-control+.form-control-feedback, .input-group-lg+.form-control-feedback, .input-group-lg>.form-control+.form-control-feedback, .input-group-lg>.input-group-addon+.form-control-feedback, .input-group-lg>.input-group-btn>.btn+.form-control-feedback, .input-lg+.form-control-feedback { | ||
+ | width: 49px; | ||
+ | height: 49px; | ||
+ | line-height: 49px | ||
+ | } | ||
+ | |||
+ | .form-group-sm .form-control+.form-control-feedback, .input-group-sm+.form-control-feedback, .input-group-sm>.form-control+.form-control-feedback, .input-group-sm>.input-group-addon+.form-control-feedback, .input-group-sm>.input-group-btn>.btn+.form-control-feedback, .input-sm+.form-control-feedback { | ||
+ | width: 33px; | ||
+ | height: 33px; | ||
+ | line-height: 33px | ||
+ | } | ||
+ | |||
+ | .has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label { | ||
+ | color: #fff | ||
+ | } | ||
+ | |||
+ | .has-success .form-control { | ||
+ | border-color: #fff; | ||
+ | -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: #e6e6e6; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fff; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fff | ||
+ | } | ||
+ | |||
+ | .has-success .input-group-addon { | ||
+ | color: #fff; | ||
+ | border-color: #fff; | ||
+ | background-color: #684ad7 | ||
+ | } | ||
+ | |||
+ | .has-success .form-control-feedback { | ||
+ | color: #fff | ||
+ | } | ||
+ | |||
+ | .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label { | ||
+ | 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-warning .form-control-feedback { | ||
+ | color: #8a6d3b | ||
+ | } | ||
+ | |||
+ | .has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label { | ||
+ | color: #fff | ||
+ | } | ||
+ | |||
+ | .has-error .form-control { | ||
+ | border-color: #fff; | ||
+ | -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: #e6e6e6; | ||
+ | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fff; | ||
+ | box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #fff | ||
+ | } | ||
+ | |||
+ | .has-error .input-group-addon { | ||
+ | color: #fff; | ||
+ | border-color: #fff; | ||
+ | background-color: #d9534f | ||
+ | } | ||
+ | |||
+ | .has-error .form-control-feedback { | ||
+ | color: #fff | ||
+ | } | ||
+ | |||
+ | .has-feedback label~.form-control-feedback { | ||
+ | top: 37px | ||
+ | } | ||
+ | |||
+ | .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 .form-group { | ||
+ | display: inline-block; | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle | ||
+ | } | ||
+ | .form-inline .form-control { | ||
+ | display: inline-block; | ||
+ | width: auto; | ||
+ | vertical-align: middle | ||
+ | } | ||
+ | .form-inline .form-control-static { | ||
+ | display: inline-block | ||
+ | } | ||
+ | .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 .control-label { | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle | ||
+ | } | ||
+ | .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 .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: 39px | ||
+ | } | ||
+ | |||
+ | .form-horizontal .form-group { | ||
+ | margin-left: -15px; | ||
+ | margin-right: -15px | ||
+ | } | ||
+ | |||
+ | .form-horizontal .form-group:after, .form-horizontal .form-group:before { | ||
+ | content: " "; | ||
+ | display: table | ||
+ | } | ||
+ | |||
+ | .form-horizontal .form-group:after { | ||
+ | clear: both | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .form-horizontal .control-label { | ||
+ | text-align: right; | ||
+ | margin-bottom: 0; | ||
+ | padding-top: 7px | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .form-horizontal .has-feedback .form-control-feedback { | ||
+ | right: 15px | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .form-horizontal .form-group-lg .control-label { | ||
+ | padding-top: 11px; | ||
+ | font-size: 20px | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .form-horizontal .form-group-sm .control-label { | ||
+ | padding-top: 6px; | ||
+ | font-size: 14px | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .btn { | ||
+ | display: inline-block; | ||
+ | margin-bottom: 0; | ||
+ | font-weight: 400; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | touch-action: manipulation; | ||
+ | cursor: pointer; | ||
+ | background-image: none; | ||
+ | border: 1px solid transparent; | ||
+ | white-space: nowrap; | ||
+ | padding: 6px 12px; | ||
+ | font-size: 16px; | ||
+ | line-height: 2; | ||
+ | border-radius: 0; | ||
+ | -webkit-user-select: none; | ||
+ | -moz-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | user-select: none | ||
+ | } | ||
+ | |||
+ | .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { | ||
+ | outline: 5px auto -webkit-focus-ring-color; | ||
+ | outline-offset: -2px | ||
+ | } | ||
+ | |||
+ | .btn.focus, .btn:focus, .btn:hover { | ||
+ | color: #555; | ||
+ | text-decoration: none | ||
+ | } | ||
+ | |||
+ | .btn.active, .btn:active { | ||
+ | outline: 0; | ||
+ | background-image: none; | ||
+ | -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; | ||
+ | opacity: .65; | ||
+ | filter: alpha(opacity=65); | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none | ||
+ | } | ||
+ | |||
+ | a.btn.disabled, fieldset[disabled] a.btn { | ||
+ | pointer-events: none | ||
+ | } | ||
+ | |||
+ | .btn-default { | ||
+ | color: #555; | ||
+ | background-color: transparent; | ||
+ | border-color: #555 | ||
+ | } | ||
+ | |||
+ | .btn-default.focus, .btn-default:focus { | ||
+ | color: #555; | ||
+ | background-color: transparent; | ||
+ | border-color: #161616 | ||
+ | } | ||
+ | |||
+ | .btn-default.active, .btn-default:active, .btn-default:hover, .open>.btn-default.dropdown-toggle { | ||
+ | color: #555; | ||
+ | background-color: transparent; | ||
+ | border-color: #373737 | ||
+ | } | ||
+ | |||
+ | .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.btn-default.dropdown-toggle.focus, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle:hover { | ||
+ | color: #555; | ||
+ | background-color: transparent; | ||
+ | border-color: #161616 | ||
+ | } | ||
+ | |||
+ | .btn-default.active, .btn-default:active, .open>.btn-default.dropdown-toggle { | ||
+ | background-image: none | ||
+ | } | ||
+ | |||
+ | .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { | ||
+ | background-color: transparent; | ||
+ | border-color: #555 | ||
+ | } | ||
+ | |||
+ | .btn-default .badge { | ||
+ | color: transparent; | ||
+ | background-color: #555 | ||
+ | } | ||
+ | |||
+ | .btn-primary { | ||
+ | color: #333; | ||
+ | background-color: transparent; | ||
+ | border-color: #333 | ||
+ | } | ||
+ | |||
+ | .btn-primary.focus, .btn-primary:focus { | ||
+ | color: #333; | ||
+ | background-color: transparent; | ||
+ | border-color: #000 | ||
+ | } | ||
+ | |||
+ | .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.btn-primary.dropdown-toggle { | ||
+ | color: #333; | ||
+ | background-color: transparent; | ||
+ | border-color: #141414 | ||
+ | } | ||
+ | |||
+ | .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover { | ||
+ | color: #333; | ||
+ | background-color: transparent; | ||
+ | border-color: #000 | ||
+ | } | ||
+ | |||
+ | .btn-primary.active, .btn-primary:active, .open>.btn-primary.dropdown-toggle { | ||
+ | background-image: none | ||
+ | } | ||
+ | |||
+ | .btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled].focus, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { | ||
+ | background-color: transparent; | ||
+ | border-color: #333 | ||
+ | } | ||
+ | |||
+ | .btn-primary .badge { | ||
+ | color: transparent; | ||
+ | background-color: #333 | ||
+ | } | ||
+ | |||
+ | .btn-success { | ||
+ | color: #5cb85c; | ||
+ | background-color: transparent; | ||
+ | border-color: #5cb85c | ||
+ | } | ||
+ | |||
+ | .btn-success.focus, .btn-success:focus { | ||
+ | color: #5cb85c; | ||
+ | background-color: transparent; | ||
+ | border-color: #2d672d | ||
+ | } | ||
+ | |||
+ | .btn-success.active, .btn-success:active, .btn-success:hover, .open>.btn-success.dropdown-toggle { | ||
+ | color: #5cb85c; | ||
+ | background-color: transparent; | ||
+ | border-color: #419641 | ||
+ | } | ||
+ | |||
+ | .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.btn-success.dropdown-toggle.focus, .open>.btn-success.dropdown-toggle:focus, .open>.btn-success.dropdown-toggle:hover { | ||
+ | color: #5cb85c; | ||
+ | background-color: transparent; | ||
+ | border-color: #2d672d | ||
+ | } | ||
+ | |||
+ | .btn-success.active, .btn-success:active, .open>.btn-success.dropdown-toggle { | ||
+ | background-image: none | ||
+ | } | ||
+ | |||
+ | .btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled].focus, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { | ||
+ | background-color: transparent; | ||
+ | border-color: #5cb85c | ||
+ | } | ||
+ | |||
+ | .btn-success .badge { | ||
+ | color: transparent; | ||
+ | background-color: #5cb85c | ||
+ | } | ||
+ | |||
+ | .btn-info { | ||
+ | border-color: #684ad7 | ||
+ | } | ||
+ | |||
+ | .btn-info, .btn-info.focus, .btn-info:focus { | ||
+ | color: #684ad7; | ||
+ | background-color: transparent | ||
+ | } | ||
+ | |||
+ | .btn-info.focus, .btn-info:focus { | ||
+ | border-color: #331d84 | ||
+ | } | ||
+ | |||
+ | .btn-info.active, .btn-info:active, .btn-info:hover, .open>.btn-info.dropdown-toggle { | ||
+ | color: #684ad7; | ||
+ | background-color: transparent; | ||
+ | border-color: #4829bb | ||
+ | } | ||
+ | |||
+ | .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.btn-info.dropdown-toggle.focus, .open>.btn-info.dropdown-toggle:focus, .open>.btn-info.dropdown-toggle:hover { | ||
+ | color: #684ad7; | ||
+ | background-color: transparent; | ||
+ | border-color: #331d84 | ||
+ | } | ||
+ | |||
+ | .btn-info.active, .btn-info:active, .open>.btn-info.dropdown-toggle { | ||
+ | background-image: none | ||
+ | } | ||
+ | |||
+ | .btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled].focus, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { | ||
+ | background-color: transparent; | ||
+ | border-color: #684ad7 | ||
+ | } | ||
+ | |||
+ | .btn-info .badge { | ||
+ | color: transparent; | ||
+ | background-color: #684ad7 | ||
+ | } | ||
+ | |||
+ | .btn-warning { | ||
+ | color: #f0ad4e; | ||
+ | background-color: transparent; | ||
+ | border-color: #f0ad4e | ||
+ | } | ||
+ | |||
+ | .btn-warning.focus, .btn-warning:focus { | ||
+ | color: #f0ad4e; | ||
+ | background-color: transparent; | ||
+ | border-color: #b06d0f | ||
+ | } | ||
+ | |||
+ | .btn-warning.active, .btn-warning:active, .btn-warning:hover, .open>.btn-warning.dropdown-toggle { | ||
+ | color: #f0ad4e; | ||
+ | background-color: transparent; | ||
+ | border-color: #eb9316 | ||
+ | } | ||
+ | |||
+ | .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.btn-warning.dropdown-toggle.focus, .open>.btn-warning.dropdown-toggle:focus, .open>.btn-warning.dropdown-toggle:hover { | ||
+ | color: #f0ad4e; | ||
+ | background-color: transparent; | ||
+ | border-color: #b06d0f | ||
+ | } | ||
+ | |||
+ | .btn-warning.active, .btn-warning:active, .open>.btn-warning.dropdown-toggle { | ||
+ | background-image: none | ||
+ | } | ||
+ | |||
+ | .btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled].focus, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { | ||
+ | background-color: transparent; | ||
+ | border-color: #f0ad4e | ||
+ | } | ||
+ | |||
+ | .btn-warning .badge { | ||
+ | color: transparent; | ||
+ | background-color: #f0ad4e | ||
+ | } | ||
+ | |||
+ | .btn-danger { | ||
+ | color: #d9534f; | ||
+ | background-color: transparent; | ||
+ | border-color: #d9534f | ||
+ | } | ||
+ | |||
+ | .btn-danger.focus, .btn-danger:focus { | ||
+ | color: #d9534f; | ||
+ | background-color: transparent; | ||
+ | border-color: #8b211e | ||
+ | } | ||
+ | |||
+ | .btn-danger.active, .btn-danger:active, .btn-danger:hover, .open>.btn-danger.dropdown-toggle { | ||
+ | color: #d9534f; | ||
+ | background-color: transparent; | ||
+ | border-color: #c12e2a | ||
+ | } | ||
+ | |||
+ | .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.btn-danger.dropdown-toggle.focus, .open>.btn-danger.dropdown-toggle:focus, .open>.btn-danger.dropdown-toggle:hover { | ||
+ | color: #d9534f; | ||
+ | background-color: transparent; | ||
+ | border-color: #8b211e | ||
+ | } | ||
+ | |||
+ | .btn-danger.active, .btn-danger:active, .open>.btn-danger.dropdown-toggle { | ||
+ | background-image: none | ||
+ | } | ||
+ | |||
+ | .btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled].focus, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { | ||
+ | background-color: transparent; | ||
+ | border-color: #d9534f | ||
+ | } | ||
+ | |||
+ | .btn-danger .badge { | ||
+ | color: transparent; | ||
+ | background-color: #d9534f | ||
+ | } | ||
+ | |||
+ | .btn-link { | ||
+ | color: #333; | ||
+ | font-weight: 400; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .btn-link, .btn-link.active, .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: #0d0d0d; | ||
+ | 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 16px; | ||
+ | font-size: 20px; | ||
+ | line-height: 1.33333; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .btn-group-sm>.btn, .btn-sm { | ||
+ | padding: 5px 10px; | ||
+ | font-size: 14px; | ||
+ | line-height: 1.5; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .btn-group-xs>.btn, .btn-xs { | ||
+ | padding: 1px 5px; | ||
+ | font-size: 14px; | ||
+ | line-height: 1.5; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .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 { | ||
+ | position: relative; | ||
+ | height: 0; | ||
+ | overflow: hidden; | ||
+ | -webkit-transition-property: height, visibility; | ||
+ | transition-property: height, visibility; | ||
+ | -webkit-transition-duration: .35s; | ||
+ | transition-duration: .35s; | ||
+ | -webkit-transition-timing-function: ease; | ||
+ | transition-timing-function: ease | ||
+ | } | ||
+ | |||
+ | .caret { | ||
+ | display: inline-block; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | margin-left: 2px; | ||
+ | vertical-align: middle; | ||
+ | border-top: 4px dashed; | ||
+ | border-top: 4px solid\9; | ||
+ | border-right: 4px solid transparent; | ||
+ | border-left: 4px solid transparent | ||
+ | } | ||
+ | |||
+ | .dropdown, .dropup { | ||
+ | position: relative | ||
+ | } | ||
+ | |||
+ | .dropdown-toggle:focus { | ||
+ | outline: 0 | ||
+ | } | ||
+ | |||
+ | .dropdown-menu { | ||
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | left: 0; | ||
+ | z-index: 1000; | ||
+ | display: none; | ||
+ | float: left; | ||
+ | min-width: 160px; | ||
+ | padding: 5px 0; | ||
+ | margin: 2px 0 0; | ||
+ | list-style: none; | ||
+ | font-size: 16px; | ||
+ | text-align: left; | ||
+ | background-color: #fff; | ||
+ | border: 1px solid #ccc; | ||
+ | border: 1px solid rgba(0, 0, 0, .15); | ||
+ | border-radius: 0; | ||
+ | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); | ||
+ | box-shadow: 0 6px 12px rgba(0, 0, 0, .175); | ||
+ | background-clip: padding-box | ||
+ | } | ||
+ | |||
+ | .dropdown-menu.pull-right { | ||
+ | right: 0; | ||
+ | left: auto | ||
+ | } | ||
+ | |||
+ | .dropdown-menu .divider { | ||
+ | height: 1px; | ||
+ | margin: 15px 0; | ||
+ | overflow: hidden; | ||
+ | background-color: #e5e5e5 | ||
+ | } | ||
+ | |||
+ | .dropdown-menu>li>a { | ||
+ | display: block; | ||
+ | padding: 3px 20px; | ||
+ | clear: both; | ||
+ | font-weight: 400; | ||
+ | line-height: 2; | ||
+ | color: #333; | ||
+ | white-space: nowrap | ||
+ | } | ||
+ | |||
+ | .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: #333 | ||
+ | } | ||
+ | |||
+ | .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; | ||
+ | background-image: none; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); | ||
+ | cursor: not-allowed | ||
+ | } | ||
+ | |||
+ | .open>.dropdown-menu { | ||
+ | display: block | ||
+ | } | ||
+ | |||
+ | .open>a { | ||
+ | outline: 0 | ||
+ | } | ||
+ | |||
+ | .dropdown-menu-right { | ||
+ | left: auto; | ||
+ | right: 0 | ||
+ | } | ||
+ | |||
+ | .dropdown-menu-left { | ||
+ | left: 0; | ||
+ | right: auto | ||
+ | } | ||
+ | |||
+ | .dropdown-header { | ||
+ | display: block; | ||
+ | padding: 3px 20px; | ||
+ | font-size: 14px; | ||
+ | line-height: 2; | ||
+ | color: #777; | ||
+ | white-space: nowrap | ||
+ | } | ||
+ | |||
+ | .dropdown-backdrop { | ||
+ | position: fixed; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | top: 0; | ||
+ | z-index: 990 | ||
+ | } | ||
+ | |||
+ | .pull-right>.dropdown-menu { | ||
+ | right: 0; | ||
+ | left: auto | ||
+ | } | ||
+ | |||
+ | .dropup .caret, .navbar-fixed-bottom .dropdown .caret { | ||
+ | border-top: 0; | ||
+ | border-bottom: 4px dashed; | ||
+ | border-bottom: 4px solid\9; | ||
+ | content: "" | ||
+ | } | ||
+ | |||
+ | .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { | ||
+ | top: auto; | ||
+ | bottom: 100%; | ||
+ | margin-bottom: 2px | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .navbar-right .dropdown-menu { | ||
+ | right: 0; | ||
+ | left: auto | ||
+ | } | ||
+ | .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 .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:after, .btn-toolbar:before { | ||
+ | content: " "; | ||
+ | display: table | ||
+ | } | ||
+ | |||
+ | .btn-toolbar:after { | ||
+ | clear: both | ||
+ | } | ||
+ | |||
+ | .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { | ||
+ | float: left | ||
+ | } | ||
+ | |||
+ | .btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group { | ||
+ | margin-left: 5px | ||
+ | } | ||
+ | |||
+ | .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .btn-group>.btn:first-child { | ||
+ | margin-left: 0 | ||
+ | } | ||
+ | |||
+ | .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { | ||
+ | border-bottom-right-radius: 0; | ||
+ | border-top-right-radius: 0 | ||
+ | } | ||
+ | |||
+ | .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { | ||
+ | border-bottom-left-radius: 0; | ||
+ | border-top-left-radius: 0 | ||
+ | } | ||
+ | |||
+ | .btn-group>.btn-group { | ||
+ | float: left | ||
+ | } | ||
+ | |||
+ | .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn { | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle { | ||
+ | border-bottom-right-radius: 0; | ||
+ | border-top-right-radius: 0 | ||
+ | } | ||
+ | |||
+ | .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child { | ||
+ | border-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-lg.btn-group>.btn+.dropdown-toggle, .btn-group>.btn-lg+.dropdown-toggle { | ||
+ | padding-left: 12px; | ||
+ | padding-right: 12px | ||
+ | } | ||
+ | |||
+ | .btn-group.open .dropdown-toggle { | ||
+ | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .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 .caret { | ||
+ | margin-left: 0 | ||
+ | } | ||
+ | |||
+ | .btn-group-lg>.btn .caret, .btn-lg .caret { | ||
+ | border-width: 5px 5px 0; | ||
+ | border-bottom-width: 0 | ||
+ | } | ||
+ | |||
+ | .dropup .btn-group-lg>.btn .caret, .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:after, .btn-group-vertical>.btn-group:before { | ||
+ | content: " "; | ||
+ | display: table | ||
+ | } | ||
+ | |||
+ | .btn-group-vertical>.btn-group:after { | ||
+ | clear: both | ||
+ | } | ||
+ | |||
+ | .btn-group-vertical>.btn-group>.btn { | ||
+ | float: none | ||
+ | } | ||
+ | |||
+ | .btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group { | ||
+ | margin-top: -1px; | ||
+ | margin-left: 0 | ||
+ | } | ||
+ | |||
+ | .btn-group-vertical>.btn:not(:first-child):not(:last-child) { | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .btn-group-vertical>.btn:first-child:not(:last-child), .btn-group-vertical>.btn:last-child:not(:first-child) { | ||
+ | border-top-right-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | border-bottom-right-radius: 0; | ||
+ | border-bottom-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-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio], [data-toggle=buttons]>.btn input[type=checkbox], [data-toggle=buttons]>.btn input[type=radio] { | ||
+ | position: absolute; | ||
+ | clip: rect(0, 0, 0, 0); | ||
+ | pointer-events: none | ||
+ | } | ||
+ | |||
+ | .input-group { | ||
+ | position: relative; | ||
+ | display: table; | ||
+ | border-collapse: separate | ||
+ | } | ||
+ | |||
+ | .input-group[class*=col-] { | ||
+ | float: none; | ||
+ | padding-left: 0; | ||
+ | padding-right: 0 | ||
+ | } | ||
+ | |||
+ | .input-group .form-control { | ||
+ | position: relative; | ||
+ | z-index: 2; | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | margin-bottom: 0 | ||
+ | } | ||
+ | |||
+ | .input-group .form-control:focus { | ||
+ | z-index: 3 | ||
+ | } | ||
+ | |||
+ | .input-group-addon, .input-group-btn, .input-group .form-control { | ||
+ | display: table-cell | ||
+ | } | ||
+ | |||
+ | .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .input-group-addon, .input-group-btn { | ||
+ | width: 1%; | ||
+ | white-space: nowrap; | ||
+ | vertical-align: middle | ||
+ | } | ||
+ | |||
+ | .input-group-addon { | ||
+ | padding: 6px 12px; | ||
+ | font-size: 16px; | ||
+ | font-weight: 400; | ||
+ | line-height: 1; | ||
+ | color: #555; | ||
+ | text-align: center; | ||
+ | background-color: #eee; | ||
+ | border: 1px solid #000; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .input-group-addon.input-sm, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.input-group-addon.btn { | ||
+ | padding: 5px 10px; | ||
+ | font-size: 14px; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .input-group-addon.input-lg, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.input-group-addon.btn { | ||
+ | padding: 10px 16px; | ||
+ | font-size: 20px; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { | ||
+ | margin-top: 0 | ||
+ | } | ||
+ | |||
+ | .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group .form-control:first-child { | ||
+ | border-bottom-right-radius: 0; | ||
+ | border-top-right-radius: 0 | ||
+ | } | ||
+ | |||
+ | .input-group-addon:first-child { | ||
+ | border-right: 0 | ||
+ | } | ||
+ | |||
+ | .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, .input-group .form-control:last-child { | ||
+ | border-bottom-left-radius: 0; | ||
+ | border-top-left-radius: 0 | ||
+ | } | ||
+ | |||
+ | .input-group-addon:last-child { | ||
+ | border-left: 0 | ||
+ | } | ||
+ | |||
+ | .input-group-btn { | ||
+ | font-size: 0; | ||
+ | white-space: nowrap | ||
+ | } | ||
+ | |||
+ | .input-group-btn, .input-group-btn>.btn { | ||
+ | position: relative | ||
+ | } | ||
+ | |||
+ | .input-group-btn>.btn+.btn { | ||
+ | margin-left: -1px | ||
+ | } | ||
+ | |||
+ | .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 | ||
+ | } | ||
+ | |||
+ | .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { | ||
+ | z-index: 2; | ||
+ | margin-left: -1px | ||
+ | } | ||
+ | |||
+ | .nav { | ||
+ | margin-bottom: 0; | ||
+ | padding-left: 0; | ||
+ | list-style: none | ||
+ | } | ||
+ | |||
+ | .nav:after, .nav:before { | ||
+ | content: " "; | ||
+ | display: table | ||
+ | } | ||
+ | |||
+ | .nav:after { | ||
+ | clear: both | ||
+ | } | ||
+ | |||
+ | .nav>li, .nav>li>a { | ||
+ | position: relative; | ||
+ | display: block | ||
+ | } | ||
+ | |||
+ | .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: #333 | ||
+ | } | ||
+ | |||
+ | .nav .nav-divider { | ||
+ | height: 1px; | ||
+ | margin: 15px 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: 2; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 0 0 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-pills>li { | ||
+ | float: left | ||
+ | } | ||
+ | |||
+ | .nav-pills>li>a { | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .nav-pills>li+li { | ||
+ | margin-left: 2px | ||
+ | } | ||
+ | |||
+ | .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { | ||
+ | color: #fff; | ||
+ | background-color: #333 | ||
+ | } | ||
+ | |||
+ | .nav-stacked>li { | ||
+ | float: none | ||
+ | } | ||
+ | |||
+ | .nav-stacked>li+li { | ||
+ | margin-top: 2px; | ||
+ | margin-left: 0 | ||
+ | } | ||
+ | |||
+ | .nav-justified, .nav-tabs.nav-justified { | ||
+ | width: 100% | ||
+ | } | ||
+ | |||
+ | .nav-justified>li, .nav-tabs.nav-justified>li { | ||
+ | float: none | ||
+ | } | ||
+ | |||
+ | .nav-justified>li>a, .nav-tabs.nav-justified>li>a { | ||
+ | text-align: center; | ||
+ | margin-bottom: 5px | ||
+ | } | ||
+ | |||
+ | .nav-justified>.dropdown .dropdown-menu { | ||
+ | top: auto; | ||
+ | left: auto | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .nav-justified>li, .nav-tabs.nav-justified>li { | ||
+ | display: table-cell; | ||
+ | width: 1% | ||
+ | } | ||
+ | .nav-justified>li>a, .nav-tabs.nav-justified>li>a { | ||
+ | margin-bottom: 0 | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .nav-tabs-justified, .nav-tabs.nav-justified { | ||
+ | border-bottom: 0 | ||
+ | } | ||
+ | |||
+ | .nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a { | ||
+ | margin-right: 0; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover, .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-justified>li>a, .nav-tabs.nav-justified>li>a { | ||
+ | border-bottom: 1px solid #ddd; | ||
+ | border-radius: 0 0 0 0 | ||
+ | } | ||
+ | .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-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: 70px; | ||
+ | margin-bottom: 32px; | ||
+ | border: 1px solid transparent | ||
+ | } | ||
+ | |||
+ | .navbar:after, .navbar:before { | ||
+ | content: " "; | ||
+ | display: table | ||
+ | } | ||
+ | |||
+ | .navbar:after { | ||
+ | clear: both | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .navbar { | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-header:after, .navbar-header:before { | ||
+ | content: " "; | ||
+ | display: table | ||
+ | } | ||
+ | |||
+ | .navbar-header:after { | ||
+ | clear: both | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .navbar-header { | ||
+ | float: left | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-collapse { | ||
+ | overflow-x: visible; | ||
+ | padding-right: 15px; | ||
+ | padding-left: 15px; | ||
+ | border-top: 1px solid transparent; | ||
+ | box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1); | ||
+ | -webkit-overflow-scrolling: touch | ||
+ | } | ||
+ | |||
+ | .navbar-collapse:after, .navbar-collapse:before { | ||
+ | content: " "; | ||
+ | display: table | ||
+ | } | ||
+ | |||
+ | .navbar-collapse:after { | ||
+ | clear: both | ||
+ | } | ||
+ | |||
+ | .navbar-collapse.in { | ||
+ | overflow-y: auto | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .navbar-collapse { | ||
+ | width: auto; | ||
+ | border-top: 0; | ||
+ | box-shadow: none | ||
+ | } | ||
+ | .navbar-collapse.collapse { | ||
+ | display: block!important; | ||
+ | height: auto!important; | ||
+ | padding-bottom: 0; | ||
+ | overflow: visible!important | ||
+ | } | ||
+ | .navbar-collapse.in { | ||
+ | overflow-y: visible | ||
+ | } | ||
+ | .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { | ||
+ | padding-left: 0; | ||
+ | padding-right: 0 | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { | ||
+ | max-height: 340px | ||
+ | } | ||
+ | |||
+ | @media (max-device-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 | ||
+ | } | ||
+ | |||
+ | @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-static-top { | ||
+ | z-index: 1000; | ||
+ | border-width: 0 0 1px | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .navbar-static-top { | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-bottom, .navbar-fixed-top { | ||
+ | position: fixed; | ||
+ | right: 0; | ||
+ | left: 0; | ||
+ | z-index: 1030 | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .navbar-fixed-bottom, .navbar-fixed-top { | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-top { | ||
+ | top: 0; | ||
+ | border-width: 0 0 1px | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-bottom { | ||
+ | bottom: 0; | ||
+ | margin-bottom: 0; | ||
+ | border-width: 1px 0 0 | ||
+ | } | ||
+ | |||
+ | .navbar-brand { | ||
+ | float: left; | ||
+ | padding: 19px 15px; | ||
+ | font-size: 20px; | ||
+ | line-height: 32px; | ||
+ | height: 70px | ||
+ | } | ||
+ | |||
+ | .navbar-brand:focus, .navbar-brand:hover { | ||
+ | text-decoration: none | ||
+ | } | ||
+ | |||
+ | .navbar-brand>img { | ||
+ | display: block | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .navbar>.container-fluid .navbar-brand, .navbar>.container .navbar-brand { | ||
+ | margin-left: -15px | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-toggle { | ||
+ | position: relative; | ||
+ | float: right; | ||
+ | margin-right: 15px; | ||
+ | padding: 1.25em 1em; | ||
+ | margin-top: 18px; | ||
+ | margin-bottom: 18px; | ||
+ | background-color: transparent; | ||
+ | background-image: none; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .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 | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .navbar-toggle { | ||
+ | display: none | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-nav { | ||
+ | margin: 9.5px -15px | ||
+ | } | ||
+ | |||
+ | .navbar-nav>li>a { | ||
+ | padding-top: 10px; | ||
+ | padding-bottom: 10px; | ||
+ | line-height: 32px | ||
+ | } | ||
+ | |||
+ | @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: 32px | ||
+ | } | ||
+ | .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover { | ||
+ | background-image: none | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .navbar-nav { | ||
+ | float: left; | ||
+ | margin: 0 | ||
+ | } | ||
+ | .navbar-nav>li { | ||
+ | float: left | ||
+ | } | ||
+ | .navbar-nav>li>a { | ||
+ | padding-top: 19px; | ||
+ | padding-bottom: 19px | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-form { | ||
+ | margin: 12px -15px; | ||
+ | padding: 10px 15px; | ||
+ | border-top: 1px solid transparent; | ||
+ | border-bottom: 1px solid transparent; | ||
+ | -webkit-box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1), 0 1px 0 hsla(0, 0%, 100%, .1); | ||
+ | box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .1), 0 1px 0 hsla(0, 0%, 100%, .1) | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .navbar-form .form-group { | ||
+ | display: inline-block; | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle | ||
+ | } | ||
+ | .navbar-form .form-control { | ||
+ | display: inline-block; | ||
+ | width: auto; | ||
+ | vertical-align: middle | ||
+ | } | ||
+ | .navbar-form .form-control-static { | ||
+ | display: inline-block | ||
+ | } | ||
+ | .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 .control-label { | ||
+ | margin-bottom: 0; | ||
+ | vertical-align: middle | ||
+ | } | ||
+ | .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 | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width:767px) { | ||
+ | .navbar-form .form-group { | ||
+ | margin-bottom: 5px | ||
+ | } | ||
+ | .navbar-form .form-group:last-child { | ||
+ | margin-bottom: 0 | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .navbar-form { | ||
+ | width: auto; | ||
+ | border: 0; | ||
+ | margin-left: 0; | ||
+ | margin-right: 0; | ||
+ | padding-top: 0; | ||
+ | padding-bottom: 0; | ||
+ | -webkit-box-shadow: none; | ||
+ | box-shadow: none | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-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 { | ||
+ | margin-bottom: 0; | ||
+ | border-top-right-radius: 0; | ||
+ | border-top-left-radius: 0; | ||
+ | border-bottom-right-radius: 0; | ||
+ | border-bottom-left-radius: 0 | ||
+ | } | ||
+ | |||
+ | .navbar-btn { | ||
+ | margin-top: 12px; | ||
+ | margin-bottom: 12px | ||
+ | } | ||
+ | |||
+ | .btn-group-sm>.navbar-btn.btn, .navbar-btn.btn-sm { | ||
+ | margin-top: 18.5px; | ||
+ | margin-bottom: 18.5px | ||
+ | } | ||
+ | |||
+ | .btn-group-xs>.navbar-btn.btn, .navbar-btn.btn-xs { | ||
+ | margin-top: 24px; | ||
+ | margin-bottom: 24px | ||
+ | } | ||
+ | |||
+ | .navbar-text { | ||
+ | margin-top: 19px; | ||
+ | margin-bottom: 19px | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .navbar-text { | ||
+ | float: left; | ||
+ | margin-left: 15px; | ||
+ | margin-right: 15px | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .navbar-left { | ||
+ | float: left!important | ||
+ | } | ||
+ | .navbar-right { | ||
+ | float: right!important; | ||
+ | margin-right: -15px | ||
+ | } | ||
+ | .navbar-right~.navbar-right { | ||
+ | margin-right: 0 | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-default { | ||
+ | background-color: #fff; | ||
+ | border-color: #eee | ||
+ | } | ||
+ | |||
+ | .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: #eee | ||
+ | } | ||
+ | |||
+ | .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: transparent | ||
+ | } | ||
+ | |||
+ | .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { | ||
+ | background-color: transparent | ||
+ | } | ||
+ | |||
+ | .navbar-default .navbar-toggle .icon-bar { | ||
+ | background-color: #888 | ||
+ | } | ||
+ | |||
+ | .navbar-default .navbar-collapse, .navbar-default .navbar-form { | ||
+ | border-color: #eee | ||
+ | } | ||
+ | |||
+ | .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { | ||
+ | background-color: #eee; | ||
+ | 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: #eee | ||
+ | } | ||
+ | .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: #090909 | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .navbar-brand { | ||
+ | color: #9d9d9d | ||
+ | } | ||
+ | |||
+ | .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: #9d9d9d | ||
+ | } | ||
+ | |||
+ | .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: #090909 | ||
+ | } | ||
+ | |||
+ | .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: #090909; | ||
+ | color: #fff | ||
+ | } | ||
+ | |||
+ | @media (max-width:767px) { | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header { | ||
+ | border-color: #090909 | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu .divider { | ||
+ | background-color: #090909 | ||
+ | } | ||
+ | .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { | ||
+ | color: #9d9d9d | ||
+ | } | ||
+ | .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: #090909 | ||
+ | } | ||
+ | .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: #9d9d9d | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .navbar-link:hover { | ||
+ | color: #fff | ||
+ | } | ||
+ | |||
+ | .navbar-inverse .btn-link { | ||
+ | color: #9d9d9d | ||
+ | } | ||
+ | |||
+ | .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 | ||
+ | } | ||
+ | |||
+ | .label { | ||
+ | display: inline; | ||
+ | padding: .2em .6em .3em; | ||
+ | font-size: 75%; | ||
+ | font-weight: 700; | ||
+ | line-height: 1; | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | white-space: nowrap; | ||
+ | vertical-align: baseline; | ||
+ | border-radius: .25em | ||
+ | } | ||
+ | |||
+ | .label:empty { | ||
+ | display: none | ||
+ | } | ||
+ | |||
+ | .btn .label { | ||
+ | position: relative; | ||
+ | top: -1px | ||
+ | } | ||
+ | |||
+ | a.label:focus, a.label:hover { | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | cursor: pointer | ||
+ | } | ||
+ | |||
+ | .label-default { | ||
+ | background-color: #777 | ||
+ | } | ||
+ | |||
+ | .label-default[href]:focus, .label-default[href]:hover { | ||
+ | background-color: #5e5e5e | ||
+ | } | ||
+ | |||
+ | .label-primary { | ||
+ | background-color: #333 | ||
+ | } | ||
+ | |||
+ | .label-primary[href]:focus, .label-primary[href]:hover { | ||
+ | background-color: #1a1a1a | ||
+ | } | ||
+ | |||
+ | .label-success { | ||
+ | background-color: #5cb85c | ||
+ | } | ||
+ | |||
+ | .label-success[href]:focus, .label-success[href]:hover { | ||
+ | background-color: #449d44 | ||
+ | } | ||
+ | |||
+ | .label-info { | ||
+ | background-color: #684ad7 | ||
+ | } | ||
+ | |||
+ | .label-info[href]:focus, .label-info[href]:hover { | ||
+ | background-color: #4b2bc3 | ||
+ | } | ||
+ | |||
+ | .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: 14px; | ||
+ | font-weight: 700; | ||
+ | color: #fff; | ||
+ | line-height: 1; | ||
+ | vertical-align: middle; | ||
+ | white-space: nowrap; | ||
+ | text-align: center; | ||
+ | background-color: #777; | ||
+ | border-radius: 10px | ||
+ | } | ||
+ | |||
+ | .badge:empty { | ||
+ | display: none | ||
+ | } | ||
+ | |||
+ | .btn .badge { | ||
+ | position: relative; | ||
+ | top: -1px | ||
+ | } | ||
+ | |||
+ | .btn-group-xs>.btn .badge, .btn-xs .badge { | ||
+ | top: 0; | ||
+ | padding: 1px 5px | ||
+ | } | ||
+ | |||
+ | .list-group-item.active>.badge, .nav-pills>.active>a>.badge { | ||
+ | color: #333; | ||
+ | background-color: #fff | ||
+ | } | ||
+ | |||
+ | .list-group-item>.badge { | ||
+ | float: right | ||
+ | } | ||
+ | |||
+ | .list-group-item>.badge+.badge { | ||
+ | margin-right: 5px | ||
+ | } | ||
+ | |||
+ | .nav-pills>li>a>.badge { | ||
+ | margin-left: 3px | ||
+ | } | ||
+ | |||
+ | a.badge:focus, a.badge:hover { | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | cursor: pointer | ||
+ | } | ||
+ | |||
+ | .alert { | ||
+ | padding: 15px; | ||
+ | margin-bottom: 32px; | ||
+ | border: 1px solid transparent; | ||
+ | border-radius: 0 | ||
+ | } | ||
+ | |||
+ | .alert h4 { | ||
+ | margin-top: 0; | ||
+ | color: inherit | ||
+ | } | ||
+ | |||
+ | .alert .alert-link { | ||
+ | font-weight: 700 | ||
+ | } | ||
+ | |||
+ | .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 | ||
+ | } | ||
+ | |||
+ | .alert-success { | ||
+ | background-color: #684ad7; | ||
+ | border-color: #684ad7; | ||
+ | color: #fff | ||
+ | } | ||
+ | |||
+ | .alert-success hr { | ||
+ | border-top-color: #5735d2 | ||
+ | } | ||
+ | |||
+ | .alert-success .alert-link { | ||
+ | color: #e6e6e6 | ||
+ | } | ||
+ | |||
+ | .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: #d9534f; | ||
+ | border-color: #d9534f; | ||
+ | color: #fff | ||
+ | } | ||
+ | |||
+ | .alert-danger hr { | ||
+ | border-top-color: #d43f3a | ||
+ | } | ||
+ | |||
+ | .alert-danger .alert-link { | ||
+ | color: #e6e6e6 | ||
+ | } | ||
+ | |||
+ | .embed-responsive { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | height: 0; | ||
+ | padding: 0; | ||
+ | overflow: hidden | ||
+ | } | ||
+ | |||
+ | .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | bottom: 0; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | border: 0 | ||
+ | } | ||
+ | |||
+ | .embed-responsive-16by9 { | ||
+ | padding-bottom: 56.25% | ||
+ | } | ||
+ | |||
+ | .embed-responsive-4by3 { | ||
+ | padding-bottom: 75% | ||
+ | } | ||
+ | |||
+ | .close { | ||
+ | float: right; | ||
+ | font-size: 24px; | ||
+ | font-weight: 700; | ||
+ | line-height: 1; | ||
+ | color: #000; | ||
+ | text-shadow: 0 1px 0 #fff; | ||
+ | opacity: .2; | ||
+ | filter: alpha(opacity=20) | ||
+ | } | ||
+ | |||
+ | .close:focus, .close:hover { | ||
+ | color: #000; | ||
+ | text-decoration: none; | ||
+ | cursor: pointer; | ||
+ | opacity: .5; | ||
+ | filter: alpha(opacity=50) | ||
+ | } | ||
+ | |||
+ | button.close { | ||
+ | padding: 0; | ||
+ | cursor: pointer; | ||
+ | background: transparent; | ||
+ | border: 0; | ||
+ | -webkit-appearance: none | ||
+ | } | ||
+ | |||
+ | .carousel, .carousel-inner { | ||
+ | position: relative | ||
+ | } | ||
+ | |||
+ | .carousel-inner { | ||
+ | overflow: hidden; | ||
+ | width: 100% | ||
+ | } | ||
+ | |||
+ | .carousel-inner>.item { | ||
+ | display: none; | ||
+ | position: relative; | ||
+ | -webkit-transition: left .6s ease-in-out; | ||
+ | -o-transition: .6s ease-in-out left; | ||
+ | transition: left .6s ease-in-out | ||
+ | } | ||
+ | |||
+ | .carousel-inner>.item>a>img, .carousel-inner>.item>img { | ||
+ | display: block; | ||
+ | max-width: 100%; | ||
+ | height: auto; | ||
+ | line-height: 1 | ||
+ | } | ||
+ | |||
+ | @media (-webkit-transform-3d), (transform-3d) { | ||
+ | .carousel-inner>.item { | ||
+ | -webkit-transition: -webkit-transform .6s ease-in-out; | ||
+ | -moz-transition: -moz-transform .6s ease-in-out; | ||
+ | -o-transition: -o-transform .6s ease-in-out; | ||
+ | transition: transform .6s ease-in-out; | ||
+ | -webkit-backface-visibility: hidden; | ||
+ | -moz-backface-visibility: hidden; | ||
+ | backface-visibility: hidden; | ||
+ | -webkit-perspective: 1000px; | ||
+ | -moz-perspective: 1000px; | ||
+ | perspective: 1000px | ||
+ | } | ||
+ | .carousel-inner>.item.active.right, .carousel-inner>.item.next { | ||
+ | -webkit-transform: translate3d(100%, 0, 0); | ||
+ | transform: translate3d(100%, 0, 0); | ||
+ | left: 0 | ||
+ | } | ||
+ | .carousel-inner>.item.active.left, .carousel-inner>.item.prev { | ||
+ | -webkit-transform: translate3d(-100%, 0, 0); | ||
+ | transform: translate3d(-100%, 0, 0); | ||
+ | left: 0 | ||
+ | } | ||
+ | .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right { | ||
+ | -webkit-transform: translateZ(0); | ||
+ | transform: translateZ(0); | ||
+ | left: 0 | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { | ||
+ | display: block | ||
+ | } | ||
+ | |||
+ | .carousel-inner>.active { | ||
+ | left: 0 | ||
+ | } | ||
+ | |||
+ | .carousel-inner>.next, .carousel-inner>.prev { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 100% | ||
+ | } | ||
+ | |||
+ | .carousel-inner>.next { | ||
+ | left: 100% | ||
+ | } | ||
+ | |||
+ | .carousel-inner>.prev { | ||
+ | left: -100% | ||
+ | } | ||
+ | |||
+ | .carousel-inner>.next.left, .carousel-inner>.prev.right { | ||
+ | left: 0 | ||
+ | } | ||
+ | |||
+ | .carousel-inner>.active.left { | ||
+ | left: -100% | ||
+ | } | ||
+ | |||
+ | .carousel-inner>.active.right { | ||
+ | left: 100% | ||
+ | } | ||
+ | |||
+ | .carousel-control { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | bottom: 0; | ||
+ | width: 15%; | ||
+ | opacity: .5; | ||
+ | filter: alpha(opacity=50); | ||
+ | font-size: 20px; | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | text-shadow: 0 1px 2px rgba(0, 0, 0, .6); | ||
+ | background-color: transparent | ||
+ | } | ||
+ | |||
+ | .carousel-control.left { | ||
+ | background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, .0001)); | ||
+ | background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); | ||
+ | background-image: linear-gradient(90deg, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001)); | ||
+ | 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), rgba(0, 0, 0, .5)); | ||
+ | background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); | ||
+ | background-image: linear-gradient(90deg, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5)); | ||
+ | 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%; | ||
+ | margin-top: -10px; | ||
+ | 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; | ||
+ | line-height: 1; | ||
+ | font-family: 'Dosis', sans-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: 12px; | ||
+ | height: 12px; | ||
+ | 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; | ||
+ | text-shadow: 0 1px 2px rgba(0, 0, 0, .6) | ||
+ | } | ||
+ | |||
+ | .carousel-caption .btn { | ||
+ | text-shadow: none | ||
+ | } | ||
+ | |||
+ | @media screen and (min-width:768px) { | ||
+ | .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { | ||
+ | width: 30px; | ||
+ | height: 30px; | ||
+ | margin-top: -10px; | ||
+ | font-size: 30px | ||
+ | } | ||
+ | .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { | ||
+ | margin-left: -10px | ||
+ | } | ||
+ | .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { | ||
+ | margin-right: -10px | ||
+ | } | ||
+ | .carousel-caption { | ||
+ | left: 20%; | ||
+ | right: 20%; | ||
+ | padding-bottom: 30px | ||
+ | } | ||
+ | .carousel-indicators { | ||
+ | bottom: 20px | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .clearfix:after, .clearfix:before { | ||
+ | content: " "; | ||
+ | display: table | ||
+ | } | ||
+ | |||
+ | .clearfix:after { | ||
+ | clear: both | ||
+ | } | ||
+ | |||
+ | .center-block { | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto | ||
+ | } | ||
+ | |||
+ | .pull-right { | ||
+ | float: right!important | ||
+ | } | ||
+ | |||
+ | .pull-left { | ||
+ | float: left!important | ||
+ | } | ||
+ | |||
+ | .hide { | ||
+ | display: none!important | ||
+ | } | ||
+ | |||
+ | .show { | ||
+ | display: block!important | ||
+ | } | ||
+ | |||
+ | .invisible { | ||
+ | visibility: hidden | ||
+ | } | ||
+ | |||
+ | .text-hide { | ||
+ | font: 0/0 a; | ||
+ | color: transparent; | ||
+ | text-shadow: none; | ||
+ | background-color: transparent; | ||
+ | border: 0 | ||
+ | } | ||
+ | |||
+ | .hidden { | ||
+ | display: none!important | ||
+ | } | ||
+ | |||
+ | .affix { | ||
+ | position: fixed | ||
+ | } | ||
+ | |||
+ | @-ms-viewport { | ||
+ | width: device-width | ||
+ | } | ||
+ | |||
+ | .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 | ||
+ | } | ||
+ | |||
+ | @media (max-width:767px) { | ||
+ | .visible-xs { | ||
+ | display: block!important | ||
+ | } | ||
+ | table.visible-xs { | ||
+ | display: table!important | ||
+ | } | ||
+ | tr.visible-xs { | ||
+ | display: table-row!important | ||
+ | } | ||
+ | td.visible-xs, th.visible-xs { | ||
+ | display: table-cell!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width:767px) { | ||
+ | .visible-xs-block { | ||
+ | display: block!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width:767px) { | ||
+ | .visible-xs-inline { | ||
+ | display: inline!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width:767px) { | ||
+ | .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!important | ||
+ | } | ||
+ | tr.visible-sm { | ||
+ | display: table-row!important | ||
+ | } | ||
+ | td.visible-sm, th.visible-sm { | ||
+ | display: table-cell!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) and (max-width:991px) { | ||
+ | .visible-sm-block { | ||
+ | display: block!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) and (max-width:991px) { | ||
+ | .visible-sm-inline { | ||
+ | display: inline!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) and (max-width:991px) { | ||
+ | .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!important | ||
+ | } | ||
+ | tr.visible-md { | ||
+ | display: table-row!important | ||
+ | } | ||
+ | td.visible-md, th.visible-md { | ||
+ | display: table-cell!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:992px) and (max-width:1199px) { | ||
+ | .visible-md-block { | ||
+ | display: block!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:992px) and (max-width:1199px) { | ||
+ | .visible-md-inline { | ||
+ | display: inline!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:992px) and (max-width:1199px) { | ||
+ | .visible-md-inline-block { | ||
+ | display: inline-block!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:1200px) { | ||
+ | .visible-lg { | ||
+ | display: block!important | ||
+ | } | ||
+ | table.visible-lg { | ||
+ | display: table!important | ||
+ | } | ||
+ | tr.visible-lg { | ||
+ | display: table-row!important | ||
+ | } | ||
+ | td.visible-lg, th.visible-lg { | ||
+ | display: table-cell!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:1200px) { | ||
+ | .visible-lg-block { | ||
+ | display: block!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:1200px) { | ||
+ | .visible-lg-inline { | ||
+ | display: inline!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:1200px) { | ||
+ | .visible-lg-inline-block { | ||
+ | display: inline-block!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (max-width:767px) { | ||
+ | .hidden-xs { | ||
+ | display: none!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) and (max-width:991px) { | ||
+ | .hidden-sm { | ||
+ | display: none!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:992px) and (max-width:1199px) { | ||
+ | .hidden-md { | ||
+ | display: none!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media (min-width:1200px) { | ||
+ | .hidden-lg { | ||
+ | display: none!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .visible-print { | ||
+ | display: none!important | ||
+ | } | ||
+ | |||
+ | @media print { | ||
+ | .visible-print { | ||
+ | display: block!important | ||
+ | } | ||
+ | table.visible-print { | ||
+ | display: table!important | ||
+ | } | ||
+ | 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 | ||
+ | } | ||
+ | } | ||
+ | |||
+ | @media print { | ||
+ | .hidden-print { | ||
+ | display: none!important | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar { | ||
+ | margin-bottom: 0 | ||
+ | } | ||
+ | |||
+ | .navbar-toggle { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | right: 0 | ||
+ | } | ||
+ | |||
+ | @media (min-width:992px) { | ||
+ | .navbar-toggle { | ||
+ | right: 50px | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-top { | ||
+ | z-index: 1040; | ||
+ | border-bottom: none | ||
+ | } | ||
+ | |||
+ | .navbar-text { | ||
+ | display: inline-block; | ||
+ | float: none | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-bottom .navbar-nav { | ||
+ | float: left | ||
+ | } | ||
+ | |||
+ | .navbar-fixed-bottom .navbar-right { | ||
+ | float: right; | ||
+ | margin-right: 15px | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .navbar-fixed-bottom .navbar-right { | ||
+ | margin-right: 0 | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-fullscreen { | ||
+ | background: #1a1a1a; | ||
+ | position: fixed; | ||
+ | top: -100%; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | display: flex; | ||
+ | align-items: center; | ||
+ | transition: all 1s cubic-bezier(.55, .085, 0, .99); | ||
+ | -webkit-transition-timing-function: cubic-bezier(.55, .085, 0, .99); | ||
+ | -moz-transition-timing-function: cubic-bezier(.55, .085, 0, .99); | ||
+ | -o-transition-timing-function: cubic-bezier(.55, .085, 0, .99); | ||
+ | transition-timing-function: cubic-bezier(.55, .085, 0, .99) | ||
+ | } | ||
+ | |||
+ | .navbar-fullscreen .footer-container { | ||
+ | text-align: center; | ||
+ | padding: 10px 0; | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | color: #555 | ||
+ | } | ||
+ | |||
+ | .navbar-fullscreen .footer-container a { | ||
+ | color: #555 | ||
+ | } | ||
+ | |||
+ | .navbar-fullscreen .footer-container a:hover { | ||
+ | color: #fff | ||
+ | } | ||
+ | |||
+ | .navbar-fullscreen .footer-container .fa-icon1 { | ||
+ | border-color: #555 | ||
+ | } | ||
+ | |||
+ | .navbar-fullscreen .footer-container .fa-icon1:hover { | ||
+ | background-color: #555 | ||
+ | } | ||
+ | |||
+ | .navbar-fullscreen .footer-container .email-container { | ||
+ | padding: 30px 0 | ||
+ | } | ||
+ | |||
+ | .navbar-fullscreen .footer-container .footer-icon { | ||
+ | margin-bottom: 7px | ||
+ | } | ||
+ | |||
+ | .navbar-fullscreen .close { | ||
+ | color: #fff; | ||
+ | text-shadow: none; | ||
+ | opacity: 1; | ||
+ | position: absolute; | ||
+ | top: 25px; | ||
+ | right: 25px; | ||
+ | font-size: 30px; | ||
+ | font-weight: 400 | ||
+ | } | ||
+ | |||
+ | @media (min-width:992px) { | ||
+ | .navbar-fullscreen .close { | ||
+ | right: 75px | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .navbar-fullscreen.active { | ||
+ | top: 0 | ||
+ | } | ||
+ | |||
+ | .navbar-fullscreen .navbar-fullscreen-links { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | text-align: center; | ||
+ | font-size: 30px; | ||
+ | width: 100%; | ||
+ | list-style: none | ||
+ | } | ||
+ | |||
+ | .navbar-fullscreen .navbar-fullscreen-links li { | ||
+ | padding: 5px 0 6px | ||
+ | } | ||
+ | |||
+ | .navbar-fullscreen .navbar-fullscreen-links a { | ||
+ | color: #555 | ||
+ | } | ||
+ | |||
+ | .navbar-fullscreen .navbar-fullscreen-links a.active, .navbar-fullscreen .navbar-fullscreen-links a:focus, .navbar-fullscreen .navbar-fullscreen-links a:hover { | ||
+ | color: #fff; | ||
+ | text-decoration: none; | ||
+ | -webkit-transition: all .2s linear; | ||
+ | -o-transition: all .2s linear; | ||
+ | transition: all .2s linear | ||
+ | } | ||
+ | |||
+ | .navbar-default .navbar-text { | ||
+ | color: #000; | ||
+ | line-height: 1; | ||
+ | position: relative | ||
+ | } | ||
+ | |||
+ | .navbar-default .navbar-text .arrow-down { | ||
+ | position: absolute; | ||
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | left: 0; | ||
+ | bottom: -25px; | ||
+ | animation: MoveUpDown 1.5s linear infinite | ||
+ | } | ||
+ | |||
+ | .navbar-default .navbar-text.bottom .arrow-down { | ||
+ | display: none | ||
+ | } | ||
+ | |||
+ | @keyframes MoveUpDown { | ||
+ | 0% { | ||
+ | bottom: -25px | ||
+ | } | ||
+ | 50% { | ||
+ | bottom: -15px | ||
+ | } | ||
+ | to { | ||
+ | bottom: -25px | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .white-text-container h1, .white-text-container h2, .white-text-container h3, .white-text-container h4, .white-text-container h5, .white-text-container p { | ||
+ | color: #fff | ||
+ | } | ||
+ | |||
+ | .section-container { | ||
+ | padding: 0 0 | ||
+ | } | ||
+ | |||
+ | .section-container-spacer { | ||
+ | margin-bottom: 60px | ||
+ | } | ||
+ | |||
+ | .background-image-container { | ||
+ | background-size: cover; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: 50% | ||
+ | } | ||
+ | |||
+ | .img-responsive { | ||
+ | margin-bottom: 10px | ||
+ | } | ||
+ | |||
+ | .hero-full-container { | ||
+ | height: 100vh; | ||
+ | position: relative | ||
+ | } | ||
+ | |||
+ | @media (min-width:100%) { | ||
+ | .hero-full-container { | ||
+ | border: 70px solid #fff | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .hero-full-container .hero-full-wrapper .text-content { | ||
+ | padding-top: 30% | ||
+ | } | ||
+ | |||
+ | @media (min-width:992px) { | ||
+ | .hero-full-container .hero-full-wrapper .text-content { | ||
+ | padding-top: 15% | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .overlay-gradient { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .3), transparent); | ||
+ | background-image: -o-linear-gradient(top, rgba(0, 0, 0, .3) 0, transparent 100%); | ||
+ | background-image: linear-gradient(180deg, rgba(0, 0, 0, .3) 0, transparent); | ||
+ | background-repeat: repeat-x; | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4D000000", endColorstr="#00000000", GradientType=0) | ||
+ | } | ||
+ | |||
+ | blockquote { | ||
+ | font-weight: 700; | ||
+ | border-left: none | ||
+ | } | ||
+ | |||
+ | blockquote small { | ||
+ | font-weight: 300 | ||
+ | } | ||
+ | |||
+ | blockquote.large-spacing { | ||
+ | padding: 60px 0 | ||
+ | } | ||
+ | |||
+ | .fa-icon1 { | ||
+ | color: white; | ||
+ | width: 32px; | ||
+ | height: 32px; | ||
+ | line-height: 29px; | ||
+ | font-size: 15px; | ||
+ | text-align: center; | ||
+ | display: inline-block; | ||
+ | border-radius: 60px; | ||
+ | border: 1px solid; | ||
+ | } | ||
+ | |||
+ | .fa-icon1:hover { | ||
+ | background-color: #000; | ||
+ | color: #fff | ||
+ | } | ||
+ | |||
+ | .fa-icon1 .fa { | ||
+ | border: none | ||
+ | } | ||
+ | |||
+ | .footer-share-icons .fa-icon1 { | ||
+ | margin-right: 8px; | ||
+ | position: relative; | ||
+ | top: 1em; | ||
+ | left: 48%; | ||
+ | } | ||
+ | |||
+ | .footer-share-icons .fa-icon1:last-of-type { | ||
+ | margin-right: 0 | ||
+ | } | ||
+ | |||
+ | .project-number { | ||
+ | color: #e6e6e6; | ||
+ | font-size: 3em; | ||
+ | position: absolute; | ||
+ | width: 100%; | ||
+ | text-align: center; | ||
+ | left: 0; | ||
+ | z-index: -1; | ||
+ | font-weight: 300 | ||
+ | } | ||
+ | |||
+ | .h2.with-project-number, h2.with-project-number { | ||
+ | position: relative; | ||
+ | z-index: 1 | ||
+ | } | ||
+ | |||
+ | .h2.with-project-number .project-number, h2.with-project-number .project-number { | ||
+ | top: -5rem | ||
+ | } | ||
+ | |||
+ | .project-nav { | ||
+ | position: relative; | ||
+ | z-index: 1 | ||
+ | } | ||
+ | |||
+ | .project-nav, .project-nav .project-number { | ||
+ | -webkit-transition: all .2s linear; | ||
+ | -o-transition: all .2s linear; | ||
+ | transition: all .2s linear | ||
+ | } | ||
+ | |||
+ | .project-nav .project-number { | ||
+ | font-size: 5em | ||
+ | } | ||
+ | |||
+ | .project-nav:hover .project-number { | ||
+ | color: #ccc | ||
+ | } | ||
+ | |||
+ | @media (min-width:768px) { | ||
+ | .project-nav.left .project-number { | ||
+ | margin-left: -4rem | ||
+ | } | ||
+ | } | ||
+ | |||
+ | .link-like-text, .link-like-text:hover { | ||
+ | color: #333 | ||
+ | } | ||
+ | |||
+ | .btn { | ||
+ | -webkit-transition: all .2s linear; | ||
+ | -o-transition: all .2s linear; | ||
+ | transition: all .2s linear | ||
+ | } | ||
+ | |||
+ | .btn-default:focus, .btn-default:hover { | ||
+ | color: #fff; | ||
+ | background-color: #555; | ||
+ | border-color: #555 | ||
+ | } | ||
+ | |||
+ | .btn-primary:focus, .btn-primary:hover { | ||
+ | color: #fff; | ||
+ | border-color: #333; | ||
+ | background-color: #333 | ||
+ | } | ||
+ | |||
+ | .btn-info:focus, .btn-info:hover { | ||
+ | color: #fff; | ||
+ | border-color: #684ad7; | ||
+ | background-color: #684ad7 | ||
+ | } | ||
+ | |||
+ | .btn-success:focus, .btn-success:hover { | ||
+ | color: #fff; | ||
+ | border-color: #5cb85c; | ||
+ | background-color: #5cb85c | ||
+ | } | ||
+ | |||
+ | .btn-danger:focus, .btn-danger:hover { | ||
+ | color: #fff; | ||
+ | border-color: #d9534f; | ||
+ | background-color: #d9534f | ||
+ | } | ||
+ | |||
+ | .btn-warning:focus, .btn-warning:hover { | ||
+ | color: #fff; | ||
+ | border-color: #f0ad4e; | ||
+ | background-color: #f0ad4e | ||
+ | } | ||
+ | |||
+ | .template-example { | ||
+ | margin-bottom: 30px | ||
+ | } | ||
+ | |||
+ | .template-example .template-title-example { | ||
+ | font-weight: 400; | ||
+ | color: #34495e | ||
+ | } | ||
+ | |||
+ | .template-example .template-title-example:after { | ||
+ | display: none | ||
+ | } | ||
+ | |||
+ | .template-example h2 { | ||
+ | font-size: 32px | ||
+ | } | ||
+ | |||
+ | .template-example h3 { | ||
+ | font-size: 20px | ||
+ | } | ||
+ | |||
+ | .template-example .table>tbody>tr>td, .template-example .table>tbody>tr>th, .template-example .table>tfoot>tr>td, .template-example .table>tfoot>tr>th, .template-example .table>thead>tr>td, .template-example .table>thead>tr>th { | ||
+ | padding: 0 15px | ||
+ | } | ||
+ | |||
+ | .list-icons { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | overflow: hidden | ||
+ | } | ||
+ | |||
+ | .list-icons li { | ||
+ | float: left; | ||
+ | margin-right: 5px | ||
+ | } | ||
+ | |||
+ | a.links{ | ||
+ | padding: 20px 50px 0 0; | ||
+ | position:absolute; | ||
+ | } | ||
+ | |||
+ | #content { | ||
+ | width: 100%; | ||
+ | padding: 0; | ||
+ | margin-left: 0; | ||
+ | margin-right: 0; | ||
+ | |||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <title>Wiki_iGEM_Amazonas</title> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body style="width:100%; height:100%; padding: 0; margin: 0;"> | ||
+ | |||
+ | <!-- Add your content of header --> | ||
+ | |||
+ | <header> | ||
+ | <nav class="navbar navbar-fixed-top navbar-default" style="opacity: 0.7;"> | ||
+ | <ul style="list-style-type:none;margin:0;padding:0;background: linear-gradient(to right, #b6b6b6,#eaeaea);overflow:hidden;position: fixed;top: 0;width: 100%;"> | ||
+ | <li><a class="Link-pg" style="padding: 0 1em;" href="#home"><img src="https://static.igem.org/mediawiki/2017/d/d4/T--Amazonas_Brazil--LogoBranco.png" width="90em" height="90em"style="margin-top: 0.3em;"></a></li> | ||
+ | </ul> | ||
+ | |||
+ | <div class="container"> | ||
+ | <button type="button" class="navbar-toggle" style="float: right"> | ||
+ | <span class="sr-only">Menu</span> | ||
+ | <span class="icon-bar" style="background-color: white"></span> | ||
+ | <span class="icon-bar" style="background-color: white"></span> | ||
+ | <span class="icon-bar" style="background-color: white"></span> | ||
+ | </button> | ||
+ | |||
+ | <nav class="navbar-fullscreen" id="navbar-middle"> | ||
+ | <button type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span></button> | ||
+ | |||
+ | <div class="footer-container "style="height: 10%; margin-right: 50%;"> | ||
+ | <p class="footer-share-icons"> | ||
+ | <a href="https://twitter.com/IGEM_Amazonas" class="fa-icon1" title="" style="padding-right: 0;color: #fff;"> | ||
+ | <i class="fa fa-twitter" aria-hidden="true"></i> | ||
+ | </a> | ||
+ | <a href="https://www.instagram.com/igem_amazonas_brazil/" class="fa-icon1" title="" style="padding-right: 0;color: #fff;"> | ||
+ | <i class="fa fa-instagram" aria-hidden="true"></i> | ||
+ | </a> | ||
+ | <a href="https://www.facebook.com/ManausnoiGEM/" class="fa-icon1" title="" style="padding-right: 0;color: #fff;"> | ||
+ | <i class="fa fa-facebook" aria-hidden="true"></i> | ||
+ | </a> | ||
+ | </p> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | </nav> | ||
+ | |||
+ | </div> | ||
+ | </nav> | ||
+ | </header> | ||
+ | |||
+ | |||
+ | <div class="hero-full-container background-image-container white-text-container" style="background-image: url(https://static.igem.org/mediawiki/2017/2/2b/T--Amazonas_Brazil--Gif2home.gif); width:100%;"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-xs-12"> | ||
+ | <div class="hero-full-wrapper"> | ||
+ | <div class="text-content text-center" style="left: 0;margin-left: 0;margin-top: 23%;padding: 0"> | ||
+ | <h1 align="middle" style="font-size: 1.8em;">CRISPeasy</h1> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="section-container"> | ||
+ | <div class="container"> | ||
+ | <div class="col-xs-12"> | ||
+ | <div class="row section-container-spacer"> | ||
+ | <div class="col-xs-12"> | ||
+ | <h1> CRISPeasy: </h1> | ||
+ | <h2>Building a standard BioBrick vector for bacterial genome editing easy as A, B, C… CRISPR</h2> | ||
+ | <p> | ||
+ | The building block of Synthetic Biology is to turn biological system easier to engineer. | ||
+ | Biological part standardization is a fundamental key for that goal. CRISPR system highlighted | ||
+ | a new scientific revolution. sgRNA specificity associated to the Cas9 programmable activity pave | ||
+ | the way for precisely manipulation the genome sequences. | ||
+ | However, the synthetic biology community have major obstacles: CRISPR/Cas9 protocol is not standardized | ||
+ | and requires laborious time of wet lab work due to the multi-plasmid system. In 2017, | ||
+ | our proposal is to develop a novel solution for this core problem, we aim to build a framework | ||
+ | for a simple bacterial genome editing based on one standard BioBrick vector. Our perspective is to | ||
+ | provide a bacterial genome editing machinery based on BioBrick parts assembly easy to engineer as A, B, C… CRISPR. | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </body> | ||
+ | <footer style="background: linear-gradient(to right, #b6b6b6,#eaeaea);"> | ||
+ | <div class="footer-container" > | ||
+ | <p class="footer-share-icons"> | ||
+ | <a href="https://twitter.com/IGEM_Amazonas" class="fa-icon1" title="" style="padding-right: 0;color: #fff;"> | ||
+ | <i class="fa fa-twitter" aria-hidden="true"></i> | ||
+ | </a> | ||
+ | <a href="https://www.instagram.com/igem_amazonas_brazil/" class="fa-icon1" title="" style="padding-right: 0;color: #fff;"> | ||
+ | <i class="fa fa-instagram" aria-hidden="true"></i> | ||
+ | </a> | ||
+ | <a href="https://www.facebook.com/ManausnoiGEM/" class="fa-icon1" title="" style="padding-right: 0;color: #fff;"> | ||
+ | <i class="fa fa-facebook" aria-hidden="true"></i> | ||
+ | </a> | ||
+ | </p> | ||
+ | </div> | ||
+ | </footer> | ||
</html> | </html> |
Revision as of 17:33, 1 October 2017
CRISPeasy:
Building a standard BioBrick vector for bacterial genome editing easy as A, B, C… CRISPR
The building block of Synthetic Biology is to turn biological system easier to engineer. Biological part standardization is a fundamental key for that goal. CRISPR system highlighted a new scientific revolution. sgRNA specificity associated to the Cas9 programmable activity pave the way for precisely manipulation the genome sequences. However, the synthetic biology community have major obstacles: CRISPR/Cas9 protocol is not standardized and requires laborious time of wet lab work due to the multi-plasmid system. In 2017, our proposal is to develop a novel solution for this core problem, we aim to build a framework for a simple bacterial genome editing based on one standard BioBrick vector. Our perspective is to provide a bacterial genome editing machinery based on BioBrick parts assembly easy to engineer as A, B, C… CRISPR.