Difference between revisions of "Template:Stanford-Brown/CSS"
Tpullinger (Talk | contribs) |
Tpullinger (Talk | contribs) |
||
| (74 intermediate revisions by 2 users not shown) | |||
| Line 131: | Line 131: | ||
#BioballoonLabel { /*Bioballoon "home" button*/ | #BioballoonLabel { /*Bioballoon "home" button*/ | ||
color: #dd502f;/*mars red*/ | color: #dd502f;/*mars red*/ | ||
| − | font-size: 1. | + | font-size: 1.3em; |
font-family: avenir, "Century Gothic", sans-serif; | font-family: avenir, "Century Gothic", sans-serif; | ||
} | } | ||
.nav.navbar-nav a { /*individual navbar items*/ | .nav.navbar-nav a { /*individual navbar items*/ | ||
color: #c1d9ff; /*light blue*/ | color: #c1d9ff; /*light blue*/ | ||
| − | font-size: 14. | + | font-size: 14.px; |
font-family: avenir, "Century Gothic", sans-serif; | font-family: avenir, "Century Gothic", sans-serif; | ||
} | } | ||
| Line 253: | Line 253: | ||
} | } | ||
| + | .colorboxtitle{ | ||
| + | color: white; | ||
| + | padding-left 10px; | ||
| + | margin: 0px; | ||
| + | } | ||
/*image grid setup: index*/ | /*image grid setup: index*/ | ||
.row.row1{ | .row.row1{ | ||
margin-top:0px; | margin-top:0px; | ||
| − | padding-top: | + | padding-top:10px; |
| − | padding-bottom: | + | padding-bottom: 0px; |
| + | background-color: #e94b4c; | ||
| + | margin-left: 0px; | ||
| + | margin-right: 0px; | ||
| + | |||
} | } | ||
| + | .colorbox{ | ||
| + | box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); | ||
| + | border:2px solid #dceaff; | ||
| + | margin-left: -30px; | ||
| + | margin-right: -30px; | ||
| + | margin-bottom: 25px; | ||
| + | } | ||
| + | |||
.row.row2{ | .row.row2{ | ||
margin-top:0px; | margin-top:0px; | ||
| − | padding-top: | + | padding-top:10px; |
| − | padding-bottom: | + | padding-bottom: 0px; |
| + | background-color: #71a742; | ||
| + | margin-left: 0px; | ||
| + | margin-right: 0px; | ||
} | } | ||
| + | |||
| + | .row.rowdouble{ | ||
| + | margin-top:0px; | ||
| + | padding-top: 0px; | ||
| + | padding-bottom: 0px; | ||
| + | margin-left: 0px; | ||
| + | margin-right: 0px; | ||
| + | } | ||
| + | |||
| + | .row.rowmini{ | ||
| + | margin-top:0px; | ||
| + | padding-top: 0px; | ||
| + | padding-bottom: 0px; | ||
| + | margin-left: 0px; | ||
| + | margin-right: 0px; | ||
| + | } | ||
| + | |||
| + | .row3{ | ||
| + | margin-top:0px; | ||
| + | padding-top:0px; | ||
| + | padding-bottom: 0px; | ||
| + | background-color: #88c2e9; | ||
| + | margin-left: 0px; | ||
| + | margin-right: 0px; | ||
| + | } | ||
| + | |||
| + | .row4{ | ||
| + | margin-top:0px; | ||
| + | padding-top:0px; | ||
| + | padding-bottom: 0px; | ||
| + | background-color: #ffd231; | ||
| + | margin-left: 0px; | ||
| + | margin-right: 0px; | ||
| + | } | ||
| + | |||
.homeimage{ | .homeimage{ | ||
| − | width: | + | width: 60%; |
| − | margin-left: | + | margin-left: 20%; /*margin-left + (-)margin-right + max-width = 100% */ |
| − | margin-right: - | + | margin-right: -20%; /*if margin-left = margin-right, will be centered*/ |
| + | margin-top: 10px; | ||
| + | margin-bottom: 0px; | ||
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); | box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); | ||
border-radius:250px; | border-radius:250px; | ||
border:1px solid #dceaff; | border:1px solid #dceaff; | ||
} | } | ||
| + | |||
.homeimage:active{ | .homeimage:active{ | ||
| − | width: | + | width: 60%; |
| + | margin-left: 20%; /*margin-left + (-)margin-right + max-width = 100% */ | ||
| + | margin-right: -20%; /*if margin-left = margin-right, will be centered*/ | ||
box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8); | box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8); | ||
| + | } | ||
| + | |||
| + | .homeimage2{ | ||
| + | width: 44%; | ||
| + | margin-left: 28%; /*margin-left + (-)margin-right + max-width = 100% */ | ||
| + | margin-right: -28%; /*if margin-left = margin-right, will be centered*/ | ||
| + | margin-top: 10px; | ||
| + | margin-bottom: 0px; | ||
| + | box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); | ||
| + | border-radius:250px; | ||
| + | border:1px solid #dceaff; | ||
| + | } | ||
| + | |||
| + | .homeimage2:active{ | ||
| + | width: 44%; | ||
| + | margin-left: 28%; /*margin-left + (-)margin-right + max-width = 100% */ | ||
| + | margin-right: -28%; /*if margin-left = margin-right, will be centered*/ | ||
| + | box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8); | ||
| + | } | ||
| + | |||
| + | .homeimage3{ | ||
| + | width: 26%; | ||
| + | margin-left: 37%; /*margin-left + (-)margin-right + max-width = 100% */ | ||
| + | margin-right: -37%; /*if margin-left = margin-right, will be centered*/ | ||
| + | margin-top: 10px; | ||
| + | margin-bottom: 0px; | ||
| + | box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8); | ||
| + | border-radius:250px; | ||
| + | border:1px solid #dceaff; | ||
| + | } | ||
| + | |||
| + | .homeimage3:active{ | ||
| + | width: 26%; | ||
| + | margin-left: 37%; /*margin-left + (-)margin-right + max-width = 100% */ | ||
| + | margin-right: -37%; /*if margin-left = margin-right, will be centered*/ | ||
| + | box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.8); | ||
| + | } | ||
| + | |||
| + | .buttonlabel{ | ||
| + | text-align: center; | ||
| + | color: white; | ||
| + | } | ||
| + | |||
| + | .bronze{ | ||
| + | color: #e27227; | ||
| + | } | ||
| + | |||
| + | .silver{ | ||
| + | color: #bababa; | ||
| + | } | ||
| + | |||
| + | .gold{ | ||
| + | color: #d8b525; | ||
| + | } | ||
| + | |||
| + | .bronze:visited{ | ||
| + | color: #e27227; | ||
| + | } | ||
| + | |||
| + | .silver:visited{ | ||
| + | color: #bababa; | ||
| + | } | ||
| + | |||
| + | .gold:visited{ | ||
| + | color: #d8b525; | ||
| + | } | ||
| + | |||
| + | .bronze:hover{ | ||
| + | color: #e27227; | ||
| + | } | ||
| + | |||
| + | .silver:hover{ | ||
| + | color: #bababa; | ||
| + | } | ||
| + | |||
| + | .gold:hover{ | ||
| + | color: #d8b525; | ||
} | } | ||
| Line 280: | Line 417: | ||
.col-PT{ | .col-PT{ | ||
padding-top: 0px; | padding-top: 0px; | ||
| + | margin-top: 0px; | ||
| + | font-family: Avenir; | ||
} | } | ||
| + | .noHead{ | ||
| + | margin-top: 80px; | ||
| + | } | ||
| + | . | ||
.row.rowT{ | .row.rowT{ | ||
padding: 0px; | padding: 0px; | ||
margin-top: 0px; | margin-top: 0px; | ||
| + | font-family: Avenir; | ||
} | } | ||
| − | /*index*/ | + | /*index*/fi |
.pageTitle { | .pageTitle { | ||
max-width:100%; | max-width:100%; | ||
| Line 303: | Line 447: | ||
text-align:justify; | text-align:justify; | ||
font-size: 20px; | font-size: 20px; | ||
| − | padding-bottom: | + | padding-bottom: 10px; |
padding-left: 50px; | padding-left: 50px; | ||
padding-right: 50px; | padding-right: 50px; | ||
| Line 319: | Line 463: | ||
color: #243142; /*dark blue-grey*/ | color: #243142; /*dark blue-grey*/ | ||
} | } | ||
| + | |||
| + | .references{ | ||
| + | font-family: Avenir; | ||
| + | max-width: 100%; | ||
| + | text-align:justify; | ||
| + | font-size: 16px; | ||
| + | padding-bottom: 20px; | ||
| + | padding-left: 50px; | ||
| + | padding-right: 50px; | ||
| + | color: #243142; /*dark blue-grey*/ | ||
| + | } | ||
| + | |||
/*collab*/ | /*collab*/ | ||
| Line 357: | Line 513: | ||
.img-R{ | .img-R{ | ||
max-width: 100%; | max-width: 100%; | ||
| − | margin-bottom: | + | margin-bottom: 10px; |
} | } | ||
/*collab*/ | /*collab*/ | ||
.img-L{ | .img-L{ | ||
max-width: 100%; | max-width: 100%; | ||
| − | margin-bottom: | + | margin-bottom: 10px; |
| + | } | ||
| + | |||
| + | .fig{ | ||
| + | font-family: Avenir; | ||
| + | max-width: 100%; | ||
| + | text-align:justify; | ||
| + | font-size: 14px; | ||
| + | margin-bottom: 20px; | ||
} | } | ||
/*collab*/ | /*collab*/ | ||
.firstTitle{ | .firstTitle{ | ||
| − | margin-top: | + | margin-top: 0px; |
} | } | ||
.sectionTitle-L { | .sectionTitle-L { | ||
| + | font-family: Avenir; | ||
max-width:100%; | max-width:100%; | ||
color:#4f6ac5; /*dark blue*/ | color:#4f6ac5; /*dark blue*/ | ||
text-align:left; | text-align:left; | ||
font-weight: lighter; | font-weight: lighter; | ||
| − | font-size: 3. | + | font-size: 3.1em; |
| + | margin-top: 0px; | ||
} | } | ||
| + | |||
| + | |||
/*collab*/ | /*collab*/ | ||
.sectionTitle-R { | .sectionTitle-R { | ||
| + | font-family: Avenir; | ||
max-width:100%; | max-width:100%; | ||
color:#4f6ac5; /*dark blue*/ | color:#4f6ac5; /*dark blue*/ | ||
text-align:right; | text-align:right; | ||
font-weight: lighter; | font-weight: lighter; | ||
| − | font-size: 3. | + | font-size: 3.1em; |
| + | } | ||
| + | |||
| + | .short{ | ||
| + | width: 70%; | ||
| + | margin-left: 15%; | ||
| + | margin-right: -15%; | ||
| + | } | ||
| + | .subHead { | ||
| + | max-width:100%; | ||
| + | color:#4f6ac5; /*dark blue*/ | ||
| + | text-align:left; | ||
| + | font-size: 2.4em; | ||
| + | margin-top: 0px; | ||
} | } | ||
| Line 449: | Line 631: | ||
.welcomevid{ | .welcomevid{ | ||
| − | + | width: 50%; | |
margin-top: 75px; | margin-top: 75px; | ||
padding-bottom: 0px; | padding-bottom: 0px; | ||
| Line 455: | Line 637: | ||
display: inline-block; | display: inline-block; | ||
padding: 0px; | padding: 0px; | ||
| + | } | ||
| + | |||
| + | .vid{ | ||
| + | width:100%; | ||
} | } | ||
.videotitleimg{ | .videotitleimg{ | ||
| − | + | width: 50%; | |
| − | margin-top: - | + | margin-top: -466px; |
padding: 0px; | padding: 0px; | ||
display: inline-block; | display: inline-block; | ||
| Line 465: | Line 651: | ||
margin-bottom: 0px; | margin-bottom: 0px; | ||
} | } | ||
| + | |||
| + | /*! | ||
| + | * Bootstrap v3.0.0 | ||
| + | * | ||
| + | * Copyright 2013 Twitter, Inc | ||
| + | * Licensed under the Apache License v2.0 | ||
| + | * http://www.apache.org/licenses/LICENSE-2.0 | ||
| + | * | ||
| + | * Designed and built with all the love in the world by @mdo and @fat. | ||
| + | */ | ||
| + | /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ | ||
| + | article, | ||
| + | aside, | ||
| + | details, | ||
| + | figcaption, | ||
| + | figure, | ||
| + | footer, | ||
| + | header, | ||
| + | hgroup, | ||
| + | main, | ||
| + | nav, | ||
| + | section, | ||
| + | summary { | ||
| + | display: block; | ||
| + | } | ||
| + | audio, | ||
| + | canvas, | ||
| + | video { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | audio:not([controls]) { | ||
| + | display: none; | ||
| + | height: 0; | ||
| + | } | ||
| + | [hidden] { | ||
| + | display: none; | ||
| + | } | ||
| + | html { | ||
| + | font-family: sans-serif; | ||
| + | -webkit-text-size-adjust: 100%; | ||
| + | -ms-text-size-adjust: 100%; | ||
| + | } | ||
| + | body { | ||
| + | margin: 0; | ||
| + | font-family: Avenir; | ||
| + | } | ||
| + | a:focus { | ||
| + | outline: thin dotted; | ||
| + | } | ||
| + | a:active, | ||
| + | a:hover { | ||
| + | outline: 0; | ||
| + | } | ||
| + | h1 { | ||
| + | font-size: 2em; | ||
| + | margin: 0.67em 0; | ||
| + | } | ||
| + | abbr[title] { | ||
| + | border-bottom: 1px dotted; | ||
| + | } | ||
| + | b, | ||
| + | strong { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | dfn { | ||
| + | font-style: italic; | ||
| + | } | ||
| + | hr { | ||
| + | -moz-box-sizing: content-box; | ||
| + | box-sizing: content-box; | ||
| + | height: 0; | ||
| + | } | ||
| + | mark { | ||
| + | background: #ff0; | ||
| + | color: #000; | ||
| + | } | ||
| + | code, | ||
| + | kbd, | ||
| + | pre, | ||
| + | samp { | ||
| + | font-family: monospace, serif; | ||
| + | font-size: 1em; | ||
| + | } | ||
| + | pre { | ||
| + | white-space: pre-wrap; | ||
| + | } | ||
| + | q { | ||
| + | quotes: "\201C" "\201D" "\2018" "\2019"; | ||
| + | } | ||
| + | small { | ||
| + | font-size: 80%; | ||
| + | } | ||
| + | sub, | ||
| + | sup { | ||
| + | font-size: 75%; | ||
| + | line-height: 0; | ||
| + | position: relative; | ||
| + | vertical-align: baseline; | ||
| + | } | ||
| + | sup { | ||
| + | top: -0.5em; | ||
| + | } | ||
| + | sub { | ||
| + | bottom: -0.25em; | ||
| + | } | ||
| + | img { | ||
| + | border: 0; | ||
| + | } | ||
| + | svg:not(:root) { | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | figure { | ||
| + | margin: 0; | ||
| + | } | ||
| + | fieldset { | ||
| + | border: 1px solid #c0c0c0; | ||
| + | margin: 0 2px; | ||
| + | padding: 0.35em 0.625em 0.75em; | ||
| + | } | ||
| + | legend { | ||
| + | border: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | button, | ||
| + | input, | ||
| + | select, | ||
| + | textarea { | ||
| + | font-family: inherit; | ||
| + | font-size: 100%; | ||
| + | margin: 0; | ||
| + | } | ||
| + | button, | ||
| + | input { | ||
| + | line-height: normal; | ||
| + | } | ||
| + | button, | ||
| + | select { | ||
| + | text-transform: none; | ||
| + | } | ||
| + | button, | ||
| + | html input[type="button"], | ||
| + | input[type="reset"], | ||
| + | input[type="submit"] { | ||
| + | -webkit-appearance: button; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | button[disabled], | ||
| + | html input[disabled] { | ||
| + | cursor: default; | ||
| + | } | ||
| + | input[type="checkbox"], | ||
| + | input[type="radio"] { | ||
| + | box-sizing: border-box; | ||
| + | padding: 0; | ||
| + | } | ||
| + | input[type="search"] { | ||
| + | -webkit-appearance: textfield; | ||
| + | -moz-box-sizing: content-box; | ||
| + | -webkit-box-sizing: content-box; | ||
| + | box-sizing: content-box; | ||
| + | } | ||
| + | input[type="search"]::-webkit-search-cancel-button, | ||
| + | input[type="search"]::-webkit-search-decoration { | ||
| + | -webkit-appearance: none; | ||
| + | } | ||
| + | button::-moz-focus-inner, | ||
| + | input::-moz-focus-inner { | ||
| + | border: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | textarea { | ||
| + | overflow: auto; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | table { | ||
| + | border-collapse: collapse; | ||
| + | border-spacing: 0; | ||
| + | } | ||
| + | /* scrollbar */ | ||
| + | /* toolbar */ | ||
| + | /* buffers */ | ||
| + | @media print { | ||
| + | * { | ||
| + | text-shadow: none !important; | ||
| + | box-shadow: none !important; | ||
| + | } | ||
| + | a, | ||
| + | a:visited { | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | a[href]:after { | ||
| + | content: " (" attr(href) ")"; | ||
| + | } | ||
| + | abbr[title]:after { | ||
| + | content: " (" attr(title) ")"; | ||
| + | } | ||
| + | .ir a:after, | ||
| + | a[href^="javascript:"]:after, | ||
| + | a[href^="#"]:after { | ||
| + | content: ""; | ||
| + | } | ||
| + | pre, | ||
| + | blockquote { | ||
| + | border: 1px solid #999; | ||
| + | page-break-inside: avoid; | ||
| + | } | ||
| + | thead { | ||
| + | display: table-header-group; | ||
| + | } | ||
| + | tr, | ||
| + | img { | ||
| + | page-break-inside: avoid; | ||
| + | } | ||
| + | img { | ||
| + | max-width: 100% !important; | ||
| + | } | ||
| + | @page { | ||
| + | margin: 10mm; | ||
| + | } | ||
| + | p, | ||
| + | h2, | ||
| + | h3 { | ||
| + | orphans: 3; | ||
| + | widows: 3; | ||
| + | } | ||
| + | h2, | ||
| + | h3 { | ||
| + | page-break-after: avoid; | ||
| + | } | ||
| + | .navbar { | ||
| + | display: none; | ||
| + | } | ||
| + | .table td, | ||
| + | .table th { | ||
| + | background-color: #fff !important; | ||
| + | } | ||
| + | .btn > .caret, | ||
| + | .dropup > .btn > .caret { | ||
| + | border-top-color: #000 !important; | ||
| + | } | ||
| + | .label { | ||
| + | border: 1px solid #000; | ||
| + | } | ||
| + | .table { | ||
| + | border-collapse: collapse !important; | ||
| + | } | ||
| + | .table-bordered th, | ||
| + | .table-bordered td { | ||
| + | border: 1px solid #ddd !important; | ||
| + | } | ||
| + | } | ||
| + | *, | ||
| + | *:before, | ||
| + | *:after { | ||
| + | -webkit-box-sizing: border-box; | ||
| + | -moz-box-sizing: border-box; | ||
| + | box-sizing: border-box; | ||
| + | } | ||
| + | html { | ||
| + | font-size: 62.5%; | ||
| + | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
| + | } | ||
| + | body { | ||
| + | font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial, sans-serif; | ||
| + | font-size: 12px; | ||
| + | line-height: 1.42857143; | ||
| + | color: #344043; | ||
| + | background-color: #ffffff; | ||
| + | } | ||
| + | input, | ||
| + | button, | ||
| + | select, | ||
| + | textarea { | ||
| + | font-family: inherit; | ||
| + | font-size: inherit; | ||
| + | line-height: inherit; | ||
| + | } | ||
| + | button, | ||
| + | input, | ||
| + | select[multiple], | ||
| + | textarea { | ||
| + | background-image: none; | ||
| + | } | ||
| + | a { | ||
| + | color: #428ce1; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | a:hover, | ||
| + | a:focus { | ||
| + | color: #1d66b9; | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | a:focus { | ||
| + | outline: thin dotted #333; | ||
| + | outline: 5px auto -webkit-focus-ring-color; | ||
| + | outline-offset: -2px; | ||
| + | } | ||
| + | img { | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .img-responsive { | ||
| + | display: block; | ||
| + | max-width: 100%; | ||
| + | height: auto; | ||
| + | } | ||
| + | .img-rounded { | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | .img-thumbnail { | ||
| + | padding: 4px; | ||
| + | line-height: 1.42857143; | ||
| + | background-color: #ffffff; | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-radius: 3px; | ||
| + | -webkit-transition: all 0.2s ease-in-out; | ||
| + | transition: all 0.2s ease-in-out; | ||
| + | display: inline-block; | ||
| + | max-width: 100%; | ||
| + | height: auto; | ||
| + | } | ||
| + | .img-circle { | ||
| + | border-radius: 50%; | ||
| + | } | ||
| + | hr { | ||
| + | margin-top: 17px; | ||
| + | margin-bottom: 17px; | ||
| + | border: 0; | ||
| + | border-top: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .sr-only { | ||
| + | position: absolute; | ||
| + | width: 1px; | ||
| + | height: 1px; | ||
| + | margin: -1px; | ||
| + | padding: 0; | ||
| + | overflow: hidden; | ||
| + | clip: rect(0 0 0 0); | ||
| + | border: 0; | ||
| + | } | ||
| + | p { | ||
| + | margin: 0 0 8.5px; | ||
| + | } | ||
| + | .lead { | ||
| + | margin-bottom: 17px; | ||
| + | font-size: 13.8px; | ||
| + | font-weight: 200; | ||
| + | line-height: 1.4; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | .lead { | ||
| + | font-size: 18px; | ||
| + | } | ||
| + | } | ||
| + | small { | ||
| + | font-size: 85%; | ||
| + | } | ||
| + | cite { | ||
| + | font-style: normal; | ||
| + | } | ||
| + | .text-muted { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .text-primary { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .text-warning { | ||
| + | color: #c09853; | ||
| + | } | ||
| + | .text-danger { | ||
| + | color: #b94a48; | ||
| + | } | ||
| + | .text-success { | ||
| + | color: #468847; | ||
| + | } | ||
| + | .text-info { | ||
| + | color: #3a87ad; | ||
| + | } | ||
| + | .text-left { | ||
| + | text-align: left; | ||
| + | } | ||
| + | .text-right { | ||
| + | text-align: right; | ||
| + | } | ||
| + | .text-center { | ||
| + | text-align: center; | ||
| + | } | ||
| + | h1, | ||
| + | h2, | ||
| + | h3, | ||
| + | h4, | ||
| + | h5, | ||
| + | h6, | ||
| + | .h1, | ||
| + | .h2, | ||
| + | .h3, | ||
| + | .h4, | ||
| + | .h5, | ||
| + | .h6 { | ||
| + | font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial, sans-serif; | ||
| + | font-weight: 500; | ||
| + | line-height: 1.1; | ||
| + | } | ||
| + | h1 small, | ||
| + | h2 small, | ||
| + | h3 small, | ||
| + | h4 small, | ||
| + | h5 small, | ||
| + | h6 small, | ||
| + | .h1 small, | ||
| + | .h2 small, | ||
| + | .h3 small, | ||
| + | .h4 small, | ||
| + | .h5 small, | ||
| + | .h6 small { | ||
| + | font-weight: normal; | ||
| + | line-height: 1; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | h1, | ||
| + | h2, | ||
| + | h3 { | ||
| + | margin-top: 17px; | ||
| + | margin-bottom: 8.5px; | ||
| + | } | ||
| + | h4, | ||
| + | h5, | ||
| + | h6 { | ||
| + | margin-top: 8.5px; | ||
| + | margin-bottom: 8.5px; | ||
| + | } | ||
| + | h1, | ||
| + | .h1 { | ||
| + | font-size: 31px; | ||
| + | } | ||
| + | h2, | ||
| + | .h2 { | ||
| + | font-size: 25px; | ||
| + | } | ||
| + | h3, | ||
| + | .h3 { | ||
| + | font-size: 21px; | ||
| + | } | ||
| + | h4, | ||
| + | .h4 { | ||
| + | font-size: 15px; | ||
| + | } | ||
| + | h5, | ||
| + | .h5 { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | h6, | ||
| + | .h6 { | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | h1 small, | ||
| + | .h1 small { | ||
| + | font-size: 21px; | ||
| + | } | ||
| + | h2 small, | ||
| + | .h2 small { | ||
| + | font-size: 15px; | ||
| + | } | ||
| + | h3 small, | ||
| + | .h3 small, | ||
| + | h4 small, | ||
| + | .h4 small { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .page-header { | ||
| + | padding-bottom: 7.5px; | ||
| + | margin: 34px 0 17px; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | ul, | ||
| + | ol { | ||
| + | margin-top: 0; | ||
| + | margin-bottom: 8.5px; | ||
| + | } | ||
| + | ul ul, | ||
| + | ol ul, | ||
| + | ul ol, | ||
| + | ol ol { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .list-unstyled { | ||
| + | padding-left: 0; | ||
| + | list-style: none; | ||
| + | } | ||
| + | .list-inline { | ||
| + | padding-left: 0; | ||
| + | list-style: none; | ||
| + | } | ||
| + | .list-inline > li { | ||
| + | display: inline-block; | ||
| + | padding-left: 5px; | ||
| + | padding-right: 5px; | ||
| + | } | ||
| + | dl { | ||
| + | margin-bottom: 17px; | ||
| + | } | ||
| + | dt, | ||
| + | dd { | ||
| + | line-height: 1.42857143; | ||
| + | } | ||
| + | dt { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | dd { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | @media (min-width: 430px) { | ||
| + | .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; | ||
| + | } | ||
| + | .dl-horizontal dd:before, | ||
| + | .dl-horizontal dd:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .dl-horizontal dd:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .dl-horizontal dd:before, | ||
| + | .dl-horizontal dd:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .dl-horizontal dd:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | } | ||
| + | abbr[title], | ||
| + | abbr[data-original-title] { | ||
| + | cursor: help; | ||
| + | border-bottom: 1px dotted #a2b9be; | ||
| + | } | ||
| + | abbr.initialism { | ||
| + | font-size: 90%; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | blockquote { | ||
| + | padding: 8.5px 17px; | ||
| + | margin: 0 0 17px; | ||
| + | border-left: 5px solid #e8f0f2; | ||
| + | } | ||
| + | blockquote p { | ||
| + | font-size: 15px; | ||
| + | font-weight: 300; | ||
| + | line-height: 1.25; | ||
| + | } | ||
| + | blockquote p:last-child { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | blockquote small { | ||
| + | display: block; | ||
| + | line-height: 1.42857143; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | blockquote small:before { | ||
| + | content: '\2014 \00A0'; | ||
| + | } | ||
| + | blockquote.pull-right { | ||
| + | padding-right: 15px; | ||
| + | padding-left: 0; | ||
| + | border-right: 5px solid #e8f0f2; | ||
| + | border-left: 0; | ||
| + | } | ||
| + | blockquote.pull-right p, | ||
| + | blockquote.pull-right small { | ||
| + | text-align: right; | ||
| + | } | ||
| + | blockquote.pull-right small:before { | ||
| + | content: ''; | ||
| + | } | ||
| + | blockquote.pull-right small:after { | ||
| + | content: '\00A0 \2014'; | ||
| + | } | ||
| + | q:before, | ||
| + | q:after, | ||
| + | blockquote:before, | ||
| + | blockquote:after { | ||
| + | content: ""; | ||
| + | } | ||
| + | address { | ||
| + | display: block; | ||
| + | margin-bottom: 17px; | ||
| + | font-style: normal; | ||
| + | line-height: 1.42857143; | ||
| + | } | ||
| + | code, | ||
| + | pre { | ||
| + | font-family: Monaco, Menlo, Consolas, "Courier New", monospace; | ||
| + | } | ||
| + | code { | ||
| + | padding: 2px 4px; | ||
| + | font-size: 90%; | ||
| + | color: #c9d8db; | ||
| + | background-color: #f8fafb; | ||
| + | white-space: nowrap; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | pre { | ||
| + | display: block; | ||
| + | padding: 8px; | ||
| + | margin: 0 0 8.5px; | ||
| + | font-size: 11px; | ||
| + | line-height: 1.42857143; | ||
| + | word-break: break-all; | ||
| + | word-wrap: break-word; | ||
| + | color: #344043; | ||
| + | background-color: #f8fafb; | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | pre.prettyprint { | ||
| + | margin-bottom: 17px; | ||
| + | } | ||
| + | pre code { | ||
| + | padding: 0; | ||
| + | font-size: inherit; | ||
| + | color: inherit; | ||
| + | white-space: pre-wrap; | ||
| + | background-color: transparent; | ||
| + | border: 0; | ||
| + | } | ||
| + | .pre-scrollable { | ||
| + | max-height: 340px; | ||
| + | overflow-y: scroll; | ||
| + | } | ||
| + | .container, | ||
| + | .container-fluid { | ||
| + | margin-right: auto; | ||
| + | margin-left: auto; | ||
| + | padding-left: 15px; | ||
| + | padding-right: 15px; | ||
| + | } | ||
| + | .container:before, | ||
| + | .container-fluid:before, | ||
| + | .container:after, | ||
| + | .container-fluid:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .container:after, | ||
| + | .container-fluid:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .container:before, | ||
| + | .container-fluid:before, | ||
| + | .container:after, | ||
| + | .container-fluid:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .container:after, | ||
| + | .container-fluid:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .row { | ||
| + | margin-left: -15px; | ||
| + | margin-right: -15px; | ||
| + | } | ||
| + | .row:before, | ||
| + | .row:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .row:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .row:before, | ||
| + | .row:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .row:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .col-xs-1, | ||
| + | .col-xs-2, | ||
| + | .col-xs-3, | ||
| + | .col-xs-4, | ||
| + | .col-xs-5, | ||
| + | .col-xs-6, | ||
| + | .col-xs-7, | ||
| + | .col-xs-8, | ||
| + | .col-xs-9, | ||
| + | .col-xs-10, | ||
| + | .col-xs-11, | ||
| + | .col-xs-12, | ||
| + | .col-sm-1, | ||
| + | .col-sm-2, | ||
| + | .col-sm-3, | ||
| + | .col-sm-4, | ||
| + | .col-sm-5, | ||
| + | .col-sm-6, | ||
| + | .col-sm-7, | ||
| + | .col-sm-8, | ||
| + | .col-sm-9, | ||
| + | .col-sm-10, | ||
| + | .col-sm-11, | ||
| + | .col-sm-12, | ||
| + | .col-md-1, | ||
| + | .col-md-2, | ||
| + | .col-md-3, | ||
| + | .col-md-4, | ||
| + | .col-md-5, | ||
| + | .col-md-6, | ||
| + | .col-md-7, | ||
| + | .col-md-8, | ||
| + | .col-md-9, | ||
| + | .col-md-10, | ||
| + | .col-md-11, | ||
| + | .col-md-12, | ||
| + | .col-lg-1, | ||
| + | .col-lg-2, | ||
| + | .col-lg-3, | ||
| + | .col-lg-4, | ||
| + | .col-lg-5, | ||
| + | .col-lg-6, | ||
| + | .col-lg-7, | ||
| + | .col-lg-8, | ||
| + | .col-lg-9, | ||
| + | .col-lg-10, | ||
| + | .col-lg-11, | ||
| + | .col-lg-12 { | ||
| + | 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 { | ||
| + | float: left; | ||
| + | } | ||
| + | .col-xs-1 { | ||
| + | width: 8.33333333%; | ||
| + | } | ||
| + | .col-xs-2 { | ||
| + | width: 16.66666667%; | ||
| + | } | ||
| + | .col-xs-3 { | ||
| + | width: 25%; | ||
| + | } | ||
| + | .col-xs-4 { | ||
| + | width: 33.33333333%; | ||
| + | } | ||
| + | .col-xs-5 { | ||
| + | width: 41.66666667%; | ||
| + | } | ||
| + | .col-xs-6 { | ||
| + | width: 50%; | ||
| + | } | ||
| + | .col-xs-7 { | ||
| + | width: 58.33333333%; | ||
| + | } | ||
| + | .col-xs-8 { | ||
| + | width: 66.66666667%; | ||
| + | } | ||
| + | .col-xs-9 { | ||
| + | width: 75%; | ||
| + | } | ||
| + | .col-xs-10 { | ||
| + | width: 83.33333333%; | ||
| + | } | ||
| + | .col-xs-11 { | ||
| + | width: 91.66666667%; | ||
| + | } | ||
| + | .col-xs-12 { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .col-xs-offset-1 { | ||
| + | margin-left: 8.33333333%; | ||
| + | } | ||
| + | .col-xs-offset-2 { | ||
| + | margin-left: 16.66666667%; | ||
| + | } | ||
| + | .col-xs-offset-3 { | ||
| + | margin-left: 25%; | ||
| + | } | ||
| + | .col-xs-offset-4 { | ||
| + | margin-left: 33.33333333%; | ||
| + | } | ||
| + | .col-xs-offset-5 { | ||
| + | margin-left: 41.66666667%; | ||
| + | } | ||
| + | .col-xs-offset-6 { | ||
| + | margin-left: 50%; | ||
| + | } | ||
| + | .col-xs-offset-7 { | ||
| + | margin-left: 58.33333333%; | ||
| + | } | ||
| + | .col-xs-offset-8 { | ||
| + | margin-left: 66.66666667%; | ||
| + | } | ||
| + | .col-xs-offset-9 { | ||
| + | margin-left: 75%; | ||
| + | } | ||
| + | .col-xs-offset-10 { | ||
| + | margin-left: 83.33333333%; | ||
| + | } | ||
| + | .col-xs-offset-11 { | ||
| + | margin-left: 91.66666667%; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | .container { | ||
| + | max-width: 750px; | ||
| + | } | ||
| + | .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 { | ||
| + | float: left; | ||
| + | } | ||
| + | .col-sm-1 { | ||
| + | width: 8.33333333%; | ||
| + | } | ||
| + | .col-sm-2 { | ||
| + | width: 16.66666667%; | ||
| + | } | ||
| + | .col-sm-3 { | ||
| + | width: 25%; | ||
| + | } | ||
| + | .col-sm-4 { | ||
| + | width: 33.33333333%; | ||
| + | } | ||
| + | .col-sm-5 { | ||
| + | width: 41.66666667%; | ||
| + | } | ||
| + | .col-sm-6 { | ||
| + | width: 50%; | ||
| + | } | ||
| + | .col-sm-7 { | ||
| + | width: 58.33333333%; | ||
| + | } | ||
| + | .col-sm-8 { | ||
| + | width: 66.66666667%; | ||
| + | } | ||
| + | .col-sm-9 { | ||
| + | width: 75%; | ||
| + | } | ||
| + | .col-sm-10 { | ||
| + | width: 83.33333333%; | ||
| + | } | ||
| + | .col-sm-11 { | ||
| + | width: 91.66666667%; | ||
| + | } | ||
| + | .col-sm-12 { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .col-sm-push-1 { | ||
| + | left: 8.33333333%; | ||
| + | } | ||
| + | .col-sm-push-2 { | ||
| + | left: 16.66666667%; | ||
| + | } | ||
| + | .col-sm-push-3 { | ||
| + | left: 25%; | ||
| + | } | ||
| + | .col-sm-push-4 { | ||
| + | left: 33.33333333%; | ||
| + | } | ||
| + | .col-sm-push-5 { | ||
| + | left: 41.66666667%; | ||
| + | } | ||
| + | .col-sm-push-6 { | ||
| + | left: 50%; | ||
| + | } | ||
| + | .col-sm-push-7 { | ||
| + | left: 58.33333333%; | ||
| + | } | ||
| + | .col-sm-push-8 { | ||
| + | left: 66.66666667%; | ||
| + | } | ||
| + | .col-sm-push-9 { | ||
| + | left: 75%; | ||
| + | } | ||
| + | .col-sm-push-10 { | ||
| + | left: 83.33333333%; | ||
| + | } | ||
| + | .col-sm-push-11 { | ||
| + | left: 91.66666667%; | ||
| + | } | ||
| + | .col-sm-pull-1 { | ||
| + | right: 8.33333333%; | ||
| + | } | ||
| + | .col-sm-pull-2 { | ||
| + | right: 16.66666667%; | ||
| + | } | ||
| + | .col-sm-pull-3 { | ||
| + | right: 25%; | ||
| + | } | ||
| + | .col-sm-pull-4 { | ||
| + | right: 33.33333333%; | ||
| + | } | ||
| + | .col-sm-pull-5 { | ||
| + | right: 41.66666667%; | ||
| + | } | ||
| + | .col-sm-pull-6 { | ||
| + | right: 50%; | ||
| + | } | ||
| + | .col-sm-pull-7 { | ||
| + | right: 58.33333333%; | ||
| + | } | ||
| + | .col-sm-pull-8 { | ||
| + | right: 66.66666667%; | ||
| + | } | ||
| + | .col-sm-pull-9 { | ||
| + | right: 75%; | ||
| + | } | ||
| + | .col-sm-pull-10 { | ||
| + | right: 83.33333333%; | ||
| + | } | ||
| + | .col-sm-pull-11 { | ||
| + | right: 91.66666667%; | ||
| + | } | ||
| + | .col-sm-offset-0 { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | .col-sm-offset-1 { | ||
| + | margin-left: 8.33333333%; | ||
| + | } | ||
| + | .col-sm-offset-2 { | ||
| + | margin-left: 16.66666667%; | ||
| + | } | ||
| + | .col-sm-offset-3 { | ||
| + | margin-left: 25%; | ||
| + | } | ||
| + | .col-sm-offset-4 { | ||
| + | margin-left: 33.33333333%; | ||
| + | } | ||
| + | .col-sm-offset-5 { | ||
| + | margin-left: 41.66666667%; | ||
| + | } | ||
| + | .col-sm-offset-6 { | ||
| + | margin-left: 50%; | ||
| + | } | ||
| + | .col-sm-offset-7 { | ||
| + | margin-left: 58.33333333%; | ||
| + | } | ||
| + | .col-sm-offset-8 { | ||
| + | margin-left: 66.66666667%; | ||
| + | } | ||
| + | .col-sm-offset-9 { | ||
| + | margin-left: 75%; | ||
| + | } | ||
| + | .col-sm-offset-10 { | ||
| + | margin-left: 83.33333333%; | ||
| + | } | ||
| + | .col-sm-offset-11 { | ||
| + | margin-left: 91.66666667%; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 992px) { | ||
| + | .container { | ||
| + | max-width: 970px; | ||
| + | } | ||
| + | .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 { | ||
| + | float: left; | ||
| + | } | ||
| + | .col-md-1 { | ||
| + | width: 8.33333333%; | ||
| + | } | ||
| + | .col-md-2 { | ||
| + | width: 16.66666667%; | ||
| + | } | ||
| + | .col-md-3 { | ||
| + | width: 25%; | ||
| + | } | ||
| + | .col-md-4 { | ||
| + | width: 33.33333333%; | ||
| + | } | ||
| + | .col-md-5 { | ||
| + | width: 41.66666667%; | ||
| + | } | ||
| + | .col-md-6 { | ||
| + | width: 50%; | ||
| + | } | ||
| + | .col-md-7 { | ||
| + | width: 58.33333333%; | ||
| + | } | ||
| + | .col-md-8 { | ||
| + | width: 66.66666667%; | ||
| + | } | ||
| + | .col-md-9 { | ||
| + | width: 75%; | ||
| + | } | ||
| + | .col-md-10 { | ||
| + | width: 83.33333333%; | ||
| + | } | ||
| + | .col-md-11 { | ||
| + | width: 91.66666667%; | ||
| + | } | ||
| + | .col-md-12 { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .col-md-push-0 { | ||
| + | left: auto; | ||
| + | } | ||
| + | .col-md-push-1 { | ||
| + | left: 8.33333333%; | ||
| + | } | ||
| + | .col-md-push-2 { | ||
| + | left: 16.66666667%; | ||
| + | } | ||
| + | .col-md-push-3 { | ||
| + | left: 25%; | ||
| + | } | ||
| + | .col-md-push-4 { | ||
| + | left: 33.33333333%; | ||
| + | } | ||
| + | .col-md-push-5 { | ||
| + | left: 41.66666667%; | ||
| + | } | ||
| + | .col-md-push-6 { | ||
| + | left: 50%; | ||
| + | } | ||
| + | .col-md-push-7 { | ||
| + | left: 58.33333333%; | ||
| + | } | ||
| + | .col-md-push-8 { | ||
| + | left: 66.66666667%; | ||
| + | } | ||
| + | .col-md-push-9 { | ||
| + | left: 75%; | ||
| + | } | ||
| + | .col-md-push-10 { | ||
| + | left: 83.33333333%; | ||
| + | } | ||
| + | .col-md-push-11 { | ||
| + | left: 91.66666667%; | ||
| + | } | ||
| + | .col-md-pull-0 { | ||
| + | right: auto; | ||
| + | } | ||
| + | .col-md-pull-1 { | ||
| + | right: 8.33333333%; | ||
| + | } | ||
| + | .col-md-pull-2 { | ||
| + | right: 16.66666667%; | ||
| + | } | ||
| + | .col-md-pull-3 { | ||
| + | right: 25%; | ||
| + | } | ||
| + | .col-md-pull-4 { | ||
| + | right: 33.33333333%; | ||
| + | } | ||
| + | .col-md-pull-5 { | ||
| + | right: 41.66666667%; | ||
| + | } | ||
| + | .col-md-pull-6 { | ||
| + | right: 50%; | ||
| + | } | ||
| + | .col-md-pull-7 { | ||
| + | right: 58.33333333%; | ||
| + | } | ||
| + | .col-md-pull-8 { | ||
| + | right: 66.66666667%; | ||
| + | } | ||
| + | .col-md-pull-9 { | ||
| + | right: 75%; | ||
| + | } | ||
| + | .col-md-pull-10 { | ||
| + | right: 83.33333333%; | ||
| + | } | ||
| + | .col-md-pull-11 { | ||
| + | right: 91.66666667%; | ||
| + | } | ||
| + | .col-md-offset-0 { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | .col-md-offset-1 { | ||
| + | margin-left: 8.33333333%; | ||
| + | } | ||
| + | .col-md-offset-2 { | ||
| + | margin-left: 16.66666667%; | ||
| + | } | ||
| + | .col-md-offset-3 { | ||
| + | margin-left: 25%; | ||
| + | } | ||
| + | .col-md-offset-4 { | ||
| + | margin-left: 33.33333333%; | ||
| + | } | ||
| + | .col-md-offset-5 { | ||
| + | margin-left: 41.66666667%; | ||
| + | } | ||
| + | .col-md-offset-6 { | ||
| + | margin-left: 50%; | ||
| + | } | ||
| + | .col-md-offset-7 { | ||
| + | margin-left: 58.33333333%; | ||
| + | } | ||
| + | .col-md-offset-8 { | ||
| + | margin-left: 66.66666667%; | ||
| + | } | ||
| + | .col-md-offset-9 { | ||
| + | margin-left: 75%; | ||
| + | } | ||
| + | .col-md-offset-10 { | ||
| + | margin-left: 83.33333333%; | ||
| + | } | ||
| + | .col-md-offset-11 { | ||
| + | margin-left: 91.66666667%; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1200px) { | ||
| + | .container { | ||
| + | max-width: 1170px; | ||
| + | } | ||
| + | .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 { | ||
| + | float: left; | ||
| + | } | ||
| + | .col-lg-1 { | ||
| + | width: 8.33333333%; | ||
| + | } | ||
| + | .col-lg-2 { | ||
| + | width: 16.66666667%; | ||
| + | } | ||
| + | .col-lg-3 { | ||
| + | width: 25%; | ||
| + | } | ||
| + | .col-lg-4 { | ||
| + | width: 33.33333333%; | ||
| + | } | ||
| + | .col-lg-5 { | ||
| + | width: 41.66666667%; | ||
| + | } | ||
| + | .col-lg-6 { | ||
| + | width: 50%; | ||
| + | } | ||
| + | .col-lg-7 { | ||
| + | width: 58.33333333%; | ||
| + | } | ||
| + | .col-lg-8 { | ||
| + | width: 66.66666667%; | ||
| + | } | ||
| + | .col-lg-9 { | ||
| + | width: 75%; | ||
| + | } | ||
| + | .col-lg-10 { | ||
| + | width: 83.33333333%; | ||
| + | } | ||
| + | .col-lg-11 { | ||
| + | width: 91.66666667%; | ||
| + | } | ||
| + | .col-lg-12 { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .col-lg-push-0 { | ||
| + | left: auto; | ||
| + | } | ||
| + | .col-lg-push-1 { | ||
| + | left: 8.33333333%; | ||
| + | } | ||
| + | .col-lg-push-2 { | ||
| + | left: 16.66666667%; | ||
| + | } | ||
| + | .col-lg-push-3 { | ||
| + | left: 25%; | ||
| + | } | ||
| + | .col-lg-push-4 { | ||
| + | left: 33.33333333%; | ||
| + | } | ||
| + | .col-lg-push-5 { | ||
| + | left: 41.66666667%; | ||
| + | } | ||
| + | .col-lg-push-6 { | ||
| + | left: 50%; | ||
| + | } | ||
| + | .col-lg-push-7 { | ||
| + | left: 58.33333333%; | ||
| + | } | ||
| + | .col-lg-push-8 { | ||
| + | left: 66.66666667%; | ||
| + | } | ||
| + | .col-lg-push-9 { | ||
| + | left: 75%; | ||
| + | } | ||
| + | .col-lg-push-10 { | ||
| + | left: 83.33333333%; | ||
| + | } | ||
| + | .col-lg-push-11 { | ||
| + | left: 91.66666667%; | ||
| + | } | ||
| + | .col-lg-pull-0 { | ||
| + | right: auto; | ||
| + | } | ||
| + | .col-lg-pull-1 { | ||
| + | right: 8.33333333%; | ||
| + | } | ||
| + | .col-lg-pull-2 { | ||
| + | right: 16.66666667%; | ||
| + | } | ||
| + | .col-lg-pull-3 { | ||
| + | right: 25%; | ||
| + | } | ||
| + | .col-lg-pull-4 { | ||
| + | right: 33.33333333%; | ||
| + | } | ||
| + | .col-lg-pull-5 { | ||
| + | right: 41.66666667%; | ||
| + | } | ||
| + | .col-lg-pull-6 { | ||
| + | right: 50%; | ||
| + | } | ||
| + | .col-lg-pull-7 { | ||
| + | right: 58.33333333%; | ||
| + | } | ||
| + | .col-lg-pull-8 { | ||
| + | right: 66.66666667%; | ||
| + | } | ||
| + | .col-lg-pull-9 { | ||
| + | right: 75%; | ||
| + | } | ||
| + | .col-lg-pull-10 { | ||
| + | right: 83.33333333%; | ||
| + | } | ||
| + | .col-lg-pull-11 { | ||
| + | right: 91.66666667%; | ||
| + | } | ||
| + | .col-lg-offset-0 { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | .col-lg-offset-1 { | ||
| + | margin-left: 8.33333333%; | ||
| + | } | ||
| + | .col-lg-offset-2 { | ||
| + | margin-left: 16.66666667%; | ||
| + | } | ||
| + | .col-lg-offset-3 { | ||
| + | margin-left: 25%; | ||
| + | } | ||
| + | .col-lg-offset-4 { | ||
| + | margin-left: 33.33333333%; | ||
| + | } | ||
| + | .col-lg-offset-5 { | ||
| + | margin-left: 41.66666667%; | ||
| + | } | ||
| + | .col-lg-offset-6 { | ||
| + | margin-left: 50%; | ||
| + | } | ||
| + | .col-lg-offset-7 { | ||
| + | margin-left: 58.33333333%; | ||
| + | } | ||
| + | .col-lg-offset-8 { | ||
| + | margin-left: 66.66666667%; | ||
| + | } | ||
| + | .col-lg-offset-9 { | ||
| + | margin-left: 75%; | ||
| + | } | ||
| + | .col-lg-offset-10 { | ||
| + | margin-left: 83.33333333%; | ||
| + | } | ||
| + | .col-lg-offset-11 { | ||
| + | margin-left: 91.66666667%; | ||
| + | } | ||
| + | } | ||
| + | table { | ||
| + | max-width: 100%; | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | th { | ||
| + | text-align: left; | ||
| + | } | ||
| + | .table { | ||
| + | width: 100%; | ||
| + | margin-bottom: 17px; | ||
| + | } | ||
| + | .table thead > tr > th, | ||
| + | .table tbody > tr > th, | ||
| + | .table tfoot > tr > th, | ||
| + | .table thead > tr > td, | ||
| + | .table tbody > tr > td, | ||
| + | .table tfoot > tr > td { | ||
| + | padding: 8px; | ||
| + | line-height: 1.42857143; | ||
| + | vertical-align: top; | ||
| + | border-top: 1px solid #dddddd; | ||
| + | } | ||
| + | .table thead > tr > th { | ||
| + | vertical-align: bottom; | ||
| + | border-bottom: 2px solid #dddddd; | ||
| + | } | ||
| + | .table caption + thead tr:first-child th, | ||
| + | .table colgroup + thead tr:first-child th, | ||
| + | .table thead:first-child tr:first-child th, | ||
| + | .table caption + thead tr:first-child td, | ||
| + | .table colgroup + thead tr:first-child td, | ||
| + | .table thead:first-child tr:first-child td { | ||
| + | border-top: 0; | ||
| + | } | ||
| + | .table tbody + tbody { | ||
| + | border-top: 2px solid #dddddd; | ||
| + | } | ||
| + | .table .table { | ||
| + | background-color: #ffffff; | ||
| + | } | ||
| + | .table-condensed thead > tr > th, | ||
| + | .table-condensed tbody > tr > th, | ||
| + | .table-condensed tfoot > tr > th, | ||
| + | .table-condensed thead > tr > td, | ||
| + | .table-condensed tbody > tr > td, | ||
| + | .table-condensed tfoot > tr > td { | ||
| + | padding: 5px; | ||
| + | } | ||
| + | .table-bordered { | ||
| + | border: 1px solid #dddddd; | ||
| + | } | ||
| + | .table-bordered > thead > tr > th, | ||
| + | .table-bordered > tbody > tr > th, | ||
| + | .table-bordered > tfoot > tr > th, | ||
| + | .table-bordered > thead > tr > td, | ||
| + | .table-bordered > tbody > tr > td, | ||
| + | .table-bordered > tfoot > tr > td { | ||
| + | border: 1px solid #dddddd; | ||
| + | } | ||
| + | .table-bordered > thead > tr > th, | ||
| + | .table-bordered > thead > tr > td { | ||
| + | border-bottom-width: 2px; | ||
| + | } | ||
| + | .table-striped > tbody > tr:nth-child(odd) > td, | ||
| + | .table-striped > tbody > tr:nth-child(odd) > th { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .table-hover > tbody > tr:hover > td, | ||
| + | .table-hover > tbody > tr:hover > th { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | table col[class*="col-"] { | ||
| + | float: none; | ||
| + | display: table-column; | ||
| + | } | ||
| + | table td[class*="col-"], | ||
| + | table th[class*="col-"] { | ||
| + | float: none; | ||
| + | display: table-cell; | ||
| + | } | ||
| + | .table > thead > tr > td.active, | ||
| + | .table > tbody > tr > td.active, | ||
| + | .table > tfoot > tr > td.active, | ||
| + | .table > thead > tr > th.active, | ||
| + | .table > tbody > tr > th.active, | ||
| + | .table > tfoot > tr > th.active, | ||
| + | .table > thead > tr.active > td, | ||
| + | .table > tbody > tr.active > td, | ||
| + | .table > tfoot > tr.active > td, | ||
| + | .table > thead > tr.active > th, | ||
| + | .table > tbody > tr.active > th, | ||
| + | .table > tfoot > tr.active > th { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .table > thead > tr > td.success, | ||
| + | .table > tbody > tr > td.success, | ||
| + | .table > tfoot > tr > td.success, | ||
| + | .table > thead > tr > th.success, | ||
| + | .table > tbody > tr > th.success, | ||
| + | .table > tfoot > tr > th.success, | ||
| + | .table > thead > tr.success > td, | ||
| + | .table > tbody > tr.success > td, | ||
| + | .table > tfoot > tr.success > td, | ||
| + | .table > thead > tr.success > th, | ||
| + | .table > tbody > tr.success > th, | ||
| + | .table > tfoot > tr.success > th { | ||
| + | background-color: #dff0d8; | ||
| + | border-color: #d6e9c6; | ||
| + | } | ||
| + | .table-hover > tbody > tr > td.success:hover, | ||
| + | .table-hover > tbody > tr > th.success:hover, | ||
| + | .table-hover > tbody > tr.success:hover > td { | ||
| + | background-color: #d0e9c6; | ||
| + | border-color: #c9e2b3; | ||
| + | } | ||
| + | .table > thead > tr > td.danger, | ||
| + | .table > tbody > tr > td.danger, | ||
| + | .table > tfoot > tr > td.danger, | ||
| + | .table > thead > tr > th.danger, | ||
| + | .table > tbody > tr > th.danger, | ||
| + | .table > tfoot > tr > th.danger, | ||
| + | .table > thead > tr.danger > td, | ||
| + | .table > tbody > tr.danger > td, | ||
| + | .table > tfoot > tr.danger > td, | ||
| + | .table > thead > tr.danger > th, | ||
| + | .table > tbody > tr.danger > th, | ||
| + | .table > tfoot > tr.danger > th { | ||
| + | background-color: #f2dede; | ||
| + | border-color: #eed3d7; | ||
| + | } | ||
| + | .table-hover > tbody > tr > td.danger:hover, | ||
| + | .table-hover > tbody > tr > th.danger:hover, | ||
| + | .table-hover > tbody > tr.danger:hover > td { | ||
| + | background-color: #ebcccc; | ||
| + | border-color: #e6c1c7; | ||
| + | } | ||
| + | .table > thead > tr > td.warning, | ||
| + | .table > tbody > tr > td.warning, | ||
| + | .table > tfoot > tr > td.warning, | ||
| + | .table > thead > tr > th.warning, | ||
| + | .table > tbody > tr > th.warning, | ||
| + | .table > tfoot > tr > th.warning, | ||
| + | .table > thead > tr.warning > td, | ||
| + | .table > tbody > tr.warning > td, | ||
| + | .table > tfoot > tr.warning > td, | ||
| + | .table > thead > tr.warning > th, | ||
| + | .table > tbody > tr.warning > th, | ||
| + | .table > tfoot > tr.warning > th { | ||
| + | background-color: #fcf8e3; | ||
| + | border-color: #fbeed5; | ||
| + | } | ||
| + | .table-hover > tbody > tr > td.warning:hover, | ||
| + | .table-hover > tbody > tr > th.warning:hover, | ||
| + | .table-hover > tbody > tr.warning:hover > td { | ||
| + | background-color: #faf2cc; | ||
| + | border-color: #f8e5be; | ||
| + | } | ||
| + | @media (max-width: 768px) { | ||
| + | .table-responsive { | ||
| + | width: 100%; | ||
| + | margin-bottom: 15px; | ||
| + | overflow-y: hidden; | ||
| + | overflow-x: scroll; | ||
| + | border: 1px solid #dddddd; | ||
| + | } | ||
| + | .table-responsive > .table { | ||
| + | margin-bottom: 0; | ||
| + | background-color: #fff; | ||
| + | } | ||
| + | .table-responsive > .table > thead > tr > th, | ||
| + | .table-responsive > .table > tbody > tr > th, | ||
| + | .table-responsive > .table > tfoot > tr > th, | ||
| + | .table-responsive > .table > thead > tr > td, | ||
| + | .table-responsive > .table > tbody > tr > td, | ||
| + | .table-responsive > .table > tfoot > tr > td { | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .table-responsive > .table-bordered { | ||
| + | border: 0; | ||
| + | } | ||
| + | .table-responsive > .table-bordered > thead > tr > th:first-child, | ||
| + | .table-responsive > .table-bordered > tbody > tr > th:first-child, | ||
| + | .table-responsive > .table-bordered > tfoot > tr > th:first-child, | ||
| + | .table-responsive > .table-bordered > thead > tr > td:first-child, | ||
| + | .table-responsive > .table-bordered > tbody > tr > td:first-child, | ||
| + | .table-responsive > .table-bordered > tfoot > tr > td:first-child { | ||
| + | border-left: 0; | ||
| + | } | ||
| + | .table-responsive > .table-bordered > thead > tr > th:last-child, | ||
| + | .table-responsive > .table-bordered > tbody > tr > th:last-child, | ||
| + | .table-responsive > .table-bordered > tfoot > tr > th:last-child, | ||
| + | .table-responsive > .table-bordered > thead > tr > td:last-child, | ||
| + | .table-responsive > .table-bordered > tbody > tr > td:last-child, | ||
| + | .table-responsive > .table-bordered > tfoot > tr > td:last-child { | ||
| + | border-right: 0; | ||
| + | } | ||
| + | .table-responsive > .table-bordered > thead > tr:last-child > th, | ||
| + | .table-responsive > .table-bordered > tbody > tr:last-child > th, | ||
| + | .table-responsive > .table-bordered > tfoot > tr:last-child > th, | ||
| + | .table-responsive > .table-bordered > thead > tr:last-child > td, | ||
| + | .table-responsive > .table-bordered > tbody > tr:last-child > td, | ||
| + | .table-responsive > .table-bordered > tfoot > tr:last-child > td { | ||
| + | border-bottom: 0; | ||
| + | } | ||
| + | } | ||
| + | fieldset { | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | border: 0; | ||
| + | } | ||
| + | legend { | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | padding: 0; | ||
| + | margin-bottom: 17px; | ||
| + | font-size: 18px; | ||
| + | line-height: inherit; | ||
| + | color: #344043; | ||
| + | border: 0; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | label { | ||
| + | display: inline-block; | ||
| + | margin-bottom: 5px; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | input[type="search"] { | ||
| + | -webkit-box-sizing: border-box; | ||
| + | -moz-box-sizing: border-box; | ||
| + | box-sizing: border-box; | ||
| + | } | ||
| + | input[type="radio"], | ||
| + | input[type="checkbox"] { | ||
| + | margin: 4px 0 0; | ||
| + | margin-top: 1px \9; | ||
| + | /* IE8-9 */ | ||
| + | line-height: normal; | ||
| + | } | ||
| + | input[type="file"] { | ||
| + | display: block; | ||
| + | } | ||
| + | select[multiple], | ||
| + | select[size] { | ||
| + | height: auto; | ||
| + | } | ||
| + | select optgroup { | ||
| + | font-size: inherit; | ||
| + | font-style: inherit; | ||
| + | font-family: inherit; | ||
| + | } | ||
| + | input[type="file"]:focus, | ||
| + | input[type="radio"]:focus, | ||
| + | input[type="checkbox"]:focus { | ||
| + | outline: thin dotted #333; | ||
| + | outline: 5px auto -webkit-focus-ring-color; | ||
| + | outline-offset: -2px; | ||
| + | } | ||
| + | input[type="number"]::-webkit-outer-spin-button, | ||
| + | input[type="number"]::-webkit-inner-spin-button { | ||
| + | height: auto; | ||
| + | } | ||
| + | .form-control:-moz-placeholder { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .form-control::-moz-placeholder { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .form-control:-ms-input-placeholder { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .form-control::-webkit-input-placeholder { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .form-control { | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | height: 30px; | ||
| + | padding: 6px 12px; | ||
| + | font-size: 12px; | ||
| + | line-height: 1.42857143; | ||
| + | color: #344043; | ||
| + | vertical-align: middle; | ||
| + | background-color: #ffffff; | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-radius: 3px; | ||
| + | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
| + | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
| + | -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | ||
| + | transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | ||
| + | } | ||
| + | .form-control:focus { | ||
| + | border-color: #428ce1; | ||
| + | outline: 0; | ||
| + | -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(66, 140, 225, 0.6); | ||
| + | box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(66, 140, 225, 0.6); | ||
| + | } | ||
| + | .form-control[disabled], | ||
| + | .form-control[readonly], | ||
| + | fieldset[disabled] .form-control { | ||
| + | cursor: not-allowed; | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | textarea.form-control { | ||
| + | height: auto; | ||
| + | } | ||
| + | .form-group { | ||
| + | margin-bottom: 15px; | ||
| + | } | ||
| + | .radio, | ||
| + | .checkbox { | ||
| + | display: block; | ||
| + | min-height: 17px; | ||
| + | margin-top: 10px; | ||
| + | margin-bottom: 10px; | ||
| + | padding-left: 20px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .radio label, | ||
| + | .checkbox label { | ||
| + | display: inline; | ||
| + | margin-bottom: 0; | ||
| + | font-weight: normal; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .radio input[type="radio"], | ||
| + | .radio-inline input[type="radio"], | ||
| + | .checkbox input[type="checkbox"], | ||
| + | .checkbox-inline input[type="checkbox"] { | ||
| + | float: left; | ||
| + | margin-left: -20px; | ||
| + | } | ||
| + | .radio + .radio, | ||
| + | .checkbox + .checkbox { | ||
| + | margin-top: -5px; | ||
| + | } | ||
| + | .radio-inline, | ||
| + | .checkbox-inline { | ||
| + | display: inline-block; | ||
| + | padding-left: 20px; | ||
| + | margin-bottom: 0; | ||
| + | vertical-align: middle; | ||
| + | font-weight: normal; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .radio-inline + .radio-inline, | ||
| + | .checkbox-inline + .checkbox-inline { | ||
| + | margin-top: 0; | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | input[type="radio"][disabled], | ||
| + | input[type="checkbox"][disabled], | ||
| + | .radio[disabled], | ||
| + | .radio-inline[disabled], | ||
| + | .checkbox[disabled], | ||
| + | .checkbox-inline[disabled], | ||
| + | fieldset[disabled] input[type="radio"], | ||
| + | fieldset[disabled] input[type="checkbox"], | ||
| + | fieldset[disabled] .radio, | ||
| + | fieldset[disabled] .radio-inline, | ||
| + | fieldset[disabled] .checkbox, | ||
| + | fieldset[disabled] .checkbox-inline { | ||
| + | cursor: not-allowed; | ||
| + | } | ||
| + | .input-sm { | ||
| + | height: 28px; | ||
| + | padding: 5px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 1.5; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | select.input-sm { | ||
| + | height: 28px; | ||
| + | line-height: 28px; | ||
| + | } | ||
| + | textarea.input-sm { | ||
| + | height: auto; | ||
| + | } | ||
| + | .input-lg { | ||
| + | height: 43px; | ||
| + | padding: 10px 16px; | ||
| + | font-size: 16px; | ||
| + | line-height: 1.33; | ||
| + | border-radius: 3px; | ||
| + | line-height: 1.5; | ||
| + | } | ||
| + | select.input-lg { | ||
| + | height: 43px; | ||
| + | line-height: 43px; | ||
| + | } | ||
| + | textarea.input-lg { | ||
| + | height: auto; | ||
| + | } | ||
| + | .has-warning .help-block, | ||
| + | .has-warning .control-label { | ||
| + | color: #c09853; | ||
| + | } | ||
| + | .has-warning .form-control { | ||
| + | border-color: #c09853; | ||
| + | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
| + | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
| + | } | ||
| + | .has-warning .form-control:focus { | ||
| + | border-color: #a47e3c; | ||
| + | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | ||
| + | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; | ||
| + | } | ||
| + | .has-warning .input-group-addon { | ||
| + | color: #c09853; | ||
| + | border-color: #c09853; | ||
| + | background-color: #fcf8e3; | ||
| + | } | ||
| + | .has-error .help-block, | ||
| + | .has-error .control-label { | ||
| + | color: #b94a48; | ||
| + | } | ||
| + | .has-error .form-control { | ||
| + | border-color: #b94a48; | ||
| + | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
| + | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
| + | } | ||
| + | .has-error .form-control:focus { | ||
| + | border-color: #953b39; | ||
| + | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | ||
| + | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; | ||
| + | } | ||
| + | .has-error .input-group-addon { | ||
| + | color: #b94a48; | ||
| + | border-color: #b94a48; | ||
| + | background-color: #f2dede; | ||
| + | } | ||
| + | .has-success .help-block, | ||
| + | .has-success .control-label { | ||
| + | color: #468847; | ||
| + | } | ||
| + | .has-success .form-control { | ||
| + | border-color: #468847; | ||
| + | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
| + | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
| + | } | ||
| + | .has-success .form-control:focus { | ||
| + | border-color: #356635; | ||
| + | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | ||
| + | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; | ||
| + | } | ||
| + | .has-success .input-group-addon { | ||
| + | color: #468847; | ||
| + | border-color: #468847; | ||
| + | background-color: #dff0d8; | ||
| + | } | ||
| + | .form-control-static { | ||
| + | margin-bottom: 0; | ||
| + | padding-top: 7px; | ||
| + | } | ||
| + | .help-block { | ||
| + | display: block; | ||
| + | margin-top: 5px; | ||
| + | margin-bottom: 10px; | ||
| + | color: #6c858b; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | .form-inline .form-group { | ||
| + | display: inline-block; | ||
| + | margin-bottom: 0; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .form-inline .form-control { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .form-inline .radio, | ||
| + | .form-inline .checkbox { | ||
| + | display: inline-block; | ||
| + | margin-top: 0; | ||
| + | margin-bottom: 0; | ||
| + | padding-left: 0; | ||
| + | } | ||
| + | .form-inline .radio input[type="radio"], | ||
| + | .form-inline .checkbox input[type="checkbox"] { | ||
| + | float: none; | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | } | ||
| + | .form-horizontal .control-label, | ||
| + | .form-horizontal .radio, | ||
| + | .form-horizontal .checkbox, | ||
| + | .form-horizontal .radio-inline, | ||
| + | .form-horizontal .checkbox-inline { | ||
| + | margin-top: 0; | ||
| + | margin-bottom: 0; | ||
| + | padding-top: 7px; | ||
| + | } | ||
| + | .form-horizontal .form-group { | ||
| + | margin-left: -15px; | ||
| + | margin-right: -15px; | ||
| + | } | ||
| + | .form-horizontal .form-group:before, | ||
| + | .form-horizontal .form-group:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .form-horizontal .form-group:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .form-horizontal .form-group:before, | ||
| + | .form-horizontal .form-group:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .form-horizontal .form-group:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | .form-horizontal .control-label { | ||
| + | text-align: right; | ||
| + | } | ||
| + | } | ||
| + | .btn { | ||
| + | display: inline-block; | ||
| + | padding: 6px 12px; | ||
| + | margin-bottom: 0; | ||
| + | font-size: 12px; | ||
| + | font-weight: normal; | ||
| + | line-height: 1.42857143; | ||
| + | text-align: center; | ||
| + | vertical-align: middle; | ||
| + | cursor: pointer; | ||
| + | border: 1px solid transparent; | ||
| + | border-radius: 3px; | ||
| + | white-space: nowrap; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | } | ||
| + | .btn:focus { | ||
| + | outline: thin dotted #333; | ||
| + | outline: 5px auto -webkit-focus-ring-color; | ||
| + | outline-offset: -2px; | ||
| + | } | ||
| + | .btn:hover, | ||
| + | .btn:focus { | ||
| + | color: #344043; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .btn:active, | ||
| + | .btn.active { | ||
| + | outline: 0; | ||
| + | background-image: none; | ||
| + | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||
| + | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||
| + | } | ||
| + | .btn.disabled, | ||
| + | .btn[disabled], | ||
| + | fieldset[disabled] .btn { | ||
| + | cursor: not-allowed; | ||
| + | pointer-events: none; | ||
| + | opacity: 0.65; | ||
| + | filter: alpha(opacity=65); | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | .btn-default { | ||
| + | color: #344043; | ||
| + | background-color: #ffffff; | ||
| + | border-color: #c9d8db; | ||
| + | } | ||
| + | .btn-default:hover, | ||
| + | .btn-default:focus, | ||
| + | .btn-default:active, | ||
| + | .btn-default.active, | ||
| + | .open .dropdown-toggle.btn-default { | ||
| + | color: #344043; | ||
| + | background-color: #ebebeb; | ||
| + | border-color: #a4bdc3; | ||
| + | } | ||
| + | .btn-default:active, | ||
| + | .btn-default.active, | ||
| + | .open .dropdown-toggle.btn-default { | ||
| + | background-image: none; | ||
| + | } | ||
| + | .btn-default.disabled, | ||
| + | .btn-default[disabled], | ||
| + | fieldset[disabled] .btn-default, | ||
| + | .btn-default.disabled:hover, | ||
| + | .btn-default[disabled]:hover, | ||
| + | fieldset[disabled] .btn-default:hover, | ||
| + | .btn-default.disabled:focus, | ||
| + | .btn-default[disabled]:focus, | ||
| + | fieldset[disabled] .btn-default:focus, | ||
| + | .btn-default.disabled:active, | ||
| + | .btn-default[disabled]:active, | ||
| + | fieldset[disabled] .btn-default:active, | ||
| + | .btn-default.disabled.active, | ||
| + | .btn-default[disabled].active, | ||
| + | fieldset[disabled] .btn-default.active { | ||
| + | background-color: #ffffff; | ||
| + | border-color: #c9d8db; | ||
| + | } | ||
| + | .btn-primary { | ||
| + | color: #ffffff; | ||
| + | background-color: #428ce1; | ||
| + | border-color: #2c7fde; | ||
| + | } | ||
| + | .btn-primary:hover, | ||
| + | .btn-primary:focus, | ||
| + | .btn-primary:active, | ||
| + | .btn-primary.active, | ||
| + | .open .dropdown-toggle.btn-primary { | ||
| + | color: #ffffff; | ||
| + | background-color: #2277d8; | ||
| + | border-color: #1c61b0; | ||
| + | } | ||
| + | .btn-primary:active, | ||
| + | .btn-primary.active, | ||
| + | .open .dropdown-toggle.btn-primary { | ||
| + | background-image: none; | ||
| + | } | ||
| + | .btn-primary.disabled, | ||
| + | .btn-primary[disabled], | ||
| + | fieldset[disabled] .btn-primary, | ||
| + | .btn-primary.disabled:hover, | ||
| + | .btn-primary[disabled]:hover, | ||
| + | fieldset[disabled] .btn-primary:hover, | ||
| + | .btn-primary.disabled:focus, | ||
| + | .btn-primary[disabled]:focus, | ||
| + | fieldset[disabled] .btn-primary:focus, | ||
| + | .btn-primary.disabled:active, | ||
| + | .btn-primary[disabled]:active, | ||
| + | fieldset[disabled] .btn-primary:active, | ||
| + | .btn-primary.disabled.active, | ||
| + | .btn-primary[disabled].active, | ||
| + | fieldset[disabled] .btn-primary.active { | ||
| + | background-color: #428ce1; | ||
| + | border-color: #2c7fde; | ||
| + | } | ||
| + | .btn-warning { | ||
| + | color: #ffffff; | ||
| + | background-color: #fdd586; | ||
| + | border-color: #fdcc6d; | ||
| + | } | ||
| + | .btn-warning:hover, | ||
| + | .btn-warning:focus, | ||
| + | .btn-warning:active, | ||
| + | .btn-warning.active, | ||
| + | .open .dropdown-toggle.btn-warning { | ||
| + | color: #ffffff; | ||
| + | background-color: #fcc75e; | ||
| + | border-color: #fcb731; | ||
| + | } | ||
| + | .btn-warning:active, | ||
| + | .btn-warning.active, | ||
| + | .open .dropdown-toggle.btn-warning { | ||
| + | background-image: none; | ||
| + | } | ||
| + | .btn-warning.disabled, | ||
| + | .btn-warning[disabled], | ||
| + | fieldset[disabled] .btn-warning, | ||
| + | .btn-warning.disabled:hover, | ||
| + | .btn-warning[disabled]:hover, | ||
| + | fieldset[disabled] .btn-warning:hover, | ||
| + | .btn-warning.disabled:focus, | ||
| + | .btn-warning[disabled]:focus, | ||
| + | fieldset[disabled] .btn-warning:focus, | ||
| + | .btn-warning.disabled:active, | ||
| + | .btn-warning[disabled]:active, | ||
| + | fieldset[disabled] .btn-warning:active, | ||
| + | .btn-warning.disabled.active, | ||
| + | .btn-warning[disabled].active, | ||
| + | fieldset[disabled] .btn-warning.active { | ||
| + | background-color: #fdd586; | ||
| + | border-color: #fdcc6d; | ||
| + | } | ||
| + | .btn-danger { | ||
| + | color: #ffffff; | ||
| + | background-color: #e96e51; | ||
| + | border-color: #e65b3a; | ||
| + | } | ||
| + | .btn-danger:hover, | ||
| + | .btn-danger:focus, | ||
| + | .btn-danger:active, | ||
| + | .btn-danger.active, | ||
| + | .open .dropdown-toggle.btn-danger { | ||
| + | color: #ffffff; | ||
| + | background-color: #e4502d; | ||
| + | border-color: #ca3b1a; | ||
| + | } | ||
| + | .btn-danger:active, | ||
| + | .btn-danger.active, | ||
| + | .open .dropdown-toggle.btn-danger { | ||
| + | background-image: none; | ||
| + | } | ||
| + | .btn-danger.disabled, | ||
| + | .btn-danger[disabled], | ||
| + | fieldset[disabled] .btn-danger, | ||
| + | .btn-danger.disabled:hover, | ||
| + | .btn-danger[disabled]:hover, | ||
| + | fieldset[disabled] .btn-danger:hover, | ||
| + | .btn-danger.disabled:focus, | ||
| + | .btn-danger[disabled]:focus, | ||
| + | fieldset[disabled] .btn-danger:focus, | ||
| + | .btn-danger.disabled:active, | ||
| + | .btn-danger[disabled]:active, | ||
| + | fieldset[disabled] .btn-danger:active, | ||
| + | .btn-danger.disabled.active, | ||
| + | .btn-danger[disabled].active, | ||
| + | fieldset[disabled] .btn-danger.active { | ||
| + | background-color: #e96e51; | ||
| + | border-color: #e65b3a; | ||
| + | } | ||
| + | .btn-success { | ||
| + | color: #ffffff; | ||
| + | background-color: #03c08d; | ||
| + | border-color: #03a77b; | ||
| + | } | ||
| + | .btn-success:hover, | ||
| + | .btn-success:focus, | ||
| + | .btn-success:active, | ||
| + | .btn-success.active, | ||
| + | .open .dropdown-toggle.btn-success { | ||
| + | color: #ffffff; | ||
| + | background-color: #02986f; | ||
| + | border-color: #026b4e; | ||
| + | } | ||
| + | .btn-success:active, | ||
| + | .btn-success.active, | ||
| + | .open .dropdown-toggle.btn-success { | ||
| + | background-image: none; | ||
| + | } | ||
| + | .btn-success.disabled, | ||
| + | .btn-success[disabled], | ||
| + | fieldset[disabled] .btn-success, | ||
| + | .btn-success.disabled:hover, | ||
| + | .btn-success[disabled]:hover, | ||
| + | fieldset[disabled] .btn-success:hover, | ||
| + | .btn-success.disabled:focus, | ||
| + | .btn-success[disabled]:focus, | ||
| + | fieldset[disabled] .btn-success:focus, | ||
| + | .btn-success.disabled:active, | ||
| + | .btn-success[disabled]:active, | ||
| + | fieldset[disabled] .btn-success:active, | ||
| + | .btn-success.disabled.active, | ||
| + | .btn-success[disabled].active, | ||
| + | fieldset[disabled] .btn-success.active { | ||
| + | background-color: #03c08d; | ||
| + | border-color: #03a77b; | ||
| + | } | ||
| + | .btn-info { | ||
| + | color: #ffffff; | ||
| + | background-color: #428ce1; | ||
| + | border-color: #2c7fde; | ||
| + | } | ||
| + | .btn-info:hover, | ||
| + | .btn-info:focus, | ||
| + | .btn-info:active, | ||
| + | .btn-info.active, | ||
| + | .open .dropdown-toggle.btn-info { | ||
| + | color: #ffffff; | ||
| + | background-color: #2277d8; | ||
| + | border-color: #1c61b0; | ||
| + | } | ||
| + | .btn-info:active, | ||
| + | .btn-info.active, | ||
| + | .open .dropdown-toggle.btn-info { | ||
| + | background-image: none; | ||
| + | } | ||
| + | .btn-info.disabled, | ||
| + | .btn-info[disabled], | ||
| + | fieldset[disabled] .btn-info, | ||
| + | .btn-info.disabled:hover, | ||
| + | .btn-info[disabled]:hover, | ||
| + | fieldset[disabled] .btn-info:hover, | ||
| + | .btn-info.disabled:focus, | ||
| + | .btn-info[disabled]:focus, | ||
| + | fieldset[disabled] .btn-info:focus, | ||
| + | .btn-info.disabled:active, | ||
| + | .btn-info[disabled]:active, | ||
| + | fieldset[disabled] .btn-info:active, | ||
| + | .btn-info.disabled.active, | ||
| + | .btn-info[disabled].active, | ||
| + | fieldset[disabled] .btn-info.active { | ||
| + | background-color: #428ce1; | ||
| + | border-color: #2c7fde; | ||
| + | } | ||
| + | .btn-link { | ||
| + | color: #428ce1; | ||
| + | font-weight: normal; | ||
| + | cursor: pointer; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | .btn-link, | ||
| + | .btn-link:active, | ||
| + | .btn-link[disabled], | ||
| + | fieldset[disabled] .btn-link { | ||
| + | background-color: transparent; | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | .btn-link, | ||
| + | .btn-link:hover, | ||
| + | .btn-link:focus, | ||
| + | .btn-link:active { | ||
| + | border-color: transparent; | ||
| + | } | ||
| + | .btn-link:hover, | ||
| + | .btn-link:focus { | ||
| + | color: #1d66b9; | ||
| + | text-decoration: underline; | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | .btn-link[disabled]:hover, | ||
| + | fieldset[disabled] .btn-link:hover, | ||
| + | .btn-link[disabled]:focus, | ||
| + | fieldset[disabled] .btn-link:focus { | ||
| + | color: #a2b9be; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .btn-lg { | ||
| + | padding: 10px 16px; | ||
| + | font-size: 16px; | ||
| + | line-height: 1.33; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | .btn-sm, | ||
| + | .btn-xs { | ||
| + | padding: 5px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 1.5; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | .btn-xs { | ||
| + | padding: 1px 5px; | ||
| + | } | ||
| + | .btn-block { | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | padding-left: 0; | ||
| + | padding-right: 0; | ||
| + | } | ||
| + | .btn-block + .btn-block { | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | input[type="submit"].btn-block, | ||
| + | input[type="reset"].btn-block, | ||
| + | input[type="button"].btn-block { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .fade { | ||
| + | opacity: 0; | ||
| + | -webkit-transition: opacity 0.15s linear; | ||
| + | transition: opacity 0.15s linear; | ||
| + | } | ||
| + | .fade.in { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .collapse { | ||
| + | display: none; | ||
| + | } | ||
| + | .collapse.in { | ||
| + | display: block; | ||
| + | } | ||
| + | .collapsing { | ||
| + | position: relative; | ||
| + | height: 0; | ||
| + | overflow: hidden; | ||
| + | -webkit-transition: height 0.35s ease; | ||
| + | transition: height 0.35s ease; | ||
| + | } | ||
| + | @font-face { | ||
| + | font-family: 'Glyphicons Halflings'; | ||
| + | src: url('../fonts/glyphicons-halflings-regular.eot'); | ||
| + | src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); | ||
| + | } | ||
| + | .glyphicon { | ||
| + | position: relative; | ||
| + | top: 1px; | ||
| + | display: inline-block; | ||
| + | font-family: 'Glyphicons Halflings'; | ||
| + | font-style: normal; | ||
| + | font-weight: normal; | ||
| + | line-height: 1; | ||
| + | -webkit-font-smoothing: antialiased; | ||
| + | -moz-osx-font-smoothing: grayscale; | ||
| + | } | ||
| + | .glyphicon-asterisk:before { | ||
| + | content: "\2a"; | ||
| + | } | ||
| + | .glyphicon-plus:before { | ||
| + | content: "\2b"; | ||
| + | } | ||
| + | .glyphicon-euro:before, | ||
| + | .glyphicon-eur:before { | ||
| + | content: "\20ac"; | ||
| + | } | ||
| + | .glyphicon-minus:before { | ||
| + | content: "\2212"; | ||
| + | } | ||
| + | .glyphicon-cloud:before { | ||
| + | content: "\2601"; | ||
| + | } | ||
| + | .glyphicon-envelope:before { | ||
| + | content: "\2709"; | ||
| + | } | ||
| + | .glyphicon-pencil:before { | ||
| + | content: "\270f"; | ||
| + | } | ||
| + | .glyphicon-glass:before { | ||
| + | content: "\e001"; | ||
| + | } | ||
| + | .glyphicon-music:before { | ||
| + | content: "\e002"; | ||
| + | } | ||
| + | .glyphicon-search:before { | ||
| + | content: "\e003"; | ||
| + | } | ||
| + | .glyphicon-heart:before { | ||
| + | content: "\e005"; | ||
| + | } | ||
| + | .glyphicon-star:before { | ||
| + | content: "\e006"; | ||
| + | } | ||
| + | .glyphicon-star-empty:before { | ||
| + | content: "\e007"; | ||
| + | } | ||
| + | .glyphicon-user:before { | ||
| + | content: "\e008"; | ||
| + | } | ||
| + | .glyphicon-film:before { | ||
| + | content: "\e009"; | ||
| + | } | ||
| + | .glyphicon-th-large:before { | ||
| + | content: "\e010"; | ||
| + | } | ||
| + | .glyphicon-th:before { | ||
| + | content: "\e011"; | ||
| + | } | ||
| + | .glyphicon-th-list:before { | ||
| + | content: "\e012"; | ||
| + | } | ||
| + | .glyphicon-ok:before { | ||
| + | content: "\e013"; | ||
| + | } | ||
| + | .glyphicon-remove:before { | ||
| + | content: "\e014"; | ||
| + | } | ||
| + | .glyphicon-zoom-in:before { | ||
| + | content: "\e015"; | ||
| + | } | ||
| + | .glyphicon-zoom-out:before { | ||
| + | content: "\e016"; | ||
| + | } | ||
| + | .glyphicon-off:before { | ||
| + | content: "\e017"; | ||
| + | } | ||
| + | .glyphicon-signal:before { | ||
| + | content: "\e018"; | ||
| + | } | ||
| + | .glyphicon-cog:before { | ||
| + | content: "\e019"; | ||
| + | } | ||
| + | .glyphicon-trash:before { | ||
| + | content: "\e020"; | ||
| + | } | ||
| + | .glyphicon-home:before { | ||
| + | content: "\e021"; | ||
| + | } | ||
| + | .glyphicon-file:before { | ||
| + | content: "\e022"; | ||
| + | } | ||
| + | .glyphicon-time:before { | ||
| + | content: "\e023"; | ||
| + | } | ||
| + | .glyphicon-road:before { | ||
| + | content: "\e024"; | ||
| + | } | ||
| + | .glyphicon-download-alt:before { | ||
| + | content: "\e025"; | ||
| + | } | ||
| + | .glyphicon-download:before { | ||
| + | content: "\e026"; | ||
| + | } | ||
| + | .glyphicon-upload:before { | ||
| + | content: "\e027"; | ||
| + | } | ||
| + | .glyphicon-inbox:before { | ||
| + | content: "\e028"; | ||
| + | } | ||
| + | .glyphicon-play-circle:before { | ||
| + | content: "\e029"; | ||
| + | } | ||
| + | .glyphicon-repeat:before { | ||
| + | content: "\e030"; | ||
| + | } | ||
| + | .glyphicon-refresh:before { | ||
| + | content: "\e031"; | ||
| + | } | ||
| + | .glyphicon-list-alt:before { | ||
| + | content: "\e032"; | ||
| + | } | ||
| + | .glyphicon-lock:before { | ||
| + | content: "\e033"; | ||
| + | } | ||
| + | .glyphicon-flag:before { | ||
| + | content: "\e034"; | ||
| + | } | ||
| + | .glyphicon-headphones:before { | ||
| + | content: "\e035"; | ||
| + | } | ||
| + | .glyphicon-volume-off:before { | ||
| + | content: "\e036"; | ||
| + | } | ||
| + | .glyphicon-volume-down:before { | ||
| + | content: "\e037"; | ||
| + | } | ||
| + | .glyphicon-volume-up:before { | ||
| + | content: "\e038"; | ||
| + | } | ||
| + | .glyphicon-qrcode:before { | ||
| + | content: "\e039"; | ||
| + | } | ||
| + | .glyphicon-barcode:before { | ||
| + | content: "\e040"; | ||
| + | } | ||
| + | .glyphicon-tag:before { | ||
| + | content: "\e041"; | ||
| + | } | ||
| + | .glyphicon-tags:before { | ||
| + | content: "\e042"; | ||
| + | } | ||
| + | .glyphicon-book:before { | ||
| + | content: "\e043"; | ||
| + | } | ||
| + | .glyphicon-bookmark:before { | ||
| + | content: "\e044"; | ||
| + | } | ||
| + | .glyphicon-print:before { | ||
| + | content: "\e045"; | ||
| + | } | ||
| + | .glyphicon-camera:before { | ||
| + | content: "\e046"; | ||
| + | } | ||
| + | .glyphicon-font:before { | ||
| + | content: "\e047"; | ||
| + | } | ||
| + | .glyphicon-bold:before { | ||
| + | content: "\e048"; | ||
| + | } | ||
| + | .glyphicon-italic:before { | ||
| + | content: "\e049"; | ||
| + | } | ||
| + | .glyphicon-text-height:before { | ||
| + | content: "\e050"; | ||
| + | } | ||
| + | .glyphicon-text-width:before { | ||
| + | content: "\e051"; | ||
| + | } | ||
| + | .glyphicon-align-left:before { | ||
| + | content: "\e052"; | ||
| + | } | ||
| + | .glyphicon-align-center:before { | ||
| + | content: "\e053"; | ||
| + | } | ||
| + | .glyphicon-align-right:before { | ||
| + | content: "\e054"; | ||
| + | } | ||
| + | .glyphicon-align-justify:before { | ||
| + | content: "\e055"; | ||
| + | } | ||
| + | .glyphicon-list:before { | ||
| + | content: "\e056"; | ||
| + | } | ||
| + | .glyphicon-indent-left:before { | ||
| + | content: "\e057"; | ||
| + | } | ||
| + | .glyphicon-indent-right:before { | ||
| + | content: "\e058"; | ||
| + | } | ||
| + | .glyphicon-facetime-video:before { | ||
| + | content: "\e059"; | ||
| + | } | ||
| + | .glyphicon-picture:before { | ||
| + | content: "\e060"; | ||
| + | } | ||
| + | .glyphicon-map-marker:before { | ||
| + | content: "\e062"; | ||
| + | } | ||
| + | .glyphicon-adjust:before { | ||
| + | content: "\e063"; | ||
| + | } | ||
| + | .glyphicon-tint:before { | ||
| + | content: "\e064"; | ||
| + | } | ||
| + | .glyphicon-edit:before { | ||
| + | content: "\e065"; | ||
| + | } | ||
| + | .glyphicon-share:before { | ||
| + | content: "\e066"; | ||
| + | } | ||
| + | .glyphicon-check:before { | ||
| + | content: "\e067"; | ||
| + | } | ||
| + | .glyphicon-move:before { | ||
| + | content: "\e068"; | ||
| + | } | ||
| + | .glyphicon-step-backward:before { | ||
| + | content: "\e069"; | ||
| + | } | ||
| + | .glyphicon-fast-backward:before { | ||
| + | content: "\e070"; | ||
| + | } | ||
| + | .glyphicon-backward:before { | ||
| + | content: "\e071"; | ||
| + | } | ||
| + | .glyphicon-play:before { | ||
| + | content: "\e072"; | ||
| + | } | ||
| + | .glyphicon-pause:before { | ||
| + | content: "\e073"; | ||
| + | } | ||
| + | .glyphicon-stop:before { | ||
| + | content: "\e074"; | ||
| + | } | ||
| + | .glyphicon-forward:before { | ||
| + | content: "\e075"; | ||
| + | } | ||
| + | .glyphicon-fast-forward:before { | ||
| + | content: "\e076"; | ||
| + | } | ||
| + | .glyphicon-step-forward:before { | ||
| + | content: "\e077"; | ||
| + | } | ||
| + | .glyphicon-eject:before { | ||
| + | content: "\e078"; | ||
| + | } | ||
| + | .glyphicon-chevron-left:before { | ||
| + | content: "\e079"; | ||
| + | } | ||
| + | .glyphicon-chevron-right:before { | ||
| + | content: "\e080"; | ||
| + | } | ||
| + | .glyphicon-plus-sign:before { | ||
| + | content: "\e081"; | ||
| + | } | ||
| + | .glyphicon-minus-sign:before { | ||
| + | content: "\e082"; | ||
| + | } | ||
| + | .glyphicon-remove-sign:before { | ||
| + | content: "\e083"; | ||
| + | } | ||
| + | .glyphicon-ok-sign:before { | ||
| + | content: "\e084"; | ||
| + | } | ||
| + | .glyphicon-question-sign:before { | ||
| + | content: "\e085"; | ||
| + | } | ||
| + | .glyphicon-info-sign:before { | ||
| + | content: "\e086"; | ||
| + | } | ||
| + | .glyphicon-screenshot:before { | ||
| + | content: "\e087"; | ||
| + | } | ||
| + | .glyphicon-remove-circle:before { | ||
| + | content: "\e088"; | ||
| + | } | ||
| + | .glyphicon-ok-circle:before { | ||
| + | content: "\e089"; | ||
| + | } | ||
| + | .glyphicon-ban-circle:before { | ||
| + | content: "\e090"; | ||
| + | } | ||
| + | .glyphicon-arrow-left:before { | ||
| + | content: "\e091"; | ||
| + | } | ||
| + | .glyphicon-arrow-right:before { | ||
| + | content: "\e092"; | ||
| + | } | ||
| + | .glyphicon-arrow-up:before { | ||
| + | content: "\e093"; | ||
| + | } | ||
| + | .glyphicon-arrow-down:before { | ||
| + | content: "\e094"; | ||
| + | } | ||
| + | .glyphicon-share-alt:before { | ||
| + | content: "\e095"; | ||
| + | } | ||
| + | .glyphicon-resize-full:before { | ||
| + | content: "\e096"; | ||
| + | } | ||
| + | .glyphicon-resize-small:before { | ||
| + | content: "\e097"; | ||
| + | } | ||
| + | .glyphicon-exclamation-sign:before { | ||
| + | content: "\e101"; | ||
| + | } | ||
| + | .glyphicon-gift:before { | ||
| + | content: "\e102"; | ||
| + | } | ||
| + | .glyphicon-leaf:before { | ||
| + | content: "\e103"; | ||
| + | } | ||
| + | .glyphicon-fire:before { | ||
| + | content: "\e104"; | ||
| + | } | ||
| + | .glyphicon-eye-open:before { | ||
| + | content: "\e105"; | ||
| + | } | ||
| + | .glyphicon-eye-close:before { | ||
| + | content: "\e106"; | ||
| + | } | ||
| + | .glyphicon-warning-sign:before { | ||
| + | content: "\e107"; | ||
| + | } | ||
| + | .glyphicon-plane:before { | ||
| + | content: "\e108"; | ||
| + | } | ||
| + | .glyphicon-calendar:before { | ||
| + | content: "\e109"; | ||
| + | } | ||
| + | .glyphicon-random:before { | ||
| + | content: "\e110"; | ||
| + | } | ||
| + | .glyphicon-comment:before { | ||
| + | content: "\e111"; | ||
| + | } | ||
| + | .glyphicon-magnet:before { | ||
| + | content: "\e112"; | ||
| + | } | ||
| + | .glyphicon-chevron-up:before { | ||
| + | content: "\e113"; | ||
| + | } | ||
| + | .glyphicon-chevron-down:before { | ||
| + | content: "\e114"; | ||
| + | } | ||
| + | .glyphicon-retweet:before { | ||
| + | content: "\e115"; | ||
| + | } | ||
| + | .glyphicon-shopping-cart:before { | ||
| + | content: "\e116"; | ||
| + | } | ||
| + | .glyphicon-folder-close:before { | ||
| + | content: "\e117"; | ||
| + | } | ||
| + | .glyphicon-folder-open:before { | ||
| + | content: "\e118"; | ||
| + | } | ||
| + | .glyphicon-resize-vertical:before { | ||
| + | content: "\e119"; | ||
| + | } | ||
| + | .glyphicon-resize-horizontal:before { | ||
| + | content: "\e120"; | ||
| + | } | ||
| + | .glyphicon-hdd:before { | ||
| + | content: "\e121"; | ||
| + | } | ||
| + | .glyphicon-bullhorn:before { | ||
| + | content: "\e122"; | ||
| + | } | ||
| + | .glyphicon-bell:before { | ||
| + | content: "\e123"; | ||
| + | } | ||
| + | .glyphicon-certificate:before { | ||
| + | content: "\e124"; | ||
| + | } | ||
| + | .glyphicon-thumbs-up:before { | ||
| + | content: "\e125"; | ||
| + | } | ||
| + | .glyphicon-thumbs-down:before { | ||
| + | content: "\e126"; | ||
| + | } | ||
| + | .glyphicon-hand-right:before { | ||
| + | content: "\e127"; | ||
| + | } | ||
| + | .glyphicon-hand-left:before { | ||
| + | content: "\e128"; | ||
| + | } | ||
| + | .glyphicon-hand-up:before { | ||
| + | content: "\e129"; | ||
| + | } | ||
| + | .glyphicon-hand-down:before { | ||
| + | content: "\e130"; | ||
| + | } | ||
| + | .glyphicon-circle-arrow-right:before { | ||
| + | content: "\e131"; | ||
| + | } | ||
| + | .glyphicon-circle-arrow-left:before { | ||
| + | content: "\e132"; | ||
| + | } | ||
| + | .glyphicon-circle-arrow-up:before { | ||
| + | content: "\e133"; | ||
| + | } | ||
| + | .glyphicon-circle-arrow-down:before { | ||
| + | content: "\e134"; | ||
| + | } | ||
| + | .glyphicon-globe:before { | ||
| + | content: "\e135"; | ||
| + | } | ||
| + | .glyphicon-wrench:before { | ||
| + | content: "\e136"; | ||
| + | } | ||
| + | .glyphicon-tasks:before { | ||
| + | content: "\e137"; | ||
| + | } | ||
| + | .glyphicon-filter:before { | ||
| + | content: "\e138"; | ||
| + | } | ||
| + | .glyphicon-briefcase:before { | ||
| + | content: "\e139"; | ||
| + | } | ||
| + | .glyphicon-fullscreen:before { | ||
| + | content: "\e140"; | ||
| + | } | ||
| + | .glyphicon-dashboard:before { | ||
| + | content: "\e141"; | ||
| + | } | ||
| + | .glyphicon-paperclip:before { | ||
| + | content: "\e142"; | ||
| + | } | ||
| + | .glyphicon-heart-empty:before { | ||
| + | content: "\e143"; | ||
| + | } | ||
| + | .glyphicon-link:before { | ||
| + | content: "\e144"; | ||
| + | } | ||
| + | .glyphicon-phone:before { | ||
| + | content: "\e145"; | ||
| + | } | ||
| + | .glyphicon-pushpin:before { | ||
| + | content: "\e146"; | ||
| + | } | ||
| + | .glyphicon-usd:before { | ||
| + | content: "\e148"; | ||
| + | } | ||
| + | .glyphicon-gbp:before { | ||
| + | content: "\e149"; | ||
| + | } | ||
| + | .glyphicon-sort:before { | ||
| + | content: "\e150"; | ||
| + | } | ||
| + | .glyphicon-sort-by-alphabet:before { | ||
| + | content: "\e151"; | ||
| + | } | ||
| + | .glyphicon-sort-by-alphabet-alt:before { | ||
| + | content: "\e152"; | ||
| + | } | ||
| + | .glyphicon-sort-by-order:before { | ||
| + | content: "\e153"; | ||
| + | } | ||
| + | .glyphicon-sort-by-order-alt:before { | ||
| + | content: "\e154"; | ||
| + | } | ||
| + | .glyphicon-sort-by-attributes:before { | ||
| + | content: "\e155"; | ||
| + | } | ||
| + | .glyphicon-sort-by-attributes-alt:before { | ||
| + | content: "\e156"; | ||
| + | } | ||
| + | .glyphicon-unchecked:before { | ||
| + | content: "\e157"; | ||
| + | } | ||
| + | .glyphicon-expand:before { | ||
| + | content: "\e158"; | ||
| + | } | ||
| + | .glyphicon-collapse-down:before { | ||
| + | content: "\e159"; | ||
| + | } | ||
| + | .glyphicon-collapse-up:before { | ||
| + | content: "\e160"; | ||
| + | } | ||
| + | .glyphicon-log-in:before { | ||
| + | content: "\e161"; | ||
| + | } | ||
| + | .glyphicon-flash:before { | ||
| + | content: "\e162"; | ||
| + | } | ||
| + | .glyphicon-log-out:before { | ||
| + | content: "\e163"; | ||
| + | } | ||
| + | .glyphicon-new-window:before { | ||
| + | content: "\e164"; | ||
| + | } | ||
| + | .glyphicon-record:before { | ||
| + | content: "\e165"; | ||
| + | } | ||
| + | .glyphicon-save:before { | ||
| + | content: "\e166"; | ||
| + | } | ||
| + | .glyphicon-open:before { | ||
| + | content: "\e167"; | ||
| + | } | ||
| + | .glyphicon-saved:before { | ||
| + | content: "\e168"; | ||
| + | } | ||
| + | .glyphicon-import:before { | ||
| + | content: "\e169"; | ||
| + | } | ||
| + | .glyphicon-export:before { | ||
| + | content: "\e170"; | ||
| + | } | ||
| + | .glyphicon-send:before { | ||
| + | content: "\e171"; | ||
| + | } | ||
| + | .glyphicon-floppy-disk:before { | ||
| + | content: "\e172"; | ||
| + | } | ||
| + | .glyphicon-floppy-saved:before { | ||
| + | content: "\e173"; | ||
| + | } | ||
| + | .glyphicon-floppy-remove:before { | ||
| + | content: "\e174"; | ||
| + | } | ||
| + | .glyphicon-floppy-save:before { | ||
| + | content: "\e175"; | ||
| + | } | ||
| + | .glyphicon-floppy-open:before { | ||
| + | content: "\e176"; | ||
| + | } | ||
| + | .glyphicon-credit-card:before { | ||
| + | content: "\e177"; | ||
| + | } | ||
| + | .glyphicon-transfer:before { | ||
| + | content: "\e178"; | ||
| + | } | ||
| + | .glyphicon-cutlery:before { | ||
| + | content: "\e179"; | ||
| + | } | ||
| + | .glyphicon-header:before { | ||
| + | content: "\e180"; | ||
| + | } | ||
| + | .glyphicon-compressed:before { | ||
| + | content: "\e181"; | ||
| + | } | ||
| + | .glyphicon-earphone:before { | ||
| + | content: "\e182"; | ||
| + | } | ||
| + | .glyphicon-phone-alt:before { | ||
| + | content: "\e183"; | ||
| + | } | ||
| + | .glyphicon-tower:before { | ||
| + | content: "\e184"; | ||
| + | } | ||
| + | .glyphicon-stats:before { | ||
| + | content: "\e185"; | ||
| + | } | ||
| + | .glyphicon-sd-video:before { | ||
| + | content: "\e186"; | ||
| + | } | ||
| + | .glyphicon-hd-video:before { | ||
| + | content: "\e187"; | ||
| + | } | ||
| + | .glyphicon-subtitles:before { | ||
| + | content: "\e188"; | ||
| + | } | ||
| + | .glyphicon-sound-stereo:before { | ||
| + | content: "\e189"; | ||
| + | } | ||
| + | .glyphicon-sound-dolby:before { | ||
| + | content: "\e190"; | ||
| + | } | ||
| + | .glyphicon-sound-5-1:before { | ||
| + | content: "\e191"; | ||
| + | } | ||
| + | .glyphicon-sound-6-1:before { | ||
| + | content: "\e192"; | ||
| + | } | ||
| + | .glyphicon-sound-7-1:before { | ||
| + | content: "\e193"; | ||
| + | } | ||
| + | .glyphicon-copyright-mark:before { | ||
| + | content: "\e194"; | ||
| + | } | ||
| + | .glyphicon-registration-mark:before { | ||
| + | content: "\e195"; | ||
| + | } | ||
| + | .glyphicon-cloud-download:before { | ||
| + | content: "\e197"; | ||
| + | } | ||
| + | .glyphicon-cloud-upload:before { | ||
| + | content: "\e198"; | ||
| + | } | ||
| + | .glyphicon-tree-conifer:before { | ||
| + | content: "\e199"; | ||
| + | } | ||
| + | .glyphicon-tree-deciduous:before { | ||
| + | content: "\e200"; | ||
| + | } | ||
| + | .glyphicon-cd:before { | ||
| + | content: "\e201"; | ||
| + | } | ||
| + | .glyphicon-save-file:before { | ||
| + | content: "\e202"; | ||
| + | } | ||
| + | .glyphicon-open-file:before { | ||
| + | content: "\e203"; | ||
| + | } | ||
| + | .glyphicon-level-up:before { | ||
| + | content: "\e204"; | ||
| + | } | ||
| + | .glyphicon-copy:before { | ||
| + | content: "\e205"; | ||
| + | } | ||
| + | .glyphicon-paste:before { | ||
| + | content: "\e206"; | ||
| + | } | ||
| + | .glyphicon-alert:before { | ||
| + | content: "\e209"; | ||
| + | } | ||
| + | .glyphicon-equalizer:before { | ||
| + | content: "\e210"; | ||
| + | } | ||
| + | .glyphicon-king:before { | ||
| + | content: "\e211"; | ||
| + | } | ||
| + | .glyphicon-queen:before { | ||
| + | content: "\e212"; | ||
| + | } | ||
| + | .glyphicon-pawn:before { | ||
| + | content: "\e213"; | ||
| + | } | ||
| + | .glyphicon-bishop:before { | ||
| + | content: "\e214"; | ||
| + | } | ||
| + | .glyphicon-knight:before { | ||
| + | content: "\e215"; | ||
| + | } | ||
| + | .glyphicon-baby-formula:before { | ||
| + | content: "\e216"; | ||
| + | } | ||
| + | .glyphicon-tent:before { | ||
| + | content: "\26fa"; | ||
| + | } | ||
| + | .glyphicon-blackboard:before { | ||
| + | content: "\e218"; | ||
| + | } | ||
| + | .glyphicon-bed:before { | ||
| + | content: "\e219"; | ||
| + | } | ||
| + | .glyphicon-apple:before { | ||
| + | content: "\f8ff"; | ||
| + | } | ||
| + | .glyphicon-erase:before { | ||
| + | content: "\e221"; | ||
| + | } | ||
| + | .glyphicon-hourglass:before { | ||
| + | content: "\231b"; | ||
| + | } | ||
| + | .glyphicon-lamp:before { | ||
| + | content: "\e223"; | ||
| + | } | ||
| + | .glyphicon-duplicate:before { | ||
| + | content: "\e224"; | ||
| + | } | ||
| + | .glyphicon-piggy-bank:before { | ||
| + | content: "\e225"; | ||
| + | } | ||
| + | .glyphicon-scissors:before { | ||
| + | content: "\e226"; | ||
| + | } | ||
| + | .glyphicon-bitcoin:before { | ||
| + | content: "\e227"; | ||
| + | } | ||
| + | .glyphicon-btc:before { | ||
| + | content: "\e227"; | ||
| + | } | ||
| + | .glyphicon-xbt:before { | ||
| + | content: "\e227"; | ||
| + | } | ||
| + | .glyphicon-yen:before { | ||
| + | content: "\00a5"; | ||
| + | } | ||
| + | .glyphicon-jpy:before { | ||
| + | content: "\00a5"; | ||
| + | } | ||
| + | .glyphicon-ruble:before { | ||
| + | content: "\20bd"; | ||
| + | } | ||
| + | .glyphicon-rub:before { | ||
| + | content: "\20bd"; | ||
| + | } | ||
| + | .glyphicon-scale:before { | ||
| + | content: "\e230"; | ||
| + | } | ||
| + | .glyphicon-ice-lolly:before { | ||
| + | content: "\e231"; | ||
| + | } | ||
| + | .glyphicon-ice-lolly-tasted:before { | ||
| + | content: "\e232"; | ||
| + | } | ||
| + | .glyphicon-education:before { | ||
| + | content: "\e233"; | ||
| + | } | ||
| + | .glyphicon-option-horizontal:before { | ||
| + | content: "\e234"; | ||
| + | } | ||
| + | .glyphicon-option-vertical:before { | ||
| + | content: "\e235"; | ||
| + | } | ||
| + | .glyphicon-menu-hamburger:before { | ||
| + | content: "\e236"; | ||
| + | } | ||
| + | .glyphicon-modal-window:before { | ||
| + | content: "\e237"; | ||
| + | } | ||
| + | .glyphicon-oil:before { | ||
| + | content: "\e238"; | ||
| + | } | ||
| + | .glyphicon-grain:before { | ||
| + | content: "\e239"; | ||
| + | } | ||
| + | .glyphicon-sunglasses:before { | ||
| + | content: "\e240"; | ||
| + | } | ||
| + | .glyphicon-text-size:before { | ||
| + | content: "\e241"; | ||
| + | } | ||
| + | .glyphicon-text-color:before { | ||
| + | content: "\e242"; | ||
| + | } | ||
| + | .glyphicon-text-background:before { | ||
| + | content: "\e243"; | ||
| + | } | ||
| + | .glyphicon-object-align-top:before { | ||
| + | content: "\e244"; | ||
| + | } | ||
| + | .glyphicon-object-align-bottom:before { | ||
| + | content: "\e245"; | ||
| + | } | ||
| + | .glyphicon-object-align-horizontal:before { | ||
| + | content: "\e246"; | ||
| + | } | ||
| + | .glyphicon-object-align-left:before { | ||
| + | content: "\e247"; | ||
| + | } | ||
| + | .glyphicon-object-align-vertical:before { | ||
| + | content: "\e248"; | ||
| + | } | ||
| + | .glyphicon-object-align-right:before { | ||
| + | content: "\e249"; | ||
| + | } | ||
| + | .glyphicon-triangle-right:before { | ||
| + | content: "\e250"; | ||
| + | } | ||
| + | .glyphicon-triangle-left:before { | ||
| + | content: "\e251"; | ||
| + | } | ||
| + | .glyphicon-triangle-bottom:before { | ||
| + | content: "\e252"; | ||
| + | } | ||
| + | .glyphicon-triangle-top:before { | ||
| + | content: "\e253"; | ||
| + | } | ||
| + | .glyphicon-console:before { | ||
| + | content: "\e254"; | ||
| + | } | ||
| + | .glyphicon-superscript:before { | ||
| + | content: "\e255"; | ||
| + | } | ||
| + | .glyphicon-subscript:before { | ||
| + | content: "\e256"; | ||
| + | } | ||
| + | .glyphicon-menu-left:before { | ||
| + | content: "\e257"; | ||
| + | } | ||
| + | .glyphicon-menu-right:before { | ||
| + | content: "\e258"; | ||
| + | } | ||
| + | .glyphicon-menu-down:before { | ||
| + | content: "\e259"; | ||
| + | } | ||
| + | .glyphicon-menu-up:before { | ||
| + | content: "\e260"; | ||
| + | } | ||
| + | .caret { | ||
| + | display: inline-block; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | margin-left: 2px; | ||
| + | vertical-align: middle; | ||
| + | border-top: 4px solid #344043; | ||
| + | border-right: 4px solid transparent; | ||
| + | border-left: 4px solid transparent; | ||
| + | border-bottom: 0 dotted; | ||
| + | content: ""; | ||
| + | } | ||
| + | .dropdown { | ||
| + | position: relative; | ||
| + | } | ||
| + | .dropdown-toggle:focus { | ||
| + | outline: 0; | ||
| + | } | ||
| + | .dropdown-menu { | ||
| + | position: absolute; | ||
| + | top: 100%; | ||
| + | left: 0; | ||
| + | z-index: 1000; | ||
| + | display: none; | ||
| + | float: left; | ||
| + | min-width: 160px; | ||
| + | padding: 5px 0; | ||
| + | margin: 2px 0 0; | ||
| + | list-style: none; | ||
| + | font-size: 12px; | ||
| + | background-color: #ffffff; | ||
| + | border: 1px solid #c9d8db; | ||
| + | border: 1px solid rgba(0, 0, 0, 0.15); | ||
| + | border-radius: 3px; | ||
| + | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | ||
| + | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | ||
| + | background-clip: padding-box; | ||
| + | } | ||
| + | .dropdown-menu.pull-right { | ||
| + | right: 0; | ||
| + | left: auto; | ||
| + | } | ||
| + | .dropdown-menu .divider { | ||
| + | height: 1px; | ||
| + | margin: 7.5px 0; | ||
| + | overflow: hidden; | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .dropdown-menu > li > a { | ||
| + | display: block; | ||
| + | padding: 3px 20px; | ||
| + | clear: both; | ||
| + | font-weight: normal; | ||
| + | line-height: 1.42857143; | ||
| + | color: #344043; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .dropdown-menu > li > a:hover, | ||
| + | .dropdown-menu > li > a:focus { | ||
| + | text-decoration: none; | ||
| + | color: #ffffff; | ||
| + | background-color: #428ce1; | ||
| + | } | ||
| + | .dropdown-menu > .active > a, | ||
| + | .dropdown-menu > .active > a:hover, | ||
| + | .dropdown-menu > .active > a:focus { | ||
| + | color: #ffffff; | ||
| + | text-decoration: none; | ||
| + | outline: 0; | ||
| + | background-color: #428ce1; | ||
| + | } | ||
| + | .dropdown-menu > .disabled > a, | ||
| + | .dropdown-menu > .disabled > a:hover, | ||
| + | .dropdown-menu > .disabled > a:focus { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .dropdown-menu > .disabled > a:hover, | ||
| + | .dropdown-menu > .disabled > a:focus { | ||
| + | text-decoration: none; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | ||
| + | cursor: not-allowed; | ||
| + | } | ||
| + | .open > .dropdown-menu { | ||
| + | display: block; | ||
| + | } | ||
| + | .open > a { | ||
| + | outline: 0; | ||
| + | } | ||
| + | .dropdown-header { | ||
| + | display: block; | ||
| + | padding: 3px 20px; | ||
| + | font-size: 11px; | ||
| + | line-height: 1.42857143; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .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 dotted; | ||
| + | border-bottom: 4px solid #344043; | ||
| + | content: ""; | ||
| + | } | ||
| + | .dropup .dropdown-menu, | ||
| + | .navbar-fixed-bottom .dropdown .dropdown-menu { | ||
| + | top: auto; | ||
| + | bottom: 100%; | ||
| + | margin-bottom: 1px; | ||
| + | } | ||
| + | @media (min-width: 430px) { | ||
| + | .navbar-right .dropdown-menu { | ||
| + | right: 0; | ||
| + | left: auto; | ||
| + | } | ||
| + | } | ||
| + | .btn-default .caret { | ||
| + | border-top-color: #344043; | ||
| + | } | ||
| + | .btn-primary .caret, | ||
| + | .btn-success .caret, | ||
| + | .btn-warning .caret, | ||
| + | .btn-danger .caret, | ||
| + | .btn-info .caret { | ||
| + | border-top-color: #fff; | ||
| + | } | ||
| + | .dropup .btn-default .caret { | ||
| + | border-bottom-color: #344043; | ||
| + | } | ||
| + | .dropup .btn-primary .caret, | ||
| + | .dropup .btn-success .caret, | ||
| + | .dropup .btn-warning .caret, | ||
| + | .dropup .btn-danger .caret, | ||
| + | .dropup .btn-info .caret { | ||
| + | border-bottom-color: #fff; | ||
| + | } | ||
| + | .btn-group, | ||
| + | .btn-group-vertical { | ||
| + | position: relative; | ||
| + | display: inline-block; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .btn-group > .btn, | ||
| + | .btn-group-vertical > .btn { | ||
| + | position: relative; | ||
| + | float: left; | ||
| + | } | ||
| + | .btn-group > .btn:hover, | ||
| + | .btn-group-vertical > .btn:hover, | ||
| + | .btn-group > .btn:focus, | ||
| + | .btn-group-vertical > .btn:focus, | ||
| + | .btn-group > .btn:active, | ||
| + | .btn-group-vertical > .btn:active, | ||
| + | .btn-group > .btn.active, | ||
| + | .btn-group-vertical > .btn.active { | ||
| + | z-index: 2; | ||
| + | } | ||
| + | .btn-group > .btn:focus, | ||
| + | .btn-group-vertical > .btn:focus { | ||
| + | outline: none; | ||
| + | } | ||
| + | .btn-group .btn + .btn, | ||
| + | .btn-group .btn + .btn-group, | ||
| + | .btn-group .btn-group + .btn, | ||
| + | .btn-group .btn-group + .btn-group { | ||
| + | margin-left: -1px; | ||
| + | } | ||
| + | .btn-toolbar:before, | ||
| + | .btn-toolbar:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .btn-toolbar:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .btn-toolbar:before, | ||
| + | .btn-toolbar:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .btn-toolbar:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .btn-toolbar .btn-group { | ||
| + | float: left; | ||
| + | } | ||
| + | .btn-toolbar > .btn + .btn, | ||
| + | .btn-toolbar > .btn-group + .btn, | ||
| + | .btn-toolbar > .btn + .btn-group, | ||
| + | .btn-toolbar > .btn-group + .btn-group { | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | .btn-group > .btn:first-child { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { | ||
| + | border-bottom-right-radius: 0; | ||
| + | border-top-right-radius: 0; | ||
| + | } | ||
| + | .btn-group > .btn:last-child:not(:first-child), | ||
| + | .btn-group > .dropdown-toggle:not(:first-child) { | ||
| + | border-bottom-left-radius: 0; | ||
| + | border-top-left-radius: 0; | ||
| + | } | ||
| + | .btn-group > .btn-group { | ||
| + | float: left; | ||
| + | } | ||
| + | .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | .btn-group > .btn-group:first-child > .btn:last-child, | ||
| + | .btn-group > .btn-group:first-child > .dropdown-toggle { | ||
| + | border-bottom-right-radius: 0; | ||
| + | border-top-right-radius: 0; | ||
| + | } | ||
| + | .btn-group > .btn-group:last-child > .btn:first-child { | ||
| + | border-bottom-left-radius: 0; | ||
| + | border-top-left-radius: 0; | ||
| + | } | ||
| + | .btn-group .dropdown-toggle:active, | ||
| + | .btn-group.open .dropdown-toggle { | ||
| + | outline: 0; | ||
| + | } | ||
| + | .btn-group-xs > .btn { | ||
| + | padding: 5px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 1.5; | ||
| + | border-radius: 2px; | ||
| + | padding: 1px 5px; | ||
| + | } | ||
| + | .btn-group-sm > .btn { | ||
| + | padding: 5px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 1.5; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | .btn-group-lg > .btn { | ||
| + | padding: 10px 16px; | ||
| + | font-size: 16px; | ||
| + | line-height: 1.33; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | .btn-group > .btn + .dropdown-toggle { | ||
| + | padding-left: 8px; | ||
| + | padding-right: 8px; | ||
| + | } | ||
| + | .btn-group > .btn-lg + .dropdown-toggle { | ||
| + | padding-left: 12px; | ||
| + | padding-right: 12px; | ||
| + | } | ||
| + | .btn-group.open .dropdown-toggle { | ||
| + | -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||
| + | box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | ||
| + | } | ||
| + | .btn .caret { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | .btn-lg .caret { | ||
| + | border-width: 5px 5px 0; | ||
| + | border-bottom-width: 0; | ||
| + | } | ||
| + | .dropup .btn-lg .caret { | ||
| + | border-width: 0 5px 5px; | ||
| + | } | ||
| + | .btn-group-vertical > .btn, | ||
| + | .btn-group-vertical > .btn-group { | ||
| + | display: block; | ||
| + | float: none; | ||
| + | width: 100%; | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | .btn-group-vertical > .btn-group:before, | ||
| + | .btn-group-vertical > .btn-group:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .btn-group-vertical > .btn-group:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .btn-group-vertical > .btn-group:before, | ||
| + | .btn-group-vertical > .btn-group:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .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) { | ||
| + | border-top-right-radius: 3px; | ||
| + | border-bottom-right-radius: 0; | ||
| + | border-bottom-left-radius: 0; | ||
| + | } | ||
| + | .btn-group-vertical > .btn:last-child:not(:first-child) { | ||
| + | border-bottom-left-radius: 3px; | ||
| + | border-top-right-radius: 0; | ||
| + | border-top-left-radius: 0; | ||
| + | } | ||
| + | .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | .btn-group-vertical > .btn-group:first-child > .btn:last-child, | ||
| + | .btn-group-vertical > .btn-group:first-child > .dropdown-toggle { | ||
| + | border-bottom-right-radius: 0; | ||
| + | border-bottom-left-radius: 0; | ||
| + | } | ||
| + | .btn-group-vertical > .btn-group:last-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 { | ||
| + | float: none; | ||
| + | display: table-cell; | ||
| + | width: 1%; | ||
| + | } | ||
| + | [data-toggle="buttons"] > .btn > input[type="radio"], | ||
| + | [data-toggle="buttons"] > .btn > input[type="checkbox"] { | ||
| + | display: none; | ||
| + | } | ||
| + | .input-group { | ||
| + | position: relative; | ||
| + | display: table; | ||
| + | border-collapse: separate; | ||
| + | } | ||
| + | .input-group.col { | ||
| + | float: none; | ||
| + | padding-left: 0; | ||
| + | padding-right: 0; | ||
| + | } | ||
| + | .input-group .form-control { | ||
| + | width: 100%; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .input-group-lg > .form-control, | ||
| + | .input-group-lg > .input-group-addon, | ||
| + | .input-group-lg > .input-group-btn > .btn { | ||
| + | height: 43px; | ||
| + | padding: 10px 16px; | ||
| + | font-size: 16px; | ||
| + | line-height: 1.33; | ||
| + | border-radius: 3px; | ||
| + | line-height: 1.5; | ||
| + | } | ||
| + | select.input-group-lg > .form-control, | ||
| + | select.input-group-lg > .input-group-addon, | ||
| + | select.input-group-lg > .input-group-btn > .btn { | ||
| + | height: 43px; | ||
| + | line-height: 43px; | ||
| + | } | ||
| + | textarea.input-group-lg > .form-control, | ||
| + | textarea.input-group-lg > .input-group-addon, | ||
| + | textarea.input-group-lg > .input-group-btn > .btn { | ||
| + | height: auto; | ||
| + | } | ||
| + | .input-group-sm > .form-control, | ||
| + | .input-group-sm > .input-group-addon, | ||
| + | .input-group-sm > .input-group-btn > .btn { | ||
| + | height: 28px; | ||
| + | padding: 5px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 1.5; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | select.input-group-sm > .form-control, | ||
| + | select.input-group-sm > .input-group-addon, | ||
| + | select.input-group-sm > .input-group-btn > .btn { | ||
| + | height: 28px; | ||
| + | line-height: 28px; | ||
| + | } | ||
| + | textarea.input-group-sm > .form-control, | ||
| + | textarea.input-group-sm > .input-group-addon, | ||
| + | textarea.input-group-sm > .input-group-btn > .btn { | ||
| + | height: auto; | ||
| + | } | ||
| + | .input-group-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: 12px; | ||
| + | font-weight: normal; | ||
| + | line-height: 1; | ||
| + | text-align: center; | ||
| + | background-color: #e8f0f2; | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | .input-group-addon.input-sm { | ||
| + | padding: 5px 10px; | ||
| + | font-size: 11px; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | .input-group-addon.input-lg { | ||
| + | padding: 10px 16px; | ||
| + | font-size: 16px; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | .input-group-addon input[type="radio"], | ||
| + | .input-group-addon input[type="checkbox"] { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | .input-group .form-control:first-child, | ||
| + | .input-group-addon:first-child, | ||
| + | .input-group-btn:first-child > .btn, | ||
| + | .input-group-btn:first-child > .dropdown-toggle, | ||
| + | .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { | ||
| + | border-bottom-right-radius: 0; | ||
| + | border-top-right-radius: 0; | ||
| + | } | ||
| + | .input-group-addon:first-child { | ||
| + | border-right: 0; | ||
| + | } | ||
| + | .input-group .form-control:last-child, | ||
| + | .input-group-addon:last-child, | ||
| + | .input-group-btn:last-child > .btn, | ||
| + | .input-group-btn:last-child > .dropdown-toggle, | ||
| + | .input-group-btn:first-child > .btn:not(:first-child) { | ||
| + | border-bottom-left-radius: 0; | ||
| + | border-top-left-radius: 0; | ||
| + | } | ||
| + | .input-group-addon:last-child { | ||
| + | border-left: 0; | ||
| + | } | ||
| + | .input-group-btn { | ||
| + | position: relative; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .input-group-btn > .btn { | ||
| + | position: relative; | ||
| + | } | ||
| + | .input-group-btn > .btn + .btn { | ||
| + | margin-left: -4px; | ||
| + | } | ||
| + | .input-group-btn > .btn:hover, | ||
| + | .input-group-btn > .btn:active { | ||
| + | z-index: 2; | ||
| + | } | ||
| + | .nav { | ||
| + | margin-bottom: 0; | ||
| + | padding-left: 0; | ||
| + | list-style: none; | ||
| + | } | ||
| + | .nav:before, | ||
| + | .nav:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .nav:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .nav:before, | ||
| + | .nav:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .nav:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .nav > li { | ||
| + | position: relative; | ||
| + | display: block; | ||
| + | } | ||
| + | .nav > li > a { | ||
| + | position: relative; | ||
| + | display: block; | ||
| + | padding: 10px 15px; | ||
| + | } | ||
| + | .nav > li > a:hover, | ||
| + | .nav > li > a:focus { | ||
| + | text-decoration: none; | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .nav > li.disabled > a { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .nav > li.disabled > a:hover, | ||
| + | .nav > li.disabled > a:focus { | ||
| + | color: #a2b9be; | ||
| + | text-decoration: none; | ||
| + | background-color: transparent; | ||
| + | cursor: not-allowed; | ||
| + | } | ||
| + | .nav .open > a, | ||
| + | .nav .open > a:hover, | ||
| + | .nav .open > a:focus { | ||
| + | background-color: #e8f0f2; | ||
| + | border-color: #428ce1; | ||
| + | } | ||
| + | .nav .nav-divider { | ||
| + | height: 1px; | ||
| + | margin: 7.5px 0; | ||
| + | overflow: hidden; | ||
| + | background-color: #e5e5e5; | ||
| + | } | ||
| + | .nav > li > a > img { | ||
| + | max-width: none; | ||
| + | } | ||
| + | .nav-tabs { | ||
| + | border-bottom: 1px solid #c9d8db; | ||
| + | } | ||
| + | .nav-tabs > li { | ||
| + | float: left; | ||
| + | margin-bottom: -1px; | ||
| + | } | ||
| + | .nav-tabs > li > a { | ||
| + | margin-right: 2px; | ||
| + | line-height: 1.42857143; | ||
| + | border: 1px solid transparent; | ||
| + | border-radius: 3px 3px 0 0; | ||
| + | } | ||
| + | .nav-tabs > li > a:hover { | ||
| + | border-color: #e8f0f2 #e8f0f2 #c9d8db; | ||
| + | } | ||
| + | .nav-tabs > li.active > a, | ||
| + | .nav-tabs > li.active > a:hover, | ||
| + | .nav-tabs > li.active > a:focus { | ||
| + | color: #344043; | ||
| + | background-color: #ffffff; | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-bottom-color: transparent; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .nav-tabs.nav-justified { | ||
| + | width: 100%; | ||
| + | border-bottom: 0; | ||
| + | } | ||
| + | .nav-tabs.nav-justified > li { | ||
| + | float: none; | ||
| + | } | ||
| + | .nav-tabs.nav-justified > li > a { | ||
| + | text-align: center; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | .nav-tabs.nav-justified > li { | ||
| + | display: table-cell; | ||
| + | width: 1%; | ||
| + | } | ||
| + | } | ||
| + | .nav-tabs.nav-justified > li > a { | ||
| + | border-bottom: 1px solid #c9d8db; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .nav-tabs.nav-justified > .active > a { | ||
| + | border-bottom-color: #ffffff; | ||
| + | } | ||
| + | .nav-pills > li { | ||
| + | float: left; | ||
| + | } | ||
| + | .nav-pills > li > a { | ||
| + | border-radius: 5px; | ||
| + | } | ||
| + | .nav-pills > li + li { | ||
| + | margin-left: 2px; | ||
| + | } | ||
| + | .nav-pills > li.active > a, | ||
| + | .nav-pills > li.active > a:hover, | ||
| + | .nav-pills > li.active > a:focus { | ||
| + | color: #ffffff; | ||
| + | background-color: #428ce1; | ||
| + | } | ||
| + | .nav-stacked > li { | ||
| + | float: none; | ||
| + | } | ||
| + | .nav-stacked > li + li { | ||
| + | margin-top: 2px; | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | .nav-justified { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .nav-justified > li { | ||
| + | float: none; | ||
| + | } | ||
| + | .nav-justified > li > a { | ||
| + | text-align: center; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | .nav-justified > li { | ||
| + | display: table-cell; | ||
| + | width: 1%; | ||
| + | } | ||
| + | } | ||
| + | .nav-tabs-justified { | ||
| + | border-bottom: 0; | ||
| + | } | ||
| + | .nav-tabs-justified > li > a { | ||
| + | border-bottom: 1px solid #c9d8db; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .nav-tabs-justified > .active > a { | ||
| + | border-bottom-color: #ffffff; | ||
| + | } | ||
| + | .tabbable:before, | ||
| + | .tabbable:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .tabbable:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .tabbable:before, | ||
| + | .tabbable:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .tabbable:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .tab-content > .tab-pane, | ||
| + | .pill-content > .pill-pane { | ||
| + | display: none; | ||
| + | } | ||
| + | .tab-content > .active, | ||
| + | .pill-content > .active { | ||
| + | display: block; | ||
| + | } | ||
| + | .nav .caret { | ||
| + | border-top-color: #428ce1; | ||
| + | border-bottom-color: #428ce1; | ||
| + | } | ||
| + | .nav a:hover .caret { | ||
| + | border-top-color: #1d66b9; | ||
| + | border-bottom-color: #1d66b9; | ||
| + | } | ||
| + | .nav-tabs .dropdown-menu { | ||
| + | margin-top: -1px; | ||
| + | border-top-right-radius: 0; | ||
| + | border-top-left-radius: 0; | ||
| + | } | ||
| + | .navbar { | ||
| + | position: relative; | ||
| + | z-index: 1000; | ||
| + | min-height: 50px; | ||
| + | margin-bottom: 17px; | ||
| + | border: 1px solid transparent; | ||
| + | } | ||
| + | .navbar:before, | ||
| + | .navbar:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .navbar:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .navbar:before, | ||
| + | .navbar:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .navbar:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | @media (min-width: 430px) { | ||
| + | .navbar { | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | } | ||
| + | .navbar-header:before, | ||
| + | .navbar-header:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .navbar-header:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .navbar-header:before, | ||
| + | .navbar-header:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .navbar-header:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | @media (min-width: 430px) { | ||
| + | .navbar-header { | ||
| + | float: left; | ||
| + | } | ||
| + | } | ||
| + | .navbar-collapse { | ||
| + | max-height: 340px; | ||
| + | overflow-x: visible; | ||
| + | padding-right: 15px; | ||
| + | padding-left: 15px; | ||
| + | border-top: 1px solid transparent; | ||
| + | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); | ||
| + | -webkit-overflow-scrolling: touch; | ||
| + | } | ||
| + | .navbar-collapse:before, | ||
| + | .navbar-collapse:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .navbar-collapse:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .navbar-collapse:before, | ||
| + | .navbar-collapse:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .navbar-collapse:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .navbar-collapse.in { | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | @media (min-width: 430px) { | ||
| + | .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-collapse .navbar-nav.navbar-left:first-child { | ||
| + | margin-left: -15px; | ||
| + | } | ||
| + | .navbar-collapse .navbar-nav.navbar-right:last-child { | ||
| + | margin-right: -15px; | ||
| + | } | ||
| + | .navbar-collapse .navbar-text:last-child { | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | } | ||
| + | .container > .navbar-header, | ||
| + | .container > .navbar-collapse { | ||
| + | margin-right: -15px; | ||
| + | margin-left: -15px; | ||
| + | } | ||
| + | @media (min-width: 430px) { | ||
| + | .container > .navbar-header, | ||
| + | .container > .navbar-collapse { | ||
| + | margin-right: 0; | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | } | ||
| + | .navbar-static-top { | ||
| + | border-width: 0 0 1px; | ||
| + | } | ||
| + | @media (min-width: 430px) { | ||
| + | .navbar-static-top { | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | } | ||
| + | .navbar-fixed-top, | ||
| + | .navbar-fixed-bottom { | ||
| + | position: fixed; | ||
| + | right: 0; | ||
| + | left: 0; | ||
| + | border-width: 0 0 1px; | ||
| + | } | ||
| + | @media (min-width: 430px) { | ||
| + | .navbar-fixed-top, | ||
| + | .navbar-fixed-bottom { | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | } | ||
| + | .navbar-fixed-top { | ||
| + | z-index: 1030; | ||
| + | top: 0; | ||
| + | } | ||
| + | .navbar-fixed-bottom { | ||
| + | bottom: 0; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .navbar-brand { | ||
| + | float: left; | ||
| + | padding: 16.5px 15px; | ||
| + | font-size: 16px; | ||
| + | line-height: 17px; | ||
| + | } | ||
| + | .navbar-brand:hover, | ||
| + | .navbar-brand:focus { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | @media (min-width: 430px) { | ||
| + | .navbar > .container .navbar-brand { | ||
| + | margin-left: -15px; | ||
| + | } | ||
| + | } | ||
| + | .navbar-toggle { | ||
| + | position: relative; | ||
| + | float: right; | ||
| + | margin-right: 15px; | ||
| + | padding: 9px 10px; | ||
| + | margin-top: 8px; | ||
| + | margin-bottom: 8px; | ||
| + | background-color: transparent; | ||
| + | border: 1px solid transparent; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | .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: 430px) { | ||
| + | .navbar-toggle { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | .navbar-nav { | ||
| + | margin: 8.25px -15px; | ||
| + | } | ||
| + | .navbar-nav > li > a { | ||
| + | padding-top: 10px; | ||
| + | padding-bottom: 10px; | ||
| + | line-height: 17px; | ||
| + | } | ||
| + | @media (min-width: 430px) { | ||
| + | .navbar-nav { | ||
| + | float: left; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .navbar-nav > li { | ||
| + | float: left; | ||
| + | } | ||
| + | .navbar-nav > li > a { | ||
| + | padding-top: 16.5px; | ||
| + | padding-bottom: 16.5px; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 430px) { | ||
| + | .navbar-left { | ||
| + | float: left !important; | ||
| + | float: left; | ||
| + | } | ||
| + | .navbar-right { | ||
| + | float: right !important; | ||
| + | float: right; | ||
| + | } | ||
| + | } | ||
| + | .navbar-form { | ||
| + | margin-left: -15px; | ||
| + | margin-right: -15px; | ||
| + | padding: 10px 15px; | ||
| + | border-top: 1px solid transparent; | ||
| + | border-bottom: 1px solid transparent; | ||
| + | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | ||
| + | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | ||
| + | margin-top: 10px; | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | .navbar-form .form-group { | ||
| + | display: inline-block; | ||
| + | margin-bottom: 0; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .navbar-form .form-control { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .navbar-form .radio, | ||
| + | .navbar-form .checkbox { | ||
| + | display: inline-block; | ||
| + | margin-top: 0; | ||
| + | margin-bottom: 0; | ||
| + | padding-left: 0; | ||
| + | } | ||
| + | .navbar-form .radio input[type="radio"], | ||
| + | .navbar-form .checkbox input[type="checkbox"] { | ||
| + | float: none; | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | .navbar-form .form-group { | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 430px) { | ||
| + | .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 { | ||
| + | border-bottom-right-radius: 0; | ||
| + | border-bottom-left-radius: 0; | ||
| + | } | ||
| + | .navbar-nav.pull-right > li > .dropdown-menu, | ||
| + | .navbar-nav > li > .dropdown-menu.pull-right { | ||
| + | left: auto; | ||
| + | right: 0; | ||
| + | } | ||
| + | .navbar-btn { | ||
| + | margin-top: 10px; | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | .navbar-text { | ||
| + | float: left; | ||
| + | margin-top: 16.5px; | ||
| + | margin-bottom: 16.5px; | ||
| + | } | ||
| + | @media (min-width: 430px) { | ||
| + | .navbar-text { | ||
| + | margin-left: 15px; | ||
| + | margin-right: 15px; | ||
| + | } | ||
| + | } | ||
| + | .navbar-default { | ||
| + | background-color: #f8fafb; | ||
| + | border-color: #e3ebef; | ||
| + | } | ||
| + | .navbar-default .navbar-brand { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .navbar-default .navbar-brand:hover, | ||
| + | .navbar-default .navbar-brand:focus { | ||
| + | color: #476065; | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | .navbar-default .navbar-text { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .navbar-default .navbar-nav > li > a { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .navbar-default .navbar-nav > li > a:hover, | ||
| + | .navbar-default .navbar-nav > li > a:focus { | ||
| + | color: #344043; | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | .navbar-default .navbar-nav > .active > a, | ||
| + | .navbar-default .navbar-nav > .active > a:hover, | ||
| + | .navbar-default .navbar-nav > .active > a:focus { | ||
| + | color: #344043; | ||
| + | background-color: #e3ebef; | ||
| + | } | ||
| + | .navbar-default .navbar-nav > .disabled > a, | ||
| + | .navbar-default .navbar-nav > .disabled > a:hover, | ||
| + | .navbar-default .navbar-nav > .disabled > a:focus { | ||
| + | color: #c9d8db; | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | .navbar-default .navbar-toggle { | ||
| + | border-color: #c9d8db; | ||
| + | } | ||
| + | .navbar-default .navbar-toggle:hover, | ||
| + | .navbar-default .navbar-toggle:focus { | ||
| + | background-color: #c9d8db; | ||
| + | } | ||
| + | .navbar-default .navbar-toggle .icon-bar { | ||
| + | background-color: #c9d8db; | ||
| + | } | ||
| + | .navbar-default .navbar-collapse, | ||
| + | .navbar-default .navbar-form { | ||
| + | border-color: #e1eaee; | ||
| + | } | ||
| + | .navbar-default .navbar-nav > .dropdown > a:hover .caret, | ||
| + | .navbar-default .navbar-nav > .dropdown > a:focus .caret { | ||
| + | border-top-color: #344043; | ||
| + | border-bottom-color: #344043; | ||
| + | } | ||
| + | .navbar-default .navbar-nav > .open > a, | ||
| + | .navbar-default .navbar-nav > .open > a:hover, | ||
| + | .navbar-default .navbar-nav > .open > a:focus { | ||
| + | background-color: #e3ebef; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .navbar-default .navbar-nav > .open > a .caret, | ||
| + | .navbar-default .navbar-nav > .open > a:hover .caret, | ||
| + | .navbar-default .navbar-nav > .open > a:focus .caret { | ||
| + | border-top-color: #344043; | ||
| + | border-bottom-color: #344043; | ||
| + | } | ||
| + | .navbar-default .navbar-nav > .dropdown > a .caret { | ||
| + | border-top-color: #5c7c83; | ||
| + | border-bottom-color: #5c7c83; | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | .navbar-default .navbar-nav .open .dropdown-menu > li > a { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, | ||
| + | .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { | ||
| + | color: #344043; | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | .navbar-default .navbar-nav .open .dropdown-menu > .active > a, | ||
| + | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, | ||
| + | .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { | ||
| + | color: #344043; | ||
| + | background-color: #e3ebef; | ||
| + | } | ||
| + | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, | ||
| + | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, | ||
| + | .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { | ||
| + | color: #c9d8db; | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | } | ||
| + | .navbar-default .navbar-link { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .navbar-default .navbar-link:hover { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .navbar-inverse { | ||
| + | background-color: #344043; | ||
| + | border-color: #1e2526; | ||
| + | } | ||
| + | .navbar-inverse .navbar-brand { | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .navbar-inverse .navbar-brand:hover, | ||
| + | .navbar-inverse .navbar-brand:focus { | ||
| + | color: #ffffff; | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | .navbar-inverse .navbar-text { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .navbar-inverse .navbar-nav > li > a { | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .navbar-inverse .navbar-nav > li > a:hover, | ||
| + | .navbar-inverse .navbar-nav > li > a:focus { | ||
| + | color: #ffffff; | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | .navbar-inverse .navbar-nav > .active > a, | ||
| + | .navbar-inverse .navbar-nav > .active > a:hover, | ||
| + | .navbar-inverse .navbar-nav > .active > a:focus { | ||
| + | color: #ffffff; | ||
| + | background-color: #1e2526; | ||
| + | } | ||
| + | .navbar-inverse .navbar-nav > .disabled > a, | ||
| + | .navbar-inverse .navbar-nav > .disabled > a:hover, | ||
| + | .navbar-inverse .navbar-nav > .disabled > a:focus { | ||
| + | color: #344043; | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | .navbar-inverse .navbar-toggle { | ||
| + | border-color: #344043; | ||
| + | } | ||
| + | .navbar-inverse .navbar-toggle:hover, | ||
| + | .navbar-inverse .navbar-toggle:focus { | ||
| + | background-color: #344043; | ||
| + | } | ||
| + | .navbar-inverse .navbar-toggle .icon-bar { | ||
| + | background-color: #ffffff; | ||
| + | } | ||
| + | .navbar-inverse .navbar-collapse, | ||
| + | .navbar-inverse .navbar-form { | ||
| + | border-color: #242d2f; | ||
| + | } | ||
| + | .navbar-inverse .navbar-nav > .open > a, | ||
| + | .navbar-inverse .navbar-nav > .open > a:hover, | ||
| + | .navbar-inverse .navbar-nav > .open > a:focus { | ||
| + | background-color: #1e2526; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .navbar-inverse .navbar-nav > .dropdown > a:hover .caret { | ||
| + | border-top-color: #ffffff; | ||
| + | border-bottom-color: #ffffff; | ||
| + | } | ||
| + | .navbar-inverse .navbar-nav > .dropdown > a .caret { | ||
| + | border-top-color: #ffffff; | ||
| + | border-bottom-color: #ffffff; | ||
| + | } | ||
| + | .navbar-inverse .navbar-nav > .open > a .caret, | ||
| + | .navbar-inverse .navbar-nav > .open > a:hover .caret, | ||
| + | .navbar-inverse .navbar-nav > .open > a:focus .caret { | ||
| + | border-top-color: #ffffff; | ||
| + | border-bottom-color: #ffffff; | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { | ||
| + | border-color: #1e2526; | ||
| + | } | ||
| + | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, | ||
| + | .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { | ||
| + | color: #ffffff; | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, | ||
| + | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, | ||
| + | .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { | ||
| + | color: #ffffff; | ||
| + | background-color: #1e2526; | ||
| + | } | ||
| + | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, | ||
| + | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, | ||
| + | .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { | ||
| + | color: #344043; | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | } | ||
| + | .navbar-inverse .navbar-link { | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .navbar-inverse .navbar-link:hover { | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .breadcrumb { | ||
| + | padding: 8px 15px; | ||
| + | margin-bottom: 17px; | ||
| + | list-style: none; | ||
| + | background-color: #f8fafb; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | .breadcrumb > li { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .breadcrumb > li + li:before { | ||
| + | content: "/\00a0"; | ||
| + | padding: 0 5px; | ||
| + | color: #c9d8db; | ||
| + | } | ||
| + | .breadcrumb > .active { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .pagination { | ||
| + | display: inline-block; | ||
| + | padding-left: 0; | ||
| + | margin: 17px 0; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | .pagination > li { | ||
| + | display: inline; | ||
| + | } | ||
| + | .pagination > li > a, | ||
| + | .pagination > li > span { | ||
| + | position: relative; | ||
| + | float: left; | ||
| + | padding: 6px 12px; | ||
| + | line-height: 1.42857143; | ||
| + | text-decoration: none; | ||
| + | background-color: #ffffff; | ||
| + | border: 1px solid #c9d8db; | ||
| + | margin-left: -1px; | ||
| + | } | ||
| + | .pagination > li:first-child > a, | ||
| + | .pagination > li:first-child > span { | ||
| + | margin-left: 0; | ||
| + | border-bottom-left-radius: 3px; | ||
| + | border-top-left-radius: 3px; | ||
| + | } | ||
| + | .pagination > li:last-child > a, | ||
| + | .pagination > li:last-child > span { | ||
| + | border-bottom-right-radius: 3px; | ||
| + | border-top-right-radius: 3px; | ||
| + | } | ||
| + | .pagination > li > a:hover, | ||
| + | .pagination > li > span:hover, | ||
| + | .pagination > li > a:focus, | ||
| + | .pagination > li > span:focus { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .pagination > .active > a, | ||
| + | .pagination > .active > span, | ||
| + | .pagination > .active > a:hover, | ||
| + | .pagination > .active > span:hover, | ||
| + | .pagination > .active > a:focus, | ||
| + | .pagination > .active > span:focus { | ||
| + | z-index: 2; | ||
| + | color: #ffffff; | ||
| + | background-color: #428ce1; | ||
| + | border-color: #428ce1; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .pagination > .disabled > span, | ||
| + | .pagination > .disabled > a, | ||
| + | .pagination > .disabled > a:hover, | ||
| + | .pagination > .disabled > a:focus { | ||
| + | color: #a2b9be; | ||
| + | background-color: #ffffff; | ||
| + | border-color: #c9d8db; | ||
| + | cursor: not-allowed; | ||
| + | } | ||
| + | .pagination-lg > li > a, | ||
| + | .pagination-lg > li > span { | ||
| + | padding: 10px 16px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .pagination-lg > li:first-child > a, | ||
| + | .pagination-lg > li:first-child > span { | ||
| + | border-bottom-left-radius: 3px; | ||
| + | border-top-left-radius: 3px; | ||
| + | } | ||
| + | .pagination-lg > li:last-child > a, | ||
| + | .pagination-lg > li:last-child > span { | ||
| + | border-bottom-right-radius: 3px; | ||
| + | border-top-right-radius: 3px; | ||
| + | } | ||
| + | .pagination-sm > li > a, | ||
| + | .pagination-sm > li > span { | ||
| + | padding: 5px 10px; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | .pagination-sm > li:first-child > a, | ||
| + | .pagination-sm > li:first-child > span { | ||
| + | border-bottom-left-radius: 2px; | ||
| + | border-top-left-radius: 2px; | ||
| + | } | ||
| + | .pagination-sm > li:last-child > a, | ||
| + | .pagination-sm > li:last-child > span { | ||
| + | border-bottom-right-radius: 2px; | ||
| + | border-top-right-radius: 2px; | ||
| + | } | ||
| + | .pager { | ||
| + | padding-left: 0; | ||
| + | margin: 17px 0; | ||
| + | list-style: none; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .pager:before, | ||
| + | .pager:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .pager:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .pager:before, | ||
| + | .pager:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .pager:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .pager li { | ||
| + | display: inline; | ||
| + | } | ||
| + | .pager li > a, | ||
| + | .pager li > span { | ||
| + | display: inline-block; | ||
| + | padding: 5px 14px; | ||
| + | background-color: #ffffff; | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-radius: 15px; | ||
| + | } | ||
| + | .pager li > a:hover, | ||
| + | .pager li > a:focus { | ||
| + | text-decoration: none; | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .pager .next > a, | ||
| + | .pager .next > span { | ||
| + | float: right; | ||
| + | } | ||
| + | .pager .previous > a, | ||
| + | .pager .previous > span { | ||
| + | float: left; | ||
| + | } | ||
| + | .pager .disabled > a, | ||
| + | .pager .disabled > a:hover, | ||
| + | .pager .disabled > a:focus, | ||
| + | .pager .disabled > span { | ||
| + | color: #a2b9be; | ||
| + | background-color: #ffffff; | ||
| + | cursor: not-allowed; | ||
| + | } | ||
| + | .label { | ||
| + | display: inline; | ||
| + | padding: .2em .6em .3em; | ||
| + | font-size: 75%; | ||
| + | font-weight: bold; | ||
| + | line-height: 1; | ||
| + | color: #ffffff; | ||
| + | text-align: center; | ||
| + | white-space: nowrap; | ||
| + | vertical-align: baseline; | ||
| + | border-radius: .25em; | ||
| + | } | ||
| + | .label[href]:hover, | ||
| + | .label[href]:focus { | ||
| + | color: #ffffff; | ||
| + | text-decoration: none; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .label:empty { | ||
| + | display: none; | ||
| + | } | ||
| + | .label-default { | ||
| + | background-color: #a2b9be; | ||
| + | } | ||
| + | .label-default[href]:hover, | ||
| + | .label-default[href]:focus { | ||
| + | background-color: #84a2a9; | ||
| + | } | ||
| + | .label-primary { | ||
| + | background-color: #428ce1; | ||
| + | } | ||
| + | .label-primary[href]:hover, | ||
| + | .label-primary[href]:focus { | ||
| + | background-color: #2172cf; | ||
| + | } | ||
| + | .label-success { | ||
| + | background-color: #03c08d; | ||
| + | } | ||
| + | .label-success[href]:hover, | ||
| + | .label-success[href]:focus { | ||
| + | background-color: #028e68; | ||
| + | } | ||
| + | .label-info { | ||
| + | background-color: #5b9fec; | ||
| + | } | ||
| + | .label-info[href]:hover, | ||
| + | .label-info[href]:focus { | ||
| + | background-color: #2d84e7; | ||
| + | } | ||
| + | .label-warning { | ||
| + | background-color: #fdd586; | ||
| + | } | ||
| + | .label-warning[href]:hover, | ||
| + | .label-warning[href]:focus { | ||
| + | background-color: #fcc454; | ||
| + | } | ||
| + | .label-danger { | ||
| + | background-color: #e96e51; | ||
| + | } | ||
| + | .label-danger[href]:hover, | ||
| + | .label-danger[href]:focus { | ||
| + | background-color: #e34824; | ||
| + | } | ||
| + | .badge { | ||
| + | display: inline-block; | ||
| + | min-width: 10px; | ||
| + | padding: 3px 7px; | ||
| + | font-size: 11px; | ||
| + | font-weight: bold; | ||
| + | color: #ffffff; | ||
| + | line-height: 1; | ||
| + | vertical-align: baseline; | ||
| + | white-space: nowrap; | ||
| + | text-align: center; | ||
| + | background-color: #a2b9be; | ||
| + | border-radius: 10px; | ||
| + | } | ||
| + | .badge:empty { | ||
| + | display: none; | ||
| + | } | ||
| + | a.badge:hover, | ||
| + | a.badge:focus { | ||
| + | color: #ffffff; | ||
| + | text-decoration: none; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .btn .badge { | ||
| + | position: relative; | ||
| + | top: -1px; | ||
| + | } | ||
| + | a.list-group-item.active > .badge, | ||
| + | .nav-pills > .active > a > .badge { | ||
| + | color: #428ce1; | ||
| + | background-color: #ffffff; | ||
| + | } | ||
| + | .nav-pills > li > a > .badge { | ||
| + | margin-left: 3px; | ||
| + | } | ||
| + | .jumbotron { | ||
| + | padding: 30px; | ||
| + | margin-bottom: 30px; | ||
| + | font-size: 18px; | ||
| + | font-weight: 200; | ||
| + | line-height: 2.14285714; | ||
| + | color: inherit; | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .jumbotron h1 { | ||
| + | line-height: 1; | ||
| + | color: inherit; | ||
| + | } | ||
| + | .jumbotron p { | ||
| + | line-height: 1.4; | ||
| + | } | ||
| + | .container .jumbotron { | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | @media screen and (min-width: 768px) { | ||
| + | .jumbotron { | ||
| + | padding-top: 48px; | ||
| + | padding-bottom: 48px; | ||
| + | } | ||
| + | .container .jumbotron { | ||
| + | padding-left: 60px; | ||
| + | padding-right: 60px; | ||
| + | } | ||
| + | .jumbotron h1 { | ||
| + | font-size: 54px; | ||
| + | } | ||
| + | } | ||
| + | .thumbnail { | ||
| + | padding: 4px; | ||
| + | line-height: 1.42857143; | ||
| + | background-color: #ffffff; | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-radius: 3px; | ||
| + | -webkit-transition: all 0.2s ease-in-out; | ||
| + | transition: all 0.2s ease-in-out; | ||
| + | display: inline-block; | ||
| + | max-width: 100%; | ||
| + | height: auto; | ||
| + | display: block; | ||
| + | } | ||
| + | .thumbnail > img { | ||
| + | display: block; | ||
| + | max-width: 100%; | ||
| + | height: auto; | ||
| + | } | ||
| + | a.thumbnail:hover, | ||
| + | a.thumbnail:focus { | ||
| + | border-color: #428ce1; | ||
| + | } | ||
| + | .thumbnail > img { | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | } | ||
| + | .thumbnail .caption { | ||
| + | padding: 9px; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .alert { | ||
| + | padding: 15px; | ||
| + | margin-bottom: 17px; | ||
| + | border: 1px solid transparent; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | .alert h4 { | ||
| + | margin-top: 0; | ||
| + | color: inherit; | ||
| + | } | ||
| + | .alert .alert-link { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | .alert > p, | ||
| + | .alert > ul { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .alert > p + p { | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | .alert-dismissable { | ||
| + | padding-right: 35px; | ||
| + | } | ||
| + | .alert-dismissable .close { | ||
| + | position: relative; | ||
| + | top: -2px; | ||
| + | right: -21px; | ||
| + | color: inherit; | ||
| + | } | ||
| + | .alert-success { | ||
| + | background-color: #dff0d8; | ||
| + | border-color: #d6e9c6; | ||
| + | color: #468847; | ||
| + | } | ||
| + | .alert-success hr { | ||
| + | border-top-color: #c9e2b3; | ||
| + | } | ||
| + | .alert-success .alert-link { | ||
| + | color: #356635; | ||
| + | } | ||
| + | .alert-info { | ||
| + | background-color: #d9edf7; | ||
| + | border-color: #bce8f1; | ||
| + | color: #3a87ad; | ||
| + | } | ||
| + | .alert-info hr { | ||
| + | border-top-color: #a6e1ec; | ||
| + | } | ||
| + | .alert-info .alert-link { | ||
| + | color: #2d6987; | ||
| + | } | ||
| + | .alert-warning { | ||
| + | background-color: #fcf8e3; | ||
| + | border-color: #fbeed5; | ||
| + | color: #c09853; | ||
| + | } | ||
| + | .alert-warning hr { | ||
| + | border-top-color: #f8e5be; | ||
| + | } | ||
| + | .alert-warning .alert-link { | ||
| + | color: #a47e3c; | ||
| + | } | ||
| + | .alert-danger { | ||
| + | background-color: #f2dede; | ||
| + | border-color: #eed3d7; | ||
| + | color: #b94a48; | ||
| + | } | ||
| + | .alert-danger hr { | ||
| + | border-top-color: #e6c1c7; | ||
| + | } | ||
| + | .alert-danger .alert-link { | ||
| + | color: #953b39; | ||
| + | } | ||
| + | @-webkit-keyframes progress-bar-stripes { | ||
| + | from { | ||
| + | background-position: 40px 0; | ||
| + | } | ||
| + | to { | ||
| + | background-position: 0 0; | ||
| + | } | ||
| + | } | ||
| + | @-moz-keyframes progress-bar-stripes { | ||
| + | from { | ||
| + | background-position: 40px 0; | ||
| + | } | ||
| + | to { | ||
| + | background-position: 0 0; | ||
| + | } | ||
| + | } | ||
| + | @-o-keyframes progress-bar-stripes { | ||
| + | from { | ||
| + | background-position: 0 0; | ||
| + | } | ||
| + | to { | ||
| + | background-position: 40px 0; | ||
| + | } | ||
| + | } | ||
| + | @keyframes progress-bar-stripes { | ||
| + | from { | ||
| + | background-position: 40px 0; | ||
| + | } | ||
| + | to { | ||
| + | background-position: 0 0; | ||
| + | } | ||
| + | } | ||
| + | .progress { | ||
| + | overflow: hidden; | ||
| + | height: 17px; | ||
| + | margin-bottom: 17px; | ||
| + | background-color: #f8fafb; | ||
| + | border-radius: 3px; | ||
| + | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | ||
| + | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | ||
| + | } | ||
| + | .progress-bar { | ||
| + | float: left; | ||
| + | width: 0%; | ||
| + | height: 100%; | ||
| + | font-size: 11px; | ||
| + | color: #ffffff; | ||
| + | text-align: center; | ||
| + | background-color: #428ce1; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | ||
| + | box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); | ||
| + | -webkit-transition: width 0.6s ease; | ||
| + | transition: width 0.6s ease; | ||
| + | } | ||
| + | .progress-striped .progress-bar { | ||
| + | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | ||
| + | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | background-size: 40px 40px; | ||
| + | } | ||
| + | .progress.active .progress-bar { | ||
| + | -webkit-animation: progress-bar-stripes 2s linear infinite; | ||
| + | -moz-animation: progress-bar-stripes 2s linear infinite; | ||
| + | -ms-animation: progress-bar-stripes 2s linear infinite; | ||
| + | -o-animation: progress-bar-stripes 2s linear infinite; | ||
| + | animation: progress-bar-stripes 2s linear infinite; | ||
| + | } | ||
| + | .progress-bar-success { | ||
| + | background-color: #03c08d; | ||
| + | } | ||
| + | .progress-striped .progress-bar-success { | ||
| + | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | ||
| + | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | } | ||
| + | .progress-bar-info { | ||
| + | background-color: #5b9fec; | ||
| + | } | ||
| + | .progress-striped .progress-bar-info { | ||
| + | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | ||
| + | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | } | ||
| + | .progress-bar-warning { | ||
| + | background-color: #fdd586; | ||
| + | } | ||
| + | .progress-striped .progress-bar-warning { | ||
| + | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | ||
| + | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | } | ||
| + | .progress-bar-danger { | ||
| + | background-color: #e96e51; | ||
| + | } | ||
| + | .progress-striped .progress-bar-danger { | ||
| + | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | ||
| + | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | } | ||
| + | .media, | ||
| + | .media-body { | ||
| + | overflow: hidden; | ||
| + | zoom: 1; | ||
| + | } | ||
| + | .media, | ||
| + | .media .media { | ||
| + | margin-top: 15px; | ||
| + | } | ||
| + | .media:first-child { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | .media-object { | ||
| + | display: block; | ||
| + | } | ||
| + | .media-heading { | ||
| + | margin: 0 0 5px; | ||
| + | } | ||
| + | .media > .pull-left { | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | .media > .pull-right { | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | .media-list { | ||
| + | padding-left: 0; | ||
| + | list-style: none; | ||
| + | } | ||
| + | .list-group { | ||
| + | margin-bottom: 20px; | ||
| + | padding-left: 0; | ||
| + | } | ||
| + | .list-group-item { | ||
| + | position: relative; | ||
| + | display: block; | ||
| + | padding: 10px 15px; | ||
| + | margin-bottom: -1px; | ||
| + | background-color: #ffffff; | ||
| + | border: 1px solid #c9d8db; | ||
| + | } | ||
| + | .list-group-item:first-child { | ||
| + | border-top-right-radius: 3px; | ||
| + | border-top-left-radius: 3px; | ||
| + | } | ||
| + | .list-group-item:last-child { | ||
| + | margin-bottom: 0; | ||
| + | border-bottom-right-radius: 3px; | ||
| + | border-bottom-left-radius: 3px; | ||
| + | } | ||
| + | .list-group-item > .badge { | ||
| + | float: right; | ||
| + | } | ||
| + | .list-group-item > .badge + .badge { | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | a.list-group-item { | ||
| + | color: #344043; | ||
| + | } | ||
| + | a.list-group-item .list-group-item-heading { | ||
| + | color: #344043; | ||
| + | } | ||
| + | a.list-group-item:hover, | ||
| + | a.list-group-item:focus { | ||
| + | text-decoration: none; | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .list-group-item.active, | ||
| + | .list-group-item.active:hover, | ||
| + | .list-group-item.active:focus { | ||
| + | z-index: 2; | ||
| + | color: #ffffff; | ||
| + | background-color: #428ce1; | ||
| + | border-color: #428ce1; | ||
| + | } | ||
| + | .list-group-item.active .list-group-item-heading, | ||
| + | .list-group-item.active:hover .list-group-item-heading, | ||
| + | .list-group-item.active:focus .list-group-item-heading { | ||
| + | color: inherit; | ||
| + | } | ||
| + | .list-group-item.active .list-group-item-text, | ||
| + | .list-group-item.active:hover .list-group-item-text, | ||
| + | .list-group-item.active:focus .list-group-item-text { | ||
| + | color: #f2f7fd; | ||
| + | } | ||
| + | .list-group-item-heading { | ||
| + | margin-top: 0; | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | .list-group-item-text { | ||
| + | margin-bottom: 0; | ||
| + | line-height: 1.3; | ||
| + | } | ||
| + | .panel { | ||
| + | margin-bottom: 17px; | ||
| + | background-color: #ffffff; | ||
| + | border: 1px solid transparent; | ||
| + | border-radius: 3px; | ||
| + | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); | ||
| + | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); | ||
| + | } | ||
| + | .panel-body { | ||
| + | padding: 15px; | ||
| + | } | ||
| + | .panel-body:before, | ||
| + | .panel-body:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .panel-body:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .panel-body:before, | ||
| + | .panel-body:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .panel-body:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .panel > .list-group { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .panel > .list-group .list-group-item { | ||
| + | border-width: 1px 0; | ||
| + | } | ||
| + | .panel > .list-group .list-group-item:first-child { | ||
| + | border-top-right-radius: 0; | ||
| + | border-top-left-radius: 0; | ||
| + | } | ||
| + | .panel > .list-group .list-group-item:last-child { | ||
| + | border-bottom: 0; | ||
| + | } | ||
| + | .panel-heading + .list-group .list-group-item:first-child { | ||
| + | border-top-width: 0; | ||
| + | } | ||
| + | .panel > .table { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .panel > .panel-body + .table { | ||
| + | border-top: 1px solid #dddddd; | ||
| + | } | ||
| + | .panel-heading { | ||
| + | padding: 10px 15px; | ||
| + | border-bottom: 1px solid transparent; | ||
| + | border-top-right-radius: 2px; | ||
| + | border-top-left-radius: 2px; | ||
| + | } | ||
| + | .panel-title { | ||
| + | margin-top: 0; | ||
| + | margin-bottom: 0; | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | .panel-title > a { | ||
| + | color: inherit; | ||
| + | } | ||
| + | .panel-footer { | ||
| + | padding: 10px 15px; | ||
| + | background-color: #f8fafb; | ||
| + | border-top: 1px solid #c9d8db; | ||
| + | border-bottom-right-radius: 2px; | ||
| + | border-bottom-left-radius: 2px; | ||
| + | } | ||
| + | .panel-group .panel { | ||
| + | margin-bottom: 0; | ||
| + | border-radius: 3px; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .panel-group .panel + .panel { | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | .panel-group .panel-heading { | ||
| + | border-bottom: 0; | ||
| + | } | ||
| + | .panel-group .panel-heading + .panel-collapse .panel-body { | ||
| + | border-top: 1px solid #c9d8db; | ||
| + | } | ||
| + | .panel-group .panel-footer { | ||
| + | border-top: 0; | ||
| + | } | ||
| + | .panel-group .panel-footer + .panel-collapse .panel-body { | ||
| + | border-bottom: 1px solid #c9d8db; | ||
| + | } | ||
| + | .panel-default { | ||
| + | border-color: #c9d8db; | ||
| + | } | ||
| + | .panel-default > .panel-heading { | ||
| + | color: #344043; | ||
| + | background-color: #f8fafb; | ||
| + | border-color: #c9d8db; | ||
| + | } | ||
| + | .panel-default > .panel-heading + .panel-collapse .panel-body { | ||
| + | border-top-color: #c9d8db; | ||
| + | } | ||
| + | .panel-default > .panel-footer + .panel-collapse .panel-body { | ||
| + | border-bottom-color: #c9d8db; | ||
| + | } | ||
| + | .panel-primary { | ||
| + | border-color: #428ce1; | ||
| + | } | ||
| + | .panel-primary > .panel-heading { | ||
| + | color: #ffffff; | ||
| + | background-color: #428ce1; | ||
| + | border-color: #428ce1; | ||
| + | } | ||
| + | .panel-primary > .panel-heading + .panel-collapse .panel-body { | ||
| + | border-top-color: #428ce1; | ||
| + | } | ||
| + | .panel-primary > .panel-footer + .panel-collapse .panel-body { | ||
| + | border-bottom-color: #428ce1; | ||
| + | } | ||
| + | .panel-success { | ||
| + | border-color: #d6e9c6; | ||
| + | } | ||
| + | .panel-success > .panel-heading { | ||
| + | color: #468847; | ||
| + | background-color: #dff0d8; | ||
| + | border-color: #d6e9c6; | ||
| + | } | ||
| + | .panel-success > .panel-heading + .panel-collapse .panel-body { | ||
| + | border-top-color: #d6e9c6; | ||
| + | } | ||
| + | .panel-success > .panel-footer + .panel-collapse .panel-body { | ||
| + | border-bottom-color: #d6e9c6; | ||
| + | } | ||
| + | .panel-warning { | ||
| + | border-color: #fbeed5; | ||
| + | } | ||
| + | .panel-warning > .panel-heading { | ||
| + | color: #c09853; | ||
| + | background-color: #fcf8e3; | ||
| + | border-color: #fbeed5; | ||
| + | } | ||
| + | .panel-warning > .panel-heading + .panel-collapse .panel-body { | ||
| + | border-top-color: #fbeed5; | ||
| + | } | ||
| + | .panel-warning > .panel-footer + .panel-collapse .panel-body { | ||
| + | border-bottom-color: #fbeed5; | ||
| + | } | ||
| + | .panel-danger { | ||
| + | border-color: #eed3d7; | ||
| + | } | ||
| + | .panel-danger > .panel-heading { | ||
| + | color: #b94a48; | ||
| + | background-color: #f2dede; | ||
| + | border-color: #eed3d7; | ||
| + | } | ||
| + | .panel-danger > .panel-heading + .panel-collapse .panel-body { | ||
| + | border-top-color: #eed3d7; | ||
| + | } | ||
| + | .panel-danger > .panel-footer + .panel-collapse .panel-body { | ||
| + | border-bottom-color: #eed3d7; | ||
| + | } | ||
| + | .panel-info { | ||
| + | border-color: #bce8f1; | ||
| + | } | ||
| + | .panel-info > .panel-heading { | ||
| + | color: #3a87ad; | ||
| + | background-color: #d9edf7; | ||
| + | border-color: #bce8f1; | ||
| + | } | ||
| + | .panel-info > .panel-heading + .panel-collapse .panel-body { | ||
| + | border-top-color: #bce8f1; | ||
| + | } | ||
| + | .panel-info > .panel-footer + .panel-collapse .panel-body { | ||
| + | border-bottom-color: #bce8f1; | ||
| + | } | ||
| + | .well { | ||
| + | min-height: 20px; | ||
| + | padding: 19px; | ||
| + | margin-bottom: 20px; | ||
| + | background-color: #f8fafb; | ||
| + | border: 1px solid #e1eaee; | ||
| + | border-radius: 3px; | ||
| + | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | ||
| + | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | ||
| + | } | ||
| + | .well blockquote { | ||
| + | border-color: #ddd; | ||
| + | border-color: rgba(0, 0, 0, 0.15); | ||
| + | } | ||
| + | .well-lg { | ||
| + | padding: 24px; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | .well-sm { | ||
| + | padding: 9px; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | .close { | ||
| + | float: right; | ||
| + | font-size: 18px; | ||
| + | font-weight: bold; | ||
| + | line-height: 1; | ||
| + | color: #344043; | ||
| + | text-shadow: 0 1px 0 #ffffff; | ||
| + | opacity: 0.2; | ||
| + | filter: alpha(opacity=20); | ||
| + | } | ||
| + | .close:hover, | ||
| + | .close:focus { | ||
| + | color: #344043; | ||
| + | text-decoration: none; | ||
| + | cursor: pointer; | ||
| + | opacity: 0.5; | ||
| + | filter: alpha(opacity=50); | ||
| + | } | ||
| + | button.close { | ||
| + | padding: 0; | ||
| + | cursor: pointer; | ||
| + | background: transparent; | ||
| + | border: 0; | ||
| + | -webkit-appearance: none; | ||
| + | } | ||
| + | .modal-open { | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | body.modal-open, | ||
| + | .modal-open .navbar-fixed-top, | ||
| + | .modal-open .navbar-fixed-bottom { | ||
| + | margin-right: 15px; | ||
| + | } | ||
| + | .modal { | ||
| + | display: none; | ||
| + | overflow: auto; | ||
| + | overflow-y: scroll; | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | z-index: 1040; | ||
| + | } | ||
| + | .modal.fade .modal-dialog { | ||
| + | -webkit-transform: translate(0, -25%); | ||
| + | -ms-transform: translate(0, -25%); | ||
| + | transform: translate(0, -25%); | ||
| + | -webkit-transition: -webkit-transform 0.3s ease-out; | ||
| + | -moz-transition: -moz-transform 0.3s ease-out; | ||
| + | -o-transition: -o-transform 0.3s ease-out; | ||
| + | transition: transform 0.3s ease-out; | ||
| + | } | ||
| + | .modal.in .modal-dialog { | ||
| + | -webkit-transform: translate(0, 0); | ||
| + | -ms-transform: translate(0, 0); | ||
| + | transform: translate(0, 0); | ||
| + | } | ||
| + | .modal-dialog { | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | width: auto; | ||
| + | padding: 10px; | ||
| + | z-index: 1050; | ||
| + | } | ||
| + | .modal-content { | ||
| + | position: relative; | ||
| + | background-color: #ffffff; | ||
| + | border: 1px solid #a2b9be; | ||
| + | border: 1px solid rgba(0, 0, 0, 0.2); | ||
| + | border-radius: 3px; | ||
| + | -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); | ||
| + | box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); | ||
| + | background-clip: padding-box; | ||
| + | outline: none; | ||
| + | } | ||
| + | .modal-backdrop { | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | z-index: 1030; | ||
| + | background-color: #344043; | ||
| + | } | ||
| + | .modal-backdrop.fade { | ||
| + | opacity: 0; | ||
| + | filter: alpha(opacity=0); | ||
| + | } | ||
| + | .modal-backdrop.in { | ||
| + | opacity: 0.5; | ||
| + | filter: alpha(opacity=50); | ||
| + | } | ||
| + | .modal-header { | ||
| + | padding-top: 22px; | ||
| + | padding-bottom: 19px; | ||
| + | padding-left: 20px; | ||
| + | padding-right: 20px; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | min-height: 42.42857143px; | ||
| + | } | ||
| + | .modal-header .close { | ||
| + | margin-top: -2px; | ||
| + | } | ||
| + | .modal-title { | ||
| + | margin: 0; | ||
| + | line-height: 1.42857143; | ||
| + | } | ||
| + | .modal-body { | ||
| + | position: relative; | ||
| + | padding: 16px; | ||
| + | } | ||
| + | .modal-footer { | ||
| + | padding: 15px 16px 16px; | ||
| + | text-align: right; | ||
| + | border-top: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .modal-footer:before, | ||
| + | .modal-footer:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .modal-footer:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .modal-footer:before, | ||
| + | .modal-footer:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .modal-footer:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .modal-footer .btn + .btn { | ||
| + | margin-left: 5px; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .modal-footer .btn-group .btn + .btn { | ||
| + | margin-left: -1px; | ||
| + | } | ||
| + | .modal-footer .btn-block + .btn-block { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | .modal-footer--noBorder { | ||
| + | border-top: none; | ||
| + | } | ||
| + | @media screen and (min-width: 768px) { | ||
| + | .modal-dialog { | ||
| + | left: 50%; | ||
| + | right: auto; | ||
| + | width: 600px; | ||
| + | padding-top: 30px; | ||
| + | padding-bottom: 30px; | ||
| + | } | ||
| + | .modal-content { | ||
| + | -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); | ||
| + | box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); | ||
| + | } | ||
| + | } | ||
| + | .tooltip { | ||
| + | position: absolute; | ||
| + | z-index: 1030; | ||
| + | display: block; | ||
| + | visibility: visible; | ||
| + | font-size: 11px; | ||
| + | line-height: 1.4; | ||
| + | opacity: 0; | ||
| + | filter: alpha(opacity=0); | ||
| + | } | ||
| + | .tooltip.in { | ||
| + | opacity: 0.9; | ||
| + | filter: alpha(opacity=90); | ||
| + | } | ||
| + | .tooltip.top { | ||
| + | margin-top: -3px; | ||
| + | padding: 5px 0; | ||
| + | } | ||
| + | .tooltip.right { | ||
| + | margin-left: 3px; | ||
| + | padding: 0 5px; | ||
| + | } | ||
| + | .tooltip.bottom { | ||
| + | margin-top: 3px; | ||
| + | padding: 5px 0; | ||
| + | } | ||
| + | .tooltip.left { | ||
| + | margin-left: -3px; | ||
| + | padding: 0 5px; | ||
| + | } | ||
| + | .tooltip-inner { | ||
| + | max-width: 200px; | ||
| + | padding: 3px 8px; | ||
| + | color: #ffffff; | ||
| + | text-align: center; | ||
| + | text-decoration: none; | ||
| + | background-color: #344043; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | .tooltip-arrow { | ||
| + | position: absolute; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | border-color: transparent; | ||
| + | border-style: solid; | ||
| + | } | ||
| + | .tooltip.top .tooltip-arrow { | ||
| + | bottom: 0; | ||
| + | left: 50%; | ||
| + | margin-left: -5px; | ||
| + | border-width: 5px 5px 0; | ||
| + | border-top-color: #344043; | ||
| + | } | ||
| + | .tooltip.top-left .tooltip-arrow { | ||
| + | bottom: 0; | ||
| + | left: 5px; | ||
| + | border-width: 5px 5px 0; | ||
| + | border-top-color: #344043; | ||
| + | } | ||
| + | .tooltip.top-right .tooltip-arrow { | ||
| + | bottom: 0; | ||
| + | right: 5px; | ||
| + | border-width: 5px 5px 0; | ||
| + | border-top-color: #344043; | ||
| + | } | ||
| + | .tooltip.right .tooltip-arrow { | ||
| + | top: 50%; | ||
| + | left: 0; | ||
| + | margin-top: -5px; | ||
| + | border-width: 5px 5px 5px 0; | ||
| + | border-right-color: #344043; | ||
| + | } | ||
| + | .tooltip.left .tooltip-arrow { | ||
| + | top: 50%; | ||
| + | right: 0; | ||
| + | margin-top: -5px; | ||
| + | border-width: 5px 0 5px 5px; | ||
| + | border-left-color: #344043; | ||
| + | } | ||
| + | .tooltip.bottom .tooltip-arrow { | ||
| + | top: 0; | ||
| + | left: 50%; | ||
| + | margin-left: -5px; | ||
| + | border-width: 0 5px 5px; | ||
| + | border-bottom-color: #344043; | ||
| + | } | ||
| + | .tooltip.bottom-left .tooltip-arrow { | ||
| + | top: 0; | ||
| + | left: 5px; | ||
| + | border-width: 0 5px 5px; | ||
| + | border-bottom-color: #344043; | ||
| + | } | ||
| + | .tooltip.bottom-right .tooltip-arrow { | ||
| + | top: 0; | ||
| + | right: 5px; | ||
| + | border-width: 0 5px 5px; | ||
| + | border-bottom-color: #344043; | ||
| + | } | ||
| + | .popover { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | z-index: 1010; | ||
| + | display: none; | ||
| + | max-width: 276px; | ||
| + | padding: 1px; | ||
| + | text-align: left; | ||
| + | background-color: #ffffff; | ||
| + | background-clip: padding-box; | ||
| + | border: 1px solid #c9d8db; | ||
| + | border: 1px solid rgba(0, 0, 0, 0.2); | ||
| + | border-radius: 3px; | ||
| + | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||
| + | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||
| + | white-space: normal; | ||
| + | } | ||
| + | .popover.top { | ||
| + | margin-top: -10px; | ||
| + | } | ||
| + | .popover.right { | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | .popover.bottom { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | .popover.left { | ||
| + | margin-left: -10px; | ||
| + | } | ||
| + | .popover-title { | ||
| + | margin: 0; | ||
| + | padding: 8px 14px; | ||
| + | font-size: 12px; | ||
| + | font-weight: normal; | ||
| + | line-height: 18px; | ||
| + | background-color: #f7f7f7; | ||
| + | border-bottom: 1px solid #ebebeb; | ||
| + | border-radius: 5px 5px 0 0; | ||
| + | } | ||
| + | .popover-content { | ||
| + | padding: 9px 14px; | ||
| + | } | ||
| + | .popover .arrow, | ||
| + | .popover .arrow:after { | ||
| + | position: absolute; | ||
| + | display: block; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | border-color: transparent; | ||
| + | border-style: solid; | ||
| + | } | ||
| + | .popover .arrow { | ||
| + | border-width: 11px; | ||
| + | } | ||
| + | .popover .arrow:after { | ||
| + | border-width: 10px; | ||
| + | content: ""; | ||
| + | } | ||
| + | .popover.top .arrow { | ||
| + | left: 50%; | ||
| + | margin-left: -11px; | ||
| + | border-bottom-width: 0; | ||
| + | border-top-color: #a2b9be; | ||
| + | border-top-color: rgba(0, 0, 0, 0.25); | ||
| + | bottom: -11px; | ||
| + | } | ||
| + | .popover.top .arrow:after { | ||
| + | content: " "; | ||
| + | bottom: 1px; | ||
| + | margin-left: -10px; | ||
| + | border-bottom-width: 0; | ||
| + | border-top-color: #ffffff; | ||
| + | } | ||
| + | .popover.right .arrow { | ||
| + | top: 50%; | ||
| + | left: -11px; | ||
| + | margin-top: -11px; | ||
| + | border-left-width: 0; | ||
| + | border-right-color: #a2b9be; | ||
| + | border-right-color: rgba(0, 0, 0, 0.25); | ||
| + | } | ||
| + | .popover.right .arrow:after { | ||
| + | content: " "; | ||
| + | left: 1px; | ||
| + | bottom: -10px; | ||
| + | border-left-width: 0; | ||
| + | border-right-color: #ffffff; | ||
| + | } | ||
| + | .popover.bottom .arrow { | ||
| + | left: 50%; | ||
| + | margin-left: -11px; | ||
| + | border-top-width: 0; | ||
| + | border-bottom-color: #a2b9be; | ||
| + | border-bottom-color: rgba(0, 0, 0, 0.25); | ||
| + | top: -11px; | ||
| + | } | ||
| + | .popover.bottom .arrow:after { | ||
| + | content: " "; | ||
| + | top: 1px; | ||
| + | margin-left: -10px; | ||
| + | border-top-width: 0; | ||
| + | border-bottom-color: #ffffff; | ||
| + | } | ||
| + | .popover.left .arrow { | ||
| + | top: 50%; | ||
| + | right: -11px; | ||
| + | margin-top: -11px; | ||
| + | border-right-width: 0; | ||
| + | border-left-color: #a2b9be; | ||
| + | border-left-color: rgba(0, 0, 0, 0.25); | ||
| + | } | ||
| + | .popover.left .arrow:after { | ||
| + | content: " "; | ||
| + | right: 1px; | ||
| + | border-right-width: 0; | ||
| + | border-left-color: #ffffff; | ||
| + | bottom: -10px; | ||
| + | } | ||
| + | .carousel { | ||
| + | position: relative; | ||
| + | } | ||
| + | .carousel-inner { | ||
| + | position: relative; | ||
| + | overflow: hidden; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .carousel-inner > .item { | ||
| + | display: none; | ||
| + | position: relative; | ||
| + | -webkit-transition: 0.6s ease-in-out left; | ||
| + | transition: 0.6s ease-in-out left; | ||
| + | } | ||
| + | .carousel-inner > .item > img, | ||
| + | .carousel-inner > .item > a > img { | ||
| + | display: block; | ||
| + | max-width: 100%; | ||
| + | height: auto; | ||
| + | line-height: 1; | ||
| + | } | ||
| + | .carousel-inner > .active, | ||
| + | .carousel-inner > .next, | ||
| + | .carousel-inner > .prev { | ||
| + | display: block; | ||
| + | } | ||
| + | .carousel-inner > .active { | ||
| + | left: 0; | ||
| + | } | ||
| + | .carousel-inner > .next, | ||
| + | .carousel-inner > .prev { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .carousel-inner > .next { | ||
| + | left: 100%; | ||
| + | } | ||
| + | .carousel-inner > .prev { | ||
| + | left: -100%; | ||
| + | } | ||
| + | .carousel-inner > .next.left, | ||
| + | .carousel-inner > .prev.right { | ||
| + | left: 0; | ||
| + | } | ||
| + | .carousel-inner > .active.left { | ||
| + | left: -100%; | ||
| + | } | ||
| + | .carousel-inner > .active.right { | ||
| + | left: 100%; | ||
| + | } | ||
| + | .carousel-control { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | bottom: 0; | ||
| + | width: 15%; | ||
| + | opacity: 0.5; | ||
| + | filter: alpha(opacity=50); | ||
| + | font-size: 20px; | ||
| + | color: #ffffff; | ||
| + | text-align: center; | ||
| + | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | ||
| + | } | ||
| + | .carousel-control.left { | ||
| + | background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); | ||
| + | background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%)); | ||
| + | background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); | ||
| + | background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); | ||
| + | background-repeat: repeat-x; | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); | ||
| + | } | ||
| + | .carousel-control.right { | ||
| + | left: auto; | ||
| + | right: 0; | ||
| + | background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); | ||
| + | background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%)); | ||
| + | background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); | ||
| + | background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); | ||
| + | background-repeat: repeat-x; | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); | ||
| + | } | ||
| + | .carousel-control:hover, | ||
| + | .carousel-control:focus { | ||
| + | color: #ffffff; | ||
| + | text-decoration: none; | ||
| + | opacity: 0.9; | ||
| + | filter: alpha(opacity=90); | ||
| + | } | ||
| + | .carousel-control .icon-prev, | ||
| + | .carousel-control .icon-next, | ||
| + | .carousel-control .glyphicon-chevron-left, | ||
| + | .carousel-control .glyphicon-chevron-right { | ||
| + | position: absolute; | ||
| + | top: 50%; | ||
| + | left: 50%; | ||
| + | z-index: 5; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .carousel-control .icon-prev, | ||
| + | .carousel-control .icon-next { | ||
| + | width: 20px; | ||
| + | height: 20px; | ||
| + | margin-top: -10px; | ||
| + | margin-left: -10px; | ||
| + | font-family: serif; | ||
| + | } | ||
| + | .carousel-control .icon-prev:before { | ||
| + | content: '\2039'; | ||
| + | } | ||
| + | .carousel-control .icon-next:before { | ||
| + | content: '\203a'; | ||
| + | } | ||
| + | .carousel-indicators { | ||
| + | position: absolute; | ||
| + | bottom: 10px; | ||
| + | left: 50%; | ||
| + | z-index: 15; | ||
| + | width: 60%; | ||
| + | margin-left: -30%; | ||
| + | padding-left: 0; | ||
| + | list-style: none; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .carousel-indicators li { | ||
| + | display: inline-block; | ||
| + | width: 10px; | ||
| + | height: 10px; | ||
| + | margin: 1px; | ||
| + | text-indent: -999px; | ||
| + | border: 1px solid #ffffff; | ||
| + | border-radius: 10px; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .carousel-indicators .active { | ||
| + | margin: 0; | ||
| + | width: 12px; | ||
| + | height: 12px; | ||
| + | background-color: #ffffff; | ||
| + | } | ||
| + | .carousel-caption { | ||
| + | position: absolute; | ||
| + | left: 15%; | ||
| + | right: 15%; | ||
| + | bottom: 20px; | ||
| + | z-index: 10; | ||
| + | padding-top: 20px; | ||
| + | padding-bottom: 20px; | ||
| + | color: #ffffff; | ||
| + | text-align: center; | ||
| + | text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | ||
| + | } | ||
| + | .carousel-caption .btn { | ||
| + | text-shadow: none; | ||
| + | } | ||
| + | @media screen and (min-width: 768px) { | ||
| + | .carousel-control .icon-prev, | ||
| + | .carousel-control .icon-next { | ||
| + | width: 30px; | ||
| + | height: 30px; | ||
| + | margin-top: -15px; | ||
| + | margin-left: -15px; | ||
| + | font-size: 30px; | ||
| + | } | ||
| + | .carousel-caption { | ||
| + | left: 20%; | ||
| + | right: 20%; | ||
| + | padding-bottom: 30px; | ||
| + | } | ||
| + | .carousel-indicators { | ||
| + | bottom: 20px; | ||
| + | } | ||
| + | } | ||
| + | .clearfix:before, | ||
| + | .clearfix:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .clearfix:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .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; | ||
| + | } | ||
| + | .affix { | ||
| + | position: fixed; | ||
| + | } | ||
| + | @-ms-viewport { | ||
| + | width: device-width; | ||
| + | } | ||
| + | @media screen and (max-width: 400px) { | ||
| + | @-ms-viewport { | ||
| + | width: 320px; | ||
| + | } | ||
| + | } | ||
| + | .hidden { | ||
| + | display: none !important; | ||
| + | visibility: hidden !important; | ||
| + | } | ||
| + | .visible-xs { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.visible-xs { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.visible-xs, | ||
| + | td.visible-xs { | ||
| + | display: none !important; | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | .visible-xs { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-xs { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-xs, | ||
| + | td.visible-xs { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 768px) and (max-width: 991px) { | ||
| + | .visible-xs.visible-sm { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-xs.visible-sm { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-xs.visible-sm, | ||
| + | td.visible-xs.visible-sm { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 992px) and (max-width: 1199px) { | ||
| + | .visible-xs.visible-md { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-xs.visible-md { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-xs.visible-md, | ||
| + | td.visible-xs.visible-md { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1200px) { | ||
| + | .visible-xs.visible-lg { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-xs.visible-lg { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-xs.visible-lg, | ||
| + | td.visible-xs.visible-lg { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | } | ||
| + | .visible-sm { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.visible-sm { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.visible-sm, | ||
| + | td.visible-sm { | ||
| + | display: none !important; | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | .visible-sm.visible-xs { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-sm.visible-xs { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-sm.visible-xs, | ||
| + | td.visible-sm.visible-xs { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 768px) and (max-width: 991px) { | ||
| + | .visible-sm { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-sm { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-sm, | ||
| + | td.visible-sm { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 992px) and (max-width: 1199px) { | ||
| + | .visible-sm.visible-md { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-sm.visible-md { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-sm.visible-md, | ||
| + | td.visible-sm.visible-md { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1200px) { | ||
| + | .visible-sm.visible-lg { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-sm.visible-lg { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-sm.visible-lg, | ||
| + | td.visible-sm.visible-lg { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | } | ||
| + | .visible-md { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.visible-md { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.visible-md, | ||
| + | td.visible-md { | ||
| + | display: none !important; | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | .visible-md.visible-xs { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-md.visible-xs { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-md.visible-xs, | ||
| + | td.visible-md.visible-xs { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 768px) and (max-width: 991px) { | ||
| + | .visible-md.visible-sm { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-md.visible-sm { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-md.visible-sm, | ||
| + | td.visible-md.visible-sm { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 992px) and (max-width: 1199px) { | ||
| + | .visible-md { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-md { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-md, | ||
| + | td.visible-md { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1200px) { | ||
| + | .visible-md.visible-lg { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-md.visible-lg { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-md.visible-lg, | ||
| + | td.visible-md.visible-lg { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | } | ||
| + | .visible-lg { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.visible-lg { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.visible-lg, | ||
| + | td.visible-lg { | ||
| + | display: none !important; | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | .visible-lg.visible-xs { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-lg.visible-xs { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-lg.visible-xs, | ||
| + | td.visible-lg.visible-xs { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 768px) and (max-width: 991px) { | ||
| + | .visible-lg.visible-sm { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-lg.visible-sm { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-lg.visible-sm, | ||
| + | td.visible-lg.visible-sm { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 992px) and (max-width: 1199px) { | ||
| + | .visible-lg.visible-md { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-lg.visible-md { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-lg.visible-md, | ||
| + | td.visible-lg.visible-md { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1200px) { | ||
| + | .visible-lg { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-lg { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-lg, | ||
| + | td.visible-lg { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | } | ||
| + | .hidden-xs { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.hidden-xs { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.hidden-xs, | ||
| + | td.hidden-xs { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | .hidden-xs { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-xs { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-xs, | ||
| + | td.hidden-xs { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 768px) and (max-width: 991px) { | ||
| + | .hidden-xs.hidden-sm { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-xs.hidden-sm { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-xs.hidden-sm, | ||
| + | td.hidden-xs.hidden-sm { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 992px) and (max-width: 1199px) { | ||
| + | .hidden-xs.hidden-md { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-xs.hidden-md { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-xs.hidden-md, | ||
| + | td.hidden-xs.hidden-md { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1200px) { | ||
| + | .hidden-xs.hidden-lg { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-xs.hidden-lg { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-xs.hidden-lg, | ||
| + | td.hidden-xs.hidden-lg { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | .hidden-sm { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.hidden-sm { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.hidden-sm, | ||
| + | td.hidden-sm { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | .hidden-sm.hidden-xs { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-sm.hidden-xs { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-sm.hidden-xs, | ||
| + | td.hidden-sm.hidden-xs { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 768px) and (max-width: 991px) { | ||
| + | .hidden-sm { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-sm { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-sm, | ||
| + | td.hidden-sm { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 992px) and (max-width: 1199px) { | ||
| + | .hidden-sm.hidden-md { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-sm.hidden-md { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-sm.hidden-md, | ||
| + | td.hidden-sm.hidden-md { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1200px) { | ||
| + | .hidden-sm.hidden-lg { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-sm.hidden-lg { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-sm.hidden-lg, | ||
| + | td.hidden-sm.hidden-lg { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | .hidden-md { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.hidden-md { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.hidden-md, | ||
| + | td.hidden-md { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | .hidden-md.hidden-xs { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-md.hidden-xs { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-md.hidden-xs, | ||
| + | td.hidden-md.hidden-xs { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 768px) and (max-width: 991px) { | ||
| + | .hidden-md.hidden-sm { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-md.hidden-sm { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-md.hidden-sm, | ||
| + | td.hidden-md.hidden-sm { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 992px) and (max-width: 1199px) { | ||
| + | .hidden-md { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-md { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-md, | ||
| + | td.hidden-md { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1200px) { | ||
| + | .hidden-md.hidden-lg { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-md.hidden-lg { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-md.hidden-lg, | ||
| + | td.hidden-md.hidden-lg { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | .hidden-lg { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.hidden-lg { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.hidden-lg, | ||
| + | td.hidden-lg { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | .hidden-lg.hidden-xs { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-lg.hidden-xs { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-lg.hidden-xs, | ||
| + | td.hidden-lg.hidden-xs { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 768px) and (max-width: 991px) { | ||
| + | .hidden-lg.hidden-sm { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-lg.hidden-sm { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-lg.hidden-sm, | ||
| + | td.hidden-lg.hidden-sm { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 992px) and (max-width: 1199px) { | ||
| + | .hidden-lg.hidden-md { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-lg.hidden-md { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-lg.hidden-md, | ||
| + | td.hidden-lg.hidden-md { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1200px) { | ||
| + | .hidden-lg { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-lg { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-lg, | ||
| + | td.hidden-lg { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | .visible-print { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.visible-print { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.visible-print, | ||
| + | td.visible-print { | ||
| + | display: none !important; | ||
| + | } | ||
| + | @media print { | ||
| + | .visible-print { | ||
| + | display: block !important; | ||
| + | } | ||
| + | tr.visible-print { | ||
| + | display: table-row !important; | ||
| + | } | ||
| + | th.visible-print, | ||
| + | td.visible-print { | ||
| + | display: table-cell !important; | ||
| + | } | ||
| + | .hidden-print { | ||
| + | display: none !important; | ||
| + | } | ||
| + | tr.hidden-print { | ||
| + | display: none !important; | ||
| + | } | ||
| + | th.hidden-print, | ||
| + | td.hidden-print { | ||
| + | display: none !important; | ||
| + | } | ||
| + | } | ||
| + | .center-block { | ||
| + | display: block; | ||
| + | margin-right: auto; | ||
| + | margin-left: auto; | ||
| + | } | ||
| + | @media (min-width: 992px) { | ||
| + | .modal-lg { | ||
| + | width: 900px; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | .modal-sm { | ||
| + | width: 300px; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 392px) { | ||
| + | .modal-md { | ||
| + | width: 392px; | ||
| + | } | ||
| + | } | ||
| + | .scrollbar-override::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .scrollbar-override::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .scrollbar-override:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .scrollbar-override::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .scrollbar-override:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .scrollbar-override-no-hover::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | } | ||
| + | .scrollbar-override-no-hover::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .scrollbar-override-no-hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .font-proxima-11 { | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .font-proxima-13 { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .font-proxima-14 { | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | .font-proxima-15 { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .font-proxima-17 { | ||
| + | font-size: 17px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .font-proxima-19 { | ||
| + | font-size: 19px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .font-proxima-27 { | ||
| + | font-size: 27px; | ||
| + | line-height: 36px; | ||
| + | } | ||
| + | .font-proxima-headline { | ||
| + | font-size: 17px; | ||
| + | line-height: 24px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .font-proxima-h2 { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .font-proxima-title { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .font-proxima-subtitle { | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | .font-proxima-semibold { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .btn-af-warning { | ||
| + | padding: 3px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 0.05em; | ||
| + | color: white; | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| + | min-height: 30px; | ||
| + | line-height: 22px; | ||
| + | border-radius: 3px; | ||
| + | border: 1px solid #febb5c; | ||
| + | background-color: #fdd586; | ||
| + | -webkit-transition: background-color 0.2s; | ||
| + | transition: background-color 0.2s; | ||
| + | -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | } | ||
| + | .btn-af-warning > *:last-child { | ||
| + | margin-right: -0.025em; | ||
| + | } | ||
| + | .btn-af-warning:hover { | ||
| + | background-color: #fdde9f; | ||
| + | } | ||
| + | .btn-af-warning:active, | ||
| + | .btn-af-warning.active, | ||
| + | .btn-group.open .btn-af-warning.dropdown-toggle, | ||
| + | .dropdown.open > .btn-af-warning { | ||
| + | background-color: #fdd27c; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 #fdcb68; | ||
| + | box-shadow: inset 0 -1px 0 0 #fdcb68; | ||
| + | } | ||
| + | .btn-af-warning:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | .btn-af-warning.btn-xs { | ||
| + | min-height: 0px; | ||
| + | font-size: 11px; | ||
| + | letter-spacing: 0; | ||
| + | text-transform: none; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | .btn-af-warning.btn-sm { | ||
| + | min-height: 29px; | ||
| + | line-height: 26px; | ||
| + | padding: 1px 10px 0; | ||
| + | } | ||
| + | .btn-af-warning.btn-md { | ||
| + | padding: 8px 14px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .btn-af-warning.btn-lg { | ||
| + | height: 43px; | ||
| + | font-size: 15px; | ||
| + | text-transform: uppercase; | ||
| + | line-height: 2.25; | ||
| + | } | ||
| + | .btn-af-warning:focus { | ||
| + | color: #fff; | ||
| + | outline: 0; | ||
| + | } | ||
| + | .btn-af-primary { | ||
| + | padding: 3px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 0.05em; | ||
| + | color: white; | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| + | min-height: 30px; | ||
| + | line-height: 22px; | ||
| + | border-radius: 3px; | ||
| + | border: 1px solid #2c76cc; | ||
| + | background-color: #428ce1; | ||
| + | -webkit-transition: background-color 0.2s; | ||
| + | transition: background-color 0.2s; | ||
| + | -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | } | ||
| + | .btn-af-primary > *:last-child { | ||
| + | margin-right: -0.025em; | ||
| + | } | ||
| + | .btn-af-primary:hover { | ||
| + | background-color: #5899e4; | ||
| + | } | ||
| + | .btn-af-primary:active, | ||
| + | .btn-af-primary.active, | ||
| + | .btn-group.open .btn-af-primary.dropdown-toggle, | ||
| + | .dropdown.open > .btn-af-primary { | ||
| + | background-color: #3987e0; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 #287cdd; | ||
| + | box-shadow: inset 0 -1px 0 0 #287cdd; | ||
| + | } | ||
| + | .btn-af-primary:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | .btn-af-primary.btn-xs { | ||
| + | min-height: 0px; | ||
| + | font-size: 11px; | ||
| + | letter-spacing: 0; | ||
| + | text-transform: none; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | .btn-af-primary.btn-sm { | ||
| + | min-height: 29px; | ||
| + | line-height: 26px; | ||
| + | padding: 1px 10px 0; | ||
| + | } | ||
| + | .btn-af-primary.btn-md { | ||
| + | padding: 8px 14px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .btn-af-primary.btn-lg { | ||
| + | height: 43px; | ||
| + | font-size: 15px; | ||
| + | text-transform: uppercase; | ||
| + | line-height: 2.25; | ||
| + | } | ||
| + | .btn-af-primary:focus { | ||
| + | color: #fff; | ||
| + | outline: 0; | ||
| + | } | ||
| + | .btn-af-primary .caret { | ||
| + | border-top-color: #fff; | ||
| + | } | ||
| + | .btn-af-primary .caret.caret-white { | ||
| + | border-bottom-color: #fff; | ||
| + | } | ||
| + | .btn-af-danger { | ||
| + | padding: 3px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 0.05em; | ||
| + | color: white; | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| + | min-height: 30px; | ||
| + | line-height: 22px; | ||
| + | border-radius: 3px; | ||
| + | border: 1px solid #d9563a; | ||
| + | background-color: #e96e51; | ||
| + | -webkit-transition: background-color 0.2s; | ||
| + | transition: background-color 0.2s; | ||
| + | -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | } | ||
| + | .btn-af-danger > *:last-child { | ||
| + | margin-right: -0.025em; | ||
| + | } | ||
| + | .btn-af-danger:hover { | ||
| + | background-color: #ec8168; | ||
| + | } | ||
| + | .btn-af-danger:active, | ||
| + | .btn-af-danger.active, | ||
| + | .btn-group.open .btn-af-danger.dropdown-toggle, | ||
| + | .dropdown.open > .btn-af-danger { | ||
| + | background-color: #e86648; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 #e65736; | ||
| + | box-shadow: inset 0 -1px 0 0 #e65736; | ||
| + | } | ||
| + | .btn-af-danger:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | .btn-af-danger.btn-xs { | ||
| + | min-height: 0px; | ||
| + | font-size: 11px; | ||
| + | letter-spacing: 0; | ||
| + | text-transform: none; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | .btn-af-danger.btn-sm { | ||
| + | min-height: 29px; | ||
| + | line-height: 26px; | ||
| + | padding: 1px 10px 0; | ||
| + | } | ||
| + | .btn-af-danger.btn-md { | ||
| + | padding: 8px 14px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .btn-af-danger.btn-lg { | ||
| + | height: 43px; | ||
| + | font-size: 15px; | ||
| + | text-transform: uppercase; | ||
| + | line-height: 2.25; | ||
| + | } | ||
| + | .btn-af-danger:focus { | ||
| + | color: #fff; | ||
| + | outline: 0; | ||
| + | } | ||
| + | .btn-af-danger .caret { | ||
| + | border-top-color: #fff; | ||
| + | } | ||
| + | .btn-af-danger .caret.caret-white { | ||
| + | border-bottom-color: #fff; | ||
| + | } | ||
| + | .btn-af-success { | ||
| + | padding: 3px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 0.05em; | ||
| + | color: white; | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| + | min-height: 30px; | ||
| + | line-height: 22px; | ||
| + | border-radius: 3px; | ||
| + | border: 1px solid #02a579; | ||
| + | background-color: #03c08d; | ||
| + | -webkit-transition: background-color 0.2s; | ||
| + | transition: background-color 0.2s; | ||
| + | -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | } | ||
| + | .btn-af-success > *:last-child { | ||
| + | margin-right: -0.025em; | ||
| + | } | ||
| + | .btn-af-success:hover { | ||
| + | background-color: #03d99f; | ||
| + | } | ||
| + | .btn-af-success:active, | ||
| + | .btn-af-success.active, | ||
| + | .btn-group.open .btn-af-success.dropdown-toggle, | ||
| + | .dropdown.open > .btn-af-success { | ||
| + | background-color: #03b686; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 #03a277; | ||
| + | box-shadow: inset 0 -1px 0 0 #03a277; | ||
| + | } | ||
| + | .btn-af-success:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | .btn-af-success.btn-xs { | ||
| + | min-height: 0px; | ||
| + | font-size: 11px; | ||
| + | letter-spacing: 0; | ||
| + | text-transform: none; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | .btn-af-success.btn-sm { | ||
| + | min-height: 29px; | ||
| + | line-height: 26px; | ||
| + | padding: 1px 10px 0; | ||
| + | } | ||
| + | .btn-af-success.btn-md { | ||
| + | padding: 8px 14px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .btn-af-success.btn-lg { | ||
| + | height: 43px; | ||
| + | font-size: 15px; | ||
| + | text-transform: uppercase; | ||
| + | line-height: 2.25; | ||
| + | } | ||
| + | .btn-af-success:focus { | ||
| + | color: #fff; | ||
| + | outline: 0; | ||
| + | } | ||
| + | .btn-af-default { | ||
| + | padding: 3px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 0.05em; | ||
| + | color: white; | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| + | min-height: 30px; | ||
| + | line-height: 22px; | ||
| + | border-radius: 3px; | ||
| + | border: 1px solid #c9d8db; | ||
| + | background-color: #e8f0f2; | ||
| + | -webkit-transition: background-color 0.2s; | ||
| + | transition: background-color 0.2s; | ||
| + | -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | -webkit-box-shadow: inset 0 1px 0 0 #ffffff; | ||
| + | box-shadow: inset 0 1px 0 0 #ffffff; | ||
| + | text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2); | ||
| + | color: #344043; | ||
| + | } | ||
| + | .btn-af-default > *:last-child { | ||
| + | margin-right: -0.025em; | ||
| + | } | ||
| + | .btn-af-default:hover { | ||
| + | background-color: #f8fbfb; | ||
| + | } | ||
| + | .btn-af-default:active, | ||
| + | .btn-af-default.active, | ||
| + | .btn-group.open .btn-af-default.dropdown-toggle, | ||
| + | .dropdown.open > .btn-af-default { | ||
| + | background-color: #c9d8db; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 #bdcfd3; | ||
| + | box-shadow: inset 0 -1px 0 0 #bdcfd3; | ||
| + | } | ||
| + | .btn-af-default:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | .btn-af-default.btn-xs { | ||
| + | min-height: 0px; | ||
| + | font-size: 11px; | ||
| + | letter-spacing: 0; | ||
| + | text-transform: none; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | .btn-af-default.btn-sm { | ||
| + | min-height: 29px; | ||
| + | line-height: 26px; | ||
| + | padding: 1px 10px 0; | ||
| + | } | ||
| + | .btn-af-default.btn-md { | ||
| + | padding: 8px 14px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .btn-af-default.btn-lg { | ||
| + | height: 43px; | ||
| + | font-size: 15px; | ||
| + | text-transform: uppercase; | ||
| + | line-height: 2.25; | ||
| + | } | ||
| + | .btn-af-default:focus { | ||
| + | color: #fff; | ||
| + | outline: 0; | ||
| + | } | ||
| + | .btn-af-default:hover, | ||
| + | .btn-af-default:focus { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .btn-af-default .caret { | ||
| + | margin-bottom: 2px; | ||
| + | margin-left: 5px; | ||
| + | border-top-color: #344043; | ||
| + | } | ||
| + | .btn-af-mb { | ||
| + | padding: 3px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 0.05em; | ||
| + | color: white; | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| + | min-height: 30px; | ||
| + | line-height: 22px; | ||
| + | border-radius: 3px; | ||
| + | border: 1px solid #02a579; | ||
| + | background-color: #03c08d; | ||
| + | -webkit-transition: background-color 0.2s; | ||
| + | transition: background-color 0.2s; | ||
| + | -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | } | ||
| + | .btn-af-mb > *:last-child { | ||
| + | margin-right: -0.025em; | ||
| + | } | ||
| + | .btn-af-mb:hover { | ||
| + | background-color: #03d99f; | ||
| + | } | ||
| + | .btn-af-mb:active, | ||
| + | .btn-af-mb.active, | ||
| + | .btn-group.open .btn-af-mb.dropdown-toggle, | ||
| + | .dropdown.open > .btn-af-mb { | ||
| + | background-color: #02a579; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 #02916a; | ||
| + | box-shadow: inset 0 -1px 0 0 #02916a; | ||
| + | } | ||
| + | .btn-af-mb:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | .btn-af-mb.btn-xs { | ||
| + | min-height: 0px; | ||
| + | font-size: 11px; | ||
| + | letter-spacing: 0; | ||
| + | text-transform: none; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | .btn-af-mb.btn-sm { | ||
| + | min-height: 29px; | ||
| + | line-height: 26px; | ||
| + | padding: 1px 10px 0; | ||
| + | } | ||
| + | .btn-af-mb.btn-md { | ||
| + | padding: 8px 14px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .btn-af-mb.btn-lg { | ||
| + | height: 43px; | ||
| + | font-size: 15px; | ||
| + | text-transform: uppercase; | ||
| + | line-height: 2.25; | ||
| + | } | ||
| + | .btn-af-mb:focus { | ||
| + | color: #fff; | ||
| + | outline: 0; | ||
| + | } | ||
| + | .btn-af-pr { | ||
| + | padding: 3px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 0.05em; | ||
| + | color: white; | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| + | min-height: 30px; | ||
| + | line-height: 22px; | ||
| + | border-radius: 3px; | ||
| + | border: 1px solid #d9563a; | ||
| + | background-color: #e96e51; | ||
| + | -webkit-transition: background-color 0.2s; | ||
| + | transition: background-color 0.2s; | ||
| + | -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | } | ||
| + | .btn-af-pr > *:last-child { | ||
| + | margin-right: -0.025em; | ||
| + | } | ||
| + | .btn-af-pr:hover { | ||
| + | background-color: #ec8168; | ||
| + | } | ||
| + | .btn-af-pr:active, | ||
| + | .btn-af-pr.active, | ||
| + | .btn-group.open .btn-af-pr.dropdown-toggle, | ||
| + | .dropdown.open > .btn-af-pr { | ||
| + | background-color: #d9563a; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 #d54829; | ||
| + | box-shadow: inset 0 -1px 0 0 #d54829; | ||
| + | } | ||
| + | .btn-af-pr:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | .btn-af-pr.btn-xs { | ||
| + | min-height: 0px; | ||
| + | font-size: 11px; | ||
| + | letter-spacing: 0; | ||
| + | text-transform: none; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | .btn-af-pr.btn-sm { | ||
| + | min-height: 29px; | ||
| + | line-height: 26px; | ||
| + | padding: 1px 10px 0; | ||
| + | } | ||
| + | .btn-af-pr.btn-md { | ||
| + | padding: 8px 14px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .btn-af-pr.btn-lg { | ||
| + | height: 43px; | ||
| + | font-size: 15px; | ||
| + | text-transform: uppercase; | ||
| + | line-height: 2.25; | ||
| + | } | ||
| + | .btn-af-pr:focus { | ||
| + | color: #fff; | ||
| + | outline: 0; | ||
| + | } | ||
| + | .btn-af-ga { | ||
| + | padding: 3px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 0.05em; | ||
| + | color: white; | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| + | min-height: 30px; | ||
| + | line-height: 22px; | ||
| + | border-radius: 3px; | ||
| + | border: 1px solid #8e44ad; | ||
| + | background-color: #9b59b6; | ||
| + | -webkit-transition: background-color 0.2s; | ||
| + | transition: background-color 0.2s; | ||
| + | -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | } | ||
| + | .btn-af-ga > *:last-child { | ||
| + | margin-right: -0.025em; | ||
| + | } | ||
| + | .btn-af-ga:hover { | ||
| + | background-color: #a66bbe; | ||
| + | } | ||
| + | .btn-af-ga:active, | ||
| + | .btn-af-ga.active, | ||
| + | .btn-group.open .btn-af-ga.dropdown-toggle, | ||
| + | .dropdown.open > .btn-af-ga { | ||
| + | background-color: #8e44ad; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 #823e9e; | ||
| + | box-shadow: inset 0 -1px 0 0 #823e9e; | ||
| + | } | ||
| + | .btn-af-ga:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | .btn-af-ga.btn-xs { | ||
| + | min-height: 0px; | ||
| + | font-size: 11px; | ||
| + | letter-spacing: 0; | ||
| + | text-transform: none; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | .btn-af-ga.btn-sm { | ||
| + | min-height: 29px; | ||
| + | line-height: 26px; | ||
| + | padding: 1px 10px 0; | ||
| + | } | ||
| + | .btn-af-ga.btn-md { | ||
| + | padding: 8px 14px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .btn-af-ga.btn-lg { | ||
| + | height: 43px; | ||
| + | font-size: 15px; | ||
| + | text-transform: uppercase; | ||
| + | line-height: 2.25; | ||
| + | } | ||
| + | .btn-af-ga:focus { | ||
| + | color: #fff; | ||
| + | outline: 0; | ||
| + | } | ||
| + | .btn-af-link { | ||
| + | padding: 3px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 0.05em; | ||
| + | color: white; | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| + | min-height: 30px; | ||
| + | line-height: 22px; | ||
| + | border-radius: 3px; | ||
| + | border: 1px solid #ffffff; | ||
| + | background-color: #ffffff; | ||
| + | -webkit-transition: background-color 0.2s; | ||
| + | transition: background-color 0.2s; | ||
| + | -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | border-color: transparent; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | text-shadow: none; | ||
| + | font-size: 12px; | ||
| + | font-weight: 600; | ||
| + | color: #428ce1; | ||
| + | letter-spacing: 0; | ||
| + | } | ||
| + | .btn-af-link > *:last-child { | ||
| + | margin-right: -0.025em; | ||
| + | } | ||
| + | .btn-af-link:hover { | ||
| + | background-color: #ffffff; | ||
| + | } | ||
| + | .btn-af-link:active, | ||
| + | .btn-af-link.active, | ||
| + | .btn-group.open .btn-af-link.dropdown-toggle, | ||
| + | .dropdown.open > .btn-af-link { | ||
| + | background-color: #ffffff; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 #f5f5f5; | ||
| + | box-shadow: inset 0 -1px 0 0 #f5f5f5; | ||
| + | } | ||
| + | .btn-af-link:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | .btn-af-link.btn-xs { | ||
| + | min-height: 0px; | ||
| + | font-size: 11px; | ||
| + | letter-spacing: 0; | ||
| + | text-transform: none; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | .btn-af-link.btn-sm { | ||
| + | min-height: 29px; | ||
| + | line-height: 26px; | ||
| + | padding: 1px 10px 0; | ||
| + | } | ||
| + | .btn-af-link.btn-md { | ||
| + | padding: 8px 14px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .btn-af-link.btn-lg { | ||
| + | height: 43px; | ||
| + | font-size: 15px; | ||
| + | text-transform: uppercase; | ||
| + | line-height: 2.25; | ||
| + | } | ||
| + | .btn-af-link:focus { | ||
| + | color: #fff; | ||
| + | outline: 0; | ||
| + | } | ||
| + | .btn-af-link:hover { | ||
| + | color: #2c76cc; | ||
| + | } | ||
| + | .btn-af-link:active { | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | border-color: transparent; | ||
| + | background-color: transparent; | ||
| + | background-image: none; | ||
| + | } | ||
| + | .af-btn-group-block { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .af-btn-group-block .btn { | ||
| + | width: 100%; | ||
| + | text-align: left; | ||
| + | overflow-x: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | .af-btn-group-block .dropdown-menu { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .placeholder-fontawesome .select2-chosen { | ||
| + | font-family: 'FontAwesome'; | ||
| + | } | ||
| + | body .input-group input + .input-group-btn .select2-choice, | ||
| + | #editor .input-group input + .input-group-btn .select2-choice { | ||
| + | border-top-left-radius: 0; | ||
| + | border-bottom-left-radius: 0; | ||
| + | } | ||
| + | body .input-group input + .input-group-btn > .btn-group:not(:last-child) .select2-choice, | ||
| + | #editor .input-group input + .input-group-btn > .btn-group:not(:last-child) .select2-choice { | ||
| + | border-top-right-radius: 0; | ||
| + | border-bottom-right-radius: 0; | ||
| + | } | ||
| + | body .select2-container.select2-container-disabled, | ||
| + | #editor .select2-container.select2-container-disabled { | ||
| + | opacity: 0.7; | ||
| + | } | ||
| + | body .select2-container.select2-container--large .select2-choice, | ||
| + | #editor .select2-container.select2-container--large .select2-choice { | ||
| + | height: 43px; | ||
| + | min-height: 43px; | ||
| + | line-height: 43px; | ||
| + | font-size: 13px; | ||
| + | padding-top: 0; | ||
| + | padding-bottom: 0; | ||
| + | } | ||
| + | body .select2-container.select2-container--large .select2-choice .select2-arrow b, | ||
| + | #editor .select2-container.select2-container--large .select2-choice .select2-arrow b { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | body .select2-container .select2-choice, | ||
| + | #editor .select2-container .select2-choice { | ||
| + | padding: 3px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 0.05em; | ||
| + | color: white; | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| + | min-height: 30px; | ||
| + | line-height: 22px; | ||
| + | border-radius: 3px; | ||
| + | border: 1px solid #c9d8db; | ||
| + | background-color: #e8f0f2; | ||
| + | -webkit-transition: background-color 0.2s; | ||
| + | transition: background-color 0.2s; | ||
| + | -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | -webkit-box-shadow: inset 0 1px 0 0 #ffffff; | ||
| + | box-shadow: inset 0 1px 0 0 #ffffff; | ||
| + | text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2); | ||
| + | color: #344043; | ||
| + | background-image: none; | ||
| + | } | ||
| + | body .select2-container .select2-choice > *:last-child, | ||
| + | #editor .select2-container .select2-choice > *:last-child { | ||
| + | margin-right: -0.025em; | ||
| + | } | ||
| + | body .select2-container .select2-choice:hover, | ||
| + | #editor .select2-container .select2-choice:hover { | ||
| + | background-color: #f8fbfb; | ||
| + | } | ||
| + | body .select2-container .select2-choice:active, | ||
| + | #editor .select2-container .select2-choice:active, | ||
| + | body .select2-container .select2-choice.active, | ||
| + | #editor .select2-container .select2-choice.active, | ||
| + | .btn-group.open body .select2-container .select2-choice.dropdown-toggle, | ||
| + | .btn-group.open #editor .select2-container .select2-choice.dropdown-toggle, | ||
| + | .dropdown.open > body .select2-container .select2-choice, | ||
| + | .dropdown.open > #editor .select2-container .select2-choice { | ||
| + | background-color: #c9d8db; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 #bdcfd3; | ||
| + | box-shadow: inset 0 -1px 0 0 #bdcfd3; | ||
| + | } | ||
| + | body .select2-container .select2-choice:hover, | ||
| + | #editor .select2-container .select2-choice:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | body .select2-container .select2-choice.btn-xs, | ||
| + | #editor .select2-container .select2-choice.btn-xs { | ||
| + | min-height: 0px; | ||
| + | font-size: 11px; | ||
| + | letter-spacing: 0; | ||
| + | text-transform: none; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | body .select2-container .select2-choice.btn-sm, | ||
| + | #editor .select2-container .select2-choice.btn-sm { | ||
| + | min-height: 29px; | ||
| + | line-height: 26px; | ||
| + | padding: 1px 10px 0; | ||
| + | } | ||
| + | body .select2-container .select2-choice.btn-md, | ||
| + | #editor .select2-container .select2-choice.btn-md { | ||
| + | padding: 8px 14px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | body .select2-container .select2-choice.btn-lg, | ||
| + | #editor .select2-container .select2-choice.btn-lg { | ||
| + | height: 43px; | ||
| + | font-size: 15px; | ||
| + | text-transform: uppercase; | ||
| + | line-height: 2.25; | ||
| + | } | ||
| + | body .select2-container .select2-choice:focus, | ||
| + | #editor .select2-container .select2-choice:focus { | ||
| + | color: #fff; | ||
| + | outline: 0; | ||
| + | } | ||
| + | body .select2-container .select2-choice:hover, | ||
| + | #editor .select2-container .select2-choice:hover, | ||
| + | body .select2-container .select2-choice:focus, | ||
| + | #editor .select2-container .select2-choice:focus { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | body .select2-container .select2-choice .caret, | ||
| + | #editor .select2-container .select2-choice .caret { | ||
| + | margin-bottom: 2px; | ||
| + | margin-left: 5px; | ||
| + | border-top-color: #344043; | ||
| + | } | ||
| + | body .select2-container .select2-choice .select2-chosen, | ||
| + | #editor .select2-container .select2-choice .select2-chosen { | ||
| + | color: #5c7c83 !important; | ||
| + | } | ||
| + | body .select2-container .select2-choice .select2-arrow, | ||
| + | #editor .select2-container .select2-choice .select2-arrow { | ||
| + | border-left: none; | ||
| + | background: none; | ||
| + | } | ||
| + | body .select2-container .select2-choice .select2-arrow b, | ||
| + | #editor .select2-container .select2-choice .select2-arrow b { | ||
| + | margin-top: 8px; | ||
| + | border-left: 5px solid transparent; | ||
| + | border-right: 5px solid transparent; | ||
| + | border-top: 5px solid #344043; | ||
| + | background: none; | ||
| + | margin-bottom: 2px; | ||
| + | display: inline-block; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | vertical-align: middle; | ||
| + | border-bottom: 0 dotted; | ||
| + | content: ''; | ||
| + | } | ||
| + | body .select2-container.select2-dropdown-open .select2-choice, | ||
| + | #editor .select2-container.select2-dropdown-open .select2-choice { | ||
| + | background-color: #c9d8db; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 #bdcfd3; | ||
| + | box-shadow: inset 0 -1px 0 0 #bdcfd3; | ||
| + | } | ||
| + | body .select2-container .select2-choice .select2-chosen, | ||
| + | #editor .select2-container .select2-choice .select2-chosen { | ||
| + | margin-right: 15px; | ||
| + | } | ||
| + | body .select2-container.select2-allowclear .select2-choice .select2-chosen, | ||
| + | #editor .select2-container.select2-allowclear .select2-choice .select2-chosen { | ||
| + | margin-right: 30px; | ||
| + | } | ||
| + | body .select2-container-disabled, | ||
| + | #editor .select2-container-disabled { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | body .select2-container-disabled .select2-choice:hover, | ||
| + | #editor .select2-container-disabled .select2-choice:hover { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | body .select2-container-multi .select2-choices, | ||
| + | #editor .select2-container-multi .select2-choices { | ||
| + | background: none; | ||
| + | border-color: #5c7c83; | ||
| + | } | ||
| + | body .select2-container-multi .select2-choices .select2-search-field input, | ||
| + | #editor .select2-container-multi .select2-choices .select2-search-field input { | ||
| + | margin: 0; | ||
| + | font-family: inherit; | ||
| + | min-height: 26px; | ||
| + | height: 26px; | ||
| + | } | ||
| + | body .select2-container-multi .select2-choices .select2-search-choice, | ||
| + | #editor .select2-container-multi .select2-choices .select2-search-choice { | ||
| + | background: #e8f0f2; | ||
| + | border-radius: 0; | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | body .select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus, | ||
| + | #editor .select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus { | ||
| + | border: 1px solid #428ce1; | ||
| + | background: #428ce1; | ||
| + | color: white; | ||
| + | } | ||
| + | body .select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus .select2-search-choice-close, | ||
| + | #editor .select2-container-multi .select2-choices .select2-search-choice.select2-search-choice-focus .select2-search-choice-close { | ||
| + | color: white; | ||
| + | } | ||
| + | body .select2-container-multi .select2-search-choice-close, | ||
| + | #editor .select2-container-multi .select2-search-choice-close { | ||
| + | top: 3px; | ||
| + | } | ||
| + | body .select2-container-multi.select2-container-active .select2-choice, | ||
| + | #editor .select2-container-multi.select2-container-active .select2-choice, | ||
| + | body .select2-container-multi.select2-container-active .select2-choices, | ||
| + | #editor .select2-container-multi.select2-container-active .select2-choices { | ||
| + | border-color: #428ce1; | ||
| + | outline: none; | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | body .select2-container, | ||
| + | #editor .select2-container, | ||
| + | body .select2-choices, | ||
| + | #editor .select2-choices { | ||
| + | outline: none; | ||
| + | } | ||
| + | body .select2-drop, | ||
| + | #editor .select2-drop { | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | body .select2-dropdown-open.select2-drop-above .select2-choice, | ||
| + | #editor .select2-dropdown-open.select2-drop-above .select2-choice, | ||
| + | body .select2-dropdown-open.select2-drop-above .select2-choices, | ||
| + | #editor .select2-dropdown-open.select2-drop-above .select2-choices { | ||
| + | border-color: #5c7c83; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | body .select2-drop.select2-drop-active, | ||
| + | #editor .select2-drop.select2-drop-active, | ||
| + | body .select2-drop.select2-drop-active.select2-drop-above, | ||
| + | #editor .select2-drop.select2-drop-active.select2-drop-above { | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | body .select2-drop.select2-drop-active .select2-search, | ||
| + | #editor .select2-drop.select2-drop-active .select2-search, | ||
| + | body .select2-drop.select2-drop-active.select2-drop-above .select2-search, | ||
| + | #editor .select2-drop.select2-drop-active.select2-drop-above .select2-search { | ||
| + | margin-top: 4px; | ||
| + | } | ||
| + | body .select2-drop.select2-drop-active .select2-results .select2-highlighted, | ||
| + | #editor .select2-drop.select2-drop-active .select2-results .select2-highlighted, | ||
| + | body .select2-drop.select2-drop-active.select2-drop-above .select2-results .select2-highlighted, | ||
| + | #editor .select2-drop.select2-drop-active.select2-drop-above .select2-results .select2-highlighted { | ||
| + | background: #428ce1; | ||
| + | } | ||
| + | body .select2-drop.select2-drop-active .select2-no-results, | ||
| + | #editor .select2-drop.select2-drop-active .select2-no-results, | ||
| + | body .select2-drop.select2-drop-active.select2-drop-above .select2-no-results, | ||
| + | #editor .select2-drop.select2-drop-active.select2-drop-above .select2-no-results { | ||
| + | padding: 3px; | ||
| + | background: none; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | body .select2-results, | ||
| + | #editor .select2-results { | ||
| + | overflow-y: auto; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | body .select2-results::-webkit-scrollbar, | ||
| + | #editor .select2-results::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | body .select2-results::-webkit-scrollbar-track, | ||
| + | #editor .select2-results::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | body .select2-results:hover::-webkit-scrollbar-track, | ||
| + | #editor .select2-results:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | body .select2-results::-webkit-scrollbar-thumb, | ||
| + | #editor .select2-results::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | body .select2-results:hover::-webkit-scrollbar-thumb, | ||
| + | #editor .select2-results:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | body .select2-results-dept-1 .select2-result-label, | ||
| + | #editor .select2-results-dept-1 .select2-result-label { | ||
| + | padding-left: 12px; | ||
| + | } | ||
| + | body .select2-search input, | ||
| + | #editor .select2-search input { | ||
| + | background: url('../lib/select2/select2.png') no-repeat 100% -22px; | ||
| + | } | ||
| + | /************************************** | ||
| + | * BOOTSTRAP OVERRIDES | ||
| + | **************************************/ | ||
| + | .dropdown-menu > .dropdown-header, | ||
| + | .dropdown-menu > li > a { | ||
| + | padding: 3px 10px; | ||
| + | } | ||
| + | .dropdown-menu.fixed-width-icons .glyphicon, | ||
| + | .dropdown-menu.fixed-width-icons i, | ||
| + | .dropdown-menu.fixed-width-icons .svgIcon { | ||
| + | display: inline-block; | ||
| + | width: 10px; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | .modal.in .modal-dialog { | ||
| + | -webkit-transform: none; | ||
| + | -moz-transform: none; | ||
| + | -ms-transform: none; | ||
| + | -o-transform: none; | ||
| + | transform: none; | ||
| + | } | ||
| + | body.modal-open, | ||
| + | .modal-open .navbar-fixed-top, | ||
| + | .modal-open .navbar-fixed-bottom { | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .pager .disabled > a, | ||
| + | .pager .disabled > span { | ||
| + | cursor: default !important; | ||
| + | } | ||
| + | .dropdown-menu.scrollable { | ||
| + | max-height: 500px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .nav-stacked > li + li { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | .glyphicon { | ||
| + | height: inherit; | ||
| + | vertical-align: text-top; | ||
| + | } | ||
| + | .input-group-btn { | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .form-control, | ||
| + | .form-control:focus { | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | -webkit-transition: none; | ||
| + | transition: none; | ||
| + | } | ||
| + | input[type=text] + .help-block { | ||
| + | margin-top: -10px; | ||
| + | } | ||
| + | .af-popover { | ||
| + | position: absolute; | ||
| + | top: 100%; | ||
| + | background: white; | ||
| + | z-index: 1010; | ||
| + | width: 250px; | ||
| + | left: 50%; | ||
| + | margin-left: -125px; | ||
| + | margin-top: 5px; | ||
| + | padding: 10px; | ||
| + | color: #344043; | ||
| + | border: 1px solid #d9dcde; | ||
| + | -webkit-box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.5); | ||
| + | box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.5); | ||
| + | text-shadow: none; | ||
| + | line-height: 18px; | ||
| + | } | ||
| + | .af-popover-triangle { | ||
| + | width: 0px; | ||
| + | height: 0px; | ||
| + | border-style: solid; | ||
| + | border-width: 0 12px 12px 12px; | ||
| + | border-color: transparent transparent #d9dcde transparent; | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 50%; | ||
| + | margin-left: -12px; | ||
| + | margin-top: -12px; | ||
| + | } | ||
| + | .af-popover-triangle:before { | ||
| + | content: ''; | ||
| + | width: 0px; | ||
| + | height: 0px; | ||
| + | border-style: solid; | ||
| + | border-width: 0 11px 11px 11px; | ||
| + | border-color: transparent transparent #ffffff transparent; | ||
| + | position: absolute; | ||
| + | margin-left: -11px; | ||
| + | margin-top: 1px; | ||
| + | } | ||
| + | .af-popover--rightAlign { | ||
| + | left: auto; | ||
| + | right: 0; | ||
| + | } | ||
| + | .af-popover--rightAlign .af-popover-triangle { | ||
| + | right: 2px; | ||
| + | left: auto; | ||
| + | } | ||
| + | .radio input[type='radio'], | ||
| + | .radio-inline--labelAligned input[type='radio'] { | ||
| + | margin-top: 2px; | ||
| + | } | ||
| + | a { | ||
| + | color: #428ce1; | ||
| + | text-decoration: none; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | a:hover, | ||
| + | a:focus { | ||
| + | color: #2c76cc; | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | a:focus { | ||
| + | outline: 0; | ||
| + | } | ||
| + | h1, | ||
| + | h2, | ||
| + | h3, | ||
| + | h4, | ||
| + | h5, | ||
| + | h6 { | ||
| + | font-weight: 500; | ||
| + | font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif; | ||
| + | margin: 10px 0; | ||
| + | } | ||
| + | h1, | ||
| + | h2, | ||
| + | h3 { | ||
| + | margin-top: 20px; | ||
| + | } | ||
| + | h1 { | ||
| + | font-size: 24px; | ||
| + | } | ||
| + | h2 { | ||
| + | font-size: 20px; | ||
| + | } | ||
| + | h2.mini { | ||
| + | font-size: 12px; | ||
| + | font-weight: 500; | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 1px; | ||
| + | } | ||
| + | h3 { | ||
| + | font-size: 18px; | ||
| + | } | ||
| + | h4 { | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | h6.all-caps { | ||
| + | font-size: 11px; | ||
| + | letter-spacing: 1px; | ||
| + | } | ||
| + | .well { | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | .existing-caret { | ||
| + | margin-top: 8px; | ||
| + | border-left: 5px solid transparent; | ||
| + | border-right: 5px solid transparent; | ||
| + | border-top: 5px solid #344043; | ||
| + | } | ||
| + | kbd { | ||
| + | padding: 0.1em 0.6em; | ||
| + | border: 1px solid #c9d8db; | ||
| + | font-size: 11px; | ||
| + | font-family: Arial, Helvetica, sans-serif; | ||
| + | background-color: #f8fafb; | ||
| + | color: #344043; | ||
| + | -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset; | ||
| + | -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset; | ||
| + | box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #ffffff inset; | ||
| + | -moz-border-radius: 3px; | ||
| + | -webkit-border-radius: 3px; | ||
| + | border-radius: 3px; | ||
| + | display: inline-block; | ||
| + | margin: 0 0.1em; | ||
| + | text-shadow: 0 1px 0 #FFF; | ||
| + | line-height: 1.4; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | label { | ||
| + | font-weight: 500; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | } | ||
| + | label input[type=checkbox] { | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | form fieldset { | ||
| + | margin: 10px 0 20px; | ||
| + | width: 100%; | ||
| + | min-width: 0; | ||
| + | } | ||
| + | form label.required:after { | ||
| + | content: '*'; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | form.form-inline input, | ||
| + | form.form-inline textarea { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | form span.field-error { | ||
| + | display: block; | ||
| + | color: #b94a48; | ||
| + | margin-top: 2px; | ||
| + | margin-bottom: 8px; | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | form input:invalid { | ||
| + | border: 1px solid #eed3d7; | ||
| + | background: #f2dede; | ||
| + | color: #b94a48; | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | form .control-label { | ||
| + | word-break: normal; | ||
| + | } | ||
| + | p { | ||
| + | font-weight: 400; | ||
| + | word-break: normal; | ||
| + | -webkit-user-select: text; | ||
| + | -moz-user-select: text; | ||
| + | -ms-user-select: text; | ||
| + | -o-user-select: text; | ||
| + | user-select: text; | ||
| + | margin: 0 0 10px; | ||
| + | } | ||
| + | strong { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | th { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | input[type="checkbox"] { | ||
| + | margin-top: 2px; | ||
| + | } | ||
| + | select, | ||
| + | textarea, | ||
| + | input[type="text"], | ||
| + | input[type="password"], | ||
| + | input[type="datetime"], | ||
| + | input[type="datetime-local"], | ||
| + | input[type="date"], | ||
| + | input[type="month"], | ||
| + | input[type="time"], | ||
| + | input[type="week"], | ||
| + | input[type="number"], | ||
| + | input[type="email"], | ||
| + | input[type="url"], | ||
| + | input[type="search"], | ||
| + | input[type="tel"], | ||
| + | input[type="color"] { | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | height: 30px; | ||
| + | padding: 6px 12px; | ||
| + | font-size: 12px; | ||
| + | line-height: 1.42857143; | ||
| + | color: #344043; | ||
| + | vertical-align: middle; | ||
| + | background-color: #ffffff; | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-radius: 3px; | ||
| + | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
| + | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | ||
| + | -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | ||
| + | transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | -webkit-transition: none; | ||
| + | transition: none; | ||
| + | } | ||
| + | select:-moz-placeholder, | ||
| + | textarea:-moz-placeholder, | ||
| + | input[type="text"]:-moz-placeholder, | ||
| + | input[type="password"]:-moz-placeholder, | ||
| + | input[type="datetime"]:-moz-placeholder, | ||
| + | input[type="datetime-local"]:-moz-placeholder, | ||
| + | input[type="date"]:-moz-placeholder, | ||
| + | input[type="month"]:-moz-placeholder, | ||
| + | input[type="time"]:-moz-placeholder, | ||
| + | input[type="week"]:-moz-placeholder, | ||
| + | input[type="number"]:-moz-placeholder, | ||
| + | input[type="email"]:-moz-placeholder, | ||
| + | input[type="url"]:-moz-placeholder, | ||
| + | input[type="search"]:-moz-placeholder, | ||
| + | input[type="tel"]:-moz-placeholder, | ||
| + | input[type="color"]:-moz-placeholder { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | select::-moz-placeholder, | ||
| + | textarea::-moz-placeholder, | ||
| + | input[type="text"]::-moz-placeholder, | ||
| + | input[type="password"]::-moz-placeholder, | ||
| + | input[type="datetime"]::-moz-placeholder, | ||
| + | input[type="datetime-local"]::-moz-placeholder, | ||
| + | input[type="date"]::-moz-placeholder, | ||
| + | input[type="month"]::-moz-placeholder, | ||
| + | input[type="time"]::-moz-placeholder, | ||
| + | input[type="week"]::-moz-placeholder, | ||
| + | input[type="number"]::-moz-placeholder, | ||
| + | input[type="email"]::-moz-placeholder, | ||
| + | input[type="url"]::-moz-placeholder, | ||
| + | input[type="search"]::-moz-placeholder, | ||
| + | input[type="tel"]::-moz-placeholder, | ||
| + | input[type="color"]::-moz-placeholder { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | select:-ms-input-placeholder, | ||
| + | textarea:-ms-input-placeholder, | ||
| + | input[type="text"]:-ms-input-placeholder, | ||
| + | input[type="password"]:-ms-input-placeholder, | ||
| + | input[type="datetime"]:-ms-input-placeholder, | ||
| + | input[type="datetime-local"]:-ms-input-placeholder, | ||
| + | input[type="date"]:-ms-input-placeholder, | ||
| + | input[type="month"]:-ms-input-placeholder, | ||
| + | input[type="time"]:-ms-input-placeholder, | ||
| + | input[type="week"]:-ms-input-placeholder, | ||
| + | input[type="number"]:-ms-input-placeholder, | ||
| + | input[type="email"]:-ms-input-placeholder, | ||
| + | input[type="url"]:-ms-input-placeholder, | ||
| + | input[type="search"]:-ms-input-placeholder, | ||
| + | input[type="tel"]:-ms-input-placeholder, | ||
| + | input[type="color"]:-ms-input-placeholder { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | select::-webkit-input-placeholder, | ||
| + | textarea::-webkit-input-placeholder, | ||
| + | input[type="text"]::-webkit-input-placeholder, | ||
| + | input[type="password"]::-webkit-input-placeholder, | ||
| + | input[type="datetime"]::-webkit-input-placeholder, | ||
| + | input[type="datetime-local"]::-webkit-input-placeholder, | ||
| + | input[type="date"]::-webkit-input-placeholder, | ||
| + | input[type="month"]::-webkit-input-placeholder, | ||
| + | input[type="time"]::-webkit-input-placeholder, | ||
| + | input[type="week"]::-webkit-input-placeholder, | ||
| + | input[type="number"]::-webkit-input-placeholder, | ||
| + | input[type="email"]::-webkit-input-placeholder, | ||
| + | input[type="url"]::-webkit-input-placeholder, | ||
| + | input[type="search"]::-webkit-input-placeholder, | ||
| + | input[type="tel"]::-webkit-input-placeholder, | ||
| + | input[type="color"]::-webkit-input-placeholder { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | select:focus, | ||
| + | textarea:focus, | ||
| + | input[type="text"]:focus, | ||
| + | input[type="password"]:focus, | ||
| + | input[type="datetime"]:focus, | ||
| + | input[type="datetime-local"]:focus, | ||
| + | input[type="date"]:focus, | ||
| + | input[type="month"]:focus, | ||
| + | input[type="time"]:focus, | ||
| + | input[type="week"]:focus, | ||
| + | input[type="number"]:focus, | ||
| + | input[type="email"]:focus, | ||
| + | input[type="url"]:focus, | ||
| + | input[type="search"]:focus, | ||
| + | input[type="tel"]:focus, | ||
| + | input[type="color"]:focus { | ||
| + | border-color: #428ce1; | ||
| + | outline: 0; | ||
| + | -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(66, 140, 225, 0.6); | ||
| + | box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(66, 140, 225, 0.6); | ||
| + | } | ||
| + | select[disabled], | ||
| + | textarea[disabled], | ||
| + | input[type="text"][disabled], | ||
| + | input[type="password"][disabled], | ||
| + | input[type="datetime"][disabled], | ||
| + | input[type="datetime-local"][disabled], | ||
| + | input[type="date"][disabled], | ||
| + | input[type="month"][disabled], | ||
| + | input[type="time"][disabled], | ||
| + | input[type="week"][disabled], | ||
| + | input[type="number"][disabled], | ||
| + | input[type="email"][disabled], | ||
| + | input[type="url"][disabled], | ||
| + | input[type="search"][disabled], | ||
| + | input[type="tel"][disabled], | ||
| + | input[type="color"][disabled], | ||
| + | select[readonly], | ||
| + | textarea[readonly], | ||
| + | input[type="text"][readonly], | ||
| + | input[type="password"][readonly], | ||
| + | input[type="datetime"][readonly], | ||
| + | input[type="datetime-local"][readonly], | ||
| + | input[type="date"][readonly], | ||
| + | input[type="month"][readonly], | ||
| + | input[type="time"][readonly], | ||
| + | input[type="week"][readonly], | ||
| + | input[type="number"][readonly], | ||
| + | input[type="email"][readonly], | ||
| + | input[type="url"][readonly], | ||
| + | input[type="search"][readonly], | ||
| + | input[type="tel"][readonly], | ||
| + | input[type="color"][readonly], | ||
| + | fieldset[disabled] select, | ||
| + | fieldset[disabled] textarea, | ||
| + | fieldset[disabled] input[type="text"], | ||
| + | fieldset[disabled] input[type="password"], | ||
| + | fieldset[disabled] input[type="datetime"], | ||
| + | fieldset[disabled] input[type="datetime-local"], | ||
| + | fieldset[disabled] input[type="date"], | ||
| + | fieldset[disabled] input[type="month"], | ||
| + | fieldset[disabled] input[type="time"], | ||
| + | fieldset[disabled] input[type="week"], | ||
| + | fieldset[disabled] input[type="number"], | ||
| + | fieldset[disabled] input[type="email"], | ||
| + | fieldset[disabled] input[type="url"], | ||
| + | fieldset[disabled] input[type="search"], | ||
| + | fieldset[disabled] input[type="tel"], | ||
| + | fieldset[disabled] input[type="color"] { | ||
| + | cursor: not-allowed; | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | textareaselect, | ||
| + | textareatextarea, | ||
| + | textareainput[type="text"], | ||
| + | textareainput[type="password"], | ||
| + | textareainput[type="datetime"], | ||
| + | textareainput[type="datetime-local"], | ||
| + | textareainput[type="date"], | ||
| + | textareainput[type="month"], | ||
| + | textareainput[type="time"], | ||
| + | textareainput[type="week"], | ||
| + | textareainput[type="number"], | ||
| + | textareainput[type="email"], | ||
| + | textareainput[type="url"], | ||
| + | textareainput[type="search"], | ||
| + | textareainput[type="tel"], | ||
| + | textareainput[type="color"] { | ||
| + | height: auto; | ||
| + | } | ||
| + | select.input-lg, | ||
| + | textarea.input-lg, | ||
| + | input[type="text"].input-lg, | ||
| + | input[type="password"].input-lg, | ||
| + | input[type="datetime"].input-lg, | ||
| + | input[type="datetime-local"].input-lg, | ||
| + | input[type="date"].input-lg, | ||
| + | input[type="month"].input-lg, | ||
| + | input[type="time"].input-lg, | ||
| + | input[type="week"].input-lg, | ||
| + | input[type="number"].input-lg, | ||
| + | input[type="email"].input-lg, | ||
| + | input[type="url"].input-lg, | ||
| + | input[type="search"].input-lg, | ||
| + | input[type="tel"].input-lg, | ||
| + | input[type="color"].input-lg { | ||
| + | height: 43px; | ||
| + | padding: 10px 16px; | ||
| + | font-size: 16px; | ||
| + | line-height: 1.33; | ||
| + | border-radius: 3px; | ||
| + | line-height: 1.5; | ||
| + | } | ||
| + | selectselect.input-lg, | ||
| + | selecttextarea.input-lg, | ||
| + | selectinput[type="text"].input-lg, | ||
| + | selectinput[type="password"].input-lg, | ||
| + | selectinput[type="datetime"].input-lg, | ||
| + | selectinput[type="datetime-local"].input-lg, | ||
| + | selectinput[type="date"].input-lg, | ||
| + | selectinput[type="month"].input-lg, | ||
| + | selectinput[type="time"].input-lg, | ||
| + | selectinput[type="week"].input-lg, | ||
| + | selectinput[type="number"].input-lg, | ||
| + | selectinput[type="email"].input-lg, | ||
| + | selectinput[type="url"].input-lg, | ||
| + | selectinput[type="search"].input-lg, | ||
| + | selectinput[type="tel"].input-lg, | ||
| + | selectinput[type="color"].input-lg { | ||
| + | height: 43px; | ||
| + | line-height: 43px; | ||
| + | } | ||
| + | textareaselect.input-lg, | ||
| + | textareatextarea.input-lg, | ||
| + | textareainput[type="text"].input-lg, | ||
| + | textareainput[type="password"].input-lg, | ||
| + | textareainput[type="datetime"].input-lg, | ||
| + | textareainput[type="datetime-local"].input-lg, | ||
| + | textareainput[type="date"].input-lg, | ||
| + | textareainput[type="month"].input-lg, | ||
| + | textareainput[type="time"].input-lg, | ||
| + | textareainput[type="week"].input-lg, | ||
| + | textareainput[type="number"].input-lg, | ||
| + | textareainput[type="email"].input-lg, | ||
| + | textareainput[type="url"].input-lg, | ||
| + | textareainput[type="search"].input-lg, | ||
| + | textareainput[type="tel"].input-lg, | ||
| + | textareainput[type="color"].input-lg { | ||
| + | height: auto; | ||
| + | } | ||
| + | select, | ||
| + | textarea, | ||
| + | input[type="text"], | ||
| + | input[type="password"], | ||
| + | input[type="datetime"], | ||
| + | input[type="datetime-local"], | ||
| + | input[type="date"], | ||
| + | input[type="month"], | ||
| + | input[type="time"], | ||
| + | input[type="week"], | ||
| + | input[type="number"], | ||
| + | input[type="email"], | ||
| + | input[type="url"], | ||
| + | input[type="search"], | ||
| + | input[type="tel"], | ||
| + | input[type="color"] { | ||
| + | font-size: 12px; | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | -webkit-transition: none; | ||
| + | transition: none; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | select:focus, | ||
| + | textarea:focus, | ||
| + | input[type="text"]:focus, | ||
| + | input[type="password"]:focus, | ||
| + | input[type="datetime"]:focus, | ||
| + | input[type="datetime-local"]:focus, | ||
| + | input[type="date"]:focus, | ||
| + | input[type="month"]:focus, | ||
| + | input[type="time"]:focus, | ||
| + | input[type="week"]:focus, | ||
| + | input[type="number"]:focus, | ||
| + | input[type="email"]:focus, | ||
| + | input[type="url"]:focus, | ||
| + | input[type="search"]:focus, | ||
| + | input[type="tel"]:focus, | ||
| + | input[type="color"]:focus { | ||
| + | border-color: #428ce1; | ||
| + | outline: 0; | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | select.input-small, | ||
| + | textarea.input-small, | ||
| + | input[type="text"].input-small, | ||
| + | input[type="password"].input-small, | ||
| + | input[type="datetime"].input-small, | ||
| + | input[type="datetime-local"].input-small, | ||
| + | input[type="date"].input-small, | ||
| + | input[type="month"].input-small, | ||
| + | input[type="time"].input-small, | ||
| + | input[type="week"].input-small, | ||
| + | input[type="number"].input-small, | ||
| + | input[type="email"].input-small, | ||
| + | input[type="url"].input-small, | ||
| + | input[type="search"].input-small, | ||
| + | input[type="tel"].input-small, | ||
| + | input[type="color"].input-small { | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | input[type=text][readonly], | ||
| + | textarea[readonly], | ||
| + | select[disabled] { | ||
| + | cursor: default; | ||
| + | } | ||
| + | textarea[rows] { | ||
| + | height: auto; | ||
| + | } | ||
| + | .optional { | ||
| + | display: block; | ||
| + | color: #a2b9be; | ||
| + | font-size: 11px; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .table col.success, | ||
| + | .table colgroup.success { | ||
| + | background-color: #dff0d8; | ||
| + | border-color: #d6e9c6; | ||
| + | } | ||
| + | .table col.danger, | ||
| + | .table colgroup.danger { | ||
| + | background-color: #f2dede; | ||
| + | border-color: #eed3d7; | ||
| + | } | ||
| + | .table col.warning, | ||
| + | .table colgroup.warning { | ||
| + | background-color: #fcf8e3; | ||
| + | border-color: #fbeed5; | ||
| + | } | ||
| + | .navbar { | ||
| + | border-radius: 0; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .navbar .navbar-nav .caret { | ||
| + | margin-left: 5px; | ||
| + | margin-bottom: 2px; | ||
| + | } | ||
| + | .navbar-brand { | ||
| + | padding-top: 7px; | ||
| + | padding-bottom: 8px; | ||
| + | } | ||
| + | .brand-parent { | ||
| + | line-height: 50px; | ||
| + | max-height: 50px; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .powered-by-benchling { | ||
| + | display: inline-block; | ||
| + | vertical-align: bottom; | ||
| + | margin-left: -10px; | ||
| + | margin-bottom: 8px; | ||
| + | font-size: 11px; | ||
| + | letter-spacing: 0.05em; | ||
| + | line-height: 9px; | ||
| + | text-transform: uppercase; | ||
| + | font-weight: 700; | ||
| + | color: #344043; | ||
| + | opacity: 0.6; | ||
| + | } | ||
| + | a.powered-by-benchling:hover { | ||
| + | color: #a2b9be; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .powered-by-benchling .powered-by-label { | ||
| + | font-size: 9px; | ||
| + | letter-spacing: 1px; | ||
| + | } | ||
| + | .navbar-form { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | .navbar-form input { | ||
| + | -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15); | ||
| + | box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15); | ||
| + | } | ||
| + | .badge { | ||
| + | font-size: 11px; | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | .strip { | ||
| + | background-color: #428ce1; | ||
| + | height: 2px; | ||
| + | width: 100%; | ||
| + | -webkit-transition: background-color 0.4s; | ||
| + | transition: background-color 0.4s; | ||
| + | } | ||
| + | .strip.ajax-inprogress { | ||
| + | background-color: #03c08d; | ||
| + | width: 1%; | ||
| + | } | ||
| + | .all-caps { | ||
| + | text-transform: uppercase; | ||
| + | font-weight: 500; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | .condensed-markdown h1, | ||
| + | .condensed-markdown h2, | ||
| + | .condensed-markdown h3, | ||
| + | .condensed-markdown h4, | ||
| + | .condensed-markdown h5, | ||
| + | .condensed-markdown h6, | ||
| + | .condensed-markdown code, | ||
| + | .condensed-markdown li, | ||
| + | .condensed-markdown td, | ||
| + | .condensed-markdown th { | ||
| + | -webkit-user-select: text; | ||
| + | -moz-user-select: text; | ||
| + | -ms-user-select: text; | ||
| + | -o-user-select: text; | ||
| + | user-select: text; | ||
| + | } | ||
| + | .condensed-markdown h1, | ||
| + | .condensed-markdown h2, | ||
| + | .condensed-markdown h3, | ||
| + | .condensed-markdown h4, | ||
| + | .condensed-markdown h5, | ||
| + | .condensed-markdown h5 { | ||
| + | margin-top: 0; | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | .condensed-markdown h1 { | ||
| + | line-height: 16px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .condensed-markdown h2 { | ||
| + | line-height: 14px; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .condensed-markdown h3, | ||
| + | .condensed-markdown h4, | ||
| + | .condensed-markdown h5, | ||
| + | .condensed-markdown h6 { | ||
| + | line-height: 13px; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | .condensed-markdown p, | ||
| + | .condensed-markdown li { | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | .condensed-markdown blockquote { | ||
| + | margin-top: 5px; | ||
| + | padding: 5px; | ||
| + | } | ||
| + | .condensed-markdown blockquote p { | ||
| + | font-size: 11px; | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | .condensed-markdown ol, | ||
| + | .condensed-markdown ul { | ||
| + | padding-left: 25px; | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | .condensed-markdown table { | ||
| + | font-size: 11px; | ||
| + | width: 100%; | ||
| + | margin-bottom: 17px; | ||
| + | } | ||
| + | .condensed-markdown table thead > tr > th, | ||
| + | .condensed-markdown table tbody > tr > th, | ||
| + | .condensed-markdown table tfoot > tr > th, | ||
| + | .condensed-markdown table thead > tr > td, | ||
| + | .condensed-markdown table tbody > tr > td, | ||
| + | .condensed-markdown table tfoot > tr > td { | ||
| + | padding: 8px; | ||
| + | line-height: 1.42857143; | ||
| + | vertical-align: top; | ||
| + | border-top: 1px solid #dddddd; | ||
| + | } | ||
| + | .condensed-markdown table thead > tr > th { | ||
| + | vertical-align: bottom; | ||
| + | border-bottom: 2px solid #dddddd; | ||
| + | } | ||
| + | .condensed-markdown table caption + thead tr:first-child th, | ||
| + | .condensed-markdown table colgroup + thead tr:first-child th, | ||
| + | .condensed-markdown table thead:first-child tr:first-child th, | ||
| + | .condensed-markdown table caption + thead tr:first-child td, | ||
| + | .condensed-markdown table colgroup + thead tr:first-child td, | ||
| + | .condensed-markdown table thead:first-child tr:first-child td { | ||
| + | border-top: 0; | ||
| + | } | ||
| + | .condensed-markdown table tbody + tbody { | ||
| + | border-top: 2px solid #dddddd; | ||
| + | } | ||
| + | .condensed-markdown table .table { | ||
| + | background-color: #ffffff; | ||
| + | } | ||
| + | .condensed-markdown table thead > tr > th, | ||
| + | .condensed-markdown table tbody > tr > th, | ||
| + | .condensed-markdown table tfoot > tr > th, | ||
| + | .condensed-markdown table thead > tr > td, | ||
| + | .condensed-markdown table tbody > tr > td, | ||
| + | .condensed-markdown table tfoot > tr > td { | ||
| + | padding: 5px; | ||
| + | } | ||
| + | .condensed-markdown td[align='left'], | ||
| + | .condensed-markdown th[align='left'] { | ||
| + | text-align: left; | ||
| + | } | ||
| + | .condensed-markdown td[align='right'], | ||
| + | .condensed-markdown th[align='right'] { | ||
| + | text-align: right; | ||
| + | } | ||
| + | .condensed-markdown td[align='center'], | ||
| + | .condensed-markdown th[align='center'] { | ||
| + | text-align: center; | ||
| + | } | ||
| + | .error-msg { | ||
| + | font-weight: 700; | ||
| + | color: #b94a48; | ||
| + | } | ||
| + | .error-msg.text-warning { | ||
| + | color: #c09853; | ||
| + | } | ||
| + | .modal-title p { | ||
| + | margin: 0; | ||
| + | } | ||
| + | .modal-dialog { | ||
| + | -webkit-transition: width 0.1s; | ||
| + | transition: width 0.1s; | ||
| + | } | ||
| + | .wide-modal .modal-dialog { | ||
| + | width: 90%; | ||
| + | } | ||
| + | .fixed-width-textarea { | ||
| + | width: auto; | ||
| + | font-family: 'Inconsolata', 'Courier New'; | ||
| + | } | ||
| + | .list-group-sm .list-group-item { | ||
| + | padding: 5px 7px; | ||
| + | } | ||
| + | .user-img { | ||
| + | border-radius: 6px; | ||
| + | border: 2px solid #e8f0f2; | ||
| + | display: inline-block; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .fill-parent-spinner { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | right: 0; | ||
| + | left: 0; | ||
| + | bottom: 0; | ||
| + | opacity: 0.8; | ||
| + | background: url('../img/spinner.gif') no-repeat center center #ffffff; | ||
| + | } | ||
| + | .flex-row-center { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | } | ||
| + | .flex-row-end { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-align-items: flex-end; | ||
| + | -moz-align-items: flex-end; | ||
| + | -ms-align-items: flex-end; | ||
| + | align-items: flex-end; | ||
| + | } | ||
| + | @media (max-width: 991px) { | ||
| + | .flex-row-center, | ||
| + | .flex-row-end { | ||
| + | display: block; | ||
| + | } | ||
| + | } | ||
| + | .btn-thin-primary { | ||
| + | padding: 3px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 0.05em; | ||
| + | color: white; | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| + | min-height: 30px; | ||
| + | line-height: 22px; | ||
| + | border-radius: 3px; | ||
| + | border: 1px solid #3498db; | ||
| + | background-color: transparent; | ||
| + | -webkit-transition: background-color 0.2s; | ||
| + | transition: background-color 0.2s; | ||
| + | -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | -webkit-transition: none; | ||
| + | transition: none; | ||
| + | color: #428ce1; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-weight: 600; | ||
| + | text-shadow: none; | ||
| + | } | ||
| + | .btn-thin-primary > *:last-child { | ||
| + | margin-right: -0.025em; | ||
| + | } | ||
| + | .btn-thin-primary:hover { | ||
| + | background-color: rgba(13, 13, 13, 0); | ||
| + | } | ||
| + | .btn-thin-primary:active, | ||
| + | .btn-thin-primary.active, | ||
| + | .btn-group.open .btn-thin-primary.dropdown-toggle, | ||
| + | .dropdown.open > .btn-thin-primary { | ||
| + | background-color: transparent; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0); | ||
| + | box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0); | ||
| + | } | ||
| + | .btn-thin-primary:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | .btn-thin-primary.btn-xs { | ||
| + | min-height: 0px; | ||
| + | font-size: 11px; | ||
| + | letter-spacing: 0; | ||
| + | text-transform: none; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | .btn-thin-primary.btn-sm { | ||
| + | min-height: 29px; | ||
| + | line-height: 26px; | ||
| + | padding: 1px 10px 0; | ||
| + | } | ||
| + | .btn-thin-primary.btn-md { | ||
| + | padding: 8px 14px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .btn-thin-primary.btn-lg { | ||
| + | height: 43px; | ||
| + | font-size: 15px; | ||
| + | text-transform: uppercase; | ||
| + | line-height: 2.25; | ||
| + | } | ||
| + | .btn-thin-primary:focus { | ||
| + | color: #fff; | ||
| + | outline: 0; | ||
| + | } | ||
| + | .btn-thin-primary:hover { | ||
| + | background-color: #428ce1; | ||
| + | } | ||
| + | .btn-thin-primary:active { | ||
| + | background-color: #2c76cc; | ||
| + | } | ||
| + | .u-no-spacing-top { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | .u-large-spacing-top { | ||
| + | margin-top: 40px; | ||
| + | } | ||
| + | .u-spacing { | ||
| + | margin: 20px; | ||
| + | } | ||
| + | .u-spacing-top { | ||
| + | margin-top: 20px; | ||
| + | } | ||
| + | .u-small-spacing { | ||
| + | margin: 10px; | ||
| + | } | ||
| + | /* Common 16px spacing between input and following item */ | ||
| + | .u-input-spacing-top { | ||
| + | margin-top: 16px; | ||
| + | } | ||
| + | .u-small-spacing-top { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | .u-tiny-spacing-top { | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | .u-no-spacing-bottom { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .u-large-spacing-bottom { | ||
| + | margin-bottom: 40px; | ||
| + | } | ||
| + | .u-spacing-bottom { | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | .u-small-spacing-bottom { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | .u-tiny-spacing-bottom { | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | .u-spacing-left { | ||
| + | margin-left: 20px; | ||
| + | } | ||
| + | .u-small-spacing-left { | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | /* u-tiny-spacing-left is being deprecated since the new design largely uses 6px spacing. Use | ||
| + | u-mini-spacing-left instead. */ | ||
| + | .u-mini-spacing-left { | ||
| + | margin-left: 6px; | ||
| + | } | ||
| + | .u-tiny-spacing-left { | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | .u-spacing-right { | ||
| + | margin-right: 20px; | ||
| + | } | ||
| + | .u-small-spacing-right { | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | .u-mini-spacing-right { | ||
| + | margin-right: 6px; | ||
| + | } | ||
| + | /* u-tiny-spacing-right is being deprecated. Use u-mini-spacing-right instead. */ | ||
| + | .u-tiny-spacing-right { | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | .u-padding { | ||
| + | padding: 20px; | ||
| + | } | ||
| + | .u-large-padding-top { | ||
| + | padding-top: 40px; | ||
| + | } | ||
| + | .u-padding-top { | ||
| + | padding-top: 20px; | ||
| + | } | ||
| + | .u-padding-bottom { | ||
| + | padding-bottom: 20px; | ||
| + | } | ||
| + | .u-large-padding-left { | ||
| + | padding-left: 40px; | ||
| + | } | ||
| + | .u-padding-left { | ||
| + | padding-left: 20px; | ||
| + | } | ||
| + | .u-padding-right { | ||
| + | padding-right: 20px; | ||
| + | } | ||
| + | .u-small-padding { | ||
| + | padding: 10px; | ||
| + | } | ||
| + | .u-small-padding-top { | ||
| + | padding-top: 10px; | ||
| + | } | ||
| + | .u-small-padding-bottom { | ||
| + | padding-bottom: 10px; | ||
| + | } | ||
| + | .u-small-padding-left { | ||
| + | padding-left: 10px; | ||
| + | } | ||
| + | .u-small-padding-right { | ||
| + | padding-right: 10px; | ||
| + | } | ||
| + | .u-tiny-padding { | ||
| + | padding: 5px; | ||
| + | } | ||
| + | .u-tiny-padding-left { | ||
| + | padding-left: 5px; | ||
| + | } | ||
| + | .u-tiny-padding-right { | ||
| + | padding-right: 5px; | ||
| + | } | ||
| + | .u-no-padding { | ||
| + | padding: 0; | ||
| + | } | ||
| + | .u-border-none { | ||
| + | border: none; | ||
| + | } | ||
| + | .u-border-collapse { | ||
| + | border-collapse: collapse; | ||
| + | } | ||
| + | .u-display-inline { | ||
| + | display: inline; | ||
| + | } | ||
| + | .u-display-inline-block { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .u-display-table { | ||
| + | display: table; | ||
| + | } | ||
| + | .u-display-table-row { | ||
| + | display: table-row; | ||
| + | } | ||
| + | .u-display-table-cell { | ||
| + | display: table-cell; | ||
| + | } | ||
| + | .u-ellipsis-text { | ||
| + | display: block; | ||
| + | white-space: nowrap; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | .u-larger-text { | ||
| + | font-size: 1.5em; | ||
| + | } | ||
| + | .u-xlarge-text { | ||
| + | font-size: 28px; | ||
| + | } | ||
| + | .u-large-text { | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .u-base-text { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .u-small-text { | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | .u-word-break-all { | ||
| + | word-break: break-all; | ||
| + | } | ||
| + | .u-word-break-word { | ||
| + | word-break: break-word; | ||
| + | } | ||
| + | .u-no-text-transform { | ||
| + | text-transform: none; | ||
| + | } | ||
| + | .u-no-text-decoration:hover { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .u-text-decoration-underline { | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | .u-dotted-underline { | ||
| + | border-bottom: 1px dashed #428ce1; | ||
| + | } | ||
| + | .u-background-active { | ||
| + | background-color: #feefd1; | ||
| + | } | ||
| + | .u-normal-font-weight { | ||
| + | font-weight: normal; | ||
| + | } | ||
| + | .u-bold-font-weight { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | .u-strike-through { | ||
| + | text-decoration: line-through; | ||
| + | } | ||
| + | .u-overflow-hidden { | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .u-overflow-x-hidden { | ||
| + | overflow-x: hidden; | ||
| + | } | ||
| + | .u-input-line-height { | ||
| + | line-height: 28px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .u-input-line-height input[type=checkbox] { | ||
| + | margin-top: 7px; | ||
| + | } | ||
| + | .u-btn-af-height { | ||
| + | line-height: 30px; | ||
| + | } | ||
| + | .u-disable-margin-collapse { | ||
| + | padding: 1px; | ||
| + | margin: -1px; | ||
| + | } | ||
| + | .u-danger-color, | ||
| + | .btn.u-danger-color, | ||
| + | .btn.u-danger-color:hover { | ||
| + | color: #e96e51; | ||
| + | } | ||
| + | .u-warning-color, | ||
| + | .btn.u-warning-color, | ||
| + | .btn.u-warning-color:hover { | ||
| + | color: #fdd586; | ||
| + | } | ||
| + | .u-success-color, | ||
| + | .btn.u-success-color, | ||
| + | .btn.u-success-color:hover { | ||
| + | color: #03c08d; | ||
| + | } | ||
| + | .u-primary-color, | ||
| + | .btn.u-primary-color, | ||
| + | .btn.u-primary-color:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .u-black-color { | ||
| + | color: black; | ||
| + | } | ||
| + | .u-half-opacity { | ||
| + | opacity: 0.5; | ||
| + | } | ||
| + | .faded { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .faded:hover { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .faded a { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .u-faded { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .invisible { | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | .u-no-wrap { | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .u-pointer { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .u-cursor-default { | ||
| + | cursor: default; | ||
| + | } | ||
| + | .u-cursor-text { | ||
| + | cursor: text; | ||
| + | } | ||
| + | .u-danger-pointer { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .u-danger-pointer:hover { | ||
| + | color: #e96e51; | ||
| + | } | ||
| + | .u-primary-pointer { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .u-primary-pointer:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .u-success-pointer { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .u-success-pointer:hover { | ||
| + | color: #03c08d; | ||
| + | } | ||
| + | .u-no-mouse-target { | ||
| + | pointer-events: none; | ||
| + | } | ||
| + | .u-no-select { | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | } | ||
| + | .u-text-select { | ||
| + | -webkit-user-select: text; | ||
| + | -moz-user-select: text; | ||
| + | -ms-user-select: text; | ||
| + | -o-user-select: text; | ||
| + | user-select: text; | ||
| + | } | ||
| + | .u-text-lowercase { | ||
| + | text-transform: lowercase; | ||
| + | } | ||
| + | .u-text-uppercase { | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | .u-valign-middle { | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .u-valign-top { | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | table > thead > tr.u-valign-middle-row > td, | ||
| + | table > tbody > tr.u-valign-middle-row > td { | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .u-position-relative { | ||
| + | position: relative; | ||
| + | } | ||
| + | .u-position-absolute { | ||
| + | position: absolute; | ||
| + | } | ||
| + | .u-position-fixed { | ||
| + | position: fixed; | ||
| + | } | ||
| + | .u-width-auto { | ||
| + | width: auto; | ||
| + | } | ||
| + | .u-width-full { | ||
| + | width: 100%; | ||
| + | } | ||
| + | /* Useful when you want the first child to be on the left and the second child on the right */ | ||
| + | .u-lr-split { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: space-between; | ||
| + | -moz-justify-content: space-between; | ||
| + | -ms-justify-content: space-between; | ||
| + | justify-content: space-between; | ||
| + | } | ||
| + | .u-flex-display { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | } | ||
| + | .u-flex-grow { | ||
| + | -webkit-flex: 1; | ||
| + | -moz-flex: 1; | ||
| + | -ms-flex: 1; | ||
| + | flex: 1; | ||
| + | } | ||
| + | .u-vertical-flex { | ||
| + | -webkit-flex-direction: column; | ||
| + | -moz-flex-direction: column; | ||
| + | -ms-flex-direction: column; | ||
| + | flex-direction: column; | ||
| + | } | ||
| + | .u-justify-content-start { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: flex-start; | ||
| + | -moz-justify-content: flex-start; | ||
| + | -ms-justify-content: flex-start; | ||
| + | justify-content: flex-start; | ||
| + | } | ||
| + | .u-justify-content-center { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | } | ||
| + | .u-justify-content-end { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: flex-end; | ||
| + | -moz-justify-content: flex-end; | ||
| + | -ms-justify-content: flex-end; | ||
| + | justify-content: flex-end; | ||
| + | } | ||
| + | .u-verticalCenterItems { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | } | ||
| + | .u-absolute-scroll-container { | ||
| + | height: 100%; | ||
| + | position: absolute; | ||
| + | overflow-y: auto; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .u-absolute-scroll-container::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .u-absolute-scroll-container::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .u-absolute-scroll-container:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .u-absolute-scroll-container::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .u-absolute-scroll-container:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .u-table-layout-auto { | ||
| + | table-layout: auto; | ||
| + | } | ||
| + | .u-inline-form-input-sm, | ||
| + | .u-inline-form-input-sm[type=text], | ||
| + | .u-inline-form-input-sm[type=number], | ||
| + | .u-inline-form-input-sm.input-group { | ||
| + | width: 100px; | ||
| + | } | ||
| + | .u-inline-form-input-sm[type=date] { | ||
| + | width: 125px; | ||
| + | } | ||
| + | .u-inline-form-input, | ||
| + | .u-inline-form-input[type=text], | ||
| + | .u-inline-form-input[type=number], | ||
| + | .u-inline-form-input[type=date], | ||
| + | .u-inline-form-input[type=search], | ||
| + | .u-inline-form-input.input-group { | ||
| + | width: 150px; | ||
| + | } | ||
| + | .u-inline-form-input-lg, | ||
| + | .u-inline-form-input-lg[type=text], | ||
| + | .u-inline-form-input-lg[type=number], | ||
| + | .u-inline-form-input-lg[type=date], | ||
| + | .u-inline-form-input-lg[type=search], | ||
| + | .u-inline-form-input-lg.input-group { | ||
| + | width: 200px; | ||
| + | } | ||
| + | input.u-no-spin-button::-webkit-outer-spin-button, | ||
| + | input.u-no-spin-button::-webkit-inner-spin-button { | ||
| + | -webkit-appearance: none; | ||
| + | } | ||
| + | .u-horizontal-internal-border > div:not(:last-child) { | ||
| + | border-right: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .u-vertical-internal-border > div:not(:last-child) { | ||
| + | border-bottom: 1px solid #c9d8db; | ||
| + | } | ||
| + | .table.table-valign-middle-cells tbody > tr > td { | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .u-flex-none { | ||
| + | -webkit-flex: none; | ||
| + | -moz-flex: none; | ||
| + | -ms-flex: none; | ||
| + | flex: none; | ||
| + | } | ||
| + | .u-moderate-spacing-bottom { | ||
| + | margin-bottom: 15px; | ||
| + | } | ||
| + | .nyc-container-sidepanel { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sm, | ||
| + | .nyc-container-md, | ||
| + | .nyc-container-lg { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container { | ||
| + | -webkit-flex-direction: column; | ||
| + | -moz-flex-direction: column; | ||
| + | -ms-flex-direction: column; | ||
| + | flex-direction: column; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | } | ||
| + | .nyc-row { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex: none; | ||
| + | -moz-flex: none; | ||
| + | -ms-flex: none; | ||
| + | flex: none; | ||
| + | margin-left: -12px; | ||
| + | margin-right: -12px; | ||
| + | } | ||
| + | .nyc-row--fluid { | ||
| + | -webkit-flex: 1; | ||
| + | -moz-flex: 1; | ||
| + | -ms-flex: 1; | ||
| + | flex: 1; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-row { | ||
| + | margin-left: -12px; | ||
| + | margin-right: -12px; | ||
| + | } | ||
| + | .nyc-col-sm-1 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-1 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-sm-2 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-2 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-sm-3 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-3 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-sm-4 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-4 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-sm-5 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-5 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-sm-6 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-6 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-sm-7 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-7 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-sm-8 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-8 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-sm-9 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-9 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-sm-10 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-10 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-sm-11 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-11 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-md-1 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-md-1 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-md-2 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-md-2 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-md-3 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-md-3 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-md-4 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-md-4 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-md-5 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-md-5 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-md-6 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-md-6 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-md-7 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-md-7 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-md-8 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-md-8 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-md-9 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-md-9 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-md-10 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-md-10 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-md-11 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-md-11 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-md-12 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-md-12 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-md-13 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-md-13 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-md-14 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-md-14 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-md-15 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-md-15 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-md-16 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-md-16 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-1 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-1 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-2 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-2 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-3 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-3 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-4 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-4 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-5 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-5 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-6 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-6 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-7 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-7 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-8 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-8 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-9 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-9 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-10 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-10 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-11 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-11 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-12 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-12 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-13 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-13 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-14 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-14 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-15 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-15 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-16 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-16 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-17 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-17 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-18 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-18 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-19 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-19 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-20 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-20 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-21 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-21 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-col-lg-22 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-lg-22 { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-1 { | ||
| + | -webkit-flex: 0 0 4.54545455%; | ||
| + | -moz-flex: 0 0 4.54545455%; | ||
| + | -ms-flex: 0 0 4.54545455%; | ||
| + | flex: 0 0 4.54545455%; | ||
| + | max-width: 4.54545455%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-2 { | ||
| + | -webkit-flex: 0 0 9.09090909%; | ||
| + | -moz-flex: 0 0 9.09090909%; | ||
| + | -ms-flex: 0 0 9.09090909%; | ||
| + | flex: 0 0 9.09090909%; | ||
| + | max-width: 9.09090909%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-3 { | ||
| + | -webkit-flex: 0 0 13.63636364%; | ||
| + | -moz-flex: 0 0 13.63636364%; | ||
| + | -ms-flex: 0 0 13.63636364%; | ||
| + | flex: 0 0 13.63636364%; | ||
| + | max-width: 13.63636364%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-4 { | ||
| + | -webkit-flex: 0 0 18.18181818%; | ||
| + | -moz-flex: 0 0 18.18181818%; | ||
| + | -ms-flex: 0 0 18.18181818%; | ||
| + | flex: 0 0 18.18181818%; | ||
| + | max-width: 18.18181818%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-5 { | ||
| + | -webkit-flex: 0 0 22.72727273%; | ||
| + | -moz-flex: 0 0 22.72727273%; | ||
| + | -ms-flex: 0 0 22.72727273%; | ||
| + | flex: 0 0 22.72727273%; | ||
| + | max-width: 22.72727273%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-6 { | ||
| + | -webkit-flex: 0 0 27.27272727%; | ||
| + | -moz-flex: 0 0 27.27272727%; | ||
| + | -ms-flex: 0 0 27.27272727%; | ||
| + | flex: 0 0 27.27272727%; | ||
| + | max-width: 27.27272727%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-7 { | ||
| + | -webkit-flex: 0 0 31.81818182%; | ||
| + | -moz-flex: 0 0 31.81818182%; | ||
| + | -ms-flex: 0 0 31.81818182%; | ||
| + | flex: 0 0 31.81818182%; | ||
| + | max-width: 31.81818182%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-8 { | ||
| + | -webkit-flex: 0 0 36.36363636%; | ||
| + | -moz-flex: 0 0 36.36363636%; | ||
| + | -ms-flex: 0 0 36.36363636%; | ||
| + | flex: 0 0 36.36363636%; | ||
| + | max-width: 36.36363636%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-9 { | ||
| + | -webkit-flex: 0 0 40.90909091%; | ||
| + | -moz-flex: 0 0 40.90909091%; | ||
| + | -ms-flex: 0 0 40.90909091%; | ||
| + | flex: 0 0 40.90909091%; | ||
| + | max-width: 40.90909091%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-10 { | ||
| + | -webkit-flex: 0 0 45.45454545%; | ||
| + | -moz-flex: 0 0 45.45454545%; | ||
| + | -ms-flex: 0 0 45.45454545%; | ||
| + | flex: 0 0 45.45454545%; | ||
| + | max-width: 45.45454545%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-11 { | ||
| + | -webkit-flex: 0 0 50%; | ||
| + | -moz-flex: 0 0 50%; | ||
| + | -ms-flex: 0 0 50%; | ||
| + | flex: 0 0 50%; | ||
| + | max-width: 50%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-12 { | ||
| + | -webkit-flex: 0 0 54.54545455%; | ||
| + | -moz-flex: 0 0 54.54545455%; | ||
| + | -ms-flex: 0 0 54.54545455%; | ||
| + | flex: 0 0 54.54545455%; | ||
| + | max-width: 54.54545455%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-13 { | ||
| + | -webkit-flex: 0 0 59.09090909%; | ||
| + | -moz-flex: 0 0 59.09090909%; | ||
| + | -ms-flex: 0 0 59.09090909%; | ||
| + | flex: 0 0 59.09090909%; | ||
| + | max-width: 59.09090909%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-14 { | ||
| + | -webkit-flex: 0 0 63.63636364%; | ||
| + | -moz-flex: 0 0 63.63636364%; | ||
| + | -ms-flex: 0 0 63.63636364%; | ||
| + | flex: 0 0 63.63636364%; | ||
| + | max-width: 63.63636364%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-15 { | ||
| + | -webkit-flex: 0 0 68.18181818%; | ||
| + | -moz-flex: 0 0 68.18181818%; | ||
| + | -ms-flex: 0 0 68.18181818%; | ||
| + | flex: 0 0 68.18181818%; | ||
| + | max-width: 68.18181818%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-16 { | ||
| + | -webkit-flex: 0 0 72.72727273%; | ||
| + | -moz-flex: 0 0 72.72727273%; | ||
| + | -ms-flex: 0 0 72.72727273%; | ||
| + | flex: 0 0 72.72727273%; | ||
| + | max-width: 72.72727273%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-17 { | ||
| + | -webkit-flex: 0 0 77.27272727%; | ||
| + | -moz-flex: 0 0 77.27272727%; | ||
| + | -ms-flex: 0 0 77.27272727%; | ||
| + | flex: 0 0 77.27272727%; | ||
| + | max-width: 77.27272727%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-18 { | ||
| + | -webkit-flex: 0 0 81.81818182%; | ||
| + | -moz-flex: 0 0 81.81818182%; | ||
| + | -ms-flex: 0 0 81.81818182%; | ||
| + | flex: 0 0 81.81818182%; | ||
| + | max-width: 81.81818182%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-19 { | ||
| + | -webkit-flex: 0 0 86.36363636%; | ||
| + | -moz-flex: 0 0 86.36363636%; | ||
| + | -ms-flex: 0 0 86.36363636%; | ||
| + | flex: 0 0 86.36363636%; | ||
| + | max-width: 86.36363636%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-20 { | ||
| + | -webkit-flex: 0 0 90.90909091%; | ||
| + | -moz-flex: 0 0 90.90909091%; | ||
| + | -ms-flex: 0 0 90.90909091%; | ||
| + | flex: 0 0 90.90909091%; | ||
| + | max-width: 90.90909091%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-21 { | ||
| + | -webkit-flex: 0 0 95.45454545%; | ||
| + | -moz-flex: 0 0 95.45454545%; | ||
| + | -ms-flex: 0 0 95.45454545%; | ||
| + | flex: 0 0 95.45454545%; | ||
| + | max-width: 95.45454545%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-sm-22 { | ||
| + | -webkit-flex: 0 0 100%; | ||
| + | -moz-flex: 0 0 100%; | ||
| + | -ms-flex: 0 0 100%; | ||
| + | flex: 0 0 100%; | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-1 { | ||
| + | -webkit-flex: 0 0 4.54545455%; | ||
| + | -moz-flex: 0 0 4.54545455%; | ||
| + | -ms-flex: 0 0 4.54545455%; | ||
| + | flex: 0 0 4.54545455%; | ||
| + | max-width: 4.54545455%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-2 { | ||
| + | -webkit-flex: 0 0 9.09090909%; | ||
| + | -moz-flex: 0 0 9.09090909%; | ||
| + | -ms-flex: 0 0 9.09090909%; | ||
| + | flex: 0 0 9.09090909%; | ||
| + | max-width: 9.09090909%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-3 { | ||
| + | -webkit-flex: 0 0 13.63636364%; | ||
| + | -moz-flex: 0 0 13.63636364%; | ||
| + | -ms-flex: 0 0 13.63636364%; | ||
| + | flex: 0 0 13.63636364%; | ||
| + | max-width: 13.63636364%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-4 { | ||
| + | -webkit-flex: 0 0 18.18181818%; | ||
| + | -moz-flex: 0 0 18.18181818%; | ||
| + | -ms-flex: 0 0 18.18181818%; | ||
| + | flex: 0 0 18.18181818%; | ||
| + | max-width: 18.18181818%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-5 { | ||
| + | -webkit-flex: 0 0 22.72727273%; | ||
| + | -moz-flex: 0 0 22.72727273%; | ||
| + | -ms-flex: 0 0 22.72727273%; | ||
| + | flex: 0 0 22.72727273%; | ||
| + | max-width: 22.72727273%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-6 { | ||
| + | -webkit-flex: 0 0 27.27272727%; | ||
| + | -moz-flex: 0 0 27.27272727%; | ||
| + | -ms-flex: 0 0 27.27272727%; | ||
| + | flex: 0 0 27.27272727%; | ||
| + | max-width: 27.27272727%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-7 { | ||
| + | -webkit-flex: 0 0 31.81818182%; | ||
| + | -moz-flex: 0 0 31.81818182%; | ||
| + | -ms-flex: 0 0 31.81818182%; | ||
| + | flex: 0 0 31.81818182%; | ||
| + | max-width: 31.81818182%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-8 { | ||
| + | -webkit-flex: 0 0 36.36363636%; | ||
| + | -moz-flex: 0 0 36.36363636%; | ||
| + | -ms-flex: 0 0 36.36363636%; | ||
| + | flex: 0 0 36.36363636%; | ||
| + | max-width: 36.36363636%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-9 { | ||
| + | -webkit-flex: 0 0 40.90909091%; | ||
| + | -moz-flex: 0 0 40.90909091%; | ||
| + | -ms-flex: 0 0 40.90909091%; | ||
| + | flex: 0 0 40.90909091%; | ||
| + | max-width: 40.90909091%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-10 { | ||
| + | -webkit-flex: 0 0 45.45454545%; | ||
| + | -moz-flex: 0 0 45.45454545%; | ||
| + | -ms-flex: 0 0 45.45454545%; | ||
| + | flex: 0 0 45.45454545%; | ||
| + | max-width: 45.45454545%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-11 { | ||
| + | -webkit-flex: 0 0 50%; | ||
| + | -moz-flex: 0 0 50%; | ||
| + | -ms-flex: 0 0 50%; | ||
| + | flex: 0 0 50%; | ||
| + | max-width: 50%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-12 { | ||
| + | -webkit-flex: 0 0 54.54545455%; | ||
| + | -moz-flex: 0 0 54.54545455%; | ||
| + | -ms-flex: 0 0 54.54545455%; | ||
| + | flex: 0 0 54.54545455%; | ||
| + | max-width: 54.54545455%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-13 { | ||
| + | -webkit-flex: 0 0 59.09090909%; | ||
| + | -moz-flex: 0 0 59.09090909%; | ||
| + | -ms-flex: 0 0 59.09090909%; | ||
| + | flex: 0 0 59.09090909%; | ||
| + | max-width: 59.09090909%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-14 { | ||
| + | -webkit-flex: 0 0 63.63636364%; | ||
| + | -moz-flex: 0 0 63.63636364%; | ||
| + | -ms-flex: 0 0 63.63636364%; | ||
| + | flex: 0 0 63.63636364%; | ||
| + | max-width: 63.63636364%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-15 { | ||
| + | -webkit-flex: 0 0 68.18181818%; | ||
| + | -moz-flex: 0 0 68.18181818%; | ||
| + | -ms-flex: 0 0 68.18181818%; | ||
| + | flex: 0 0 68.18181818%; | ||
| + | max-width: 68.18181818%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-16 { | ||
| + | -webkit-flex: 0 0 72.72727273%; | ||
| + | -moz-flex: 0 0 72.72727273%; | ||
| + | -ms-flex: 0 0 72.72727273%; | ||
| + | flex: 0 0 72.72727273%; | ||
| + | max-width: 72.72727273%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-17 { | ||
| + | -webkit-flex: 0 0 77.27272727%; | ||
| + | -moz-flex: 0 0 77.27272727%; | ||
| + | -ms-flex: 0 0 77.27272727%; | ||
| + | flex: 0 0 77.27272727%; | ||
| + | max-width: 77.27272727%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-18 { | ||
| + | -webkit-flex: 0 0 81.81818182%; | ||
| + | -moz-flex: 0 0 81.81818182%; | ||
| + | -ms-flex: 0 0 81.81818182%; | ||
| + | flex: 0 0 81.81818182%; | ||
| + | max-width: 81.81818182%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-19 { | ||
| + | -webkit-flex: 0 0 86.36363636%; | ||
| + | -moz-flex: 0 0 86.36363636%; | ||
| + | -ms-flex: 0 0 86.36363636%; | ||
| + | flex: 0 0 86.36363636%; | ||
| + | max-width: 86.36363636%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-20 { | ||
| + | -webkit-flex: 0 0 90.90909091%; | ||
| + | -moz-flex: 0 0 90.90909091%; | ||
| + | -ms-flex: 0 0 90.90909091%; | ||
| + | flex: 0 0 90.90909091%; | ||
| + | max-width: 90.90909091%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-21 { | ||
| + | -webkit-flex: 0 0 95.45454545%; | ||
| + | -moz-flex: 0 0 95.45454545%; | ||
| + | -ms-flex: 0 0 95.45454545%; | ||
| + | flex: 0 0 95.45454545%; | ||
| + | max-width: 95.45454545%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-md-22 { | ||
| + | -webkit-flex: 0 0 100%; | ||
| + | -moz-flex: 0 0 100%; | ||
| + | -ms-flex: 0 0 100%; | ||
| + | flex: 0 0 100%; | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-1 { | ||
| + | -webkit-flex: 0 0 4.54545455%; | ||
| + | -moz-flex: 0 0 4.54545455%; | ||
| + | -ms-flex: 0 0 4.54545455%; | ||
| + | flex: 0 0 4.54545455%; | ||
| + | max-width: 4.54545455%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-2 { | ||
| + | -webkit-flex: 0 0 9.09090909%; | ||
| + | -moz-flex: 0 0 9.09090909%; | ||
| + | -ms-flex: 0 0 9.09090909%; | ||
| + | flex: 0 0 9.09090909%; | ||
| + | max-width: 9.09090909%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-3 { | ||
| + | -webkit-flex: 0 0 13.63636364%; | ||
| + | -moz-flex: 0 0 13.63636364%; | ||
| + | -ms-flex: 0 0 13.63636364%; | ||
| + | flex: 0 0 13.63636364%; | ||
| + | max-width: 13.63636364%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-4 { | ||
| + | -webkit-flex: 0 0 18.18181818%; | ||
| + | -moz-flex: 0 0 18.18181818%; | ||
| + | -ms-flex: 0 0 18.18181818%; | ||
| + | flex: 0 0 18.18181818%; | ||
| + | max-width: 18.18181818%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-5 { | ||
| + | -webkit-flex: 0 0 22.72727273%; | ||
| + | -moz-flex: 0 0 22.72727273%; | ||
| + | -ms-flex: 0 0 22.72727273%; | ||
| + | flex: 0 0 22.72727273%; | ||
| + | max-width: 22.72727273%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-6 { | ||
| + | -webkit-flex: 0 0 27.27272727%; | ||
| + | -moz-flex: 0 0 27.27272727%; | ||
| + | -ms-flex: 0 0 27.27272727%; | ||
| + | flex: 0 0 27.27272727%; | ||
| + | max-width: 27.27272727%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-7 { | ||
| + | -webkit-flex: 0 0 31.81818182%; | ||
| + | -moz-flex: 0 0 31.81818182%; | ||
| + | -ms-flex: 0 0 31.81818182%; | ||
| + | flex: 0 0 31.81818182%; | ||
| + | max-width: 31.81818182%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-8 { | ||
| + | -webkit-flex: 0 0 36.36363636%; | ||
| + | -moz-flex: 0 0 36.36363636%; | ||
| + | -ms-flex: 0 0 36.36363636%; | ||
| + | flex: 0 0 36.36363636%; | ||
| + | max-width: 36.36363636%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-9 { | ||
| + | -webkit-flex: 0 0 40.90909091%; | ||
| + | -moz-flex: 0 0 40.90909091%; | ||
| + | -ms-flex: 0 0 40.90909091%; | ||
| + | flex: 0 0 40.90909091%; | ||
| + | max-width: 40.90909091%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-10 { | ||
| + | -webkit-flex: 0 0 45.45454545%; | ||
| + | -moz-flex: 0 0 45.45454545%; | ||
| + | -ms-flex: 0 0 45.45454545%; | ||
| + | flex: 0 0 45.45454545%; | ||
| + | max-width: 45.45454545%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-11 { | ||
| + | -webkit-flex: 0 0 50%; | ||
| + | -moz-flex: 0 0 50%; | ||
| + | -ms-flex: 0 0 50%; | ||
| + | flex: 0 0 50%; | ||
| + | max-width: 50%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-12 { | ||
| + | -webkit-flex: 0 0 54.54545455%; | ||
| + | -moz-flex: 0 0 54.54545455%; | ||
| + | -ms-flex: 0 0 54.54545455%; | ||
| + | flex: 0 0 54.54545455%; | ||
| + | max-width: 54.54545455%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-13 { | ||
| + | -webkit-flex: 0 0 59.09090909%; | ||
| + | -moz-flex: 0 0 59.09090909%; | ||
| + | -ms-flex: 0 0 59.09090909%; | ||
| + | flex: 0 0 59.09090909%; | ||
| + | max-width: 59.09090909%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-14 { | ||
| + | -webkit-flex: 0 0 63.63636364%; | ||
| + | -moz-flex: 0 0 63.63636364%; | ||
| + | -ms-flex: 0 0 63.63636364%; | ||
| + | flex: 0 0 63.63636364%; | ||
| + | max-width: 63.63636364%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-15 { | ||
| + | -webkit-flex: 0 0 68.18181818%; | ||
| + | -moz-flex: 0 0 68.18181818%; | ||
| + | -ms-flex: 0 0 68.18181818%; | ||
| + | flex: 0 0 68.18181818%; | ||
| + | max-width: 68.18181818%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-16 { | ||
| + | -webkit-flex: 0 0 72.72727273%; | ||
| + | -moz-flex: 0 0 72.72727273%; | ||
| + | -ms-flex: 0 0 72.72727273%; | ||
| + | flex: 0 0 72.72727273%; | ||
| + | max-width: 72.72727273%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-17 { | ||
| + | -webkit-flex: 0 0 77.27272727%; | ||
| + | -moz-flex: 0 0 77.27272727%; | ||
| + | -ms-flex: 0 0 77.27272727%; | ||
| + | flex: 0 0 77.27272727%; | ||
| + | max-width: 77.27272727%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-18 { | ||
| + | -webkit-flex: 0 0 81.81818182%; | ||
| + | -moz-flex: 0 0 81.81818182%; | ||
| + | -ms-flex: 0 0 81.81818182%; | ||
| + | flex: 0 0 81.81818182%; | ||
| + | max-width: 81.81818182%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-19 { | ||
| + | -webkit-flex: 0 0 86.36363636%; | ||
| + | -moz-flex: 0 0 86.36363636%; | ||
| + | -ms-flex: 0 0 86.36363636%; | ||
| + | flex: 0 0 86.36363636%; | ||
| + | max-width: 86.36363636%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-20 { | ||
| + | -webkit-flex: 0 0 90.90909091%; | ||
| + | -moz-flex: 0 0 90.90909091%; | ||
| + | -ms-flex: 0 0 90.90909091%; | ||
| + | flex: 0 0 90.90909091%; | ||
| + | max-width: 90.90909091%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-21 { | ||
| + | -webkit-flex: 0 0 95.45454545%; | ||
| + | -moz-flex: 0 0 95.45454545%; | ||
| + | -ms-flex: 0 0 95.45454545%; | ||
| + | flex: 0 0 95.45454545%; | ||
| + | max-width: 95.45454545%; | ||
| + | } | ||
| + | .nyc-container-lg .nyc-col-lg-22 { | ||
| + | -webkit-flex: 0 0 100%; | ||
| + | -moz-flex: 0 0 100%; | ||
| + | -ms-flex: 0 0 100%; | ||
| + | flex: 0 0 100%; | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-sm-1 { | ||
| + | -webkit-flex: 0 0 6.25%; | ||
| + | -moz-flex: 0 0 6.25%; | ||
| + | -ms-flex: 0 0 6.25%; | ||
| + | flex: 0 0 6.25%; | ||
| + | max-width: 6.25%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-sm-2 { | ||
| + | -webkit-flex: 0 0 12.5%; | ||
| + | -moz-flex: 0 0 12.5%; | ||
| + | -ms-flex: 0 0 12.5%; | ||
| + | flex: 0 0 12.5%; | ||
| + | max-width: 12.5%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-sm-3 { | ||
| + | -webkit-flex: 0 0 18.75%; | ||
| + | -moz-flex: 0 0 18.75%; | ||
| + | -ms-flex: 0 0 18.75%; | ||
| + | flex: 0 0 18.75%; | ||
| + | max-width: 18.75%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-sm-4 { | ||
| + | -webkit-flex: 0 0 25%; | ||
| + | -moz-flex: 0 0 25%; | ||
| + | -ms-flex: 0 0 25%; | ||
| + | flex: 0 0 25%; | ||
| + | max-width: 25%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-sm-5 { | ||
| + | -webkit-flex: 0 0 31.25%; | ||
| + | -moz-flex: 0 0 31.25%; | ||
| + | -ms-flex: 0 0 31.25%; | ||
| + | flex: 0 0 31.25%; | ||
| + | max-width: 31.25%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-sm-6 { | ||
| + | -webkit-flex: 0 0 37.5%; | ||
| + | -moz-flex: 0 0 37.5%; | ||
| + | -ms-flex: 0 0 37.5%; | ||
| + | flex: 0 0 37.5%; | ||
| + | max-width: 37.5%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-sm-7 { | ||
| + | -webkit-flex: 0 0 43.75%; | ||
| + | -moz-flex: 0 0 43.75%; | ||
| + | -ms-flex: 0 0 43.75%; | ||
| + | flex: 0 0 43.75%; | ||
| + | max-width: 43.75%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-sm-8 { | ||
| + | -webkit-flex: 0 0 50%; | ||
| + | -moz-flex: 0 0 50%; | ||
| + | -ms-flex: 0 0 50%; | ||
| + | flex: 0 0 50%; | ||
| + | max-width: 50%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-sm-9 { | ||
| + | -webkit-flex: 0 0 56.25%; | ||
| + | -moz-flex: 0 0 56.25%; | ||
| + | -ms-flex: 0 0 56.25%; | ||
| + | flex: 0 0 56.25%; | ||
| + | max-width: 56.25%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-sm-10 { | ||
| + | -webkit-flex: 0 0 62.5%; | ||
| + | -moz-flex: 0 0 62.5%; | ||
| + | -ms-flex: 0 0 62.5%; | ||
| + | flex: 0 0 62.5%; | ||
| + | max-width: 62.5%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-sm-11 { | ||
| + | -webkit-flex: 0 0 68.75%; | ||
| + | -moz-flex: 0 0 68.75%; | ||
| + | -ms-flex: 0 0 68.75%; | ||
| + | flex: 0 0 68.75%; | ||
| + | max-width: 68.75%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-sm-12 { | ||
| + | -webkit-flex: 0 0 75%; | ||
| + | -moz-flex: 0 0 75%; | ||
| + | -ms-flex: 0 0 75%; | ||
| + | flex: 0 0 75%; | ||
| + | max-width: 75%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-sm-13 { | ||
| + | -webkit-flex: 0 0 81.25%; | ||
| + | -moz-flex: 0 0 81.25%; | ||
| + | -ms-flex: 0 0 81.25%; | ||
| + | flex: 0 0 81.25%; | ||
| + | max-width: 81.25%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-sm-14 { | ||
| + | -webkit-flex: 0 0 87.5%; | ||
| + | -moz-flex: 0 0 87.5%; | ||
| + | -ms-flex: 0 0 87.5%; | ||
| + | flex: 0 0 87.5%; | ||
| + | max-width: 87.5%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-sm-15 { | ||
| + | -webkit-flex: 0 0 93.75%; | ||
| + | -moz-flex: 0 0 93.75%; | ||
| + | -ms-flex: 0 0 93.75%; | ||
| + | flex: 0 0 93.75%; | ||
| + | max-width: 93.75%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-sm-16 { | ||
| + | -webkit-flex: 0 0 100%; | ||
| + | -moz-flex: 0 0 100%; | ||
| + | -ms-flex: 0 0 100%; | ||
| + | flex: 0 0 100%; | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-md-1 { | ||
| + | -webkit-flex: 0 0 6.25%; | ||
| + | -moz-flex: 0 0 6.25%; | ||
| + | -ms-flex: 0 0 6.25%; | ||
| + | flex: 0 0 6.25%; | ||
| + | max-width: 6.25%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-md-2 { | ||
| + | -webkit-flex: 0 0 12.5%; | ||
| + | -moz-flex: 0 0 12.5%; | ||
| + | -ms-flex: 0 0 12.5%; | ||
| + | flex: 0 0 12.5%; | ||
| + | max-width: 12.5%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-md-3 { | ||
| + | -webkit-flex: 0 0 18.75%; | ||
| + | -moz-flex: 0 0 18.75%; | ||
| + | -ms-flex: 0 0 18.75%; | ||
| + | flex: 0 0 18.75%; | ||
| + | max-width: 18.75%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-md-4 { | ||
| + | -webkit-flex: 0 0 25%; | ||
| + | -moz-flex: 0 0 25%; | ||
| + | -ms-flex: 0 0 25%; | ||
| + | flex: 0 0 25%; | ||
| + | max-width: 25%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-md-5 { | ||
| + | -webkit-flex: 0 0 31.25%; | ||
| + | -moz-flex: 0 0 31.25%; | ||
| + | -ms-flex: 0 0 31.25%; | ||
| + | flex: 0 0 31.25%; | ||
| + | max-width: 31.25%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-md-6 { | ||
| + | -webkit-flex: 0 0 37.5%; | ||
| + | -moz-flex: 0 0 37.5%; | ||
| + | -ms-flex: 0 0 37.5%; | ||
| + | flex: 0 0 37.5%; | ||
| + | max-width: 37.5%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-md-7 { | ||
| + | -webkit-flex: 0 0 43.75%; | ||
| + | -moz-flex: 0 0 43.75%; | ||
| + | -ms-flex: 0 0 43.75%; | ||
| + | flex: 0 0 43.75%; | ||
| + | max-width: 43.75%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-md-8 { | ||
| + | -webkit-flex: 0 0 50%; | ||
| + | -moz-flex: 0 0 50%; | ||
| + | -ms-flex: 0 0 50%; | ||
| + | flex: 0 0 50%; | ||
| + | max-width: 50%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-md-9 { | ||
| + | -webkit-flex: 0 0 56.25%; | ||
| + | -moz-flex: 0 0 56.25%; | ||
| + | -ms-flex: 0 0 56.25%; | ||
| + | flex: 0 0 56.25%; | ||
| + | max-width: 56.25%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-md-10 { | ||
| + | -webkit-flex: 0 0 62.5%; | ||
| + | -moz-flex: 0 0 62.5%; | ||
| + | -ms-flex: 0 0 62.5%; | ||
| + | flex: 0 0 62.5%; | ||
| + | max-width: 62.5%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-md-11 { | ||
| + | -webkit-flex: 0 0 68.75%; | ||
| + | -moz-flex: 0 0 68.75%; | ||
| + | -ms-flex: 0 0 68.75%; | ||
| + | flex: 0 0 68.75%; | ||
| + | max-width: 68.75%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-md-12 { | ||
| + | -webkit-flex: 0 0 75%; | ||
| + | -moz-flex: 0 0 75%; | ||
| + | -ms-flex: 0 0 75%; | ||
| + | flex: 0 0 75%; | ||
| + | max-width: 75%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-md-13 { | ||
| + | -webkit-flex: 0 0 81.25%; | ||
| + | -moz-flex: 0 0 81.25%; | ||
| + | -ms-flex: 0 0 81.25%; | ||
| + | flex: 0 0 81.25%; | ||
| + | max-width: 81.25%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-md-14 { | ||
| + | -webkit-flex: 0 0 87.5%; | ||
| + | -moz-flex: 0 0 87.5%; | ||
| + | -ms-flex: 0 0 87.5%; | ||
| + | flex: 0 0 87.5%; | ||
| + | max-width: 87.5%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-md-15 { | ||
| + | -webkit-flex: 0 0 93.75%; | ||
| + | -moz-flex: 0 0 93.75%; | ||
| + | -ms-flex: 0 0 93.75%; | ||
| + | flex: 0 0 93.75%; | ||
| + | max-width: 93.75%; | ||
| + | } | ||
| + | .nyc-container-md .nyc-col-md-16 { | ||
| + | -webkit-flex: 0 0 100%; | ||
| + | -moz-flex: 0 0 100%; | ||
| + | -ms-flex: 0 0 100%; | ||
| + | flex: 0 0 100%; | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | .nyc-container-sm .nyc-col-sm-1 { | ||
| + | -webkit-flex: 0 0 9.09090909%; | ||
| + | -moz-flex: 0 0 9.09090909%; | ||
| + | -ms-flex: 0 0 9.09090909%; | ||
| + | flex: 0 0 9.09090909%; | ||
| + | max-width: 9.09090909%; | ||
| + | } | ||
| + | .nyc-container-sm .nyc-col-sm-2 { | ||
| + | -webkit-flex: 0 0 18.18181818%; | ||
| + | -moz-flex: 0 0 18.18181818%; | ||
| + | -ms-flex: 0 0 18.18181818%; | ||
| + | flex: 0 0 18.18181818%; | ||
| + | max-width: 18.18181818%; | ||
| + | } | ||
| + | .nyc-container-sm .nyc-col-sm-3 { | ||
| + | -webkit-flex: 0 0 27.27272727%; | ||
| + | -moz-flex: 0 0 27.27272727%; | ||
| + | -ms-flex: 0 0 27.27272727%; | ||
| + | flex: 0 0 27.27272727%; | ||
| + | max-width: 27.27272727%; | ||
| + | } | ||
| + | .nyc-container-sm .nyc-col-sm-4 { | ||
| + | -webkit-flex: 0 0 36.36363636%; | ||
| + | -moz-flex: 0 0 36.36363636%; | ||
| + | -ms-flex: 0 0 36.36363636%; | ||
| + | flex: 0 0 36.36363636%; | ||
| + | max-width: 36.36363636%; | ||
| + | } | ||
| + | .nyc-container-sm .nyc-col-sm-5 { | ||
| + | -webkit-flex: 0 0 45.45454545%; | ||
| + | -moz-flex: 0 0 45.45454545%; | ||
| + | -ms-flex: 0 0 45.45454545%; | ||
| + | flex: 0 0 45.45454545%; | ||
| + | max-width: 45.45454545%; | ||
| + | } | ||
| + | .nyc-container-sm .nyc-col-sm-6 { | ||
| + | -webkit-flex: 0 0 54.54545455%; | ||
| + | -moz-flex: 0 0 54.54545455%; | ||
| + | -ms-flex: 0 0 54.54545455%; | ||
| + | flex: 0 0 54.54545455%; | ||
| + | max-width: 54.54545455%; | ||
| + | } | ||
| + | .nyc-container-sm .nyc-col-sm-7 { | ||
| + | -webkit-flex: 0 0 63.63636364%; | ||
| + | -moz-flex: 0 0 63.63636364%; | ||
| + | -ms-flex: 0 0 63.63636364%; | ||
| + | flex: 0 0 63.63636364%; | ||
| + | max-width: 63.63636364%; | ||
| + | } | ||
| + | .nyc-container-sm .nyc-col-sm-8 { | ||
| + | -webkit-flex: 0 0 72.72727273%; | ||
| + | -moz-flex: 0 0 72.72727273%; | ||
| + | -ms-flex: 0 0 72.72727273%; | ||
| + | flex: 0 0 72.72727273%; | ||
| + | max-width: 72.72727273%; | ||
| + | } | ||
| + | .nyc-container-sm .nyc-col-sm-9 { | ||
| + | -webkit-flex: 0 0 81.81818182%; | ||
| + | -moz-flex: 0 0 81.81818182%; | ||
| + | -ms-flex: 0 0 81.81818182%; | ||
| + | flex: 0 0 81.81818182%; | ||
| + | max-width: 81.81818182%; | ||
| + | } | ||
| + | .nyc-container-sm .nyc-col-sm-10 { | ||
| + | -webkit-flex: 0 0 90.90909091%; | ||
| + | -moz-flex: 0 0 90.90909091%; | ||
| + | -ms-flex: 0 0 90.90909091%; | ||
| + | flex: 0 0 90.90909091%; | ||
| + | max-width: 90.90909091%; | ||
| + | } | ||
| + | .nyc-container-sm .nyc-col-sm-11 { | ||
| + | -webkit-flex: 0 0 100%; | ||
| + | -moz-flex: 0 0 100%; | ||
| + | -ms-flex: 0 0 100%; | ||
| + | flex: 0 0 100%; | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-1 { | ||
| + | -webkit-flex: 0 0 16.66666667%; | ||
| + | -moz-flex: 0 0 16.66666667%; | ||
| + | -ms-flex: 0 0 16.66666667%; | ||
| + | flex: 0 0 16.66666667%; | ||
| + | max-width: 16.66666667%; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-2 { | ||
| + | -webkit-flex: 0 0 33.33333333%; | ||
| + | -moz-flex: 0 0 33.33333333%; | ||
| + | -ms-flex: 0 0 33.33333333%; | ||
| + | flex: 0 0 33.33333333%; | ||
| + | max-width: 33.33333333%; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-3 { | ||
| + | -webkit-flex: 0 0 50%; | ||
| + | -moz-flex: 0 0 50%; | ||
| + | -ms-flex: 0 0 50%; | ||
| + | flex: 0 0 50%; | ||
| + | max-width: 50%; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-4 { | ||
| + | -webkit-flex: 0 0 66.66666667%; | ||
| + | -moz-flex: 0 0 66.66666667%; | ||
| + | -ms-flex: 0 0 66.66666667%; | ||
| + | flex: 0 0 66.66666667%; | ||
| + | max-width: 66.66666667%; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-5 { | ||
| + | -webkit-flex: 0 0 83.33333333%; | ||
| + | -moz-flex: 0 0 83.33333333%; | ||
| + | -ms-flex: 0 0 83.33333333%; | ||
| + | flex: 0 0 83.33333333%; | ||
| + | max-width: 83.33333333%; | ||
| + | } | ||
| + | .nyc-container-sidepanel .nyc-col-sm-6 { | ||
| + | -webkit-flex: 0 0 100%; | ||
| + | -moz-flex: 0 0 100%; | ||
| + | -ms-flex: 0 0 100%; | ||
| + | flex: 0 0 100%; | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | .dropdown-submenu:hover > a, | ||
| + | .dropdown-submenu:focus > a, | ||
| + | .dropdown-submenu > a:hover + .dropdown-menu > .dropdown-menu-default > a { | ||
| + | text-decoration: none; | ||
| + | color: #ffffff; | ||
| + | background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428ce1), to(#2c7fde)); | ||
| + | background-image: -webkit-linear-gradient(top, #428ce1, 0%, #2c7fde, 100%); | ||
| + | background-image: -moz-linear-gradient(top, #428ce1 0%, #2c7fde 100%); | ||
| + | background-image: linear-gradient(to bottom, #428ce1 0%, #2c7fde 100%); | ||
| + | background-repeat: repeat-x; | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428ce1', endColorstr='#ff2c7fde', GradientType=0); | ||
| + | } | ||
| + | .dropdown-submenu { | ||
| + | position: relative; | ||
| + | } | ||
| + | .dropdown-submenu > .dropdown-menu { | ||
| + | top: 0; | ||
| + | left: 100%; | ||
| + | margin-top: -6px; | ||
| + | margin-left: -1px; | ||
| + | border-top-left-radius: 0; | ||
| + | } | ||
| + | .dropdown-submenu:hover > .dropdown-menu { | ||
| + | display: block; | ||
| + | } | ||
| + | .dropup .dropdown-submenu > .dropdown-menu { | ||
| + | top: auto; | ||
| + | bottom: -4px; | ||
| + | margin-top: 0; | ||
| + | margin-bottom: -2px; | ||
| + | border-bottom-left-radius: 0; | ||
| + | } | ||
| + | .dropdown-submenu > .dropdown-menu--dropUp { | ||
| + | bottom: 0; | ||
| + | top: auto; | ||
| + | } | ||
| + | .dropdown-submenu > a:after { | ||
| + | display: block; | ||
| + | content: " "; | ||
| + | float: right; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | border-color: transparent; | ||
| + | border-style: solid; | ||
| + | border-width: 5px 0 5px 5px; | ||
| + | border-left-color: #cccccc; | ||
| + | margin-top: 4px; | ||
| + | margin-right: -5px; | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | .dropdown-submenu:hover > a:after { | ||
| + | border-left-color: #ffffff; | ||
| + | } | ||
| + | .dropdown-submenu.submenu-pull-left { | ||
| + | float: none; | ||
| + | } | ||
| + | .dropdown-submenu.submenu-pull-left > .dropdown-menu { | ||
| + | left: 0; | ||
| + | transform: translateX(-100%); | ||
| + | margin-left: 10px; | ||
| + | border-top-right-radius: 0; | ||
| + | } | ||
| + | @font-face { | ||
| + | font-family: 'Inconsolata-SVG'; | ||
| + | font-style: normal; | ||
| + | font-weight: 400; | ||
| + | src: local('Inconsolata'), url('../fonts/inconsolata-400.svg') format('svg'); | ||
| + | } | ||
| + | @font-face { | ||
| + | font-family: 'Inconsolata-SVG'; | ||
| + | font-style: normal; | ||
| + | font-weight: 700; | ||
| + | src: local('Inconsolata Bold'), local('Inconsalata-Bold'), url('../fonts/inconsolata-700.svg') format('svg'); | ||
| + | } | ||
| + | /* | ||
| + | @font-face { | ||
| + | font-family: 'Source Code Pro'; | ||
| + | font-style: normal; | ||
| + | font-weight: 400; | ||
| + | src: local('SourceCodePro'), local('Source Code Pro'), url('../fonts/sourcecodepro-300.svg') format('svg'); | ||
| + | } | ||
| + | */ | ||
| + | .plainSearchInput { | ||
| + | position: relative; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .plainSearchInput .close { | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | top: 50%; | ||
| + | margin-top: -8px; | ||
| + | } | ||
| + | .plainSearchInput-cancelButton { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | padding-left: 12px; | ||
| + | padding-right: 4px; | ||
| + | } | ||
| + | .plainSearchInput-cancelButton:hover, | ||
| + | .plainSearchInput-cancelButton:focus { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .plainSearchInput-icon { | ||
| + | color: #a2b9be; | ||
| + | left: 0; | ||
| + | margin-left: 8px; | ||
| + | margin-top: -6px; | ||
| + | position: absolute; | ||
| + | top: 50%; | ||
| + | } | ||
| + | .plainSearchInput-icon.svgIcon { | ||
| + | height: 12px; | ||
| + | width: 12px; | ||
| + | } | ||
| + | .plainSearchInput-input:focus ~ .plainSearchInput-icon, | ||
| + | .plainSearchInput-input:active ~ .plainSearchInput-icon, | ||
| + | .plainSearchInput--hideIcon .plainSearchInput-icon { | ||
| + | display: none; | ||
| + | } | ||
| + | /* Beat specificity of `#editor input[type="text"]` */ | ||
| + | #editor .plainSearchInput .plainSearchInput-input, | ||
| + | #editor .buffer-options .plainSearchInput .plainSearchInput-input { | ||
| + | padding-left: 28px; | ||
| + | } | ||
| + | #editor .plainSearchInput .plainSearchInput-input:focus, | ||
| + | #editor .plainSearchInput .plainSearchInput-input:active, | ||
| + | #editor .plainSearchInput.plainSearchInput--hideIcon .plainSearchInput-input { | ||
| + | padding-left: 10px; | ||
| + | } | ||
| + | #editor.hasLegacyNav .plainSearchInput .close { | ||
| + | margin-top: -10px; | ||
| + | } | ||
| + | #force-font-load { | ||
| + | position: absolute; | ||
| + | visibility: hidden; | ||
| + | font-family: 'Inconsolata', 'Courier New'; | ||
| + | } | ||
| + | #force-font-load .font-normal { | ||
| + | font-weight: normal; | ||
| + | } | ||
| + | #force-font-load .font-bold { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | .file-tag { | ||
| + | display: inline-block; | ||
| + | border: 1px solid #a2b9be; | ||
| + | border-radius: 2px; | ||
| + | margin: 0 2px 2px 0; | ||
| + | font-weight: 500; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | cursor: default; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .file-tag span { | ||
| + | background: #a2b9be; | ||
| + | color: white; | ||
| + | padding: 2px 5px; | ||
| + | display: inline-block; | ||
| + | max-width: 100px; | ||
| + | overflow-x: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | vertical-align: top; | ||
| + | border-left: 1px solid transparent; | ||
| + | } | ||
| + | .file-tag span:first-child { | ||
| + | max-width: 120px; | ||
| + | background: #ffffff; | ||
| + | color: #344043; | ||
| + | border-left: none; | ||
| + | } | ||
| + | .file-tag--selectable { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .file-tag--selectable:hover span { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .file-tag--selectable.selected { | ||
| + | border-color: #428ce1; | ||
| + | } | ||
| + | .file-tag--selectable.selected span { | ||
| + | border-color: #428ce1; | ||
| + | } | ||
| + | .file-tag--selectable.selected span, | ||
| + | .file-tag--selectable:hover span { | ||
| + | color: white; | ||
| + | } | ||
| + | .file-tag--selectable.selected span:first-child, | ||
| + | .file-tag--selectable:hover span:first-child { | ||
| + | color: #344043; | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .new-organization-form #handle { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | .new-organization-form input[type=text] + .help-block { | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | .modal .edit-sequence-row textarea.tags { | ||
| + | height: 200px; | ||
| + | } | ||
| + | .profile-container-mixin { | ||
| + | background: white; | ||
| + | } | ||
| + | .tagdropdown .add-tag-menu .apply-tags, | ||
| + | .tagdropdown .add-tag-menu .create-tag { | ||
| + | margin: 5px 5px 0; | ||
| + | width: 150px; | ||
| + | } | ||
| + | .tagdropdown .add-tag-menu .tag-search { | ||
| + | margin: 0 5px 5px; | ||
| + | padding: 2px 4px; | ||
| + | width: 150px; | ||
| + | height: 30px; | ||
| + | } | ||
| + | .tagdropdown .add-tag-menu .tag-options { | ||
| + | position: relative; | ||
| + | list-style: none; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | max-height: 150px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .tagdropdown .add-tag-menu .tag-options::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .tagdropdown .add-tag-menu .tag-options::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .tagdropdown .add-tag-menu .tag-options:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .tagdropdown .add-tag-menu .tag-options::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .tagdropdown .add-tag-menu .tag-options:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .tagdropdown .add-tag-menu .tag-options input[type=checkbox] { | ||
| + | margin: 0 5px 0 0; | ||
| + | vertical-align: middle; | ||
| + | height: auto; | ||
| + | } | ||
| + | .tagdropdown .add-tag-menu .tag-options > li > a { | ||
| + | display: block; | ||
| + | padding: 3px 5px; | ||
| + | clear: both; | ||
| + | font-weight: normal; | ||
| + | line-height: 1.42857143; | ||
| + | color: #344043; | ||
| + | font-size: 13px; | ||
| + | white-space: nowrap; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .tagdropdown .add-tag-menu .tag-options > li > a.selected { | ||
| + | color: #ffffff; | ||
| + | background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428ce1), to(#2c7fde)); | ||
| + | background-image: -webkit-linear-gradient(top, #428ce1, 0%, #2c7fde, 100%); | ||
| + | background-image: -moz-linear-gradient(top, #428ce1 0%, #2c7fde 100%); | ||
| + | background-image: linear-gradient(to bottom, #428ce1 0%, #2c7fde 100%); | ||
| + | background-repeat: repeat-x; | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428ce1', endColorstr='#ff2c7fde', GradientType=0); | ||
| + | } | ||
| + | .add-oligo-row { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | .add-oligo-row .color-chooser { | ||
| + | list-style: none; | ||
| + | margin: 0 0px 8px; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .add-oligo-row .color-chooser li { | ||
| + | display: inline-block; | ||
| + | width: 20px; | ||
| + | height: 20px; | ||
| + | margin-right: 5px; | ||
| + | cursor: pointer; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .add-oligo-row .color-chooser li.active { | ||
| + | border-color: #344043; | ||
| + | } | ||
| + | #library-page .library-editing .edit-permissions, | ||
| + | #library-page .library-editing .transfer-library { | ||
| + | padding-top: 8px; | ||
| + | } | ||
| + | #library-page .library-editing .library-basic-information .radio-inline { | ||
| + | line-height: 22px; | ||
| + | } | ||
| + | #library-page .library-editing .library-basic-information .glyphicon-question-sign { | ||
| + | margin-top: 2px; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #library-page > .base-container-wrapper > .container, | ||
| + | #library-page .container.library-context-bar, | ||
| + | #library-page .nav-container { | ||
| + | max-width: 95%; | ||
| + | } | ||
| + | #library-page .library-context-bar.container.affix-top { | ||
| + | max-width: none; | ||
| + | } | ||
| + | #library-page .profile-container { | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | #library-page .profile-container.affix { | ||
| + | width: 95%; | ||
| + | } | ||
| + | #library-page .pagination-container.bottom-pagination { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | #library-page .pagination-container .pagination { | ||
| + | margin: 0; | ||
| + | } | ||
| + | #library-page .pagination-container .pagination-text { | ||
| + | line-height: 32px; | ||
| + | margin-right: 10px; | ||
| + | color: #e8f0f2; | ||
| + | font-style: italic; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #library-page .container.collapsed-tags .col-tags { | ||
| + | display: none; | ||
| + | } | ||
| + | #library-page .container.collapsed-tags th.tags { | ||
| + | display: none; | ||
| + | } | ||
| + | #library-page .not-signed-in .library-context-bar .library-context-bar-inner { | ||
| + | display: inline-block; | ||
| + | background: white; | ||
| + | } | ||
| + | #library-page .not-signed-in .library-context-bar .copy-to-group, | ||
| + | #library-page .not-signed-in .library-context-bar .library-selection-information, | ||
| + | #library-page .not-signed-in .library-context-bar .analyses-group, | ||
| + | #library-page .not-signed-in .library-context-bar .delete-button { | ||
| + | display: none; | ||
| + | } | ||
| + | #library-page .not-signed-in .library-context-bar .search-box input[type=text] { | ||
| + | width: 370px; | ||
| + | } | ||
| + | #library-page .not-signed-in .library-context-bar .search-box .search-wrapper { | ||
| + | width: 472px; | ||
| + | } | ||
| + | #library-page .not-signed-in .library-sequences .col-checkbox { | ||
| + | width: 0; | ||
| + | } | ||
| + | #library-page .not-signed-in .library-sequences .sequence-checkbox { | ||
| + | width: 0; | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | #library-page .not-signed-in .library-sequences .sequence-main { | ||
| + | padding-left: 10px; | ||
| + | } | ||
| + | #library-page .profile-img { | ||
| + | border-radius: 25px; | ||
| + | border: 2px solid #f8fafb; | ||
| + | } | ||
| + | #library-page .profile-img img { | ||
| + | width: 50px; | ||
| + | height: 50px; | ||
| + | } | ||
| + | #library-page .library-navigation { | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | #library-page .library-navigation .current-user-profile { | ||
| + | float: right; | ||
| + | } | ||
| + | #library-page .library-navigation a:hover { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #library-page .library-navigation a:hover .profile-img { | ||
| + | border-color: #428ce1; | ||
| + | } | ||
| + | #library-page .library-navigation a:hover span { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #library-page .library-navigation .back-to-my-libraries { | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | #library-page .library-navigation .library-description { | ||
| + | margin-left: 60px; | ||
| + | font-size: 14px; | ||
| + | color: #c9d8db; | ||
| + | padding: 5px 0; | ||
| + | } | ||
| + | #library-page .library-navigation .library-description::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #library-page .library-navigation .library-description::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #library-page .library-navigation .library-description:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #library-page .library-navigation .library-description::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #library-page .library-navigation .library-description:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #library-page .library-navigation .library-description .no-description { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #library-page .library-navigation .library-name .profile-img { | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | #library-page .library-navigation .library-name .library-owner, | ||
| + | #library-page .library-navigation .library-name .actual-name { | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | #library-page .library-navigation .library-perms { | ||
| + | float: left; | ||
| + | display: inline-block; | ||
| + | width: 50px; | ||
| + | text-align: center; | ||
| + | padding: 5px 0; | ||
| + | } | ||
| + | #library-page .library-navigation .library-perms .perms-wrapper { | ||
| + | background: #b7d0d6; | ||
| + | border-radius: 15px; | ||
| + | display: inline-block; | ||
| + | height: 26px; | ||
| + | padding: 0 7px; | ||
| + | } | ||
| + | #library-page .library-navigation .library-perms .perms-wrapper .glyphicon { | ||
| + | font-size: 12px; | ||
| + | line-height: 22px; | ||
| + | margin-left: 3px; | ||
| + | } | ||
| + | #library-page .library-navigation .library-perms .perms-wrapper .glyphicon:nth-child(1) { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | #library-page .library-editing { | ||
| + | margin-top: 10px; | ||
| + | margin-bottom: 30px; | ||
| + | } | ||
| + | #library-page .library-editing .in-place-progress { | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | #library-page .library-editing .library-edit-desc { | ||
| + | height: 80px; | ||
| + | } | ||
| + | #library-page .library-editing .library-collaborators col.user, | ||
| + | #library-page .library-editing .library-invites col.user { | ||
| + | width: 300px; | ||
| + | } | ||
| + | #library-page .library-editing .library-collaborators col.remove, | ||
| + | #library-page .library-editing .library-invites col.remove { | ||
| + | width: 20px; | ||
| + | } | ||
| + | #library-page .library-editing .library-collaborators td, | ||
| + | #library-page .library-editing .library-invites td, | ||
| + | #library-page .library-editing .library-collaborators th, | ||
| + | #library-page .library-editing .library-invites th { | ||
| + | padding: 4px 8px; | ||
| + | } | ||
| + | #library-page .library-editing .library-collaborators .glyphicon-question-sign, | ||
| + | #library-page .library-editing .library-invites .glyphicon-question-sign { | ||
| + | margin-left: 5px; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #library-page .import-sequence-button, | ||
| + | #library-page .create-sequence-button, | ||
| + | #library-page .export-sequence-button { | ||
| + | margin: 10px 0 0 5px; | ||
| + | } | ||
| + | #library-page .leave-library-button { | ||
| + | margin: 10px 20px 0 5px; | ||
| + | } | ||
| + | #library-page .library-edit-button { | ||
| + | margin: 10px 0 0 20px; | ||
| + | } | ||
| + | #library-page .library-context-bar-wrapper { | ||
| + | min-height: 92px; | ||
| + | } | ||
| + | #library-page .library-context-bar-inner { | ||
| + | width: 100%; | ||
| + | margin-bottom: 15px; | ||
| + | } | ||
| + | #library-page .library-context-bar { | ||
| + | z-index: 99; | ||
| + | position: relative; | ||
| + | margin: 0 -15px; | ||
| + | } | ||
| + | #library-page .library-context-bar > * { | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | #library-page .library-context-bar .library-context-bar-inner { | ||
| + | display: inline-block; | ||
| + | padding-top: 5px; | ||
| + | } | ||
| + | #library-page .library-context-bar .dropdown-menu > li > a .owner { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #library-page .library-context-bar .dropdown-menu > li > a:hover .owner { | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | #library-page .library-context-bar .search-box { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #library-page .library-context-bar .search-box .search-wrapper { | ||
| + | display: inline-block; | ||
| + | width: 310px; | ||
| + | vertical-align: bottom; | ||
| + | } | ||
| + | #library-page .library-context-bar .search-box .search-wrapper .dropdown-toggle { | ||
| + | text-align: left; | ||
| + | } | ||
| + | #library-page .library-context-bar .search-box .search-wrapper input[type=text] { | ||
| + | margin: 0; | ||
| + | } | ||
| + | #library-page .library-context-bar .search-box .search-wrapper .filter-option-menu { | ||
| + | max-height: 300px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | #library-page .library-context-bar .search-box .search-wrapper .search-by { | ||
| + | max-width: 70px; | ||
| + | overflow-x: hidden; | ||
| + | display: inline-block; | ||
| + | text-overflow: ellipsis; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | #library-page .library-context-bar.affix { | ||
| + | top: 0px; | ||
| + | margin-top: 0; | ||
| + | position: fixed; | ||
| + | width: 100%; | ||
| + | } | ||
| + | #library-page .modified-notification { | ||
| + | padding: 10px 5px; | ||
| + | position: fixed; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | background: #e8f0f2; | ||
| + | border-top: 1px solid #c7dbe0; | ||
| + | -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2); | ||
| + | box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.2); | ||
| + | z-index: 500; | ||
| + | } | ||
| + | #library-page .modified-notification .text { | ||
| + | display: inline; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | #library-page .modified-notification .undo-modified { | ||
| + | display: inline; | ||
| + | } | ||
| + | #library-page .modified-notification .undo-modified button { | ||
| + | margin-left: 10px; | ||
| + | min-height: inherit; | ||
| + | line-height: inherit; | ||
| + | } | ||
| + | #library-page .modified-notification .close { | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | #library-page .modified-notification .text { | ||
| + | color: #344043; | ||
| + | font-size: 16px; | ||
| + | font-style: italic; | ||
| + | } | ||
| + | #library-page .modified-notification .text .moved-to-folder { | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | #library-page .modified-notification .text .moved-sequences { | ||
| + | list-style: none; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | display: inline; | ||
| + | } | ||
| + | #library-page .modified-notification .text .moved-sequences li { | ||
| + | display: inline; | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | #library-page .modified-notification .text .moved-sequences li:after { | ||
| + | content: ', '; | ||
| + | } | ||
| + | #library-page .modified-notification .text .moved-sequences li:nth-last-child(2):after { | ||
| + | content: ''; | ||
| + | } | ||
| + | #library-page .modified-notification .text .moved-sequences li:last-child:before { | ||
| + | content: ' and '; | ||
| + | } | ||
| + | #library-page .modified-notification .text .moved-sequences li:last-child:after { | ||
| + | content: ''; | ||
| + | } | ||
| + | #library-page .modified-notification .text .moved-sequences li:first-child:before { | ||
| + | content: ''; | ||
| + | } | ||
| + | #library-page .library-selection-information { | ||
| + | min-height: 24px; | ||
| + | font-style: italic; | ||
| + | margin-right: 15px; | ||
| + | color: #a2b9be; | ||
| + | line-height: 30px; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #library-page .library-sequences { | ||
| + | background: #ffffff; | ||
| + | margin-top: 0px; | ||
| + | position: relative; | ||
| + | } | ||
| + | #library-page .library-sequences .add-column-group { | ||
| + | position: absolute; | ||
| + | right: -25px; | ||
| + | top: 50%; | ||
| + | margin-top: -11px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | #library-page .library-sequences .add-column-group > a { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #library-page .library-sequences .add-column-group > a:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #library-page .library-sequences.profile-container { | ||
| + | position: relative; | ||
| + | } | ||
| + | #library-page .library-sequences.profile-container .library-loading { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | top: 0; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | z-index: 100; | ||
| + | padding-top: 100px; | ||
| + | background-position: center 100px; | ||
| + | } | ||
| + | #library-page .library-sequences > table { | ||
| + | width: 100%; | ||
| + | table-layout: fixed; | ||
| + | } | ||
| + | #library-page .library-sequences > table .col-checkbox { | ||
| + | width: 40px; | ||
| + | } | ||
| + | #library-page .library-sequences > table .col-tags { | ||
| + | width: 250px; | ||
| + | } | ||
| + | #library-page .library-sequences > table .col-color { | ||
| + | text-align: center; | ||
| + | width: 53px; | ||
| + | } | ||
| + | #library-page .library-sequences > table th.tag-column { | ||
| + | padding: 0; | ||
| + | } | ||
| + | #library-page .library-sequences > table th.tag-column .tag-column-wrapper { | ||
| + | text-align: center; | ||
| + | padding: 10px; | ||
| + | position: relative; | ||
| + | overflow-wrap: break-word; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | #library-page .library-sequences > table th.tag-column .edit-name label:hover { | ||
| + | background-color: #ffffff; | ||
| + | } | ||
| + | #library-page .library-sequences > table th.tag-column .edit-schema { | ||
| + | position: absolute; | ||
| + | display: none; | ||
| + | right: 2px; | ||
| + | top: auto; | ||
| + | bottom: 0px; | ||
| + | font-size: 12px; | ||
| + | padding: 2px; | ||
| + | } | ||
| + | #library-page .library-sequences > table th.tag-column .close { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | right: 2px; | ||
| + | display: none; | ||
| + | } | ||
| + | #library-page .library-sequences > table th.tag-column:hover .close { | ||
| + | display: block; | ||
| + | } | ||
| + | #library-page .library-sequences > table th.tag-column.editable-content:hover .edit-schema { | ||
| + | display: block; | ||
| + | } | ||
| + | #library-page .library-sequences > table th.tag-column .select { | ||
| + | margin-top: 0px; | ||
| + | text-align: right; | ||
| + | min-width: 100px; | ||
| + | } | ||
| + | #library-page .library-sequences > table th.tag-column .select input { | ||
| + | margin-top: 2px; | ||
| + | } | ||
| + | #library-page .library-sequences > table col.tag-column { | ||
| + | width: 120px; | ||
| + | } | ||
| + | #library-page .library-sequences > table td.tag-column { | ||
| + | padding: 0px; | ||
| + | } | ||
| + | #library-page .library-sequences > table td.tag-column div { | ||
| + | overflow-wrap: break-word; | ||
| + | word-wrap: break-word; | ||
| + | text-align: center; | ||
| + | } | ||
| + | #library-page .library-sequences > table td.tag-column div a { | ||
| + | white-space: nowrap; | ||
| + | line-height: normal; | ||
| + | text-overflow: ellipsis; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th { | ||
| + | background: #e8f0f2; | ||
| + | padding: 10px; | ||
| + | border-top: 1px solid #c7dbe0; | ||
| + | border-bottom: 1px solid #c7dbe0; | ||
| + | border-right: 1px solid #c7dbe0; | ||
| + | font-weight: 500; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th:first-child { | ||
| + | border-left: 1px solid #c7dbe0; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th.tags .save-tag-columns { | ||
| + | display: inline-block; | ||
| + | margin-left: 8px; | ||
| + | vertical-align: middle; | ||
| + | cursor: pointer; | ||
| + | color: #344043; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th.tags .save-tag-columns:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th.tags div.contract-tags { | ||
| + | display: none; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th.tags:hover div.contract-tags { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th.context-checkbox { | ||
| + | padding-top: 13px; | ||
| + | padding-bottom: 7px; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th.context-checkbox input[type='checkbox'] { | ||
| + | height: 15px; | ||
| + | margin: 0 0 0 3px; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th.sortable { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th.sortable:hover .tag-name, | ||
| + | #library-page .library-sequences > table > thead th.sortable:hover .glyphicon { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th .contract-tags, | ||
| + | #library-page .library-sequences > table > thead th .expand-tags { | ||
| + | background: #ffffff; | ||
| + | border-radius: 2px; | ||
| + | color: #344043; | ||
| + | margin-top: 2px; | ||
| + | font-size: 10px; | ||
| + | float: right; | ||
| + | width: 16px; | ||
| + | border: 1px solid #c7dbe0; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th .contract-tags:hover, | ||
| + | #library-page .library-sequences > table > thead th .expand-tags:hover { | ||
| + | border-color: #344043; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th .expand-tags { | ||
| + | padding-left: 3px; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th .contract-tags { | ||
| + | padding-left: 1px; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th .sort-options { | ||
| + | display: inline-block; | ||
| + | margin-left: 3px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th .sort-options .glyphicon { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th .sort-option { | ||
| + | display: none; | ||
| + | } | ||
| + | #library-page .library-sequences > table > thead th .sort-option.active { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #library-page .library-sequences .library-sequence.selected { | ||
| + | background: #f2f6f8; | ||
| + | } | ||
| + | #library-page .library-sequences .library-sequence > td { | ||
| + | padding: 10px 5px 5px; | ||
| + | border-right: 1px solid #e8f0f2; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | overflow-wrap: break-word; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | #library-page .library-sequences .library-sequence > td:first-child { | ||
| + | border-left: 1px solid #e8f0f2; | ||
| + | } | ||
| + | #library-page .library-sequences .library-sequence .sequence-bases { | ||
| + | overflow-x: auto; | ||
| + | } | ||
| + | #library-page .library-sequences .library-sequence .sequence-color { | ||
| + | text-align: center; | ||
| + | } | ||
| + | #library-page .library-sequences .library-sequence .sequence-color .color-value { | ||
| + | cursor: pointer; | ||
| + | width: 25px; | ||
| + | height: 25px; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #library-page .library-sequences .library-sequence .editable { | ||
| + | display: none; | ||
| + | } | ||
| + | #library-page .library-sequences .library-sequence .editable .tag-help { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | #library-page .library-sequences .library-sequence .editable input { | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | #library-page .library-sequences .library-sequence .editable button { | ||
| + | margin-right: 3px; | ||
| + | } | ||
| + | #library-page .library-sequences .library-sequence .editable textarea.sequence-input-desc { | ||
| + | resize: vertical; | ||
| + | margin-bottom: 5px; | ||
| + | min-height: 80px; | ||
| + | } | ||
| + | #library-page .library-sequences .file-tag { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #library-page .library-sequences .file-tag:hover span { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #library-page .library-sequences .file-tag.selected { | ||
| + | border-color: #428ce1; | ||
| + | } | ||
| + | #library-page .library-sequences .file-tag.selected span { | ||
| + | border-color: #428ce1; | ||
| + | } | ||
| + | #library-page .library-sequences .file-tag.selected span, | ||
| + | #library-page .library-sequences .file-tag:hover span { | ||
| + | color: white; | ||
| + | } | ||
| + | #library-page .library-sequences .file-tag.selected span:first-child, | ||
| + | #library-page .library-sequences .file-tag:hover span:first-child { | ||
| + | color: #344043; | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-main { | ||
| + | position: relative; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-main h2 { | ||
| + | font-size: 14px; | ||
| + | line-height: normal; | ||
| + | margin: 0 0 5px; | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-main h2 a { | ||
| + | text-overflow: ellipsis; | ||
| + | overflow: hidden; | ||
| + | display: inline-block; | ||
| + | max-width: 100%; | ||
| + | white-space: nowrap; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-main .sequence-desc { | ||
| + | color: #344043; | ||
| + | margin: 1px 0 0 0; | ||
| + | padding: 4px; | ||
| + | font-size: 12px; | ||
| + | max-height: 130px; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-main .sequence-desc .sequence-modified { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-main .sequence-desc:hover { | ||
| + | background-color: #ffffff; | ||
| + | outline: 1px solid #428ce1; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-main .sequence-meta { | ||
| + | font-size: 12px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-main .sequence-meta .sequence-topology { | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-main:hover .non-editable .sequence-edit-options { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-main .sequence-edit-options { | ||
| + | display: inline-block; | ||
| + | margin-left: 10px; | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-main .sequence-edit-options a { | ||
| + | color: #c9d8db; | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-main .sequence-edit-options a:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-main .non-editable { | ||
| + | position: relative; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-main .non-editable .sequence-name { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-main.editing .non-editable { | ||
| + | display: none; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-main.editing .editable { | ||
| + | display: block; | ||
| + | } | ||
| + | #library-page .library-sequences td.sequence-checkbox { | ||
| + | padding: 0; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | #library-page .library-sequences td.sequence-checkbox div { | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | position: relative; | ||
| + | } | ||
| + | #library-page .library-sequences td.sequence-checkbox div input { | ||
| + | margin: 0; | ||
| + | position: absolute; | ||
| + | top: 50%; | ||
| + | left: 50%; | ||
| + | margin: -4px 0 0 -7px; | ||
| + | } | ||
| + | #library-page .library-sequences td.sequence-bases { | ||
| + | position: relative; | ||
| + | } | ||
| + | #library-page .library-sequences td.sequence-bases .mono { | ||
| + | -webkit-user-select: text; | ||
| + | -moz-user-select: text; | ||
| + | -ms-user-select: text; | ||
| + | -o-user-select: text; | ||
| + | user-select: text; | ||
| + | padding-left: 10px; | ||
| + | } | ||
| + | #library-page .library-sequences td.sequence-bases .bases-edit-buttons { | ||
| + | position: absolute; | ||
| + | right: 5px; | ||
| + | display: none; | ||
| + | } | ||
| + | #library-page .library-sequences td.sequence-bases .edit-button { | ||
| + | margin-top: -8px; | ||
| + | } | ||
| + | #library-page .library-sequences td.sequence-bases:hover .bases-edit-buttons { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #library-page .library-sequences td.sequence-bases .non-editable { | ||
| + | position: relative; | ||
| + | } | ||
| + | #library-page .library-sequences td.sequence-bases.editing .non-editable { | ||
| + | display: none; | ||
| + | } | ||
| + | #library-page .library-sequences td.sequence-bases.editing .editable { | ||
| + | display: block; | ||
| + | } | ||
| + | #library-page .library-sequences .file-tag { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-bases .edit-form .row { | ||
| + | margin-left: 0px; | ||
| + | margin-right: 0px; | ||
| + | } | ||
| + | #library-page .library-sequences .sequence-bases .edit-form .col { | ||
| + | padding-left: 5px; | ||
| + | padding-right: 5px; | ||
| + | } | ||
| + | #library-page, | ||
| + | #profile { | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | } | ||
| + | #library-page h1, | ||
| + | #profile h1, | ||
| + | #library-page h2, | ||
| + | #profile h2, | ||
| + | #library-page .library-description, | ||
| + | #profile .library-description { | ||
| + | -webkit-user-select: text; | ||
| + | -moz-user-select: text; | ||
| + | -ms-user-select: text; | ||
| + | -o-user-select: text; | ||
| + | user-select: text; | ||
| + | } | ||
| + | #library-page .no-select, | ||
| + | #profile .no-select { | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | } | ||
| + | #library-page .profile-img, | ||
| + | #profile .profile-img { | ||
| + | overflow: hidden; | ||
| + | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); | ||
| + | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); | ||
| + | display: inline-block; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | #library-page .library-name, | ||
| + | #profile .library-name { | ||
| + | font-size: 24px; | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | #library-page .library-name .library-owner, | ||
| + | #profile .library-name .library-owner { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #library-page .library-name a:hover, | ||
| + | #profile .library-name a:hover { | ||
| + | color: #1a5aa3; | ||
| + | } | ||
| + | #library-page .profile-container, | ||
| + | #profile .profile-container { | ||
| + | background: white; | ||
| + | } | ||
| + | .container-wide-nav { | ||
| + | background: #ffffff; | ||
| + | border-top: 1px solid #c9d8db; | ||
| + | border-bottom: 1px solid #c9d8db; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .container-wide-nav .nav-tabs { | ||
| + | border-bottom: 0; | ||
| + | } | ||
| + | .container-wide-nav .nav > li > a { | ||
| + | padding-top: 7px; | ||
| + | padding-bottom: 7px; | ||
| + | border-width: 0 0 2px 0; | ||
| + | margin-bottom: -2px; | ||
| + | border-bottom-color: transparent; | ||
| + | margin-right: 0; | ||
| + | text-transform: uppercase; | ||
| + | font-weight: 500; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | .container-wide-nav .nav > li > a:hover { | ||
| + | background: none; | ||
| + | border-width: 0 0 2px 0; | ||
| + | } | ||
| + | .container-wide-nav .nav > li > a .badge { | ||
| + | margin-left: 5px; | ||
| + | background: #e8f0f2; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .container-wide-nav .nav > li.active > a { | ||
| + | background: #f9fbfe; | ||
| + | color: #2c76cc; | ||
| + | font-weight: 500; | ||
| + | border-width: 0 0 2px 0; | ||
| + | border-bottom-color: #2c76cc; | ||
| + | } | ||
| + | .card-mixin { | ||
| + | -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); | ||
| + | box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); | ||
| + | background: #fff; | ||
| + | padding: 20px; | ||
| + | } | ||
| + | .card-mixin .title { | ||
| + | font-size: 18px; | ||
| + | margin: 0 0 10px; | ||
| + | padding-bottom: 10px; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .card-mixin .sub-title { | ||
| + | margin-top: 30px; | ||
| + | margin-bottom: 5px; | ||
| + | border-bottom: none; | ||
| + | color: #344043; | ||
| + | text-transform: uppercase; | ||
| + | font-size: 14px; | ||
| + | letter-spacing: 0.05em; | ||
| + | } | ||
| + | #profile { | ||
| + | background: white; | ||
| + | } | ||
| + | #profile .base-container-wrapper { | ||
| + | background: white; | ||
| + | } | ||
| + | #profile .entity-meta { | ||
| + | display: table; | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | #profile .entity-meta .entity-meta-row { | ||
| + | display: table-row; | ||
| + | } | ||
| + | #profile .entity-meta .entity-avatar, | ||
| + | #profile .entity-meta .entity-details { | ||
| + | display: table-cell; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | #profile .entity-meta .entity-avatar { | ||
| + | padding-right: 20px; | ||
| + | } | ||
| + | #profile .entity-meta .entity-avatar .avatar { | ||
| + | border-radius: 12px; | ||
| + | border: 2px solid #e8f0f2; | ||
| + | } | ||
| + | #profile .entity-meta .entity-details h1 { | ||
| + | font-size: 40px; | ||
| + | margin: 0 0 0; | ||
| + | } | ||
| + | #profile .entity-meta .entity-details .entity-handle { | ||
| + | margin-top: -5px; | ||
| + | margin-left: 10px; | ||
| + | font-size: 26px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #profile .entity-meta .entity-details .entity-minor-details { | ||
| + | color: #a2b9be; | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | #profile .entity-meta .entity-details .entity-minor-details .bio-detail { | ||
| + | margin-right: 30px; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #profile .entity-meta .entity-details .entity-minor-details .bio-detail .bio-detail-inner { | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | #profile .entity-meta .entity-details .entity-minor-details .glyphicon { | ||
| + | margin-right: 5px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #profile .entity-related-entities-label, | ||
| + | #profile .entity-related-entities { | ||
| + | display: table-cell; | ||
| + | vertical-align: center; | ||
| + | padding-bottom: 10px; | ||
| + | } | ||
| + | #profile .entity-related-entities-label { | ||
| + | text-align: right; | ||
| + | font-weight: 500; | ||
| + | text-transform: uppercase; | ||
| + | padding-right: 20px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | #profile .entity-related-entities-label .inner-label { | ||
| + | background: #e8f0f2; | ||
| + | border-radius: 2px; | ||
| + | color: #a2b9be; | ||
| + | padding: 3px 5px; | ||
| + | } | ||
| + | #profile .container-wide-nav .nav-tabs li { | ||
| + | text-align: center; | ||
| + | } | ||
| + | #profile .profile-tab-content { | ||
| + | -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); | ||
| + | box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); | ||
| + | background: #fff; | ||
| + | padding: 20px; | ||
| + | margin-top: 20px; | ||
| + | } | ||
| + | #profile .profile-tab-content .title { | ||
| + | font-size: 18px; | ||
| + | margin: 0 0 10px; | ||
| + | padding-bottom: 10px; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | #profile .profile-tab-content .sub-title { | ||
| + | margin-top: 30px; | ||
| + | margin-bottom: 5px; | ||
| + | border-bottom: none; | ||
| + | color: #344043; | ||
| + | text-transform: uppercase; | ||
| + | font-size: 14px; | ||
| + | letter-spacing: 0.05em; | ||
| + | } | ||
| + | #profile .profile-latest-sequences { | ||
| + | display: table; | ||
| + | } | ||
| + | #profile .profile-latest-sequences .latest-thumb { | ||
| + | display: table-cell; | ||
| + | vertical-align: bottom; | ||
| + | border: 2px solid #e8f0f2; | ||
| + | } | ||
| + | #profile .profile-latest-sequences .latest-thumb:hover { | ||
| + | border-color: #428ce1; | ||
| + | } | ||
| + | #profile .profile-latest-sequences .latest-thumb:hover .latest-thumb-inner .latest-thumb-overlay .folder-details { | ||
| + | display: block; | ||
| + | } | ||
| + | #profile .profile-latest-sequences .latest-thumb .latest-thumb-inner { | ||
| + | position: relative; | ||
| + | min-height: 100px; | ||
| + | } | ||
| + | @media (max-width: 480px) { | ||
| + | #profile .profile-latest-sequences .latest-thumb .latest-thumb-inner { | ||
| + | min-height: 50px; | ||
| + | } | ||
| + | #profile .profile-latest-sequences .latest-thumb .latest-thumb-inner .latest-thumb-overlay { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | #profile .profile-latest-sequences .latest-thumb .latest-thumb-inner .latest-thumb-overlay { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | padding: 5px; | ||
| + | background: #e8f0f2; | ||
| + | color: #344043; | ||
| + | } | ||
| + | #profile .profile-latest-sequences .latest-thumb .latest-thumb-inner .latest-thumb-overlay .latest-overlay-name, | ||
| + | #profile .profile-latest-sequences .latest-thumb .latest-thumb-inner .latest-thumb-overlay .folder-details { | ||
| + | white-space: nowrap; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | #profile .profile-latest-sequences .latest-thumb .latest-thumb-inner .latest-thumb-overlay .latest-overlay-count { | ||
| + | float: right; | ||
| + | opacity: 0.7; | ||
| + | } | ||
| + | #profile .profile-latest-sequences .latest-thumb .latest-thumb-inner .latest-thumb-overlay .folder-details { | ||
| + | display: none; | ||
| + | opacity: 0.7; | ||
| + | } | ||
| + | #profile .profile-latest-sequences .latest-thumb .latest-thumb-inner img { | ||
| + | width: 100%; | ||
| + | max-width: 250px; | ||
| + | } | ||
| + | #profile .profile-source { | ||
| + | background-color: #f8fbfb; | ||
| + | border-width: 5px 1px 1px; | ||
| + | border-color: transparent; | ||
| + | border-style: solid; | ||
| + | border-top-color: #e8f0f2; | ||
| + | -webkit-transition: border-color 0.1s ease-out; | ||
| + | transition: border-color 0.1s ease-out; | ||
| + | border-radius: 2px; | ||
| + | padding: 15px 20px 0; | ||
| + | min-height: 80px; | ||
| + | } | ||
| + | #profile .profile-source:hover { | ||
| + | border-color: #d8e5e9; | ||
| + | border-top-color: #428ce1; | ||
| + | } | ||
| + | #profile .profile-source:hover .profile-source-perms { | ||
| + | background: #428ce1; | ||
| + | color: white; | ||
| + | } | ||
| + | #profile .profile-source-name { | ||
| + | font-size: 24px; | ||
| + | } | ||
| + | #profile .profile-source-name a:hover { | ||
| + | color: #1a5aa3; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #profile .profile-source-perms { | ||
| + | position: absolute; | ||
| + | top: -15px; | ||
| + | left: 50%; | ||
| + | text-align: center; | ||
| + | background: #428ce1; | ||
| + | color: #428ce1; | ||
| + | width: 30px; | ||
| + | height: 30px; | ||
| + | line-height: 30px; | ||
| + | margin-left: -15px; | ||
| + | border-radius: 15px; | ||
| + | -webkit-transition: background-color 0.1s ease-out; | ||
| + | transition: background-color 0.1s ease-out; | ||
| + | } | ||
| + | #profile .profile-source-perms.double { | ||
| + | width: 60px; | ||
| + | margin-left: -30px; | ||
| + | } | ||
| + | #profile .profile-source-perms.double .glyphicon:first-child { | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | #profile .profile-widget { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | #profile .profile-widget h3 { | ||
| + | margin: 10px 0 5px; | ||
| + | white-space: nowrap; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | #profile .profile-widget h3 .sharing-icon { | ||
| + | font-size: 16px; | ||
| + | vertical-align: top; | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | #profile .profile-widget .profile-entity-list-item { | ||
| + | border-width: 2px; | ||
| + | } | ||
| + | #profile .profile-widget .profile-widget-modified { | ||
| + | float: right; | ||
| + | line-height: 25px; | ||
| + | margin-top: 2px; | ||
| + | color: #a2b9be; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | #profile .profile-widget .profile-widget-details { | ||
| + | float: right; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #profile .protocol-widget .profile-widget-details .glyphicon { | ||
| + | margin-right: 3px; | ||
| + | } | ||
| + | #tagger .alert { | ||
| + | margin-top: 20px; | ||
| + | } | ||
| + | #tagger .file-text-name { | ||
| + | line-height: 40px; | ||
| + | } | ||
| + | #tagger .help-message { | ||
| + | width: 300px; | ||
| + | } | ||
| + | #tagger .update-skip { | ||
| + | width: auto; | ||
| + | } | ||
| + | #tagger .skip { | ||
| + | background: #e8f0f2; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .profiles input[type="text"], | ||
| + | .profiles input, | ||
| + | .profiles select, | ||
| + | .profiles textarea { | ||
| + | margin-bottom: 10px; | ||
| + | padding: 5px; | ||
| + | } | ||
| + | .profiles input[type=checkbox] { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .profiles .input-group input[type="text"] { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | #featureLibraryHelpModal .definitions dt { | ||
| + | width: 50px; | ||
| + | } | ||
| + | #featureLibraryHelpModal .definitions dd { | ||
| + | margin-left: 70px; | ||
| + | margin-bottom: 10px; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | #featureLibraryHelpModal span.selected { | ||
| + | padding: 0px; | ||
| + | margin: 0px; | ||
| + | background-color: red; | ||
| + | } | ||
| + | #featureLibraryHelpModal .title { | ||
| + | font-size: 15px; | ||
| + | font-weight: 700; | ||
| + | margin: 0px; | ||
| + | padding: 0px; | ||
| + | } | ||
| + | #featureLibraryHelpModal .title dt { | ||
| + | width: 100px; | ||
| + | margin-bottom: 0px; | ||
| + | } | ||
| + | #featureLibraryHelpModal .title dd { | ||
| + | margin-left: 120px; | ||
| + | margin-bottom: 0px; | ||
| + | } | ||
| + | #featureLibraryHelpModal .matches { | ||
| + | padding-top: ; | ||
| + | } | ||
| + | #featureLibraryHelpModal .matches dt { | ||
| + | width: 100px; | ||
| + | } | ||
| + | #featureLibraryHelpModal .matches dd { | ||
| + | margin-left: 120px; | ||
| + | margin-bottom: 10px; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | h1 .btn, | ||
| + | h2 .btn, | ||
| + | h3 .btn { | ||
| + | font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | h1 .btn-group, | ||
| + | h2 .btn-group, | ||
| + | h3 .btn-group { | ||
| + | vertical-align: middle; | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | #home .home-news { | ||
| + | padding: 9px; | ||
| + | } | ||
| + | #home .home-news h2 { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | #home .home-news .latest { | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | #home .home-news .update-more { | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | #home .home-news .blog-link { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #home .home-invite-form .alert { | ||
| + | padding: 5px 8px; | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | #home .quick-browse .sort-toggle { | ||
| + | float: right; | ||
| + | } | ||
| + | #home .quick-browse .sort-toggle button { | ||
| + | background: none; | ||
| + | border: none; | ||
| + | color: #a2b9be; | ||
| + | padding: 2px; | ||
| + | } | ||
| + | #home .quick-browse .sort-toggle button:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #home .quick-browse .sort-toggle button:focus { | ||
| + | outline: 0; | ||
| + | } | ||
| + | #home .quick-browse .quick-browse-header { | ||
| + | padding: 15px 5px 15px 10px; | ||
| + | border-width: 2px 1px 1px; | ||
| + | border-color: #428ce1 #e8f0f2 #e8f0f2; | ||
| + | border-top-right-radius: 3px; | ||
| + | border-top-left-radius: 3px; | ||
| + | border-style: solid; | ||
| + | font-size: 11px; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | #home .quick-browse .nav { | ||
| + | position: relative; | ||
| + | } | ||
| + | #home .quick-browse .nav li { | ||
| + | border-width: 0 1px 1px; | ||
| + | border-style: solid; | ||
| + | border-color: #e8f0f2; | ||
| + | } | ||
| + | #home .quick-browse .nav li:last-child { | ||
| + | border-bottom-right-radius: 3px; | ||
| + | border-bottom-left-radius: 3px; | ||
| + | } | ||
| + | #home .quick-browse .nav li:hover { | ||
| + | background: #f9fbfe; | ||
| + | } | ||
| + | #home .quick-browse .nav li:hover .readonly-icon { | ||
| + | color: #344043; | ||
| + | } | ||
| + | #home .quick-browse .nav li .readonly-icon { | ||
| + | margin-top: 2px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #home .quick-browse .nav li .icon { | ||
| + | left: 10px; | ||
| + | } | ||
| + | #home .quick-browse .nav li a { | ||
| + | white-space: nowrap; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | #home .quick-browse .nav .collapse-toggle { | ||
| + | text-align: center; | ||
| + | background: white; | ||
| + | text-transform: uppercase; | ||
| + | font-weight: 500; | ||
| + | font-size: 11px; | ||
| + | padding: 3px 0; | ||
| + | } | ||
| + | #home .quick-browse .nav .collapse-toggle a { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #home .quick-browse + .quick-browse { | ||
| + | margin-top: 30px; | ||
| + | } | ||
| + | #home .home-quick-links { | ||
| + | list-style: none; | ||
| + | padding: 0; | ||
| + | display: table; | ||
| + | margin-bottom: 30px; | ||
| + | border-collapse: collapse; | ||
| + | } | ||
| + | #home .home-quick-links li { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | display: table-cell; | ||
| + | text-align: center; | ||
| + | width: 100px; | ||
| + | } | ||
| + | #home .home-quick-links li:hover { | ||
| + | border-bottom: 1px solid #428ce1; | ||
| + | } | ||
| + | @media (max-width: 991px) { | ||
| + | #home .home-quick-links li.hide-when-small { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | @media (max-width: 1199px) { | ||
| + | #home .home-quick-links li.hide-when-medium { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | #home .home-quick-links li.hide-when-small, | ||
| + | #home .home-quick-links li.hide-when-medium { | ||
| + | display: table-cell; | ||
| + | } | ||
| + | } | ||
| + | #home .home-quick-links li a { | ||
| + | width: 100%; | ||
| + | display: block; | ||
| + | padding: 12px 4px; | ||
| + | } | ||
| + | #home .home-quick-links li a:hover { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #home .home-quick-links li a:hover .quick-link-icon { | ||
| + | color: inherit; | ||
| + | } | ||
| + | #home .home-quick-links li .quick-link-icon { | ||
| + | margin-bottom: 5px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #home .home-quick-links li p { | ||
| + | margin: 0; | ||
| + | line-height: 18px; | ||
| + | } | ||
| + | #home .home-recently-accessed col.home-recent-avatar { | ||
| + | width: 40px; | ||
| + | } | ||
| + | #home .home-recently-accessed col.home-recent-name { | ||
| + | width: 300px; | ||
| + | } | ||
| + | #home .home-recently-accessed td { | ||
| + | line-height: 25px; | ||
| + | } | ||
| + | #home .home-recently-accessed td.recent-access-type { | ||
| + | color: #a2b9be; | ||
| + | text-transform: uppercase; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | #home .home-recently-accessed td .delete-icon { | ||
| + | margin-left: 3px; | ||
| + | } | ||
| + | #home .home-recently-accessed td .delete-icon:hover { | ||
| + | color: #e96e51; | ||
| + | } | ||
| + | #home .home-recently-accessed td a.recent-name-link { | ||
| + | width: 300px; | ||
| + | display: inline-block; | ||
| + | overflow-wrap: break-word; | ||
| + | } | ||
| + | #home .home-recently-accessed .entity-info { | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | #home .home-recently-accessed .entity-info a { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #home .home-recently-accessed .entity-info .not-saved { | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | @media (max-width: 1199px) { | ||
| + | #home .home-recently-accessed col.home-recent-name, | ||
| + | #home .home-recently-accessed td a.recent-name-link { | ||
| + | width: 150px; | ||
| + | } | ||
| + | } | ||
| + | @media (max-width: 991px) { | ||
| + | #home .home-recently-accessed col.home-recent-name, | ||
| + | #home .home-recently-accessed td a.recent-name-link { | ||
| + | width: 200px; | ||
| + | } | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | #home .home-recently-accessed col.home-recent-name, | ||
| + | #home .home-recently-accessed td a.recent-name-link { | ||
| + | width: 300px; | ||
| + | } | ||
| + | } | ||
| + | .single-sequence { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | padding: 8px; | ||
| + | } | ||
| + | .single-sequence:last-child { | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | .single-sequence a { | ||
| + | display: block; | ||
| + | } | ||
| + | .single-sequence .sequence-name { | ||
| + | margin: 0 0 5px; | ||
| + | font-size: 18px; | ||
| + | } | ||
| + | .single-sequence .description { | ||
| + | white-space: nowrap; | ||
| + | overflow-x: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | color: #c9d8db; | ||
| + | } | ||
| + | .single-sequence .right-details { | ||
| + | float: right; | ||
| + | font-size: 13px; | ||
| + | margin-right: 6px; | ||
| + | } | ||
| + | .single-sequence .details, | ||
| + | .single-sequence .right-details { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .single-sequence .description, | ||
| + | .single-sequence .details { | ||
| + | font-size: 13px; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .single-sequence .glyphicon-trash { | ||
| + | color: #e96e51; | ||
| + | } | ||
| + | .profile-selector { | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | display: block; | ||
| + | margin: 10px 0; | ||
| + | } | ||
| + | .profile-selector .avatar { | ||
| + | border-radius: 12px; | ||
| + | } | ||
| + | .profile-selector .btn-handle { | ||
| + | width: 85%; | ||
| + | display: inline-block; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | .profile-selector .handle { | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | .profile-selector .avatar, | ||
| + | .profile-selector .handle { | ||
| + | vertical-align: middle; | ||
| + | line-height: 22px; | ||
| + | } | ||
| + | .profile-selector .active-profile { | ||
| + | float: none; | ||
| + | height: 36px; | ||
| + | max-width: 100%; | ||
| + | overflow-x: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | .profile-selector .active-profile .caret { | ||
| + | margin-left: 5px; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .profile-selector .dropdown-menu li a { | ||
| + | padding: 3px 10px; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | .profile-selector .dropdown-menu li .handle { | ||
| + | font-size: 11px; | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | .profile-selector .dropdown-menu li .glyphicon-ok { | ||
| + | font-size: 12px; | ||
| + | margin-right: 5px; | ||
| + | color: white; | ||
| + | } | ||
| + | .profile-selector .dropdown-menu li:hover .glyphicon-ok { | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | .profile-selector .dropdown-menu li.selected .glyphicon-ok { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .profile-selector .dropdown-menu li:hover.selected .glyphicon-ok { | ||
| + | color: #344043; | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .profile-frame table th { | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | .profile-frame table th a:hover { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .profile-frame h6 { | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | .profile-frame .avatar-container { | ||
| + | position: absolute; | ||
| + | left: 4px; | ||
| + | } | ||
| + | .profile-frame div.panel { | ||
| + | border: 1px solid #bdc3c7; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .profile-frame div.panel .panel-divider { | ||
| + | height: 0; | ||
| + | overflow: hidden; | ||
| + | border: none; | ||
| + | background: transparent; | ||
| + | border-bottom: 1px solid #c9d8db; | ||
| + | margin: 15px 0 10px; | ||
| + | } | ||
| + | .profile-frame div.panel div.row { | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | .profile-frame div.panel .panel-title { | ||
| + | color: #c9d8db; | ||
| + | padding: 0px 15px; | ||
| + | background: #ffffff; | ||
| + | } | ||
| + | .profile-frame div.panel .panel-title .col { | ||
| + | padding: 0; | ||
| + | border-bottom: 1px solid #bdc3c7; | ||
| + | } | ||
| + | .profile-frame div.panel .panel-title .col:not(:last-child) { | ||
| + | border-right: 1px solid #bdc3c7; | ||
| + | } | ||
| + | .profile-frame div.panel .panel-title .col.active { | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | .profile-frame div.panel .panel-title .col:not(.active) { | ||
| + | background: #f8fafb; | ||
| + | } | ||
| + | .profile-frame div.panel h4 { | ||
| + | margin: 0; | ||
| + | font-size: 13px; | ||
| + | font-weight: 400; | ||
| + | padding: 8px 0; | ||
| + | text-align: center; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .profile-frame div.panel .panel-container { | ||
| + | padding: 10px 15px 0; | ||
| + | } | ||
| + | .profile-frame div.panel .panel-container .row { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | .profile-frame div.panel .panel-container .panel-divider:first-child { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | .profile-frame div.panel .panel-container .table th, | ||
| + | .profile-frame div.panel .panel-container .table td { | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | .profile-frame div.panel .panel-container .table th:first-child, | ||
| + | .profile-frame div.panel .panel-container .table td:first-child { | ||
| + | text-align: left; | ||
| + | } | ||
| + | .profile-frame div.panel .panel-container .table th { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .profile-frame div.panel .panel-container .table td { | ||
| + | border-top: 0; | ||
| + | } | ||
| + | .profile-frame div.panel .panel-container .table tr.active td { | ||
| + | background-color: #feefd1; | ||
| + | } | ||
| + | .profile-frame h1 .perms { | ||
| + | font-size: 0.5em; | ||
| + | } | ||
| + | .profile-frame h4 { | ||
| + | font-size: 18px; | ||
| + | text-align: left; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .profile-frame h4 .glyphicon { | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | .profile-frame .ownables .tab-panel { | ||
| + | margin-top: 30px; | ||
| + | } | ||
| + | .profile-frame .ownables .tab-panel .glyphicon-question-sign { | ||
| + | margin-left: 5px; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .profile-frame .ownables .ape-import { | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | .profile-frame .ownables .create-new { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | .profile-frame .ownables .create-new .btn-group { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | .profile-frame .ownables .create-new .btn-group .btn { | ||
| + | line-height: 22px; | ||
| + | } | ||
| + | .profile-frame .ownables .create-new .btn-group .ownable-owner { | ||
| + | color: white; | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); | ||
| + | background: #b1c4c8; | ||
| + | padding: 0 6px; | ||
| + | border-radius: 2px; | ||
| + | margin-right: 5px; | ||
| + | font-weight: 500; | ||
| + | border: 1px solid #93aeb4; | ||
| + | } | ||
| + | .profile-frame .ownables .create-new .btn-group .ownable-owner .glyphicon { | ||
| + | margin-left: 3px; | ||
| + | } | ||
| + | .profile-frame .ownables .create-new .btn-group li.selected .ownable-owner, | ||
| + | .profile-frame .ownables .create-new .btn-group .btn .ownable-owner { | ||
| + | background: #428ce1; | ||
| + | border-color: #2c7fde; | ||
| + | } | ||
| + | .profile-frame .ownables .create-new .btn-group .dropdown-menu a { | ||
| + | padding: 5px 10px; | ||
| + | overflow-x: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | .profile-frame .ownables .create-new .btn-group .dropdown-menu a:hover .ownable-owner { | ||
| + | text-shadow: none; | ||
| + | background: #428ce1; | ||
| + | border-color: #2c7fde; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view h3 { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .library-actions .select-all-checkbox { | ||
| + | padding: 10px; | ||
| + | display: inline-block; | ||
| + | vertical-align: middle; | ||
| + | width: 40px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .library-actions .select-all-checkbox input { | ||
| + | margin: 8px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .library-actions .actions { | ||
| + | display: inline-block; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .library-actions .actions .popover { | ||
| + | max-width: 200px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .library-actions .actions .edit-submit { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .library-actions .btn { | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .library-list { | ||
| + | margin: 0 0 15px; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | padding: 10px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .library-list.non-writable col.library-checkbox { | ||
| + | width: 0; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .library-list.non-writable .library-checkbox input { | ||
| + | display: none; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .library-list col.name { | ||
| + | width: 200px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .library-list col.match-type { | ||
| + | width: 100px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .library-list col.type { | ||
| + | width: 130px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .glyphicon-question-sign { | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .match_type { | ||
| + | margin-top: 1px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table { | ||
| + | margin: 0; | ||
| + | table-layout: fixed; | ||
| + | overflow-wrap: break-word; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table colgroup .library-checkbox { | ||
| + | width: 25px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table colgroup .color { | ||
| + | width: 50px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table colgroup .bases { | ||
| + | width: 60%; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table colgroup .close-option { | ||
| + | width: 5%; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table th span { | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table th span.comparator { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item.writable { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item.writable:hover { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item td { | ||
| + | position: relative; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item td.library-checkbox { | ||
| + | padding: 0; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item td.library-checkbox input { | ||
| + | margin: 8px; | ||
| + | height: 25px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item .name input { | ||
| + | margin-bottom: 8px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item .color-chooser-wrapper { | ||
| + | position: relative; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item .color-chooser-wrapper .chooser { | ||
| + | position: absolute; | ||
| + | top: -35px; | ||
| + | left: -110px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item .color-chooser-wrapper .color-chooser { | ||
| + | background: white; | ||
| + | padding: 5px 0 0 5px; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | list-style: none; | ||
| + | margin: 0; | ||
| + | width: 108px; | ||
| + | -webkit-box-shadow: -2px 0 4px rgba(0, 0, 0, 0.3); | ||
| + | box-shadow: -2px 0 4px rgba(0, 0, 0, 0.3); | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item .color-chooser-wrapper .color-chooser li { | ||
| + | display: inline-block; | ||
| + | width: 20px; | ||
| + | height: 20px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item td.bases div { | ||
| + | max-height: 68px; | ||
| + | overflow-y: auto; | ||
| + | overflow-wrap: break-word; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item input[type=text], | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item .btn, | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item textarea, | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item .chooser { | ||
| + | display: none; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item.editing { | ||
| + | cursor: default; | ||
| + | background: #feefd1; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item.editing .btn { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item.editing input[type=text], | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item.editing textarea, | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item.editing .chooser { | ||
| + | display: block; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item.editing .name span, | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item.editing .type span, | ||
| + | .profile-frame .ownables .library-view table .library-members tr.library-item.editing .bases div { | ||
| + | display: none; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr textarea { | ||
| + | height: 68px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members tr .cancel { | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view table .library-members .color div { | ||
| + | width: 25px; | ||
| + | height: 25px; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .color-chooser { | ||
| + | list-style: none; | ||
| + | margin: 0 0 8px; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .color-chooser li { | ||
| + | display: inline-block; | ||
| + | width: 20px; | ||
| + | height: 20px; | ||
| + | margin-right: 5px; | ||
| + | cursor: pointer; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .profile-frame .ownables .library-view .color-chooser li.active { | ||
| + | border-color: #344043; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .selected-list-name { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .common-enzymes-container { | ||
| + | height: 255px; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .enzymes-list-container { | ||
| + | height: 293px; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .enzymes-list-container, | ||
| + | .profile-frame .ownables .enzyme-list-view .common-enzymes-container { | ||
| + | overflow-y: auto; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .enzymes-list-container::-webkit-scrollbar, | ||
| + | .profile-frame .ownables .enzyme-list-view .common-enzymes-container::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .enzymes-list-container::-webkit-scrollbar-track, | ||
| + | .profile-frame .ownables .enzyme-list-view .common-enzymes-container::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .enzymes-list-container:hover::-webkit-scrollbar-track, | ||
| + | .profile-frame .ownables .enzyme-list-view .common-enzymes-container:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .enzymes-list-container::-webkit-scrollbar-thumb, | ||
| + | .profile-frame .ownables .enzyme-list-view .common-enzymes-container::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .enzymes-list-container:hover::-webkit-scrollbar-thumb, | ||
| + | .profile-frame .ownables .enzyme-list-view .common-enzymes-container:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .common-enzymes-table tr { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .common-enzymes-disabled { | ||
| + | background: rgba(255, 255, 255, 0.5); | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .enzyme-list-table, | ||
| + | .profile-frame .ownables .enzyme-list-view .common-enzymes-table { | ||
| + | margin-bottom: 10px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .enzyme-list-table tr.active td, | ||
| + | .profile-frame .ownables .enzyme-list-view .common-enzymes-table tr.active td { | ||
| + | background-color: #feefd1; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .enzyme-list-table td, | ||
| + | .profile-frame .ownables .enzyme-list-view .common-enzymes-table td { | ||
| + | height: 31px; | ||
| + | padding: 5px 10px; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .enzyme-list-table td.mono, | ||
| + | .profile-frame .ownables .enzyme-list-view .common-enzymes-table td.mono { | ||
| + | font-size: 13px; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .enzyme-list-table .remove, | ||
| + | .profile-frame .ownables .enzyme-list-view .common-enzymes-table .remove { | ||
| + | text-align: right; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .enzyme-list-table .close, | ||
| + | .profile-frame .ownables .enzyme-list-view .common-enzymes-table .close { | ||
| + | cursor: pointer; | ||
| + | display: none; | ||
| + | } | ||
| + | .profile-frame .ownables .enzyme-list-view .enzyme-list-table tr:hover .close, | ||
| + | .profile-frame .ownables .enzyme-list-view .common-enzymes-table tr:hover .close { | ||
| + | display: inline; | ||
| + | } | ||
| + | .profile-frame .ownables .ladder-bands-view .ladder-bands, | ||
| + | .profile-frame .ownables .ladder-bands-view .preview { | ||
| + | height: 150px; | ||
| + | text-align: right; | ||
| + | } | ||
| + | .profile-frame .ownables .ladder-bands-view .ladder-bands::-webkit-scrollbar, | ||
| + | .profile-frame .ownables .ladder-bands-view .preview::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .profile-frame .ownables .ladder-bands-view .ladder-bands::-webkit-scrollbar-track, | ||
| + | .profile-frame .ownables .ladder-bands-view .preview::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .profile-frame .ownables .ladder-bands-view .ladder-bands:hover::-webkit-scrollbar-track, | ||
| + | .profile-frame .ownables .ladder-bands-view .preview:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .profile-frame .ownables .ladder-bands-view .ladder-bands::-webkit-scrollbar-thumb, | ||
| + | .profile-frame .ownables .ladder-bands-view .preview::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .profile-frame .ownables .ladder-bands-view .ladder-bands:hover::-webkit-scrollbar-thumb, | ||
| + | .profile-frame .ownables .ladder-bands-view .preview:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .profile-frame .ownables .ladder-bands-view .preview { | ||
| + | overflow-y: scroll; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | padding: 5px; | ||
| + | } | ||
| + | .profile-frame .ownables .permissions { | ||
| + | margin: 10px 0 0; | ||
| + | } | ||
| + | .profile-frame .ownables .permissions td { | ||
| + | line-height: 38px; | ||
| + | } | ||
| + | .profile-frame .ownables .permissions .delete-collaborator { | ||
| + | line-height: inherit; | ||
| + | } | ||
| + | .profile-frame .ownables .permissions select { | ||
| + | margin: 5px 0 0 0; | ||
| + | } | ||
| + | .profile-frame .ownables .permissions .permissions-role { | ||
| + | width: 120px; | ||
| + | } | ||
| + | .profile-frame .ownables .permissions .permissions-del { | ||
| + | width: 20px; | ||
| + | } | ||
| + | .profile-frame .account-settings .profile-img { | ||
| + | margin: 0 0 10px; | ||
| + | } | ||
| + | .profile-frame .account-settings > .row { | ||
| + | margin-top: 20px; | ||
| + | } | ||
| + | .profile-frame .invite-form { | ||
| + | margin-top: 15px; | ||
| + | } | ||
| + | .profile-frame .nav-stacked { | ||
| + | margin-bottom: 15px; | ||
| + | } | ||
| + | .profile-frame .nav-stacked > li:hover a { | ||
| + | background: none; | ||
| + | } | ||
| + | .profile-frame .nav-stacked > li:hover .settings { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .profile-frame .nav-stacked > li .settings { | ||
| + | z-index: 2; | ||
| + | visibility: hidden; | ||
| + | padding-left: 5px; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .profile-frame .nav-stacked > li .settings:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .profile-frame .nav-stacked > li a { | ||
| + | z-index: 1; | ||
| + | overflow-wrap: break-word; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | .profile-frame .api-keys .delete:hover { | ||
| + | color: #b94a48; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .nav-stacked.nav-icons > li > a { | ||
| + | position: relative; | ||
| + | padding: 5px 5px 5px 30px; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .nav-stacked.nav-icons > li > a.empty-message { | ||
| + | color: #a2b9be; | ||
| + | font-size: 13px; | ||
| + | padding: 5px 10px; | ||
| + | pointer-events: none; | ||
| + | } | ||
| + | .nav-stacked.nav-icons > li > a.empty-message:hover { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .nav-stacked.nav-icons > li > a.empty-message a { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .nav-stacked.nav-icons > li > a .icon { | ||
| + | font-size: 12px; | ||
| + | color: #a2b9be; | ||
| + | position: absolute; | ||
| + | left: 5px; | ||
| + | top: 8px; | ||
| + | } | ||
| + | .primer-import .primers { | ||
| + | height: 150px; | ||
| + | } | ||
| + | .primer-import .preview { | ||
| + | table-layout: fixed; | ||
| + | } | ||
| + | .primer-import .preview col.name { | ||
| + | width: 150px; | ||
| + | } | ||
| + | .primer-import .preview col.bases { | ||
| + | width: 230px; | ||
| + | } | ||
| + | .primer-import .preview td { | ||
| + | overflow-wrap: break-word; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | .in-place-progress { | ||
| + | height: 20px; | ||
| + | width: 20px; | ||
| + | display: inline-block; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .in-place-progress .spinner { | ||
| + | background: url('../img/spinner.gif') no-repeat center center transparent; | ||
| + | opacity: 0.5; | ||
| + | } | ||
| + | .in-place-progress .glyphicon { | ||
| + | color: #03c08d; | ||
| + | } | ||
| + | .in-place-progress .spinner, | ||
| + | .in-place-progress .glyphicon { | ||
| + | width: inherit; | ||
| + | height: inherit; | ||
| + | display: none; | ||
| + | } | ||
| + | .in-place-progress.loading .spinner { | ||
| + | display: block; | ||
| + | } | ||
| + | .in-place-progress.done .glyphicon { | ||
| + | display: block; | ||
| + | } | ||
| + | #organizations .organizations-list { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | #organizations .organizations-list a { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #organizations .organizations-list a.manage-button { | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | #organizations .organizations-list .leave-container { | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | #organizations .organizations-list .organization-name { | ||
| + | margin-left: 10px; | ||
| + | font-size: 16px; | ||
| + | line-height: 30px; | ||
| + | } | ||
| + | .organization-members .list-group-item { | ||
| + | padding: 5px 8px; | ||
| + | } | ||
| + | .organization-members .avatar { | ||
| + | border-radius: 20px; | ||
| + | } | ||
| + | .organization-members .handle { | ||
| + | margin-left: 10px; | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | .organization-members .permission { | ||
| + | float: right; | ||
| + | width: 120px; | ||
| + | text-align: center; | ||
| + | line-height: 30px; | ||
| + | } | ||
| + | .organization-members .permission select { | ||
| + | width: auto; | ||
| + | height: 30px; | ||
| + | } | ||
| + | .organization-members .permission .close { | ||
| + | line-height: inherit; | ||
| + | padding: left: 10px; | ||
| + | } | ||
| + | #settings .collaborator-progress { | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | #settings .over-collaborator-limit { | ||
| + | padding: 5px 8px; | ||
| + | } | ||
| + | #profile .profile-entity-list-item, | ||
| + | #settings .profile-entity-list-item { | ||
| + | display: inline-block; | ||
| + | margin: 0 10px 10px 0; | ||
| + | border: 5px solid white; | ||
| + | border-radius: 2px; | ||
| + | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); | ||
| + | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); | ||
| + | } | ||
| + | #profile .profile-entity-list-item img, | ||
| + | #settings .profile-entity-list-item img { | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | #profile .profile-entity-list-item:hover, | ||
| + | #settings .profile-entity-list-item:hover { | ||
| + | background: #428ce1; | ||
| + | border-color: #428ce1; | ||
| + | } | ||
| + | #permissions-help-modal h3 { | ||
| + | height: auto; | ||
| + | } | ||
| + | .popover.feature-library-demo { | ||
| + | margin-left: 20px; | ||
| + | } | ||
| + | .feedback button { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .feedback textarea { | ||
| + | height: 150px; | ||
| + | } | ||
| + | .profile-information .disable-public { | ||
| + | margin-left: 10px; | ||
| + | font-weight: normal; | ||
| + | } | ||
| + | .profile-plan-information { | ||
| + | padding: 10px 20px; | ||
| + | margin-bottom: 10px; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .academic-verification .title { | ||
| + | color: #e8f0f2; | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | .academic-verification .glyphicon-ok-circle { | ||
| + | margin-right: 10px; | ||
| + | color: #e8f0f2; | ||
| + | } | ||
| + | .academic-verification .activated .title { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .academic-verification .activated .glyphicon-ok-circle { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .academic-verification .activated .glyphicon-ok-circle.ok { | ||
| + | color: #468847; | ||
| + | } | ||
| + | .academic-verification .list-group p { | ||
| + | margin: 5px 0 0; | ||
| + | } | ||
| + | .collaborator-search-container { | ||
| + | position: relative; | ||
| + | } | ||
| + | .collaborator-search-container .collaborator-suggestions { | ||
| + | position: absolute; | ||
| + | list-style: none; | ||
| + | overflow: auto; | ||
| + | background: white; | ||
| + | max-height: 150px; | ||
| + | top: 30px; | ||
| + | width: 100%; | ||
| + | padding-left: 0px; | ||
| + | z-index: 1; | ||
| + | border: 1px solid #a2b9be; | ||
| + | } | ||
| + | .collaborator-search-container .collaborator-suggestions::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .collaborator-search-container .collaborator-suggestions::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .collaborator-search-container .collaborator-suggestions:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .collaborator-search-container .collaborator-suggestions::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .collaborator-search-container .collaborator-suggestions:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .collaborator-search-container .collaborator-suggestions li { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | cursor: pointer; | ||
| + | padding: 5px; | ||
| + | } | ||
| + | .collaborator-search-container .collaborator-suggestions li span { | ||
| + | margin-left: 6px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .collaborator-search-container .collaborator-suggestions li .suggestion-name { | ||
| + | color: #a2b9be; | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | .collaborator-search-container .collaborator-suggestions li:hover { | ||
| + | background: #428ce1; | ||
| + | color: white; | ||
| + | } | ||
| + | .collaborator-search-container .collaborator-suggestions li:hover .suggestion-name { | ||
| + | color: white; | ||
| + | } | ||
| + | svg .hide { | ||
| + | display: none !important; | ||
| + | } | ||
| + | svg .recognition-site { | ||
| + | stroke: none; | ||
| + | fill: blue; | ||
| + | fill-opacity: 0.2; | ||
| + | } | ||
| + | .circular-map { | ||
| + | font-family: "Inconsolata", "Courier New"; | ||
| + | } | ||
| + | .circular-map .individual-ring { | ||
| + | font-family: "Inconsolata-SVG", "Inconsolata", "Courier New"; | ||
| + | } | ||
| + | .circular-map .sequenceAxis, | ||
| + | .circular-map .gapToRealAxis, | ||
| + | .circular-map .proteinAxis { | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | .circular-map .plasmid-label:hover line { | ||
| + | stroke-width: 1.5; | ||
| + | } | ||
| + | .circular-map .plasmid-label.selected-label .more-label, | ||
| + | .circular-map .plasmid-label:hover .more-label { | ||
| + | font-weight: 900; | ||
| + | } | ||
| + | .circular-map .plasmid-label .indiv-label:hover, | ||
| + | .circular-map .plasmid-label .indiv-label.selected-label { | ||
| + | font-weight: 900; | ||
| + | } | ||
| + | .slice { | ||
| + | font-family: "Inconsolata"; | ||
| + | } | ||
| + | .slice .dna rect.container-hidden { | ||
| + | fill-opacity: 0; | ||
| + | } | ||
| + | .slice .sequenceAxis path.domain, | ||
| + | .slice .gapToRealAxis path.domain, | ||
| + | .slice .proteinAxis path.domain { | ||
| + | stroke: #bbb; | ||
| + | stroke-width: 1; | ||
| + | } | ||
| + | .slice .sequenceAxis text, | ||
| + | .slice .gapToRealAxis text, | ||
| + | .slice .proteinAxis text { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .slice .sequenceAxis .tick line, | ||
| + | .slice .gapToRealAxis .tick line, | ||
| + | .slice .proteinAxis .tick line { | ||
| + | shape-rendering: crispEdges; | ||
| + | stroke: #aaa; | ||
| + | fill: transparent; | ||
| + | } | ||
| + | .slice .pamSite-line { | ||
| + | stroke-width: 1; | ||
| + | stroke: #aac2c7; | ||
| + | } | ||
| + | .slice .pamSite-score-label { | ||
| + | fill: white; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .slice .cutSites .hover-cut-line { | ||
| + | stroke-width: 2; | ||
| + | stroke: #000000; | ||
| + | } | ||
| + | .slice .cutSites .mainLine { | ||
| + | stroke-width: 1; | ||
| + | stroke: #aac2c7; | ||
| + | } | ||
| + | .slice .cutSites .selected-cut { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .slice .trim-line { | ||
| + | fill: none; | ||
| + | stroke-width: 3; | ||
| + | stroke: black; | ||
| + | } | ||
| + | .slice.mini-map .overhang { | ||
| + | display: none; | ||
| + | } | ||
| + | .slice.alignment .overhang { | ||
| + | display: none; | ||
| + | } | ||
| + | .buffer-tab:focus path.selection, | ||
| + | .buffer-tab.focus path.selection, | ||
| + | .buffer-tab:focus rect.selection, | ||
| + | .buffer-tab.focus rect.selection { | ||
| + | fill: #feefd1; | ||
| + | } | ||
| + | .buffer-tab:focus path.selection.can-pcr, | ||
| + | .buffer-tab.focus path.selection.can-pcr, | ||
| + | .buffer-tab:focus rect.selection.can-pcr, | ||
| + | .buffer-tab.focus rect.selection.can-pcr { | ||
| + | fill: #b0cff2; | ||
| + | } | ||
| + | .trim { | ||
| + | fill: #a2b9be; | ||
| + | opacity: 0.5; | ||
| + | } | ||
| + | .slice .label-line1, | ||
| + | .circular-map .label-line1, | ||
| + | .slice .label-line2, | ||
| + | .circular-map .label-line2 { | ||
| + | stroke: #aac2c7; | ||
| + | } | ||
| + | .slice .map-cursor-line, | ||
| + | .circular-map .map-cursor-line { | ||
| + | stroke-width: 1; | ||
| + | stroke: black; | ||
| + | } | ||
| + | .slice rect.selection, | ||
| + | .circular-map rect.selection, | ||
| + | .slice path.selection, | ||
| + | .circular-map path.selection { | ||
| + | fill: #e8f0f2; | ||
| + | } | ||
| + | .slice rect.selection.can-pcr, | ||
| + | .circular-map rect.selection.can-pcr, | ||
| + | .slice path.selection.can-pcr, | ||
| + | .circular-map path.selection.can-pcr { | ||
| + | fill: #e2eaf3; | ||
| + | } | ||
| + | .slice rect.selection.cant-edit, | ||
| + | .circular-map rect.selection.cant-edit, | ||
| + | .slice path.selection.cant-edit, | ||
| + | .circular-map path.selection.cant-edit { | ||
| + | fill: #e9e8e6; | ||
| + | } | ||
| + | .slice .selection-hidden, | ||
| + | .circular-map .selection-hidden { | ||
| + | fill-opacity: 0; | ||
| + | } | ||
| + | .slice .selection-line, | ||
| + | .circular-map .selection-line { | ||
| + | stroke-width: 2; | ||
| + | stroke: black; | ||
| + | } | ||
| + | .slice .body-slice, | ||
| + | .circular-map .body-slice { | ||
| + | fill-opacity: 0; | ||
| + | background: none; | ||
| + | } | ||
| + | .curve { | ||
| + | font: 10px; | ||
| + | } | ||
| + | .curve rect.band { | ||
| + | fill: #2ecc71; | ||
| + | fill-opacity: 0.5; | ||
| + | } | ||
| + | .curve .sequenceAxis path, | ||
| + | .curve .sequenceAxis line { | ||
| + | fill: none; | ||
| + | stroke: #000; | ||
| + | shape-rendering: crispEdges; | ||
| + | } | ||
| + | .curve .line { | ||
| + | fill: none; | ||
| + | stroke: #428ce1; | ||
| + | stroke-width: 1.5px; | ||
| + | } | ||
| + | svg .annotations, | ||
| + | svg .proteinAnnotations { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | svg .alignmentComments { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | svg .alignmentComments text { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | svg .primers { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | svg .forwardPrimers { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | svg .reversePrimers { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | svg .backTranslationSuggestions { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | svg .orfs { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | svg .pamSite:hover { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | svg .pamSite:hover .pamSite-score-label { | ||
| + | cursor: pointer; | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | svg .pamSite:hover .pamSite-line, | ||
| + | svg .pamSite:hover .pamSite-score-rect { | ||
| + | stroke: black; | ||
| + | } | ||
| + | svg .primerAssemblyMismatches { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .circular-map .dna text { | ||
| + | cursor: text; | ||
| + | } | ||
| + | .circular-map .plasmid-label text { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .circular-map .ring-label { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .circular-map .select-handle { | ||
| + | cursor: ew-resize; | ||
| + | } | ||
| + | .slice .trim-line, | ||
| + | .slice .trim-bracket { | ||
| + | cursor: ew-resize; | ||
| + | } | ||
| + | .slice .dna text, | ||
| + | .slice .aminoAcids text { | ||
| + | cursor: text; | ||
| + | } | ||
| + | .slice .layer text { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .slice .dna rect.container-hidden, | ||
| + | .slice .aminoAcids rect.container-hidden { | ||
| + | cursor: text; | ||
| + | } | ||
| + | .slice .selection-line, | ||
| + | .slice .cursor-triangle { | ||
| + | cursor: ew-resize; | ||
| + | } | ||
| + | .slice .cutSites text { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .slice text, | ||
| + | .circular-map text { | ||
| + | cursor: default; | ||
| + | } | ||
| + | svg text, | ||
| + | svg foreignObject span { | ||
| + | cursor: text; | ||
| + | } | ||
| + | [contentEditable]:empty:after { | ||
| + | content: "\feff "; | ||
| + | } | ||
| + | @-moz-document url-prefix() { | ||
| + | #library-page .library-sequences-header table { | ||
| + | border-collapse: separate; | ||
| + | border-spacing: 0; | ||
| + | } | ||
| + | #library-page .library-sequences-body { | ||
| + | border-collapse: separate; | ||
| + | border-spacing: 0; | ||
| + | } | ||
| + | svg.slice text, | ||
| + | svg.slice tspan, | ||
| + | svg.slice rect.selection-hidden { | ||
| + | -moz-user-select: text; | ||
| + | cursor: text; | ||
| + | } | ||
| + | svg.slice text::-moz-selection, | ||
| + | svg.slice tspan::-moz-selection, | ||
| + | svg.slice rect.selection-hidden::-moz-selection { | ||
| + | background: none; | ||
| + | } | ||
| + | .mediocre-tableEditable table tr, | ||
| + | .mediocre-tableEditable table td { | ||
| + | height: 100% !important; | ||
| + | } | ||
| + | } | ||
| + | /*! | ||
| + | * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome | ||
| + | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) | ||
| + | */ | ||
| + | /* FONT PATH | ||
| + | * -------------------------- */ | ||
| + | .fa { | ||
| + | display: inline-block; | ||
| + | font-family: FontAwesome; | ||
| + | font-style: normal; | ||
| + | font-weight: normal; | ||
| + | line-height: 1; | ||
| + | -webkit-font-smoothing: antialiased; | ||
| + | -moz-osx-font-smoothing: grayscale; | ||
| + | } | ||
| + | /* makes the font 33% larger relative to the icon container */ | ||
| + | .fa-lg { | ||
| + | font-size: 1.33333333em; | ||
| + | line-height: 0.75em; | ||
| + | vertical-align: -15%; | ||
| + | } | ||
| + | .fa-2x { | ||
| + | font-size: 2em; | ||
| + | } | ||
| + | .fa-3x { | ||
| + | font-size: 3em; | ||
| + | } | ||
| + | .fa-4x { | ||
| + | font-size: 4em; | ||
| + | } | ||
| + | .fa-5x { | ||
| + | font-size: 5em; | ||
| + | } | ||
| + | .fa-fw { | ||
| + | width: 1.28571429em; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .fa-ul { | ||
| + | padding-left: 0; | ||
| + | margin-left: 2.14285714em; | ||
| + | list-style-type: none; | ||
| + | } | ||
| + | .fa-ul > li { | ||
| + | position: relative; | ||
| + | } | ||
| + | .fa-li { | ||
| + | position: absolute; | ||
| + | left: -2.14285714em; | ||
| + | width: 2.14285714em; | ||
| + | top: 0.14285714em; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .fa-li.fa-lg { | ||
| + | left: -1.85714286em; | ||
| + | } | ||
| + | .fa-border { | ||
| + | padding: .2em .25em .15em; | ||
| + | border: solid 0.08em #eeeeee; | ||
| + | border-radius: .1em; | ||
| + | } | ||
| + | .pull-right { | ||
| + | float: right; | ||
| + | } | ||
| + | .pull-left { | ||
| + | float: left; | ||
| + | } | ||
| + | .fa.pull-left { | ||
| + | margin-right: .3em; | ||
| + | } | ||
| + | .fa.pull-right { | ||
| + | margin-left: .3em; | ||
| + | } | ||
| + | .fa-spin { | ||
| + | -webkit-animation: spin 2s infinite linear; | ||
| + | -moz-animation: spin 2s infinite linear; | ||
| + | -o-animation: spin 2s infinite linear; | ||
| + | animation: spin 2s infinite linear; | ||
| + | } | ||
| + | @-moz-keyframes spin { | ||
| + | 0% { | ||
| + | -moz-transform: rotate(0deg); | ||
| + | } | ||
| + | 100% { | ||
| + | -moz-transform: rotate(359deg); | ||
| + | } | ||
| + | } | ||
| + | @-webkit-keyframes spin { | ||
| + | 0% { | ||
| + | -webkit-transform: rotate(0deg); | ||
| + | } | ||
| + | 100% { | ||
| + | -webkit-transform: rotate(359deg); | ||
| + | } | ||
| + | } | ||
| + | @-o-keyframes spin { | ||
| + | 0% { | ||
| + | -o-transform: rotate(0deg); | ||
| + | } | ||
| + | 100% { | ||
| + | -o-transform: rotate(359deg); | ||
| + | } | ||
| + | } | ||
| + | @keyframes spin { | ||
| + | 0% { | ||
| + | -webkit-transform: rotate(0deg); | ||
| + | transform: rotate(0deg); | ||
| + | } | ||
| + | 100% { | ||
| + | -webkit-transform: rotate(359deg); | ||
| + | transform: rotate(359deg); | ||
| + | } | ||
| + | } | ||
| + | .fa-rotate-90 { | ||
| + | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); | ||
| + | -webkit-transform: rotate(90deg); | ||
| + | -moz-transform: rotate(90deg); | ||
| + | -ms-transform: rotate(90deg); | ||
| + | -o-transform: rotate(90deg); | ||
| + | transform: rotate(90deg); | ||
| + | } | ||
| + | .fa-rotate-180 { | ||
| + | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); | ||
| + | -webkit-transform: rotate(180deg); | ||
| + | -moz-transform: rotate(180deg); | ||
| + | -ms-transform: rotate(180deg); | ||
| + | -o-transform: rotate(180deg); | ||
| + | transform: rotate(180deg); | ||
| + | } | ||
| + | .fa-rotate-270 { | ||
| + | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | ||
| + | -webkit-transform: rotate(270deg); | ||
| + | -moz-transform: rotate(270deg); | ||
| + | -ms-transform: rotate(270deg); | ||
| + | -o-transform: rotate(270deg); | ||
| + | transform: rotate(270deg); | ||
| + | } | ||
| + | .fa-flip-horizontal { | ||
| + | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); | ||
| + | -webkit-transform: scale(-1, 1); | ||
| + | -moz-transform: scale(-1, 1); | ||
| + | -ms-transform: scale(-1, 1); | ||
| + | -o-transform: scale(-1, 1); | ||
| + | transform: scale(-1, 1); | ||
| + | } | ||
| + | .fa-flip-vertical { | ||
| + | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); | ||
| + | -webkit-transform: scale(1, -1); | ||
| + | -moz-transform: scale(1, -1); | ||
| + | -ms-transform: scale(1, -1); | ||
| + | -o-transform: scale(1, -1); | ||
| + | transform: scale(1, -1); | ||
| + | } | ||
| + | .fa-stack { | ||
| + | position: relative; | ||
| + | display: inline-block; | ||
| + | width: 2em; | ||
| + | height: 2em; | ||
| + | line-height: 2em; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .fa-stack-1x, | ||
| + | .fa-stack-2x { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | width: 100%; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .fa-stack-1x { | ||
| + | line-height: inherit; | ||
| + | } | ||
| + | .fa-stack-2x { | ||
| + | font-size: 2em; | ||
| + | } | ||
| + | .fa-inverse { | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen | ||
| + | readers do not read off random characters that represent icons */ | ||
| + | .fa-glass:before { | ||
| + | content: "\f000"; | ||
| + | } | ||
| + | .fa-music:before { | ||
| + | content: "\f001"; | ||
| + | } | ||
| + | .fa-search:before { | ||
| + | content: "\f002"; | ||
| + | } | ||
| + | .fa-envelope-o:before { | ||
| + | content: "\f003"; | ||
| + | } | ||
| + | .fa-heart:before { | ||
| + | content: "\f004"; | ||
| + | } | ||
| + | .fa-star:before { | ||
| + | content: "\f005"; | ||
| + | } | ||
| + | .fa-star-o:before { | ||
| + | content: "\f006"; | ||
| + | } | ||
| + | .fa-user:before { | ||
| + | content: "\f007"; | ||
| + | } | ||
| + | .fa-film:before { | ||
| + | content: "\f008"; | ||
| + | } | ||
| + | .fa-th-large:before { | ||
| + | content: "\f009"; | ||
| + | } | ||
| + | .fa-th:before { | ||
| + | content: "\f00a"; | ||
| + | } | ||
| + | .fa-th-list:before { | ||
| + | content: "\f00b"; | ||
| + | } | ||
| + | .fa-check:before { | ||
| + | content: "\f00c"; | ||
| + | } | ||
| + | .fa-times:before { | ||
| + | content: "\f00d"; | ||
| + | } | ||
| + | .fa-search-plus:before { | ||
| + | content: "\f00e"; | ||
| + | } | ||
| + | .fa-search-minus:before { | ||
| + | content: "\f010"; | ||
| + | } | ||
| + | .fa-power-off:before { | ||
| + | content: "\f011"; | ||
| + | } | ||
| + | .fa-signal:before { | ||
| + | content: "\f012"; | ||
| + | } | ||
| + | .fa-gear:before, | ||
| + | .fa-cog:before { | ||
| + | content: "\f013"; | ||
| + | } | ||
| + | .fa-trash-o:before { | ||
| + | content: "\f014"; | ||
| + | } | ||
| + | .fa-home:before { | ||
| + | content: "\f015"; | ||
| + | } | ||
| + | .fa-file-o:before { | ||
| + | content: "\f016"; | ||
| + | } | ||
| + | .fa-clock-o:before { | ||
| + | content: "\f017"; | ||
| + | } | ||
| + | .fa-road:before { | ||
| + | content: "\f018"; | ||
| + | } | ||
| + | .fa-download:before { | ||
| + | content: "\f019"; | ||
| + | } | ||
| + | .fa-arrow-circle-o-down:before { | ||
| + | content: "\f01a"; | ||
| + | } | ||
| + | .fa-arrow-circle-o-up:before { | ||
| + | content: "\f01b"; | ||
| + | } | ||
| + | .fa-inbox:before { | ||
| + | content: "\f01c"; | ||
| + | } | ||
| + | .fa-play-circle-o:before { | ||
| + | content: "\f01d"; | ||
| + | } | ||
| + | .fa-rotate-right:before, | ||
| + | .fa-repeat:before { | ||
| + | content: "\f01e"; | ||
| + | } | ||
| + | .fa-refresh:before { | ||
| + | content: "\f021"; | ||
| + | } | ||
| + | .fa-list-alt:before { | ||
| + | content: "\f022"; | ||
| + | } | ||
| + | .fa-lock:before { | ||
| + | content: "\f023"; | ||
| + | } | ||
| + | .fa-flag:before { | ||
| + | content: "\f024"; | ||
| + | } | ||
| + | .fa-headphones:before { | ||
| + | content: "\f025"; | ||
| + | } | ||
| + | .fa-volume-off:before { | ||
| + | content: "\f026"; | ||
| + | } | ||
| + | .fa-volume-down:before { | ||
| + | content: "\f027"; | ||
| + | } | ||
| + | .fa-volume-up:before { | ||
| + | content: "\f028"; | ||
| + | } | ||
| + | .fa-qrcode:before { | ||
| + | content: "\f029"; | ||
| + | } | ||
| + | .fa-barcode:before { | ||
| + | content: "\f02a"; | ||
| + | } | ||
| + | .fa-tag:before { | ||
| + | content: "\f02b"; | ||
| + | } | ||
| + | .fa-tags:before { | ||
| + | content: "\f02c"; | ||
| + | } | ||
| + | .fa-book:before { | ||
| + | content: "\f02d"; | ||
| + | } | ||
| + | .fa-bookmark:before { | ||
| + | content: "\f02e"; | ||
| + | } | ||
| + | .fa-print:before { | ||
| + | content: "\f02f"; | ||
| + | } | ||
| + | .fa-camera:before { | ||
| + | content: "\f030"; | ||
| + | } | ||
| + | .fa-font:before { | ||
| + | content: "\f031"; | ||
| + | } | ||
| + | .fa-bold:before { | ||
| + | content: "\f032"; | ||
| + | } | ||
| + | .fa-italic:before { | ||
| + | content: "\f033"; | ||
| + | } | ||
| + | .fa-text-height:before { | ||
| + | content: "\f034"; | ||
| + | } | ||
| + | .fa-text-width:before { | ||
| + | content: "\f035"; | ||
| + | } | ||
| + | .fa-align-left:before { | ||
| + | content: "\f036"; | ||
| + | } | ||
| + | .fa-align-center:before { | ||
| + | content: "\f037"; | ||
| + | } | ||
| + | .fa-align-right:before { | ||
| + | content: "\f038"; | ||
| + | } | ||
| + | .fa-align-justify:before { | ||
| + | content: "\f039"; | ||
| + | } | ||
| + | .fa-list:before { | ||
| + | content: "\f03a"; | ||
| + | } | ||
| + | .fa-dedent:before, | ||
| + | .fa-outdent:before { | ||
| + | content: "\f03b"; | ||
| + | } | ||
| + | .fa-indent:before { | ||
| + | content: "\f03c"; | ||
| + | } | ||
| + | .fa-video-camera:before { | ||
| + | content: "\f03d"; | ||
| + | } | ||
| + | .fa-photo:before, | ||
| + | .fa-image:before, | ||
| + | .fa-picture-o:before { | ||
| + | content: "\f03e"; | ||
| + | } | ||
| + | .fa-pencil:before { | ||
| + | content: "\f040"; | ||
| + | } | ||
| + | .fa-map-marker:before { | ||
| + | content: "\f041"; | ||
| + | } | ||
| + | .fa-adjust:before { | ||
| + | content: "\f042"; | ||
| + | } | ||
| + | .fa-tint:before { | ||
| + | content: "\f043"; | ||
| + | } | ||
| + | .fa-edit:before, | ||
| + | .fa-pencil-square-o:before { | ||
| + | content: "\f044"; | ||
| + | } | ||
| + | .fa-share-square-o:before { | ||
| + | content: "\f045"; | ||
| + | } | ||
| + | .fa-check-square-o:before { | ||
| + | content: "\f046"; | ||
| + | } | ||
| + | .fa-arrows:before { | ||
| + | content: "\f047"; | ||
| + | } | ||
| + | .fa-step-backward:before { | ||
| + | content: "\f048"; | ||
| + | } | ||
| + | .fa-fast-backward:before { | ||
| + | content: "\f049"; | ||
| + | } | ||
| + | .fa-backward:before { | ||
| + | content: "\f04a"; | ||
| + | } | ||
| + | .fa-play:before { | ||
| + | content: "\f04b"; | ||
| + | } | ||
| + | .fa-pause:before { | ||
| + | content: "\f04c"; | ||
| + | } | ||
| + | .fa-stop:before { | ||
| + | content: "\f04d"; | ||
| + | } | ||
| + | .fa-forward:before { | ||
| + | content: "\f04e"; | ||
| + | } | ||
| + | .fa-fast-forward:before { | ||
| + | content: "\f050"; | ||
| + | } | ||
| + | .fa-step-forward:before { | ||
| + | content: "\f051"; | ||
| + | } | ||
| + | .fa-eject:before { | ||
| + | content: "\f052"; | ||
| + | } | ||
| + | .fa-chevron-left:before { | ||
| + | content: "\f053"; | ||
| + | } | ||
| + | .fa-chevron-right:before { | ||
| + | content: "\f054"; | ||
| + | } | ||
| + | .fa-plus-circle:before { | ||
| + | content: "\f055"; | ||
| + | } | ||
| + | .fa-minus-circle:before { | ||
| + | content: "\f056"; | ||
| + | } | ||
| + | .fa-times-circle:before { | ||
| + | content: "\f057"; | ||
| + | } | ||
| + | .fa-check-circle:before { | ||
| + | content: "\f058"; | ||
| + | } | ||
| + | .fa-question-circle:before { | ||
| + | content: "\f059"; | ||
| + | } | ||
| + | .fa-info-circle:before { | ||
| + | content: "\f05a"; | ||
| + | } | ||
| + | .fa-crosshairs:before { | ||
| + | content: "\f05b"; | ||
| + | } | ||
| + | .fa-times-circle-o:before { | ||
| + | content: "\f05c"; | ||
| + | } | ||
| + | .fa-check-circle-o:before { | ||
| + | content: "\f05d"; | ||
| + | } | ||
| + | .fa-ban:before { | ||
| + | content: "\f05e"; | ||
| + | } | ||
| + | .fa-arrow-left:before { | ||
| + | content: "\f060"; | ||
| + | } | ||
| + | .fa-arrow-right:before { | ||
| + | content: "\f061"; | ||
| + | } | ||
| + | .fa-arrow-up:before { | ||
| + | content: "\f062"; | ||
| + | } | ||
| + | .fa-arrow-down:before { | ||
| + | content: "\f063"; | ||
| + | } | ||
| + | .fa-mail-forward:before, | ||
| + | .fa-share:before { | ||
| + | content: "\f064"; | ||
| + | } | ||
| + | .fa-expand:before { | ||
| + | content: "\f065"; | ||
| + | } | ||
| + | .fa-compress:before { | ||
| + | content: "\f066"; | ||
| + | } | ||
| + | .fa-plus:before { | ||
| + | content: "\f067"; | ||
| + | } | ||
| + | .fa-minus:before { | ||
| + | content: "\f068"; | ||
| + | } | ||
| + | .fa-asterisk:before { | ||
| + | content: "\f069"; | ||
| + | } | ||
| + | .fa-exclamation-circle:before { | ||
| + | content: "\f06a"; | ||
| + | } | ||
| + | .fa-gift:before { | ||
| + | content: "\f06b"; | ||
| + | } | ||
| + | .fa-leaf:before { | ||
| + | content: "\f06c"; | ||
| + | } | ||
| + | .fa-fire:before { | ||
| + | content: "\f06d"; | ||
| + | } | ||
| + | .fa-eye:before { | ||
| + | content: "\f06e"; | ||
| + | } | ||
| + | .fa-eye-slash:before { | ||
| + | content: "\f070"; | ||
| + | } | ||
| + | .fa-warning:before, | ||
| + | .fa-exclamation-triangle:before { | ||
| + | content: "\f071"; | ||
| + | } | ||
| + | .fa-plane:before { | ||
| + | content: "\f072"; | ||
| + | } | ||
| + | .fa-calendar:before { | ||
| + | content: "\f073"; | ||
| + | } | ||
| + | .fa-random:before { | ||
| + | content: "\f074"; | ||
| + | } | ||
| + | .fa-comment:before { | ||
| + | content: "\f075"; | ||
| + | } | ||
| + | .fa-magnet:before { | ||
| + | content: "\f076"; | ||
| + | } | ||
| + | .fa-chevron-up:before { | ||
| + | content: "\f077"; | ||
| + | } | ||
| + | .fa-chevron-down:before { | ||
| + | content: "\f078"; | ||
| + | } | ||
| + | .fa-retweet:before { | ||
| + | content: "\f079"; | ||
| + | } | ||
| + | .fa-shopping-cart:before { | ||
| + | content: "\f07a"; | ||
| + | } | ||
| + | .fa-folder:before { | ||
| + | content: "\f07b"; | ||
| + | } | ||
| + | .fa-folder-open:before { | ||
| + | content: "\f07c"; | ||
| + | } | ||
| + | .fa-arrows-v:before { | ||
| + | content: "\f07d"; | ||
| + | } | ||
| + | .fa-arrows-h:before { | ||
| + | content: "\f07e"; | ||
| + | } | ||
| + | .fa-bar-chart-o:before { | ||
| + | content: "\f080"; | ||
| + | } | ||
| + | .fa-twitter-square:before { | ||
| + | content: "\f081"; | ||
| + | } | ||
| + | .fa-facebook-square:before { | ||
| + | content: "\f082"; | ||
| + | } | ||
| + | .fa-camera-retro:before { | ||
| + | content: "\f083"; | ||
| + | } | ||
| + | .fa-key:before { | ||
| + | content: "\f084"; | ||
| + | } | ||
| + | .fa-gears:before, | ||
| + | .fa-cogs:before { | ||
| + | content: "\f085"; | ||
| + | } | ||
| + | .fa-comments:before { | ||
| + | content: "\f086"; | ||
| + | } | ||
| + | .fa-thumbs-o-up:before { | ||
| + | content: "\f087"; | ||
| + | } | ||
| + | .fa-thumbs-o-down:before { | ||
| + | content: "\f088"; | ||
| + | } | ||
| + | .fa-star-half:before { | ||
| + | content: "\f089"; | ||
| + | } | ||
| + | .fa-heart-o:before { | ||
| + | content: "\f08a"; | ||
| + | } | ||
| + | .fa-sign-out:before { | ||
| + | content: "\f08b"; | ||
| + | } | ||
| + | .fa-linkedin-square:before { | ||
| + | content: "\f08c"; | ||
| + | } | ||
| + | .fa-thumb-tack:before { | ||
| + | content: "\f08d"; | ||
| + | } | ||
| + | .fa-external-link:before { | ||
| + | content: "\f08e"; | ||
| + | } | ||
| + | .fa-sign-in:before { | ||
| + | content: "\f090"; | ||
| + | } | ||
| + | .fa-trophy:before { | ||
| + | content: "\f091"; | ||
| + | } | ||
| + | .fa-github-square:before { | ||
| + | content: "\f092"; | ||
| + | } | ||
| + | .fa-upload:before { | ||
| + | content: "\f093"; | ||
| + | } | ||
| + | .fa-lemon-o:before { | ||
| + | content: "\f094"; | ||
| + | } | ||
| + | .fa-phone:before { | ||
| + | content: "\f095"; | ||
| + | } | ||
| + | .fa-square-o:before { | ||
| + | content: "\f096"; | ||
| + | } | ||
| + | .fa-bookmark-o:before { | ||
| + | content: "\f097"; | ||
| + | } | ||
| + | .fa-phone-square:before { | ||
| + | content: "\f098"; | ||
| + | } | ||
| + | .fa-twitter:before { | ||
| + | content: "\f099"; | ||
| + | } | ||
| + | .fa-facebook:before { | ||
| + | content: "\f09a"; | ||
| + | } | ||
| + | .fa-github:before { | ||
| + | content: "\f09b"; | ||
| + | } | ||
| + | .fa-unlock:before { | ||
| + | content: "\f09c"; | ||
| + | } | ||
| + | .fa-credit-card:before { | ||
| + | content: "\f09d"; | ||
| + | } | ||
| + | .fa-rss:before { | ||
| + | content: "\f09e"; | ||
| + | } | ||
| + | .fa-hdd-o:before { | ||
| + | content: "\f0a0"; | ||
| + | } | ||
| + | .fa-bullhorn:before { | ||
| + | content: "\f0a1"; | ||
| + | } | ||
| + | .fa-bell:before { | ||
| + | content: "\f0f3"; | ||
| + | } | ||
| + | .fa-certificate:before { | ||
| + | content: "\f0a3"; | ||
| + | } | ||
| + | .fa-hand-o-right:before { | ||
| + | content: "\f0a4"; | ||
| + | } | ||
| + | .fa-hand-o-left:before { | ||
| + | content: "\f0a5"; | ||
| + | } | ||
| + | .fa-hand-o-up:before { | ||
| + | content: "\f0a6"; | ||
| + | } | ||
| + | .fa-hand-o-down:before { | ||
| + | content: "\f0a7"; | ||
| + | } | ||
| + | .fa-arrow-circle-left:before { | ||
| + | content: "\f0a8"; | ||
| + | } | ||
| + | .fa-arrow-circle-right:before { | ||
| + | content: "\f0a9"; | ||
| + | } | ||
| + | .fa-arrow-circle-up:before { | ||
| + | content: "\f0aa"; | ||
| + | } | ||
| + | .fa-arrow-circle-down:before { | ||
| + | content: "\f0ab"; | ||
| + | } | ||
| + | .fa-globe:before { | ||
| + | content: "\f0ac"; | ||
| + | } | ||
| + | .fa-wrench:before { | ||
| + | content: "\f0ad"; | ||
| + | } | ||
| + | .fa-tasks:before { | ||
| + | content: "\f0ae"; | ||
| + | } | ||
| + | .fa-filter:before { | ||
| + | content: "\f0b0"; | ||
| + | } | ||
| + | .fa-briefcase:before { | ||
| + | content: "\f0b1"; | ||
| + | } | ||
| + | .fa-arrows-alt:before { | ||
| + | content: "\f0b2"; | ||
| + | } | ||
| + | .fa-group:before, | ||
| + | .fa-users:before { | ||
| + | content: "\f0c0"; | ||
| + | } | ||
| + | .fa-chain:before, | ||
| + | .fa-link:before { | ||
| + | content: "\f0c1"; | ||
| + | } | ||
| + | .fa-cloud:before { | ||
| + | content: "\f0c2"; | ||
| + | } | ||
| + | .fa-flask:before { | ||
| + | content: "\f0c3"; | ||
| + | } | ||
| + | .fa-cut:before, | ||
| + | .fa-scissors:before { | ||
| + | content: "\f0c4"; | ||
| + | } | ||
| + | .fa-copy:before, | ||
| + | .fa-files-o:before { | ||
| + | content: "\f0c5"; | ||
| + | } | ||
| + | .fa-paperclip:before { | ||
| + | content: "\f0c6"; | ||
| + | } | ||
| + | .fa-save:before, | ||
| + | .fa-floppy-o:before { | ||
| + | content: "\f0c7"; | ||
| + | } | ||
| + | .fa-square:before { | ||
| + | content: "\f0c8"; | ||
| + | } | ||
| + | .fa-navicon:before, | ||
| + | .fa-reorder:before, | ||
| + | .fa-bars:before { | ||
| + | content: "\f0c9"; | ||
| + | } | ||
| + | .fa-list-ul:before { | ||
| + | content: "\f0ca"; | ||
| + | } | ||
| + | .fa-list-ol:before { | ||
| + | content: "\f0cb"; | ||
| + | } | ||
| + | .fa-strikethrough:before { | ||
| + | content: "\f0cc"; | ||
| + | } | ||
| + | .fa-underline:before { | ||
| + | content: "\f0cd"; | ||
| + | } | ||
| + | .fa-table:before { | ||
| + | content: "\f0ce"; | ||
| + | } | ||
| + | .fa-magic:before { | ||
| + | content: "\f0d0"; | ||
| + | } | ||
| + | .fa-truck:before { | ||
| + | content: "\f0d1"; | ||
| + | } | ||
| + | .fa-pinterest:before { | ||
| + | content: "\f0d2"; | ||
| + | } | ||
| + | .fa-pinterest-square:before { | ||
| + | content: "\f0d3"; | ||
| + | } | ||
| + | .fa-google-plus-square:before { | ||
| + | content: "\f0d4"; | ||
| + | } | ||
| + | .fa-google-plus:before { | ||
| + | content: "\f0d5"; | ||
| + | } | ||
| + | .fa-money:before { | ||
| + | content: "\f0d6"; | ||
| + | } | ||
| + | .fa-caret-down:before { | ||
| + | content: "\f0d7"; | ||
| + | } | ||
| + | .fa-caret-up:before { | ||
| + | content: "\f0d8"; | ||
| + | } | ||
| + | .fa-caret-left:before { | ||
| + | content: "\f0d9"; | ||
| + | } | ||
| + | .fa-caret-right:before { | ||
| + | content: "\f0da"; | ||
| + | } | ||
| + | .fa-columns:before { | ||
| + | content: "\f0db"; | ||
| + | } | ||
| + | .fa-unsorted:before, | ||
| + | .fa-sort:before { | ||
| + | content: "\f0dc"; | ||
| + | } | ||
| + | .fa-sort-down:before, | ||
| + | .fa-sort-desc:before { | ||
| + | content: "\f0dd"; | ||
| + | } | ||
| + | .fa-sort-up:before, | ||
| + | .fa-sort-asc:before { | ||
| + | content: "\f0de"; | ||
| + | } | ||
| + | .fa-envelope:before { | ||
| + | content: "\f0e0"; | ||
| + | } | ||
| + | .fa-linkedin:before { | ||
| + | content: "\f0e1"; | ||
| + | } | ||
| + | .fa-rotate-left:before, | ||
| + | .fa-undo:before { | ||
| + | content: "\f0e2"; | ||
| + | } | ||
| + | .fa-legal:before, | ||
| + | .fa-gavel:before { | ||
| + | content: "\f0e3"; | ||
| + | } | ||
| + | .fa-dashboard:before, | ||
| + | .fa-tachometer:before { | ||
| + | content: "\f0e4"; | ||
| + | } | ||
| + | .fa-comment-o:before { | ||
| + | content: "\f0e5"; | ||
| + | } | ||
| + | .fa-comments-o:before { | ||
| + | content: "\f0e6"; | ||
| + | } | ||
| + | .fa-flash:before, | ||
| + | .fa-bolt:before { | ||
| + | content: "\f0e7"; | ||
| + | } | ||
| + | .fa-sitemap:before { | ||
| + | content: "\f0e8"; | ||
| + | } | ||
| + | .fa-umbrella:before { | ||
| + | content: "\f0e9"; | ||
| + | } | ||
| + | .fa-paste:before, | ||
| + | .fa-clipboard:before { | ||
| + | content: "\f0ea"; | ||
| + | } | ||
| + | .fa-lightbulb-o:before { | ||
| + | content: "\f0eb"; | ||
| + | } | ||
| + | .fa-exchange:before { | ||
| + | content: "\f0ec"; | ||
| + | } | ||
| + | .fa-cloud-download:before { | ||
| + | content: "\f0ed"; | ||
| + | } | ||
| + | .fa-cloud-upload:before { | ||
| + | content: "\f0ee"; | ||
| + | } | ||
| + | .fa-user-md:before { | ||
| + | content: "\f0f0"; | ||
| + | } | ||
| + | .fa-stethoscope:before { | ||
| + | content: "\f0f1"; | ||
| + | } | ||
| + | .fa-suitcase:before { | ||
| + | content: "\f0f2"; | ||
| + | } | ||
| + | .fa-bell-o:before { | ||
| + | content: "\f0a2"; | ||
| + | } | ||
| + | .fa-coffee:before { | ||
| + | content: "\f0f4"; | ||
| + | } | ||
| + | .fa-cutlery:before { | ||
| + | content: "\f0f5"; | ||
| + | } | ||
| + | .fa-file-text-o:before { | ||
| + | content: "\f0f6"; | ||
| + | } | ||
| + | .fa-building-o:before { | ||
| + | content: "\f0f7"; | ||
| + | } | ||
| + | .fa-hospital-o:before { | ||
| + | content: "\f0f8"; | ||
| + | } | ||
| + | .fa-ambulance:before { | ||
| + | content: "\f0f9"; | ||
| + | } | ||
| + | .fa-medkit:before { | ||
| + | content: "\f0fa"; | ||
| + | } | ||
| + | .fa-fighter-jet:before { | ||
| + | content: "\f0fb"; | ||
| + | } | ||
| + | .fa-beer:before { | ||
| + | content: "\f0fc"; | ||
| + | } | ||
| + | .fa-h-square:before { | ||
| + | content: "\f0fd"; | ||
| + | } | ||
| + | .fa-plus-square:before { | ||
| + | content: "\f0fe"; | ||
| + | } | ||
| + | .fa-angle-double-left:before { | ||
| + | content: "\f100"; | ||
| + | } | ||
| + | .fa-angle-double-right:before { | ||
| + | content: "\f101"; | ||
| + | } | ||
| + | .fa-angle-double-up:before { | ||
| + | content: "\f102"; | ||
| + | } | ||
| + | .fa-angle-double-down:before { | ||
| + | content: "\f103"; | ||
| + | } | ||
| + | .fa-angle-left:before { | ||
| + | content: "\f104"; | ||
| + | } | ||
| + | .fa-angle-right:before { | ||
| + | content: "\f105"; | ||
| + | } | ||
| + | .fa-angle-up:before { | ||
| + | content: "\f106"; | ||
| + | } | ||
| + | .fa-angle-down:before { | ||
| + | content: "\f107"; | ||
| + | } | ||
| + | .fa-desktop:before { | ||
| + | content: "\f108"; | ||
| + | } | ||
| + | .fa-laptop:before { | ||
| + | content: "\f109"; | ||
| + | } | ||
| + | .fa-tablet:before { | ||
| + | content: "\f10a"; | ||
| + | } | ||
| + | .fa-mobile-phone:before, | ||
| + | .fa-mobile:before { | ||
| + | content: "\f10b"; | ||
| + | } | ||
| + | .fa-circle-o:before { | ||
| + | content: "\f10c"; | ||
| + | } | ||
| + | .fa-quote-left:before { | ||
| + | content: "\f10d"; | ||
| + | } | ||
| + | .fa-quote-right:before { | ||
| + | content: "\f10e"; | ||
| + | } | ||
| + | .fa-spinner:before { | ||
| + | content: "\f110"; | ||
| + | } | ||
| + | .fa-circle:before { | ||
| + | content: "\f111"; | ||
| + | } | ||
| + | .fa-mail-reply:before, | ||
| + | .fa-reply:before { | ||
| + | content: "\f112"; | ||
| + | } | ||
| + | .fa-github-alt:before { | ||
| + | content: "\f113"; | ||
| + | } | ||
| + | .fa-folder-o:before { | ||
| + | content: "\f114"; | ||
| + | } | ||
| + | .fa-folder-open-o:before { | ||
| + | content: "\f115"; | ||
| + | } | ||
| + | .fa-smile-o:before { | ||
| + | content: "\f118"; | ||
| + | } | ||
| + | .fa-frown-o:before { | ||
| + | content: "\f119"; | ||
| + | } | ||
| + | .fa-meh-o:before { | ||
| + | content: "\f11a"; | ||
| + | } | ||
| + | .fa-gamepad:before { | ||
| + | content: "\f11b"; | ||
| + | } | ||
| + | .fa-keyboard-o:before { | ||
| + | content: "\f11c"; | ||
| + | } | ||
| + | .fa-flag-o:before { | ||
| + | content: "\f11d"; | ||
| + | } | ||
| + | .fa-flag-checkered:before { | ||
| + | content: "\f11e"; | ||
| + | } | ||
| + | .fa-terminal:before { | ||
| + | content: "\f120"; | ||
| + | } | ||
| + | .fa-code:before { | ||
| + | content: "\f121"; | ||
| + | } | ||
| + | .fa-mail-reply-all:before, | ||
| + | .fa-reply-all:before { | ||
| + | content: "\f122"; | ||
| + | } | ||
| + | .fa-star-half-empty:before, | ||
| + | .fa-star-half-full:before, | ||
| + | .fa-star-half-o:before { | ||
| + | content: "\f123"; | ||
| + | } | ||
| + | .fa-location-arrow:before { | ||
| + | content: "\f124"; | ||
| + | } | ||
| + | .fa-crop:before { | ||
| + | content: "\f125"; | ||
| + | } | ||
| + | .fa-code-fork:before { | ||
| + | content: "\f126"; | ||
| + | } | ||
| + | .fa-unlink:before, | ||
| + | .fa-chain-broken:before { | ||
| + | content: "\f127"; | ||
| + | } | ||
| + | .fa-question:before { | ||
| + | content: "\f128"; | ||
| + | } | ||
| + | .fa-info:before { | ||
| + | content: "\f129"; | ||
| + | } | ||
| + | .fa-exclamation:before { | ||
| + | content: "\f12a"; | ||
| + | } | ||
| + | .fa-superscript:before { | ||
| + | content: "\f12b"; | ||
| + | } | ||
| + | .fa-subscript:before { | ||
| + | content: "\f12c"; | ||
| + | } | ||
| + | .fa-eraser:before { | ||
| + | content: "\f12d"; | ||
| + | } | ||
| + | .fa-puzzle-piece:before { | ||
| + | content: "\f12e"; | ||
| + | } | ||
| + | .fa-microphone:before { | ||
| + | content: "\f130"; | ||
| + | } | ||
| + | .fa-microphone-slash:before { | ||
| + | content: "\f131"; | ||
| + | } | ||
| + | .fa-shield:before { | ||
| + | content: "\f132"; | ||
| + | } | ||
| + | .fa-calendar-o:before { | ||
| + | content: "\f133"; | ||
| + | } | ||
| + | .fa-fire-extinguisher:before { | ||
| + | content: "\f134"; | ||
| + | } | ||
| + | .fa-rocket:before { | ||
| + | content: "\f135"; | ||
| + | } | ||
| + | .fa-maxcdn:before { | ||
| + | content: "\f136"; | ||
| + | } | ||
| + | .fa-chevron-circle-left:before { | ||
| + | content: "\f137"; | ||
| + | } | ||
| + | .fa-chevron-circle-right:before { | ||
| + | content: "\f138"; | ||
| + | } | ||
| + | .fa-chevron-circle-up:before { | ||
| + | content: "\f139"; | ||
| + | } | ||
| + | .fa-chevron-circle-down:before { | ||
| + | content: "\f13a"; | ||
| + | } | ||
| + | .fa-html5:before { | ||
| + | content: "\f13b"; | ||
| + | } | ||
| + | .fa-css3:before { | ||
| + | content: "\f13c"; | ||
| + | } | ||
| + | .fa-anchor:before { | ||
| + | content: "\f13d"; | ||
| + | } | ||
| + | .fa-unlock-alt:before { | ||
| + | content: "\f13e"; | ||
| + | } | ||
| + | .fa-bullseye:before { | ||
| + | content: "\f140"; | ||
| + | } | ||
| + | .fa-ellipsis-h:before { | ||
| + | content: "\f141"; | ||
| + | } | ||
| + | .fa-ellipsis-v:before { | ||
| + | content: "\f142"; | ||
| + | } | ||
| + | .fa-rss-square:before { | ||
| + | content: "\f143"; | ||
| + | } | ||
| + | .fa-play-circle:before { | ||
| + | content: "\f144"; | ||
| + | } | ||
| + | .fa-ticket:before { | ||
| + | content: "\f145"; | ||
| + | } | ||
| + | .fa-minus-square:before { | ||
| + | content: "\f146"; | ||
| + | } | ||
| + | .fa-minus-square-o:before { | ||
| + | content: "\f147"; | ||
| + | } | ||
| + | .fa-level-up:before { | ||
| + | content: "\f148"; | ||
| + | } | ||
| + | .fa-level-down:before { | ||
| + | content: "\f149"; | ||
| + | } | ||
| + | .fa-check-square:before { | ||
| + | content: "\f14a"; | ||
| + | } | ||
| + | .fa-pencil-square:before { | ||
| + | content: "\f14b"; | ||
| + | } | ||
| + | .fa-external-link-square:before { | ||
| + | content: "\f14c"; | ||
| + | } | ||
| + | .fa-share-square:before { | ||
| + | content: "\f14d"; | ||
| + | } | ||
| + | .fa-compass:before { | ||
| + | content: "\f14e"; | ||
| + | } | ||
| + | .fa-toggle-down:before, | ||
| + | .fa-caret-square-o-down:before { | ||
| + | content: "\f150"; | ||
| + | } | ||
| + | .fa-toggle-up:before, | ||
| + | .fa-caret-square-o-up:before { | ||
| + | content: "\f151"; | ||
| + | } | ||
| + | .fa-toggle-right:before, | ||
| + | .fa-caret-square-o-right:before { | ||
| + | content: "\f152"; | ||
| + | } | ||
| + | .fa-euro:before, | ||
| + | .fa-eur:before { | ||
| + | content: "\f153"; | ||
| + | } | ||
| + | .fa-gbp:before { | ||
| + | content: "\f154"; | ||
| + | } | ||
| + | .fa-dollar:before, | ||
| + | .fa-usd:before { | ||
| + | content: "\f155"; | ||
| + | } | ||
| + | .fa-rupee:before, | ||
| + | .fa-inr:before { | ||
| + | content: "\f156"; | ||
| + | } | ||
| + | .fa-cny:before, | ||
| + | .fa-rmb:before, | ||
| + | .fa-yen:before, | ||
| + | .fa-jpy:before { | ||
| + | content: "\f157"; | ||
| + | } | ||
| + | .fa-ruble:before, | ||
| + | .fa-rouble:before, | ||
| + | .fa-rub:before { | ||
| + | content: "\f158"; | ||
| + | } | ||
| + | .fa-won:before, | ||
| + | .fa-krw:before { | ||
| + | content: "\f159"; | ||
| + | } | ||
| + | .fa-bitcoin:before, | ||
| + | .fa-btc:before { | ||
| + | content: "\f15a"; | ||
| + | } | ||
| + | .fa-file:before { | ||
| + | content: "\f15b"; | ||
| + | } | ||
| + | .fa-file-text:before { | ||
| + | content: "\f15c"; | ||
| + | } | ||
| + | .fa-sort-alpha-asc:before { | ||
| + | content: "\f15d"; | ||
| + | } | ||
| + | .fa-sort-alpha-desc:before { | ||
| + | content: "\f15e"; | ||
| + | } | ||
| + | .fa-sort-amount-asc:before { | ||
| + | content: "\f160"; | ||
| + | } | ||
| + | .fa-sort-amount-desc:before { | ||
| + | content: "\f161"; | ||
| + | } | ||
| + | .fa-sort-numeric-asc:before { | ||
| + | content: "\f162"; | ||
| + | } | ||
| + | .fa-sort-numeric-desc:before { | ||
| + | content: "\f163"; | ||
| + | } | ||
| + | .fa-thumbs-up:before { | ||
| + | content: "\f164"; | ||
| + | } | ||
| + | .fa-thumbs-down:before { | ||
| + | content: "\f165"; | ||
| + | } | ||
| + | .fa-youtube-square:before { | ||
| + | content: "\f166"; | ||
| + | } | ||
| + | .fa-youtube:before { | ||
| + | content: "\f167"; | ||
| + | } | ||
| + | .fa-xing:before { | ||
| + | content: "\f168"; | ||
| + | } | ||
| + | .fa-xing-square:before { | ||
| + | content: "\f169"; | ||
| + | } | ||
| + | .fa-youtube-play:before { | ||
| + | content: "\f16a"; | ||
| + | } | ||
| + | .fa-dropbox:before { | ||
| + | content: "\f16b"; | ||
| + | } | ||
| + | .fa-stack-overflow:before { | ||
| + | content: "\f16c"; | ||
| + | } | ||
| + | .fa-instagram:before { | ||
| + | content: "\f16d"; | ||
| + | } | ||
| + | .fa-flickr:before { | ||
| + | content: "\f16e"; | ||
| + | } | ||
| + | .fa-adn:before { | ||
| + | content: "\f170"; | ||
| + | } | ||
| + | .fa-bitbucket:before { | ||
| + | content: "\f171"; | ||
| + | } | ||
| + | .fa-bitbucket-square:before { | ||
| + | content: "\f172"; | ||
| + | } | ||
| + | .fa-tumblr:before { | ||
| + | content: "\f173"; | ||
| + | } | ||
| + | .fa-tumblr-square:before { | ||
| + | content: "\f174"; | ||
| + | } | ||
| + | .fa-long-arrow-down:before { | ||
| + | content: "\f175"; | ||
| + | } | ||
| + | .fa-long-arrow-up:before { | ||
| + | content: "\f176"; | ||
| + | } | ||
| + | .fa-long-arrow-left:before { | ||
| + | content: "\f177"; | ||
| + | } | ||
| + | .fa-long-arrow-right:before { | ||
| + | content: "\f178"; | ||
| + | } | ||
| + | .fa-apple:before { | ||
| + | content: "\f179"; | ||
| + | } | ||
| + | .fa-windows:before { | ||
| + | content: "\f17a"; | ||
| + | } | ||
| + | .fa-android:before { | ||
| + | content: "\f17b"; | ||
| + | } | ||
| + | .fa-linux:before { | ||
| + | content: "\f17c"; | ||
| + | } | ||
| + | .fa-dribbble:before { | ||
| + | content: "\f17d"; | ||
| + | } | ||
| + | .fa-skype:before { | ||
| + | content: "\f17e"; | ||
| + | } | ||
| + | .fa-foursquare:before { | ||
| + | content: "\f180"; | ||
| + | } | ||
| + | .fa-trello:before { | ||
| + | content: "\f181"; | ||
| + | } | ||
| + | .fa-female:before { | ||
| + | content: "\f182"; | ||
| + | } | ||
| + | .fa-male:before { | ||
| + | content: "\f183"; | ||
| + | } | ||
| + | .fa-gittip:before { | ||
| + | content: "\f184"; | ||
| + | } | ||
| + | .fa-sun-o:before { | ||
| + | content: "\f185"; | ||
| + | } | ||
| + | .fa-moon-o:before { | ||
| + | content: "\f186"; | ||
| + | } | ||
| + | .fa-archive:before { | ||
| + | content: "\f187"; | ||
| + | } | ||
| + | .fa-bug:before { | ||
| + | content: "\f188"; | ||
| + | } | ||
| + | .fa-vk:before { | ||
| + | content: "\f189"; | ||
| + | } | ||
| + | .fa-weibo:before { | ||
| + | content: "\f18a"; | ||
| + | } | ||
| + | .fa-renren:before { | ||
| + | content: "\f18b"; | ||
| + | } | ||
| + | .fa-pagelines:before { | ||
| + | content: "\f18c"; | ||
| + | } | ||
| + | .fa-stack-exchange:before { | ||
| + | content: "\f18d"; | ||
| + | } | ||
| + | .fa-arrow-circle-o-right:before { | ||
| + | content: "\f18e"; | ||
| + | } | ||
| + | .fa-arrow-circle-o-left:before { | ||
| + | content: "\f190"; | ||
| + | } | ||
| + | .fa-toggle-left:before, | ||
| + | .fa-caret-square-o-left:before { | ||
| + | content: "\f191"; | ||
| + | } | ||
| + | .fa-dot-circle-o:before { | ||
| + | content: "\f192"; | ||
| + | } | ||
| + | .fa-wheelchair:before { | ||
| + | content: "\f193"; | ||
| + | } | ||
| + | .fa-vimeo-square:before { | ||
| + | content: "\f194"; | ||
| + | } | ||
| + | .fa-turkish-lira:before, | ||
| + | .fa-try:before { | ||
| + | content: "\f195"; | ||
| + | } | ||
| + | .fa-plus-square-o:before { | ||
| + | content: "\f196"; | ||
| + | } | ||
| + | .fa-space-shuttle:before { | ||
| + | content: "\f197"; | ||
| + | } | ||
| + | .fa-slack:before { | ||
| + | content: "\f198"; | ||
| + | } | ||
| + | .fa-envelope-square:before { | ||
| + | content: "\f199"; | ||
| + | } | ||
| + | .fa-wordpress:before { | ||
| + | content: "\f19a"; | ||
| + | } | ||
| + | .fa-openid:before { | ||
| + | content: "\f19b"; | ||
| + | } | ||
| + | .fa-institution:before, | ||
| + | .fa-bank:before, | ||
| + | .fa-university:before { | ||
| + | content: "\f19c"; | ||
| + | } | ||
| + | .fa-mortar-board:before, | ||
| + | .fa-graduation-cap:before { | ||
| + | content: "\f19d"; | ||
| + | } | ||
| + | .fa-yahoo:before { | ||
| + | content: "\f19e"; | ||
| + | } | ||
| + | .fa-google:before { | ||
| + | content: "\f1a0"; | ||
| + | } | ||
| + | .fa-reddit:before { | ||
| + | content: "\f1a1"; | ||
| + | } | ||
| + | .fa-reddit-square:before { | ||
| + | content: "\f1a2"; | ||
| + | } | ||
| + | .fa-stumbleupon-circle:before { | ||
| + | content: "\f1a3"; | ||
| + | } | ||
| + | .fa-stumbleupon:before { | ||
| + | content: "\f1a4"; | ||
| + | } | ||
| + | .fa-delicious:before { | ||
| + | content: "\f1a5"; | ||
| + | } | ||
| + | .fa-digg:before { | ||
| + | content: "\f1a6"; | ||
| + | } | ||
| + | .fa-pied-piper-square:before, | ||
| + | .fa-pied-piper:before { | ||
| + | content: "\f1a7"; | ||
| + | } | ||
| + | .fa-pied-piper-alt:before { | ||
| + | content: "\f1a8"; | ||
| + | } | ||
| + | .fa-drupal:before { | ||
| + | content: "\f1a9"; | ||
| + | } | ||
| + | .fa-joomla:before { | ||
| + | content: "\f1aa"; | ||
| + | } | ||
| + | .fa-language:before { | ||
| + | content: "\f1ab"; | ||
| + | } | ||
| + | .fa-fax:before { | ||
| + | content: "\f1ac"; | ||
| + | } | ||
| + | .fa-building:before { | ||
| + | content: "\f1ad"; | ||
| + | } | ||
| + | .fa-child:before { | ||
| + | content: "\f1ae"; | ||
| + | } | ||
| + | .fa-paw:before { | ||
| + | content: "\f1b0"; | ||
| + | } | ||
| + | .fa-spoon:before { | ||
| + | content: "\f1b1"; | ||
| + | } | ||
| + | .fa-cube:before { | ||
| + | content: "\f1b2"; | ||
| + | } | ||
| + | .fa-cubes:before { | ||
| + | content: "\f1b3"; | ||
| + | } | ||
| + | .fa-behance:before { | ||
| + | content: "\f1b4"; | ||
| + | } | ||
| + | .fa-behance-square:before { | ||
| + | content: "\f1b5"; | ||
| + | } | ||
| + | .fa-steam:before { | ||
| + | content: "\f1b6"; | ||
| + | } | ||
| + | .fa-steam-square:before { | ||
| + | content: "\f1b7"; | ||
| + | } | ||
| + | .fa-recycle:before { | ||
| + | content: "\f1b8"; | ||
| + | } | ||
| + | .fa-automobile:before, | ||
| + | .fa-car:before { | ||
| + | content: "\f1b9"; | ||
| + | } | ||
| + | .fa-cab:before, | ||
| + | .fa-taxi:before { | ||
| + | content: "\f1ba"; | ||
| + | } | ||
| + | .fa-tree:before { | ||
| + | content: "\f1bb"; | ||
| + | } | ||
| + | .fa-spotify:before { | ||
| + | content: "\f1bc"; | ||
| + | } | ||
| + | .fa-deviantart:before { | ||
| + | content: "\f1bd"; | ||
| + | } | ||
| + | .fa-soundcloud:before { | ||
| + | content: "\f1be"; | ||
| + | } | ||
| + | .fa-database:before { | ||
| + | content: "\f1c0"; | ||
| + | } | ||
| + | .fa-file-pdf-o:before { | ||
| + | content: "\f1c1"; | ||
| + | } | ||
| + | .fa-file-word-o:before { | ||
| + | content: "\f1c2"; | ||
| + | } | ||
| + | .fa-file-excel-o:before { | ||
| + | content: "\f1c3"; | ||
| + | } | ||
| + | .fa-file-powerpoint-o:before { | ||
| + | content: "\f1c4"; | ||
| + | } | ||
| + | .fa-file-photo-o:before, | ||
| + | .fa-file-picture-o:before, | ||
| + | .fa-file-image-o:before { | ||
| + | content: "\f1c5"; | ||
| + | } | ||
| + | .fa-file-zip-o:before, | ||
| + | .fa-file-archive-o:before { | ||
| + | content: "\f1c6"; | ||
| + | } | ||
| + | .fa-file-sound-o:before, | ||
| + | .fa-file-audio-o:before { | ||
| + | content: "\f1c7"; | ||
| + | } | ||
| + | .fa-file-movie-o:before, | ||
| + | .fa-file-video-o:before { | ||
| + | content: "\f1c8"; | ||
| + | } | ||
| + | .fa-file-code-o:before { | ||
| + | content: "\f1c9"; | ||
| + | } | ||
| + | .fa-vine:before { | ||
| + | content: "\f1ca"; | ||
| + | } | ||
| + | .fa-codepen:before { | ||
| + | content: "\f1cb"; | ||
| + | } | ||
| + | .fa-jsfiddle:before { | ||
| + | content: "\f1cc"; | ||
| + | } | ||
| + | .fa-life-bouy:before, | ||
| + | .fa-life-saver:before, | ||
| + | .fa-support:before, | ||
| + | .fa-life-ring:before { | ||
| + | content: "\f1cd"; | ||
| + | } | ||
| + | .fa-circle-o-notch:before { | ||
| + | content: "\f1ce"; | ||
| + | } | ||
| + | .fa-ra:before, | ||
| + | .fa-rebel:before { | ||
| + | content: "\f1d0"; | ||
| + | } | ||
| + | .fa-ge:before, | ||
| + | .fa-empire:before { | ||
| + | content: "\f1d1"; | ||
| + | } | ||
| + | .fa-git-square:before { | ||
| + | content: "\f1d2"; | ||
| + | } | ||
| + | .fa-git:before { | ||
| + | content: "\f1d3"; | ||
| + | } | ||
| + | .fa-hacker-news:before { | ||
| + | content: "\f1d4"; | ||
| + | } | ||
| + | .fa-tencent-weibo:before { | ||
| + | content: "\f1d5"; | ||
| + | } | ||
| + | .fa-qq:before { | ||
| + | content: "\f1d6"; | ||
| + | } | ||
| + | .fa-wechat:before, | ||
| + | .fa-weixin:before { | ||
| + | content: "\f1d7"; | ||
| + | } | ||
| + | .fa-send:before, | ||
| + | .fa-paper-plane:before { | ||
| + | content: "\f1d8"; | ||
| + | } | ||
| + | .fa-send-o:before, | ||
| + | .fa-paper-plane-o:before { | ||
| + | content: "\f1d9"; | ||
| + | } | ||
| + | .fa-history:before { | ||
| + | content: "\f1da"; | ||
| + | } | ||
| + | .fa-circle-thin:before { | ||
| + | content: "\f1db"; | ||
| + | } | ||
| + | .fa-header:before { | ||
| + | content: "\f1dc"; | ||
| + | } | ||
| + | .fa-paragraph:before { | ||
| + | content: "\f1dd"; | ||
| + | } | ||
| + | .fa-sliders:before { | ||
| + | content: "\f1de"; | ||
| + | } | ||
| + | .fa-share-alt:before { | ||
| + | content: "\f1e0"; | ||
| + | } | ||
| + | .fa-share-alt-square:before { | ||
| + | content: "\f1e1"; | ||
| + | } | ||
| + | .fa-bomb:before { | ||
| + | content: "\f1e2"; | ||
| + | } | ||
| + | /* | ||
| + | Version: 3.5.2 Timestamp: Sat Nov 1 14:43:36 EDT 2014 | ||
| + | */ | ||
| + | .select2-container { | ||
| + | margin: 0; | ||
| + | position: relative; | ||
| + | display: inline-block; | ||
| + | /* inline-block for ie7 */ | ||
| + | zoom: 1; | ||
| + | *display: inline; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .select2-container, | ||
| + | .select2-drop, | ||
| + | .select2-search, | ||
| + | .select2-search input { | ||
| + | /* | ||
| + | Force border-box so that % widths fit the parent | ||
| + | container without overlap because of margin/padding. | ||
| + | More Info : http://www.quirksmode.org/css/box.html | ||
| + | */ | ||
| + | -webkit-box-sizing: border-box; | ||
| + | /* webkit */ | ||
| + | -moz-box-sizing: border-box; | ||
| + | /* firefox */ | ||
| + | box-sizing: border-box; | ||
| + | /* css3 */ | ||
| + | } | ||
| + | .select2-container .select2-choice { | ||
| + | display: block; | ||
| + | height: 26px; | ||
| + | padding: 0 0 0 8px; | ||
| + | overflow: hidden; | ||
| + | position: relative; | ||
| + | border: 1px solid #c9d8db; | ||
| + | white-space: nowrap; | ||
| + | line-height: 26px; | ||
| + | color: #344043; | ||
| + | text-decoration: none; | ||
| + | border-radius: 4px; | ||
| + | background-clip: padding-box; | ||
| + | -webkit-touch-callout: none; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | user-select: none; | ||
| + | background-color: #fff; | ||
| + | background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff)); | ||
| + | background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%); | ||
| + | background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%); | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ECF0F1', GradientType=0); | ||
| + | background-image: linear-gradient(to top, #eeeeee 0%, #ffffff 50%); | ||
| + | } | ||
| + | html[dir="rtl"] .select2-container .select2-choice { | ||
| + | padding: 0 8px 0 0; | ||
| + | } | ||
| + | .select2-container.select2-drop-above .select2-choice { | ||
| + | border-bottom-color: #c9d8db; | ||
| + | border-radius: 0 0 4px 4px; | ||
| + | background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ecf0f1), color-stop(0.9, #ffffff)); | ||
| + | background-image: -webkit-linear-gradient(center bottom, #ecf0f1 0%, #ffffff 90%); | ||
| + | background-image: -moz-linear-gradient(center bottom, #ecf0f1 0%, #ffffff 90%); | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ECF0F1', GradientType=0); | ||
| + | background-image: linear-gradient(to bottom, #ecf0f1 0%, #ffffff 90%); | ||
| + | } | ||
| + | .select2-container.select2-allowclear .select2-choice .select2-chosen { | ||
| + | margin-right: 42px; | ||
| + | } | ||
| + | .select2-container .select2-choice > .select2-chosen { | ||
| + | margin-right: 26px; | ||
| + | display: block; | ||
| + | overflow: hidden; | ||
| + | white-space: nowrap; | ||
| + | text-overflow: ellipsis; | ||
| + | float: none; | ||
| + | width: auto; | ||
| + | } | ||
| + | html[dir="rtl"] .select2-container .select2-choice > .select2-chosen { | ||
| + | margin-left: 26px; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .select2-container .select2-choice abbr { | ||
| + | display: none; | ||
| + | width: 12px; | ||
| + | height: 12px; | ||
| + | position: absolute; | ||
| + | right: 24px; | ||
| + | top: 8px; | ||
| + | font-size: 1px; | ||
| + | text-decoration: none; | ||
| + | border: 0; | ||
| + | background: url('../lib/select2/select2.png') right top no-repeat; | ||
| + | cursor: pointer; | ||
| + | outline: 0; | ||
| + | } | ||
| + | .select2-container.select2-allowclear .select2-choice abbr { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .select2-container .select2-choice abbr:hover { | ||
| + | background-position: right -11px; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .select2-drop-mask { | ||
| + | border: 0; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | position: fixed; | ||
| + | left: 0; | ||
| + | top: 0; | ||
| + | min-height: 100%; | ||
| + | min-width: 100%; | ||
| + | height: auto; | ||
| + | width: auto; | ||
| + | opacity: 0; | ||
| + | z-index: 9998; | ||
| + | /* styles required for IE to work */ | ||
| + | background-color: #fff; | ||
| + | filter: alpha(opacity=0); | ||
| + | } | ||
| + | .select2-drop { | ||
| + | width: 100%; | ||
| + | margin-top: -1px; | ||
| + | position: absolute; | ||
| + | z-index: 9999; | ||
| + | top: 100%; | ||
| + | background: #fff; | ||
| + | color: #344043; | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-top: 0; | ||
| + | border-radius: 0 0 4px 4px; | ||
| + | -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); | ||
| + | box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); | ||
| + | } | ||
| + | .select2-drop.select2-drop-above { | ||
| + | margin-top: 1px; | ||
| + | border-top: 1px solid #aaa; | ||
| + | border-bottom: 0; | ||
| + | border-radius: 4px 4px 0 0; | ||
| + | -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); | ||
| + | box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); | ||
| + | } | ||
| + | .select2-drop-active { | ||
| + | border: 1px solid #428ce1; | ||
| + | border-top: none; | ||
| + | } | ||
| + | .select2-drop.select2-drop-above.select2-drop-active { | ||
| + | border-top: 1px solid #428ce1; | ||
| + | } | ||
| + | .select2-drop-auto-width { | ||
| + | border-top: 1px solid #c9d8db; | ||
| + | width: auto; | ||
| + | } | ||
| + | .select2-drop-auto-width .select2-search { | ||
| + | padding-top: 4px; | ||
| + | } | ||
| + | .select2-container .select2-choice .select2-arrow { | ||
| + | display: inline-block; | ||
| + | width: 18px; | ||
| + | height: 100%; | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | top: 0; | ||
| + | border-left: 1px solid #c9d8db; | ||
| + | border-radius: 0 4px 4px 0; | ||
| + | background-clip: padding-box; | ||
| + | background: #c9d8db; | ||
| + | background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ecf0f1), color-stop(0.6, #ecf0f1)); | ||
| + | background-image: -webkit-linear-gradient(center bottom, #c9d8db 0%, #ecf0f1 60%); | ||
| + | background-image: -moz-linear-gradient(center bottom, #c9d8db 0%, #ecf0f1 60%); | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECF0F1', endColorstr='#C9D8DB', GradientType=0); | ||
| + | background-image: linear-gradient(to top, #c9d8db 0%, #ecf0f1 60%); | ||
| + | } | ||
| + | html[dir="rtl"] .select2-container .select2-choice .select2-arrow { | ||
| + | left: 0; | ||
| + | right: auto; | ||
| + | border-left: none; | ||
| + | border-right: 1px solid #c9d8db; | ||
| + | border-radius: 4px 0 0 4px; | ||
| + | } | ||
| + | .select2-container .select2-choice .select2-arrow b { | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | background: url('../lib/select2/select2.png') no-repeat 0 1px; | ||
| + | } | ||
| + | html[dir="rtl"] .select2-container .select2-choice .select2-arrow b { | ||
| + | background-position: 2px 1px; | ||
| + | } | ||
| + | .select2-search { | ||
| + | display: inline-block; | ||
| + | width: 100%; | ||
| + | min-height: 26px; | ||
| + | margin: 0; | ||
| + | padding-left: 4px; | ||
| + | padding-right: 4px; | ||
| + | position: relative; | ||
| + | z-index: 10000; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .select2-search input { | ||
| + | width: 100%; | ||
| + | height: auto !important; | ||
| + | min-height: 26px; | ||
| + | padding: 4px 20px 4px 5px; | ||
| + | margin: 0; | ||
| + | outline: 0; | ||
| + | font-family: sans-serif; | ||
| + | font-size: 1em; | ||
| + | border: 1px solid #aaa; | ||
| + | border-radius: 0; | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | background: #ffffff url('../lib/select2/select2.png') no-repeat 100% -22px; | ||
| + | background: url('../lib/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #ecf0f1)); | ||
| + | background: url('../lib/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #ecf0f1 99%); | ||
| + | background: url('../lib/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #ecf0f1 99%); | ||
| + | background: url('../lib/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #ecf0f1 99%) 0 0; | ||
| + | } | ||
| + | html[dir="rtl"] .select2-search input { | ||
| + | padding: 4px 5px 4px 20px; | ||
| + | background: #ffffff url('../lib/select2/select2.png') no-repeat -37px -22px; | ||
| + | background: url('../lib/select2/select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #ecf0f1)); | ||
| + | background: url('../lib/select2/select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #ecf0f1 99%); | ||
| + | background: url('../lib/select2/select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #ecf0f1 99%); | ||
| + | background: url('../lib/select2/select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #ffffff 85%, #ecf0f1 99%) 0 0; | ||
| + | } | ||
| + | .select2-drop.select2-drop-above .select2-search input { | ||
| + | margin-top: 4px; | ||
| + | } | ||
| + | .select2-search input.select2-active { | ||
| + | background: #ffffff url('../lib/select2/select2-spinner.gif') no-repeat 100%; | ||
| + | background: url('../lib/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #ecf0f1)); | ||
| + | background: url('../lib/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #ffffff 85%, #ecf0f1 99%); | ||
| + | background: url('../lib/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #ffffff 85%, #ecf0f1 99%); | ||
| + | background: url('../lib/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #ecf0f1 99%) 0 0; | ||
| + | } | ||
| + | .select2-container-active .select2-choice, | ||
| + | .select2-container-active .select2-choices { | ||
| + | border: 1px solid #428ce1; | ||
| + | outline: none; | ||
| + | -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); | ||
| + | box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); | ||
| + | } | ||
| + | .select2-dropdown-open .select2-choice { | ||
| + | border-bottom-color: transparent; | ||
| + | -webkit-box-shadow: 0 1px 0 #fff inset; | ||
| + | box-shadow: 0 1px 0 #fff inset; | ||
| + | border-bottom-left-radius: 0; | ||
| + | border-bottom-right-radius: 0; | ||
| + | background-color: #e8f0f2; | ||
| + | background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #ecf0f1)); | ||
| + | background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #ecf0f1 50%); | ||
| + | background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #ecf0f1 50%); | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECF0F1', endColorstr='#ffffff', GradientType=0); | ||
| + | background-image: linear-gradient(to top, #ffffff 0%, #ecf0f1 50%); | ||
| + | } | ||
| + | .select2-dropdown-open.select2-drop-above .select2-choice, | ||
| + | .select2-dropdown-open.select2-drop-above .select2-choices { | ||
| + | border: 1px solid #428ce1; | ||
| + | border-top-color: transparent; | ||
| + | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #ecf0f1)); | ||
| + | background-image: -webkit-linear-gradient(center top, #ffffff 0%, #ecf0f1 50%); | ||
| + | background-image: -moz-linear-gradient(center top, #ffffff 0%, #ecf0f1 50%); | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECF0F1', endColorstr='#ffffff', GradientType=0); | ||
| + | background-image: linear-gradient(to bottom, #ffffff 0%, #ecf0f1 50%); | ||
| + | } | ||
| + | .select2-dropdown-open .select2-choice .select2-arrow { | ||
| + | background: transparent; | ||
| + | border-left: none; | ||
| + | filter: none; | ||
| + | } | ||
| + | html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow { | ||
| + | border-right: none; | ||
| + | } | ||
| + | .select2-dropdown-open .select2-choice .select2-arrow b { | ||
| + | background-position: -18px 1px; | ||
| + | } | ||
| + | html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b { | ||
| + | background-position: -16px 1px; | ||
| + | } | ||
| + | .select2-hidden-accessible { | ||
| + | border: 0; | ||
| + | clip: rect(0 0 0 0); | ||
| + | height: 1px; | ||
| + | margin: -1px; | ||
| + | overflow: hidden; | ||
| + | padding: 0; | ||
| + | position: absolute; | ||
| + | width: 1px; | ||
| + | } | ||
| + | /* results */ | ||
| + | .select2-results { | ||
| + | max-height: 200px; | ||
| + | padding: 0 0 0 4px; | ||
| + | margin: 4px 4px 4px 0; | ||
| + | position: relative; | ||
| + | overflow-x: hidden; | ||
| + | overflow-y: auto; | ||
| + | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); | ||
| + | } | ||
| + | html[dir="rtl"] .select2-results { | ||
| + | padding: 0 4px 0 0; | ||
| + | margin: 4px 0 4px 4px; | ||
| + | } | ||
| + | .select2-results ul.select2-result-sub { | ||
| + | margin: 0; | ||
| + | padding-left: 0; | ||
| + | } | ||
| + | .select2-results li { | ||
| + | list-style: none; | ||
| + | display: list-item; | ||
| + | background-image: none; | ||
| + | } | ||
| + | .select2-results li.select2-result-with-children > .select2-result-label { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | .select2-results .select2-result-label { | ||
| + | padding: 3px 7px 4px; | ||
| + | margin: 0; | ||
| + | cursor: pointer; | ||
| + | min-height: 1em; | ||
| + | -webkit-touch-callout: none; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | user-select: none; | ||
| + | } | ||
| + | .select2-results-dept-1 .select2-result-label { | ||
| + | padding-left: 20px; | ||
| + | } | ||
| + | .select2-results-dept-2 .select2-result-label { | ||
| + | padding-left: 40px; | ||
| + | } | ||
| + | .select2-results-dept-3 .select2-result-label { | ||
| + | padding-left: 60px; | ||
| + | } | ||
| + | .select2-results-dept-4 .select2-result-label { | ||
| + | padding-left: 80px; | ||
| + | } | ||
| + | .select2-results-dept-5 .select2-result-label { | ||
| + | padding-left: 100px; | ||
| + | } | ||
| + | .select2-results-dept-6 .select2-result-label { | ||
| + | padding-left: 110px; | ||
| + | } | ||
| + | .select2-results-dept-7 .select2-result-label { | ||
| + | padding-left: 120px; | ||
| + | } | ||
| + | .select2-results .select2-highlighted { | ||
| + | background: #3875d7; | ||
| + | color: #fff; | ||
| + | } | ||
| + | .select2-results li em { | ||
| + | background: #feffde; | ||
| + | font-style: normal; | ||
| + | } | ||
| + | .select2-results .select2-highlighted em { | ||
| + | background: transparent; | ||
| + | } | ||
| + | .select2-results .select2-highlighted ul { | ||
| + | background: #fff; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .select2-results .select2-no-results, | ||
| + | .select2-results .select2-searching, | ||
| + | .select2-results .select2-ajax-error, | ||
| + | .select2-results .select2-selection-limit { | ||
| + | background: #f8fafb; | ||
| + | display: list-item; | ||
| + | padding-left: 5px; | ||
| + | } | ||
| + | /* | ||
| + | disabled look for disabled choices in the results dropdown | ||
| + | */ | ||
| + | .select2-results .select2-disabled.select2-highlighted { | ||
| + | color: #5c7c83; | ||
| + | background: #f8fafb; | ||
| + | display: list-item; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .select2-results .select2-disabled { | ||
| + | background: #f8fafb; | ||
| + | display: list-item; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .select2-results .select2-selected { | ||
| + | display: none; | ||
| + | } | ||
| + | .select2-more-results.select2-active { | ||
| + | background: #f8fafb url('../lib/select2/select2-spinner.gif') no-repeat 100%; | ||
| + | } | ||
| + | .select2-results .select2-ajax-error { | ||
| + | background: rgba(255, 50, 50, 0.2); | ||
| + | } | ||
| + | .select2-more-results { | ||
| + | background: #f8fafb; | ||
| + | display: list-item; | ||
| + | } | ||
| + | /* disabled styles */ | ||
| + | .select2-container.select2-container-disabled .select2-choice { | ||
| + | background-color: #f8fafb; | ||
| + | background-image: none; | ||
| + | border: 1px solid #c9d8db; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .select2-container.select2-container-disabled .select2-choice .select2-arrow { | ||
| + | background-color: #f8fafb; | ||
| + | background-image: none; | ||
| + | border-left: 0; | ||
| + | } | ||
| + | .select2-container.select2-container-disabled .select2-choice abbr { | ||
| + | display: none; | ||
| + | } | ||
| + | /* multiselect */ | ||
| + | .select2-container-multi .select2-choices { | ||
| + | height: auto !important; | ||
| + | height: 1%; | ||
| + | margin: 0; | ||
| + | padding: 0 5px 0 0; | ||
| + | position: relative; | ||
| + | border: 1px solid #c9d8db; | ||
| + | cursor: text; | ||
| + | overflow: hidden; | ||
| + | background-color: #fff; | ||
| + | background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #ecf0f1), color-stop(15%, #ffffff)); | ||
| + | background-image: -webkit-linear-gradient(top, #ecf0f1 1%, #ffffff 15%); | ||
| + | background-image: -moz-linear-gradient(top, #ecf0f1 1%, #ffffff 15%); | ||
| + | background-image: linear-gradient(to bottom, #ecf0f1 1%, #ffffff 15%); | ||
| + | } | ||
| + | html[dir="rtl"] .select2-container-multi .select2-choices { | ||
| + | padding: 0 0 0 5px; | ||
| + | } | ||
| + | .select2-locked { | ||
| + | padding: 3px 5px 3px 5px !important; | ||
| + | } | ||
| + | .select2-container-multi .select2-choices { | ||
| + | min-height: 26px; | ||
| + | } | ||
| + | .select2-container-multi.select2-container-active .select2-choices { | ||
| + | border: 1px solid #428ce1; | ||
| + | outline: none; | ||
| + | -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); | ||
| + | box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); | ||
| + | } | ||
| + | .select2-container-multi .select2-choices li { | ||
| + | float: left; | ||
| + | list-style: none; | ||
| + | } | ||
| + | html[dir="rtl"] .select2-container-multi .select2-choices li { | ||
| + | float: right; | ||
| + | } | ||
| + | .select2-container-multi .select2-choices .select2-search-field { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .select2-container-multi .select2-choices .select2-search-field input { | ||
| + | padding: 5px; | ||
| + | margin: 1px 0; | ||
| + | font-family: sans-serif; | ||
| + | font-size: 100%; | ||
| + | color: #5c7c83; | ||
| + | outline: 0; | ||
| + | border: 0; | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | background: transparent !important; | ||
| + | } | ||
| + | .select2-container-multi .select2-choices .select2-search-field input.select2-active { | ||
| + | background: #ffffff url('../lib/select2/select2-spinner.gif') no-repeat 100% !important; | ||
| + | } | ||
| + | .select2-default { | ||
| + | color: #a2b9be !important; | ||
| + | } | ||
| + | .select2-container-multi .select2-choices .select2-search-choice { | ||
| + | padding: 3px 5px 3px 18px; | ||
| + | margin: 3px 0 3px 5px; | ||
| + | position: relative; | ||
| + | line-height: 13px; | ||
| + | color: #344043; | ||
| + | cursor: default; | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-radius: 3px; | ||
| + | -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); | ||
| + | box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05); | ||
| + | background-clip: padding-box; | ||
| + | -webkit-touch-callout: none; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | user-select: none; | ||
| + | background-color: #e8f0f2; | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0); | ||
| + | background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee)); | ||
| + | background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); | ||
| + | background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); | ||
| + | background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); | ||
| + | } | ||
| + | html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice { | ||
| + | margin: 3px 5px 3px 0; | ||
| + | padding: 3px 18px 3px 5px; | ||
| + | } | ||
| + | .select2-container-multi .select2-choices .select2-search-choice .select2-chosen { | ||
| + | cursor: default; | ||
| + | } | ||
| + | .select2-container-multi .select2-choices .select2-search-choice-focus { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .select2-search-choice-close { | ||
| + | display: block; | ||
| + | width: 12px; | ||
| + | height: 13px; | ||
| + | position: absolute; | ||
| + | right: 3px; | ||
| + | top: 4px; | ||
| + | font-size: 1px; | ||
| + | outline: none; | ||
| + | background: url('../lib/select2/select2.png') right top no-repeat; | ||
| + | } | ||
| + | html[dir="rtl"] .select2-search-choice-close { | ||
| + | right: auto; | ||
| + | left: 3px; | ||
| + | } | ||
| + | .select2-container-multi .select2-search-choice-close { | ||
| + | left: 3px; | ||
| + | } | ||
| + | html[dir="rtl"] .select2-container-multi .select2-search-choice-close { | ||
| + | left: auto; | ||
| + | right: 2px; | ||
| + | } | ||
| + | .select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { | ||
| + | background-position: right -11px; | ||
| + | } | ||
| + | .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { | ||
| + | background-position: right -11px; | ||
| + | } | ||
| + | /* disabled styles */ | ||
| + | .select2-container-multi.select2-container-disabled .select2-choices { | ||
| + | background-color: #f8fafb; | ||
| + | background-image: none; | ||
| + | border: 1px solid #c9d8db; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { | ||
| + | padding: 3px 5px 3px 5px; | ||
| + | border: 1px solid #c9d8db; | ||
| + | background-image: none; | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { | ||
| + | display: none; | ||
| + | background: none; | ||
| + | } | ||
| + | /* end multiselect */ | ||
| + | .select2-result-selectable .select2-match, | ||
| + | .select2-result-unselectable .select2-match { | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | .select2-offscreen, | ||
| + | .select2-offscreen:focus { | ||
| + | clip: rect(0 0 0 0) !important; | ||
| + | width: 1px !important; | ||
| + | height: 1px !important; | ||
| + | border: 0 !important; | ||
| + | margin: 0 !important; | ||
| + | padding: 0 !important; | ||
| + | overflow: hidden !important; | ||
| + | position: absolute !important; | ||
| + | outline: 0 !important; | ||
| + | left: 0px !important; | ||
| + | top: 0px !important; | ||
| + | } | ||
| + | .select2-display-none { | ||
| + | display: none; | ||
| + | } | ||
| + | .select2-measure-scrollbar { | ||
| + | position: absolute; | ||
| + | top: -10000px; | ||
| + | left: -10000px; | ||
| + | width: 100px; | ||
| + | height: 100px; | ||
| + | overflow: scroll; | ||
| + | } | ||
| + | .select2-measure-scrollbar::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .select2-measure-scrollbar::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .select2-measure-scrollbar:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .select2-measure-scrollbar::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .select2-measure-scrollbar:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | /* Retina-ize icons */ | ||
| + | @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) { | ||
| + | .select2-search input, | ||
| + | .select2-search-choice-close, | ||
| + | .select2-container .select2-choice abbr, | ||
| + | .select2-container .select2-choice .select2-arrow b { | ||
| + | background-image: url('../lib/select2/select2x2.png') !important; | ||
| + | background-repeat: no-repeat !important; | ||
| + | background-size: 60px 40px !important; | ||
| + | } | ||
| + | .select2-search input { | ||
| + | background-position: 100% -21px !important; | ||
| + | } | ||
| + | } | ||
| + | .link-item { | ||
| + | padding: 0 5px; | ||
| + | } | ||
| + | .link-item .link-icon, | ||
| + | .link-item .link-name { | ||
| + | line-height: 30px; | ||
| + | } | ||
| + | .link-item .link-icon { | ||
| + | padding: 0 5px; | ||
| + | margin-right: 5px; | ||
| + | color: white; | ||
| + | vertical-align: text-top; | ||
| + | } | ||
| + | .link-item .glyphicon, | ||
| + | .link-item i { | ||
| + | top: 0; | ||
| + | } | ||
| + | .link-item .link-name { | ||
| + | display: inline-block; | ||
| + | vertical-align: text-top; | ||
| + | white-space: nowrap; | ||
| + | overflow-x: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | width: 87%; | ||
| + | } | ||
| + | .add-note .link-suggestions { | ||
| + | padding: 0; | ||
| + | list-style: none; | ||
| + | border-left: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .add-note .link-suggestions .link-item:not(.link-item--message) { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .add-note .link-suggestions .link-item:not(.link-item--message):hover { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .add-note .active { | ||
| + | background-color: #feefd1; | ||
| + | } | ||
| + | .add-note .link-input .link-item { | ||
| + | cursor: default; | ||
| + | } | ||
| + | .add-note .link-input .link-item:hover { | ||
| + | background: white; | ||
| + | } | ||
| + | .add-note .link-input .link-item .close { | ||
| + | font-size: 18px; | ||
| + | padding: 7px 3px; | ||
| + | } | ||
| + | .attached-item .note-item .note-preview-body img { | ||
| + | max-height: 165px; | ||
| + | width: auto; | ||
| + | } | ||
| + | .note-item { | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .note-item .note-icon { | ||
| + | vertical-align: top; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .note-item .note-itemName { | ||
| + | overflow: hidden; | ||
| + | word-break: break-all; | ||
| + | } | ||
| + | .note-item h3 { | ||
| + | margin-top: 0; | ||
| + | margin-bottom: 0; | ||
| + | font-size: 16px; | ||
| + | line-height: 18px; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | .note-item .note-preview-body { | ||
| + | margin-top: 9px; | ||
| + | } | ||
| + | .note-item .note-preview-body img { | ||
| + | width: 100%; | ||
| + | margin: 0 auto; | ||
| + | display: block; | ||
| + | } | ||
| + | .note-item dl { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .note-item dl dt, | ||
| + | .note-item dl dd { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .note-item.note-alignment .alignment-length { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .note-item.note-alignment .alignment-template { | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | .note-item.note-alignment .alignment-consensus { | ||
| + | font-style: italic; | ||
| + | } | ||
| + | .note-item .note-preview-drawing { | ||
| + | text-align: center; | ||
| + | } | ||
| + | .note-item .note-preview-drawing .location-start, | ||
| + | .note-item .note-preview-drawing .location-end { | ||
| + | color: #a2b9be; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .note-item .note-preview-drawing .location-start { | ||
| + | text-align: right; | ||
| + | } | ||
| + | .note-item .note-preview-drawing .reversed { | ||
| + | -webkit-transform-origin: 50% 50%; | ||
| + | -moz-transform-origin: 50% 50%; | ||
| + | -ms-transform-origin: 50% 50%; | ||
| + | -o-transform-origin: 50% 50%; | ||
| + | transform-origin: 50% 50%; | ||
| + | -webkit-transform: rotate(180deg) translate3d(0, 0, 0); | ||
| + | -moz-transform: rotate(180deg) translate3d(0, 0, 0); | ||
| + | -ms-transform: rotate(180deg) translate3d(0, 0, 0); | ||
| + | -o-transform: rotate(180deg) translate3d(0, 0, 0); | ||
| + | transform: rotate(180deg) translate3d(0, 0, 0); | ||
| + | } | ||
| + | .note-item .note-preview-drawing .primer-render, | ||
| + | .note-item .note-preview-drawing .annotation-render { | ||
| + | width: 100px; | ||
| + | display: inline-block; | ||
| + | position: relative; | ||
| + | opacity: 0.7; | ||
| + | margin: 0 4px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .note-item.note-primer .primer-render { | ||
| + | height: 16px; | ||
| + | } | ||
| + | .note-item.note-primer .primer-render .primer-body { | ||
| + | display: inline-block; | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | right: 16px; | ||
| + | height: 10px; | ||
| + | } | ||
| + | .note-item.note-primer .primer-render .primer-right-end { | ||
| + | display: inline-block; | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | border-left: 16px solid blue; | ||
| + | border-bottom: 16px solid transparent; | ||
| + | } | ||
| + | .note-item.note-annotation .annotation-render { | ||
| + | height: 12px; | ||
| + | } | ||
| + | .note-item.note-annotation .annotation-render .annotation-body, | ||
| + | .note-item.note-annotation .annotation-render .annotation-right-end { | ||
| + | display: inline-block; | ||
| + | height: 12px; | ||
| + | } | ||
| + | .note-item.note-annotation .annotation-render .annotation-body { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | right: 9px; | ||
| + | } | ||
| + | .note-item.note-annotation .annotation-render .annotation-right-end { | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | border-left-width: 9px; | ||
| + | border-left-style: solid; | ||
| + | border-top: 6px solid transparent; | ||
| + | border-bottom: 6px solid transparent; | ||
| + | } | ||
| + | .notePreview-bfiTag { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | line-height: 16px; | ||
| + | margin: 0 5px; | ||
| + | padding: 17px 0 14px; | ||
| + | } | ||
| + | .notePreview-bfiTag:last-child { | ||
| + | border-bottom: 0; | ||
| + | } | ||
| + | #search h1 { | ||
| + | margin-top: 100px; | ||
| + | } | ||
| + | #search h2.title { | ||
| + | margin: 0; | ||
| + | line-height: 30px; | ||
| + | } | ||
| + | #search .main-search-form { | ||
| + | margin-bottom: 50px; | ||
| + | } | ||
| + | #search .main-search { | ||
| + | -webkit-transition: opacity 0.2s ease-out; | ||
| + | transition: opacity 0.2s ease-out; | ||
| + | } | ||
| + | #search .search-filter-form { | ||
| + | margin-top: -20px; | ||
| + | } | ||
| + | #search .search-filter-form h3 { | ||
| + | font-size: 14px; | ||
| + | margin-top: 20px; | ||
| + | color: #c9d8db; | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | #search .search-filter-form ul { | ||
| + | list-style: none; | ||
| + | padding-left: 5px; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | #search .search-filter-form select { | ||
| + | width: 40%; | ||
| + | } | ||
| + | #search .search-filter-form select + input { | ||
| + | width: 58%; | ||
| + | } | ||
| + | #search .search-filter-form select, | ||
| + | #search .search-filter-form select + input { | ||
| + | height: 28px; | ||
| + | padding: 6px; | ||
| + | } | ||
| + | #search .search-filter-form label { | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | #search .search-filter-form input { | ||
| + | color: #c9d8db; | ||
| + | } | ||
| + | #search .search-filter-form input.accepted { | ||
| + | color: #344043; | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | #search .search-filter-form .toggle-advanced-filters { | ||
| + | margin-top: 10px; | ||
| + | display: block; | ||
| + | } | ||
| + | #search .single-sequence .sequence-name em, | ||
| + | #search .single-sequence .sequence-library em, | ||
| + | #search .single-sequence .matches em { | ||
| + | font-style: normal; | ||
| + | background: #feefd1; | ||
| + | } | ||
| + | #search .single-sequence .folder-url { | ||
| + | display: inline-block; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #search .single-sequence .matches { | ||
| + | list-style: none; | ||
| + | padding: 0; | ||
| + | } | ||
| + | #search .single-sequence .matches .match { | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | #search .single-sequence .matches .match.bases .match-content { | ||
| + | font-family: 'Inconsolata', 'Courier New'; | ||
| + | font-size: 15px; | ||
| + | overflow-wrap: break-word; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | #search .single-sequence .matches .match.bases .match-content.mono-small { | ||
| + | font-size: 13px; | ||
| + | } | ||
| + | #search .single-sequence .matches .match .source-wrapper { | ||
| + | float: left; | ||
| + | width: 50px; | ||
| + | text-align: right; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #search .single-sequence .matches .match .source-wrapper .source { | ||
| + | display: inline-block; | ||
| + | padding: 1px 4px; | ||
| + | text-align: right; | ||
| + | text-transform: uppercase; | ||
| + | font-size: 11px; | ||
| + | font-weight: 700; | ||
| + | opacity: 0.7; | ||
| + | border-radius: 2px; | ||
| + | margin-right: 3px; | ||
| + | vertical-align: middle; | ||
| + | border: 1px solid #344043; | ||
| + | color: black; | ||
| + | } | ||
| + | #search .single-sequence .matches .match .source-wrapper .source.no-bg { | ||
| + | color: white; | ||
| + | background: #344043; | ||
| + | } | ||
| + | #search .single-sequence .matches .match .match-content { | ||
| + | margin-left: 55px; | ||
| + | } | ||
| + | #editor #assembly-wizard-container { | ||
| + | z-index: 45; | ||
| + | } | ||
| + | #editor .assembly-wizard { | ||
| + | position: absolute; | ||
| + | z-index: 45; | ||
| + | bottom: 25px; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | height: 60px; | ||
| + | border-top: 1px solid #bdc3c7; | ||
| + | padding-top: 0; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | #editor .assembly-wizard .input-sm { | ||
| + | font-size: 12px; | ||
| + | height: 25px; | ||
| + | min-height: 25px; | ||
| + | } | ||
| + | #editor .assembly-wizard.expanded { | ||
| + | top: 0; | ||
| + | border-top: none; | ||
| + | height: initial; | ||
| + | background: white; | ||
| + | } | ||
| + | #editor .assembly-wizard.expanded .settings { | ||
| + | height: 32px; | ||
| + | padding-top: 2px; | ||
| + | padding-bottom: 2px; | ||
| + | border-bottom: 1px solid #a2b9be; | ||
| + | } | ||
| + | #editor .assembly-wizard.expanded .assembly-navbar { | ||
| + | border-bottom: 1px solid #a2b9be; | ||
| + | } | ||
| + | #editor .assembly-wizard.expanded .expanded-slot-view-container { | ||
| + | position: absolute; | ||
| + | top: 92px; | ||
| + | bottom: 0; | ||
| + | width: 100%; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-settings { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | bottom: 100%; | ||
| + | border-top: 1px solid #9ac2ef; | ||
| + | border-bottom: 1px solid #9ac2ef; | ||
| + | background: #f2f7fd; | ||
| + | padding: 10px 10px 0; | ||
| + | text-align: left; | ||
| + | z-index: 60; | ||
| + | overflow-x: hidden; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-settings input[type=text] { | ||
| + | width: 60px; | ||
| + | text-align: right; | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-settings .overlap input { | ||
| + | width: 35px; | ||
| + | } | ||
| + | #editor .assembly-wizard .row { | ||
| + | margin-right: -5px; | ||
| + | margin-left: -5px; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | #editor .assembly-wizard .settings .row, | ||
| + | #editor .assembly-wizard .assembly-settings .row, | ||
| + | #editor .assembly-wizard .current-fragment-info .row { | ||
| + | margin-left: -15px; | ||
| + | margin-right: -15px; | ||
| + | } | ||
| + | #editor .assembly-wizard .col { | ||
| + | padding-left: 5px; | ||
| + | padding-right: 5px; | ||
| + | } | ||
| + | #editor .assembly-wizard div.primer-libraries { | ||
| + | float: right; | ||
| + | height: 100%; | ||
| + | margin-top: 15px; | ||
| + | } | ||
| + | #editor .assembly-wizard .construct .info { | ||
| + | padding-left: 10px; | ||
| + | cursor: pointer; | ||
| + | position: relative; | ||
| + | } | ||
| + | #editor .assembly-wizard .construct .info .assembly-step { | ||
| + | cursor: default; | ||
| + | display: none; | ||
| + | } | ||
| + | #editor .assembly-wizard .construct .info.active .assembly-step { | ||
| + | display: block; | ||
| + | } | ||
| + | #editor .assembly-wizard .construct .info .assembly-settings-col { | ||
| + | position: static; | ||
| + | } | ||
| + | #editor .assembly-wizard .construct .info .assembly-finalize { | ||
| + | margin-top: 25px; | ||
| + | } | ||
| + | #editor .assembly-wizard .current-fragment-info-preview { | ||
| + | display: inline-block; | ||
| + | white-space: pre; | ||
| + | font-family: 'Inconsolata', 'Courier New'; | ||
| + | font-size: 18px; | ||
| + | } | ||
| + | #editor .assembly-wizard .current-fragment-info-preview .site-preview-inactive { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #editor .assembly-wizard .current-fragment-info-preview .site-preview-active { | ||
| + | color: #344043; | ||
| + | } | ||
| + | #editor .assembly-wizard .current-fragment-info-preview .site-preview-mismatch { | ||
| + | color: #e96e51; | ||
| + | } | ||
| + | #editor .assembly-wizard .current-fragment-info-preview .site-preview-primer { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #editor .assembly-wizard .current-fragment-info-preview .site-preview-inactive-primer { | ||
| + | color: #a6c2e3; | ||
| + | } | ||
| + | #editor .assembly-wizard .site-preview-types { | ||
| + | font-size: 11px; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | #editor .assembly-wizard .cut-site-dropup .dropdown-menu { | ||
| + | min-width: 80px; | ||
| + | } | ||
| + | #editor .assembly-wizard .add-fragment { | ||
| + | display: inline-block; | ||
| + | margin: 15px 0 0 20px; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | #editor .assembly-wizard .show-preview { | ||
| + | margin-top: 15px; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | #editor .assembly-wizard .sectionTabs { | ||
| + | border: 0; | ||
| + | padding-left: 0; | ||
| + | } | ||
| + | #editor .assembly-wizard .type { | ||
| + | font-size: 13px; | ||
| + | margin-right: 5px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav { | ||
| + | display: block; | ||
| + | float: none; | ||
| + | overflow-y: hidden; | ||
| + | overflow-x: auto; | ||
| + | white-space: nowrap; | ||
| + | height: 60px; | ||
| + | padding-right: 20px; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav::-webkit-scrollbar-track { | ||
| + | background: #ffffff; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #ffffff; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav::-webkit-scrollbar-thumb { | ||
| + | background: #9ac2ef; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav:hover::-webkit-scrollbar-thumb { | ||
| + | background: #428ce1; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li { | ||
| + | position: static; | ||
| + | white-space: normal; | ||
| + | display: inline-block; | ||
| + | height: 100%; | ||
| + | float: none; | ||
| + | border-right: 1px solid #bdc3c7; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot { | ||
| + | position: relative; | ||
| + | min-width: 100px; | ||
| + | height: 100%; | ||
| + | padding: 0 0 0 30px; | ||
| + | border-right: 0; | ||
| + | text-align: center; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot:before, | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot:after { | ||
| + | content: " "; | ||
| + | display: block; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | border-top: solid 30px transparent; | ||
| + | border-right: solid 0 transparent; | ||
| + | border-bottom: solid 30px transparent; | ||
| + | border-left: solid 20px #f8fafb; | ||
| + | position: absolute; | ||
| + | top: 50%; | ||
| + | margin-top: -30px; | ||
| + | left: 100%; | ||
| + | z-index: 2; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot:before { | ||
| + | border-left-color: #bdc3c7; | ||
| + | margin-left: 1px; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot .name { | ||
| + | font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif; | ||
| + | font-size: 14px; | ||
| + | line-height: 14px; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | max-width: 160px; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial { | ||
| + | max-width: 200px; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial:hover .shift-left, | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial.active .shift-left, | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial:hover .shift-right, | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial.active .shift-right { | ||
| + | display: inline; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial.active { | ||
| + | background-color: white; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial.active:after { | ||
| + | border-left: 20px solid #ffffff; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial .name { | ||
| + | padding-top: 13px; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial .shift-left, | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-combinatorial .shift-right { | ||
| + | display: none; | ||
| + | line-height: 60px; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-single .step-container { | ||
| + | padding: 20px 0 0; | ||
| + | vertical-align: middle; | ||
| + | display: inline-block; | ||
| + | height: 100%; | ||
| + | min-width: 50px; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-single .step-container.sequence-set, | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-single .step-container.has-spacer { | ||
| + | padding-top: 13px; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-single .supplementary { | ||
| + | font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif; | ||
| + | font-size: 13px; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-spacer { | ||
| + | min-width: 0; | ||
| + | background: #344043; | ||
| + | color: white; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-spacer:after { | ||
| + | border-left-color: #344043; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-spacer .step-container { | ||
| + | min-width: 20px; | ||
| + | max-width: 100px; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-spacer .step-container .name { | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-spacer .slot-activator:hover { | ||
| + | color: #e8f0f2; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li:first-child .assembly-slot { | ||
| + | padding-left: 10px; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .slot-activator { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .slot-activator:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-options { | ||
| + | display: none; | ||
| + | vertical-align: middle; | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav > li .assembly-slot-options.options-visible { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav li.active .name { | ||
| + | max-width: 300px; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav li.active .assembly-slot-single { | ||
| + | background: #fff; | ||
| + | border-bottom: 1px solid #bdc3c7; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav li.active .assembly-slot-single:before { | ||
| + | border-left-color: #bdc3c7; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav li.active .assembly-slot-single:after { | ||
| + | border-left-color: #fff; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav li.active .assembly-slot-spacer { | ||
| + | background: #4a5b60; | ||
| + | } | ||
| + | #editor .assembly-wizard ul.nav li.active .assembly-slot-spacer:after { | ||
| + | border-left-color: #4a5b60; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step { | ||
| + | position: absolute; | ||
| + | bottom: 60px; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | height: 110px; | ||
| + | background: #fff; | ||
| + | border-top: 1px solid #bdc3c7; | ||
| + | margin-bottom: 1px; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .action-zone-mount { | ||
| + | overflow-x: hidden; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .step-options { | ||
| + | margin-top: 12px; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .step-options button:first-child { | ||
| + | margin-bottom: 7px; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .preview-container { | ||
| + | text-align: center; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .preview-container h4 { | ||
| + | text-align: left; | ||
| + | padding-left: 10px; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .preview { | ||
| + | width: 400px; | ||
| + | overflow-y: hidden; | ||
| + | height: 40px; | ||
| + | margin: 5px auto; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .buffers .table { | ||
| + | font-size: 12px; | ||
| + | margin: 3px 0 0 0; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .buffers .table thead > tr > th { | ||
| + | border-bottom: 0; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .step-controls .links { | ||
| + | display: inline-block; | ||
| + | padding-top: 20px; | ||
| + | padding-left: 10px; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .step-controls .btn-group { | ||
| + | width: 35px; | ||
| + | display: inline-block; | ||
| + | float: right; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step svg text { | ||
| + | font-size: 21px; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .side { | ||
| + | fill: #e8f0f2; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .mismatch { | ||
| + | fill: #c0392b; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step h5 { | ||
| + | margin: 0 0 3px 10px; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step h4 { | ||
| + | font-size: 13px; | ||
| + | color: #5c7c83; | ||
| + | margin: 8px 0 2px; | ||
| + | line-height: 16px; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .messages { | ||
| + | height: 75px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .messages::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .messages::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .messages:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .messages::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .messages:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .empty-set { | ||
| + | position: absolute; | ||
| + | top: 30px; | ||
| + | right: 12px; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .blank-msg { | ||
| + | line-height: 109px; | ||
| + | } | ||
| + | #editor .assembly-wizard .assembly-step .blank-msg-inner { | ||
| + | color: #a2b9be; | ||
| + | font-style: italic; | ||
| + | line-height: normal; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #editor .assembly-wizard .shift-left, | ||
| + | #editor .assembly-wizard .shift-right { | ||
| + | color: #344043; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #editor .assembly-wizard .shift-left:hover, | ||
| + | #editor .assembly-wizard .shift-right:hover { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #editor .assembly-wizard .expanded-slot-view { | ||
| + | overflow: scroll; | ||
| + | height: 100%; | ||
| + | width: 100%; | ||
| + | padding: 15px; | ||
| + | } | ||
| + | #editor .assembly-wizard .expanded-slot-view .name { | ||
| + | margin: 0; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #editor .assembly-wizard .expanded-slot-view .header { | ||
| + | margin-top: 25px; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | #editor .assembly-wizard .expanded-slot-view .search-results { | ||
| + | max-height: initial; | ||
| + | } | ||
| + | #editor .assembly-wizard .expanded-slot-view .sequence-container, | ||
| + | #editor .assembly-wizard .expanded-slot-view .sequence-search-results-wrapper { | ||
| + | padding-top: 15px; | ||
| + | } | ||
| + | #editor .assembly-wizard .expanded-slot-view .sequence-search { | ||
| + | padding-top: 25px; | ||
| + | } | ||
| + | #editor .assembly-wizard .expanded-slot-view .folder-name { | ||
| + | margin-left: 25px; | ||
| + | } | ||
| + | #editor .assembly-wizard .expanded-slot-view .direction { | ||
| + | padding-right: 10px; | ||
| + | } | ||
| + | #editor .assembly-wizard .expanded-slot-view .fragment-row { | ||
| + | padding-left: 45px; | ||
| + | text-overflow: ellipsis; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .assembly-navbar { | ||
| + | background: #f8fafb; | ||
| + | border: 0; | ||
| + | padding-left: 0; | ||
| + | } | ||
| + | #editor.hasLegacyNav .assembly-wizard { | ||
| + | left: 25px; | ||
| + | } | ||
| + | .assembly-error-indicator { | ||
| + | border-left: 3px solid #bdc3c7; | ||
| + | padding-left: 15px; | ||
| + | } | ||
| + | .assembly-error-indicator.error { | ||
| + | border-left-color: #d9563a; | ||
| + | } | ||
| + | .assembly-error-indicator.warning { | ||
| + | border-left-color: #fdd586; | ||
| + | } | ||
| + | .assembly-error-indicator.success { | ||
| + | border-left-color: #03c08d; | ||
| + | } | ||
| + | .assembly-check .icon { | ||
| + | position: relative; | ||
| + | top: -3px; | ||
| + | } | ||
| + | .assembly-check .icon .glyphicon { | ||
| + | margin-top: 4px; | ||
| + | font-size: 15px; | ||
| + | } | ||
| + | .assembly-check .icon .glyphicon-ban-circle { | ||
| + | color: #d9563a; | ||
| + | } | ||
| + | .assembly-check .icon .glyphicon-ok { | ||
| + | color: #03c08d; | ||
| + | } | ||
| + | .neb-finalize-inline-block { | ||
| + | display: inline-block; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .printable-summary-container { | ||
| + | margin: 20px; | ||
| + | } | ||
| + | .printable-summary .printable-color { | ||
| + | border-left: 5px solid #bdc3c7; | ||
| + | } | ||
| + | .printable-summary th.primer-name { | ||
| + | min-width: 150px; | ||
| + | } | ||
| + | .printable-summary .primer-base-sticky-end { | ||
| + | text-decoration: underline; | ||
| + | color: inherit; | ||
| + | } | ||
| + | .printable-summary .primer-base-match { | ||
| + | font-style: italic; | ||
| + | background: inherit; | ||
| + | } | ||
| + | .mediocre { | ||
| + | /* | ||
| + | A .cell uses a fixed height `td` with 100%-tall `.cell-innerWrapper` to position elements absolutely | ||
| + | relative to the td, i.e. middle-right-aligned selector, bottom-right-aligned fill down box. While actively | ||
| + | editing a cell, this makes re-renders expensive. We disable the px/100% height and hide selectorDropdown to | ||
| + | improve performance. | ||
| + | */ | ||
| + | /* | ||
| + | Render the dropdown on hover. NB: avoid setting position absolute/relative until hover | ||
| + | to avoid performance issues while typing. | ||
| + | */ | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-top: 10px; | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-titleBar { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | height: 31px; | ||
| + | } | ||
| + | .mediocre .table-floater-wrapper { | ||
| + | -webkit-flex: 1 1 400px; | ||
| + | -moz-flex: 1 1 400px; | ||
| + | -ms-flex: 1 1 400px; | ||
| + | flex: 1 1 400px; | ||
| + | min-width: 400px; | ||
| + | } | ||
| + | .mediocre .table-floater { | ||
| + | padding: 2px; | ||
| + | } | ||
| + | .mediocre .table-floater .formula-toolbar { | ||
| + | width: 100%; | ||
| + | position: relative; | ||
| + | display: table; | ||
| + | } | ||
| + | .mediocre .table-floater .formula-toolbar-component { | ||
| + | height: 24px; | ||
| + | } | ||
| + | .mediocre .table-floater .formula-group-wrapper { | ||
| + | display: table-cell; | ||
| + | vertical-align: top; | ||
| + | width: 1%; | ||
| + | } | ||
| + | .mediocre .table-floater .formula-group-wrapper.fill-remaining-width { | ||
| + | width: auto; | ||
| + | } | ||
| + | .mediocre .table-floater .formula-group-wrapper .btn-group { | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .mediocre .table-floater .formula-group-wrapper .btn-group .btn { | ||
| + | float: none; | ||
| + | } | ||
| + | .mediocre .table-floater .formula-box-wrapper { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .mediocre .table-floater .formula-box-wrapper .current-cell-label { | ||
| + | background-color: white; | ||
| + | border-right: none; | ||
| + | border-left: none; | ||
| + | padding: 2px 0 3px 4px; | ||
| + | } | ||
| + | .mediocre .table-floater .formula-box-wrapper .fx-icon { | ||
| + | font-size: 12px; | ||
| + | text-transform: none; | ||
| + | } | ||
| + | .mediocre .table-floater .formula-box-wrapper .formula-box { | ||
| + | border-left: none; | ||
| + | border-top: 1px solid #c9d8db; | ||
| + | border-right: 1px solid #c9d8db; | ||
| + | border-bottom: 1px solid #c9d8db; | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | border-bottom-left-radius: 0; | ||
| + | border-top-left-radius: 0; | ||
| + | padding: 2px 4px; | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | overflow-y: auto; | ||
| + | height: 24px; | ||
| + | } | ||
| + | .mediocre .table-floater .current-cell-label .popover { | ||
| + | max-width: 500px; | ||
| + | } | ||
| + | .mediocre .table-floater .table-error-msg { | ||
| + | font-size: 11px; | ||
| + | line-height: 1.5em; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .mediocre .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border { | ||
| + | color: #344043; | ||
| + | background-color: #e4eef9; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | .mediocre .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.mediocre-tableEditable-border { | ||
| + | position: absolute; | ||
| + | top: -41px; | ||
| + | bottom: 0; | ||
| + | } | ||
| + | .mediocre .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:empty:after { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .mediocre .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box, | ||
| + | .mediocre .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box:hover { | ||
| + | background-color: white; | ||
| + | } | ||
| + | .mediocre .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:hover { | ||
| + | background-color: #bad3f0; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable { | ||
| + | overflow-x: hidden; | ||
| + | padding-bottom: 10px; | ||
| + | position: relative; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-tableName { | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-bottom: none; | ||
| + | background-color: #f8fafb; | ||
| + | -webkit-flex: 0 0 auto; | ||
| + | -moz-flex: 0 0 auto; | ||
| + | -ms-flex: 0 0 auto; | ||
| + | flex: 0 0 auto; | ||
| + | height: 31px; | ||
| + | max-width: calc(100% - 30px); | ||
| + | line-height: 31px; | ||
| + | padding: 0px 10px; | ||
| + | -webkit-transition: all 0.3s ease-out; | ||
| + | transition: all 0.3s ease-out; | ||
| + | /* `all` easier to use than `flex-shrink` with all vendor prefixes */ | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-tableName--shrink { | ||
| + | -webkit-flex: 0 1 auto; | ||
| + | -moz-flex: 0 1 auto; | ||
| + | -ms-flex: 0 1 auto; | ||
| + | flex: 0 1 auto; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-scrollArea { | ||
| + | overflow-x: auto; | ||
| + | width: 100%; | ||
| + | padding-top: 41px; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-scrollArea::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-maximizeIcon { | ||
| + | -webkit-transform: rotate(-45deg); | ||
| + | -moz-transform: rotate(-45deg); | ||
| + | -ms-transform: rotate(-45deg); | ||
| + | -o-transform: rotate(-45deg); | ||
| + | transform: rotate(-45deg); | ||
| + | -webkit-transform-origin: 5px 5px; | ||
| + | -moz-transform-origin: 5px 5px; | ||
| + | -ms-transform-origin: 5px 5px; | ||
| + | -o-transform-origin: 5px 5px; | ||
| + | transform-origin: 5px 5px; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-maximizeButton, | ||
| + | .mediocre .mediocre-tableEditable-axisCell-dropdown { | ||
| + | color: #c9d8db; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper { | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | position: absolute; | ||
| + | background: #f8fafb; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable { | ||
| + | padding-bottom: 0; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-tableName { | ||
| + | border: none; | ||
| + | background-color: initial; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col, | ||
| + | .mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton { | ||
| + | border-top: none; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--row, | ||
| + | .mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton, | ||
| + | .mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-addRowDraggerCell { | ||
| + | border-left: none; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-top: 3px; | ||
| + | background-color: white; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable { | ||
| + | height: 100%; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea { | ||
| + | position: absolute; | ||
| + | padding-top: 0; | ||
| + | top: 35px; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .mediocre .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .mediocre .cell { | ||
| + | background-color: white; | ||
| + | } | ||
| + | .mediocre .cell-fillDownSquare { | ||
| + | position: absolute; | ||
| + | right: -12px; | ||
| + | bottom: -10px; | ||
| + | width: 16px; | ||
| + | height: 16px; | ||
| + | padding: 4px; | ||
| + | z-index: 1; | ||
| + | cursor: crosshair; | ||
| + | } | ||
| + | .mediocre .cell-fillDownSquare-fill { | ||
| + | background-color: #428ce1; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | } | ||
| + | .mediocre span.cell-highlight-0 { | ||
| + | color: #0000fb; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected), | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected), | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected), | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected) { | ||
| + | background-color: rgba(0, 0, 255, 0.2); | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected):hover, | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected):hover, | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected):hover, | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected):hover { | ||
| + | background-color: rgba(0, 0, 153, 0.2); | ||
| + | } | ||
| + | .mediocre span.cell-highlight-1 { | ||
| + | color: #007c00; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected), | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected), | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected), | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected) { | ||
| + | background-color: rgba(0, 128, 0, 0.2); | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected):hover, | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected):hover, | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected):hover, | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected):hover { | ||
| + | background-color: rgba(0, 26, 0, 0.2); | ||
| + | } | ||
| + | .mediocre span.cell-highlight-2 { | ||
| + | color: #fba200; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected), | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected), | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected), | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected) { | ||
| + | background-color: rgba(255, 165, 0, 0.2); | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected):hover, | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected):hover, | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected):hover, | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected):hover { | ||
| + | background-color: rgba(153, 99, 0, 0.2); | ||
| + | } | ||
| + | .mediocre span.cell-highlight-3 { | ||
| + | color: #7c007c; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected), | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected), | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected), | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected) { | ||
| + | background-color: rgba(128, 0, 128, 0.2); | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected):hover, | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected):hover, | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected):hover, | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected):hover { | ||
| + | background-color: rgba(26, 0, 26, 0.2); | ||
| + | } | ||
| + | .mediocre span.cell-highlight-4 { | ||
| + | color: #fbd400; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected), | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected), | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected), | ||
| + | .mediocre .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected) { | ||
| + | background-color: rgba(255, 215, 0, 0.2); | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected):hover, | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected):hover, | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected):hover, | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected):hover { | ||
| + | background-color: rgba(153, 129, 0, 0.2); | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.selected:hover { | ||
| + | background-color: #bad3f0; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell:hover { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.dbl-selected.editing:hover { | ||
| + | background-color: white; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell:hover { | ||
| + | background-color: #9ac2ef; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell.selected:hover { | ||
| + | background-color: #6ea7e8; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table .cell.selected, | ||
| + | .mediocre .mediocre-tableEditable-table .cell.selected.is-ghost-cell { | ||
| + | color: #344043; | ||
| + | background-color: #e4eef9; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table .cell.selected.mediocre-tableEditable-border, | ||
| + | .mediocre .mediocre-tableEditable-table .cell.selected.is-ghost-cell.mediocre-tableEditable-border { | ||
| + | position: absolute; | ||
| + | top: -41px; | ||
| + | bottom: 0; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table .cell.selected:empty:after, | ||
| + | .mediocre .mediocre-tableEditable-table .cell.selected.is-ghost-cell:empty:after { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table .cell.selected.formula-box, | ||
| + | .mediocre .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box, | ||
| + | .mediocre .mediocre-tableEditable-table .cell.selected.formula-box:hover, | ||
| + | .mediocre .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box:hover { | ||
| + | background-color: white; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table .cell.selected.dbl-selected, | ||
| + | .mediocre .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected { | ||
| + | /* Avoid a 1px gap between the box-shadow and the border of a td: https://crbug.com/137481 */ | ||
| + | box-shadow: inset 0px 0px 0px 2px #428ce1; | ||
| + | border-bottom: none; | ||
| + | border-right: none; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table .cell.selected.dbl-selected.editing, | ||
| + | .mediocre .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected.editing { | ||
| + | background-color: white; | ||
| + | box-shadow: inset 0px 0px 0px 2px #428ce1, 0 2px 5px rgba(0, 0, 0, 0.4); | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table .cell.is-ghost-cell { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table .cell.is-fillDownBox-leftEdge { | ||
| + | border-left: 1px dashed #428ce1; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table .cell.is-fillDownBox-rightEdge { | ||
| + | border-right: 1px dashed #428ce1; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table .cell.is-fillDownBox-topEdge { | ||
| + | border-top: 1px dashed #428ce1; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table .cell.is-fillDownBox-bottomEdge { | ||
| + | border-bottom: 1px dashed #428ce1; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table .cell.is-ghost-cell.header-cell { | ||
| + | background-color: #dceaf9; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table .header-cell { | ||
| + | background-color: #c6dcf6; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table .header-cell.selected { | ||
| + | background-color: #9ac2ef; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table .header-cell.selected.dbl-selected { | ||
| + | background-color: #e4eef9; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-tableWrapper { | ||
| + | position: relative; | ||
| + | padding-bottom: 10px; | ||
| + | } | ||
| + | .mediocre .cell-innerWrapper { | ||
| + | height: 100%; | ||
| + | /* Vertically fill the td */ | ||
| + | position: relative; | ||
| + | /* for selectors and errors */ | ||
| + | } | ||
| + | .mediocre .cell-error { | ||
| + | position: relative; | ||
| + | } | ||
| + | .mediocre .cell-error:after { | ||
| + | content: ""; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | border-style: solid; | ||
| + | border-width: 0 10px 10px 0; | ||
| + | border-color: transparent #e96e51 transparent transparent; | ||
| + | position: absolute; | ||
| + | right: -4px; | ||
| + | top: -2px; | ||
| + | } | ||
| + | .mediocre .cell { | ||
| + | vertical-align: top; | ||
| + | height: 24px; | ||
| + | /* An explicit height let's cell-innerWrapper vertically fill the cell */ | ||
| + | padding: 2px 4px; | ||
| + | border-radius: 0; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | .mediocre .cell.is-bold { | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | .mediocre .cell.is-underline { | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | .mediocre .cell.is-italic { | ||
| + | font-style: italic; | ||
| + | } | ||
| + | .mediocre .cell.is-value { | ||
| + | overflow: hidden; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .mediocre .cell.is-text { | ||
| + | white-space: pre-wrap; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | .mediocre .cell.is-alignLeft { | ||
| + | text-align: left; | ||
| + | } | ||
| + | .mediocre .cell.is-alignCenter { | ||
| + | text-align: center; | ||
| + | } | ||
| + | .mediocre .cell.is-alignRight { | ||
| + | text-align: right; | ||
| + | } | ||
| + | .mediocre .cell:not(.editing) .editable { | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .mediocre .cell-contents.has-selector { | ||
| + | padding-right: 23px; | ||
| + | } | ||
| + | .mediocre .selectorDropdown { | ||
| + | position: absolute; | ||
| + | right: 4px; | ||
| + | top: 50%; | ||
| + | line-height: 12px; | ||
| + | margin-top: -6px; | ||
| + | } | ||
| + | .mediocre .selectorDropdown-button { | ||
| + | color: #a2b9be; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .mediocre .cell:hover .selectorDropdown-button, | ||
| + | .mediocre .selectorDropdown-button.is-open { | ||
| + | color: #2172cf; | ||
| + | } | ||
| + | .mediocre .selectorDropdown-list { | ||
| + | max-width: 200px; | ||
| + | } | ||
| + | .mediocre .selectorDropdown-list a { | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-tableWrapper--activeCell .cell { | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-tableWrapper--activeCell .cell-innerWrapper { | ||
| + | height: auto; | ||
| + | position: static; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-tableWrapper--activeCell .cell-fillDownSquare, | ||
| + | .mediocre .mediocre-tableEditable-tableWrapper--activeCell .selectorDropdown { | ||
| + | display: none; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-tableWrapper--fillDown .cell:not(.editing) .editable { | ||
| + | cursor: crosshair; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-tableWrapper--fillDownInvalid .cell:not(.editing) .editable { | ||
| + | cursor: not-allowed; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-axisCell { | ||
| + | background-color: #f8fafb; | ||
| + | vertical-align: middle; | ||
| + | text-align: center; | ||
| + | font-family: 'Inconsolata'; | ||
| + | cursor: pointer; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-axisCell.has-custom-label { | ||
| + | font-style: italic; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell { | ||
| + | border: 1px solid #c9d8db; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col { | ||
| + | height: 24px; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-axisCell.is-ghost-cell { | ||
| + | background-color: #feffff; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-axisCell.is-selected, | ||
| + | .mediocre .mediocre-tableEditable-axisCell:hover { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-axisCell-dropdown { | ||
| + | display: none; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-numWrapper { | ||
| + | position: relative; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-dropdown { | ||
| + | display: inline; | ||
| + | position: absolute; | ||
| + | right: 4px; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-axisCell-num { | ||
| + | font-family: 'Inconsolata', 'Courier New'; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-addRowDraggerCell { | ||
| + | font-size: 10px; | ||
| + | cursor: ns-resize; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table { | ||
| + | table-layout: fixed; | ||
| + | position: relative; | ||
| + | max-width: none; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table tr.mediocre-tableEditable-addRowDraggerCell { | ||
| + | height: 20px; | ||
| + | } | ||
| + | .mediocre .mediocre-tableEditable-table td { | ||
| + | border: 1px solid #c9d8db; | ||
| + | } | ||
| + | .mediocre .hiddenFocusEditable:focus + .mediocre-codeEditable { | ||
| + | -webkit-box-shadow: 0 0 0 3px #428ce1; | ||
| + | box-shadow: 0 0 0 3px #428ce1; | ||
| + | border-radius: 0px; | ||
| + | } | ||
| + | .mediocre .selected .multi-editable { | ||
| + | color: #344043; | ||
| + | background-color: #e4eef9; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | .mediocre .selected .multi-editable.mediocre-tableEditable-border { | ||
| + | position: absolute; | ||
| + | top: -41px; | ||
| + | bottom: 0; | ||
| + | } | ||
| + | .mediocre .selected .multi-editable:empty:after { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .mediocre .selected .multi-editable.formula-box, | ||
| + | .mediocre .selected .multi-editable.formula-box:hover { | ||
| + | background-color: white; | ||
| + | } | ||
| + | .mediocre .selected .multi-editable:hover { | ||
| + | background-color: #bad3f0; | ||
| + | } | ||
| + | .mediocre-pageMargin { | ||
| + | bottom: 0; | ||
| + | display: none; | ||
| + | pointer-events: none; | ||
| + | /* Allow interacting with a table if it scrolls underneath the pageMargin. */ | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | width: 10mm; | ||
| + | } | ||
| + | .mediocre-pageMargin--left { | ||
| + | left: 0; | ||
| + | border-right: 1px dashed #c9d8db; | ||
| + | } | ||
| + | .mediocre-pageMargin--right { | ||
| + | right: 0; | ||
| + | border-left: 1px dashed #c9d8db; | ||
| + | } | ||
| + | .mediocre-row { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | .mediocre-row:before, | ||
| + | .mediocre-row:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .mediocre-row:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .mediocre-row:before, | ||
| + | .mediocre-row:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .mediocre-row:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .mediocre-row-item { | ||
| + | margin-left: 125px; | ||
| + | } | ||
| + | .mediocre-row-timestamp { | ||
| + | width: 125px; | ||
| + | float: left; | ||
| + | padding-right: 5px; | ||
| + | } | ||
| + | .mediocre-row-timestamp-time { | ||
| + | font-size: 10px; | ||
| + | line-height: 1.3em; | ||
| + | display: block; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .mediocre-row-timestamp-author { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .mediocre-menu { | ||
| + | padding: 5px; | ||
| + | display: inline-block; | ||
| + | border-radius: 3px; | ||
| + | background-color: black; | ||
| + | } | ||
| + | .mediocre-menu .btn { | ||
| + | background: #344043; | ||
| + | color: white; | ||
| + | } | ||
| + | .mediocre-menu .btn.active, | ||
| + | .mediocre-menu .btn:hover { | ||
| + | background: black; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .mediocre-menu .btn-group .btn { | ||
| + | width: 36px; | ||
| + | } | ||
| + | .mediocre-noteEditable { | ||
| + | position: relative; | ||
| + | } | ||
| + | .mediocre-noteEditable .editable { | ||
| + | padding-left: 10px; | ||
| + | padding-right: 10px; | ||
| + | } | ||
| + | .mediocre-noteEditable-indenter { | ||
| + | display: inline-block; | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | text-align: right; | ||
| + | } | ||
| + | .mediocre-roundedBtn { | ||
| + | border-radius: 3px; | ||
| + | background-color: white; | ||
| + | border: 1px solid #a2b9be; | ||
| + | opacity: 0.6; | ||
| + | outline: none; | ||
| + | } | ||
| + | .mediocre-roundedBtn:hover { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .dropdown-menu > li > a .header-preview.is-header1, | ||
| + | .mediocre-noteEditable.is-header1 { | ||
| + | font-size: 20px; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | .dropdown-menu > li > a .header-preview.is-header2, | ||
| + | .mediocre-noteEditable.is-header2 { | ||
| + | font-size: 16px; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | .dropdown-menu > li > a .header-preview.is-subheader1, | ||
| + | .mediocre-noteEditable.is-subheader1 { | ||
| + | font-size: 12px; | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | .dropdown-menu > li > a .header-preview.is-paragraph, | ||
| + | .mediocre-noteEditable.is-paragraph { | ||
| + | font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif; | ||
| + | line-height: 1.6; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .mediocre-captionEditable { | ||
| + | display: table; | ||
| + | table-layout: fixed; | ||
| + | width: 100%; | ||
| + | position: relative; | ||
| + | } | ||
| + | .mediocre-captionEditable .component-row { | ||
| + | display: table-row; | ||
| + | } | ||
| + | .mediocre-captionEditable .mediocre-captionEditable-cell { | ||
| + | display: table-cell; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .mediocre-captionEditable .mediocre-captionEditable-caption { | ||
| + | padding: 10px 0px 10px 10px; | ||
| + | vertical-align: middle; | ||
| + | font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif; | ||
| + | line-height: 1.6; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .mediocre-captionEditable .mediocre-captionEditable-caption--bottom { | ||
| + | padding: 0px 10px 10px 10px; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .mediocre-captionEditable .mediocre-menu { | ||
| + | z-index: 2; | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | opacity: 0; | ||
| + | visibility: hidden; | ||
| + | transition: visibility 0s linear 0.1s, opacity 0.1s linear, right 0.2s ease-out 0.2s; | ||
| + | } | ||
| + | .mediocre-captionEditable-caption { | ||
| + | color: #5c7c83; | ||
| + | cursor: text; | ||
| + | } | ||
| + | .mediocre-captionEditable-component { | ||
| + | padding: 15px; | ||
| + | } | ||
| + | .mediocre-item.is-captionedTable .mediocre-tableEditable { | ||
| + | padding-bottom: 0px; | ||
| + | } | ||
| + | .mediocre-item.is-captionedTable .mediocre-captionEditable-component { | ||
| + | padding: 0; | ||
| + | } | ||
| + | .mediocre-item.is-captionedTable .mediocre-captionEditable-caption { | ||
| + | padding-top: 0px; | ||
| + | } | ||
| + | .mediocre-item.is-before-insert { | ||
| + | box-shadow: 0 2px 0 0 #9ac2ef; | ||
| + | } | ||
| + | .md-preview-italic, | ||
| + | .md-open-italic, | ||
| + | .md-close-italic { | ||
| + | font-style: italic; | ||
| + | } | ||
| + | .md-preview-underline { | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | .md-preview-bold, | ||
| + | .md-open-bold, | ||
| + | .md-close-bold { | ||
| + | font-weight: 900; | ||
| + | } | ||
| + | .md-preview-link { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .md-preview-link .md-link-text { | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | .mediocre-codeEditable { | ||
| + | background-color: #e8f0f2; | ||
| + | border: 1px solid #d9dcde; | ||
| + | border-radius: 2px; | ||
| + | font-family: Inconsolata, 'Courier New'; | ||
| + | font-size: 13px; | ||
| + | color: black; | ||
| + | padding-top: 5px; | ||
| + | cursor: text; | ||
| + | } | ||
| + | .mediocre-item.is-code { | ||
| + | padding: 5px; | ||
| + | } | ||
| + | .mediocre-item.is-code.selected .mediocre-codeEditable { | ||
| + | color: #344043; | ||
| + | background-color: #e4eef9; | ||
| + | } | ||
| + | .round-btn { | ||
| + | display: inline-block; | ||
| + | text-align: center; | ||
| + | border: 1px solid #a2b9be; | ||
| + | background-color: white; | ||
| + | font-weight: 400; | ||
| + | font-family: Inconsolata, 'Courier New'; | ||
| + | color: #a2b9be; | ||
| + | margin: -8px; | ||
| + | border-radius: 8px; | ||
| + | width: 16px; | ||
| + | height: 16px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .round-btn, | ||
| + | .round-btn:hover, | ||
| + | .round-btn:focus { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .round-btn.big-btn { | ||
| + | font-size: 16px; | ||
| + | margin: -10px; | ||
| + | border-radius: 10px; | ||
| + | width: 20px; | ||
| + | height: 20px; | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | .round-btn.big-btn .fa-chevron-left { | ||
| + | margin-left: -2px; | ||
| + | } | ||
| + | .round-btn.big-btn .fa-chevron-right { | ||
| + | margin-left: 2px; | ||
| + | } | ||
| + | .round-btn.disabled { | ||
| + | cursor: default; | ||
| + | opacity: 0.5; | ||
| + | } | ||
| + | .round-btn.add-btn:not(.disabled):hover { | ||
| + | border: 2px solid #428ce1; | ||
| + | color: #428ce1; | ||
| + | line-height: 18px; | ||
| + | } | ||
| + | .editable { | ||
| + | outline: 0; | ||
| + | white-space: pre-wrap; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | .editable::selection, | ||
| + | .editable span::selection, | ||
| + | .editable i::selection, | ||
| + | .editable b::selection { | ||
| + | background-color: #e4eef9; | ||
| + | } | ||
| + | .editable sup { | ||
| + | vertical-align: super; | ||
| + | top: initial; | ||
| + | position: initial; | ||
| + | line-height: inherit; | ||
| + | } | ||
| + | .editable sub { | ||
| + | vertical-align: sub; | ||
| + | botttom: initial; | ||
| + | position: initial; | ||
| + | line-height: inherit; | ||
| + | } | ||
| + | .time-editable { | ||
| + | padding: 4px; | ||
| + | font-family: 'Inconsolata', 'Courier New', sans-serif; | ||
| + | font-size: 26px; | ||
| + | } | ||
| + | .time-editable:empty:not(:focus):after { | ||
| + | content: 'HH:MM:SS'; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .time-editable span.min:before { | ||
| + | content: ':'; | ||
| + | } | ||
| + | .time-editable span.sec:before { | ||
| + | content: ':'; | ||
| + | } | ||
| + | .time-editable span.zero { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .image-editable { | ||
| + | text-align: center; | ||
| + | padding: 10px 0px; | ||
| + | } | ||
| + | .image-editable .progress-bar { | ||
| + | height: 11px; | ||
| + | background-color: #428ce1; | ||
| + | opacity: 0; | ||
| + | -webkit-transition: opacity .2s ease-in .3s, width 0.2s ease-in; | ||
| + | transition: opacity .2s ease-in .3s, width 0.2s ease-in; | ||
| + | } | ||
| + | .image-editable.loading .upload-wrapper img.img { | ||
| + | display: none; | ||
| + | } | ||
| + | .image-editable.loading .progress-bar { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .image-editable.no-image-uploaded .upload-wrapper .instructions { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .image-editable .upload-wrapper { | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | position: relative; | ||
| + | border-radius: 3px; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | padding: 25px 25px 10px 25px; | ||
| + | } | ||
| + | .image-editable .upload-wrapper.dragging { | ||
| + | border: 3px solid #428ce1; | ||
| + | padding: 23px 23px 8px 23px; | ||
| + | } | ||
| + | .image-editable .upload-wrapper .glyphicon-wrapper { | ||
| + | display: inline-block; | ||
| + | width: 100%; | ||
| + | height: 200px; | ||
| + | border-radius: 3px; | ||
| + | color: #e8f0f2; | ||
| + | font-size: 200px; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .image-editable .upload-wrapper .glyphicon-wrapper .glyphicon { | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .image-editable .upload-wrapper img.tmp-img { | ||
| + | opacity: 0.2; | ||
| + | } | ||
| + | .image-editable .upload-wrapper img { | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | .image-editable .upload-wrapper:hover .instructions { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .image-editable .upload-wrapper .instructions { | ||
| + | opacity: 0; | ||
| + | -webkit-transition: opacity .2s ease-out; | ||
| + | transition: opacity .2s ease-out; | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | .image-editable .upload-wrapper .instructions span { | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | cursor: default; | ||
| + | font-weight: 400; | ||
| + | font-size: 15px; | ||
| + | color: #344043; | ||
| + | margin-right: 7px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .image-editable .upload-wrapper .instructions button { | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .image-editable .upload-wrapper .del-btn { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | } | ||
| + | .image-editable .upload-wrapper > .del-btn { | ||
| + | opacity: 0; | ||
| + | -webkit-transition: opacity .2s ease-in; | ||
| + | transition: opacity .2s ease-in; | ||
| + | } | ||
| + | .image-editable .upload-wrapper > .del-btn:hover { | ||
| + | border: 1px solid #e96e51; | ||
| + | color: red; | ||
| + | } | ||
| + | .image-editable .upload-wrapper:hover > .del-btn { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .hiddenFocusEditable { | ||
| + | position: fixed; | ||
| + | top: 50%; | ||
| + | left: -100px; | ||
| + | height: 1px; | ||
| + | width: 0; | ||
| + | opacity: 0; | ||
| + | white-space: pre; | ||
| + | } | ||
| + | .cellResizer, | ||
| + | .cellResizer .backdrop { | ||
| + | cursor: ew-resize; | ||
| + | } | ||
| + | .cellResizer.is-disabled { | ||
| + | display: none; | ||
| + | } | ||
| + | .cellResizer-line { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | top: 0; | ||
| + | bottom: 0; | ||
| + | width: 10px; | ||
| + | margin-left: -5px; | ||
| + | } | ||
| + | .cellResizer-line.is-active { | ||
| + | background-color: #428ce1; | ||
| + | width: 1px; | ||
| + | margin-left: -0.5px; | ||
| + | } | ||
| + | .insertTable:not(:hover) { | ||
| + | opacity: 0.6; | ||
| + | /* TODO(T7328): Temporary hack to emphasize that insert table is not correct */ | ||
| + | } | ||
| + | #editor .btn-af-default.btn-option.table-formatBtn, | ||
| + | #protocols .btn-af-default.btn-option.table-formatBtn { | ||
| + | margin-left: -1px; | ||
| + | width: 25px; | ||
| + | } | ||
| + | /* Override bootstrap/print.less: don't render URLs inside a table as it interferes with cell sizing */ | ||
| + | @media print { | ||
| + | .mediocre-tableEditable-table a:after { | ||
| + | content: ""; | ||
| + | } | ||
| + | } | ||
| + | .mediocre-titleEditor { | ||
| + | border: 1px solid transparent; | ||
| + | border-bottom: 1px solid #428ce1; | ||
| + | } | ||
| + | .mediocre-titleEditor .editable { | ||
| + | font-size: 32px; | ||
| + | outline: none; | ||
| + | } | ||
| + | .mediocre-titleEditor .editable:empty:after { | ||
| + | content: 'Title'; | ||
| + | pointer-events: none; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .mediocre-titleEditor:hover:not(.is-locked) { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | border-bottom: 1px solid #428ce1; | ||
| + | } | ||
| + | .mediocre-toolbar { | ||
| + | /* Use height/line-height to hide icons if they overflow */ | ||
| + | height: 25px; | ||
| + | line-height: 35px; | ||
| + | } | ||
| + | .mediocre-toolbar > .btn-group { | ||
| + | line-height: 24px; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .mediocre-toolbar .btn-group { | ||
| + | margin-right: 7px; | ||
| + | } | ||
| + | .mediocre-toolbar .btn-group:last-child { | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .mediocre-toolbar .btn-option:not(.dropdown-toggle) { | ||
| + | width: 25px; | ||
| + | } | ||
| + | .mediocre-toolbar .dropdown-menu .glyphicon, | ||
| + | .mediocre-toolbar .dropdown-menu .fa, | ||
| + | .mediocre-toolbar .dropdown-menu .unicodeIcon { | ||
| + | font-size: 12px; | ||
| + | margin-right: 5px; | ||
| + | margin-top: 0px; | ||
| + | width: 12px; | ||
| + | } | ||
| + | .mediocre-toolbar-dropdownBtn { | ||
| + | display: block; | ||
| + | /* Avoid extra space from line-height + inline-block issues */ | ||
| + | } | ||
| + | .daySeparator { | ||
| + | height: 30px; | ||
| + | line-height: 30px; | ||
| + | position: relative; | ||
| + | font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif; | ||
| + | text-transform: uppercase; | ||
| + | font-weight: 500; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | .daySeparator:hover .daySeparator-delete { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .daySeparator-inputWrapper { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | } | ||
| + | .daySeparator-inputWrapper-hiddenInput { | ||
| + | pointer-events: none; | ||
| + | opacity: 0; | ||
| + | height: 30px; | ||
| + | } | ||
| + | .daySeparator-delete { | ||
| + | position: absolute; | ||
| + | top: 50%; | ||
| + | left: -12px; | ||
| + | z-index: 1; | ||
| + | opacity: 0; | ||
| + | -webkit-transition: opacity 0.3s; | ||
| + | transition: opacity 0.3s; | ||
| + | } | ||
| + | .daySeparator-date { | ||
| + | z-index: 1; | ||
| + | position: relative; | ||
| + | background-color: white; | ||
| + | padding-right: 5px; | ||
| + | color: black; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .daySeparator-line { | ||
| + | position: relative; | ||
| + | top: -50%; | ||
| + | height: 2px; | ||
| + | margin-top: -1px; | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | /* Print */ | ||
| + | .printable-container { | ||
| + | -webkit-print-color-adjust: exact; | ||
| + | /* | ||
| + | Let tables take up as much space as needed since we currently have no solution for making a table wrap. | ||
| + | Note that this means that a wide table will be cut off, but at least we can show an accurate preview of | ||
| + | it in the editor, so that the user can pre-emptively resize their table to not get cut off. The user can | ||
| + | change page size / orientation to affect how much of the table gets cut off. | ||
| + | */ | ||
| + | /* TODO(T7405): Cleanup nesting to require less specificity. */ | ||
| + | } | ||
| + | .printable-container .mediocre .mediocre-tableEditable { | ||
| + | width: max-content; | ||
| + | } | ||
| + | .printable-container .mediocre .mediocre-tableEditable-scrollArea { | ||
| + | width: auto; | ||
| + | } | ||
| + | .printable-container .mediocre .mediocre-tableEditable-scrollArea::-webkit-scrollbar { | ||
| + | display: none; | ||
| + | /* wkhtmltopdf doesn't support max-content. */ | ||
| + | } | ||
| + | .printable-container .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 10px; | ||
| + | } | ||
| + | .printable-container .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 10px; | ||
| + | } | ||
| + | /* Make previewing the print preview more pleasant */ | ||
| + | @media screen { | ||
| + | .printable-container { | ||
| + | pointer-events: none; | ||
| + | margin: 0 10mm; | ||
| + | /* NB: print.less sets @page {margin} */ | ||
| + | } | ||
| + | } | ||
| + | @media print { | ||
| + | /* | ||
| + | We apply {overflow-x: hidden} so that the browser does not scale down the entry to fit wide tables. We | ||
| + | also add {overflow-y: hidden} to prevent wkhtmltopdf from generating a scrollbar unexpectedly. | ||
| + | NB: We didn't put the overflow on printable-container to ensure {page-break-after: always} works. | ||
| + | See: http://stackoverflow.com/a/21574057 | ||
| + | */ | ||
| + | .printable-page-container { | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .printable-page-container:not(:last-child) { | ||
| + | page-break-after: always; | ||
| + | } | ||
| + | .mediocre-titleEditor { | ||
| + | margin-top: 0; | ||
| + | /* It has a lot of margin-top for screens, but ends up being excessive for print. */ | ||
| + | } | ||
| + | /* | ||
| + | wkhtmltopdf doesn't size the printable-container correctly (when an explicit width isn't given), so we | ||
| + | size it here. NB: it by default uses A4 page size with a margin of 10mm. | ||
| + | See: http://wkhtmltopdf.org/usage/wkhtmltopdf.txt | ||
| + | */ | ||
| + | .printable-container { | ||
| + | width: 190mm; | ||
| + | /* TODO(T7405): Cleanup nesting to require less specificity. */ | ||
| + | } | ||
| + | .printable-container .mediocre .mediocre-tableEditable-tableName { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | } | ||
| + | html, | ||
| + | body { | ||
| + | height: 100%; | ||
| + | } | ||
| + | .material-list-mixin { | ||
| + | list-style: none; | ||
| + | padding: 0 0 0 10px; | ||
| + | } | ||
| + | #editor .protocol-view-component .cm-comments .add-comment-icon { | ||
| + | display: none; | ||
| + | } | ||
| + | #editor .protocol-view-component .cm-target { | ||
| + | width: auto; | ||
| + | } | ||
| + | .buffer-tab-emptyEntryText { | ||
| + | position: absolute; | ||
| + | width: 100%; | ||
| + | top: 40%; | ||
| + | text-align: center; | ||
| + | font-size: 16px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #editor .new-entry-protocol .new-protocol-header { | ||
| + | height: 46px; | ||
| + | margin-top: 20px; | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | #editor .new-entry-protocol .new-entry-protocol-query { | ||
| + | border: 0; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | border-top: 1px solid #e8f0f2; | ||
| + | outline: 0; | ||
| + | height: 43px; | ||
| + | padding: 0px 10px; | ||
| + | } | ||
| + | #editor .new-entry-protocol .new-entry-protocol-results-wrapper { | ||
| + | overflow-y: auto; | ||
| + | position: absolute; | ||
| + | top: 119px; | ||
| + | left: 0; | ||
| + | bottom: 0; | ||
| + | right: 0; | ||
| + | } | ||
| + | #editor .new-entry-protocol .new-entry-protocol-results-wrapper.is-searching { | ||
| + | opacity: 0.5; | ||
| + | } | ||
| + | #editor .new-entry-protocol .new-entry-protocol-result { | ||
| + | padding: 7px 10px; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | #editor .new-entry-protocol .new-entry-protocol-result:hover { | ||
| + | background: #f8fafb; | ||
| + | } | ||
| + | #editor .new-entry-protocol .new-entry-protocol-description { | ||
| + | margin-top: 7px; | ||
| + | } | ||
| + | #editor .new-entry-protocol .new-entry-protocol-result-date { | ||
| + | color: #2c76cc; | ||
| + | } | ||
| + | #protocols .btn-af-sized, | ||
| + | #protocols .btn-af-default, | ||
| + | #protocols .btn-af-primary, | ||
| + | #protocols .btn-af-success, | ||
| + | #protocols .btn-af-warning, | ||
| + | #protocols .btn-af-danger { | ||
| + | min-height: 28px; | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | #protocols .btn-af-sized.btn-option, | ||
| + | #protocols .btn-af-default.btn-option, | ||
| + | #protocols .btn-af-primary.btn-option, | ||
| + | #protocols .btn-af-success.btn-option, | ||
| + | #protocols .btn-af-warning.btn-option, | ||
| + | #protocols .btn-af-danger.btn-option, | ||
| + | #protocols .btn-af-sized.btn-sm, | ||
| + | #protocols .btn-af-default.btn-sm, | ||
| + | #protocols .btn-af-primary.btn-sm, | ||
| + | #protocols .btn-af-success.btn-sm, | ||
| + | #protocols .btn-af-warning.btn-sm, | ||
| + | #protocols .btn-af-danger.btn-sm { | ||
| + | height: 24px; | ||
| + | min-height: 24px; | ||
| + | padding: 1px 5px; | ||
| + | } | ||
| + | #protocols .btn-af-sized.btn-option em, | ||
| + | #protocols .btn-af-default.btn-option em, | ||
| + | #protocols .btn-af-primary.btn-option em, | ||
| + | #protocols .btn-af-success.btn-option em, | ||
| + | #protocols .btn-af-warning.btn-option em, | ||
| + | #protocols .btn-af-danger.btn-option em, | ||
| + | #protocols .btn-af-sized.btn-sm em, | ||
| + | #protocols .btn-af-default.btn-sm em, | ||
| + | #protocols .btn-af-primary.btn-sm em, | ||
| + | #protocols .btn-af-success.btn-sm em, | ||
| + | #protocols .btn-af-warning.btn-sm em, | ||
| + | #protocols .btn-af-danger.btn-sm em { | ||
| + | font-style: normal; | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | #protocols, | ||
| + | .protocol-view-component, | ||
| + | .protocol-mount { | ||
| + | /* | ||
| + | A .cell uses a fixed height `td` with 100%-tall `.cell-innerWrapper` to position elements absolutely | ||
| + | relative to the td, i.e. middle-right-aligned selector, bottom-right-aligned fill down box. While actively | ||
| + | editing a cell, this makes re-renders expensive. We disable the px/100% height and hide selectorDropdown to | ||
| + | improve performance. | ||
| + | */ | ||
| + | /* | ||
| + | Render the dropdown on hover. NB: avoid setting position absolute/relative until hover | ||
| + | to avoid performance issues while typing. | ||
| + | */ | ||
| + | } | ||
| + | #protocols > .alert, | ||
| + | .protocol-view-component > .alert, | ||
| + | .protocol-mount > .alert { | ||
| + | position: fixed; | ||
| + | top: 10px; | ||
| + | width: 600px; | ||
| + | left: 50%; | ||
| + | margin-left: -300px; | ||
| + | padding: 10px; | ||
| + | z-index: 9999; | ||
| + | } | ||
| + | #protocols .logo, | ||
| + | .protocol-view-component .logo, | ||
| + | .protocol-mount .logo { | ||
| + | width: 125px; | ||
| + | padding: 8px 0; | ||
| + | } | ||
| + | #protocols .nav-profile-img, | ||
| + | .protocol-view-component .nav-profile-img, | ||
| + | .protocol-mount .nav-profile-img { | ||
| + | margin-right: 5px; | ||
| + | border-radius: 3px; | ||
| + | margin-top: -2px; | ||
| + | } | ||
| + | #protocols .protocols-footer-wrapper, | ||
| + | .protocol-view-component .protocols-footer-wrapper, | ||
| + | .protocol-mount .protocols-footer-wrapper { | ||
| + | min-height: 100%; | ||
| + | padding-bottom: 285px; | ||
| + | margin: 0 auto -285px; | ||
| + | } | ||
| + | #protocols #logo.protocol-browser-showing, | ||
| + | .protocol-view-component #logo.protocol-browser-showing, | ||
| + | .protocol-mount #logo.protocol-browser-showing { | ||
| + | margin-left: 50%; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | #protocols .container, | ||
| + | .protocol-view-component .container, | ||
| + | .protocol-mount .container { | ||
| + | max-width: 670px; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 992px) { | ||
| + | #protocols .container, | ||
| + | .protocol-view-component .container, | ||
| + | .protocol-mount .container { | ||
| + | max-width: 900px; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1200px) { | ||
| + | #protocols .container, | ||
| + | .protocol-view-component .container, | ||
| + | .protocol-mount .container { | ||
| + | max-width: 1000px; | ||
| + | } | ||
| + | } | ||
| + | #protocols .body-container, | ||
| + | .protocol-view-component .body-container, | ||
| + | .protocol-mount .body-container { | ||
| + | position: relative; | ||
| + | } | ||
| + | #protocols .anon-nav-link, | ||
| + | .protocol-view-component .anon-nav-link, | ||
| + | .protocol-mount .anon-nav-link { | ||
| + | float: right; | ||
| + | display: inline-block; | ||
| + | padding: 0 8px; | ||
| + | margin-left: 5px; | ||
| + | height: 50px; | ||
| + | line-height: 50px; | ||
| + | text-transform: uppercase; | ||
| + | font-weight: 500; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | #protocols .user-dropdown, | ||
| + | .protocol-view-component .user-dropdown, | ||
| + | .protocol-mount .user-dropdown { | ||
| + | margin-top: 8px; | ||
| + | } | ||
| + | #protocols .user-dropdown .user-img:hover, | ||
| + | .protocol-view-component .user-dropdown .user-img:hover, | ||
| + | .protocol-mount .user-dropdown .user-img:hover { | ||
| + | border: 2px solid #428ce1; | ||
| + | } | ||
| + | #protocols .btn-extension .btn:first-child, | ||
| + | .protocol-view-component .btn-extension .btn:first-child, | ||
| + | .protocol-mount .btn-extension .btn:first-child { | ||
| + | border-top-right-radius: 0; | ||
| + | border-bottom-right-radius: 0; | ||
| + | } | ||
| + | #protocols .btn-extension .btn-extension-box.btn, | ||
| + | .protocol-view-component .btn-extension .btn-extension-box.btn, | ||
| + | .protocol-mount .btn-extension .btn-extension-box.btn { | ||
| + | border-top-left-radius: 0; | ||
| + | border-bottom-left-radius: 0; | ||
| + | background: #fff; | ||
| + | } | ||
| + | #protocols .btn-extension .btn-extension-box.btn:active, | ||
| + | .protocol-view-component .btn-extension .btn-extension-box.btn:active, | ||
| + | .protocol-mount .btn-extension .btn-extension-box.btn:active { | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | #protocols .protocol-header-border, | ||
| + | .protocol-view-component .protocol-header-border, | ||
| + | .protocol-mount .protocol-header-border { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | width: 100%; | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | #protocols .protocol-nav, | ||
| + | .protocol-view-component .protocol-nav, | ||
| + | .protocol-mount .protocol-nav { | ||
| + | position: absolute; | ||
| + | margin-left: -55px; | ||
| + | } | ||
| + | #protocols .protocol-nav.affix, | ||
| + | .protocol-view-component .protocol-nav.affix, | ||
| + | .protocol-mount .protocol-nav.affix { | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | } | ||
| + | #protocols .protocol-nav.affix .step-by-step-btn, | ||
| + | .protocol-view-component .protocol-nav.affix .step-by-step-btn, | ||
| + | .protocol-mount .protocol-nav.affix .step-by-step-btn { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | #protocols .protocol-nav.affix .step-by-step-btn a, | ||
| + | .protocol-view-component .protocol-nav.affix .step-by-step-btn a, | ||
| + | .protocol-mount .protocol-nav.affix .step-by-step-btn a { | ||
| + | color: #03c08d; | ||
| + | font-size: 18px; | ||
| + | margin-left: -2px; | ||
| + | } | ||
| + | #protocols .protocol-nav .step-by-step-btn, | ||
| + | .protocol-view-component .protocol-nav .step-by-step-btn, | ||
| + | .protocol-mount .protocol-nav .step-by-step-btn { | ||
| + | opacity: 0; | ||
| + | -webkit-transition: opacity 0.2s ease-out; | ||
| + | transition: opacity 0.2s ease-out; | ||
| + | } | ||
| + | #protocols .protocol-nav .step-by-step-btn:active .glyphicon, | ||
| + | .protocol-view-component .protocol-nav .step-by-step-btn:active .glyphicon, | ||
| + | .protocol-mount .protocol-nav .step-by-step-btn:active .glyphicon { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #protocols .protocol-nav li a, | ||
| + | .protocol-view-component .protocol-nav li a, | ||
| + | .protocol-mount .protocol-nav li a { | ||
| + | color: #a2b9be; | ||
| + | font-size: 14px; | ||
| + | -webkit-transition: margin-left 0.2s ease-out; | ||
| + | transition: margin-left 0.2s ease-out; | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | #protocols .protocol-nav li a:hover, | ||
| + | .protocol-view-component .protocol-nav li a:hover, | ||
| + | .protocol-mount .protocol-nav li a:hover { | ||
| + | color: #5c7c83; | ||
| + | background: none; | ||
| + | } | ||
| + | #protocols .protocol-nav li.active a, | ||
| + | .protocol-view-component .protocol-nav li.active a, | ||
| + | .protocol-mount .protocol-nav li.active a { | ||
| + | color: #428ce1; | ||
| + | padding-right: 14px; | ||
| + | margin-left: -2px; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-titleBarWrapper, | ||
| + | .protocol-view-component .mediocre-tableEditable-titleBarWrapper, | ||
| + | .protocol-mount .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-top: 10px; | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-titleBar, | ||
| + | .protocol-view-component .mediocre-tableEditable-titleBar, | ||
| + | .protocol-mount .mediocre-tableEditable-titleBar { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | height: 31px; | ||
| + | } | ||
| + | #protocols .table-floater-wrapper, | ||
| + | .protocol-view-component .table-floater-wrapper, | ||
| + | .protocol-mount .table-floater-wrapper { | ||
| + | -webkit-flex: 1 1 400px; | ||
| + | -moz-flex: 1 1 400px; | ||
| + | -ms-flex: 1 1 400px; | ||
| + | flex: 1 1 400px; | ||
| + | min-width: 400px; | ||
| + | } | ||
| + | #protocols .table-floater, | ||
| + | .protocol-view-component .table-floater, | ||
| + | .protocol-mount .table-floater { | ||
| + | padding: 2px; | ||
| + | } | ||
| + | #protocols .table-floater .formula-toolbar, | ||
| + | .protocol-view-component .table-floater .formula-toolbar, | ||
| + | .protocol-mount .table-floater .formula-toolbar { | ||
| + | width: 100%; | ||
| + | position: relative; | ||
| + | display: table; | ||
| + | } | ||
| + | #protocols .table-floater .formula-toolbar-component, | ||
| + | .protocol-view-component .table-floater .formula-toolbar-component, | ||
| + | .protocol-mount .table-floater .formula-toolbar-component { | ||
| + | height: 24px; | ||
| + | } | ||
| + | #protocols .table-floater .formula-group-wrapper, | ||
| + | .protocol-view-component .table-floater .formula-group-wrapper, | ||
| + | .protocol-mount .table-floater .formula-group-wrapper { | ||
| + | display: table-cell; | ||
| + | vertical-align: top; | ||
| + | width: 1%; | ||
| + | } | ||
| + | #protocols .table-floater .formula-group-wrapper.fill-remaining-width, | ||
| + | .protocol-view-component .table-floater .formula-group-wrapper.fill-remaining-width, | ||
| + | .protocol-mount .table-floater .formula-group-wrapper.fill-remaining-width { | ||
| + | width: auto; | ||
| + | } | ||
| + | #protocols .table-floater .formula-group-wrapper .btn-group, | ||
| + | .protocol-view-component .table-floater .formula-group-wrapper .btn-group, | ||
| + | .protocol-mount .table-floater .formula-group-wrapper .btn-group { | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | #protocols .table-floater .formula-group-wrapper .btn-group .btn, | ||
| + | .protocol-view-component .table-floater .formula-group-wrapper .btn-group .btn, | ||
| + | .protocol-mount .table-floater .formula-group-wrapper .btn-group .btn { | ||
| + | float: none; | ||
| + | } | ||
| + | #protocols .table-floater .formula-box-wrapper, | ||
| + | .protocol-view-component .table-floater .formula-box-wrapper, | ||
| + | .protocol-mount .table-floater .formula-box-wrapper { | ||
| + | width: 100%; | ||
| + | } | ||
| + | #protocols .table-floater .formula-box-wrapper .current-cell-label, | ||
| + | .protocol-view-component .table-floater .formula-box-wrapper .current-cell-label, | ||
| + | .protocol-mount .table-floater .formula-box-wrapper .current-cell-label { | ||
| + | background-color: white; | ||
| + | border-right: none; | ||
| + | border-left: none; | ||
| + | padding: 2px 0 3px 4px; | ||
| + | } | ||
| + | #protocols .table-floater .formula-box-wrapper .fx-icon, | ||
| + | .protocol-view-component .table-floater .formula-box-wrapper .fx-icon, | ||
| + | .protocol-mount .table-floater .formula-box-wrapper .fx-icon { | ||
| + | font-size: 12px; | ||
| + | text-transform: none; | ||
| + | } | ||
| + | #protocols .table-floater .formula-box-wrapper .formula-box, | ||
| + | .protocol-view-component .table-floater .formula-box-wrapper .formula-box, | ||
| + | .protocol-mount .table-floater .formula-box-wrapper .formula-box { | ||
| + | border-left: none; | ||
| + | border-top: 1px solid #c9d8db; | ||
| + | border-right: 1px solid #c9d8db; | ||
| + | border-bottom: 1px solid #c9d8db; | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | border-bottom-left-radius: 0; | ||
| + | border-top-left-radius: 0; | ||
| + | padding: 2px 4px; | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | overflow-y: auto; | ||
| + | height: 24px; | ||
| + | } | ||
| + | #protocols .table-floater .current-cell-label .popover, | ||
| + | .protocol-view-component .table-floater .current-cell-label .popover, | ||
| + | .protocol-mount .table-floater .current-cell-label .popover { | ||
| + | max-width: 500px; | ||
| + | } | ||
| + | #protocols .table-floater .table-error-msg, | ||
| + | .protocol-view-component .table-floater .table-error-msg, | ||
| + | .protocol-mount .table-floater .table-error-msg { | ||
| + | font-size: 11px; | ||
| + | line-height: 1.5em; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | #protocols .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border, | ||
| + | .protocol-view-component .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border, | ||
| + | .protocol-mount .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border { | ||
| + | color: #344043; | ||
| + | background-color: #e4eef9; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | #protocols .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.mediocre-tableEditable-border, | ||
| + | .protocol-view-component .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.mediocre-tableEditable-border, | ||
| + | .protocol-mount .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.mediocre-tableEditable-border { | ||
| + | position: absolute; | ||
| + | top: -41px; | ||
| + | bottom: 0; | ||
| + | } | ||
| + | #protocols .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:empty:after, | ||
| + | .protocol-view-component .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:empty:after, | ||
| + | .protocol-mount .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:empty:after { | ||
| + | color: #344043; | ||
| + | } | ||
| + | #protocols .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box, | ||
| + | .protocol-view-component .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box, | ||
| + | .protocol-mount .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box, | ||
| + | #protocols .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box:hover, | ||
| + | .protocol-view-component .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box:hover, | ||
| + | .protocol-mount .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box:hover { | ||
| + | background-color: white; | ||
| + | } | ||
| + | #protocols .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:hover, | ||
| + | .protocol-view-component .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:hover, | ||
| + | .protocol-mount .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:hover { | ||
| + | background-color: #bad3f0; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable, | ||
| + | .protocol-view-component .mediocre-tableEditable, | ||
| + | .protocol-mount .mediocre-tableEditable { | ||
| + | overflow-x: hidden; | ||
| + | padding-bottom: 10px; | ||
| + | position: relative; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-tableName, | ||
| + | .protocol-view-component .mediocre-tableEditable-tableName, | ||
| + | .protocol-mount .mediocre-tableEditable-tableName { | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-bottom: none; | ||
| + | background-color: #f8fafb; | ||
| + | -webkit-flex: 0 0 auto; | ||
| + | -moz-flex: 0 0 auto; | ||
| + | -ms-flex: 0 0 auto; | ||
| + | flex: 0 0 auto; | ||
| + | height: 31px; | ||
| + | max-width: calc(100% - 30px); | ||
| + | line-height: 31px; | ||
| + | padding: 0px 10px; | ||
| + | -webkit-transition: all 0.3s ease-out; | ||
| + | transition: all 0.3s ease-out; | ||
| + | /* `all` easier to use than `flex-shrink` with all vendor prefixes */ | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-tableName--shrink, | ||
| + | .protocol-view-component .mediocre-tableEditable-tableName--shrink, | ||
| + | .protocol-mount .mediocre-tableEditable-tableName--shrink { | ||
| + | -webkit-flex: 0 1 auto; | ||
| + | -moz-flex: 0 1 auto; | ||
| + | -ms-flex: 0 1 auto; | ||
| + | flex: 0 1 auto; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-scrollArea, | ||
| + | .protocol-view-component .mediocre-tableEditable-scrollArea, | ||
| + | .protocol-mount .mediocre-tableEditable-scrollArea { | ||
| + | overflow-x: auto; | ||
| + | width: 100%; | ||
| + | padding-top: 41px; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-scrollArea::-webkit-scrollbar, | ||
| + | .protocol-view-component .mediocre-tableEditable-scrollArea::-webkit-scrollbar, | ||
| + | .protocol-mount .mediocre-tableEditable-scrollArea::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track, | ||
| + | .protocol-view-component .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track, | ||
| + | .protocol-mount .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track, | ||
| + | .protocol-view-component .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track, | ||
| + | .protocol-mount .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb, | ||
| + | .protocol-view-component .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb, | ||
| + | .protocol-mount .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb, | ||
| + | .protocol-view-component .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb, | ||
| + | .protocol-mount .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-maximizeIcon, | ||
| + | .protocol-view-component .mediocre-tableEditable-maximizeIcon, | ||
| + | .protocol-mount .mediocre-tableEditable-maximizeIcon { | ||
| + | -webkit-transform: rotate(-45deg); | ||
| + | -moz-transform: rotate(-45deg); | ||
| + | -ms-transform: rotate(-45deg); | ||
| + | -o-transform: rotate(-45deg); | ||
| + | transform: rotate(-45deg); | ||
| + | -webkit-transform-origin: 5px 5px; | ||
| + | -moz-transform-origin: 5px 5px; | ||
| + | -ms-transform-origin: 5px 5px; | ||
| + | -o-transform-origin: 5px 5px; | ||
| + | transform-origin: 5px 5px; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-maximizeButton, | ||
| + | .protocol-view-component .mediocre-tableEditable-maximizeButton, | ||
| + | .protocol-mount .mediocre-tableEditable-maximizeButton, | ||
| + | #protocols .mediocre-tableEditable-axisCell-dropdown, | ||
| + | .protocol-view-component .mediocre-tableEditable-axisCell-dropdown, | ||
| + | .protocol-mount .mediocre-tableEditable-axisCell-dropdown { | ||
| + | color: #c9d8db; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper { | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | position: absolute; | ||
| + | background: #f8fafb; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper::-webkit-scrollbar, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper::-webkit-scrollbar, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper::-webkit-scrollbar-track, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper::-webkit-scrollbar-track, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-track, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-track, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper::-webkit-scrollbar-thumb, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper::-webkit-scrollbar-thumb, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-thumb, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-thumb, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper .mediocre-tableEditable, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable { | ||
| + | padding-bottom: 0; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-tableName, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-tableName, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-tableName { | ||
| + | border: none; | ||
| + | background-color: initial; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col, | ||
| + | #protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton { | ||
| + | border-top: none; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--row, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--row, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--row, | ||
| + | #protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton, | ||
| + | #protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-addRowDraggerCell, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-addRowDraggerCell, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-addRowDraggerCell { | ||
| + | border-left: none; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-titleBarWrapper, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-titleBarWrapper, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-top: 3px; | ||
| + | background-color: white; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper .mediocre-tableEditable, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable { | ||
| + | height: 100%; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea { | ||
| + | position: absolute; | ||
| + | padding-top: 0; | ||
| + | top: 35px; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #protocols .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb, | ||
| + | .protocol-view-component .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb, | ||
| + | .protocol-mount .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #protocols .cell, | ||
| + | .protocol-view-component .cell, | ||
| + | .protocol-mount .cell { | ||
| + | background-color: white; | ||
| + | } | ||
| + | #protocols .cell-fillDownSquare, | ||
| + | .protocol-view-component .cell-fillDownSquare, | ||
| + | .protocol-mount .cell-fillDownSquare { | ||
| + | position: absolute; | ||
| + | right: -12px; | ||
| + | bottom: -10px; | ||
| + | width: 16px; | ||
| + | height: 16px; | ||
| + | padding: 4px; | ||
| + | z-index: 1; | ||
| + | cursor: crosshair; | ||
| + | } | ||
| + | #protocols .cell-fillDownSquare-fill, | ||
| + | .protocol-view-component .cell-fillDownSquare-fill, | ||
| + | .protocol-mount .cell-fillDownSquare-fill { | ||
| + | background-color: #428ce1; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | } | ||
| + | #protocols span.cell-highlight-0, | ||
| + | .protocol-view-component span.cell-highlight-0, | ||
| + | .protocol-mount span.cell-highlight-0 { | ||
| + | color: #0000fb; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected), | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected), | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected), | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected) { | ||
| + | background-color: rgba(0, 0, 255, 0.2); | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected):hover, | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected):hover, | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected):hover, | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected):hover { | ||
| + | background-color: rgba(0, 0, 153, 0.2); | ||
| + | } | ||
| + | #protocols span.cell-highlight-1, | ||
| + | .protocol-view-component span.cell-highlight-1, | ||
| + | .protocol-mount span.cell-highlight-1 { | ||
| + | color: #007c00; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected), | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected), | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected), | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected) { | ||
| + | background-color: rgba(0, 128, 0, 0.2); | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected):hover, | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected):hover, | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected):hover, | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected):hover { | ||
| + | background-color: rgba(0, 26, 0, 0.2); | ||
| + | } | ||
| + | #protocols span.cell-highlight-2, | ||
| + | .protocol-view-component span.cell-highlight-2, | ||
| + | .protocol-mount span.cell-highlight-2 { | ||
| + | color: #fba200; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected), | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected), | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected), | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected) { | ||
| + | background-color: rgba(255, 165, 0, 0.2); | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected):hover, | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected):hover, | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected):hover, | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected):hover { | ||
| + | background-color: rgba(153, 99, 0, 0.2); | ||
| + | } | ||
| + | #protocols span.cell-highlight-3, | ||
| + | .protocol-view-component span.cell-highlight-3, | ||
| + | .protocol-mount span.cell-highlight-3 { | ||
| + | color: #7c007c; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected), | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected), | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected), | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected) { | ||
| + | background-color: rgba(128, 0, 128, 0.2); | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected):hover, | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected):hover, | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected):hover, | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected):hover { | ||
| + | background-color: rgba(26, 0, 26, 0.2); | ||
| + | } | ||
| + | #protocols span.cell-highlight-4, | ||
| + | .protocol-view-component span.cell-highlight-4, | ||
| + | .protocol-mount span.cell-highlight-4 { | ||
| + | color: #fbd400; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected), | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected), | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected), | ||
| + | #protocols .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected), | ||
| + | .protocol-view-component .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected), | ||
| + | .protocol-mount .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected) { | ||
| + | background-color: rgba(255, 215, 0, 0.2); | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected):hover, | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected):hover, | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected):hover, | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected):hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected):hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected):hover { | ||
| + | background-color: rgba(153, 129, 0, 0.2); | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.selected:hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.selected:hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.selected:hover { | ||
| + | background-color: #bad3f0; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell:hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell:hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell:hover { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.dbl-selected.editing:hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.dbl-selected.editing:hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.dbl-selected.editing:hover { | ||
| + | background-color: white; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell:hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell:hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell:hover { | ||
| + | background-color: #9ac2ef; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell.selected:hover, | ||
| + | .protocol-view-component .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell.selected:hover, | ||
| + | .protocol-mount .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell.selected:hover { | ||
| + | background-color: #6ea7e8; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table .cell.selected, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.selected, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.selected, | ||
| + | #protocols .mediocre-tableEditable-table .cell.selected.is-ghost-cell, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.selected.is-ghost-cell, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.selected.is-ghost-cell { | ||
| + | color: #344043; | ||
| + | background-color: #e4eef9; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table .cell.selected.mediocre-tableEditable-border, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.selected.mediocre-tableEditable-border, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.selected.mediocre-tableEditable-border, | ||
| + | #protocols .mediocre-tableEditable-table .cell.selected.is-ghost-cell.mediocre-tableEditable-border, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.selected.is-ghost-cell.mediocre-tableEditable-border, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.selected.is-ghost-cell.mediocre-tableEditable-border { | ||
| + | position: absolute; | ||
| + | top: -41px; | ||
| + | bottom: 0; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table .cell.selected:empty:after, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.selected:empty:after, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.selected:empty:after, | ||
| + | #protocols .mediocre-tableEditable-table .cell.selected.is-ghost-cell:empty:after, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.selected.is-ghost-cell:empty:after, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.selected.is-ghost-cell:empty:after { | ||
| + | color: #344043; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table .cell.selected.formula-box, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.selected.formula-box, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.selected.formula-box, | ||
| + | #protocols .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box, | ||
| + | #protocols .mediocre-tableEditable-table .cell.selected.formula-box:hover, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.selected.formula-box:hover, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.selected.formula-box:hover, | ||
| + | #protocols .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box:hover, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box:hover, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box:hover { | ||
| + | background-color: white; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table .cell.selected.dbl-selected, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.selected.dbl-selected, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.selected.dbl-selected, | ||
| + | #protocols .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected { | ||
| + | /* Avoid a 1px gap between the box-shadow and the border of a td: https://crbug.com/137481 */ | ||
| + | box-shadow: inset 0px 0px 0px 2px #428ce1; | ||
| + | border-bottom: none; | ||
| + | border-right: none; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table .cell.selected.dbl-selected.editing, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.selected.dbl-selected.editing, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.selected.dbl-selected.editing, | ||
| + | #protocols .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected.editing, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected.editing, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected.editing { | ||
| + | background-color: white; | ||
| + | box-shadow: inset 0px 0px 0px 2px #428ce1, 0 2px 5px rgba(0, 0, 0, 0.4); | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table .cell.is-ghost-cell, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.is-ghost-cell, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.is-ghost-cell { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table .cell.is-fillDownBox-leftEdge, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.is-fillDownBox-leftEdge, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.is-fillDownBox-leftEdge { | ||
| + | border-left: 1px dashed #428ce1; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table .cell.is-fillDownBox-rightEdge, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.is-fillDownBox-rightEdge, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.is-fillDownBox-rightEdge { | ||
| + | border-right: 1px dashed #428ce1; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table .cell.is-fillDownBox-topEdge, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.is-fillDownBox-topEdge, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.is-fillDownBox-topEdge { | ||
| + | border-top: 1px dashed #428ce1; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table .cell.is-fillDownBox-bottomEdge, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.is-fillDownBox-bottomEdge, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.is-fillDownBox-bottomEdge { | ||
| + | border-bottom: 1px dashed #428ce1; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table .cell.is-ghost-cell.header-cell, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .cell.is-ghost-cell.header-cell, | ||
| + | .protocol-mount .mediocre-tableEditable-table .cell.is-ghost-cell.header-cell { | ||
| + | background-color: #dceaf9; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table .header-cell, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .header-cell, | ||
| + | .protocol-mount .mediocre-tableEditable-table .header-cell { | ||
| + | background-color: #c6dcf6; | ||
| + | text-align: center; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table .header-cell.selected, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .header-cell.selected, | ||
| + | .protocol-mount .mediocre-tableEditable-table .header-cell.selected { | ||
| + | background-color: #9ac2ef; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table .header-cell.selected.dbl-selected, | ||
| + | .protocol-view-component .mediocre-tableEditable-table .header-cell.selected.dbl-selected, | ||
| + | .protocol-mount .mediocre-tableEditable-table .header-cell.selected.dbl-selected { | ||
| + | background-color: #e4eef9; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-tableWrapper, | ||
| + | .protocol-view-component .mediocre-tableEditable-tableWrapper, | ||
| + | .protocol-mount .mediocre-tableEditable-tableWrapper { | ||
| + | position: relative; | ||
| + | padding-bottom: 10px; | ||
| + | } | ||
| + | #protocols .cell-innerWrapper, | ||
| + | .protocol-view-component .cell-innerWrapper, | ||
| + | .protocol-mount .cell-innerWrapper { | ||
| + | height: 100%; | ||
| + | /* Vertically fill the td */ | ||
| + | position: relative; | ||
| + | /* for selectors and errors */ | ||
| + | } | ||
| + | #protocols .cell-error, | ||
| + | .protocol-view-component .cell-error, | ||
| + | .protocol-mount .cell-error { | ||
| + | position: relative; | ||
| + | } | ||
| + | #protocols .cell-error:after, | ||
| + | .protocol-view-component .cell-error:after, | ||
| + | .protocol-mount .cell-error:after { | ||
| + | content: ""; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | border-style: solid; | ||
| + | border-width: 0 10px 10px 0; | ||
| + | border-color: transparent #e96e51 transparent transparent; | ||
| + | position: absolute; | ||
| + | right: -4px; | ||
| + | top: -2px; | ||
| + | } | ||
| + | #protocols .cell, | ||
| + | .protocol-view-component .cell, | ||
| + | .protocol-mount .cell { | ||
| + | vertical-align: top; | ||
| + | height: 24px; | ||
| + | /* An explicit height let's cell-innerWrapper vertically fill the cell */ | ||
| + | padding: 2px 4px; | ||
| + | border-radius: 0; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | #protocols .cell.is-bold, | ||
| + | .protocol-view-component .cell.is-bold, | ||
| + | .protocol-mount .cell.is-bold { | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | #protocols .cell.is-underline, | ||
| + | .protocol-view-component .cell.is-underline, | ||
| + | .protocol-mount .cell.is-underline { | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | #protocols .cell.is-italic, | ||
| + | .protocol-view-component .cell.is-italic, | ||
| + | .protocol-mount .cell.is-italic { | ||
| + | font-style: italic; | ||
| + | } | ||
| + | #protocols .cell.is-value, | ||
| + | .protocol-view-component .cell.is-value, | ||
| + | .protocol-mount .cell.is-value { | ||
| + | overflow: hidden; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | #protocols .cell.is-text, | ||
| + | .protocol-view-component .cell.is-text, | ||
| + | .protocol-mount .cell.is-text { | ||
| + | white-space: pre-wrap; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | #protocols .cell.is-alignLeft, | ||
| + | .protocol-view-component .cell.is-alignLeft, | ||
| + | .protocol-mount .cell.is-alignLeft { | ||
| + | text-align: left; | ||
| + | } | ||
| + | #protocols .cell.is-alignCenter, | ||
| + | .protocol-view-component .cell.is-alignCenter, | ||
| + | .protocol-mount .cell.is-alignCenter { | ||
| + | text-align: center; | ||
| + | } | ||
| + | #protocols .cell.is-alignRight, | ||
| + | .protocol-view-component .cell.is-alignRight, | ||
| + | .protocol-mount .cell.is-alignRight { | ||
| + | text-align: right; | ||
| + | } | ||
| + | #protocols .cell:not(.editing) .editable, | ||
| + | .protocol-view-component .cell:not(.editing) .editable, | ||
| + | .protocol-mount .cell:not(.editing) .editable { | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | cursor: default; | ||
| + | } | ||
| + | #protocols .cell-contents.has-selector, | ||
| + | .protocol-view-component .cell-contents.has-selector, | ||
| + | .protocol-mount .cell-contents.has-selector { | ||
| + | padding-right: 23px; | ||
| + | } | ||
| + | #protocols .selectorDropdown, | ||
| + | .protocol-view-component .selectorDropdown, | ||
| + | .protocol-mount .selectorDropdown { | ||
| + | position: absolute; | ||
| + | right: 4px; | ||
| + | top: 50%; | ||
| + | line-height: 12px; | ||
| + | margin-top: -6px; | ||
| + | } | ||
| + | #protocols .selectorDropdown-button, | ||
| + | .protocol-view-component .selectorDropdown-button, | ||
| + | .protocol-mount .selectorDropdown-button { | ||
| + | color: #a2b9be; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #protocols .cell:hover .selectorDropdown-button, | ||
| + | .protocol-view-component .cell:hover .selectorDropdown-button, | ||
| + | .protocol-mount .cell:hover .selectorDropdown-button, | ||
| + | #protocols .selectorDropdown-button.is-open, | ||
| + | .protocol-view-component .selectorDropdown-button.is-open, | ||
| + | .protocol-mount .selectorDropdown-button.is-open { | ||
| + | color: #2172cf; | ||
| + | } | ||
| + | #protocols .selectorDropdown-list, | ||
| + | .protocol-view-component .selectorDropdown-list, | ||
| + | .protocol-mount .selectorDropdown-list { | ||
| + | max-width: 200px; | ||
| + | } | ||
| + | #protocols .selectorDropdown-list a, | ||
| + | .protocol-view-component .selectorDropdown-list a, | ||
| + | .protocol-mount .selectorDropdown-list a { | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-tableWrapper--activeCell .cell, | ||
| + | .protocol-view-component .mediocre-tableEditable-tableWrapper--activeCell .cell, | ||
| + | .protocol-mount .mediocre-tableEditable-tableWrapper--activeCell .cell { | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-tableWrapper--activeCell .cell-innerWrapper, | ||
| + | .protocol-view-component .mediocre-tableEditable-tableWrapper--activeCell .cell-innerWrapper, | ||
| + | .protocol-mount .mediocre-tableEditable-tableWrapper--activeCell .cell-innerWrapper { | ||
| + | height: auto; | ||
| + | position: static; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-tableWrapper--activeCell .cell-fillDownSquare, | ||
| + | .protocol-view-component .mediocre-tableEditable-tableWrapper--activeCell .cell-fillDownSquare, | ||
| + | .protocol-mount .mediocre-tableEditable-tableWrapper--activeCell .cell-fillDownSquare, | ||
| + | #protocols .mediocre-tableEditable-tableWrapper--activeCell .selectorDropdown, | ||
| + | .protocol-view-component .mediocre-tableEditable-tableWrapper--activeCell .selectorDropdown, | ||
| + | .protocol-mount .mediocre-tableEditable-tableWrapper--activeCell .selectorDropdown { | ||
| + | display: none; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-tableWrapper--fillDown .cell:not(.editing) .editable, | ||
| + | .protocol-view-component .mediocre-tableEditable-tableWrapper--fillDown .cell:not(.editing) .editable, | ||
| + | .protocol-mount .mediocre-tableEditable-tableWrapper--fillDown .cell:not(.editing) .editable { | ||
| + | cursor: crosshair; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-tableWrapper--fillDownInvalid .cell:not(.editing) .editable, | ||
| + | .protocol-view-component .mediocre-tableEditable-tableWrapper--fillDownInvalid .cell:not(.editing) .editable, | ||
| + | .protocol-mount .mediocre-tableEditable-tableWrapper--fillDownInvalid .cell:not(.editing) .editable { | ||
| + | cursor: not-allowed; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-axisCell, | ||
| + | .protocol-view-component .mediocre-tableEditable-axisCell, | ||
| + | .protocol-mount .mediocre-tableEditable-axisCell { | ||
| + | background-color: #f8fafb; | ||
| + | vertical-align: middle; | ||
| + | text-align: center; | ||
| + | font-family: 'Inconsolata'; | ||
| + | cursor: pointer; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-axisCell.has-custom-label, | ||
| + | .protocol-view-component .mediocre-tableEditable-axisCell.has-custom-label, | ||
| + | .protocol-mount .mediocre-tableEditable-axisCell.has-custom-label { | ||
| + | font-style: italic; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell, | ||
| + | .protocol-view-component .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell, | ||
| + | .protocol-mount .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell { | ||
| + | border: 1px solid #c9d8db; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col, | ||
| + | .protocol-view-component .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col, | ||
| + | .protocol-mount .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col { | ||
| + | height: 24px; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-axisCell.is-ghost-cell, | ||
| + | .protocol-view-component .mediocre-tableEditable-axisCell.is-ghost-cell, | ||
| + | .protocol-mount .mediocre-tableEditable-axisCell.is-ghost-cell { | ||
| + | background-color: #feffff; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-axisCell.is-selected, | ||
| + | .protocol-view-component .mediocre-tableEditable-axisCell.is-selected, | ||
| + | .protocol-mount .mediocre-tableEditable-axisCell.is-selected, | ||
| + | #protocols .mediocre-tableEditable-axisCell:hover, | ||
| + | .protocol-view-component .mediocre-tableEditable-axisCell:hover, | ||
| + | .protocol-mount .mediocre-tableEditable-axisCell:hover { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-axisCell-dropdown, | ||
| + | .protocol-view-component .mediocre-tableEditable-axisCell-dropdown, | ||
| + | .protocol-mount .mediocre-tableEditable-axisCell-dropdown { | ||
| + | display: none; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-numWrapper, | ||
| + | .protocol-view-component .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-numWrapper, | ||
| + | .protocol-mount .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-numWrapper { | ||
| + | position: relative; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-dropdown, | ||
| + | .protocol-view-component .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-dropdown, | ||
| + | .protocol-mount .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-dropdown { | ||
| + | display: inline; | ||
| + | position: absolute; | ||
| + | right: 4px; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-axisCell-num, | ||
| + | .protocol-view-component .mediocre-tableEditable-axisCell-num, | ||
| + | .protocol-mount .mediocre-tableEditable-axisCell-num { | ||
| + | font-family: 'Inconsolata', 'Courier New'; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-addRowDraggerCell, | ||
| + | .protocol-view-component .mediocre-tableEditable-addRowDraggerCell, | ||
| + | .protocol-mount .mediocre-tableEditable-addRowDraggerCell { | ||
| + | font-size: 10px; | ||
| + | cursor: ns-resize; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table, | ||
| + | .protocol-view-component .mediocre-tableEditable-table, | ||
| + | .protocol-mount .mediocre-tableEditable-table { | ||
| + | table-layout: fixed; | ||
| + | position: relative; | ||
| + | max-width: none; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table tr.mediocre-tableEditable-addRowDraggerCell, | ||
| + | .protocol-view-component .mediocre-tableEditable-table tr.mediocre-tableEditable-addRowDraggerCell, | ||
| + | .protocol-mount .mediocre-tableEditable-table tr.mediocre-tableEditable-addRowDraggerCell { | ||
| + | height: 20px; | ||
| + | } | ||
| + | #protocols .mediocre-tableEditable-table td, | ||
| + | .protocol-view-component .mediocre-tableEditable-table td, | ||
| + | .protocol-mount .mediocre-tableEditable-table td { | ||
| + | border: 1px solid #c9d8db; | ||
| + | } | ||
| + | #protocols .procedure-table, | ||
| + | .protocol-view-component .procedure-table, | ||
| + | .protocol-mount .procedure-table { | ||
| + | padding: 5px 20px; | ||
| + | } | ||
| + | #protocols .procedure-table table, | ||
| + | .protocol-view-component .procedure-table table, | ||
| + | .protocol-mount .procedure-table table { | ||
| + | table-layout: fixed; | ||
| + | width: 100%; | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | #protocols .procedure-table table.header-row thead tr td, | ||
| + | .protocol-view-component .procedure-table table.header-row thead tr td, | ||
| + | .protocol-mount .procedure-table table.header-row thead tr td, | ||
| + | #protocols .procedure-table table.header-col tr td:first-child, | ||
| + | .protocol-view-component .procedure-table table.header-col tr td:first-child, | ||
| + | .protocol-mount .procedure-table table.header-col tr td:first-child { | ||
| + | background-color: #c6dcf6; | ||
| + | font-weight: 700; | ||
| + | text-align: center; | ||
| + | } | ||
| + | #protocols .procedure-table table.header-row thead tr td::selection, | ||
| + | .protocol-view-component .procedure-table table.header-row thead tr td::selection, | ||
| + | .protocol-mount .procedure-table table.header-row thead tr td::selection, | ||
| + | #protocols .procedure-table table.header-col tr td:first-child::selection, | ||
| + | .protocol-view-component .procedure-table table.header-col tr td:first-child::selection, | ||
| + | .protocol-mount .procedure-table table.header-col tr td:first-child::selection { | ||
| + | background-color: #9ac2ef; | ||
| + | } | ||
| + | #protocols .procedure-table table tr td, | ||
| + | .protocol-view-component .procedure-table table tr td, | ||
| + | .protocol-mount .procedure-table table tr td { | ||
| + | border: 1px solid #a2b9be; | ||
| + | padding: 4px 8px; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | #protocols .procedure-table table tr td:empty:after, | ||
| + | .protocol-view-component .procedure-table table tr td:empty:after, | ||
| + | .protocol-mount .procedure-table table tr td:empty:after { | ||
| + | content: '\00A0'; | ||
| + | } | ||
| + | #protocols .procedure-image, | ||
| + | .protocol-view-component .procedure-image, | ||
| + | .protocol-mount .procedure-image { | ||
| + | text-align: center; | ||
| + | padding: 5px 0px; | ||
| + | } | ||
| + | #protocols .procedure-image img, | ||
| + | .protocol-view-component .procedure-image img, | ||
| + | .protocol-mount .procedure-image img { | ||
| + | max-width: 100%; | ||
| + | border: 2px solid #e8f0f2; | ||
| + | padding: 5px; | ||
| + | } | ||
| + | #protocols .procedure-image .glyphicon, | ||
| + | .protocol-view-component .procedure-image .glyphicon, | ||
| + | .protocol-mount .procedure-image .glyphicon { | ||
| + | color: #e8f0f2; | ||
| + | font-size: 200px; | ||
| + | height: 200px; | ||
| + | } | ||
| + | #protocols .protocol-condensed-mixin .hide-when-condensed, | ||
| + | .protocol-view-component .protocol-condensed-mixin .hide-when-condensed, | ||
| + | .protocol-mount .protocol-condensed-mixin .hide-when-condensed { | ||
| + | display: none; | ||
| + | } | ||
| + | #protocols .protocol-condensed-mixin .protocol-header .protocol-title, | ||
| + | .protocol-view-component .protocol-condensed-mixin .protocol-header .protocol-title, | ||
| + | .protocol-mount .protocol-condensed-mixin .protocol-header .protocol-title { | ||
| + | width: 80%; | ||
| + | } | ||
| + | #protocols .protocol-condensed-mixin .protocol-header .btn-toolbar, | ||
| + | .protocol-view-component .protocol-condensed-mixin .protocol-header .btn-toolbar, | ||
| + | .protocol-mount .protocol-condensed-mixin .protocol-header .btn-toolbar { | ||
| + | width: 20%; | ||
| + | } | ||
| + | #protocols .protocol-condensed-mixin .protocol-header .btn-toolbar > .btn-group, | ||
| + | .protocol-view-component .protocol-condensed-mixin .protocol-header .btn-toolbar > .btn-group, | ||
| + | .protocol-mount .protocol-condensed-mixin .protocol-header .btn-toolbar > .btn-group { | ||
| + | margin-left: 5px; | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | #protocols .protocol-condensed-mixin .protocol-header .btn-extension .btn, | ||
| + | .protocol-view-component .protocol-condensed-mixin .protocol-header .btn-extension .btn, | ||
| + | .protocol-mount .protocol-condensed-mixin .protocol-header .btn-extension .btn { | ||
| + | border-top-right-radius: 3px; | ||
| + | border-bottom-right-radius: 3px; | ||
| + | } | ||
| + | #protocols .protocol-condensed-mixin .protocol-header .btn-extension .btn-extension-box, | ||
| + | .protocol-view-component .protocol-condensed-mixin .protocol-header .btn-extension .btn-extension-box, | ||
| + | .protocol-mount .protocol-condensed-mixin .protocol-header .btn-extension .btn-extension-box { | ||
| + | display: none; | ||
| + | } | ||
| + | #protocols .protocol-condensed-mixin .protocol-condensed-col, | ||
| + | .protocol-view-component .protocol-condensed-mixin .protocol-condensed-col, | ||
| + | .protocol-mount .protocol-condensed-mixin .protocol-condensed-col { | ||
| + | width: 100%; | ||
| + | } | ||
| + | #protocols .protocol-condensed-mixin .protocol-extra-info .extra-text, | ||
| + | .protocol-view-component .protocol-condensed-mixin .protocol-extra-info .extra-text, | ||
| + | .protocol-mount .protocol-condensed-mixin .protocol-extra-info .extra-text { | ||
| + | display: none; | ||
| + | } | ||
| + | #protocols .protocol-condensed-mixin .protocol-section .commentable-wrapper, | ||
| + | .protocol-view-component .protocol-condensed-mixin .protocol-section .commentable-wrapper, | ||
| + | .protocol-mount .protocol-condensed-mixin .protocol-section .commentable-wrapper, | ||
| + | #protocols .protocol-condensed-mixin .protocol-section .commentable-wrapper:hover, | ||
| + | .protocol-view-component .protocol-condensed-mixin .protocol-section .commentable-wrapper:hover, | ||
| + | .protocol-mount .protocol-condensed-mixin .protocol-section .commentable-wrapper:hover { | ||
| + | border-left: 0; | ||
| + | } | ||
| + | #protocols .protocol-condensed-mixin .protocol-section .cm-target, | ||
| + | .protocol-view-component .protocol-condensed-mixin .protocol-section .cm-target, | ||
| + | .protocol-mount .protocol-condensed-mixin .protocol-section .cm-target { | ||
| + | position: relative; | ||
| + | min-height: 1px; | ||
| + | padding-left: 15px; | ||
| + | padding-right: 15px; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | #protocols .protocol-condensed-mixin .protocol-section .cm-target, | ||
| + | .protocol-view-component .protocol-condensed-mixin .protocol-section .cm-target, | ||
| + | .protocol-mount .protocol-condensed-mixin .protocol-section .cm-target { | ||
| + | float: left; | ||
| + | width: 100%; | ||
| + | } | ||
| + | } | ||
| + | #protocols .protocol-condensed-mixin .protocol-comments, | ||
| + | .protocol-view-component .protocol-condensed-mixin .protocol-comments, | ||
| + | .protocol-mount .protocol-condensed-mixin .protocol-comments { | ||
| + | position: relative; | ||
| + | min-height: 1px; | ||
| + | padding-left: 15px; | ||
| + | padding-right: 15px; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | #protocols .protocol-condensed-mixin .protocol-comments, | ||
| + | .protocol-view-component .protocol-condensed-mixin .protocol-comments, | ||
| + | .protocol-mount .protocol-condensed-mixin .protocol-comments { | ||
| + | float: left; | ||
| + | width: 100%; | ||
| + | } | ||
| + | } | ||
| + | #protocols .protocol-page h1, | ||
| + | .protocol-view-component .protocol-page h1, | ||
| + | .protocol-mount .protocol-page h1 { | ||
| + | overflow-wrap: break-word; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | #protocols .protocol-page .draft-indicator, | ||
| + | .protocol-view-component .protocol-page .draft-indicator, | ||
| + | .protocol-mount .protocol-page .draft-indicator { | ||
| + | text-transform: uppercase; | ||
| + | color: #a2b9be; | ||
| + | margin-left: 10px; | ||
| + | font-size: 16px; | ||
| + | line-height: 20px; | ||
| + | display: inline-block; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | #protocols .protocol-page, | ||
| + | .protocol-view-component .protocol-page, | ||
| + | .protocol-mount .protocol-page { | ||
| + | position: relative; | ||
| + | } | ||
| + | #protocols .protocol-page .protocol-resize-container, | ||
| + | .protocol-view-component .protocol-page .protocol-resize-container, | ||
| + | .protocol-mount .protocol-page .protocol-resize-container { | ||
| + | width: 100%; | ||
| + | margin-left: 0; | ||
| + | -webkit-transition: margin-left .2s ease-out; | ||
| + | transition: margin-left .2s ease-out; | ||
| + | } | ||
| + | #protocols .category-banner, | ||
| + | .protocol-view-component .category-banner, | ||
| + | .protocol-mount .category-banner { | ||
| + | position: relative; | ||
| + | background: no-repeat center; | ||
| + | background-size: cover; | ||
| + | padding: 15px; | ||
| + | min-height: 100px; | ||
| + | } | ||
| + | #protocols .category-banner .background-fill, | ||
| + | .protocol-view-component .category-banner .background-fill, | ||
| + | .protocol-mount .category-banner .background-fill { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | right: 0; | ||
| + | left: 0; | ||
| + | bottom: 0; | ||
| + | z-index: 0; | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | #protocols .category-banner .category-name, | ||
| + | .protocol-view-component .category-banner .category-name, | ||
| + | .protocol-mount .category-banner .category-name { | ||
| + | position: relative; | ||
| + | z-index: 1; | ||
| + | text-transform: uppercase; | ||
| + | font-weight: 700; | ||
| + | font-size: 22px; | ||
| + | color: white; | ||
| + | } | ||
| + | #protocols .category-banner .author-excerpt, | ||
| + | .protocol-view-component .category-banner .author-excerpt, | ||
| + | .protocol-mount .category-banner .author-excerpt { | ||
| + | position: relative; | ||
| + | z-index: 2; | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | #protocols .category-banner .author-excerpt .user-img, | ||
| + | .protocol-view-component .category-banner .author-excerpt .user-img, | ||
| + | .protocol-mount .category-banner .author-excerpt .user-img { | ||
| + | margin-right: 5px; | ||
| + | border: none; | ||
| + | border-radius: 3px; | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | #protocols .category-banner .author-excerpt .user-img img, | ||
| + | .protocol-view-component .category-banner .author-excerpt .user-img img, | ||
| + | .protocol-mount .category-banner .author-excerpt .user-img img { | ||
| + | width: 32px; | ||
| + | height: 32px; | ||
| + | } | ||
| + | #protocols .protocol-header, | ||
| + | .protocol-view-component .protocol-header, | ||
| + | .protocol-mount .protocol-header { | ||
| + | padding-top: 20px; | ||
| + | } | ||
| + | #protocols .protocol-header .protocol-title, | ||
| + | .protocol-view-component .protocol-header .protocol-title, | ||
| + | .protocol-mount .protocol-header .protocol-title { | ||
| + | width: 66%; | ||
| + | display: inline-block; | ||
| + | vertical-align: bottom; | ||
| + | position: relative; | ||
| + | } | ||
| + | #protocols .protocol-header .protocol-title h1, | ||
| + | .protocol-view-component .protocol-header .protocol-title h1, | ||
| + | .protocol-mount .protocol-header .protocol-title h1 { | ||
| + | margin: 0; | ||
| + | font-size: 30px; | ||
| + | } | ||
| + | #protocols .protocol-header .btn-toolbar, | ||
| + | .protocol-view-component .protocol-header .btn-toolbar, | ||
| + | .protocol-mount .protocol-header .btn-toolbar { | ||
| + | width: 34%; | ||
| + | display: inline-block; | ||
| + | vertical-align: bottom; | ||
| + | } | ||
| + | #protocols .protocol-header .btn-toolbar > .btn-group, | ||
| + | .protocol-view-component .protocol-header .btn-toolbar > .btn-group, | ||
| + | .protocol-mount .protocol-header .btn-toolbar > .btn-group { | ||
| + | float: right; | ||
| + | margin-top: 5px; | ||
| + | margin-left: 15px; | ||
| + | } | ||
| + | #protocols .protocol-header .btn-toolbar > .btn-group:last-child, | ||
| + | .protocol-view-component .protocol-header .btn-toolbar > .btn-group:last-child, | ||
| + | .protocol-mount .protocol-header .btn-toolbar > .btn-group:last-child { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | #protocols .protocol-updated, | ||
| + | .protocol-view-component .protocol-updated, | ||
| + | .protocol-mount .protocol-updated { | ||
| + | margin-bottom: 10px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #protocols .protocol-section h2, | ||
| + | .protocol-view-component .protocol-section h2, | ||
| + | .protocol-mount .protocol-section h2, | ||
| + | #protocols .protocol-editor h2, | ||
| + | .protocol-view-component .protocol-editor h2, | ||
| + | .protocol-mount .protocol-editor h2 { | ||
| + | font-size: 24px; | ||
| + | margin-top: 20px; | ||
| + | } | ||
| + | #protocols .step-type, | ||
| + | .protocol-view-component .step-type, | ||
| + | .protocol-mount .step-type { | ||
| + | font-weight: 700; | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | #protocols .step-type:before, | ||
| + | .protocol-view-component .step-type:before, | ||
| + | .protocol-mount .step-type:before { | ||
| + | display: inline-block; | ||
| + | content: ' '; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | margin-right: 3px; | ||
| + | } | ||
| + | #protocols .step-type-critical, | ||
| + | .protocol-view-component .step-type-critical, | ||
| + | .protocol-mount .step-type-critical { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #protocols .step-type-critical:before, | ||
| + | .protocol-view-component .step-type-critical:before, | ||
| + | .protocol-mount .step-type-critical:before { | ||
| + | border-left: 6px solid transparent; | ||
| + | border-right: 6px solid transparent; | ||
| + | border-top: 9px solid #428ce1; | ||
| + | } | ||
| + | #protocols .step-type-pause, | ||
| + | .protocol-view-component .step-type-pause, | ||
| + | .protocol-mount .step-type-pause { | ||
| + | color: #03c08d; | ||
| + | } | ||
| + | #protocols .step-type-pause:before, | ||
| + | .protocol-view-component .step-type-pause:before, | ||
| + | .protocol-mount .step-type-pause:before { | ||
| + | border: 5px solid #03c08d; | ||
| + | } | ||
| + | #protocols .protocol-section, | ||
| + | .protocol-view-component .protocol-section, | ||
| + | .protocol-mount .protocol-section { | ||
| + | margin-bottom: 10px; | ||
| + | font-size: 14px; | ||
| + | line-height: 25px; | ||
| + | } | ||
| + | #protocols .protocol-section h3, | ||
| + | .protocol-view-component .protocol-section h3, | ||
| + | .protocol-mount .protocol-section h3 { | ||
| + | font-size: 18px; | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | #protocols .protocol-section h3:first-child, | ||
| + | .protocol-view-component .protocol-section h3:first-child, | ||
| + | .protocol-mount .protocol-section h3:first-child { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | #protocols .protocol-section h3 .step-aggregate-time, | ||
| + | .protocol-view-component .protocol-section h3 .step-aggregate-time, | ||
| + | .protocol-mount .protocol-section h3 .step-aggregate-time { | ||
| + | font-size: 0.9em; | ||
| + | margin: 5px 0 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | #protocols .protocol-section ol, | ||
| + | .protocol-view-component .protocol-section ol, | ||
| + | .protocol-mount .protocol-section ol { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | #protocols .protocol-section ol, | ||
| + | .protocol-view-component .protocol-section ol, | ||
| + | .protocol-mount .protocol-section ol, | ||
| + | #protocols .protocol-section .step-aggregate-time, | ||
| + | .protocol-view-component .protocol-section .step-aggregate-time, | ||
| + | .protocol-mount .protocol-section .step-aggregate-time { | ||
| + | padding-left: 50px; | ||
| + | } | ||
| + | #protocols .protocol-section .step-aggregate-time, | ||
| + | .protocol-view-component .protocol-section .step-aggregate-time, | ||
| + | .protocol-mount .protocol-section .step-aggregate-time { | ||
| + | margin-top: -10px; | ||
| + | margin-bottom: 10px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #protocols .protocol-section p.procedure-detail, | ||
| + | .protocol-view-component .protocol-section p.procedure-detail, | ||
| + | .protocol-mount .protocol-section p.procedure-detail { | ||
| + | margin-left: 50px; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #protocols .protocol-section .materials-list, | ||
| + | .protocol-view-component .protocol-section .materials-list, | ||
| + | .protocol-mount .protocol-section .materials-list { | ||
| + | list-style: none; | ||
| + | padding: 0 0 0 10px; | ||
| + | } | ||
| + | #protocols .protocol-section .materials-list .material-item, | ||
| + | .protocol-view-component .protocol-section .materials-list .material-item, | ||
| + | .protocol-mount .protocol-section .materials-list .material-item { | ||
| + | font-size: 15px; | ||
| + | color: #344043; | ||
| + | text-indent: -10px; | ||
| + | } | ||
| + | #protocols .protocol-section .materials-list .material-item:before, | ||
| + | .protocol-view-component .protocol-section .materials-list .material-item:before, | ||
| + | .protocol-mount .protocol-section .materials-list .material-item:before { | ||
| + | content: '\203A'; | ||
| + | display: inline-block; | ||
| + | width: 10px; | ||
| + | padding-right: 5px; | ||
| + | text-align: right; | ||
| + | font-weight: 700; | ||
| + | font-size: 1.2em; | ||
| + | line-height: 1; | ||
| + | color: #3498db; | ||
| + | } | ||
| + | #protocols .protocol-section .materials-list .components-list, | ||
| + | .protocol-view-component .protocol-section .materials-list .components-list, | ||
| + | .protocol-mount .protocol-section .materials-list .components-list { | ||
| + | list-style: none; | ||
| + | padding-left: 14px; | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | #protocols .protocol-section .materials-list .components-list li, | ||
| + | .protocol-view-component .protocol-section .materials-list .components-list li, | ||
| + | .protocol-mount .protocol-section .materials-list .components-list li { | ||
| + | text-indent: -10px; | ||
| + | } | ||
| + | #protocols .protocol-section .materials-list .components-list li:before, | ||
| + | .protocol-view-component .protocol-section .materials-list .components-list li:before, | ||
| + | .protocol-mount .protocol-section .materials-list .components-list li:before { | ||
| + | content: '\203A'; | ||
| + | display: inline-block; | ||
| + | width: 10px; | ||
| + | padding-right: 5px; | ||
| + | text-align: right; | ||
| + | font-weight: 700; | ||
| + | font-size: 1.2em; | ||
| + | line-height: 1; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #protocols .protocol-section .step-timer, | ||
| + | .protocol-view-component .protocol-section .step-timer, | ||
| + | .protocol-mount .protocol-section .step-timer { | ||
| + | padding-left: 50px; | ||
| + | } | ||
| + | #protocols .protocol-section .auto-parsed, | ||
| + | .protocol-view-component .protocol-section .auto-parsed, | ||
| + | .protocol-mount .protocol-section .auto-parsed { | ||
| + | border-bottom: 1px dashed #a2b9be; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper { | ||
| + | margin-left: -15px; | ||
| + | margin-right: -15px; | ||
| + | border-left: 3px solid transparent; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper:before, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper:before, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper:before, | ||
| + | #protocols .protocol-section .commentable-wrapper:after, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper:after, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper:after, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper:after, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper:before, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper:before, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper:before, | ||
| + | #protocols .protocol-section .commentable-wrapper:after, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper:after, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper:after, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper:after, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-target, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-target, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-target { | ||
| + | position: relative; | ||
| + | min-height: 1px; | ||
| + | padding-left: 15px; | ||
| + | padding-right: 15px; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-target, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-target, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-target { | ||
| + | float: left; | ||
| + | width: 66.66666667%; | ||
| + | } | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments { | ||
| + | position: relative; | ||
| + | min-height: 1px; | ||
| + | padding-left: 15px; | ||
| + | padding-right: 15px; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments { | ||
| + | float: left; | ||
| + | width: 33.33333333%; | ||
| + | } | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments .add-comment-icon, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments .add-comment-icon, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments .add-comment-icon { | ||
| + | display: none; | ||
| + | position: relative; | ||
| + | top: -5px; | ||
| + | cursor: pointer; | ||
| + | color: #c9d8db; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments .add-comment-icon:hover, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments .add-comment-icon:hover, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments .add-comment-icon:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments .add-comment-icon.force-show, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments .add-comment-icon.force-show, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments .add-comment-icon.force-show { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments .add-comment-icon .glyphicon, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments .add-comment-icon .glyphicon, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments .add-comment-icon .glyphicon { | ||
| + | font-size: 20px; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments .add-comment-icon .comment-count, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments .add-comment-icon .comment-count, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments .add-comment-icon .comment-count { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | text-align: center; | ||
| + | color: white; | ||
| + | font-size: 10px; | ||
| + | font-weight: 700; | ||
| + | margin-top: 1px; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments .cm-gutter, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments .cm-gutter, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments .cm-gutter { | ||
| + | float: left; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments .cm-comments-wrapper, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments .cm-comments-wrapper, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments .cm-comments-wrapper { | ||
| + | position: relative; | ||
| + | z-index: 100; | ||
| + | margin-left: 25px; | ||
| + | -webkit-transition: margin-left 0.2s ease-out; | ||
| + | transition: margin-left 0.2s ease-out; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments .comment-group, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments .comment-group, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments .comment-group { | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | left: 0; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | border-bottom: 0; | ||
| + | border-left: 2px solid #428ce1; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment .single-comment, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment .single-comment, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment .single-comment, | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment .cm-creator, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment .cm-creator, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments .comment-group .single-comment .cm-creator { | ||
| + | border-bottom: 0; | ||
| + | padding-left: 20px; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments .comment-group .user-img, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments .comment-group .user-img, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments .comment-group .user-img { | ||
| + | border: 0; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments .comment-group .comment-leave-msg, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments .comment-group .comment-leave-msg, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments .comment-group .comment-leave-msg { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | color: #a2b9be; | ||
| + | text-align: center; | ||
| + | text-transform: uppercase; | ||
| + | font-weight: 500; | ||
| + | font-size: 11px; | ||
| + | padding: 4px 8px; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments .comment-group .comment-leave-msg:hover, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments .comment-group .comment-leave-msg:hover, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments .comment-group .comment-leave-msg:hover { | ||
| + | color: #03c08d; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper .cm-comments .cm-creator, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper .cm-comments .cm-creator, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper .cm-comments .cm-creator { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper:hover, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper:hover, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper:hover { | ||
| + | border-left: 3px solid #e8f0f2; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper:hover .cm-comments .add-comment-icon, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper:hover .cm-comments .add-comment-icon, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper:hover .cm-comments .add-comment-icon { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper.active, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper.active, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper.active { | ||
| + | border-left: 3px solid #03c08d; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper.active .cm-comments .add-comment-icon, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper.active .cm-comments .add-comment-icon, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper.active .cm-comments .add-comment-icon { | ||
| + | display: inline-block; | ||
| + | color: #03c08d; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper.active .cm-comments .comment-group, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper.active .cm-comments .comment-group, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper.active .cm-comments .comment-group { | ||
| + | border-left-color: #03c08d; | ||
| + | } | ||
| + | #protocols .protocol-section .commentable-wrapper.active .cm-comments .cm-comments-wrapper, | ||
| + | .protocol-view-component .protocol-section .commentable-wrapper.active .cm-comments .cm-comments-wrapper, | ||
| + | .protocol-mount .protocol-section .commentable-wrapper.active .cm-comments .cm-comments-wrapper { | ||
| + | margin-left: 30px; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment, | ||
| + | .protocol-view-component .protocol-section .single-comment, | ||
| + | .protocol-mount .protocol-section .single-comment { | ||
| + | padding: 8px; | ||
| + | line-height: 18px; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment .no-wrap-mixin, | ||
| + | .protocol-view-component .protocol-section .single-comment .no-wrap-mixin, | ||
| + | .protocol-mount .protocol-section .single-comment .no-wrap-mixin { | ||
| + | white-space: nowrap; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment.comment-summary, | ||
| + | .protocol-view-component .protocol-section .single-comment.comment-summary, | ||
| + | .protocol-mount .protocol-section .single-comment.comment-summary { | ||
| + | white-space: nowrap; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | padding: 0 8px; | ||
| + | opacity: 0.8; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment.comment-summary .comment-author-name, | ||
| + | .protocol-view-component .protocol-section .single-comment.comment-summary .comment-author-name, | ||
| + | .protocol-mount .protocol-section .single-comment.comment-summary .comment-author-name { | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment .comment-context, | ||
| + | .protocol-view-component .protocol-section .single-comment .comment-context, | ||
| + | .protocol-mount .protocol-section .single-comment .comment-context { | ||
| + | white-space: nowrap; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | background: #f8fafb; | ||
| + | color: #a2b9be; | ||
| + | display: block; | ||
| + | padding: 3px 5px; | ||
| + | margin-bottom: 1px; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment .comment-context .in-response-to, | ||
| + | .protocol-view-component .protocol-section .single-comment .comment-context .in-response-to, | ||
| + | .protocol-mount .protocol-section .single-comment .comment-context .in-response-to { | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment .comment-context:hover, | ||
| + | .protocol-view-component .protocol-section .single-comment .comment-context:hover, | ||
| + | .protocol-mount .protocol-section .single-comment .comment-context:hover { | ||
| + | text-decoration: none; | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment h4, | ||
| + | .protocol-view-component .protocol-section .single-comment h4, | ||
| + | .protocol-mount .protocol-section .single-comment h4 { | ||
| + | margin: 0; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment .comment-author-img, | ||
| + | .protocol-view-component .protocol-section .single-comment .comment-author-img, | ||
| + | .protocol-mount .protocol-section .single-comment .comment-author-img { | ||
| + | float: left; | ||
| + | display: inline-block; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment .comment-author-img img, | ||
| + | .protocol-view-component .protocol-section .single-comment .comment-author-img img, | ||
| + | .protocol-mount .protocol-section .single-comment .comment-author-img img { | ||
| + | width: 32px; | ||
| + | height: 32px; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment .comment-author-name, | ||
| + | .protocol-view-component .protocol-section .single-comment .comment-author-name, | ||
| + | .protocol-mount .protocol-section .single-comment .comment-author-name { | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment .comment-reply, | ||
| + | .protocol-view-component .protocol-section .single-comment .comment-reply, | ||
| + | .protocol-mount .protocol-section .single-comment .comment-reply { | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment .comment-delete:hover, | ||
| + | .protocol-view-component .protocol-section .single-comment .comment-delete:hover, | ||
| + | .protocol-mount .protocol-section .single-comment .comment-delete:hover { | ||
| + | color: #b94a48; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment .comment-timestamp, | ||
| + | .protocol-view-component .protocol-section .single-comment .comment-timestamp, | ||
| + | .protocol-mount .protocol-section .single-comment .comment-timestamp { | ||
| + | font-size: 11px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment .comment-timestamp .comment-delete, | ||
| + | .protocol-view-component .protocol-section .single-comment .comment-timestamp .comment-delete, | ||
| + | .protocol-mount .protocol-section .single-comment .comment-timestamp .comment-delete { | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment .comment-body, | ||
| + | .protocol-view-component .protocol-section .single-comment .comment-body, | ||
| + | .protocol-mount .protocol-section .single-comment .comment-body { | ||
| + | clear: left; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment .comment-delete, | ||
| + | .protocol-view-component .protocol-section .single-comment .comment-delete, | ||
| + | .protocol-mount .protocol-section .single-comment .comment-delete, | ||
| + | #protocols .protocol-section .single-comment .comment-reply, | ||
| + | .protocol-view-component .protocol-section .single-comment .comment-reply, | ||
| + | .protocol-mount .protocol-section .single-comment .comment-reply { | ||
| + | font-size: 12px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #protocols .protocol-section .single-comment .comment-reply:hover, | ||
| + | .protocol-view-component .protocol-section .single-comment .comment-reply:hover, | ||
| + | .protocol-mount .protocol-section .single-comment .comment-reply:hover { | ||
| + | color: #03c08d; | ||
| + | } | ||
| + | #protocols .protocol-section .cm-creator, | ||
| + | .protocol-view-component .protocol-section .cm-creator, | ||
| + | .protocol-mount .protocol-section .cm-creator { | ||
| + | padding: 4px 8px 10px; | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | #protocols .protocol-section .cm-creator .user-img, | ||
| + | .protocol-view-component .protocol-section .cm-creator .user-img, | ||
| + | .protocol-mount .protocol-section .cm-creator .user-img { | ||
| + | float: left; | ||
| + | } | ||
| + | #protocols .protocol-section .cm-creator .cm-wrapper, | ||
| + | .protocol-view-component .protocol-section .cm-creator .cm-wrapper, | ||
| + | .protocol-mount .protocol-section .cm-creator .cm-wrapper { | ||
| + | margin-left: 41px; | ||
| + | } | ||
| + | #protocols .protocol-section .cm-creator textarea, | ||
| + | .protocol-view-component .protocol-section .cm-creator textarea, | ||
| + | .protocol-mount .protocol-section .cm-creator textarea { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | padding: 3px; | ||
| + | line-height: 20px; | ||
| + | height: 28px px; | ||
| + | } | ||
| + | #protocols .protocol-section .cm-creator .cm-buttons, | ||
| + | .protocol-view-component .protocol-section .cm-creator .cm-buttons, | ||
| + | .protocol-mount .protocol-section .cm-creator .cm-buttons { | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | #protocols .protocol-section .cm-creator .cm-buttons .btn, | ||
| + | .protocol-view-component .protocol-section .cm-creator .cm-buttons .btn, | ||
| + | .protocol-mount .protocol-section .cm-creator .cm-buttons .btn { | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | #protocols .protocol-section .protocol-comments, | ||
| + | .protocol-view-component .protocol-section .protocol-comments, | ||
| + | .protocol-mount .protocol-section .protocol-comments { | ||
| + | position: relative; | ||
| + | min-height: 1px; | ||
| + | padding-left: 15px; | ||
| + | padding-right: 15px; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | #protocols .protocol-section .protocol-comments, | ||
| + | .protocol-view-component .protocol-section .protocol-comments, | ||
| + | .protocol-mount .protocol-section .protocol-comments { | ||
| + | float: left; | ||
| + | width: 66.66666667%; | ||
| + | } | ||
| + | } | ||
| + | #protocols .protocol-section .protocol-comments .single-comment, | ||
| + | .protocol-view-component .protocol-section .protocol-comments .single-comment, | ||
| + | .protocol-mount .protocol-section .protocol-comments .single-comment { | ||
| + | clear: both; | ||
| + | } | ||
| + | #protocols .protocol-section .protocol-comments .single-comment .comment-wrapper, | ||
| + | .protocol-view-component .protocol-section .protocol-comments .single-comment .comment-wrapper, | ||
| + | .protocol-mount .protocol-section .protocol-comments .single-comment .comment-wrapper { | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | #protocols .protocol-section .protocol-comments .single-comment .comment-author-name, | ||
| + | .protocol-view-component .protocol-section .protocol-comments .single-comment .comment-author-name, | ||
| + | .protocol-mount .protocol-section .protocol-comments .single-comment .comment-author-name { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #protocols .protocol-section .protocol-comments .single-comment .comment-timestamp, | ||
| + | .protocol-view-component .protocol-section .protocol-comments .single-comment .comment-timestamp, | ||
| + | .protocol-mount .protocol-section .protocol-comments .single-comment .comment-timestamp { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #protocols .protocol-section .protocol-comments .single-comment .comment-timestamp:before, | ||
| + | .protocol-view-component .protocol-section .protocol-comments .single-comment .comment-timestamp:before, | ||
| + | .protocol-mount .protocol-section .protocol-comments .single-comment .comment-timestamp:before { | ||
| + | content: "\00B7"; | ||
| + | margin-left: 5px; | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | #protocols .protocol-section .protocol-comments .single-comment .comment-body, | ||
| + | .protocol-view-component .protocol-section .protocol-comments .single-comment .comment-body, | ||
| + | .protocol-mount .protocol-section .protocol-comments .single-comment .comment-body { | ||
| + | clear: none; | ||
| + | } | ||
| + | #protocols .protocol-section .protocol-comments .single-comment .single-comment, | ||
| + | .protocol-view-component .protocol-section .protocol-comments .single-comment .single-comment, | ||
| + | .protocol-mount .protocol-section .protocol-comments .single-comment .single-comment, | ||
| + | #protocols .protocol-section .protocol-comments .single-comment .cm-creator, | ||
| + | .protocol-view-component .protocol-section .protocol-comments .single-comment .cm-creator, | ||
| + | .protocol-mount .protocol-section .protocol-comments .single-comment .cm-creator { | ||
| + | padding: 4px 0; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer, | ||
| + | .protocol-view-component .step-by-step-viewer, | ||
| + | .protocol-mount .step-by-step-viewer { | ||
| + | background: white; | ||
| + | z-index: 0; | ||
| + | padding-top: 20px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-toolbar, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-toolbar, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-toolbar { | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | height: 55px; | ||
| + | background: white; | ||
| + | border-bottom: 2px solid #e8f0f2; | ||
| + | z-index: 3; | ||
| + | font-size: 22px; | ||
| + | line-height: 55px; | ||
| + | text-transform: uppercase; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-toolbar .sbs-protocol-name, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-toolbar .sbs-protocol-name, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-toolbar .sbs-protocol-name { | ||
| + | position: absolute; | ||
| + | left: 200px; | ||
| + | right: 200px; | ||
| + | display: inline-block; | ||
| + | overflow-x: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | text-align: center; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-toolbar .toolbox, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | z-index: 2; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn { | ||
| + | display: inline-block; | ||
| + | vertical-align: middle; | ||
| + | padding: 10px; | ||
| + | height: 50px; | ||
| + | line-height: 30px; | ||
| + | margin-right: 10px; | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn .menu-icon .menu-icon-bar, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn .menu-icon .menu-icon-bar, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn .menu-icon .menu-icon-bar { | ||
| + | background: #5c7c83; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn:active, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn:active, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn:active { | ||
| + | color: #9ac2ef; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn:active .menu-icon .menu-icon-bar, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn:active .menu-icon .menu-icon-bar, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn:active .menu-icon .menu-icon-bar { | ||
| + | background: #9ac2ef; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.active, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.active, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.active { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.active .menu-icon .menu-icon-bar, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.active .menu-icon .menu-icon-bar, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.active .menu-icon .menu-icon-bar { | ||
| + | background: #428ce1; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.ticking, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.ticking, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-btn.ticking { | ||
| + | color: #03c08d; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-timer-display, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-timer-display, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-timer-display { | ||
| + | display: inline-block; | ||
| + | vertical-align: middle; | ||
| + | font-size: 14px; | ||
| + | color: white; | ||
| + | background: #a2b9be; | ||
| + | line-height: 18px; | ||
| + | border-radius: 2px; | ||
| + | padding: 4px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-timer-display.ticking, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-timer-display.ticking, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-toolbar .toolbox .toolbox-timer-display.ticking { | ||
| + | animation: opacity-blink 0.6 linear infinite alternate; | ||
| + | -moz-animation: opacity-blink 0.6s linear infinite alternate; | ||
| + | -webkit-animation: opacity-blink 0.6s linear infinite alternate; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-toolbar .menu-icon, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-toolbar .menu-icon, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-toolbar .menu-icon { | ||
| + | width: 30px; | ||
| + | height: 30px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-toolbar .menu-icon .menu-icon-bar, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-toolbar .menu-icon .menu-icon-bar, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-toolbar .menu-icon .menu-icon-bar { | ||
| + | height: 17%; | ||
| + | width: 100%; | ||
| + | margin: 10% 0; | ||
| + | border-radius: 1px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-toolbar .close-btn, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-toolbar .close-btn, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-toolbar .close-btn { | ||
| + | border: none; | ||
| + | padding: 0 20px; | ||
| + | line-height: 40px; | ||
| + | margin-top: 8px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .step-type, | ||
| + | .protocol-view-component .step-by-step-viewer .step-type, | ||
| + | .protocol-mount .step-by-step-viewer .step-type { | ||
| + | margin-right: 12px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer h2, | ||
| + | .protocol-view-component .step-by-step-viewer h2, | ||
| + | .protocol-mount .step-by-step-viewer h2 { | ||
| + | position: relative; | ||
| + | font-size: 52px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer h2 .step-aggregate-time, | ||
| + | .protocol-view-component .step-by-step-viewer h2 .step-aggregate-time, | ||
| + | .protocol-mount .step-by-step-viewer h2 .step-aggregate-time { | ||
| + | font-size: 26px; | ||
| + | vertical-align: top; | ||
| + | top: 18px; | ||
| + | left: -153px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer h2 .step-type, | ||
| + | .protocol-view-component .step-by-step-viewer h2 .step-type, | ||
| + | .protocol-mount .step-by-step-viewer h2 .step-type { | ||
| + | font-size: 40px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer ol, | ||
| + | .protocol-view-component .step-by-step-viewer ol, | ||
| + | .protocol-mount .step-by-step-viewer ol { | ||
| + | position: relative; | ||
| + | margin-top: 60px; | ||
| + | padding-left: 0; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer ol li, | ||
| + | .protocol-view-component .step-by-step-viewer ol li, | ||
| + | .protocol-mount .step-by-step-viewer ol li { | ||
| + | font-size: 32px; | ||
| + | font-weight: 300; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer ol li .step-inner-div, | ||
| + | .protocol-view-component .step-by-step-viewer ol li .step-inner-div, | ||
| + | .protocol-mount .step-by-step-viewer ol li .step-inner-div { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer ol li .step-inner-div:active .step-checkbox, | ||
| + | .protocol-view-component .step-by-step-viewer ol li .step-inner-div:active .step-checkbox, | ||
| + | .protocol-mount .step-by-step-viewer ol li .step-inner-div:active .step-checkbox, | ||
| + | #protocols .step-by-step-viewer ol li .step-inner-div:active .step-checkbox.checked, | ||
| + | .protocol-view-component .step-by-step-viewer ol li .step-inner-div:active .step-checkbox.checked, | ||
| + | .protocol-mount .step-by-step-viewer ol li .step-inner-div:active .step-checkbox.checked { | ||
| + | color: #2dfcc4; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer ol .step-aggregate-time, | ||
| + | .protocol-view-component .step-by-step-viewer ol .step-aggregate-time, | ||
| + | .protocol-mount .step-by-step-viewer ol .step-aggregate-time { | ||
| + | top: 5px; | ||
| + | left: -150px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .materials-list-wrapper .materials-list, | ||
| + | .protocol-view-component .step-by-step-viewer .materials-list-wrapper .materials-list, | ||
| + | .protocol-mount .step-by-step-viewer .materials-list-wrapper .materials-list { | ||
| + | margin-top: 40px; | ||
| + | font-size: 32px; | ||
| + | font-weight: 300; | ||
| + | list-style: none; | ||
| + | padding: 0 0 0 10px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .materials-list-wrapper .materials-list .material-item, | ||
| + | .protocol-view-component .step-by-step-viewer .materials-list-wrapper .materials-list .material-item, | ||
| + | .protocol-mount .step-by-step-viewer .materials-list-wrapper .materials-list .material-item { | ||
| + | margin-top: 20px; | ||
| + | color: #344043; | ||
| + | text-indent: -10px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .materials-list-wrapper .materials-list .material-item:before, | ||
| + | .protocol-view-component .step-by-step-viewer .materials-list-wrapper .materials-list .material-item:before, | ||
| + | .protocol-mount .step-by-step-viewer .materials-list-wrapper .materials-list .material-item:before { | ||
| + | content: '\203A'; | ||
| + | display: inline-block; | ||
| + | width: 10px; | ||
| + | padding-right: 5px; | ||
| + | text-align: right; | ||
| + | font-weight: 700; | ||
| + | font-size: 1.2em; | ||
| + | line-height: 1; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .materials-list-wrapper .materials-list .components-list, | ||
| + | .protocol-view-component .step-by-step-viewer .materials-list-wrapper .materials-list .components-list, | ||
| + | .protocol-mount .step-by-step-viewer .materials-list-wrapper .materials-list .components-list { | ||
| + | margin-left: 30px; | ||
| + | padding-left: 0; | ||
| + | font-size: 26px; | ||
| + | list-style: none; | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .materials-list-wrapper .materials-list .components-list li, | ||
| + | .protocol-view-component .step-by-step-viewer .materials-list-wrapper .materials-list .components-list li, | ||
| + | .protocol-mount .step-by-step-viewer .materials-list-wrapper .materials-list .components-list li { | ||
| + | text-indent: -10px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .materials-list-wrapper .materials-list .components-list li:before, | ||
| + | .protocol-view-component .step-by-step-viewer .materials-list-wrapper .materials-list .components-list li:before, | ||
| + | .protocol-mount .step-by-step-viewer .materials-list-wrapper .materials-list .components-list li:before { | ||
| + | content: '\203A'; | ||
| + | display: inline-block; | ||
| + | width: 10px; | ||
| + | padding-right: 5px; | ||
| + | text-align: right; | ||
| + | font-weight: 700; | ||
| + | font-size: 1.2em; | ||
| + | line-height: 1; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .step-aggregate-time, | ||
| + | .protocol-view-component .step-by-step-viewer .step-aggregate-time, | ||
| + | .protocol-mount .step-by-step-viewer .step-aggregate-time { | ||
| + | position: absolute; | ||
| + | display: inline-block; | ||
| + | color: #a2b9be; | ||
| + | font-size: 0.8em; | ||
| + | border-bottom: 1px dashed #e8f0f2; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .procedure-table, | ||
| + | .protocol-view-component .step-by-step-viewer .procedure-table, | ||
| + | .protocol-mount .step-by-step-viewer .procedure-table { | ||
| + | padding: 20px 0; | ||
| + | font-size: 22px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .procedure-table td, | ||
| + | .protocol-view-component .step-by-step-viewer .procedure-table td, | ||
| + | .protocol-mount .step-by-step-viewer .procedure-table td { | ||
| + | padding: 10px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer p, | ||
| + | .protocol-view-component .step-by-step-viewer p, | ||
| + | .protocol-mount .step-by-step-viewer p { | ||
| + | font-size: 26px; | ||
| + | font-weight: 300; | ||
| + | margin-left: 30px; | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .auto-parsed, | ||
| + | .protocol-view-component .step-by-step-viewer .auto-parsed, | ||
| + | .protocol-mount .step-by-step-viewer .auto-parsed { | ||
| + | border-bottom: 1px dashed #a2b9be; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .step-type-critical:before, | ||
| + | .protocol-view-component .step-by-step-viewer .step-type-critical:before, | ||
| + | .protocol-mount .step-by-step-viewer .step-type-critical:before { | ||
| + | border-width: 18px 12px 0; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .step-type-pause:before, | ||
| + | .protocol-view-component .step-by-step-viewer .step-type-pause:before, | ||
| + | .protocol-mount .step-by-step-viewer .step-type-pause:before { | ||
| + | border-width: 10px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer button, | ||
| + | .protocol-view-component .step-by-step-viewer button, | ||
| + | .protocol-mount .step-by-step-viewer button { | ||
| + | background: white; | ||
| + | border: 1px solid transparent; | ||
| + | border-radius: 4px; | ||
| + | color: #5c7c83; | ||
| + | padding: 6px 8px; | ||
| + | font-size: 18px; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer button.btn-primary, | ||
| + | .protocol-view-component .step-by-step-viewer button.btn-primary, | ||
| + | .protocol-mount .step-by-step-viewer button.btn-primary { | ||
| + | border-color: #428ce1; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer button.btn-primary:active, | ||
| + | .protocol-view-component .step-by-step-viewer button.btn-primary:active, | ||
| + | .protocol-mount .step-by-step-viewer button.btn-primary:active { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer button.btn-success, | ||
| + | .protocol-view-component .step-by-step-viewer button.btn-success, | ||
| + | .protocol-mount .step-by-step-viewer button.btn-success { | ||
| + | border-color: #03c08d; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer button.btn-success:active, | ||
| + | .protocol-view-component .step-by-step-viewer button.btn-success:active, | ||
| + | .protocol-mount .step-by-step-viewer button.btn-success:active { | ||
| + | color: #03c08d; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer button.btn-danger, | ||
| + | .protocol-view-component .step-by-step-viewer button.btn-danger, | ||
| + | .protocol-mount .step-by-step-viewer button.btn-danger { | ||
| + | border-color: #ef947e; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer button.btn-danger:active, | ||
| + | .protocol-view-component .step-by-step-viewer button.btn-danger:active, | ||
| + | .protocol-mount .step-by-step-viewer button.btn-danger:active { | ||
| + | color: #ef947e; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer button.btn-default, | ||
| + | .protocol-view-component .step-by-step-viewer button.btn-default, | ||
| + | .protocol-mount .step-by-step-viewer button.btn-default { | ||
| + | border-color: #a2b9be; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer button.btn-default:active, | ||
| + | .protocol-view-component .step-by-step-viewer button.btn-default:active, | ||
| + | .protocol-mount .step-by-step-viewer button.btn-default:active { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer button:focus, | ||
| + | .protocol-view-component .step-by-step-viewer button:focus, | ||
| + | .protocol-mount .step-by-step-viewer button:focus { | ||
| + | outline: none; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-timers, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-timers, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-timers { | ||
| + | position: fixed; | ||
| + | top: 55px; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | z-index: 1; | ||
| + | min-height: 100px; | ||
| + | max-height: 80%; | ||
| + | overflow-y: scroll; | ||
| + | -webkit-overflow-scrolling: touch; | ||
| + | background: #e8f0f2; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); | ||
| + | box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-timers .close-timers-btn, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-timers .close-timers-btn, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-timers .close-timers-btn { | ||
| + | text-transform: uppercase; | ||
| + | font-weight: 500; | ||
| + | font-size: 11px; | ||
| + | text-align: center; | ||
| + | padding: 10px; | ||
| + | cursor: pointer; | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-timers .close-timers-btn:hover, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-timers .close-timers-btn:hover, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-timers .close-timers-btn:hover { | ||
| + | background: white; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-timers .timer-block, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-timers .timer-block, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-timers .timer-block { | ||
| + | display: inline-block; | ||
| + | width: 20%; | ||
| + | min-width: 300px; | ||
| + | height: 200px; | ||
| + | position: relative; | ||
| + | margin: 10px; | ||
| + | padding: 10px; | ||
| + | border: 2px solid #e8f0f2; | ||
| + | background: white; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-timers .timer-block.create-btn-block, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-timers .timer-block.create-btn-block, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-timers .timer-block.create-btn-block { | ||
| + | border-style: dashed; | ||
| + | text-align: center; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-timers .timer-block.inline-copy .timer-name, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-timers .timer-block.inline-copy .timer-name, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-timers .timer-block.inline-copy .timer-name { | ||
| + | color: #a2b9be; | ||
| + | font-style: italic; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-timers .timer-name, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-timers .timer-name, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-timers .timer-name { | ||
| + | text-align: center; | ||
| + | padding: 0 10px; | ||
| + | font-size: 18px; | ||
| + | margin-bottom: -10px; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-timers .timer-name:hover, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-timers .timer-name:hover, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-timers .timer-name:hover, | ||
| + | #protocols .step-by-step-viewer .sbs-timers .timer-name:active, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-timers .timer-name:active, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-timers .timer-name:active { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-timers .create-btn-block input[type=text], | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-timers .create-btn-block input[type=text], | ||
| + | .protocol-mount .step-by-step-viewer .sbs-timers .create-btn-block input[type=text] { | ||
| + | text-align: center; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-timers .create-btn-block input[type=text], | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-timers .create-btn-block input[type=text], | ||
| + | .protocol-mount .step-by-step-viewer .sbs-timers .create-btn-block input[type=text], | ||
| + | #protocols .step-by-step-viewer .sbs-timers .create-btn-block .time-editable, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-timers .create-btn-block .time-editable, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-timers .create-btn-block .time-editable { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-timers .create-btn-block .time-editable, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-timers .create-btn-block .time-editable, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-timers .create-btn-block .time-editable { | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-timers .new-timer-btn, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-timers .new-timer-btn, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-timers .new-timer-btn { | ||
| + | color: #a2b9be; | ||
| + | font-size: 26px; | ||
| + | padding: 60px 0; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .sbs-timers .new-timer-btn:hover, | ||
| + | .protocol-view-component .step-by-step-viewer .sbs-timers .new-timer-btn:hover, | ||
| + | .protocol-mount .step-by-step-viewer .sbs-timers .new-timer-btn:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .step-by-step-menu-wrapper, | ||
| + | .protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper, | ||
| + | .protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper { | ||
| + | position: fixed; | ||
| + | z-index: 2; | ||
| + | top: 55px; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | background: rgba(0, 0, 0, 0.6); | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu-container, | ||
| + | .protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu-container, | ||
| + | .protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu-container { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | bottom: 0; | ||
| + | width: 50%; | ||
| + | min-width: 300px; | ||
| + | background: white; | ||
| + | border-right: 2px solid #e8f0f2; | ||
| + | -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.8); | ||
| + | box-shadow: 0 0 40px rgba(0, 0, 0, 0.8); | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu, | ||
| + | .protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu, | ||
| + | .protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | right: 0; | ||
| + | left: 0; | ||
| + | bottom: 105px; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | list-style: none; | ||
| + | overflow-y: scroll; | ||
| + | -webkit-overflow-scrolling: touch; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li, | ||
| + | .protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li, | ||
| + | .protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li { | ||
| + | font-size: 22px; | ||
| + | padding: 10px; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li a, | ||
| + | .protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li a, | ||
| + | .protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li a { | ||
| + | color: #5c7c83; | ||
| + | display: block; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li a:hover, | ||
| + | .protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li a:hover, | ||
| + | .protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu li a:hover { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .step-number, | ||
| + | .protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .step-number, | ||
| + | .protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .step-number { | ||
| + | background: #e8f0f2; | ||
| + | padding: 3px 5px; | ||
| + | display: inline-block; | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .section-title, | ||
| + | .protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .section-title, | ||
| + | .protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .section-title { | ||
| + | background: #5c7c83; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .section-title a, | ||
| + | .protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .section-title a, | ||
| + | .protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .step-by-step-menu .section-title a { | ||
| + | color: white; | ||
| + | text-transform: uppercase; | ||
| + | font-size: 14px; | ||
| + | letter-spacing: 1px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons, | ||
| + | .protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons, | ||
| + | .protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons { | ||
| + | position: absolute; | ||
| + | height: 105px; | ||
| + | right: 0; | ||
| + | left: 0; | ||
| + | bottom: 0; | ||
| + | text-align: center; | ||
| + | padding: 10px; | ||
| + | } | ||
| + | #protocols .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons button, | ||
| + | .protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons button, | ||
| + | .protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons button { | ||
| + | margin: 0 auto 10px; | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | #protocols .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons, | ||
| + | .protocol-view-component .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons, | ||
| + | .protocol-mount .step-by-step-viewer .step-by-step-menu-wrapper .sbs-menu-buttons { | ||
| + | padding-top: 30px; | ||
| + | } | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | #protocols .protocol-nav-wrapper, | ||
| + | .protocol-view-component .protocol-nav-wrapper, | ||
| + | .protocol-mount .protocol-nav-wrapper { | ||
| + | min-height: 42px; | ||
| + | } | ||
| + | #protocols .protocol-nav, | ||
| + | .protocol-view-component .protocol-nav, | ||
| + | .protocol-mount .protocol-nav { | ||
| + | position: relative; | ||
| + | margin-left: 0; | ||
| + | margin-bottom: 10px; | ||
| + | z-index: 100; | ||
| + | background: white; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | #protocols .protocol-nav li, | ||
| + | .protocol-view-component .protocol-nav li, | ||
| + | .protocol-mount .protocol-nav li { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #protocols .protocol-nav li a, | ||
| + | .protocol-view-component .protocol-nav li a, | ||
| + | .protocol-mount .protocol-nav li a { | ||
| + | padding-left: 20px; | ||
| + | padding-right: 20px; | ||
| + | border-right: 0; | ||
| + | } | ||
| + | #protocols .protocol-nav li.active a, | ||
| + | .protocol-view-component .protocol-nav li.active a, | ||
| + | .protocol-mount .protocol-nav li.active a { | ||
| + | border-right: 0; | ||
| + | border-bottom: 2px solid #428ce1; | ||
| + | } | ||
| + | #protocols .protocol-page, | ||
| + | .protocol-view-component .protocol-page, | ||
| + | .protocol-mount .protocol-page { | ||
| + | min-height: 0; | ||
| + | } | ||
| + | #protocols .protocol-page .hide-when-condensed, | ||
| + | .protocol-view-component .protocol-page .hide-when-condensed, | ||
| + | .protocol-mount .protocol-page .hide-when-condensed { | ||
| + | display: none; | ||
| + | } | ||
| + | #protocols .protocol-page .protocol-header .protocol-title, | ||
| + | .protocol-view-component .protocol-page .protocol-header .protocol-title, | ||
| + | .protocol-mount .protocol-page .protocol-header .protocol-title { | ||
| + | width: 80%; | ||
| + | } | ||
| + | #protocols .protocol-page .protocol-header .btn-toolbar, | ||
| + | .protocol-view-component .protocol-page .protocol-header .btn-toolbar, | ||
| + | .protocol-mount .protocol-page .protocol-header .btn-toolbar { | ||
| + | width: 20%; | ||
| + | } | ||
| + | #protocols .protocol-page .protocol-header .btn-toolbar > .btn-group, | ||
| + | .protocol-view-component .protocol-page .protocol-header .btn-toolbar > .btn-group, | ||
| + | .protocol-mount .protocol-page .protocol-header .btn-toolbar > .btn-group { | ||
| + | margin-left: 5px; | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | #protocols .protocol-page .protocol-header .btn-extension .btn, | ||
| + | .protocol-view-component .protocol-page .protocol-header .btn-extension .btn, | ||
| + | .protocol-mount .protocol-page .protocol-header .btn-extension .btn { | ||
| + | border-top-right-radius: 3px; | ||
| + | border-bottom-right-radius: 3px; | ||
| + | } | ||
| + | #protocols .protocol-page .protocol-header .btn-extension .btn-extension-box, | ||
| + | .protocol-view-component .protocol-page .protocol-header .btn-extension .btn-extension-box, | ||
| + | .protocol-mount .protocol-page .protocol-header .btn-extension .btn-extension-box { | ||
| + | display: none; | ||
| + | } | ||
| + | #protocols .protocol-page .protocol-condensed-col, | ||
| + | .protocol-view-component .protocol-page .protocol-condensed-col, | ||
| + | .protocol-mount .protocol-page .protocol-condensed-col { | ||
| + | width: 100%; | ||
| + | } | ||
| + | #protocols .protocol-page .protocol-extra-info .extra-text, | ||
| + | .protocol-view-component .protocol-page .protocol-extra-info .extra-text, | ||
| + | .protocol-mount .protocol-page .protocol-extra-info .extra-text { | ||
| + | display: none; | ||
| + | } | ||
| + | #protocols .protocol-page .protocol-section .commentable-wrapper, | ||
| + | .protocol-view-component .protocol-page .protocol-section .commentable-wrapper, | ||
| + | .protocol-mount .protocol-page .protocol-section .commentable-wrapper, | ||
| + | #protocols .protocol-page .protocol-section .commentable-wrapper:hover, | ||
| + | .protocol-view-component .protocol-page .protocol-section .commentable-wrapper:hover, | ||
| + | .protocol-mount .protocol-page .protocol-section .commentable-wrapper:hover { | ||
| + | border-left: 0; | ||
| + | } | ||
| + | #protocols .protocol-page .protocol-section .cm-target, | ||
| + | .protocol-view-component .protocol-page .protocol-section .cm-target, | ||
| + | .protocol-mount .protocol-page .protocol-section .cm-target { | ||
| + | position: relative; | ||
| + | min-height: 1px; | ||
| + | padding-left: 15px; | ||
| + | padding-right: 15px; | ||
| + | } | ||
| + | #protocols .protocol-page .protocol-comments, | ||
| + | .protocol-view-component .protocol-page .protocol-comments, | ||
| + | .protocol-mount .protocol-page .protocol-comments { | ||
| + | position: relative; | ||
| + | min-height: 1px; | ||
| + | padding-left: 15px; | ||
| + | padding-right: 15px; | ||
| + | } | ||
| + | #protocols .protocol-page .protocol-resize-container, | ||
| + | .protocol-view-component .protocol-page .protocol-resize-container, | ||
| + | .protocol-mount .protocol-page .protocol-resize-container { | ||
| + | width: 100%; | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | } | ||
| + | @media (max-width: 767px) and (min-width: 768px) { | ||
| + | #protocols .protocol-page .protocol-section .cm-target, | ||
| + | .protocol-view-component .protocol-page .protocol-section .cm-target, | ||
| + | .protocol-mount .protocol-page .protocol-section .cm-target { | ||
| + | float: left; | ||
| + | width: 100%; | ||
| + | } | ||
| + | } | ||
| + | @media (max-width: 767px) and (min-width: 768px) { | ||
| + | #protocols .protocol-page .protocol-comments, | ||
| + | .protocol-view-component .protocol-page .protocol-comments, | ||
| + | .protocol-mount .protocol-page .protocol-comments { | ||
| + | float: left; | ||
| + | width: 100%; | ||
| + | } | ||
| + | } | ||
| + | #protocols .protocol-condensed-col, | ||
| + | .protocol-view-component .protocol-condensed-col, | ||
| + | .protocol-mount .protocol-condensed-col { | ||
| + | width: 66%; | ||
| + | } | ||
| + | #protocols .protocol-extra-info, | ||
| + | .protocol-view-component .protocol-extra-info, | ||
| + | .protocol-mount .protocol-extra-info { | ||
| + | padding-top: 5px; | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | #protocols .protocol-extra-info .step-by-step-btn, | ||
| + | .protocol-view-component .protocol-extra-info .step-by-step-btn, | ||
| + | .protocol-mount .protocol-extra-info .step-by-step-btn { | ||
| + | float: right; | ||
| + | display: inline-block; | ||
| + | color: #a2b9be; | ||
| + | -webkit-transition: color 0.2s ease-out; | ||
| + | transition: color 0.2s ease-out; | ||
| + | line-height: 26px; | ||
| + | } | ||
| + | #protocols .protocol-extra-info .step-by-step-btn:active .glyphicon, | ||
| + | .protocol-view-component .protocol-extra-info .step-by-step-btn:active .glyphicon, | ||
| + | .protocol-mount .protocol-extra-info .step-by-step-btn:active .glyphicon { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #protocols .protocol-extra-info .step-by-step-btn .glyphicon, | ||
| + | .protocol-view-component .protocol-extra-info .step-by-step-btn .glyphicon, | ||
| + | .protocol-mount .protocol-extra-info .step-by-step-btn .glyphicon { | ||
| + | color: #03c08d; | ||
| + | font-size: 22px; | ||
| + | vertical-align: middle; | ||
| + | margin-top: -5px; | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | #protocols .protocol-extra-info .step-by-step-btn:hover, | ||
| + | .protocol-view-component .protocol-extra-info .step-by-step-btn:hover, | ||
| + | .protocol-mount .protocol-extra-info .step-by-step-btn:hover { | ||
| + | text-decoration: none; | ||
| + | color: #03c08d; | ||
| + | } | ||
| + | #protocols .protocol-extra-info .user-img, | ||
| + | .protocol-view-component .protocol-extra-info .user-img, | ||
| + | .protocol-mount .protocol-extra-info .user-img { | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | #protocols .protocol-extra-info .user-img img, | ||
| + | .protocol-view-component .protocol-extra-info .user-img img, | ||
| + | .protocol-mount .protocol-extra-info .user-img img { | ||
| + | width: 22px; | ||
| + | height: 22px; | ||
| + | } | ||
| + | #protocols .protocol-extra-info .owner-name, | ||
| + | .protocol-view-component .protocol-extra-info .owner-name, | ||
| + | .protocol-mount .protocol-extra-info .owner-name { | ||
| + | margin-left: 5px; | ||
| + | vertical-align: middle; | ||
| + | font-size: 14px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | @keyframes opacity-blink { | ||
| + | from { | ||
| + | opacity: 1.0; | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0.0; | ||
| + | } | ||
| + | } | ||
| + | @-moz-keyframes opacity-blink { | ||
| + | from { | ||
| + | opacity: 1.0; | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0.0; | ||
| + | } | ||
| + | } | ||
| + | @-webkit-keyframes opacity-blink { | ||
| + | from { | ||
| + | opacity: 1.0; | ||
| + | } | ||
| + | to { | ||
| + | opacity: 0.0; | ||
| + | } | ||
| + | } | ||
| + | #protocols .step-timer, | ||
| + | .protocol-view-component .step-timer, | ||
| + | .protocol-mount .step-timer { | ||
| + | margin: 20px 0; | ||
| + | text-align: center; | ||
| + | font-family: 'Inconsolata', 'Courier New', sans-serif; | ||
| + | } | ||
| + | #protocols .step-timer .time-progress, | ||
| + | .protocol-view-component .step-timer .time-progress, | ||
| + | .protocol-mount .step-timer .time-progress { | ||
| + | width: 40px; | ||
| + | height: 40px; | ||
| + | display: inline-block; | ||
| + | vertical-align: top; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | #protocols .step-timer .time-progress path, | ||
| + | .protocol-view-component .step-timer .time-progress path, | ||
| + | .protocol-mount .step-timer .time-progress path { | ||
| + | fill: #428ce1; | ||
| + | } | ||
| + | #protocols .step-timer.inline-step-timer, | ||
| + | .protocol-view-component .step-timer.inline-step-timer, | ||
| + | .protocol-mount .step-timer.inline-step-timer { | ||
| + | margin: 0 0 10px; | ||
| + | } | ||
| + | #protocols .step-timer.inline-step-timer .time-editable, | ||
| + | .protocol-view-component .step-timer.inline-step-timer .time-editable, | ||
| + | .protocol-mount .step-timer.inline-step-timer .time-editable { | ||
| + | padding: 0px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | #protocols .step-timer.inline-step-timer .time-display, | ||
| + | .protocol-view-component .step-timer.inline-step-timer .time-display, | ||
| + | .protocol-mount .step-timer.inline-step-timer .time-display { | ||
| + | font-size: 26px; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | #protocols .step-timer.inline-step-timer .time-small, | ||
| + | .protocol-view-component .step-timer.inline-step-timer .time-small, | ||
| + | .protocol-mount .step-timer.inline-step-timer .time-small { | ||
| + | width: 35px; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #protocols .step-timer.inline-step-timer .time-controls, | ||
| + | .protocol-view-component .step-timer.inline-step-timer .time-controls, | ||
| + | .protocol-mount .step-timer.inline-step-timer .time-controls { | ||
| + | display: inline-block; | ||
| + | width: 85px; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #protocols .step-timer.inline-step-timer .time-controls a, | ||
| + | .protocol-view-component .step-timer.inline-step-timer .time-controls a, | ||
| + | .protocol-mount .step-timer.inline-step-timer .time-controls a { | ||
| + | display: inline-block; | ||
| + | padding: 4px; | ||
| + | font-size: 20px; | ||
| + | } | ||
| + | #protocols .step-timer .time-display, | ||
| + | .protocol-view-component .step-timer .time-display, | ||
| + | .protocol-mount .step-timer .time-display { | ||
| + | display: inline-block; | ||
| + | margin-right: 10px; | ||
| + | font-size: 52px; | ||
| + | vertical-align: middle; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #protocols .step-timer .time-display.out-of-time, | ||
| + | .protocol-view-component .step-timer .time-display.out-of-time, | ||
| + | .protocol-mount .step-timer .time-display.out-of-time { | ||
| + | animation: opacity-blink 0.6 linear infinite alternate; | ||
| + | -moz-animation: opacity-blink 0.6s linear infinite alternate; | ||
| + | -webkit-animation: opacity-blink 0.6s linear infinite alternate; | ||
| + | } | ||
| + | #protocols .step-timer .time-display .time-small, | ||
| + | .protocol-view-component .step-timer .time-display .time-small, | ||
| + | .protocol-mount .step-timer .time-display .time-small { | ||
| + | display: inline-block; | ||
| + | font-size: 0.8em; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #protocols .step-timer .time-display:active, | ||
| + | .protocol-view-component .step-timer .time-display:active, | ||
| + | .protocol-mount .step-timer .time-display:active { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #protocols .step-timer .time-controls button, | ||
| + | .protocol-view-component .step-timer .time-controls button, | ||
| + | .protocol-mount .step-timer .time-controls button { | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | @media print { | ||
| + | #protocols, | ||
| + | .protocol-view-component, | ||
| + | .protocol-mount { | ||
| + | margin: 0 1.5cm; | ||
| + | } | ||
| + | #protocols .footer, | ||
| + | .protocol-view-component .footer, | ||
| + | .protocol-mount .footer, | ||
| + | #protocols #proto-comments, | ||
| + | .protocol-view-component #proto-comments, | ||
| + | .protocol-mount #proto-comments, | ||
| + | #protocols .strip, | ||
| + | .protocol-view-component .strip, | ||
| + | .protocol-mount .strip, | ||
| + | #protocols .btn-toolbar, | ||
| + | .protocol-view-component .btn-toolbar, | ||
| + | .protocol-mount .btn-toolbar, | ||
| + | #protocols .cm-comments, | ||
| + | .protocol-view-component .cm-comments, | ||
| + | .protocol-mount .cm-comments, | ||
| + | #protocols .cm-creator, | ||
| + | .protocol-view-component .cm-creator, | ||
| + | .protocol-mount .cm-creator, | ||
| + | #protocols .protocol-nav-wrapper, | ||
| + | .protocol-view-component .protocol-nav-wrapper, | ||
| + | .protocol-mount .protocol-nav-wrapper, | ||
| + | #protocols .protocol-header .protocol-title, | ||
| + | .protocol-view-component .protocol-header .protocol-title, | ||
| + | .protocol-mount .protocol-header .protocol-title, | ||
| + | #protocols .user-dropdown, | ||
| + | .protocol-view-component .user-dropdown, | ||
| + | .protocol-mount .user-dropdown { | ||
| + | display: none !important; | ||
| + | } | ||
| + | #protocols #proto-procedure, | ||
| + | .protocol-view-component #proto-procedure, | ||
| + | .protocol-mount #proto-procedure { | ||
| + | page-break-before: always; | ||
| + | } | ||
| + | #protocols .protocol-title, | ||
| + | .protocol-view-component .protocol-title, | ||
| + | .protocol-mount .protocol-title { | ||
| + | width: 100% !important; | ||
| + | } | ||
| + | #protocols a[href]::after, | ||
| + | .protocol-view-component a[href]::after, | ||
| + | .protocol-mount a[href]::after { | ||
| + | content: none !important; | ||
| + | } | ||
| + | #protocols .protocol-section, | ||
| + | .protocol-view-component .protocol-section, | ||
| + | .protocol-mount .protocol-section { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #protocols .protocol-section ol, | ||
| + | .protocol-view-component .protocol-section ol, | ||
| + | .protocol-mount .protocol-section ol { | ||
| + | margin-bottom: 4px; | ||
| + | } | ||
| + | } | ||
| + | .step-checkbox { | ||
| + | display: inline-block; | ||
| + | margin-right: 10px; | ||
| + | color: #c9d8db; | ||
| + | } | ||
| + | .step-checkbox.checked { | ||
| + | color: #03c08d; | ||
| + | } | ||
| + | /* Keep in sync with TransitionConstants.js */ | ||
| + | .transition-sbs-fade-enter { | ||
| + | opacity: 0.01; | ||
| + | left: -100% !important; | ||
| + | } | ||
| + | .transition-sbs-fade-enter.transition-sbs-fade-enter-active { | ||
| + | opacity: 1; | ||
| + | left: 0 !important; | ||
| + | -webkit-transition: all 0.1s ease-in; | ||
| + | transition: all 0.1s ease-in; | ||
| + | } | ||
| + | .transition-sbs-fade-leave { | ||
| + | opacity: 1; | ||
| + | left: 0 !important; | ||
| + | -webkit-transition: all 0.1s ease-in; | ||
| + | transition: all 0.1s ease-in; | ||
| + | } | ||
| + | .transition-sbs-fade-leave.transition-sbs-fade-leave-active { | ||
| + | opacity: 0.01; | ||
| + | left: -100% !important; | ||
| + | } | ||
| + | .transition-fade-enter { | ||
| + | opacity: 0.01; | ||
| + | } | ||
| + | .transition-fade-enter.transition-fade-enter-active { | ||
| + | opacity: 1; | ||
| + | -webkit-transition: opacity 0.1s ease-in; | ||
| + | transition: opacity 0.1s ease-in; | ||
| + | } | ||
| + | .transition-fade-leave { | ||
| + | opacity: 1; | ||
| + | -webkit-transition: opacity 0.1s ease-in; | ||
| + | transition: opacity 0.1s ease-in; | ||
| + | } | ||
| + | .transition-fade-leave.transition-fade-leave-active { | ||
| + | opacity: 0.01; | ||
| + | } | ||
| + | .transition-slideRight-enter { | ||
| + | left: -100%; | ||
| + | position: relative; | ||
| + | } | ||
| + | .transition-slideRight-enter.transition-slideRight-enter-active { | ||
| + | left: 0; | ||
| + | -webkit-transition: left 0.1s ease-in-out; | ||
| + | transition: left 0.1s ease-in-out; | ||
| + | } | ||
| + | .transition-slideRight-leave { | ||
| + | left: 0; | ||
| + | position: relative; | ||
| + | -webkit-transition: left 0.1s ease-in-out; | ||
| + | transition: left 0.1s ease-in-out; | ||
| + | } | ||
| + | .transition-slideRight-leave.transition-slideRight-leave-active { | ||
| + | left: -100%; | ||
| + | } | ||
| + | .transition-slideLeft-enter { | ||
| + | right: -100%; | ||
| + | position: relative; | ||
| + | } | ||
| + | .transition-slideLeft-enter.transition-slideLeft-enter-active { | ||
| + | right: 0; | ||
| + | -webkit-transition: right 0.8s ease-in-out; | ||
| + | transition: right 0.8s ease-in-out; | ||
| + | } | ||
| + | .transition-slideLeft-leave { | ||
| + | right: 0; | ||
| + | position: relative; | ||
| + | -webkit-transition: right 0.8s ease-in-out; | ||
| + | transition: right 0.8s ease-in-out; | ||
| + | } | ||
| + | .transition-slideLeft-leave.transition-slideLeft-leave-active { | ||
| + | right: -100%; | ||
| + | } | ||
| + | .info-content .enterpriseTableImage { | ||
| + | max-width: 800px; | ||
| + | } | ||
| + | .land-section .enterpriseContactModal p { | ||
| + | font-size: 12px; | ||
| + | margin: 0 0 10px; | ||
| + | } | ||
| + | .featureGrid { | ||
| + | margin-top: 20px; | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | .featureGrid .featureBox { | ||
| + | margin-bottom: 30px; | ||
| + | } | ||
| + | .featureGrid .featureIcon { | ||
| + | float: left; | ||
| + | margin-top: 2px; | ||
| + | margin-right: 12px; | ||
| + | width: 32px; | ||
| + | } | ||
| + | .featureGrid .featureTitle { | ||
| + | color: #5c7c83; | ||
| + | margin-bottom: 3px; | ||
| + | } | ||
| + | .featureGrid .featureDesc { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .aboutGrid-person { | ||
| + | display: inline-block; | ||
| + | margin: 40px 20px 0; | ||
| + | text-align: left; | ||
| + | width: 180px; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .aboutGrid-pic { | ||
| + | height: 180px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .aboutGrid-name { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-weight: 600; | ||
| + | line-height: 1.4em; | ||
| + | margin: 10px 0 5px; | ||
| + | } | ||
| + | .aboutGrid-links { | ||
| + | margin: 5px 0; | ||
| + | } | ||
| + | .aboutGrid-links a { | ||
| + | color: #a2b9be; | ||
| + | font-size: 16px; | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | .aboutGrid-links a:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .aboutGrid-bio { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .aboutGrid-bio strong { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .investorLogo { | ||
| + | margin: 0 20px; | ||
| + | } | ||
| + | .chromeFrame { | ||
| + | border: 2px solid #c9d8db; | ||
| + | border-top-left-radius: 5px; | ||
| + | border-top-right-radius: 5px; | ||
| + | } | ||
| + | .chromeFrame-header { | ||
| + | background: #c9d8db; | ||
| + | padding: 4px 6px; | ||
| + | } | ||
| + | .chromeFrame-header span { | ||
| + | border-radius: 99px; | ||
| + | display: inline-block; | ||
| + | height: 9px; | ||
| + | margin-right: 3px; | ||
| + | width: 9px; | ||
| + | } | ||
| + | .chromeFrame-header span:nth-child(1) { | ||
| + | background: #e96e51; | ||
| + | } | ||
| + | .chromeFrame-header span:nth-child(2) { | ||
| + | background: #fdd586; | ||
| + | } | ||
| + | .chromeFrame-header span:nth-child(3) { | ||
| + | background: #03c08d; | ||
| + | } | ||
| + | .chromeFrame img { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .scrollTrigger { | ||
| + | left: 0; | ||
| + | opacity: 1; | ||
| + | position: relative; | ||
| + | -webkit-transition: all 0.4s ease-out; | ||
| + | transition: all 0.4s ease-out; | ||
| + | } | ||
| + | .scrollTrigger.scrollHidden { | ||
| + | opacity: 0; | ||
| + | } | ||
| + | .scrollTrigger.scrollHidden.slideLeft { | ||
| + | -webkit-transform: translateX(40px); | ||
| + | -moz-transform: translateX(40px); | ||
| + | -ms-transform: translateX(40px); | ||
| + | -o-transform: translateX(40px); | ||
| + | transform: translateX(40px); | ||
| + | } | ||
| + | .scrollTrigger.scrollHidden.slideRight { | ||
| + | -webkit-transform: translateX(-40px); | ||
| + | -moz-transform: translateX(-40px); | ||
| + | -ms-transform: translateX(-40px); | ||
| + | -o-transform: translateX(-40px); | ||
| + | transform: translateX(-40px); | ||
| + | } | ||
| + | .land-page { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .land-page--blue { | ||
| + | background-color: #428ce1; | ||
| + | } | ||
| + | .land-page--full { | ||
| + | height: 100%; | ||
| + | } | ||
| + | .land-header { | ||
| + | background: url('../img/landing/cells.jpg') #222222; | ||
| + | background-size: cover; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | padding: 15px 0 0; | ||
| + | } | ||
| + | .land-header.new-land-header { | ||
| + | background: none; | ||
| + | } | ||
| + | .land-nav-link:not(.button), | ||
| + | .land-cta, | ||
| + | .land-trustedScientists h2, | ||
| + | .land-testimonial-bio, | ||
| + | .land-headerCTA, | ||
| + | .new-land-cta, | ||
| + | .featureTitle { | ||
| + | letter-spacing: 1px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | .land-nav-link { | ||
| + | color: white; | ||
| + | float: right; | ||
| + | margin-left: 20px; | ||
| + | border: 2px solid transparent; | ||
| + | } | ||
| + | .land-nav-link:hover, | ||
| + | .land-nav-link:focus { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .new-land-nav .inlineForm { | ||
| + | margin-left: 20px; | ||
| + | float: right; | ||
| + | } | ||
| + | .new-land-nav .inlineForm a { | ||
| + | margin-left: -2px; | ||
| + | } | ||
| + | .new-land-nav .land-nav-link:not(.button) { | ||
| + | color: black; | ||
| + | } | ||
| + | .new-land-nav .land-nav-link:not(.button):hover, | ||
| + | .new-land-nav .land-nav-link:not(.button):focus { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .new-land-nav .land-nav-link:not(.button):hover .caret, | ||
| + | .new-land-nav .land-nav-link:not(.button):focus .caret { | ||
| + | border-top-color: #a2b9be; | ||
| + | } | ||
| + | .new-land-nav.new-land-nav--blue .land-nav-link:not(.button):not(.land-linkWithBorder) { | ||
| + | color: white; | ||
| + | } | ||
| + | .new-land-nav.new-land-nav--blue .land-nav-link:not(.button):not(.land-linkWithBorder):hover, | ||
| + | .new-land-nav.new-land-nav--blue .land-nav-link:not(.button):not(.land-linkWithBorder):focus { | ||
| + | color: #c9d8db; | ||
| + | } | ||
| + | .new-land-nav.new-land-nav--blue .land-nav-link.land-linkWithBorder { | ||
| + | color: white; | ||
| + | } | ||
| + | .new-land-nav.new-land-nav--blue .land-nav-link.land-linkWithBorder:hover, | ||
| + | .new-land-nav.new-land-nav--blue .land-nav-link.land-linkWithBorder:focus { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .land-cta { | ||
| + | background: none; | ||
| + | border: 2px solid #428ce1; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .land-cta:hover { | ||
| + | background: #428ce1; | ||
| + | color: white; | ||
| + | } | ||
| + | .land-cta:focus { | ||
| + | outline: 0; | ||
| + | } | ||
| + | .land-cta em { | ||
| + | text-transform: none; | ||
| + | } | ||
| + | .land-cta .fa-angle-right { | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | .land-nav-link, | ||
| + | .land-cta { | ||
| + | padding: 10px 14px; | ||
| + | } | ||
| + | .land-nav-link:hover, | ||
| + | .land-cta:hover { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .land-nav-link.btn-af-success { | ||
| + | color: white; | ||
| + | border-radius: 4px; | ||
| + | } | ||
| + | .land-header .land-cta, | ||
| + | .land-linkWithBorder { | ||
| + | border: 2px solid white; | ||
| + | color: white; | ||
| + | border-radius: 4px; | ||
| + | } | ||
| + | .land-header .land-cta:hover, | ||
| + | .land-linkWithBorder:hover { | ||
| + | background: white; | ||
| + | color: black; | ||
| + | } | ||
| + | .land-successCTA { | ||
| + | background-color: #03c08d; | ||
| + | color: white; | ||
| + | } | ||
| + | .land-successCTA:hover { | ||
| + | background-color: #03b182; | ||
| + | color: white; | ||
| + | } | ||
| + | .land-nav .land-logo { | ||
| + | float: none; | ||
| + | } | ||
| + | .land-header-main { | ||
| + | text-align: center; | ||
| + | } | ||
| + | .land-header h1 { | ||
| + | color: white; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 70px; | ||
| + | font-weight: 300; | ||
| + | margin: 130px 0 0; | ||
| + | } | ||
| + | .land-tagline { | ||
| + | color: white; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 19px; | ||
| + | line-height: 24px; | ||
| + | margin-top: 30px; | ||
| + | } | ||
| + | .land-header .land-cta { | ||
| + | display: inline-block; | ||
| + | margin: 35px 0 130px; | ||
| + | } | ||
| + | .land-header .land-cta-inverted { | ||
| + | background: white; | ||
| + | border-color: white; | ||
| + | color: black; | ||
| + | } | ||
| + | .land-header .land-cta-inverted:hover { | ||
| + | background: transparent; | ||
| + | color: white; | ||
| + | } | ||
| + | .land-trustedScientists { | ||
| + | background-color: rgba(0, 0, 0, 0.7); | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | padding: 20px; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .land-trustedScientists h2 { | ||
| + | color: white; | ||
| + | line-height: 1.5; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .land-trustedLogos { | ||
| + | margin-top: 10px; | ||
| + | line-height: 45px; | ||
| + | } | ||
| + | .land-trustedLogos img { | ||
| + | height: 40px; | ||
| + | margin: 10px 20px 0 0; | ||
| + | opacity: .8; | ||
| + | } | ||
| + | .land-trustedLogos img:last-child { | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .land-testimonials { | ||
| + | padding-top: 50px; | ||
| + | } | ||
| + | .land-testimonial-speechBubble { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | background-color: #f8fafb; | ||
| + | border-radius: 3px; | ||
| + | margin-bottom: 50px; | ||
| + | margin-top: 20px; | ||
| + | padding: 15px; | ||
| + | position: relative; | ||
| + | } | ||
| + | .land-testimonial-speechBubble:before { | ||
| + | border-bottom: 10px solid #f8fafb; | ||
| + | border-left: 10px solid transparent; | ||
| + | border-right: 10px solid transparent; | ||
| + | top: -10px; | ||
| + | content: ''; | ||
| + | height: 0; | ||
| + | left: 20px; | ||
| + | position: absolute; | ||
| + | width: 0; | ||
| + | } | ||
| + | .land-testimonial-photo { | ||
| + | border-radius: 999px; | ||
| + | float: left; | ||
| + | margin-right: 15px; | ||
| + | width: 60px; | ||
| + | } | ||
| + | .land-testimonial-name { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .land-companies { | ||
| + | text-align: center; | ||
| + | } | ||
| + | .land-companies hr { | ||
| + | margin-top: 0; | ||
| + | margin-bottom: 50px; | ||
| + | } | ||
| + | .land-companies h2 { | ||
| + | color: #a2b9be; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | .companyLogo { | ||
| + | margin: 20px; | ||
| + | width: 172px; | ||
| + | } | ||
| + | .schoolLogo { | ||
| + | margin: 25px; | ||
| + | width: 156px; | ||
| + | } | ||
| + | @media (max-width: 1199px) { | ||
| + | .companyLogo--lg { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | @media (max-width: 991px) { | ||
| + | .companyLogo--md { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | .land-testimonial-bio { | ||
| + | color: #a2b9be; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | height: 40px; | ||
| + | } | ||
| + | .land-section { | ||
| + | padding: 100px 0; | ||
| + | } | ||
| + | .land-section h3 { | ||
| + | font-size: 24px; | ||
| + | line-height: 1.3; | ||
| + | } | ||
| + | .land-section p { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | margin: 20px 0; | ||
| + | } | ||
| + | .land-section .land-cta { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .land-section--narrow { | ||
| + | padding: 58px 0; | ||
| + | } | ||
| + | .land-section-light { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .land-section-lighter { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .land-section-light { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .land-section-dark { | ||
| + | background-color: #344043; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .land-sectionIcon { | ||
| + | height: 110px; | ||
| + | } | ||
| + | .land-section-inverted { | ||
| + | background-color: #2c76cc; | ||
| + | color: white; | ||
| + | } | ||
| + | .land-section-inverted .land-cta { | ||
| + | border-color: white; | ||
| + | color: white; | ||
| + | } | ||
| + | .land-section-inverted .land-cta:hover { | ||
| + | background: white; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .land-section--blue { | ||
| + | background-color: #428ce1; | ||
| + | color: white; | ||
| + | } | ||
| + | .land-section--green { | ||
| + | background-color: #03c08d; | ||
| + | color: white; | ||
| + | } | ||
| + | .land-section-centered { | ||
| + | text-align: center; | ||
| + | } | ||
| + | .land-section-left { | ||
| + | padding-right: 40px; | ||
| + | } | ||
| + | .land-section-right { | ||
| + | padding-left: 40px; | ||
| + | } | ||
| + | .land-section-title { | ||
| + | font-size: 27px; | ||
| + | line-height: 36px; | ||
| + | font-family: 'GT Walsheim', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .land-section-text { | ||
| + | font-size: 23px; | ||
| + | line-height: 32px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | margin-top: 4px; | ||
| + | } | ||
| + | .land-section-text--small { | ||
| + | font-size: 15px; | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | .land-section-textCTA { | ||
| + | line-height: 1.9; | ||
| + | margin-top: 100px; | ||
| + | } | ||
| + | .land-section-textCTA-link { | ||
| + | color: white; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .land-section-textCTA-link:active, | ||
| + | .land-section-textCTA-link:hover, | ||
| + | .land-section-textCTA-link:focus { | ||
| + | color: white; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .land-section-largeLink { | ||
| + | font-size: 19px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .land-title { | ||
| + | font-size: 35px; | ||
| + | line-height: 48px; | ||
| + | font-family: 'GT Walsheim', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .plenticrisprImage { | ||
| + | max-width: 600px; | ||
| + | padding: 20px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .enterpriseTableImage { | ||
| + | max-width: 600px; | ||
| + | padding: 20px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .land-carousel { | ||
| + | position: relative; | ||
| + | } | ||
| + | .land-carouselWrapper { | ||
| + | overflow-x: hidden; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .land-carouselWrapper img, | ||
| + | .land-carouselWrapper .land-carousel-item { | ||
| + | display: inline-block; | ||
| + | overflow-x: initial; | ||
| + | white-space: initial; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .land-carousel img { | ||
| + | -webkit-transition: margin-left 0.3s ease-out; | ||
| + | transition: margin-left 0.3s ease-out; | ||
| + | } | ||
| + | .land-carouselWrapper .land-carousel-item { | ||
| + | -webkit-transition: margin-left 0.6s ease-out; | ||
| + | transition: margin-left 0.6s ease-out; | ||
| + | } | ||
| + | .land-carouselWrapper .land-page-carousel-img img { | ||
| + | border-radius: 50%; | ||
| + | height: 212px; | ||
| + | width: 212px; | ||
| + | } | ||
| + | .land-page-carousel-quote { | ||
| + | margin-top: 71px; | ||
| + | } | ||
| + | .land-page-carousel-subtitle, | ||
| + | .land-page-carousel-author { | ||
| + | margin-top: 38px; | ||
| + | font-size: 20px; | ||
| + | line-height: 1.5; | ||
| + | } | ||
| + | .land-page-carousel-author { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .carouselIndicator { | ||
| + | bottom: -30px; | ||
| + | left: 50%; | ||
| + | margin-left: -100px; | ||
| + | position: absolute; | ||
| + | text-align: center; | ||
| + | width: 200px; | ||
| + | } | ||
| + | .carouselIndicator div { | ||
| + | border: 2px solid #428ce1; | ||
| + | border-radius: 999px; | ||
| + | display: inline-block; | ||
| + | margin: 0 3px; | ||
| + | width: 10px; | ||
| + | height: 10px; | ||
| + | } | ||
| + | .carouselIndicator div.active { | ||
| + | background: #428ce1; | ||
| + | } | ||
| + | .land-page-carousel .carouselIndicator div { | ||
| + | margin: 0 14px; | ||
| + | } | ||
| + | .info-header.land-header { | ||
| + | background: url('../img/landing/cells.jpg') #344043; | ||
| + | } | ||
| + | .info-header h1 { | ||
| + | font-size: 36px; | ||
| + | margin-top: 60px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .info-header .land-cta { | ||
| + | margin-bottom: 60px; | ||
| + | } | ||
| + | .info-content hr { | ||
| + | margin: 40px 0; | ||
| + | } | ||
| + | .land-section-condensed { | ||
| + | padding: 50px 0; | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | .land-header h1 { | ||
| + | font-size: 46px; | ||
| + | margin-top: 100px; | ||
| + | } | ||
| + | .info-header h1 { | ||
| + | font-size: 42px; | ||
| + | margin-top: 80px; | ||
| + | } | ||
| + | .land-nav-link { | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .land-tagline { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 17px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .land-trustedLogos .hiddenXSLogo { | ||
| + | display: none; | ||
| + | } | ||
| + | .land-sectionIcon { | ||
| + | height: 70px; | ||
| + | } | ||
| + | .land-section { | ||
| + | padding: 65px 0; | ||
| + | } | ||
| + | .land-section h3 { | ||
| + | font-size: 17px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .land-section p { | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | margin: 10px 0; | ||
| + | } | ||
| + | } | ||
| + | @media (max-width: 991px) { | ||
| + | .land-trustedLogos .hiddenSMLogo { | ||
| + | display: none; | ||
| + | } | ||
| + | .land-section-left, | ||
| + | .land-section-right { | ||
| + | padding: 0 15px; | ||
| + | } | ||
| + | .land-section .chromeFrame { | ||
| + | margin-top: 30px; | ||
| + | } | ||
| + | .land-page:not(.new-land-page .land-page-linkedin), | ||
| + | .land-page-carousel-title, | ||
| + | .land-page-carousel-img, | ||
| + | .land-page-carousel-quote { | ||
| + | text-align: center; | ||
| + | } | ||
| + | } | ||
| + | .landPage-faq, | ||
| + | .landPage-ourStory { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .landPage-faq .aboutGrid-name, | ||
| + | .landPage-ourStory .aboutGrid-name { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .landPage-faq .aboutGrid-person, | ||
| + | .landPage-ourStory .aboutGrid-person { | ||
| + | width: 254px; | ||
| + | } | ||
| + | .landPage-faq .aboutGrid-pic, | ||
| + | .landPage-ourStory .aboutGrid-pic { | ||
| + | height: auto; | ||
| + | } | ||
| + | .landPage-faq .aboutGrid-container, | ||
| + | .landPage-ourStory .aboutGrid-container { | ||
| + | margin-left: -20px; | ||
| + | margin-right: -20px; | ||
| + | } | ||
| + | .landPage-faq h2, | ||
| + | .landPage-ourStory h2 { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | margin-top: 36px; | ||
| + | } | ||
| + | .landPage-faq h3, | ||
| + | .landPage-ourStory h3 { | ||
| + | margin-top: 30px; | ||
| + | } | ||
| + | .land-header .container, | ||
| + | .land-header .nyc-container { | ||
| + | max-width: 1480px; | ||
| + | margin-right: auto; | ||
| + | margin-left: auto; | ||
| + | } | ||
| + | .land-header .container.land-header-container--full { | ||
| + | max-width: initial; | ||
| + | } | ||
| + | .land-page-enterpriseMac { | ||
| + | float: right; | ||
| + | height: 560px; | ||
| + | margin-bottom: 52px; | ||
| + | margin-right: 28px; | ||
| + | } | ||
| + | .land-header-contents { | ||
| + | margin-top: 100px; | ||
| + | } | ||
| + | .land-page-enterpriseInfo-icon { | ||
| + | fill: currentColor; | ||
| + | height: 33px; | ||
| + | } | ||
| + | .land-page-enterpriseInfo-text { | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .land-page-benchlingFeature { | ||
| + | margin-top: 80px; | ||
| + | } | ||
| + | .land-page-benchlingFeature-img { | ||
| + | max-height: 240px; | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | .land-page-benchlingFeature--screenshot .land-page-benchlingFeature-img { | ||
| + | max-height: initial; | ||
| + | border-radius: 4px; | ||
| + | } | ||
| + | .land-page-benchlingFeature--narrow { | ||
| + | -webkit-align-items: flex-start; | ||
| + | -moz-align-items: flex-start; | ||
| + | -ms-align-items: flex-start; | ||
| + | align-items: flex-start; | ||
| + | } | ||
| + | .land-page-benchlingFeature--narrow .land-section-text { | ||
| + | font-size: 21px; | ||
| + | line-height: 28px; | ||
| + | } | ||
| + | .land-page-benchlingIconItem-wrapper { | ||
| + | margin-top: 88px; | ||
| + | } | ||
| + | .land-page-benchlingIconItem { | ||
| + | margin-bottom: 60px; | ||
| + | } | ||
| + | .land-page-benchlingIconItem-img { | ||
| + | height: 78px; | ||
| + | width: 78px; | ||
| + | } | ||
| + | .land-page-benchlingIconItem-text { | ||
| + | font-size: 13px; | ||
| + | height: 51px; | ||
| + | line-height: 1.6; | ||
| + | margin-bottom: 37px; | ||
| + | } | ||
| + | .land-page-benchlingIconItem .button { | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | .land-page-titleContainer { | ||
| + | max-width: 600px; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | } | ||
| + | .new-land-nav { | ||
| + | padding: 12px 28px; | ||
| + | background-color: white; | ||
| + | text-align: left; | ||
| + | } | ||
| + | .new-land-nav.sticky { | ||
| + | box-shadow: 0 -2px 10px 0 rgba(92, 123, 131, 0.5); | ||
| + | } | ||
| + | .new-land-nav.new-land-nav--blue { | ||
| + | background-color: #428ce1; | ||
| + | color: white; | ||
| + | } | ||
| + | .land-section--boxShadow { | ||
| + | box-shadow: 0 -2px 10px -2px rgba(92, 123, 131, 0.5); | ||
| + | position: relative; | ||
| + | } | ||
| + | .land-page-academicLink { | ||
| + | border: 1px solid #428ce1; | ||
| + | border-radius: 4px; | ||
| + | } | ||
| + | .land-page-academicLink-image { | ||
| + | margin-left: 15px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .land-page .land-page-titleContainer { | ||
| + | margin: 153px auto 0 auto; | ||
| + | max-width: 1500px; | ||
| + | max-height: 600px; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | .land-page .land-page-titleContainer { | ||
| + | margin-top: 80px; | ||
| + | } | ||
| + | } | ||
| + | .land-page .land-page-titleCTA { | ||
| + | margin-top: 48px; | ||
| + | } | ||
| + | .land-page .land-page-titleContainer--split { | ||
| + | margin: 153px auto; | ||
| + | max-height: initial; | ||
| + | } | ||
| + | .land-page-xl-spacing-top, | ||
| + | .land-page .land-successCTA { | ||
| + | margin-top: 48px; | ||
| + | } | ||
| + | .land-page-titleImageContainer--splitLarge { | ||
| + | overflow: hidden; | ||
| + | width: 2000px; | ||
| + | max-height: 600px; | ||
| + | } | ||
| + | .land-page .land-page-titleImage { | ||
| + | width: 1220px; | ||
| + | margin-top: 60px; | ||
| + | } | ||
| + | .land-page .land-page-video { | ||
| + | width: 655px; | ||
| + | height: 400px; | ||
| + | margin-top: 60px; | ||
| + | } | ||
| + | .land-page .land-page-titleImage--split { | ||
| + | width: 100%; | ||
| + | max-width: 480px; | ||
| + | } | ||
| + | .land-page .land-page-titleImage--splitLarge { | ||
| + | margin-top: 0; | ||
| + | width: 1060px; | ||
| + | } | ||
| + | .land-page .land-page-featureImageContainer { | ||
| + | text-align: center; | ||
| + | max-width: 1500px; | ||
| + | max-height: 500px; | ||
| + | margin: 40px auto 0 auto; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .land-page .land-page-featureImage { | ||
| + | max-width: 100%; | ||
| + | padding: 0 40px; | ||
| + | } | ||
| + | .land-nav-linkDropdownContainer { | ||
| + | float: right; | ||
| + | } | ||
| + | .land-nav-linkDropdownContainer .dropdown-menu { | ||
| + | margin-left: 30px; | ||
| + | } | ||
| + | .land-page-doesBestTitle { | ||
| + | margin-left: 100px; | ||
| + | } | ||
| + | .land-page-bestImageContainer { | ||
| + | margin-bottom: 60px; | ||
| + | } | ||
| + | .land-page-doesBestImage { | ||
| + | width: 120px; | ||
| + | } | ||
| + | .land-page-faqQuestion { | ||
| + | font-size: 18px; | ||
| + | line-height: 24px; | ||
| + | font-family: 'GT Walsheim', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .land-page-faqText { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .footer.new-footer { | ||
| + | background-color: #f8fafb; | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | .new-footer a { | ||
| + | color: #5c7c83; | ||
| + | font-size: 14px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .enterpriseContactSection { | ||
| + | max-width: 600px; | ||
| + | border-radius: 4px; | ||
| + | margin: 40px auto; | ||
| + | padding: 20px; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .enterpriseContactSection .row { | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | .enterpriseContactSection label { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .enterpriseContactSection input { | ||
| + | font-size: 15px; | ||
| + | line-height: 20px; | ||
| + | height: 40px; | ||
| + | } | ||
| + | .enterpriseContactSection textarea { | ||
| + | height: 5em; | ||
| + | } | ||
| + | .land-page-pathChoice { | ||
| + | font-size: 23px; | ||
| + | font-weight: 600; | ||
| + | line-height: 32px; | ||
| + | display: inline-block; | ||
| + | padding: 14px 28px 14px 18px; | ||
| + | border: 2px solid #2c76cc; | ||
| + | border-radius: 8px; | ||
| + | margin: 10px 20px; | ||
| + | cursor: pointer; | ||
| + | background-color: #2c76cc; | ||
| + | color: white; | ||
| + | } | ||
| + | .land-page-pathChoice:hover { | ||
| + | background-color: #286cbb; | ||
| + | border-color: #286cbb; | ||
| + | color: white; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .land-page-pathChoice:active, | ||
| + | .land-page-pathChoice:focus { | ||
| + | background-color: #2563aa; | ||
| + | border-color: #2563aa; | ||
| + | outline: none; | ||
| + | color: white; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .land-page-pathChoice img { | ||
| + | margin-right: 12px; | ||
| + | height: 28px; | ||
| + | margin-top: -4px; | ||
| + | } | ||
| + | .land-page-pathChoice--clipboard { | ||
| + | padding-left: 22px; | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | .land-page-pathChoice img { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | .land-page-pathChoice .fa-chevron-right { | ||
| + | font-size: 15px; | ||
| + | } | ||
| + | .landpage-pathChoiceNeitherContainer { | ||
| + | margin-top: 80px; | ||
| + | } | ||
| + | .landpage-pathChoiceNeither { | ||
| + | color: white; | ||
| + | font-size: 17px; | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | .landpage-pathChoiceNeither:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | .land-page-pathChoiceContainer { | ||
| + | margin-top: 80px; | ||
| + | } | ||
| + | .land-page-titleContainer.land-page-pathChoiceDescription { | ||
| + | max-width: 800px; | ||
| + | padding: 0 20px; | ||
| + | } | ||
| + | input.inlineForm-input--large { | ||
| + | height: 48px; | ||
| + | width: 240px; | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | input.inlineForm-input--medium { | ||
| + | height: 36px; | ||
| + | width: 200px; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | input.inlineForm-input--small { | ||
| + | height: 28px; | ||
| + | width: 200px; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .inlineForm--primary input:focus, | ||
| + | .inlineForm--primary input:hover { | ||
| + | border-color: #03c08d; | ||
| + | } | ||
| + | .inlineForm--secondary input:focus, | ||
| + | .inlineForm--secondary input:hover { | ||
| + | border-color: #428ce1; | ||
| + | } | ||
| + | .inlineForm .inlineForm-button { | ||
| + | margin-left: -5px; | ||
| + | border-top-left-radius: 0; | ||
| + | border-bottom-left-radius: 0; | ||
| + | position: relative; | ||
| + | } | ||
| + | input.inlineForm-input { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | input.inlineForm-input { | ||
| + | width: 152px; | ||
| + | } | ||
| + | } | ||
| + | .case-studies-landing-icon { | ||
| + | height: 100px; | ||
| + | } | ||
| + | .case-studies-landing-help-email-input { | ||
| + | margin: 12px 0; | ||
| + | } | ||
| + | .case-studies-landing-help-select { | ||
| + | width: 300px; | ||
| + | } | ||
| + | .case-studies-landing-help-select:invalid { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .case-studies-landing-icon-text { | ||
| + | font-size: 19px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .case-studies-landing-company-subtitle { | ||
| + | font-size: 21px; | ||
| + | font-style: italic; | ||
| + | } | ||
| + | .case-studies-landing-company-logo-container { | ||
| + | height: 50px; | ||
| + | line-height: 50px; | ||
| + | } | ||
| + | .case-studies-landing-company-logo { | ||
| + | width: 120px; | ||
| + | } | ||
| + | .case-studies-landing-company-logo--inactive { | ||
| + | opacity: 0.5; | ||
| + | -webkit-filter: grayscale(100%); | ||
| + | } | ||
| + | .case-studies-landing-company-content--inactive { | ||
| + | opacity: 0; | ||
| + | } | ||
| + | .case-studies-landing-company-logo-chevron { | ||
| + | font-size: 24px; | ||
| + | color: #5c7c83; | ||
| + | line-height: 50px; | ||
| + | } | ||
| + | /* Compete with 100% width specified elsewhere */ | ||
| + | input.case-studies-landing-more-information-input { | ||
| + | width: 300px; | ||
| + | } | ||
| + | /* Put some extra selector components in to compete with specificity from components/buttons.less */ | ||
| + | button.case-studies-landing-more-information-button:hover { | ||
| + | background: #2c76cc; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .case-studies-landing-zymergen-subtitle { | ||
| + | font-family: 'GT Walsheim', Helvetica, Arial, sans-serif; | ||
| + | font-size: 18px; | ||
| + | } | ||
| + | input.case-studies-landing-zymergen-form-field { | ||
| + | width: 300px; | ||
| + | } | ||
| + | .land-page-linkedin .land-page-titleImage--splitLarge { | ||
| + | margin-left: -230px; | ||
| + | } | ||
| + | .feature-panel { | ||
| + | border-radius: 4px; | ||
| + | border: solid 1px #c9d8db; | ||
| + | margin-left: 10px; | ||
| + | margin-right: 10px; | ||
| + | padding: 10px; | ||
| + | min-height: 282px; | ||
| + | } | ||
| + | .feature-panel-image { | ||
| + | margin-left: 10px; | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | .feaure-panel-title { | ||
| + | font-size: 25px; | ||
| + | font-weight: normal; | ||
| + | font-style: normal; | ||
| + | font-stretch: normal; | ||
| + | line-height: 1.44; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .feature-panel-text { | ||
| + | margin-top: 8px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 19px; | ||
| + | font-weight: normal; | ||
| + | font-style: normal; | ||
| + | font-stretch: normal; | ||
| + | line-height: 1.47; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .feature-panel-cta { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .linkedin-signup label { | ||
| + | display: block; | ||
| + | } | ||
| + | .linkedin-signup-text { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 23px; | ||
| + | font-weight: normal; | ||
| + | font-style: normal; | ||
| + | font-stretch: normal; | ||
| + | line-height: 1.39; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .linkedin-signup-title { | ||
| + | font-family: 'GT Walsheim', Helvetica, Arial, sans-serif; | ||
| + | font-size: 35px; | ||
| + | line-height: 1.37; | ||
| + | } | ||
| + | .linkedin-signup input { | ||
| + | max-width: 400px; | ||
| + | height: 36px; | ||
| + | } | ||
| + | .linkedin-signup button { | ||
| + | width: 102px; | ||
| + | height: 48px; | ||
| + | } | ||
| + | .linkedin-signup label { | ||
| + | font-size: 13px; | ||
| + | } | ||
| + | .linkedin-signup a { | ||
| + | color: white; | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | .land-logo-strip { | ||
| + | display: flex; | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | -webkit-justify-content: flex-start; | ||
| + | -moz-justify-content: flex-start; | ||
| + | -ms-justify-content: flex-start; | ||
| + | justify-content: flex-start; | ||
| + | } | ||
| + | .land-logo-strip img { | ||
| + | width: 80px; | ||
| + | } | ||
| + | .land-logo-strip .zymergen-logo { | ||
| + | width: 120px; | ||
| + | } | ||
| + | .land-logo-strip .arcturus-logo { | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | .feature-container { | ||
| + | padding-top: 30px; | ||
| + | } | ||
| + | @media (max-width: 991px) { | ||
| + | .feature-container h1 { | ||
| + | text-align: center !important; | ||
| + | } | ||
| + | } | ||
| + | @media (max-width: 991px) { | ||
| + | .land-logo-strip .zymergen-logo { | ||
| + | width: 70px; | ||
| + | } | ||
| + | .land-logo-strip img { | ||
| + | max-width: 20%; | ||
| + | } | ||
| + | .linkedin-signup input { | ||
| + | max-width: 90%; | ||
| + | } | ||
| + | .linkedin-signup-text { | ||
| + | font-size: 17px; | ||
| + | } | ||
| + | .linkedin-signup-title { | ||
| + | font-size: 23px; | ||
| + | } | ||
| + | .linkedin-signup-text { | ||
| + | font-size: 17px; | ||
| + | } | ||
| + | .linkedin-signup-title { | ||
| + | font-size: 23px; | ||
| + | } | ||
| + | .feature-panel { | ||
| + | padding: 2px; | ||
| + | } | ||
| + | .feature-container .row.u-large-spacing-top { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | .feature-panel-image { | ||
| + | display: block; | ||
| + | margin-left: 0px; | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | .land-title { | ||
| + | font-size: 25px; | ||
| + | line-height: 1.44; | ||
| + | max-width: 85%; | ||
| + | } | ||
| + | .land-section-text { | ||
| + | font-size: 19px; | ||
| + | max-width: 85%; | ||
| + | } | ||
| + | } | ||
| + | #auth { | ||
| + | background: #f8fafb; | ||
| + | } | ||
| + | #auth .logo { | ||
| + | text-align: center; | ||
| + | display: block; | ||
| + | margin-bottom: 30px; | ||
| + | } | ||
| + | #auth .powered-by-benchling { | ||
| + | font-size: 13px; | ||
| + | display: block; | ||
| + | } | ||
| + | #auth .centered-box { | ||
| + | background: #fff; | ||
| + | border: 1px solid #c9d8db; | ||
| + | margin: 100px auto 0 auto; | ||
| + | border-radius: 3px; | ||
| + | padding: 40px; | ||
| + | } | ||
| + | #auth .centered-box .extra-links { | ||
| + | margin-top: 10px; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #auth .centered-box.sign-in, | ||
| + | #auth .centered-box.sign-up, | ||
| + | #auth .centered-box.sign-out, | ||
| + | #auth .centered-box.verify-email-message { | ||
| + | max-width: 400px; | ||
| + | } | ||
| + | #auth .centered-box.organization-setup { | ||
| + | max-width: 500px; | ||
| + | } | ||
| + | #auth .centered-box .info-col h2:first-child { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | #auth button { | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | #auth .google-oauth-signin { | ||
| + | display: block; | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | #editor .sign-in input[type='text'], | ||
| + | #auth .sign-in input[type='text'], | ||
| + | #editor .sign-up input[type='text'], | ||
| + | #auth .sign-up input[type='text'], | ||
| + | #editor .sign-in input[type='password'], | ||
| + | #auth .sign-in input[type='password'], | ||
| + | #editor .sign-up input[type='password'], | ||
| + | #auth .sign-up input[type='password'], | ||
| + | #editor .sign-in select, | ||
| + | #auth .sign-in select, | ||
| + | #editor .sign-up select, | ||
| + | #auth .sign-up select { | ||
| + | height: 43px; | ||
| + | padding: 10px 16px; | ||
| + | font-size: 16px; | ||
| + | line-height: 1.33; | ||
| + | border-radius: 3px; | ||
| + | line-height: 1.5; | ||
| + | } | ||
| + | select#editor .sign-in input[type='text'], | ||
| + | select#auth .sign-in input[type='text'], | ||
| + | select#editor .sign-up input[type='text'], | ||
| + | select#auth .sign-up input[type='text'], | ||
| + | select#editor .sign-in input[type='password'], | ||
| + | select#auth .sign-in input[type='password'], | ||
| + | select#editor .sign-up input[type='password'], | ||
| + | select#auth .sign-up input[type='password'], | ||
| + | select#editor .sign-in select, | ||
| + | select#auth .sign-in select, | ||
| + | select#editor .sign-up select, | ||
| + | select#auth .sign-up select { | ||
| + | height: 43px; | ||
| + | line-height: 43px; | ||
| + | } | ||
| + | textarea#editor .sign-in input[type='text'], | ||
| + | textarea#auth .sign-in input[type='text'], | ||
| + | textarea#editor .sign-up input[type='text'], | ||
| + | textarea#auth .sign-up input[type='text'], | ||
| + | textarea#editor .sign-in input[type='password'], | ||
| + | textarea#auth .sign-in input[type='password'], | ||
| + | textarea#editor .sign-up input[type='password'], | ||
| + | textarea#auth .sign-up input[type='password'], | ||
| + | textarea#editor .sign-in select, | ||
| + | textarea#auth .sign-in select, | ||
| + | textarea#editor .sign-up select, | ||
| + | textarea#auth .sign-up select { | ||
| + | height: auto; | ||
| + | } | ||
| + | .signup-form .help-block, | ||
| + | #getting-started-form .help-block { | ||
| + | margin: 15px 0 0 0; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .signup-form .fieldStatus-iconContainer { | ||
| + | position: absolute; | ||
| + | right: 16px; | ||
| + | top: 30px; | ||
| + | } | ||
| + | .signup-form .fieldStatus-icon { | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .homepageAuthForm { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .homepageAuthForm label { | ||
| + | color: #344043; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .homepageAuthForm label.required:after { | ||
| + | content: ''; | ||
| + | } | ||
| + | .signupFAQ { | ||
| + | max-width: 400px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 19px; | ||
| + | line-height: 24px; | ||
| + | margin: 160px auto 0 auto; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | .signupFAQ { | ||
| + | margin-left: 48px; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1200px) { | ||
| + | .signupFAQ { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | } | ||
| + | .signupFAQ ul { | ||
| + | padding-left: 20px; | ||
| + | } | ||
| + | .signupFAQ strong { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .signupFAQ-title { | ||
| + | margin-bottom: 28px; | ||
| + | } | ||
| + | .signupFAQ-questionsPanel { | ||
| + | background-color: inherit; | ||
| + | border: none; | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | .signupFAQ-question { | ||
| + | margin-top: 20px; | ||
| + | } | ||
| + | .signupFAQ-question.collapsed a { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .signupFAQ-answer { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | margin-top: 6px; | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .signupFAQ-question-chevron { | ||
| + | margin-left: -28px; | ||
| + | float: left; | ||
| + | } | ||
| + | .signupFAQ-question .glyphicon { | ||
| + | display: none; | ||
| + | } | ||
| + | .signupFAQ-question:not(.collapsed) .glyphicon-chevron-down { | ||
| + | display: block; | ||
| + | } | ||
| + | .signupFAQ-question.collapsed .glyphicon-chevron-right { | ||
| + | display: block; | ||
| + | } | ||
| + | .survey-popup { | ||
| + | padding: 10px; | ||
| + | position: fixed; | ||
| + | right: 50px; | ||
| + | bottom: 50px; | ||
| + | width: 350px; | ||
| + | min-height: 100px; | ||
| + | z-index: 100000; | ||
| + | border-radius: 3px; | ||
| + | background: white; | ||
| + | opacity: 1.0; | ||
| + | -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.3), 0 0 20px rgba(0,0,0,0.1); | ||
| + | box-shadow: 0 10px 30px rgba(0,0,0,0.3), 0 0 20px rgba(0,0,0,0.1); | ||
| + | } | ||
| + | .survey-popup p { | ||
| + | padding-left: 1.75em; | ||
| + | padding-right: 1.75em; | ||
| + | } | ||
| + | .survey-popup textarea { | ||
| + | font: 100%; | ||
| + | resize: none; | ||
| + | height: 50px; | ||
| + | } | ||
| + | .survey-popup .survey-response { | ||
| + | margin-top: 15px; | ||
| + | position: absolute; | ||
| + | display: none; | ||
| + | } | ||
| + | .survey-popup .survey-question { | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | .survey-popup, | ||
| + | .survey-popup .survey-popup-body { | ||
| + | -webkit-transition: opacity 100 ease-out; | ||
| + | transition: opacity 100 ease-out; | ||
| + | } | ||
| + | .survey-popup.survey-vanish, | ||
| + | .survey-popup .survey-vanish { | ||
| + | opacity: 0; | ||
| + | } | ||
| + | .survey-popup .survey-popup-body { | ||
| + | padding: 0px 20px; | ||
| + | } | ||
| + | .survey-popup .survey-popup-body.survey-hidden { | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | .entryCalendar { | ||
| + | position: relative; | ||
| + | } | ||
| + | .calendarBorderBottom { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | margin-right: -12px; | ||
| + | } | ||
| + | #editor.hasLegacyNav .calendarBorderBottom { | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .entryCalendar-toolbar { | ||
| + | padding: 0 66px 42px 0; | ||
| + | } | ||
| + | .entryCalendar-toolbar--legacy { | ||
| + | margin-bottom: 15px; | ||
| + | } | ||
| + | .entryCalendar-pagination { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .calendarTable { | ||
| + | width: 100%; | ||
| + | table-layout: fixed; | ||
| + | } | ||
| + | .calendarTable-day { | ||
| + | color: #5c7c83; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | text-transform: uppercase; | ||
| + | padding: 0 0 4px 16px; | ||
| + | } | ||
| + | #editor.hasLegacyNav .calendarTable-day { | ||
| + | padding-left: 8px; | ||
| + | } | ||
| + | .weekComponent-date-text { | ||
| + | border-radius: 50%; | ||
| + | color: #a2b9be; | ||
| + | cursor: pointer; | ||
| + | display: inline-block; | ||
| + | font-size: 14px; | ||
| + | height: 24px; | ||
| + | line-height: 24px; | ||
| + | margin: 5px; | ||
| + | text-align: center; | ||
| + | width: 24px; | ||
| + | } | ||
| + | #editor.hasLegacyNav .weekComponent-date-text { | ||
| + | font-weight: 500; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .weekComponent-date-text--faded { | ||
| + | color: #c9d8db; | ||
| + | } | ||
| + | .weekComponent-date-text.is-today, | ||
| + | .weekComponent-date-text.is-withinMouseRange { | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .weekComponent-date-text.is-today .weekComponent-date-text--faded, | ||
| + | .weekComponent-date-text.is-withinMouseRange .weekComponent-date-text--faded { | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .weekComponent-date-text.is-today { | ||
| + | background-color: #428ce1; | ||
| + | } | ||
| + | .weekComponent-date-text.is-withinMouseRange { | ||
| + | background-color: #fdd586; | ||
| + | } | ||
| + | .weekComponent-date-text:hover { | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | .weekComponent-date { | ||
| + | color: #5c7c83; | ||
| + | padding: 5px; | ||
| + | border-top: 1px solid #e8f0f2; | ||
| + | border-left: 1px solid #e8f0f2; | ||
| + | border-right: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .weekComponent td { | ||
| + | padding: 0 5px 5px; | ||
| + | border-left: 1px solid #e8f0f2; | ||
| + | border-right: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .calendarItem.isHighlighted { | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | .calendarItem-position { | ||
| + | position: relative; | ||
| + | min-height: 20px; | ||
| + | } | ||
| + | .calendarItem-content { | ||
| + | border-radius: 16px; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | padding: 2px 11px; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .dailyFileActivity { | ||
| + | background: #f8fafb; | ||
| + | border-left: 1px solid #e8f0f2; | ||
| + | border-right: 1px solid #e8f0f2; | ||
| + | padding: 6px 15px 12px 15px; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .dailyFileActivity--dayView { | ||
| + | background: #ffffff; | ||
| + | border: none; | ||
| + | } | ||
| + | .dailyFileActivity-inner { | ||
| + | min-height: 100px; | ||
| + | } | ||
| + | .dailyFileActivity-header { | ||
| + | color: #a2b9be; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | text-transform: uppercase; | ||
| + | margin-bottom: 8px; | ||
| + | } | ||
| + | #editor.hasLegacyNav .dailyFileActivity-header { | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | .accessedFile { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | padding: 12px 14px 8px 14px; | ||
| + | margin: 0 28px 0 -14px; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .accessedFile:hover { | ||
| + | background: #f8fafb; | ||
| + | } | ||
| + | .accessedFile--compact, | ||
| + | .accessedFile--legacy { | ||
| + | border: none; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .dailyFileActivity-icon { | ||
| + | color: #c9d8db; | ||
| + | height: 12px; | ||
| + | margin-right: 12px; | ||
| + | width: 12px; | ||
| + | } | ||
| + | .dailyFileActivity-icon--compact { | ||
| + | height: 10px; | ||
| + | margin-right: 6px; | ||
| + | width: 10px; | ||
| + | } | ||
| + | .dailyFileActivity-file { | ||
| + | color: #344043; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .dailyFileActivity-accessTime { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .dailyFileActivity-file:active, | ||
| + | .dailyFileActivity-file:focus { | ||
| + | color: #344043; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .dailyFileActivity-file:hover { | ||
| + | color: #428ce1; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .dailyFileActivity-file--deleted, | ||
| + | .dailyFileActivity-file--deleted:hover { | ||
| + | color: #344043; | ||
| + | text-decoration: line-through; | ||
| + | } | ||
| + | .entryCalendar .popover { | ||
| + | min-width: 200px; | ||
| + | } | ||
| + | .entryCalendar-dayView-container { | ||
| + | padding-right: 66px; | ||
| + | } | ||
| + | .entryCalendar-dayView-noEntries { | ||
| + | color: #c9d8db; | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .entryExcerpt--legacy { | ||
| + | margin-bottom: 15px; | ||
| + | } | ||
| + | .entryExcerpt--legacy:last-child { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .entryExcerpt { | ||
| + | margin-bottom: 40px; | ||
| + | } | ||
| + | .entryExcerpt-header { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | margin-bottom: 4px; | ||
| + | } | ||
| + | .entryExcerpt-header:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .entryExcerpt-subheader { | ||
| + | color: #5c7c83; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | margin-bottom: 7px; | ||
| + | } | ||
| + | .entryExcerpt-previewText { | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | word-break: break-word; | ||
| + | } | ||
| + | .calendarProjectFilter ul { | ||
| + | list-style: none; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .projectFilterItem { | ||
| + | border-left: 3px solid #f8fafb; | ||
| + | color: #e8f0f2; | ||
| + | } | ||
| + | .projectFilterItem .swatch { | ||
| + | float: left; | ||
| + | margin-top: 4px; | ||
| + | } | ||
| + | .projectFilterItem-text { | ||
| + | word-break: break-word; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .projectFilterItem.visible { | ||
| + | border-left: 3px solid #428ce1; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .projectFilterItem:hover { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .calendarFilter { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | height: 16px; | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | .calendarFilter-swatch { | ||
| + | border-radius: 50%; | ||
| + | display: inline-block; | ||
| + | height: 12px; | ||
| + | margin-right: 4px; | ||
| + | width: 12px; | ||
| + | } | ||
| + | .calendarFilter-dropdownItem { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | } | ||
| + | .entryCalendar-dayView-newEntryButton { | ||
| + | float: right; | ||
| + | } | ||
| + | .newEntryPopover { | ||
| + | min-width: 220px; | ||
| + | } | ||
| + | .image-edit-modal { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .image-edit-modal .image-edit-tool-bar { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | .image-edit-modal .controls { | ||
| + | margin-top: 5px; | ||
| + | padding-top: 10px; | ||
| + | padding-bottom: 10px; | ||
| + | text-align: center; | ||
| + | height: 75px; | ||
| + | } | ||
| + | .image-edit-modal .controls .slider-wrapper { | ||
| + | padding-left: 10px; | ||
| + | padding-right: 10px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .image-edit-modal .controls .slider-wrapper .slider { | ||
| + | padding: 0; | ||
| + | height: 6px; | ||
| + | border: 1px solid #c9d8db; | ||
| + | width: 320px; | ||
| + | display: inline-block; | ||
| + | cursor: pointer; | ||
| + | margin: 10px 10px 0; | ||
| + | } | ||
| + | .image-edit-modal .controls .slider-wrapper .slider-value { | ||
| + | display: inline-block; | ||
| + | width: 20px; | ||
| + | } | ||
| + | .image-edit-modal .controls .btn-group { | ||
| + | float: none; | ||
| + | } | ||
| + | .image-edit-modal .controls-list { | ||
| + | width: 100%; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .image-edit-modal .controls-list button { | ||
| + | width: 140px; | ||
| + | } | ||
| + | .image-edit-modal .controls-list button span { | ||
| + | padding-left: 2px; | ||
| + | padding-right: 2px; | ||
| + | } | ||
| + | .image-edit-modal .canvas-wrapper { | ||
| + | position: relative; | ||
| + | } | ||
| + | .image-edit-modal .canvas-wrapper canvas { | ||
| + | max-width: 100%; | ||
| + | max-height: 500px; | ||
| + | } | ||
| + | .image-edit-modal .canvas-wrapper .basis-canvas-wrapper { | ||
| + | visibility: hidden; | ||
| + | position: absolute; | ||
| + | } | ||
| + | .image-edit-modal .canvas-wrapper .sub-canvas-wrapper canvas { | ||
| + | background-color: #e8f0f2; | ||
| + | background-image: linear-gradient(45deg, #c9d8db 25%, transparent 25%, transparent 75%, #c9d8db 75%, #c9d8db), linear-gradient(45deg, #c9d8db 25%, transparent 25%, transparent 75%, #c9d8db 75%, #c9d8db); | ||
| + | background-size: 60px 60px; | ||
| + | background-position: 0 0, 30px 30px; | ||
| + | } | ||
| + | .image-edit-modal .canvas-wrapper .sub-canvas-wrapper canvas.invisible { | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | .image-edit-modal .canvas-wrapper .sub-canvas-wrapper canvas.in-front { | ||
| + | position: absolute; | ||
| + | z-index: 10001; | ||
| + | } | ||
| + | .order-page .edit-meta-icon { | ||
| + | margin: 3px 0 0 10px; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | .order-page .primary-name { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .order-page .btn-toolbar .spinner { | ||
| + | margin-top: 4px; | ||
| + | } | ||
| + | .order-page .well > .spinner { | ||
| + | margin-top: -5px; | ||
| + | } | ||
| + | .order-page .well button + .spinner { | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .order-page fieldset.add-sequences-divider { | ||
| + | border-top: 1px solid #c9d8db; | ||
| + | } | ||
| + | .order-page fieldset.add-sequences-divider legend { | ||
| + | padding: 5px 10px; | ||
| + | } | ||
| + | .order-page .vector-select { | ||
| + | min-width: 110px; | ||
| + | max-width: 175px; | ||
| + | } | ||
| + | .edit-order-form-fields { | ||
| + | font-weight: normal; | ||
| + | text-align: left; | ||
| + | white-space: normal; | ||
| + | } | ||
| + | .cut-site-chooser { | ||
| + | display: inline-block; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | .profiles .react-mount input, | ||
| + | .profiles .react-mount select { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .add-order-item-row:hover .add-order-item-icon { | ||
| + | color: #03c08d; | ||
| + | } | ||
| + | .add-order-item-row:hover .add-order-item-icon.u-warning-color { | ||
| + | color: #e96e51; | ||
| + | } | ||
| + | .order-sequence-name .edit-order-sequence { | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | .order-sequence-name:hover .edit-order-sequence { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .order-checkbox { | ||
| + | width: 30px; | ||
| + | } | ||
| + | .order-sequence-bases { | ||
| + | word-break: break-all; | ||
| + | max-height: 200px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .order-sequence-bases::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .order-sequence-bases::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .order-sequence-bases:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .order-sequence-bases::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .order-sequence-bases:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .buffer-tab-innerTab { | ||
| + | background: white; | ||
| + | padding: 10px; | ||
| + | } | ||
| + | .browser-finder { | ||
| + | display: table; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .browser-finder-header { | ||
| + | display: table-row; | ||
| + | width: 100%; | ||
| + | height: 0px; | ||
| + | } | ||
| + | .browser-finder-header .btn-toolbar .btn-group, | ||
| + | .browser-finder-header .btn-toolbar .btn { | ||
| + | float: none; | ||
| + | } | ||
| + | .browser-finder-body { | ||
| + | display: table-row; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | } | ||
| + | .browser-finder-body-home { | ||
| + | height: 100%; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .browser-finder-body-home::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .browser-finder-body-home::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .browser-finder-body-home:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .browser-finder-body-home::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .browser-finder-body-home:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .folder-toolbar { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .finderBreadcrumbs { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .finderBreadcrumbs-item, | ||
| + | .finderBreadcrumbs-divider { | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .finderBreadcrumbs-item { | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .finderBreadcrumbs-item:hover { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .finderBreadcrumbs-divider { | ||
| + | color: #a2b9be; | ||
| + | font-size: 9px; | ||
| + | margin: 0 7px; | ||
| + | } | ||
| + | .file-browser-pagination { | ||
| + | font-size: 12px; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .file-browser-pagination .page-details { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .file-browser-pagination .pager { | ||
| + | display: inline-block; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .file-browser-pagination .pager > li > a, | ||
| + | .file-browser-pagination .pager > li > span { | ||
| + | padding: 2px 10px; | ||
| + | line-height: 22px; | ||
| + | } | ||
| + | .file-browser-pagination-sortedByLabel { | ||
| + | color: #428ce1; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | #editor.hasLegacyNav .file-browser-pagination-sortedByLabel { | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | .browser-history-activity span { | ||
| + | line-height: 25px; | ||
| + | } | ||
| + | .browser-history-activity i { | ||
| + | border-radius: 3px; | ||
| + | height: 25px; | ||
| + | width: 25px; | ||
| + | padding-top: 5px; | ||
| + | color: white; | ||
| + | } | ||
| + | .browser-history-activity .avatar { | ||
| + | width: 25px; | ||
| + | height: 25px; | ||
| + | } | ||
| + | .browser-history-activity .file-type-icon { | ||
| + | color: black; | ||
| + | width: 25px; | ||
| + | } | ||
| + | .browser-history-activity .file-type-icon.glyphicon { | ||
| + | margin-top: -3px; | ||
| + | } | ||
| + | .browser-history-activity .fa-pencil, | ||
| + | .browser-history-activity .fa-comment, | ||
| + | .browser-history-activity .fa-arrow-right { | ||
| + | background-color: #aac2c7; | ||
| + | } | ||
| + | .browser-history-activity .fa-check { | ||
| + | background-color: #468847; | ||
| + | } | ||
| + | .browser-history-activity .fa-times { | ||
| + | background-color: #b94a48; | ||
| + | } | ||
| + | .browser-history-activity .fa-undo { | ||
| + | background-color: #b94a48; | ||
| + | } | ||
| + | .browser-history-older-changes { | ||
| + | padding: 10px; | ||
| + | background: #bacdd1; | ||
| + | border: 1px solid #c9d8db; | ||
| + | } | ||
| + | .browser-activity-note { | ||
| + | border-left: 5px solid #c9d8db; | ||
| + | padding: 10px 20px; | ||
| + | background-color: #feefd1; | ||
| + | } | ||
| + | .fileOnboardingCard { | ||
| + | background: #d9edf7; | ||
| + | padding: 10px; | ||
| + | } | ||
| + | .fileOnboardingCard-checklist .popover { | ||
| + | color: initial; | ||
| + | } | ||
| + | @-moz-document url-prefix() { | ||
| + | .dnd-drop-container { | ||
| + | position: relative; | ||
| + | } | ||
| + | } | ||
| + | .dnd-drop-container.is-interacting-allowed, | ||
| + | .dnd-drop-container.is-interacting-disallowed { | ||
| + | position: relative; | ||
| + | background-color: white; | ||
| + | } | ||
| + | .dnd-drop-container.is-interacting-allowed > .dnd-drop-container-border, | ||
| + | .dnd-drop-container.is-interacting-disallowed > .dnd-drop-container-border { | ||
| + | display: block; | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | content: ''; | ||
| + | pointer-events: none; | ||
| + | } | ||
| + | .dnd-drop-container.is-interacting-allowed > .dnd-drop-container-border { | ||
| + | box-shadow: inset 0 0 0 2px #428ce1; | ||
| + | } | ||
| + | .dnd-drop-container.is-interacting-disallowed { | ||
| + | opacity: 0.8; | ||
| + | } | ||
| + | .dnd-drop-container.is-interacting-disallowed > .dnd-drop-container-border { | ||
| + | box-shadow: inset 0 0 0 2px #e96e51; | ||
| + | } | ||
| + | .dnd-drop-container-border { | ||
| + | display: none; | ||
| + | } | ||
| + | table.dnd-drop-table { | ||
| + | border-collapse: separate; | ||
| + | } | ||
| + | table.dnd-drop-table tr td:first-child { | ||
| + | border-left: 2px solid transparent; | ||
| + | } | ||
| + | table.dnd-drop-table tr td:last-child { | ||
| + | border-right: 2px solid transparent; | ||
| + | } | ||
| + | table.dnd-drop-table tr td { | ||
| + | border-top: 2px solid transparent; | ||
| + | border-bottom: 2px solid transparent; | ||
| + | } | ||
| + | table.dnd-drop-table tr.dnd-drop-container.is-interacting-allowed td:first-child { | ||
| + | border-left: 2px solid #428ce1; | ||
| + | } | ||
| + | table.dnd-drop-table tr.dnd-drop-container.is-interacting-allowed td:last-child { | ||
| + | border-right: 2px solid #428ce1; | ||
| + | } | ||
| + | table.dnd-drop-table tr.dnd-drop-container.is-interacting-allowed td { | ||
| + | border-top: 2px solid #428ce1; | ||
| + | border-bottom: 2px solid #428ce1; | ||
| + | } | ||
| + | table.dnd-drop-table tr.dnd-drop-container.is-interacting-disallowed td:first-child { | ||
| + | border-left: 2px solid #e96e51; | ||
| + | } | ||
| + | table.dnd-drop-table tr.dnd-drop-container.is-interacting-disallowed td:last-child { | ||
| + | border-right: 2px solid #e96e51; | ||
| + | } | ||
| + | table.dnd-drop-table tr.dnd-drop-container.is-interacting-disallowed td { | ||
| + | border-top: 2px solid #e96e51; | ||
| + | border-bottom: 2px solid #e96e51; | ||
| + | } | ||
| + | .tutorialPage { | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | background-color: #c9d8db; | ||
| + | } | ||
| + | .tutorialPage-iframe { | ||
| + | border: none; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | } | ||
| + | .tutorialProgressBar { | ||
| + | background-color: white; | ||
| + | padding: 10px; | ||
| + | border-top: 1px solid #bdc3c7; | ||
| + | position: relative; | ||
| + | height: 40px; | ||
| + | } | ||
| + | .tutorialProgressBar-progress.progress { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .tutorialProgressBar-link { | ||
| + | position: absolute; | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | margin-top: -10px; | ||
| + | margin-left: -10px; | ||
| + | text-align: center; | ||
| + | background-color: rgba(255, 255, 255, 0.7); | ||
| + | opacity: 0; | ||
| + | line-height: 40px; | ||
| + | -webkit-transition: opacity .1s ease-in; | ||
| + | transition: opacity .1s ease-in; | ||
| + | } | ||
| + | .tutorialProgressBar-link:hover { | ||
| + | opacity: 1; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #editor .sidebar-mount .row { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .sidebar-mount.is-open .sidebar { | ||
| + | left: 0; | ||
| + | } | ||
| + | .sidebar-mount ~ #wrapper { | ||
| + | -webkit-transition: left 0.15s ease-out; | ||
| + | transition: left 0.15s ease-out; | ||
| + | } | ||
| + | .sidebar-mount.is-open ~ #wrapper { | ||
| + | left: 275px; | ||
| + | } | ||
| + | .sidebar-mount.is-open ~ #wrapper #filebar { | ||
| + | display: none; | ||
| + | } | ||
| + | .sidebar-mount.is-open ~ #wrapper #buffers { | ||
| + | left: 0; | ||
| + | } | ||
| + | .sidebar-mount.is-open ~ #wrapper .assembly-wizard { | ||
| + | left: 0; | ||
| + | } | ||
| + | .sidebar-mount .browser-preview-wrapper { | ||
| + | padding: 0 25px 25px; | ||
| + | width: 100%; | ||
| + | min-height: 100%; | ||
| + | background: #ecf0f1; | ||
| + | } | ||
| + | .sidebar-progressBar { | ||
| + | position: absolute; | ||
| + | bottom: 0; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .sidebar-mount .preview-card { | ||
| + | -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); | ||
| + | box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); | ||
| + | background: white; | ||
| + | padding: 15px; | ||
| + | } | ||
| + | .sidebar-mount .preview-card .dl-horizontal dt { | ||
| + | width: 100px; | ||
| + | font-weight: 400; | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | .sidebar-mount .preview-card .dl-horizontal dd { | ||
| + | margin-left: 120px; | ||
| + | } | ||
| + | .sidebar { | ||
| + | -webkit-transition: left 0.15s ease-out, width 0.15s ease-out; | ||
| + | transition: left 0.15s ease-out, width 0.15s ease-out; | ||
| + | -webkit-box-sizing: border-box; | ||
| + | -moz-box-sizing: border-box; | ||
| + | box-sizing: border-box; | ||
| + | position: absolute; | ||
| + | top: 50px; | ||
| + | bottom: 0; | ||
| + | background: #f9f9f9; | ||
| + | border-right: 1px solid #bdc3c7; | ||
| + | float: left; | ||
| + | z-index: 60; | ||
| + | width: 275px; | ||
| + | left: -275px; | ||
| + | box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); | ||
| + | } | ||
| + | .sidebar-topElement { | ||
| + | margin: 12px 15px 15px; | ||
| + | } | ||
| + | .sidebar-switcher { | ||
| + | list-style: none; | ||
| + | padding: 0; | ||
| + | height: 28px; | ||
| + | } | ||
| + | .sidebar-section { | ||
| + | position: absolute; | ||
| + | top: 15px; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | overflow-y: auto; | ||
| + | overflow-x: hidden; | ||
| + | padding: 0 15px 15px; | ||
| + | } | ||
| + | .sidebar-section::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .sidebar-section::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .sidebar-section:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .sidebar-section::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .sidebar-section:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .sidebar-section--aboveProgressBar { | ||
| + | bottom: 40px; | ||
| + | } | ||
| + | .sidebar-section--belowSwitcher { | ||
| + | top: 55px; | ||
| + | } | ||
| + | .sidebar-section--belowSearchInput { | ||
| + | top: 95px; | ||
| + | } | ||
| + | .sidebar-switcher li { | ||
| + | cursor: pointer; | ||
| + | display: inline-block; | ||
| + | line-height: 26px; | ||
| + | padding: 0 8px; | ||
| + | margin-right: 5px; | ||
| + | color: #a2b9be; | ||
| + | border-bottom: 2px solid transparent; | ||
| + | } | ||
| + | .sidebar-switcher li:hover { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .sidebar-switcher li.active { | ||
| + | border-bottom-color: #428ce1; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | li.sidebar-switcher-close { | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .sidebar-switcher-close span { | ||
| + | -webkit-transform: rotate(45deg); | ||
| + | -moz-transform: rotate(45deg); | ||
| + | -ms-transform: rotate(45deg); | ||
| + | -o-transform: rotate(45deg); | ||
| + | transform: rotate(45deg); | ||
| + | } | ||
| + | .tutorial-badgeRadio { | ||
| + | padding-top: 15px; | ||
| + | } | ||
| + | .sideSearchInput { | ||
| + | position: relative; | ||
| + | padding: 0 15px; | ||
| + | } | ||
| + | .sideSearchInput-input { | ||
| + | padding: 5px 8px; | ||
| + | } | ||
| + | .sideSearchInput-close { | ||
| + | position: absolute; | ||
| + | top: 14px; | ||
| + | margin-top: -9px; | ||
| + | right: 55px; | ||
| + | } | ||
| + | .sideSearchInput--tfi .input-group { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .sideSearchInput--tfi .sideSearchInput-close { | ||
| + | right: 25px; | ||
| + | } | ||
| + | .sidebar-openFileIndicator { | ||
| + | border-radius: 999px; | ||
| + | width: 7px; | ||
| + | height: 7px; | ||
| + | background-color: #03c08d; | ||
| + | display: inline-block; | ||
| + | margin-right: 2px; | ||
| + | } | ||
| + | #editor .buffer-options .fileSearchInput input[type=text] { | ||
| + | width: 100%; | ||
| + | } | ||
| + | #editor .buffer-options .fileSearchInput--fixedWidth input[type=text], | ||
| + | .fileSearchInput--fixedWidth { | ||
| + | width: 296px; | ||
| + | } | ||
| + | .fileSearchInput-wide--fixedWidth { | ||
| + | width: 495px; | ||
| + | } | ||
| + | #buffers .buffer-container .navbar .browser-projectHeader { | ||
| + | font-weight: normal; | ||
| + | } | ||
| + | .browser-nav-header { | ||
| + | padding: 0 0 5px; | ||
| + | text-transform: uppercase; | ||
| + | font-weight: 600; | ||
| + | font-size: 11px; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .browser-nav-header--breadcrumb { | ||
| + | padding-top: 2px; | ||
| + | padding-left: 5px; | ||
| + | word-break: break-word; | ||
| + | display: block; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .browser-section-header { | ||
| + | padding: 0 0 5px; | ||
| + | display: inline-block; | ||
| + | font-weight: 600; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .browser-empty-section { | ||
| + | padding: 10px 0; | ||
| + | } | ||
| + | .filterDropdownMenu-option .dropdown-menu { | ||
| + | max-height: 250px; | ||
| + | width: 150px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .filterDropdownMenu-option .dropdown-menu::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .filterDropdownMenu-option .dropdown-menu::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .filterDropdownMenu-option .dropdown-menu:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .filterDropdownMenu-option .dropdown-menu::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .filterDropdownMenu-option .dropdown-menu:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .filterDropdownMenu-option:hover .filterDropdownMenu-option-label .faded { | ||
| + | color: white; | ||
| + | } | ||
| + | .filterDropdownMenu-option-label { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .filterableSubMenu-search { | ||
| + | padding: 0 5px 5px; | ||
| + | } | ||
| + | .filterDropdownMenu-option .filterableSubMenu-helpText { | ||
| + | color: #e8f0f2; | ||
| + | white-space: normal; | ||
| + | } | ||
| + | .typeIcon, | ||
| + | .sidebarItem .result-icon { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .typeIcon--active { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .breadcrumb.browserBreadcrumb { | ||
| + | background: none; | ||
| + | } | ||
| + | .browserBreadcrumb-dropdown { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .browserBreadcrumb-name { | ||
| + | max-width: 200px; | ||
| + | display: inline-block; | ||
| + | vertical-align: top; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .browserBreadcrumb-icon, | ||
| + | .moreDropdown-icon { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | ul.dropdown-menu .browserBreadcrumb-dropdownOption:first-child a, | ||
| + | ul.dropdown-menu .browserBreadcrumb-dropdownOption a:hover { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | ul.dropdown-menu .browserBreadcrumb-dropdownOption:first-child a, | ||
| + | ul.dropdown-menu .browserBreadcrumb-dropdownOption a:hover, | ||
| + | ul.dropdown-menu .browserBreadcrumb-dropdownOption:first-child .browserBreadcrumb-icon, | ||
| + | ul.dropdown-menu .browserBreadcrumb-dropdownOption a:hover .browserBreadcrumb-icon { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .browserBreadcrumb-icons { | ||
| + | margin-top: 1px; | ||
| + | } | ||
| + | .browserBreadcrumb-circle { | ||
| + | font-size: 5px; | ||
| + | vertical-align: middle; | ||
| + | margin-right: 2px; | ||
| + | } | ||
| + | .dropdown-menu .sortOption--active { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .dropdown-menu.dropdown-menu--compact { | ||
| + | min-width: 150px; | ||
| + | } | ||
| + | .dropdown-menu.dropdown-menu--compact > li > a { | ||
| + | padding: 3px 8px; | ||
| + | } | ||
| + | .dropdown-menu.dropdown-menu--compact .divider { | ||
| + | margin: 5px 0; | ||
| + | } | ||
| + | .sidebarItem-close { | ||
| + | display: inline-block; | ||
| + | padding: 2px 6px; | ||
| + | line-height: 14px; | ||
| + | border-radius: 999px; | ||
| + | margin-right: -6px; | ||
| + | } | ||
| + | .sidebarItem-close:hover { | ||
| + | color: white; | ||
| + | background: #e96e51; | ||
| + | } | ||
| + | .sidebarItem .toggle-hidden-icon { | ||
| + | color: inherit; | ||
| + | } | ||
| + | .sidebarItem { | ||
| + | padding: 5px 15px; | ||
| + | margin-left: -15px; | ||
| + | margin-right: -15px; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .sidebarItem:hover { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .sidebarItem .result-icon, | ||
| + | .sidebarItem .toggle-hidden-icon { | ||
| + | margin-right: 8px; | ||
| + | width: 12px; | ||
| + | float: left; | ||
| + | margin-top: 3px; | ||
| + | } | ||
| + | .sidebarItem .result-icon.result-icon--success { | ||
| + | color: #03c08d; | ||
| + | } | ||
| + | .sidebarItem .result-icon.result-icon--primary { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .sidebarItem.active, | ||
| + | .sidebarItem.active .result-icon { | ||
| + | color: #428ce1; | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .emptySidebarItem { | ||
| + | padding: 0 0; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .emptySidebarItem:hover { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .emptySidebarItem a { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .sidebarItem-more { | ||
| + | padding: 0; | ||
| + | background: #e8f0f2; | ||
| + | -webkit-box-shadow: inset 0 2px 2px #a2b9be; | ||
| + | box-shadow: inset 0 2px 2px #a2b9be; | ||
| + | } | ||
| + | .browser-file-name { | ||
| + | font-size: 12px; | ||
| + | word-break: break-word; | ||
| + | display: block; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .sidebarItem-info { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .sidebar-mount .select2-search-choice-close { | ||
| + | margin-top: 1px; | ||
| + | } | ||
| + | .browser-btmBar { | ||
| + | position: absolute; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | } | ||
| + | .browser-finder .sidebarItem:hover { | ||
| + | background: #ffffff; | ||
| + | } | ||
| + | .sidebarItem .fa-folder, | ||
| + | .expandedResults .fa-folder { | ||
| + | color: #9ac2ef; | ||
| + | } | ||
| + | /* | ||
| + | .noteEditor: fills the full buffer view | ||
| + | .buffer-options .mediocre-toolbar: toolbar at the top of the buffer | ||
| + | .noteEditor-container: the grey full-screen background, below toolbar | ||
| + | .noteEditor-catcher: the white "page" | ||
| + | .noteEditor-contentWrapper: | ||
| + | tightly wraps the content, enforcing max-width. | ||
| + | */ | ||
| + | #buffers .noteEditor { | ||
| + | height: 100%; | ||
| + | } | ||
| + | #buffers .noteEditor-container { | ||
| + | background: #c9d8db; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | overflow-y: scroll; | ||
| + | top: 35px; | ||
| + | } | ||
| + | #buffers .noteEditor-container::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #buffers .noteEditor-container::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #buffers .noteEditor-container:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #buffers .noteEditor-container::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #buffers .noteEditor-container:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #buffers .noteEditor-catcher { | ||
| + | margin: auto; | ||
| + | min-height: 100%; | ||
| + | background: white; | ||
| + | transition: box-shadow 0.1s ease-in; | ||
| + | } | ||
| + | #buffers .noteEditor-catcher.padded-catcher { | ||
| + | padding-bottom: 40px; | ||
| + | } | ||
| + | #buffers .noteEditor-catcher.no-title { | ||
| + | padding-top: 30px; | ||
| + | } | ||
| + | #buffers .noteEditor-catcher.is-dragTarget { | ||
| + | box-shadow: inset 0 0 0 3px #428ce1; | ||
| + | } | ||
| + | #buffers .noteEditor-contentWrapper { | ||
| + | max-width: 90%; | ||
| + | margin: 0 auto; | ||
| + | padding: 10px 20px; | ||
| + | } | ||
| + | #buffers .noteEditor-contentWrapper.no-title { | ||
| + | padding-top: 50px; | ||
| + | } | ||
| + | #buffers .noteEditor-contentWrapper .mediocre-item.is-captionedTable { | ||
| + | margin-left: -20px; | ||
| + | margin-right: -20px; | ||
| + | } | ||
| + | #buffers .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 30px; | ||
| + | } | ||
| + | #buffers .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 30px; | ||
| + | } | ||
| + | #buffers .noteEditor-contentWrapper .mediocre-item.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell { | ||
| + | padding-left: 20px; | ||
| + | padding-right: 20px; | ||
| + | } | ||
| + | #buffers .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable { | ||
| + | margin-left: 0; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | #buffers .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-row-item { | ||
| + | margin-left: -20px; | ||
| + | margin-right: -20px; | ||
| + | } | ||
| + | #buffers .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 155px; | ||
| + | } | ||
| + | #buffers .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 155px; | ||
| + | } | ||
| + | #buffers .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell { | ||
| + | padding-left: 145px; | ||
| + | } | ||
| + | @media (min-width: 928px) { | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .mediocre-pageMargin { | ||
| + | display: block; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-catcher { | ||
| + | width: 816px; | ||
| + | margin-top: 4px; | ||
| + | margin-bottom: 4px; | ||
| + | position: relative; | ||
| + | /* for mediocre-pageMargin */ | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper { | ||
| + | max-width: none; | ||
| + | margin: 0; | ||
| + | padding: 10px 10mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper.no-title { | ||
| + | padding-top: 50px; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable { | ||
| + | margin-left: -10mm; | ||
| + | margin-right: -10mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 12.64583333mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 12.64583333mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell { | ||
| + | padding-left: 10mm; | ||
| + | padding-right: 10mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable { | ||
| + | margin-left: 0; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-row-item { | ||
| + | margin-left: -10mm; | ||
| + | margin-right: -10mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 45.71875mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 45.71875mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell { | ||
| + | padding-left: 43.07291667mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .elnPrintLayout ~ .visibility-option-icons .visibility-option-css-warning { | ||
| + | display: none; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .noteEditor .visibility-option-css-warning { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1744px) { | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .mediocre-pageMargin { | ||
| + | display: block; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-catcher { | ||
| + | width: 816px; | ||
| + | margin-top: 4px; | ||
| + | margin-bottom: 4px; | ||
| + | position: relative; | ||
| + | /* for mediocre-pageMargin */ | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper { | ||
| + | max-width: none; | ||
| + | margin: 0; | ||
| + | padding: 10px 10mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper.no-title { | ||
| + | padding-top: 50px; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable { | ||
| + | margin-left: -10mm; | ||
| + | margin-right: -10mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 12.64583333mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 12.64583333mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell { | ||
| + | padding-left: 10mm; | ||
| + | padding-right: 10mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable { | ||
| + | margin-left: 0; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-row-item { | ||
| + | margin-left: -10mm; | ||
| + | margin-right: -10mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 45.71875mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 45.71875mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell { | ||
| + | padding-left: 43.07291667mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .elnPrintLayout ~ .visibility-option-icons .visibility-option-css-warning { | ||
| + | display: none; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .noteEditor .visibility-option-css-warning { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1248px) { | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .mediocre-pageMargin { | ||
| + | display: block; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-catcher { | ||
| + | width: 816px; | ||
| + | margin-top: 4px; | ||
| + | margin-bottom: 4px; | ||
| + | position: relative; | ||
| + | /* for mediocre-pageMargin */ | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper { | ||
| + | max-width: none; | ||
| + | margin: 0; | ||
| + | padding: 10px 10mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper.no-title { | ||
| + | padding-top: 50px; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable { | ||
| + | margin-left: -10mm; | ||
| + | margin-right: -10mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 12.64583333mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 12.64583333mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell { | ||
| + | padding-left: 10mm; | ||
| + | padding-right: 10mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable { | ||
| + | margin-left: 0; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-row-item { | ||
| + | margin-left: -10mm; | ||
| + | margin-right: -10mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 45.71875mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 45.71875mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell { | ||
| + | padding-left: 43.07291667mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor-container.is-printLayout .elnPrintLayout ~ .visibility-option-icons .visibility-option-css-warning { | ||
| + | display: none; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .noteEditor .visibility-option-css-warning { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 2064px) { | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .mediocre-pageMargin { | ||
| + | display: block; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-catcher { | ||
| + | width: 816px; | ||
| + | margin-top: 4px; | ||
| + | margin-bottom: 4px; | ||
| + | position: relative; | ||
| + | /* for mediocre-pageMargin */ | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper { | ||
| + | max-width: none; | ||
| + | margin: 0; | ||
| + | padding: 10px 10mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper.no-title { | ||
| + | padding-top: 50px; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable { | ||
| + | margin-left: -10mm; | ||
| + | margin-right: -10mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 12.64583333mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 12.64583333mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell { | ||
| + | padding-left: 10mm; | ||
| + | padding-right: 10mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable { | ||
| + | margin-left: 0; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-row-item { | ||
| + | margin-left: -10mm; | ||
| + | margin-right: -10mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 45.71875mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 45.71875mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell { | ||
| + | padding-left: 43.07291667mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor-container.is-printLayout .elnPrintLayout ~ .visibility-option-icons .visibility-option-css-warning { | ||
| + | display: none; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .noteEditor .visibility-option-css-warning { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | .noteEditor { | ||
| + | outline: none; | ||
| + | } | ||
| + | .noteEditor .editor { | ||
| + | position: relative; | ||
| + | } | ||
| + | .noteEditor .show-placeholders .editable:not(.is-locked):empty:after { | ||
| + | content: 'Enter text here'; | ||
| + | pointer-events: none; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .noteEditor .mediocre-item { | ||
| + | page-break-inside: avoid; | ||
| + | transition: border-right 0.1s ease-out, background-color 0.1s ease-in; | ||
| + | } | ||
| + | .noteEditor .mediocre-item.is-highlighted .mediocre-captionEditable .note-item, | ||
| + | .noteEditor .mediocre-item.is-important .mediocre-captionEditable .note-item, | ||
| + | .noteEditor .mediocre-item.selected .mediocre-captionEditable .note-item { | ||
| + | background-color: white; | ||
| + | } | ||
| + | .noteEditor .mediocre-item:not(.is-text) { | ||
| + | cursor: default; | ||
| + | } | ||
| + | .noteEditor .mediocre-item.is-highlighted { | ||
| + | background-color: #f2f7fd; | ||
| + | } | ||
| + | .noteEditor .mediocre-item.is-important { | ||
| + | background-color: #feefd1; | ||
| + | } | ||
| + | @media print { | ||
| + | .noteEditor .mediocre-item.is-important { | ||
| + | border-left: 3px solid #feefd1; | ||
| + | } | ||
| + | } | ||
| + | .noteEditor .notePlaceholderItem-spinner.spinner { | ||
| + | width: 12px; | ||
| + | height: 12px; | ||
| + | background-size: 12px; | ||
| + | margin-bottom: 4px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .noteEditor .notePlaceholderItem { | ||
| + | height: 304px; | ||
| + | } | ||
| + | .noteEditor .notePlaceholderItem-contentWrapper { | ||
| + | max-width: 70%; | ||
| + | position: relative; | ||
| + | top: 50%; | ||
| + | transform: translateY(-50%); | ||
| + | margin: auto; | ||
| + | } | ||
| + | .noteEditor .notePlaceholderItem-text { | ||
| + | color: #428ce1; | ||
| + | font-size: 16px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .noteEditor .notePlaceholderItem-buttonWrapper { | ||
| + | max-width: 120px; | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | .noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable.mediocre-captionEditable--table .mediocre-tableEditable-border { | ||
| + | color: #344043; | ||
| + | background-color: #e4eef9; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | .noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable.mediocre-captionEditable--table .mediocre-tableEditable-border.mediocre-tableEditable-border { | ||
| + | position: absolute; | ||
| + | top: -41px; | ||
| + | bottom: 0; | ||
| + | } | ||
| + | .noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable.mediocre-captionEditable--table .mediocre-tableEditable-border:empty:after { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable.mediocre-captionEditable--table .mediocre-tableEditable-border.formula-box, | ||
| + | .noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable.mediocre-captionEditable--table .mediocre-tableEditable-border.formula-box:hover { | ||
| + | background-color: white; | ||
| + | } | ||
| + | .noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable.mediocre-captionEditable--table .mediocre-tableEditable-border:hover { | ||
| + | background-color: #bad3f0; | ||
| + | } | ||
| + | .noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable:not(.mediocre-captionEditable--table) .note-item-wrapper, | ||
| + | .noteEditor .mediocre-captionEditable.is-selected:not(.mediocre-captionEditable--table) .note-item-wrapper { | ||
| + | -webkit-box-shadow: 0 0 0 2px #428ce1; | ||
| + | box-shadow: 0 0 0 2px #428ce1; | ||
| + | position: relative; | ||
| + | } | ||
| + | .noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable .previewResizer, | ||
| + | .noteEditor .mediocre-captionEditable.is-selected .previewResizer { | ||
| + | position: absolute; | ||
| + | width: 16px; | ||
| + | height: 16px; | ||
| + | padding-top: 7px; | ||
| + | bottom: 0px; | ||
| + | } | ||
| + | .noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable .previewResizer.is-right, | ||
| + | .noteEditor .mediocre-captionEditable.is-selected .previewResizer.is-right { | ||
| + | left: 0px; | ||
| + | padding-right: 7px; | ||
| + | cursor: nesw-resize; | ||
| + | } | ||
| + | .noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable .previewResizer.is-left, | ||
| + | .noteEditor .mediocre-captionEditable.is-selected .previewResizer.is-left, | ||
| + | .noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable .previewResizer.is-center, | ||
| + | .noteEditor .mediocre-captionEditable.is-selected .previewResizer.is-center { | ||
| + | right: 0px; | ||
| + | padding-left: 7px; | ||
| + | cursor: nwse-resize; | ||
| + | } | ||
| + | .noteEditor .hiddenFocusEditable:focus + .mediocre-captionEditable .previewResizer .previewResizerTarget, | ||
| + | .noteEditor .mediocre-captionEditable.is-selected .previewResizer .previewResizerTarget { | ||
| + | background: #428ce1; | ||
| + | width: 9px; | ||
| + | height: 9px; | ||
| + | } | ||
| + | .noteEditor .mediocre-captionEditable .note-item { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | padding: 10px; | ||
| + | } | ||
| + | .noteEditor .mediocre-captionEditable .note-item .note-preview-drawing .primer-render, | ||
| + | .noteEditor .mediocre-captionEditable .note-item .note-preview-drawing .annotation-render { | ||
| + | width: 60%; | ||
| + | } | ||
| + | .noteEditor .mediocre-captionEditable .note-item .dl-horizontal dt { | ||
| + | width: 45%; | ||
| + | } | ||
| + | .noteEditor .mediocre-captionEditable .note-item .dl-horizontal dd { | ||
| + | margin-left: 50%; | ||
| + | } | ||
| + | .noteEditor .mediocre-captionEditable .note-item.note-item--placeholder { | ||
| + | border: 1px dashed #c9d8db; | ||
| + | } | ||
| + | .noteEditor-container { | ||
| + | font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif; | ||
| + | line-height: 1.6; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .noteEditor .add-note .link-suggestions:not(:empty) { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .noteEditor .add-note .attached-item { | ||
| + | padding: 10px; | ||
| + | } | ||
| + | .noteEditor .add-note .add-note-container label { | ||
| + | font-size: 11px; | ||
| + | margin: -1px 0 0 -1px; | ||
| + | border: 1px solid #a2b9be; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .noteEditor .add-note .add-note-container label:hover input[name='link-type'] + span { | ||
| + | background-color: #e8f0f2; | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .noteEditor .add-note .add-note-container label input[name='link-type'] { | ||
| + | display: none; | ||
| + | } | ||
| + | .noteEditor .add-note .add-note-container label input[name='link-type']:checked + span { | ||
| + | background-color: #428ce1; | ||
| + | color: white; | ||
| + | } | ||
| + | .noteEditor .add-note .add-note-container label input[name='link-type'] + span { | ||
| + | background-color: white; | ||
| + | display: inline-block; | ||
| + | padding: 8px; | ||
| + | min-width: 120px; | ||
| + | text-align: right; | ||
| + | } | ||
| + | .noteEditor .add-note .add-note-icon { | ||
| + | display: inline-block; | ||
| + | width: 20px; | ||
| + | float: left; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor-contentWrapper { | ||
| + | padding: 10px 0; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor-contentWrapper.no-title { | ||
| + | padding-top: 50px; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor-contentWrapper .mediocre-item.is-captionedTable { | ||
| + | margin-left: 0; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 10px; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor-contentWrapper .mediocre-item.is-captionedTable .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 10px; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor-contentWrapper .mediocre-item.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell { | ||
| + | padding-left: 0; | ||
| + | padding-right: 0; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable { | ||
| + | margin-left: 0; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-row-item { | ||
| + | margin-left: 0; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 135px; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 135px; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor-contentWrapper .mediocre-item.mediocre-item--withTimestamp.is-captionedTable .component-bottom-row .mediocre-captionEditable-cell { | ||
| + | padding-left: 125px; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor-contentWrapper.no-title { | ||
| + | padding: 0; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor { | ||
| + | outline: 1px solid #c9d8db; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor:hover { | ||
| + | outline: 1px solid #428ce1; | ||
| + | } | ||
| + | .noteEditorModal .noteEditorModal-toggleLink { | ||
| + | color: #03c08d; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor { | ||
| + | position: relative; | ||
| + | background-color: white; | ||
| + | border-radius: 2px; | ||
| + | min-height: 50px; | ||
| + | height: 200px; | ||
| + | overflow-y: auto; | ||
| + | overflow-x: hidden; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor-container { | ||
| + | position: absolute; | ||
| + | width: 100%; | ||
| + | top: 5px; | ||
| + | bottom: 0px; | ||
| + | } | ||
| + | .noteEditorModal .noteEditor-catcher { | ||
| + | height: 100%; | ||
| + | } | ||
| + | .previewCTA { | ||
| + | margin-left: 12px; | ||
| + | } | ||
| + | .excerpt-selector { | ||
| + | margin-top: 50px; | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | .excerpt-preview { | ||
| + | margin: 4px 8px 4px 0; | ||
| + | width: 122px; | ||
| + | min-height: 80px; | ||
| + | -webkit-box-shadow: 0 0 0 1px #344043; | ||
| + | box-shadow: 0 0 0 1px #344043; | ||
| + | } | ||
| + | .excerpt-preview.selected { | ||
| + | -webkit-box-shadow: 0 0 0 3px #428ce1; | ||
| + | box-shadow: 0 0 0 3px #428ce1; | ||
| + | } | ||
| + | .excerpts-container { | ||
| + | max-height: 350px; | ||
| + | overflow-y: scroll; | ||
| + | padding: 3px; | ||
| + | } | ||
| + | .excerpts-container::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .excerpts-container::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .excerpts-container:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .excerpts-container::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .excerpts-container:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .excerpts-container .loader { | ||
| + | min-height: 100px; | ||
| + | } | ||
| + | .noteEditor-nueModuleContainer { | ||
| + | position: absolute; | ||
| + | bottom: 8px; | ||
| + | right: 16px; | ||
| + | } | ||
| + | /* | ||
| + | .protocolEditor: fills the full buffer view | ||
| + | .buffer-options .mediocre-toolbar: toolbar at the top of the buffer | ||
| + | .protocolEditor-pageContainer: the grey full-screen background, below toolbar | ||
| + | .protocolEditor-page: the white "page" | ||
| + | .protocolEditor-contentWrapper: | ||
| + | tightly wraps the content, enforcing max-width. | ||
| + | */ | ||
| + | #buffers .protocolEditor-pageContainer { | ||
| + | background: #c9d8db; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | overflow-y: auto; | ||
| + | top: 35px; | ||
| + | } | ||
| + | #buffers .protocolEditor-pageContainer::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #buffers .protocolEditor-pageContainer::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #buffers .protocolEditor-pageContainer:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #buffers .protocolEditor-pageContainer::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #buffers .protocolEditor-pageContainer:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #buffers .protocolEditor-page { | ||
| + | margin: auto; | ||
| + | min-height: 100%; | ||
| + | background: white; | ||
| + | } | ||
| + | #buffers .protocolEditor-contentWrapper { | ||
| + | max-width: 90%; | ||
| + | margin: 0 auto; | ||
| + | padding: 30px 20px; | ||
| + | } | ||
| + | #buffers .protocolEditor-contentWrapper .mediocre-item.is-table { | ||
| + | margin-left: -60px; | ||
| + | margin-right: -60px; | ||
| + | } | ||
| + | #buffers .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 60px; | ||
| + | } | ||
| + | #buffers .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 60px; | ||
| + | } | ||
| + | .protocol-editor { | ||
| + | font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif; | ||
| + | line-height: 1.6; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | @media (min-width: 928px) { | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .mediocre-pageMargin { | ||
| + | display: block; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-page { | ||
| + | width: 816px; | ||
| + | margin-top: 4px; | ||
| + | margin-bottom: 4px; | ||
| + | position: relative; | ||
| + | /* for mediocre-pageMargin */ | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper { | ||
| + | max-width: none; | ||
| + | margin: 0; | ||
| + | padding: 30px 10mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table { | ||
| + | margin-left: -20.58333333mm; | ||
| + | margin-right: -20.58333333mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 20.58333333mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 20.58333333mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.full-width .protocolEditor .visibility-option-css-warning { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1744px) { | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .mediocre-pageMargin { | ||
| + | display: block; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-page { | ||
| + | width: 816px; | ||
| + | margin-top: 4px; | ||
| + | margin-bottom: 4px; | ||
| + | position: relative; | ||
| + | /* for mediocre-pageMargin */ | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper { | ||
| + | max-width: none; | ||
| + | margin: 0; | ||
| + | padding: 30px 10mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table { | ||
| + | margin-left: -20.58333333mm; | ||
| + | margin-right: -20.58333333mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 20.58333333mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 20.58333333mm; | ||
| + | } | ||
| + | .sidepanel-mount:not(.is-open) ~ #wrapper .buffer-container.vertical-split .protocolEditor .visibility-option-css-warning { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1248px) { | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .mediocre-pageMargin { | ||
| + | display: block; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-page { | ||
| + | width: 816px; | ||
| + | margin-top: 4px; | ||
| + | margin-bottom: 4px; | ||
| + | position: relative; | ||
| + | /* for mediocre-pageMargin */ | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper { | ||
| + | max-width: none; | ||
| + | margin: 0; | ||
| + | padding: 30px 10mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table { | ||
| + | margin-left: -20.58333333mm; | ||
| + | margin-right: -20.58333333mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 20.58333333mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 20.58333333mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.full-width .protocolEditor .visibility-option-css-warning { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 2064px) { | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .mediocre-pageMargin { | ||
| + | display: block; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-page { | ||
| + | width: 816px; | ||
| + | margin-top: 4px; | ||
| + | margin-bottom: 4px; | ||
| + | position: relative; | ||
| + | /* for mediocre-pageMargin */ | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper { | ||
| + | max-width: none; | ||
| + | margin: 0; | ||
| + | padding: 30px 10mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table { | ||
| + | margin-left: -20.58333333mm; | ||
| + | margin-right: -20.58333333mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-scrollArea { | ||
| + | padding-left: 20.58333333mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .protocolEditor-pageContainer.is-printLayout .protocolEditor-contentWrapper .mediocre-item.is-table .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-left: 20.58333333mm; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper .buffer-container.vertical-split .protocolEditor .visibility-option-css-warning { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | .protocolEditor-contentWrapper h2 { | ||
| + | color: #a2b9be; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .intro-editor, | ||
| + | .protocolEditor-contentWrapper .materials-editor, | ||
| + | .protocolEditor-contentWrapper .stepsEditor { | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .intro-editor .editable, | ||
| + | .protocolEditor-contentWrapper .materials-editor .editable, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .editable, | ||
| + | .protocolEditor-contentWrapper .intro-editor .step-placeholder, | ||
| + | .protocolEditor-contentWrapper .materials-editor .step-placeholder, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .step-placeholder, | ||
| + | .protocolEditor-contentWrapper .intro-editor .steps, | ||
| + | .protocolEditor-contentWrapper .materials-editor .steps, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .steps { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .material-editable, | ||
| + | .protocolEditor-contentWrapper .component-editable, | ||
| + | .protocolEditor-contentWrapper .step-editable { | ||
| + | border-radius: 2px; | ||
| + | padding: 4px; | ||
| + | outline: none; | ||
| + | display: block; | ||
| + | vertical-align: top; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .material-editable:empty:after, | ||
| + | .protocolEditor-contentWrapper .component-editable:empty:after, | ||
| + | .protocolEditor-contentWrapper .step-editable:empty:after { | ||
| + | pointer-events: none; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .materials-editor ul.headers .selected > .multi-editable:empty:after, | ||
| + | .protocolEditor-contentWrapper .stepsEditor ul.headers .selected > .multi-editable:empty:after { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .selected .multi-editable, | ||
| + | .protocolEditor-contentWrapper .materials-editor .selected > .multi-editable { | ||
| + | color: #344043; | ||
| + | background-color: #e4eef9; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .selected .multi-editable.mediocre-tableEditable-border, | ||
| + | .protocolEditor-contentWrapper .materials-editor .selected > .multi-editable.mediocre-tableEditable-border { | ||
| + | position: absolute; | ||
| + | top: -41px; | ||
| + | bottom: 0; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .selected .multi-editable:empty:after, | ||
| + | .protocolEditor-contentWrapper .materials-editor .selected > .multi-editable:empty:after { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .selected .multi-editable.formula-box, | ||
| + | .protocolEditor-contentWrapper .materials-editor .selected > .multi-editable.formula-box, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .selected .multi-editable.formula-box:hover, | ||
| + | .protocolEditor-contentWrapper .materials-editor .selected > .multi-editable.formula-box:hover { | ||
| + | background-color: white; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .selected .multi-editable:hover, | ||
| + | .protocolEditor-contentWrapper .materials-editor .selected > .multi-editable:hover { | ||
| + | background-color: #bad3f0; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .materials-editor ul.materials { | ||
| + | list-style: none; | ||
| + | padding: 0 0 0 10px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .materials-editor ul.materials li.material > div.editable { | ||
| + | font-size: 15px; | ||
| + | text-indent: -10px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .materials-editor ul.materials li.material > div.editable:before { | ||
| + | content: '\203A'; | ||
| + | display: inline-block; | ||
| + | width: 10px; | ||
| + | padding-right: 5px; | ||
| + | text-align: right; | ||
| + | font-weight: 700; | ||
| + | font-size: 1.2em; | ||
| + | line-height: 1; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .materials-editor ul.materials li.material > div.editable:not(.is-locked):empty:after { | ||
| + | content: 'Material'; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .materials-editor ul.components { | ||
| + | list-style-type: none; | ||
| + | padding-left: 15px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .materials-editor ul.components li.component > div.editable { | ||
| + | text-indent: -10px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .materials-editor ul.components li.component > div.editable:before { | ||
| + | content: '\203A'; | ||
| + | display: inline-block; | ||
| + | width: 10px; | ||
| + | padding-right: 5px; | ||
| + | text-align: right; | ||
| + | font-weight: 700; | ||
| + | font-size: 1.2em; | ||
| + | line-height: 1; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .materials-editor ul.components li.component > div.editable:not(.is-locked):empty:after { | ||
| + | content: 'Component'; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor { | ||
| + | padding: 10px 40px; | ||
| + | /* | ||
| + | A .cell uses a fixed height `td` with 100%-tall `.cell-innerWrapper` to position elements absolutely | ||
| + | relative to the td, i.e. middle-right-aligned selector, bottom-right-aligned fill down box. While actively | ||
| + | editing a cell, this makes re-renders expensive. We disable the px/100% height and hide selectorDropdown to | ||
| + | improve performance. | ||
| + | */ | ||
| + | /* | ||
| + | Render the dropdown on hover. NB: avoid setting position absolute/relative until hover | ||
| + | to avoid performance issues while typing. | ||
| + | */ | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-step, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-header { | ||
| + | position: relative; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-top: 10px; | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-titleBar { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | height: 31px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .table-floater-wrapper { | ||
| + | -webkit-flex: 1 1 400px; | ||
| + | -moz-flex: 1 1 400px; | ||
| + | -ms-flex: 1 1 400px; | ||
| + | flex: 1 1 400px; | ||
| + | min-width: 400px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .table-floater { | ||
| + | padding: 2px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .table-floater .formula-toolbar { | ||
| + | width: 100%; | ||
| + | position: relative; | ||
| + | display: table; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .table-floater .formula-toolbar-component { | ||
| + | height: 24px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .table-floater .formula-group-wrapper { | ||
| + | display: table-cell; | ||
| + | vertical-align: top; | ||
| + | width: 1%; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .table-floater .formula-group-wrapper.fill-remaining-width { | ||
| + | width: auto; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .table-floater .formula-group-wrapper .btn-group { | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .table-floater .formula-group-wrapper .btn-group .btn { | ||
| + | float: none; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .table-floater .formula-box-wrapper { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .table-floater .formula-box-wrapper .current-cell-label { | ||
| + | background-color: white; | ||
| + | border-right: none; | ||
| + | border-left: none; | ||
| + | padding: 2px 0 3px 4px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .table-floater .formula-box-wrapper .fx-icon { | ||
| + | font-size: 12px; | ||
| + | text-transform: none; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .table-floater .formula-box-wrapper .formula-box { | ||
| + | border-left: none; | ||
| + | border-top: 1px solid #c9d8db; | ||
| + | border-right: 1px solid #c9d8db; | ||
| + | border-bottom: 1px solid #c9d8db; | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | border-bottom-left-radius: 0; | ||
| + | border-top-left-radius: 0; | ||
| + | padding: 2px 4px; | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | overflow-y: auto; | ||
| + | height: 24px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .table-floater .current-cell-label .popover { | ||
| + | max-width: 500px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .table-floater .table-error-msg { | ||
| + | font-size: 11px; | ||
| + | line-height: 1.5em; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border { | ||
| + | color: #344043; | ||
| + | background-color: #e4eef9; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.mediocre-tableEditable-border { | ||
| + | position: absolute; | ||
| + | top: -41px; | ||
| + | bottom: 0; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:empty:after { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border.formula-box:hover { | ||
| + | background-color: white; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .hiddenFocusEditable:focus + .mediocre-tableEditable-scrollArea .mediocre-tableEditable-border:hover { | ||
| + | background-color: #bad3f0; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable { | ||
| + | overflow-x: hidden; | ||
| + | padding-bottom: 10px; | ||
| + | position: relative; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableName { | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-bottom: none; | ||
| + | background-color: #f8fafb; | ||
| + | -webkit-flex: 0 0 auto; | ||
| + | -moz-flex: 0 0 auto; | ||
| + | -ms-flex: 0 0 auto; | ||
| + | flex: 0 0 auto; | ||
| + | height: 31px; | ||
| + | max-width: calc(100% - 30px); | ||
| + | line-height: 31px; | ||
| + | padding: 0px 10px; | ||
| + | -webkit-transition: all 0.3s ease-out; | ||
| + | transition: all 0.3s ease-out; | ||
| + | /* `all` easier to use than `flex-shrink` with all vendor prefixes */ | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableName--shrink { | ||
| + | -webkit-flex: 0 1 auto; | ||
| + | -moz-flex: 0 1 auto; | ||
| + | -ms-flex: 0 1 auto; | ||
| + | flex: 0 1 auto; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-scrollArea { | ||
| + | overflow-x: auto; | ||
| + | width: 100%; | ||
| + | padding-top: 41px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-scrollArea::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-maximizeIcon { | ||
| + | -webkit-transform: rotate(-45deg); | ||
| + | -moz-transform: rotate(-45deg); | ||
| + | -ms-transform: rotate(-45deg); | ||
| + | -o-transform: rotate(-45deg); | ||
| + | transform: rotate(-45deg); | ||
| + | -webkit-transform-origin: 5px 5px; | ||
| + | -moz-transform-origin: 5px 5px; | ||
| + | -ms-transform-origin: 5px 5px; | ||
| + | -o-transform-origin: 5px 5px; | ||
| + | transform-origin: 5px 5px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-maximizeButton, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell-dropdown { | ||
| + | color: #c9d8db; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper { | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | position: absolute; | ||
| + | background: #f8fafb; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable { | ||
| + | padding-bottom: 0; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-tableName { | ||
| + | border: none; | ||
| + | background-color: initial; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton { | ||
| + | border-top: none; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--row, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-maximizeButton, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-addRowDraggerCell { | ||
| + | border-left: none; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-titleBarWrapper { | ||
| + | padding-top: 3px; | ||
| + | background-color: white; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable { | ||
| + | height: 100%; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea { | ||
| + | position: absolute; | ||
| + | padding-top: 0; | ||
| + | top: 35px; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .tableEditable-maximizedWrapper .mediocre-tableEditable-scrollArea:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell { | ||
| + | background-color: white; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell-fillDownSquare { | ||
| + | position: absolute; | ||
| + | right: -12px; | ||
| + | bottom: -10px; | ||
| + | width: 16px; | ||
| + | height: 16px; | ||
| + | padding: 4px; | ||
| + | z-index: 1; | ||
| + | cursor: crosshair; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell-fillDownSquare-fill { | ||
| + | background-color: #428ce1; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor span.cell-highlight-0 { | ||
| + | color: #0000fb; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected), | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected), | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected), | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected) { | ||
| + | background-color: rgba(0, 0, 255, 0.2); | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0:not(.dbl-selected):hover, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell:not(.dbl-selected):hover, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.selected:not(.dbl-selected):hover, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-0.header-cell.selected:not(.dbl-selected):hover { | ||
| + | background-color: rgba(0, 0, 153, 0.2); | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor span.cell-highlight-1 { | ||
| + | color: #007c00; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected), | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected), | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected), | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected) { | ||
| + | background-color: rgba(0, 128, 0, 0.2); | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1:not(.dbl-selected):hover, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell:not(.dbl-selected):hover, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.selected:not(.dbl-selected):hover, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-1.header-cell.selected:not(.dbl-selected):hover { | ||
| + | background-color: rgba(0, 26, 0, 0.2); | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor span.cell-highlight-2 { | ||
| + | color: #fba200; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected), | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected), | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected), | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected) { | ||
| + | background-color: rgba(255, 165, 0, 0.2); | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2:not(.dbl-selected):hover, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell:not(.dbl-selected):hover, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.selected:not(.dbl-selected):hover, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-2.header-cell.selected:not(.dbl-selected):hover { | ||
| + | background-color: rgba(153, 99, 0, 0.2); | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor span.cell-highlight-3 { | ||
| + | color: #7c007c; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected), | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected), | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected), | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected) { | ||
| + | background-color: rgba(128, 0, 128, 0.2); | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3:not(.dbl-selected):hover, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell:not(.dbl-selected):hover, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.selected:not(.dbl-selected):hover, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-3.header-cell.selected:not(.dbl-selected):hover { | ||
| + | background-color: rgba(26, 0, 26, 0.2); | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor span.cell-highlight-4 { | ||
| + | color: #fbd400; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected), | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected), | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected), | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected) { | ||
| + | background-color: rgba(255, 215, 0, 0.2); | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4:not(.dbl-selected):hover, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell:not(.dbl-selected):hover, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.selected:not(.dbl-selected):hover, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.cell-highlight-4.header-cell.selected:not(.dbl-selected):hover { | ||
| + | background-color: rgba(153, 129, 0, 0.2); | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.selected:hover { | ||
| + | background-color: #bad3f0; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell:hover { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.dbl-selected.editing:hover { | ||
| + | background-color: white; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell:hover { | ||
| + | background-color: #9ac2ef; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable:not(.hide-hover) .mediocre-tableEditable-table .cell.header-cell.selected:hover { | ||
| + | background-color: #6ea7e8; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.is-ghost-cell { | ||
| + | color: #344043; | ||
| + | background-color: #e4eef9; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.mediocre-tableEditable-border, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.is-ghost-cell.mediocre-tableEditable-border { | ||
| + | position: absolute; | ||
| + | top: -41px; | ||
| + | bottom: 0; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected:empty:after, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.is-ghost-cell:empty:after { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.formula-box, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.formula-box:hover, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.is-ghost-cell.formula-box:hover { | ||
| + | background-color: white; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.dbl-selected, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected { | ||
| + | /* Avoid a 1px gap between the box-shadow and the border of a td: https://crbug.com/137481 */ | ||
| + | box-shadow: inset 0px 0px 0px 2px #428ce1; | ||
| + | border-bottom: none; | ||
| + | border-right: none; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.dbl-selected.editing, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.selected.is-ghost-cell.dbl-selected.editing { | ||
| + | background-color: white; | ||
| + | box-shadow: inset 0px 0px 0px 2px #428ce1, 0 2px 5px rgba(0, 0, 0, 0.4); | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.is-ghost-cell { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.is-fillDownBox-leftEdge { | ||
| + | border-left: 1px dashed #428ce1; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.is-fillDownBox-rightEdge { | ||
| + | border-right: 1px dashed #428ce1; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.is-fillDownBox-topEdge { | ||
| + | border-top: 1px dashed #428ce1; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.is-fillDownBox-bottomEdge { | ||
| + | border-bottom: 1px dashed #428ce1; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .cell.is-ghost-cell.header-cell { | ||
| + | background-color: #dceaf9; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .header-cell { | ||
| + | background-color: #c6dcf6; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .header-cell.selected { | ||
| + | background-color: #9ac2ef; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table .header-cell.selected.dbl-selected { | ||
| + | background-color: #e4eef9; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper { | ||
| + | position: relative; | ||
| + | padding-bottom: 10px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell-innerWrapper { | ||
| + | height: 100%; | ||
| + | /* Vertically fill the td */ | ||
| + | position: relative; | ||
| + | /* for selectors and errors */ | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell-error { | ||
| + | position: relative; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell-error:after { | ||
| + | content: ""; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | border-style: solid; | ||
| + | border-width: 0 10px 10px 0; | ||
| + | border-color: transparent #e96e51 transparent transparent; | ||
| + | position: absolute; | ||
| + | right: -4px; | ||
| + | top: -2px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell { | ||
| + | vertical-align: top; | ||
| + | height: 24px; | ||
| + | /* An explicit height let's cell-innerWrapper vertically fill the cell */ | ||
| + | padding: 2px 4px; | ||
| + | border-radius: 0; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell.is-bold { | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell.is-underline { | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell.is-italic { | ||
| + | font-style: italic; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell.is-value { | ||
| + | overflow: hidden; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell.is-text { | ||
| + | white-space: pre-wrap; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell.is-alignLeft { | ||
| + | text-align: left; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell.is-alignCenter { | ||
| + | text-align: center; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell.is-alignRight { | ||
| + | text-align: right; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell:not(.editing) .editable { | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell-contents.has-selector { | ||
| + | padding-right: 23px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .selectorDropdown { | ||
| + | position: absolute; | ||
| + | right: 4px; | ||
| + | top: 50%; | ||
| + | line-height: 12px; | ||
| + | margin-top: -6px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .selectorDropdown-button { | ||
| + | color: #a2b9be; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .cell:hover .selectorDropdown-button, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .selectorDropdown-button.is-open { | ||
| + | color: #2172cf; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .selectorDropdown-list { | ||
| + | max-width: 200px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .selectorDropdown-list a { | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper--activeCell .cell { | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper--activeCell .cell-innerWrapper { | ||
| + | height: auto; | ||
| + | position: static; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper--activeCell .cell-fillDownSquare, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper--activeCell .selectorDropdown { | ||
| + | display: none; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper--fillDown .cell:not(.editing) .editable { | ||
| + | cursor: crosshair; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper--fillDownInvalid .cell:not(.editing) .editable { | ||
| + | cursor: not-allowed; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell { | ||
| + | background-color: #f8fafb; | ||
| + | vertical-align: middle; | ||
| + | text-align: center; | ||
| + | font-family: 'Inconsolata'; | ||
| + | cursor: pointer; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell.has-custom-label { | ||
| + | font-style: italic; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell { | ||
| + | border: 1px solid #c9d8db; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-tableWrapper td.mediocre-tableEditable-axisCell--col { | ||
| + | height: 24px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell.is-ghost-cell { | ||
| + | background-color: #feffff; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell.is-selected, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell:hover { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell-dropdown { | ||
| + | display: none; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-numWrapper { | ||
| + | position: relative; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell:hover .mediocre-tableEditable-axisCell-dropdown { | ||
| + | display: inline; | ||
| + | position: absolute; | ||
| + | right: 4px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-axisCell-num { | ||
| + | font-family: 'Inconsolata', 'Courier New'; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-addRowDraggerCell { | ||
| + | font-size: 10px; | ||
| + | cursor: ns-resize; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table { | ||
| + | table-layout: fixed; | ||
| + | position: relative; | ||
| + | max-width: none; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table tr.mediocre-tableEditable-addRowDraggerCell { | ||
| + | height: 20px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-tableEditable-table td { | ||
| + | border: 1px solid #c9d8db; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-step + .inserter { | ||
| + | left: 70px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-desc + .inserter { | ||
| + | left: 98px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-header + .inserter { | ||
| + | left: 40px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-highlighted { | ||
| + | background-color: #f2f7fd; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-header .time-editable-wrapper { | ||
| + | top: 13px; | ||
| + | left: -73px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-step .time-editable-wrapper { | ||
| + | left: -63px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor ul.headers { | ||
| + | position: relative; | ||
| + | padding-left: 0; | ||
| + | margin-bottom: 0px; | ||
| + | padding-top: 10px; | ||
| + | padding-bottom: 10px; | ||
| + | list-style-type: none; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor ul.headers li .editable, | ||
| + | .protocolEditor-contentWrapper .stepsEditor ul.headers li .editable + .step-placeholder { | ||
| + | font-size: 20px; | ||
| + | padding: 3px 5px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor ul.headers li .editable.time-editable { | ||
| + | font-size: 14px; | ||
| + | padding: 4px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor ul.headers li .editable:empty:not(.is-locked) { | ||
| + | border: 1px dashed #428ce1; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor ul.headers li .editable:empty + .step-placeholder:after { | ||
| + | content: 'Header'; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .timer-outer { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .timer-outer .timer-editable-wrapper { | ||
| + | text-align: center; | ||
| + | padding-top: 10px; | ||
| + | padding-bottom: 10px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .timer-outer .timer-editable-wrapper .time-editable { | ||
| + | font-size: 26px; | ||
| + | width: auto; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .timer-outer .timer-editable-wrapper .del-btn { | ||
| + | position: relative; | ||
| + | top: 0; | ||
| + | left: -20px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .timer-outer .timer-editable-wrapper > .del-btn { | ||
| + | opacity: 0; | ||
| + | -webkit-transition: opacity .2s ease-in; | ||
| + | transition: opacity .2s ease-in; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .timer-outer .timer-editable-wrapper > .del-btn:hover { | ||
| + | border: 1px solid #e96e51; | ||
| + | color: red; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .timer-outer .timer-editable-wrapper:hover > .del-btn { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .step-type-pause + .editable { | ||
| + | text-indent: 70px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .step-type-pause ~ .step-placeholder { | ||
| + | left: 70px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .step-type-critical + .editable { | ||
| + | text-indent: 85px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .step-type-critical ~ .step-placeholder { | ||
| + | left: 85px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .step-type { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .mediocre-item.is-header .step-type { | ||
| + | top: 9px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper { | ||
| + | position: absolute; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper .time-editable-wrapper-icon { | ||
| + | display: none; | ||
| + | margin-left: 1px; | ||
| + | margin-top: 2px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper .time-editable { | ||
| + | width: auto; | ||
| + | height: 28px; | ||
| + | text-align: right; | ||
| + | vertical-align: middle; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | display: none; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper .time-editable:not(.is-locked):hover { | ||
| + | border-bottom: 1px solid #5c7c83; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper .time-editable:not(.is-locked):focus { | ||
| + | border-bottom: 1px solid #428ce1; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper .time-editable:not(:empty) { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper .time-editable:hover + .time-editable-wrapper-icon, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper .time-editable:focus + .time-editable-wrapper-icon, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .time-editable-wrapper .time-editable:not(:empty) + .time-editable-wrapper-icon { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .steps .time-editable-wrapper { | ||
| + | top: 5px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .headers .time-editable-wrapper { | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .time-editable { | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .stepsEditor-timeBtn:hover ~ .time-editable-wrapper .time-editable, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .stepsEditor-timeBtn:hover ~ .time-editable-wrapper .time-editable-wrapper-icon { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .step-placeholder { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | pointer-events: none; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .step-editable-wrapper { | ||
| + | position: relative; | ||
| + | display: inline-block; | ||
| + | width: 100%; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .steps { | ||
| + | padding-left: 48px; | ||
| + | padding-top: 10px; | ||
| + | padding-bottom: 10px; | ||
| + | margin-bottom: 0px; | ||
| + | position: relative; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .steps .step-editable { | ||
| + | padding: 0; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .steps .step-editable:empty + .step-placeholder:after { | ||
| + | content: 'Step description'; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .steps .step-editable:focus:empty + .step-placeholder:after { | ||
| + | content: 'Step description - ENTER for header'; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .steps .step-checkbox { | ||
| + | position: absolute; | ||
| + | cursor: pointer; | ||
| + | left: 0; | ||
| + | top: 11px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor .steps .step-checkbox:active, | ||
| + | .protocolEditor-contentWrapper .stepsEditor .steps .step-checkbox:active.checked { | ||
| + | color: #2dfcc4; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor ul.descriptions + ul.descriptions { | ||
| + | margin-top: 0px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor ul.descriptions + ul.headers, | ||
| + | .protocolEditor-contentWrapper .stepsEditor ul.descriptions + ol.steps { | ||
| + | padding-top: 5px; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor ul.descriptions { | ||
| + | list-style-type: none; | ||
| + | padding-left: 58px; | ||
| + | margin: 0; | ||
| + | position: relative; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor ul.descriptions .step-editable { | ||
| + | padding: 0; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor ul.descriptions .step-editable:empty + .step-placeholder:after { | ||
| + | content: 'Step details'; | ||
| + | } | ||
| + | .protocolEditor-contentWrapper .stepsEditor ul.descriptions .step-editable:focus:empty + .step-placeholder { | ||
| + | content: 'Step details - ENTER for main step'; | ||
| + | } | ||
| + | .stepsEditor-timeBtn { | ||
| + | left: -35px; | ||
| + | width: 30px; | ||
| + | height: 25px; | ||
| + | top: 14px; | ||
| + | position: absolute; | ||
| + | } | ||
| + | .attachDropdown-menu { | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .attachDropdown-menu::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .attachDropdown-menu::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .attachDropdown-menu:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .attachDropdown-menu::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .attachDropdown-menu:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .attachDropdown-option-link { | ||
| + | height: 48px; | ||
| + | position: relative; | ||
| + | } | ||
| + | .attachDropdown-option-icon { | ||
| + | float: left; | ||
| + | font-size: 16px; | ||
| + | height: 18px; | ||
| + | width: 18px; | ||
| + | margin: 15px; | ||
| + | display: inline-block; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .attachDropdown-option-info { | ||
| + | margin-top: 9px; | ||
| + | margin-bottom: 9px; | ||
| + | left: 48px; | ||
| + | right: 10px; | ||
| + | position: absolute; | ||
| + | } | ||
| + | .attachDropdown-option-name { | ||
| + | font-size: 12px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .attachDropdown-option-name-extra { | ||
| + | margin-left: 4px; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | .attachDropdown-option-desc { | ||
| + | font-size: 10px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .attachDropdown-notice { | ||
| + | height: 42px; | ||
| + | padding: 12px 20px; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .filesForDelete-table { | ||
| + | max-height: 300px; | ||
| + | overflow-y: scroll; | ||
| + | } | ||
| + | .dropdown-menu > li > a.attachDropdown-option-link { | ||
| + | padding: 0; | ||
| + | } | ||
| + | .dropdown-menu > li > a.attachDropdown-option-link, | ||
| + | .dropdown-menu > li > a.attachDropdown-option-link:hover, | ||
| + | .dropdown-menu > li > a.attachDropdown-option-link:focus { | ||
| + | background-color: white; | ||
| + | } | ||
| + | .dropdown-menu > li > a.attachDropdown-option-link.is-hovered, | ||
| + | .dropdown-menu > li > a.attachDropdown-option-link.is-hovered:focus { | ||
| + | background-color: #f8fafb; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .dropdown-menu > li > a.attachDropdown-option-link:hover { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .dropdown-menu > li > a:focus .attachDropdown-option-info { | ||
| + | color: #5b9fec; | ||
| + | } | ||
| + | #buffers { | ||
| + | bottom: 25px; | ||
| + | left: 0; | ||
| + | position: absolute; | ||
| + | right: 50px; | ||
| + | top: 0; | ||
| + | } | ||
| + | #buffers .react-tab-container { | ||
| + | /* Scrollable positioning */ | ||
| + | overflow-y: auto; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | top: 0; | ||
| + | } | ||
| + | #buffers .react-tab-container::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #buffers .react-tab-container::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #buffers .react-tab-container:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #buffers .react-tab-container::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #buffers .react-tab-container:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .react-tab-container { | ||
| + | /* Set standard styles */ | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | padding: 48px 52px; | ||
| + | -webkit-user-select: text; | ||
| + | -moz-user-select: text; | ||
| + | -ms-user-select: text; | ||
| + | -o-user-select: text; | ||
| + | user-select: text; | ||
| + | width: 100%; | ||
| + | } | ||
| + | #buffers .buffer-options + .react-tab-container { | ||
| + | top: 35px; | ||
| + | } | ||
| + | .react-tab-container .react-tab-container-narrowTab { | ||
| + | margin: auto; | ||
| + | max-width: 828px; | ||
| + | } | ||
| + | /* Styling of components inside .react-tab-container */ | ||
| + | .react-tab-container h1, | ||
| + | .react-tab-container h2, | ||
| + | .react-tab-container h3 { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .react-tab-container h1 { | ||
| + | font-size: 17px; | ||
| + | line-height: 24px; | ||
| + | font-weight: 400; | ||
| + | margin-bottom: 0; | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | .react-tab-container h2 { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | font-weight: 400; | ||
| + | margin: 0 0 7px; | ||
| + | } | ||
| + | .react-tab-container h3 { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | margin: 0 0 13px; | ||
| + | } | ||
| + | .react-tab-container .simpleTable { | ||
| + | margin-left: -12px; | ||
| + | margin-right: -12px; | ||
| + | } | ||
| + | #editor:not(.has-hidden-toolbar):not(.hasLegacyNav) .buffer-container.full-width .buffer-tabs, | ||
| + | #editor:not(.has-hidden-toolbar):not(.hasLegacyNav) .vertical-split + .vertical-split .buffer-tabs { | ||
| + | margin-right: -50px; | ||
| + | } | ||
| + | #editor.hasLegacyNav #buffers { | ||
| + | left: 25px; | ||
| + | } | ||
| + | /* .buffer-options */ | ||
| + | .buffer-options { | ||
| + | background: #ffffff; | ||
| + | border-bottom: 1px solid #d9dcde; | ||
| + | height: 35px; | ||
| + | left: 0; | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | top: 0; | ||
| + | } | ||
| + | .buffer-options .glyphicon { | ||
| + | display: inline-block; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .buffer-options .btn .glyphicon { | ||
| + | font-size: 10px; | ||
| + | margin: 1px; | ||
| + | } | ||
| + | /* legacy style */ | ||
| + | .buffer-options .navbar { | ||
| + | border: 0; | ||
| + | font-weight: 400; | ||
| + | height: 100%; | ||
| + | min-height: 0; | ||
| + | padding: 5px; | ||
| + | z-index: auto; | ||
| + | } | ||
| + | .buffer-options .navbar .popover { | ||
| + | font-weight: normal; | ||
| + | } | ||
| + | .buffer-options .navbar .navbar-nav { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .buffer-options .navbar .navbar-nav > li { | ||
| + | margin-right: 10px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .buffer-options .navbar .navbar-nav > li.pull-right { | ||
| + | margin-right: 0; | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | .buffer-options .navbar .navbar-nav > li > a { | ||
| + | line-height: 24px; | ||
| + | padding: 0 5px; | ||
| + | } | ||
| + | .buffer-options .navbar .navbar-nav > li > a:hover, | ||
| + | .buffer-options .navbar .navbar-nav > li > a:focus { | ||
| + | background: none; | ||
| + | } | ||
| + | .buffer-options .navbar .navbar-nav > li .checkbox-inline { | ||
| + | margin-top: 3px; | ||
| + | } | ||
| + | .buffer-options .navbar .navbar-nav > li a.btn { | ||
| + | line-height: 19px; | ||
| + | } | ||
| + | .buffer-options .navbar .navbar-nav > li > div { | ||
| + | display: inline-block; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | .buffer-options .navbar .navbar-nav > li > div:last-child { | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | /* Fighting #editor input|select|label specificity */ | ||
| + | #editor .buffer-options label { | ||
| + | line-height: 18px; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #editor .buffer-options label.disabled { | ||
| + | pointer-events: none; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #editor .buffer-options input[type='text'] { | ||
| + | margin: 0; | ||
| + | min-height: 24px; | ||
| + | height: 24px; | ||
| + | padding: 2px 5px; | ||
| + | width: 100px; | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | #editor .buffer-options input[type='text'].input-small { | ||
| + | width: 50px; | ||
| + | } | ||
| + | #editor .buffer-options input[type='text'].input-xlarge { | ||
| + | width: 300px; | ||
| + | } | ||
| + | #editor .buffer-options input[type='checkbox'] { | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | #editor .buffer-options select { | ||
| + | min-height: 24px; | ||
| + | height: 24px; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | #editor .buffer-options select.select-small { | ||
| + | width: 75px; | ||
| + | } | ||
| + | #editor .buffer-options select.select-medium { | ||
| + | width: 100px; | ||
| + | } | ||
| + | #editor .buffer-options .ladder-options label { | ||
| + | display: inline-block; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | #editor .buffer-options .external-file-options-name label { | ||
| + | display: inline; | ||
| + | margin-right: 2px; | ||
| + | } | ||
| + | #editor .buffer-options .external-file-options-name input[type='text'] { | ||
| + | width: 200px; | ||
| + | } | ||
| + | #editor .buffer-options .external-file-options-name input[type='text']:not(:hover):not(:focus) { | ||
| + | border: 1px solid transparent; | ||
| + | } | ||
| + | #editor .buffer-options .sequence-alignment-menu .rename-form .input-group { | ||
| + | width: 200px; | ||
| + | } | ||
| + | #editor .buffer-options .sequence-alignment-menu .rename-form .input-group input[type='text'] { | ||
| + | width: auto; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | #editor .buffer-options .sequence-alignment-menu .sync-msg { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #editor .buffer-options .sequence-alignment-menu .label .glyphicon { | ||
| + | margin-left: 4px; | ||
| + | } | ||
| + | #editor .buffer-options .sequence-alignment-menu .input-and-btn .tab-name { | ||
| + | width: 150px; | ||
| + | } | ||
| + | #editor .buffer-options .sequence-alignment-menu .export-menu { | ||
| + | min-width: 100px; | ||
| + | } | ||
| + | #editor .buffer-options .minimap-options-menu .filter-msg, | ||
| + | #editor .buffer-options .circular-options-menu .filter-msg, | ||
| + | #editor .buffer-options .minimap-options-menu .annotation-msg, | ||
| + | #editor .buffer-options .circular-options-menu .annotation-msg { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #editor .buffer-options .minimap-options-menu .filter-msg .glyphicon, | ||
| + | #editor .buffer-options .circular-options-menu .filter-msg .glyphicon, | ||
| + | #editor .buffer-options .minimap-options-menu .annotation-msg .glyphicon, | ||
| + | #editor .buffer-options .circular-options-menu .annotation-msg .glyphicon { | ||
| + | margin-left: 4px; | ||
| + | } | ||
| + | #editor .buffer-options .plainSearchInput .plainSearchInput-input { | ||
| + | padding-left: 28px; | ||
| + | } | ||
| + | #editor .buffer-options .plainSearchInput-input:focus, | ||
| + | #editor .buffer-options .plainSearchInput-input:active, | ||
| + | #editor .buffer-options .plainSearchInput.plainSearchInput--hideIcon .plainSearchInput-input { | ||
| + | padding-left: 10px; | ||
| + | } | ||
| + | .buffer-options--nonFixedHeight { | ||
| + | bottom: auto; | ||
| + | height: auto; | ||
| + | left: auto; | ||
| + | position: static; | ||
| + | right: auto; | ||
| + | top: auto; | ||
| + | } | ||
| + | .buffer-options-container { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | height: 100%; | ||
| + | padding: 5px 12px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | #editor.hasLegacyNav .buffer-options-container { | ||
| + | padding: 5px; | ||
| + | } | ||
| + | .buffer-options-item { | ||
| + | line-height: 24px; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | .buffer-options-item > .btn-group { | ||
| + | display: inline-block; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | .buffer-options-item > .btn-group:last-child { | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .buffer-options-item:empty, | ||
| + | .buffer-options-item:last-child { | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .buffer-options-item--bannerContainer { | ||
| + | -webkit-flex: 1; | ||
| + | -moz-flex: 1; | ||
| + | -ms-flex: 1; | ||
| + | flex: 1; | ||
| + | overflow-x: hidden; | ||
| + | } | ||
| + | .buffer-options-item--proteinBannerContainer { | ||
| + | margin: 0 10px; | ||
| + | } | ||
| + | .buffer-options-item-banner { | ||
| + | color: #a2b9be; | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | /* If the banner is the first buffer item (e.g in metadata tab), we don't need the extra 5px margin. */ | ||
| + | .buffer-options-item-banner:first-child { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | .buffer-options-item-banner-icon { | ||
| + | color: #5c7c83; | ||
| + | margin-right: 6px; | ||
| + | } | ||
| + | /* Need to override input style for popup on Share button which is now in the buffer options */ | ||
| + | #editor .buffer-options .share-view input[type='text'] { | ||
| + | border-radius: 2px; | ||
| + | height: 28px; | ||
| + | min-height: 28px; | ||
| + | padding: 5px 10px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | #editor.hasLegacyNav #buffers .buffer-container .buffer-options .navbar { | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | /* buffer-reactMount */ | ||
| + | .buffer-reactMount { | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | position: relative; | ||
| + | } | ||
| + | /* | ||
| + | .buffer-container: a flex container with 2 rows | ||
| + | - .buffer-tabs: fixed height | ||
| + | - .buffer-contentWrapper: fluid | ||
| + | */ | ||
| + | .buffer-container { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex-direction: column; | ||
| + | -moz-flex-direction: column; | ||
| + | -ms-flex-direction: column; | ||
| + | flex-direction: column; | ||
| + | } | ||
| + | /* .buffer-contentWrapper | ||
| + | Since we use {position: absolute;} inside of buffers, we need to have a container that is the full size with | ||
| + | {position: relative}. We accomplish this with a single-item flex container. */ | ||
| + | .buffer-contentWrapper { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex: 1; | ||
| + | -moz-flex: 1; | ||
| + | -ms-flex: 1; | ||
| + | flex: 1; | ||
| + | /* fluid-height flex-item relative to .buffer-container */ | ||
| + | -webkit-flex-direction: column; | ||
| + | -moz-flex-direction: column; | ||
| + | -ms-flex-direction: column; | ||
| + | flex-direction: column; | ||
| + | } | ||
| + | .buffer-contentWrapper-reset { | ||
| + | -webkit-flex: 1; | ||
| + | -moz-flex: 1; | ||
| + | -ms-flex: 1; | ||
| + | flex: 1; | ||
| + | position: relative; | ||
| + | } | ||
| + | .buffer-tabs { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | /* for buffer-tabs-sectionsTabs and buffers-tabs-shareBarMount */ | ||
| + | } | ||
| + | .buffer-tabs-sectionTabs { | ||
| + | -webkit-flex: 1; | ||
| + | -moz-flex: 1; | ||
| + | -ms-flex: 1; | ||
| + | flex: 1; | ||
| + | } | ||
| + | .buffer-tabs-shareBarMount { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | -webkit-flex: 0 0 auto; | ||
| + | -moz-flex: 0 0 auto; | ||
| + | -ms-flex: 0 0 auto; | ||
| + | flex: 0 0 auto; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | } | ||
| + | .buffer-tabs-shareBar { | ||
| + | margin-right: 12px; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | } | ||
| + | /* Legacy rendering of buffer-tabs */ | ||
| + | .buffer-tabs.buffer-tabs--legacy { | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs { | ||
| + | background: #e8f0f2; | ||
| + | border-bottom: 1px solid #bdc3c7; | ||
| + | height: 25px; | ||
| + | font-family: 'Gotham Narrow SSm A', 'Gotham Narrow Ssm B', Helvetica, Arial, sans-serif; | ||
| + | font-size: 12px; | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem-closeBtn:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem-closeBtn:hover .sectionTabs-navItem-closeBtn-inner { | ||
| + | background: #a2b9be; | ||
| + | } | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem-closeBtn-inner { | ||
| + | border-radius: 12px; | ||
| + | padding: 0 5px; | ||
| + | /* Cancel out 5px padding on right */ | ||
| + | margin-right: -5px; | ||
| + | } | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem.active { | ||
| + | background: white; | ||
| + | color: #344043; | ||
| + | font-weight: inherit; | ||
| + | } | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem:not(.sectionTabs-navItem--overflow).active { | ||
| + | border-bottom: 1px solid white; | ||
| + | margin-bottom: -1px; | ||
| + | } | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem.active .sectionTabs-navItem-title, | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem:hover .sectionTabs-navItem-title { | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem, | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItemPlaceholder { | ||
| + | background: #e8f0f2; | ||
| + | border-right: 1px solid #bdc3c7; | ||
| + | margin: 0; | ||
| + | padding: 0 10px; | ||
| + | text-transform: none; | ||
| + | } | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem-title { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem.sectionTabs-navItem--overflow { | ||
| + | background-color: white; | ||
| + | border: none; | ||
| + | font-weight: 400; | ||
| + | padding: 10px 16px; | ||
| + | } | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem.sectionTabs-navItem--overflow.active, | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem.sectionTabs-navItem--overflow:hover, | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem.sectionTabs-navItem--overflow:focus { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem .sectionTabs-navItem-title, | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem.active .sectionTabs-navItem-title, | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-navItem:hover .sectionTabs-navItem-title { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-moreDropdown { | ||
| + | -webkit-align-items: stretch; | ||
| + | -moz-align-items: stretch; | ||
| + | -ms-align-items: stretch; | ||
| + | align-items: stretch; | ||
| + | border-left: 1px solid #bdc3c7; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-moreDropdown .toggle { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | cursor: pointer; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | font-size: 12px; | ||
| + | margin: 0; | ||
| + | top: 0; | ||
| + | width: 25px; | ||
| + | } | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-moreDropdown .toggle:hover, | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-moreDropdown .toggle:focus { | ||
| + | background: #a2b9be; | ||
| + | color: white; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-moreDropdown .toggle:active, | ||
| + | .buffer-tabs.buffer-tabs--legacy .sectionTabs .sectionTabs-moreDropdown .toggle.active { | ||
| + | color: white; | ||
| + | background: #344043; | ||
| + | } | ||
| + | /* buffer-tab */ | ||
| + | .buffer-tab { | ||
| + | overflow: auto; | ||
| + | height: 100%; | ||
| + | outline: none; | ||
| + | padding: 10px; | ||
| + | position: relative; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .buffer-tab::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .buffer-tab::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .buffer-tab:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .buffer-tab::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .buffer-tab:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .buffer-tab:focus .line-blink, | ||
| + | .buffer-tab.focus .line-blink { | ||
| + | -moz-animation: 1s blink step-end infinite; | ||
| + | -webkit-animation: 1s blink step-end infinite; | ||
| + | animation: 1s blink step-end infinite; | ||
| + | } | ||
| + | .buffer-tab .form-horizontal > .form-group { | ||
| + | margin-left: -10px; | ||
| + | margin-right: -10px; | ||
| + | } | ||
| + | .buffer-tab--no-padding { | ||
| + | padding: 0; | ||
| + | } | ||
| + | .buffer-tab--no-overflow { | ||
| + | overflow: hidden; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .badgeRadio { | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | .badgeRadio-option { | ||
| + | margin-right: 5px; | ||
| + | margin-bottom: 2px; | ||
| + | display: inline-block; | ||
| + | padding: 2px 8px; | ||
| + | cursor: pointer; | ||
| + | border-radius: 2px; | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .badgeRadio-option:hover { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .badgeRadio-option.is-active { | ||
| + | background: #c9d8db; | ||
| + | color: white; | ||
| + | } | ||
| + | .badgeRadio-option:last-child { | ||
| + | margin-right: 0px; | ||
| + | } | ||
| + | .sort-arrows .top-triangle, | ||
| + | .sort-arrows .bot-triangle { | ||
| + | fill: #b7d0d6; | ||
| + | } | ||
| + | .sort-arrows--top .top-triangle { | ||
| + | fill: #428ce1; | ||
| + | } | ||
| + | .sort-arrows--bottom .bot-triangle { | ||
| + | fill: #428ce1; | ||
| + | } | ||
| + | .folderSelector { | ||
| + | width: 100%; | ||
| + | display: inline-block; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .multipleFolderSelector { | ||
| + | position: relative; | ||
| + | } | ||
| + | .multipleFolderSelector-dropdown { | ||
| + | position: absolute; | ||
| + | z-index: 1000; | ||
| + | left: 0; | ||
| + | top: 100%; | ||
| + | background: white; | ||
| + | width: 100%; | ||
| + | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | ||
| + | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | ||
| + | padding: 5px 0 5px; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | .multipleFolderSelector-dropdown .selectTree { | ||
| + | border: none; | ||
| + | outline: 0; | ||
| + | } | ||
| + | .importFileFolderSelectorMount { | ||
| + | width: auto; | ||
| + | display: inline-block; | ||
| + | margin-left: 10px; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | .selectTree { | ||
| + | padding-left: 0; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | max-height: 250px; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .selectTree::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .selectTree::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .selectTree:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .selectTree::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .selectTree:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .selectTree, | ||
| + | .selectTree ul { | ||
| + | list-style: none; | ||
| + | } | ||
| + | .selectTree ul { | ||
| + | padding-left: 20px; | ||
| + | } | ||
| + | .selectTree-folderIcon { | ||
| + | width: 16px; | ||
| + | } | ||
| + | .selectTree-expandIcon { | ||
| + | width: 20px; | ||
| + | text-align: center; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .selectTree-row { | ||
| + | padding: 2px; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .helpIcon { | ||
| + | background: #e8f0f2; | ||
| + | border-radius: 50%; | ||
| + | color: #344043; | ||
| + | cursor: pointer; | ||
| + | display: inline-block; | ||
| + | font-size: 8px; | ||
| + | height: 10px; | ||
| + | text-align: center; | ||
| + | line-height: 10px; | ||
| + | width: 10px; | ||
| + | } | ||
| + | .chemDrawImage-dropTarget { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | border: 1px dashed #c9d8db; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | height: 292px; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | } | ||
| + | .chemDrawImage-dropTargetText { | ||
| + | color: #428ce1; | ||
| + | font-size: 16px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .chemDrawImage-image { | ||
| + | border: 3px; | ||
| + | height: 100%; | ||
| + | max-height: 290px; | ||
| + | max-width: 290px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .chemDrawImage-imageRemove { | ||
| + | font-size: 24px; | ||
| + | margin-right: 20px; | ||
| + | position: absolute; | ||
| + | right: 0px; | ||
| + | } | ||
| + | .chemDrawModal-headerText { | ||
| + | font-size: 16px; | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | .chemDrawModal-imageHeaderRow { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | margin-bottom: 10px; | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | .chemDrawModal-cdxmlHeaderRow { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex-direction: column; | ||
| + | -moz-flex-direction: column; | ||
| + | -ms-flex-direction: column; | ||
| + | flex-direction: column; | ||
| + | margin-bottom: 10px; | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | .chemDrawModal-helpRow { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex-direction: column; | ||
| + | -moz-flex-direction: column; | ||
| + | -ms-flex-direction: column; | ||
| + | flex-direction: column; | ||
| + | margin-bottom: 10px; | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | .chemDrawModal-pasteTextDisabled { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .charListing { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | height: 200px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .charListing::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .charListing::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .charListing:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .charListing::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .charListing:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .charPreview { | ||
| + | border-right: 1px solid #e8f0f2; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | width: 12.5%; | ||
| + | line-height: 30px; | ||
| + | text-align: center; | ||
| + | font-size: 16px; | ||
| + | overflow-x: hidden; | ||
| + | } | ||
| + | .charPreview:hover { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .fullCharPreview { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | font-size: 10px; | ||
| + | text-align: center; | ||
| + | overflow-x: hidden; | ||
| + | } | ||
| + | .fullCharPreview-char { | ||
| + | font-size: 32px; | ||
| + | } | ||
| + | .unicodeIcon { | ||
| + | display: inline-block; | ||
| + | font-style: normal; | ||
| + | font-weight: 600; | ||
| + | line-height: 1; | ||
| + | } | ||
| + | .trayTaskView .statusbar-label { | ||
| + | padding: 0; | ||
| + | width: 30px; | ||
| + | } | ||
| + | .trayTaskView-spinner { | ||
| + | margin-left: 3px; | ||
| + | background-size: 60%; | ||
| + | } | ||
| + | .trayTaskView-dropdownMenu { | ||
| + | width: 300px; | ||
| + | cursor: default; | ||
| + | line-height: normal; | ||
| + | } | ||
| + | .trayTaskView-titleBar { | ||
| + | margin: 7.5px; | ||
| + | } | ||
| + | .trayTaskView-tasks { | ||
| + | max-height: 300px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .trayTaskView-tasks::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .trayTaskView-tasks::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .trayTaskView-tasks:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .trayTaskView-tasks::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .trayTaskView-tasks:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .trayTaskView-task-row { | ||
| + | margin-bottom: 7.5px; | ||
| + | } | ||
| + | .trayTaskView-task-taskIcon, | ||
| + | .trayTaskView-task-subheading { | ||
| + | margin-left: 7.5px; | ||
| + | } | ||
| + | .trayTaskView-task-heading, | ||
| + | .trayTaskView-task-subheading { | ||
| + | max-width: 70%; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | display: inline-block; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .trayTaskView-task-taskIcon { | ||
| + | width: 5%; | ||
| + | } | ||
| + | .trayTaskView-task-subheading { | ||
| + | clear: both; | ||
| + | } | ||
| + | .trayTaskView-task-icons > .glyphicon { | ||
| + | margin-right: 7.5px; | ||
| + | } | ||
| + | .trayTaskView-task-progress { | ||
| + | clear: both; | ||
| + | height: 2px; | ||
| + | margin: 0 7.5px; | ||
| + | } | ||
| + | .trayTaskView-task-progress > .progress-bar-indeterminate { | ||
| + | background-color: #e8f0f2; | ||
| + | animation: light-gray-dark-gray 2s ease-in-out infinite; | ||
| + | -moz-animation: light-gray-dark-gray 2s ease-in-out infinite; | ||
| + | -webkit-animation: light-gray-dark-gray 2s ease-in-out infinite; | ||
| + | } | ||
| + | @keyframes light-gray-dark-gray { | ||
| + | 0% { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | 50% { | ||
| + | background-color: #a2b9be; | ||
| + | } | ||
| + | 100% { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | } | ||
| + | @-webkit-keyframes light-gray-dark-gray { | ||
| + | 0% { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | 50% { | ||
| + | background-color: #a2b9be; | ||
| + | } | ||
| + | 100% { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | } | ||
| + | .trayTimer-toolboxActiveTimer { | ||
| + | font-family: 'Inconsolata', 'Courier New'; | ||
| + | font-size: 14px; | ||
| + | padding: 0 5px; | ||
| + | } | ||
| + | .trayTimer-toolboxActiveTimer .ticking { | ||
| + | animation: opacity-blink 0.6 linear infinite alternate; | ||
| + | -moz-animation: opacity-blink 0.6s linear infinite alternate; | ||
| + | -webkit-animation: opacity-blink 0.6s linear infinite alternate; | ||
| + | } | ||
| + | #buffers .buffer-container .navbar .insertTable-dimensionCaption { | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | .insertTable-mouseTracker { | ||
| + | z-index: 999; | ||
| + | } | ||
| + | .insertTable-visibleCells { | ||
| + | position: relative; | ||
| + | z-index: 1000; | ||
| + | margin: 8px; | ||
| + | } | ||
| + | .insertTable-row { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | line-height: 0; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .insertTable-cell { | ||
| + | display: inline-block; | ||
| + | position: relative; | ||
| + | background: #e8f0f2; | ||
| + | border: 1px solid #c7dbe0; | ||
| + | } | ||
| + | .insertTable-cell.is-highlighted { | ||
| + | background: #b0cff2; | ||
| + | border: 1px solid #2172cf; | ||
| + | } | ||
| + | .draggableRowInserter .backdrop { | ||
| + | cursor: ns-resize; | ||
| + | } | ||
| + | .draggableRowInserter-infoOverlay { | ||
| + | position: relative; | ||
| + | border: 2px solid #a2b9be; | ||
| + | background: rgba(255, 255, 255, 0.7); | ||
| + | text-align: center; | ||
| + | } | ||
| + | .draggableRowInserter-infoOverlay-dimensionsWrapper { | ||
| + | position: absolute; | ||
| + | bottom: 30px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .draggableRowInserter-infoOverlay-dimensions { | ||
| + | margin: 0 auto; | ||
| + | min-width: 100px; | ||
| + | } | ||
| + | .footer { | ||
| + | border-top: 1px solid #e8f0f2; | ||
| + | margin-top: 40px; | ||
| + | padding: 20px 0 30px; | ||
| + | } | ||
| + | .footerLinks { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | list-style: none; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .footerHeader { | ||
| + | color: #5c7c83; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | letter-spacing: 1px; | ||
| + | margin: 20px 0 10px; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | .footerLinks li { | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | .socialLinks li { | ||
| + | display: inline-block; | ||
| + | margin-right: 15px; | ||
| + | } | ||
| + | .socialLinks a { | ||
| + | color: #a2b9be; | ||
| + | font-size: 18px; | ||
| + | } | ||
| + | .socialLinks a:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #ui-datepicker-div .ui-widget-header { | ||
| + | color: #5c7c83; | ||
| + | background: #e8f0f2; | ||
| + | border: #a2b9be; | ||
| + | } | ||
| + | #ui-datepicker-div .ui-state-default { | ||
| + | color: #a2b9be; | ||
| + | background: white; | ||
| + | } | ||
| + | #ui-datepicker-div .ui-state-active { | ||
| + | color: white; | ||
| + | background: #428ce1; | ||
| + | border-color: #a2b9be; | ||
| + | } | ||
| + | #ui-datepicker-div .ui-state-highlight { | ||
| + | color: #344043; | ||
| + | background: #e8f0f2; | ||
| + | border-color: #a2b9be; | ||
| + | } | ||
| + | #ui-datepicker-div .ui-state-hover { | ||
| + | border: 1px solid #6ea7e8; | ||
| + | } | ||
| + | .positionedPopover { | ||
| + | background: white; | ||
| + | padding: 10px 12px; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | border-radius: 4px; | ||
| + | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||
| + | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | ||
| + | z-index: 1000; | ||
| + | margin-left: -23px; | ||
| + | margin-top: 8px; | ||
| + | } | ||
| + | .positionedPopover--noArrow { | ||
| + | margin-left: 0; | ||
| + | margin-top: 4px; | ||
| + | } | ||
| + | .positionedPopover-arrow, | ||
| + | .positionedPopover-arrow:after { | ||
| + | position: absolute; | ||
| + | display: block; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | border: 11px solid transparent; | ||
| + | } | ||
| + | .positionedPopover-arrow { | ||
| + | border-bottom-color: #e8f0f2; | ||
| + | top: -21px; | ||
| + | } | ||
| + | .positionedPopover-arrow:after { | ||
| + | content: " "; | ||
| + | border-bottom-color: white; | ||
| + | border-width: 10px; | ||
| + | top: -8px; | ||
| + | left: -10px; | ||
| + | } | ||
| + | .advisorsAbout-navContainer { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | z-index: 1030; | ||
| + | } | ||
| + | .land-header-advisors { | ||
| + | background: initial; | ||
| + | } | ||
| + | .land-header-advisors .land-nav-link:hover, | ||
| + | .land-header-advisors .land-nav-link:focus { | ||
| + | color: #e8f0f2; | ||
| + | } | ||
| + | .advisorsWelcome-jumbotron { | ||
| + | min-height: 100px; | ||
| + | margin: 25px; | ||
| + | } | ||
| + | .advisorsAbout { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 17px; | ||
| + | line-height: 24px; | ||
| + | box-shadow: 0px 5px 15px #c9d8db; | ||
| + | background-color: white; | ||
| + | } | ||
| + | .advisorsAbout strong { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .advisorsAbout-blue { | ||
| + | background-color: #428ce1; | ||
| + | color: white; | ||
| + | } | ||
| + | .advisorsAbout-jumbotron { | ||
| + | height: 150px; | ||
| + | margin: 25px; | ||
| + | } | ||
| + | .advisorsAbout-jumbotron-header { | ||
| + | /* TODO(T5378): this was Gotham 28 */ | ||
| + | font-size: 19px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .advisorsAbout-jumbotron-subheader { | ||
| + | margin-top: 8px; | ||
| + | font-size: 19px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .advisorsAbout-body { | ||
| + | margin: 25px; | ||
| + | margin-top: 40px; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .advisorsAbout-profile { | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .advisorsAbout-profile-pic { | ||
| + | height: 120px; | ||
| + | width: 120px; | ||
| + | border-radius: 100px; | ||
| + | } | ||
| + | .advisorsAbout-profile-institutionName { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .advisorsAbout-section { | ||
| + | padding: 48px; | ||
| + | margin: 0 auto; | ||
| + | max-width: 800px; | ||
| + | } | ||
| + | .advisorsAbout-welcome { | ||
| + | background-color: #5b9fec; | ||
| + | color: white; | ||
| + | } | ||
| + | .advisorsAbout-nittyGritty { | ||
| + | background-color: #344043; | ||
| + | color: white; | ||
| + | } | ||
| + | .advisorsAbout-advisors { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .advisorsAbout-schools { | ||
| + | background-color: #ffffff; | ||
| + | } | ||
| + | .advisorsAbout-program { | ||
| + | background-color: #344043; | ||
| + | color: white; | ||
| + | } | ||
| + | .advisorsAbout-section-title { | ||
| + | text-transform: uppercase; | ||
| + | font-size: 19px; | ||
| + | line-height: 24px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .advisorsAbout-welcome-title { | ||
| + | /* TODO(T5378): this was Gotham 28 */ | ||
| + | font-size: 19px; | ||
| + | line-height: 24px; | ||
| + | text-transform: uppercase; | ||
| + | margin-top: 100px; | ||
| + | } | ||
| + | .advisorsAbout-welcome-content { | ||
| + | max-width: 512px; | ||
| + | margin-bottom: 100px; | ||
| + | } | ||
| + | .advisorsAbout-welcome-goggles { | ||
| + | width: 160px; | ||
| + | position: absolute; | ||
| + | right: 120px; | ||
| + | top: 148px; | ||
| + | } | ||
| + | @media (max-width: 991px) { | ||
| + | .advisorsAbout-welcome-goggles { | ||
| + | display: none; | ||
| + | } | ||
| + | } | ||
| + | .advisorsAbout-welcome-microscope { | ||
| + | position: absolute; | ||
| + | bottom: 17px; | ||
| + | width: 600px; | ||
| + | left: calc(70% - 240px); | ||
| + | } | ||
| + | @media (max-width: 1200px) { | ||
| + | .advisorsAbout-welcome-microscope { | ||
| + | left: initial; | ||
| + | right: 0; | ||
| + | } | ||
| + | } | ||
| + | .advisorsAbout-welcome-beakers { | ||
| + | position: absolute; | ||
| + | bottom: 20px; | ||
| + | left: 0; | ||
| + | width: 300px; | ||
| + | } | ||
| + | @media (max-width: 991px) { | ||
| + | .advisorsAbout-welcome-beakers { | ||
| + | right: 700px; | ||
| + | left: initial; | ||
| + | } | ||
| + | } | ||
| + | .advisorsAbout-welcome-platform { | ||
| + | border: 3px solid white; | ||
| + | position: absolute; | ||
| + | bottom: 16px; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | } | ||
| + | .advisorsAbout-nittyGritty-icon { | ||
| + | width: 68px; | ||
| + | height: 68px; | ||
| + | } | ||
| + | .advisorAbout-cta { | ||
| + | padding: 10px 14px; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | border-radius: 4px; | ||
| + | } | ||
| + | .advisorAbout-cta:hover { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .advisorAbout-cta-welcome { | ||
| + | background-color: white; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .advisorAbout-cta-welcome:hover { | ||
| + | background-color: #e8f0f2; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .advisorAbout-cta-program { | ||
| + | background-color: #428ce1; | ||
| + | color: white; | ||
| + | } | ||
| + | .advisorAbout-cta-program:hover { | ||
| + | background-color: #2c76cc; | ||
| + | color: white; | ||
| + | } | ||
| + | .advisorsAbout-schoolLogo-container { | ||
| + | margin-top: 20px; | ||
| + | height: 50px; | ||
| + | white-space: nowrap; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .advisorsAbout-schoolLogo-helper { | ||
| + | display: inline-block; | ||
| + | height: 100%; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .advisorsAbout-schoolLogo-image { | ||
| + | vertical-align: middle; | ||
| + | max-height: 50px; | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | .pulse { | ||
| + | width: 32px; | ||
| + | height: 32px; | ||
| + | border-radius: 100%; | ||
| + | border: 2px solid rgba(52, 152, 219, 0.55); | ||
| + | box-shadow: 0 0px 6px rgba(0, 0, 0, 0.25), inset 0 0px 3px rgba(0, 0, 0, 0.3); | ||
| + | cursor: pointer; | ||
| + | position: absolute; | ||
| + | margin-top: -16px; | ||
| + | -webkit-animation: scaleDot 1.5s infinite ease-in-out; | ||
| + | animation: scaleDot 1.5s infinite ease-in-out; | ||
| + | z-index: 3; | ||
| + | -webkit-transform: translate3d(0, 0, 0); | ||
| + | -moz-transform: translate3d(0, 0, 0); | ||
| + | -ms-transform: translate3d(0, 0, 0); | ||
| + | -o-transform: translate3d(0, 0, 0); | ||
| + | transform: translate3d(0, 0, 0); | ||
| + | } | ||
| + | .pulse--centered { | ||
| + | margin: -16px; | ||
| + | } | ||
| + | .pulse:after { | ||
| + | position: absolute; | ||
| + | content: ''; | ||
| + | width: 18px; | ||
| + | height: 18px; | ||
| + | top: 0; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | margin: auto; | ||
| + | background: rgba(255, 255, 255, 0.15); | ||
| + | border: 2px solid rgba(30, 100, 225, 0.65); | ||
| + | border-radius: 100%; | ||
| + | } | ||
| + | @-webkit-keyframes scaleDot { | ||
| + | 0% { | ||
| + | -webkit-transform: scale(1); | ||
| + | } | ||
| + | 50% { | ||
| + | -webkit-transform: scale(0.8); | ||
| + | } | ||
| + | 100% { | ||
| + | -webkit-transform: scale(1); | ||
| + | } | ||
| + | } | ||
| + | @keyframes scaleDot { | ||
| + | 0% { | ||
| + | transform: scale(1); | ||
| + | } | ||
| + | 50% { | ||
| + | transform: scale(0.8); | ||
| + | } | ||
| + | 100% { | ||
| + | transform: scale(1); | ||
| + | } | ||
| + | } | ||
| + | .pulseContainer { | ||
| + | position: relative; | ||
| + | } | ||
| + | .pulseIntroContainer { | ||
| + | height: 32px; | ||
| + | padding-top: 20px; | ||
| + | padding-bottom: 20px; | ||
| + | } | ||
| + | .pulse-message { | ||
| + | max-width: 350px; | ||
| + | border-left: 10px solid #428ce1; | ||
| + | font-size: 14px; | ||
| + | z-index: 1051; | ||
| + | } | ||
| + | .pulse-message .popover-content { | ||
| + | padding: 20px; | ||
| + | } | ||
| + | .pulse-message .popover-content:before, | ||
| + | .pulse-message .popover-content:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .pulse-message .popover-content:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .pulse-message .popover-content:before, | ||
| + | .pulse-message .popover-content:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .pulse-message .popover-content:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | @-moz-keyframes horizontal-throbber { | ||
| + | 0% { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | 10% { | ||
| + | background: #5c7c83; | ||
| + | } | ||
| + | 40% { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | } | ||
| + | @-webkit-keyframes horizontal-throbber { | ||
| + | 0% { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | 10% { | ||
| + | background: #5c7c83; | ||
| + | } | ||
| + | 40% { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | } | ||
| + | @keyframes horizontal-throbber { | ||
| + | 0% { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | 10% { | ||
| + | background: #5c7c83; | ||
| + | } | ||
| + | 40% { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | } | ||
| + | /* :not(:required) hides these rules from IE9 and below */ | ||
| + | .horizontal-throbber:not(:required) { | ||
| + | -moz-animation: horizontal-throbber 2000ms 300ms infinite ease-out; | ||
| + | -webkit-animation: horizontal-throbber 2000ms 300ms infinite ease-out; | ||
| + | animation: horizontal-throbber 2000ms 300ms infinite ease-out; | ||
| + | background: #c9d8db; | ||
| + | display: inline-block; | ||
| + | position: relative; | ||
| + | text-indent: -9999px; | ||
| + | width: 12px; | ||
| + | height: 16px; | ||
| + | margin: 0 16px; | ||
| + | } | ||
| + | .horizontal-throbber:not(:required):before, | ||
| + | .horizontal-throbber:not(:required):after { | ||
| + | background: #c9d8db; | ||
| + | content: '\x200B'; | ||
| + | display: inline-block; | ||
| + | width: 12px; | ||
| + | height: 16px; | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | } | ||
| + | .horizontal-throbber:not(:required):before { | ||
| + | -moz-animation: horizontal-throbber 2000ms 150ms infinite ease-out; | ||
| + | -webkit-animation: horizontal-throbber 2000ms 150ms infinite ease-out; | ||
| + | animation: horizontal-throbber 2000ms 150ms infinite ease-out; | ||
| + | left: -16px; | ||
| + | } | ||
| + | .horizontal-throbber:not(:required):after { | ||
| + | -moz-animation: horizontal-throbber 2000ms 450ms infinite ease-out; | ||
| + | -webkit-animation: horizontal-throbber 2000ms 450ms infinite ease-out; | ||
| + | animation: horizontal-throbber 2000ms 450ms infinite ease-out; | ||
| + | right: -16px; | ||
| + | } | ||
| + | @-moz-keyframes circular-throbber { | ||
| + | 0% { | ||
| + | -moz-transform: rotate(0deg); | ||
| + | transform: rotate(0deg); | ||
| + | } | ||
| + | 100% { | ||
| + | -moz-transform: rotate(360deg); | ||
| + | transform: rotate(360deg); | ||
| + | } | ||
| + | } | ||
| + | @-webkit-keyframes circular-throbber { | ||
| + | 0% { | ||
| + | -webkit-transform: rotate(0deg); | ||
| + | transform: rotate(0deg); | ||
| + | } | ||
| + | 100% { | ||
| + | -webkit-transform: rotate(360deg); | ||
| + | transform: rotate(360deg); | ||
| + | } | ||
| + | } | ||
| + | @keyframes circular-throbber { | ||
| + | 0% { | ||
| + | -moz-transform: rotate(0deg); | ||
| + | -ms-transform: rotate(0deg); | ||
| + | -webkit-transform: rotate(0deg); | ||
| + | transform: rotate(0deg); | ||
| + | } | ||
| + | 100% { | ||
| + | -moz-transform: rotate(360deg); | ||
| + | -ms-transform: rotate(360deg); | ||
| + | -webkit-transform: rotate(360deg); | ||
| + | transform: rotate(360deg); | ||
| + | } | ||
| + | } | ||
| + | /* :not(:required) hides this rule from IE9 and below */ | ||
| + | .circular-throbber:not(:required) { | ||
| + | -moz-animation: circular-throbber 1250ms infinite linear; | ||
| + | -webkit-animation: circular-throbber 1250ms infinite linear; | ||
| + | animation: circular-throbber 1250ms infinite linear; | ||
| + | border: 6px solid white; | ||
| + | border-right-color: transparent; | ||
| + | border-radius: 16px; | ||
| + | box-sizing: border-box; | ||
| + | display: inline-block; | ||
| + | position: relative; | ||
| + | overflow: hidden; | ||
| + | text-indent: -9999px; | ||
| + | width: 32px; | ||
| + | height: 32px; | ||
| + | } | ||
| + | .institution-page-box { | ||
| + | background: #fff; | ||
| + | border: 1px solid #c9d8db; | ||
| + | margin: 40px auto; | ||
| + | border-radius: 3px; | ||
| + | padding: 30px 0; | ||
| + | } | ||
| + | .institution-half { | ||
| + | padding: 10px 40px; | ||
| + | } | ||
| + | .institution-header { | ||
| + | font-size: 32px; | ||
| + | } | ||
| + | .institution-subheader { | ||
| + | font-size: 18px; | ||
| + | } | ||
| + | .institution-section { | ||
| + | margin-top: 40px; | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | .institution-image { | ||
| + | height: 75px; | ||
| + | } | ||
| + | .institution-sign-up { | ||
| + | width: 40%; | ||
| + | } | ||
| + | .minisite-title { | ||
| + | font-size: 36px; | ||
| + | } | ||
| + | .minisite-section { | ||
| + | margin-top: 40px; | ||
| + | line-height: 1.5; | ||
| + | } | ||
| + | .minisite-img { | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | .minisite-figure { | ||
| + | padding-top: 1em; | ||
| + | padding-bottom: 1em; | ||
| + | } | ||
| + | .minisite-figcaption { | ||
| + | padding-top: 0.5em; | ||
| + | } | ||
| + | .minisite-table tr:first-of-type { | ||
| + | text-align: center; | ||
| + | } | ||
| + | .minisite-table td { | ||
| + | padding: 5px; | ||
| + | white-space: pre-wrap; | ||
| + | } | ||
| + | .minisite-avatar { | ||
| + | margin-top: 8px; | ||
| + | } | ||
| + | .minisite-author { | ||
| + | letter-spacing: 1px; | ||
| + | } | ||
| + | .minisite-nav { | ||
| + | padding: 40px; | ||
| + | } | ||
| + | .minisite-powered-by { | ||
| + | letter-spacing: 1px; | ||
| + | } | ||
| + | .minisite-baseText { | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | .minisite-video { | ||
| + | width: auto; | ||
| + | height: auto; | ||
| + | } | ||
| + | } | ||
| + | .ellisCrispr-table td { | ||
| + | border: solid black 1px; | ||
| + | padding: 5px; | ||
| + | } | ||
| + | .goldPage-loading-container { | ||
| + | min-height: 400px; | ||
| + | line-height: 400px; | ||
| + | } | ||
| + | .goldPage { | ||
| + | margin: 148px auto; | ||
| + | max-width: 491px; | ||
| + | min-width: 491px; | ||
| + | } | ||
| + | @media (min-width: 992px) { | ||
| + | .goldPage { | ||
| + | max-width: 877px; | ||
| + | } | ||
| + | } | ||
| + | .goldPage-invite-wrapper { | ||
| + | vertical-align: top; | ||
| + | width: 1%; | ||
| + | } | ||
| + | .goldPage-description { | ||
| + | font-size: 16px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .goldPage-invite { | ||
| + | padding: 0 20px; | ||
| + | line-height: 48px; | ||
| + | height: 48px; | ||
| + | } | ||
| + | .goldPage-showTable { | ||
| + | padding-top: 2px; | ||
| + | font-size: 8px; | ||
| + | } | ||
| + | .goldPage-referral { | ||
| + | padding: 15px 0; | ||
| + | } | ||
| + | .goldPage-speechBubble { | ||
| + | position: absolute; | ||
| + | top: -40px; | ||
| + | left: -15px; | ||
| + | border-radius: 2px; | ||
| + | width: 100px; | ||
| + | padding: 0 10px; | ||
| + | height: 25px; | ||
| + | text-align: center; | ||
| + | line-height: 25px; | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .goldPage-speechBubble:before { | ||
| + | content: ""; | ||
| + | position: absolute; | ||
| + | z-index: -1; | ||
| + | bottom: -10px; | ||
| + | left: 0; | ||
| + | height: 10px; | ||
| + | border-right: 30px solid #e8f0f2; | ||
| + | background: #e8f0f2; | ||
| + | border-bottom-right-radius: 80px 50px; | ||
| + | -webkit-transform: translate(0, -2px); | ||
| + | -ms-transform: translate(0, -2px); | ||
| + | transform: translate(0, -2px); | ||
| + | } | ||
| + | /* creates part of the curved pointy bit */ | ||
| + | .goldPage-speechBubble:after { | ||
| + | content: ""; | ||
| + | position: absolute; | ||
| + | z-index: -1; | ||
| + | bottom: -10px; | ||
| + | left: 0; | ||
| + | width: 30px; | ||
| + | height: 10px; | ||
| + | background: white; | ||
| + | border-bottom-right-radius: 40px 75px; | ||
| + | -webkit-transform: translate(-10px, -2px); | ||
| + | -ms-transform: translate(-10px, -2px); | ||
| + | transform: translate(-10px, -2px); | ||
| + | } | ||
| + | .goldPage-speechBubble.gold { | ||
| + | background-color: #fdd586; | ||
| + | } | ||
| + | .goldPage-speechBubble.gold:before { | ||
| + | background-color: #fdd586; | ||
| + | border-color: #fdd586; | ||
| + | } | ||
| + | .goldPage-referrals-organization:not(:first-child) { | ||
| + | margin-top: 4px; | ||
| + | } | ||
| + | .filterDropdown { | ||
| + | cursor: pointer; | ||
| + | position: relative; | ||
| + | } | ||
| + | .filterDropdown-menu { | ||
| + | position: absolute; | ||
| + | z-index: 1; | ||
| + | left: 0; | ||
| + | top: 100%; | ||
| + | background: white; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | ||
| + | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | ||
| + | padding: 0 0 5px; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | .filterDropdown-menu.filterDropdown-menu--alignRight { | ||
| + | left: initial; | ||
| + | right: 0; | ||
| + | } | ||
| + | .filterDropdown-menuItem { | ||
| + | width: 150px; | ||
| + | } | ||
| + | .filterDropdown-inputWrapper { | ||
| + | margin: 5px 5px 0; | ||
| + | } | ||
| + | #editor .filterDropdown-menuItem input[type=search] { | ||
| + | padding: 5px; | ||
| + | } | ||
| + | .filterDropdown-options { | ||
| + | margin-top: 5px; | ||
| + | max-height: 200px; | ||
| + | overflow-y: auto; | ||
| + | overflow-x: hidden; | ||
| + | } | ||
| + | .filterDropdown-options::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .filterDropdown-options::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .filterDropdown-options:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .filterDropdown-options::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .filterDropdown-options:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .filterDropdown-option, | ||
| + | .filterDropdown-helpText { | ||
| + | padding: 3px 10px; | ||
| + | } | ||
| + | .filterDropdown-option { | ||
| + | cursor: pointer; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .filterDropdown-option.filterDropdown-option--active { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .filterDropdown-option:hover, | ||
| + | .filterDropdown-option.filterDropdown-option--active:hover { | ||
| + | color: #ffffff; | ||
| + | background-color: #428ce1; | ||
| + | } | ||
| + | .filterDropdown-divider { | ||
| + | height: 1px; | ||
| + | margin: 7.5px 0; | ||
| + | overflow: hidden; | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .tagsInput { | ||
| + | border: 1px solid #a2b9be; | ||
| + | padding: 11px 11px 3px; | ||
| + | overflow-y: auto; | ||
| + | border-radius: 3px; | ||
| + | background-color: white; | ||
| + | } | ||
| + | .tagsInput.tagsInput--small { | ||
| + | padding: 5px 10px 1px; | ||
| + | } | ||
| + | .tagsInput-ul { | ||
| + | list-style-type: none; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .tagsInput-li { | ||
| + | display: inline-block; | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | .tagsInput-tag { | ||
| + | display: inline-block; | ||
| + | background: #e8f0f2; | ||
| + | color: #344043; | ||
| + | font-size: 12px; | ||
| + | height: 24px; | ||
| + | line-height: 24px; | ||
| + | padding: 0 5px; | ||
| + | margin-right: 8px; | ||
| + | margin-bottom: 8px; | ||
| + | text-decoration: none; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | .tagsInput--small .tagsInput-tag { | ||
| + | margin-bottom: 4px; | ||
| + | } | ||
| + | .tagsInput-remove { | ||
| + | font-weight: bold; | ||
| + | color: #a2b9be; | ||
| + | text-decoration: none; | ||
| + | font-size: 11px; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .tagsInput-input { | ||
| + | color: #5c7c83; | ||
| + | border: 0; | ||
| + | font-size: 13px; | ||
| + | height: 24px; | ||
| + | line-height: 24px; | ||
| + | margin-bottom: 8px; | ||
| + | padding: 0; | ||
| + | outline: none; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .tagsInput--small .tagsInput-input { | ||
| + | margin-bottom: 4px; | ||
| + | } | ||
| + | .tagsInput-dropdown { | ||
| + | z-index: 1000; | ||
| + | max-height: 264px; | ||
| + | overflow-y: auto; | ||
| + | border: 1px solid #a2b9be; | ||
| + | border-radius: 0 0 5px 5px; | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | background-color: white; | ||
| + | } | ||
| + | .tagsInput-dropdown::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .tagsInput-dropdown::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .tagsInput-dropdown:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .tagsInput-dropdown::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .tagsInput-dropdown:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .emailInput-dropdown-option { | ||
| + | padding: 8px 15px; | ||
| + | border: 1px solid #c9d8db; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | .emailInput-dropdown-option:hover { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .emailInput-dropdown-option-name { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .emailInput-dropdown-option-email { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .emailInput-dropdown-option-invited, | ||
| + | .emailInput-dropdown-option-member { | ||
| + | line-height: 32px; | ||
| + | } | ||
| + | .emailInput-dropdown-option-member { | ||
| + | font-size: 14px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .emailInput-dropdown-option-invited { | ||
| + | font-size: 20px; | ||
| + | } | ||
| + | .emailInput-nameAndEmail { | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .emailInput-onlyEmail { | ||
| + | line-height: 32px; | ||
| + | } | ||
| + | .tagsInput-dropdown { | ||
| + | display: none; | ||
| + | } | ||
| + | .tagsInput-dropdown:focus { | ||
| + | display: block; | ||
| + | } | ||
| + | .tagsInput-input:focus + .tagsInput-dropdown { | ||
| + | display: block; | ||
| + | } | ||
| + | .tagSchemaSelector-options { | ||
| + | position: absolute; | ||
| + | z-index: 1; | ||
| + | width: 100%; | ||
| + | background: white; | ||
| + | border: 1px solid #f8fafb; | ||
| + | -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | ||
| + | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); | ||
| + | padding: 3px 0 3px; | ||
| + | border-radius: 3px; | ||
| + | max-height: 100px; | ||
| + | overflow-y: auto; | ||
| + | overflow-x: hidden; | ||
| + | } | ||
| + | .tagSchemaSelector-options::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .tagSchemaSelector-options::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .tagSchemaSelector-options:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .tagSchemaSelector-options::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .tagSchemaSelector-options:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .tagSchemaSelector-option { | ||
| + | padding: 5px 10px; | ||
| + | cursor: pointer; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .tagSchemaSelector-option:hover { | ||
| + | color: #ffffff; | ||
| + | background-color: #428ce1; | ||
| + | } | ||
| + | .tfi-addAccountRow { | ||
| + | line-height: 48px; | ||
| + | margin: 16px 0; | ||
| + | } | ||
| + | .tfi-addAccountRow-icon { | ||
| + | height: 40px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .tfi-addAccountRow-label { | ||
| + | display: inline-block; | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .tfi-addAccountRow-count { | ||
| + | color: #a2b9be; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .result-icon.tfi-result-icon { | ||
| + | margin-top: 2px; | ||
| + | } | ||
| + | .tfi-modalContainer .modal-content { | ||
| + | padding: 0; | ||
| + | background: transparent; | ||
| + | border: none; | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | .tfi-modalContainer iframe { | ||
| + | border: none; | ||
| + | } | ||
| + | .tfi-modalSpinner { | ||
| + | margin: 200px auto; | ||
| + | } | ||
| + | .tfi-modalImage { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .tfi-modalHeader { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | color: white; | ||
| + | padding-bottom: 50px; | ||
| + | } | ||
| + | .tfi-modalHeader .tfi-accountIcon { | ||
| + | font-size: 24px; | ||
| + | margin-right: 10px; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .tfi-modalTitle { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .tfi-modalTitle h4 { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | line-height: 24px; | ||
| + | margin-top: 0; | ||
| + | margin-bottom: 4px; | ||
| + | } | ||
| + | .tfi-modalClose { | ||
| + | cursor: pointer; | ||
| + | margin-right: 50px; | ||
| + | font-size: 34px; | ||
| + | font-weight: 100; | ||
| + | display: inline-block; | ||
| + | vertical-align: top; | ||
| + | line-height: 24px; | ||
| + | margin-top: -3px; | ||
| + | } | ||
| + | .tfi-modalNoPreview { | ||
| + | color: white; | ||
| + | text-align: center; | ||
| + | margin: 100px 0; | ||
| + | } | ||
| + | .tfi-modalNoPreviewIcon { | ||
| + | font-size: 72px; | ||
| + | margin: 20px; | ||
| + | } | ||
| + | .color--tfi-accountIcon-dropbox { | ||
| + | color: #007ee5; | ||
| + | } | ||
| + | .color--tfi-accountIcon-onedrive { | ||
| + | color: #094ab2; | ||
| + | } | ||
| + | .tfi-searchInput { | ||
| + | margin-bottom: 25px; | ||
| + | position: relative; | ||
| + | } | ||
| + | .cardContainer { | ||
| + | margin-right: -30px; | ||
| + | } | ||
| + | .card { | ||
| + | background-color: #f8fafb; | ||
| + | width: 165px; | ||
| + | height: 144px; | ||
| + | padding: 15px 12px 0px; | ||
| + | border-bottom: 5px solid transparent; | ||
| + | margin-right: 30px; | ||
| + | margin-bottom: 24px; | ||
| + | display: inline-block; | ||
| + | vertical-align: top; | ||
| + | overflow: hidden; | ||
| + | word-break: break-word; | ||
| + | } | ||
| + | .card--short { | ||
| + | height: 84px; | ||
| + | } | ||
| + | a.card, | ||
| + | a.card:focus, | ||
| + | a.card:active, | ||
| + | a.card:hover { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | a.card:hover { | ||
| + | cursor: pointer; | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .itemCard { | ||
| + | position: relative; | ||
| + | } | ||
| + | .itemCard-fade { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | height: 30px; | ||
| + | background: linear-gradient(180deg, rgba(248, 250, 251, 0), #f8fafb); | ||
| + | } | ||
| + | .itemCard:hover .itemCard-fade { | ||
| + | background: linear-gradient(180deg, rgba(232, 240, 242, 0), #e8f0f2); | ||
| + | } | ||
| + | .itemCard-title { | ||
| + | color: #344043; | ||
| + | font-size: 16px; | ||
| + | line-height: 20px; | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | .itemCard-subtitle { | ||
| + | color: #5c7c83; | ||
| + | font-size: 12px; | ||
| + | margin-top: 4px; | ||
| + | } | ||
| + | .itemCard-desc { | ||
| + | color: #344043; | ||
| + | margin-top: 20px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .createCard { | ||
| + | position: relative; | ||
| + | } | ||
| + | .createCard-icon { | ||
| + | margin-right: 4px; | ||
| + | } | ||
| + | .createCard-text { | ||
| + | position: absolute; | ||
| + | top: 50%; | ||
| + | transform: translateY(-50%); | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | text-align: center; | ||
| + | text-transform: uppercase; | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | .settingsPage { | ||
| + | overflow-y: auto; | ||
| + | height: 100%; | ||
| + | } | ||
| + | .settingsPage::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .settingsPage::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .settingsPage:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .settingsPage::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .settingsPage:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .settingsPage-contentWrapper { | ||
| + | margin: 40px auto; | ||
| + | width: 90%; | ||
| + | max-width: 945px; | ||
| + | } | ||
| + | .settingsPage-header { | ||
| + | margin-bottom: 50px; | ||
| + | } | ||
| + | .settingsPage-header-crumb, | ||
| + | .settingsPage-header-crumb:focus { | ||
| + | color: #a2b9be; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .settingsPage-header-crumb:hover { | ||
| + | color: #5c7c83; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .settingsPage-header-chevron { | ||
| + | font-size: 14px; | ||
| + | margin-left: 8px; | ||
| + | margin-right: 5px; | ||
| + | color: #c9d8db; | ||
| + | } | ||
| + | .settingsPage-btn { | ||
| + | width: 24px; | ||
| + | height: 24px; | ||
| + | line-height: 24px; | ||
| + | text-align: center; | ||
| + | background-color: transparent; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .settingsPage-btn:active, | ||
| + | .settingsPage-btn.is-active { | ||
| + | background-color: #e8f0f2; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .svgIcon { | ||
| + | fill: currentColor; | ||
| + | width: 1em; | ||
| + | height: 1em; | ||
| + | margin-bottom: -1px; | ||
| + | } | ||
| + | .exportModal .modal-body { | ||
| + | padding: 0; | ||
| + | } | ||
| + | .exportModal .modal-footer { | ||
| + | background-color: #f8fafb; | ||
| + | padding: 0 20px 20px; | ||
| + | border: none; | ||
| + | } | ||
| + | .exportModal-menu { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: space-around; | ||
| + | -moz-justify-content: space-around; | ||
| + | -ms-justify-content: space-around; | ||
| + | justify-content: space-around; | ||
| + | padding: 16.5px 23px 23px; | ||
| + | } | ||
| + | .exportModal-submenu { | ||
| + | background-color: #f8fafb; | ||
| + | padding: 20px 20px 14px; | ||
| + | } | ||
| + | .exportModal-option { | ||
| + | cursor: pointer; | ||
| + | text-align: center; | ||
| + | color: #a2b9be; | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | .exportModal-option:hover, | ||
| + | .exportModal-option.is-selected { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .exportModal-option i { | ||
| + | font-size: 34px; | ||
| + | } | ||
| + | .nueModule { | ||
| + | background-color: #5b9fec; | ||
| + | border-radius: 4px; | ||
| + | padding: 16px; | ||
| + | width: 195px; | ||
| + | color: white; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .nueModule--collapsed { | ||
| + | width: initial; | ||
| + | padding: 12px; | ||
| + | } | ||
| + | .nueModule-link { | ||
| + | color: white; | ||
| + | } | ||
| + | .nueModule-link:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | .nueModule-title { | ||
| + | color: white; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | .nueModule-item-circle { | ||
| + | border: 1px solid white; | ||
| + | border-radius: 100px; | ||
| + | width: 12px; | ||
| + | height: 12px; | ||
| + | margin: 6px auto; | ||
| + | text-align: center; | ||
| + | background-color: #5b9fec; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .nueModule-item-circle:hover { | ||
| + | background-color: white; | ||
| + | color: #5b9fec; | ||
| + | } | ||
| + | .nueModule-item-lastOpenCircleColumn { | ||
| + | background-color: #5b9fec; | ||
| + | } | ||
| + | .nueModule-item-circleContainer { | ||
| + | width: 24px; | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | .nueModule--collapsed .nueModule-item-circleContainer { | ||
| + | width: 12px; | ||
| + | } | ||
| + | .nueModule-item-circle--completed { | ||
| + | background-color: white; | ||
| + | } | ||
| + | .nueModule-item-circle--completed:hover { | ||
| + | background-color: #5b9fec; | ||
| + | } | ||
| + | .nueModule-item-circle--open { | ||
| + | width: 24px; | ||
| + | height: 24px; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .nueModule-item-circle-check { | ||
| + | line-height: 24px; | ||
| + | color: #5b9fec; | ||
| + | } | ||
| + | .nueModule-item-circle-text { | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .nueModule-item-content { | ||
| + | vertical-align: top; | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | padding-left: 12px; | ||
| + | } | ||
| + | .nueModule-item-title { | ||
| + | font-size: 15px; | ||
| + | font-weight: 600; | ||
| + | line-height: 24px; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .nueModule-item-title--faded { | ||
| + | opacity: 0.5; | ||
| + | } | ||
| + | .nueModule-item-title--faded:hover { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .nueModule-verticalLine { | ||
| + | position: absolute; | ||
| + | top: 12px; | ||
| + | bottom: 12px; | ||
| + | left: 11px; | ||
| + | border: 1px solid #ffffff; | ||
| + | } | ||
| + | .nueModule--collapsed .nueModule-verticalLine { | ||
| + | left: 5px; | ||
| + | } | ||
| + | .nueModule-toggleContainer { | ||
| + | width: 12px; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .nueModule-toggle { | ||
| + | color: white; | ||
| + | cursor: pointer; | ||
| + | opacity: 0.5; | ||
| + | } | ||
| + | .nueModule-toggle:hover { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .nueModule-item-description { | ||
| + | overflow: hidden; | ||
| + | font-weight: 300; | ||
| + | } | ||
| + | .nueModule-finishLink { | ||
| + | cursor: pointer; | ||
| + | font-weight: 500; | ||
| + | color: white; | ||
| + | } | ||
| + | .nueModule-finishLink:hover { | ||
| + | opacity: 0.5; | ||
| + | } | ||
| + | .nueModule .popover { | ||
| + | color: #344043; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .nueModulePopover-header { | ||
| + | padding: 14px 0; | ||
| + | } | ||
| + | .nueModulePopover-close { | ||
| + | color: #c9d8db; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .nueModulePopover-ol { | ||
| + | padding-left: 20px; | ||
| + | } | ||
| + | .onboardingModal-option { | ||
| + | border-radius: 3px; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | cursor: pointer; | ||
| + | font-size: 16px; | ||
| + | margin: 15px auto; | ||
| + | padding: 10px 15px; | ||
| + | } | ||
| + | .onboardingModal-option:hover { | ||
| + | border: 1px solid #c7dbe0; | ||
| + | } | ||
| + | .onboardingModal-option-check { | ||
| + | color: #03c08d; | ||
| + | line-height: inherit; | ||
| + | } | ||
| + | .scientificFieldModal-option { | ||
| + | font-size: 15px; | ||
| + | margin: 3px auto; | ||
| + | padding: 8px 10px; | ||
| + | } | ||
| + | .entryOnboardingTour-largePopover { | ||
| + | width: 350px; | ||
| + | } | ||
| + | .finderSearchTitle { | ||
| + | display: inline-block; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .finderSearchFilters { | ||
| + | width: 200px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .finderFilterListing .curSearchFilters { | ||
| + | border: 0; | ||
| + | padding-left: 0; | ||
| + | padding-right: 0; | ||
| + | } | ||
| + | .curSearchFilters { | ||
| + | background: white; | ||
| + | border: 1px solid #f8fafb; | ||
| + | border-top: 0; | ||
| + | padding: 4px 9px; | ||
| + | } | ||
| + | .curSearchFilter, | ||
| + | .curSearchFilter-text, | ||
| + | .curSearchFilter-remove { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .curSearchFilter { | ||
| + | cursor: default; | ||
| + | margin: 1px 5px 1px 0; | ||
| + | background: #428ce1; | ||
| + | color: white; | ||
| + | border-radius: 100px; | ||
| + | border: 1px solid #428ce1; | ||
| + | overflow: hidden; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .curSearchFilter-text { | ||
| + | padding: 1px 2px 1px 8px; | ||
| + | text-transform: uppercase; | ||
| + | font-size: 10px; | ||
| + | max-width: 140px; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .curSearchFilter-text, | ||
| + | .curSearchFilter-remove { | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .curSearchFilter-remove { | ||
| + | cursor: pointer; | ||
| + | font-weight: 700; | ||
| + | margin-left: 3px; | ||
| + | padding: 1px 6px 1px 4px; | ||
| + | border-left: 1px solid white; | ||
| + | } | ||
| + | .curSearchFilter-remove:hover { | ||
| + | color: #428ce1; | ||
| + | background: white; | ||
| + | } | ||
| + | .curSearchFilter--noFilter { | ||
| + | background: transparent; | ||
| + | color: #a2b9be; | ||
| + | border-color: transparent; | ||
| + | } | ||
| + | .searchFilters { | ||
| + | display: table; | ||
| + | width: 100%; | ||
| + | border-collapse: collapse; | ||
| + | background: white; | ||
| + | } | ||
| + | .searchFilters-inner { | ||
| + | display: table-row; | ||
| + | } | ||
| + | .searchFilterOption { | ||
| + | border: 1px solid #f8fafb; | ||
| + | padding: 4px 5px 4px 9px; | ||
| + | margin: 1px 1px 1px 0; | ||
| + | display: table-cell; | ||
| + | border-left: 1px solid #f8fafb; | ||
| + | border-right: 1px solid #f8fafb; | ||
| + | border-bottom: 1px solid #f8fafb; | ||
| + | } | ||
| + | .file-browser-filter .select2-container { | ||
| + | max-width: 170px; | ||
| + | } | ||
| + | .file-browser-filter .select2-container.select2-dropdown-open { | ||
| + | min-width: 120px; | ||
| + | } | ||
| + | .finderSearch-addFilterLink { | ||
| + | font-weight: normal; | ||
| + | } | ||
| + | .finderSearch-searchTarget { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | padding-top: 8px; | ||
| + | padding-bottom: 8px; | ||
| + | } | ||
| + | .finderSearch-searchBox { | ||
| + | margin-bottom: 16px; | ||
| + | } | ||
| + | .finderSearch-addFilterBtn { | ||
| + | -webkit-flex: none; | ||
| + | -moz-flex: none; | ||
| + | -ms-flex: none; | ||
| + | flex: none; | ||
| + | margin-left: 8px; | ||
| + | } | ||
| + | .finderSearch-addFilterBtn .svgIcon { | ||
| + | margin-right: 8px; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .finderSearch-filterModule { | ||
| + | margin-left: -12px; | ||
| + | margin-right: -12px; | ||
| + | padding: 0 12px 8px; | ||
| + | } | ||
| + | .finderSearch-filterModule--showBorder { | ||
| + | box-shadow: 0 4px 8px -4px #c9d8db, inset -1px 0 0 0 #e8f0f2; | ||
| + | } | ||
| + | .finderSearch-filterDivider { | ||
| + | -webkit-align-content: center; | ||
| + | -moz-align-content: center; | ||
| + | -ms-align-content: center; | ||
| + | align-content: center; | ||
| + | color: #a2b9be; | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | .finderSearch-filterDivider--toggle { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | font-size: 10px; | ||
| + | font-weight: 400; | ||
| + | line-height: 12px; | ||
| + | margin-bottom: 0; | ||
| + | padding-top: 8px; | ||
| + | } | ||
| + | .finderSearch-filterModule--showBorder .finderSearch-filterDivider--toggle { | ||
| + | border-top: 1px solid #ecf0f1; | ||
| + | } | ||
| + | .finderSearch-toggleFilterLink { | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .finderSearch-toggleFilterLink:hover { | ||
| + | color: #428ce1; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .finderSearch-searchFilter-withText { | ||
| + | font-color: #5c7c83; | ||
| + | font-size: 12px; | ||
| + | line-height: 16px; | ||
| + | margin-bottom: 4px; | ||
| + | margin-top: 8px; | ||
| + | } | ||
| + | .finderSearch-searchFilter { | ||
| + | padding-bottom: 8px; | ||
| + | } | ||
| + | .finderSearch-searchFilter-textareaContainer { | ||
| + | margin-top: 12px; | ||
| + | } | ||
| + | .finderSearch-searchFilter-textarea { | ||
| + | font-family: 'Inconsolata', 'Courier New'; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .avatarGrid { | ||
| + | margin-left: -5px; | ||
| + | margin-bottom: -10px; | ||
| + | } | ||
| + | .avatarGrid .avatar, | ||
| + | .avatarGrid .addOrganizationButton { | ||
| + | margin: 0 5px 10px; | ||
| + | } | ||
| + | .addOrganizationButton { | ||
| + | width: 30px; | ||
| + | line-height: 23px; | ||
| + | text-align: center; | ||
| + | border: 1px dashed #e8f0f2; | ||
| + | border-radius: 2px; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .addOrganizationButton:hover { | ||
| + | color: #428ce1; | ||
| + | border-color: #428ce1; | ||
| + | } | ||
| + | .organizationPage-container { | ||
| + | margin-top: 30px; | ||
| + | } | ||
| + | .organizationPage-sectionContainer { | ||
| + | padding-top: 20px; | ||
| + | border-top: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .organizationPage-topCta { | ||
| + | margin-right: 15px; | ||
| + | margin-bottom: 4px; | ||
| + | } | ||
| + | .organizationPage-createOrganizationForm { | ||
| + | max-width: 350px; | ||
| + | } | ||
| + | .organizationPage-banner { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | /* Feature Banner Styles */ | ||
| + | .organizationPage-featureBanner { | ||
| + | background-color: #ffffff; | ||
| + | border-radius: 8px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | margin: 12px 0; | ||
| + | padding: 16px; | ||
| + | } | ||
| + | .organizationPage-featureBannerTitle { | ||
| + | margin-top: -4px; | ||
| + | } | ||
| + | .organizationPage-featureBannerItem { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: space-between; | ||
| + | -moz-justify-content: space-between; | ||
| + | -ms-justify-content: space-between; | ||
| + | justify-content: space-between; | ||
| + | margin-left: 28px; | ||
| + | } | ||
| + | .organizationPage-featureBannerItem:first-child { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | .organizationPage-featureBannerItem-icon { | ||
| + | color: #428ce1; | ||
| + | height: 30px; | ||
| + | -webkit-flex: none; | ||
| + | -moz-flex: none; | ||
| + | -ms-flex: none; | ||
| + | flex: none; | ||
| + | margin-right: 12px; | ||
| + | width: 30px; | ||
| + | } | ||
| + | .organizationPage-featureBanner-remove { | ||
| + | color: #c9d8db; | ||
| + | cursor: pointer; | ||
| + | height: 16px; | ||
| + | margin-left: 16px; | ||
| + | width: 16px; | ||
| + | } | ||
| + | .expandedResults { | ||
| + | height: 100%; | ||
| + | width: 100%; | ||
| + | position: relative; | ||
| + | } | ||
| + | .expandedResults-header { | ||
| + | height: 35px; | ||
| + | } | ||
| + | .expandedResults-body { | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .expandedResults-body::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .expandedResults-body::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .expandedResults-body:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .expandedResults-body::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .expandedResults-body:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .expandedResults-body-table, | ||
| + | .expandedResults-header-table { | ||
| + | width: 100%; | ||
| + | border: 1px solid #e8eef2; | ||
| + | } | ||
| + | .expandedResults-body-table .col-checkbox, | ||
| + | .expandedResults-header-table .col-checkbox { | ||
| + | width: 35px; | ||
| + | } | ||
| + | .expandedResults-body-table .col-name, | ||
| + | .expandedResults-header-table .col-name { | ||
| + | min-width: 200px; | ||
| + | } | ||
| + | .expandedResults-body-table .col-authors, | ||
| + | .expandedResults-header-table .col-authors, | ||
| + | .expandedResults-body-table .col-auditors, | ||
| + | .expandedResults-header-table .col-auditors { | ||
| + | width: 160px; | ||
| + | } | ||
| + | .expandedResults-body-table .col-modified, | ||
| + | .expandedResults-header-table .col-modified { | ||
| + | width: 170px; | ||
| + | } | ||
| + | .expandedResults-body-table .col-oligo-bases, | ||
| + | .expandedResults-header-table .col-oligo-bases { | ||
| + | width: 250px; | ||
| + | } | ||
| + | .expandedResults-body-table .col-all-tags, | ||
| + | .expandedResults-header-table .col-all-tags { | ||
| + | width: 200px; | ||
| + | } | ||
| + | .expandedResults-body-table .col-tag, | ||
| + | .expandedResults-header-table .col-tag { | ||
| + | width: 140px; | ||
| + | } | ||
| + | .expandedResults-body-table .col-tm, | ||
| + | .expandedResults-header-table .col-tm { | ||
| + | width: 75px; | ||
| + | } | ||
| + | .expandedResults-body-table .col-gc, | ||
| + | .expandedResults-header-table .col-gc { | ||
| + | width: 75px; | ||
| + | } | ||
| + | .expandedResults-body-table .col-violation-count, | ||
| + | .expandedResults-header-table .col-violation-count { | ||
| + | width: 160px; | ||
| + | } | ||
| + | .expandedResults-body-table .col-sample-count, | ||
| + | .expandedResults-header-table .col-sample-count { | ||
| + | width: 160px; | ||
| + | } | ||
| + | .expandedResults-body-table .col-registryValidation-warning, | ||
| + | .expandedResults-header-table .col-registryValidation-warning { | ||
| + | width: 320px; | ||
| + | } | ||
| + | .expandedResults-body-table .col-registryId, | ||
| + | .expandedResults-header-table .col-registryId { | ||
| + | width: 160px; | ||
| + | } | ||
| + | .expandedResults-header-table th { | ||
| + | background: #e8f0f2; | ||
| + | border: 1px solid #e8eef2; | ||
| + | text-transform: uppercase; | ||
| + | color: #344043; | ||
| + | padding: 10px 10px 7px; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | .expandedResults-header-table th.is-sortable { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .expandedResults-header-table th.is-sortable:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .expandedResults-header-table th:hover .close { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .expandedResults-header-table .close { | ||
| + | visibility: hidden; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .expandedResults-header-table .expandedResults-tagHeader-renameTag { | ||
| + | display: none; | ||
| + | } | ||
| + | .expandedResults-header-table th:hover .expandedResults-tagHeader-renameTag { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .expandedResults-tagHeader { | ||
| + | display: inline-block; | ||
| + | max-width: 85px; | ||
| + | vertical-align: top; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .expandedResults-notePreview { | ||
| + | max-height: 100px; | ||
| + | overflow-y: hidden; | ||
| + | white-space: pre-line; | ||
| + | } | ||
| + | .expandedResults-body-table { | ||
| + | border-top: none; | ||
| + | } | ||
| + | .expandedResults-body-table tr:nth-child(even) td { | ||
| + | background: #ffffff; | ||
| + | } | ||
| + | .expandedResults-body-table tr { | ||
| + | -webkit-transition: opacity 0.1s ease-out; | ||
| + | transition: opacity 0.1s ease-out; | ||
| + | } | ||
| + | .expandedResults-body-table tr .expandedResults-row-hover { | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | .expandedResults-body-table tr:hover td { | ||
| + | background: #ffffff; | ||
| + | } | ||
| + | .expandedResults-body-table tr:hover .expandedResults-row-hover { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .expandedResults-body-table tr.is-selected.dnd-drop-container.is-drop-allowed td, | ||
| + | .expandedResults-body-table tr.is-selected.dnd-drop-container.is-drop-allowed .expandedResults-resultLabel { | ||
| + | background: rgba(66, 140, 225, 0.75); | ||
| + | } | ||
| + | .expandedResults-body-table tr.is-selected td, | ||
| + | .expandedResults-body-table tr.is-selected .expandedResults-resultLabel { | ||
| + | color: white; | ||
| + | background: #428ce1; | ||
| + | } | ||
| + | .expandedResults-body-table tr.is-selected .expandedResults-resultLabel { | ||
| + | border-radius: 10px; | ||
| + | padding: 2px 10px; | ||
| + | margin-left: -10px; | ||
| + | margin-right: -10px; | ||
| + | } | ||
| + | .expandedResults-body-table tr.is-selected .faded, | ||
| + | .expandedResults-body-table tr.is-selected .u-success-color, | ||
| + | .expandedResults-body-table tr.is-selected a { | ||
| + | color: white; | ||
| + | } | ||
| + | .expandedResults-body-table td { | ||
| + | padding: 10px; | ||
| + | color: #344043; | ||
| + | font-size: 12px; | ||
| + | word-break: break-all; | ||
| + | } | ||
| + | .opt-is-scrolling .expandedResults-body-table tr { | ||
| + | pointer-events: none; | ||
| + | } | ||
| + | .registryValidation-errorList { | ||
| + | padding-left: 0; | ||
| + | word-break: break-word; | ||
| + | } | ||
| + | .registryValidatorTable-error { | ||
| + | margin-left: 5px; | ||
| + | white-space: normal; | ||
| + | } | ||
| + | .sampleView { | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | .sampleCreatorAvatar { | ||
| + | margin-right: 4px; | ||
| + | } | ||
| + | .editableSchemaTag-name { | ||
| + | color: #5c7c83; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | .sampleView-overview, | ||
| + | .sampleView-attributes { | ||
| + | margin-top: 27px; | ||
| + | } | ||
| + | .allSamplesView-header { | ||
| + | margin-right: 20px; | ||
| + | /* Add spacing between header and search input */ | ||
| + | } | ||
| + | .allSamplesView-batches { | ||
| + | margin-top: 25px; | ||
| + | } | ||
| + | .allSamplesView-containers { | ||
| + | margin-top: 33px; | ||
| + | } | ||
| + | .batchSamples-containers { | ||
| + | margin-top: 36px; | ||
| + | } | ||
| + | .sampleView .plainSearchInput { | ||
| + | width: 296px; | ||
| + | } | ||
| + | .createSampleModal-batchSelector { | ||
| + | margin-bottom: 18px; | ||
| + | } | ||
| + | .createSampleModal-header { | ||
| + | color: #344043; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | margin: 0 0 4px; | ||
| + | } | ||
| + | .createSampleModal-header--attributes { | ||
| + | /* Need to clear margin-bottom because it's followed by a Row which breaks margin collapsing. */ | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .createSampleModal-label { | ||
| + | color: #5c7c83; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | margin: 12px 0 4px; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | /* Classes for rendering tags */ | ||
| + | .schemaTag-table-cell-long-text { | ||
| + | max-width: 176px; | ||
| + | } | ||
| + | .expandedResults-editTag-td .expandedResults-editTag-wrapper { | ||
| + | position: relative; | ||
| + | } | ||
| + | .expandedResults-editTag-td .expandedResults-editTag { | ||
| + | display: none; | ||
| + | position: absolute; | ||
| + | top: 50%; | ||
| + | margin-top: -12px; | ||
| + | right: 0; | ||
| + | padding: 3px 5px; | ||
| + | color: white; | ||
| + | border-radius: 2px; | ||
| + | background: rgba(0, 0, 0, 0.4); | ||
| + | } | ||
| + | .expandedResults-editTag-td .expandedResults-editTag:hover { | ||
| + | background: rgba(80, 80, 80, 0.8); | ||
| + | } | ||
| + | .expandedResults-editTag-td:hover .expandedResults-editTag { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .tagEditorDropdown { | ||
| + | min-width: 250px; | ||
| + | padding: 10px; | ||
| + | } | ||
| + | .tagEditorDropdown .btn-group { | ||
| + | display: block; | ||
| + | margin: 0 5px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-options .tagEditorDropdown .btn .glyphicon, | ||
| + | #buffers .buffer-container .buffer-options .tagEditorDropdown .glyphicon { | ||
| + | font-size: 11px; | ||
| + | margin: 0; | ||
| + | } | ||
| + | input.tagEditorDropdown-input-name, | ||
| + | input.tagEditorDropdown-input-value { | ||
| + | -webkit-transition: width 0.1s ease-out; | ||
| + | transition: width 0.1s ease-out; | ||
| + | } | ||
| + | input.tagEditorDropdown-input-name { | ||
| + | width: 114px; | ||
| + | } | ||
| + | input.tagEditorDropdown-input-value { | ||
| + | width: 60px; | ||
| + | } | ||
| + | .tagEditorDropdown .is-value-focused input.tagEditorDropdown-input-name { | ||
| + | width: 60px; | ||
| + | } | ||
| + | .tagEditorDropdown .is-value-focused input.tagEditorDropdown-input-value { | ||
| + | width: 114px; | ||
| + | } | ||
| + | .tagEditorDropdown-list { | ||
| + | margin-bottom: 0; | ||
| + | padding: 0; | ||
| + | list-style: none; | ||
| + | max-height: 130px; | ||
| + | max-width: 100%; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .tagEditorDropdown-list::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .tagEditorDropdown-list::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .tagEditorDropdown-list:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .tagEditorDropdown-list::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .tagEditorDropdown-list:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .tagEditorDropdown-list .is-editing label { | ||
| + | color: #03c08d; | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | .tagEditorDropdown-list label, | ||
| + | .tagEditorDropdown-list .glyphicon { | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | .tagEditorDropdown-list .glyphicon { | ||
| + | margin: 1px 4px 0 0; | ||
| + | } | ||
| + | .tagEditorDropdown-list label { | ||
| + | font-weight: 400; | ||
| + | margin: 0; | ||
| + | display: block; | ||
| + | padding: 3px 5px; | ||
| + | cursor: pointer; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .tagEditorDropdown-list label:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .metadata-section { | ||
| + | margin-bottom: 52px; | ||
| + | } | ||
| + | .metadata-header-section { | ||
| + | margin-bottom: 24px; | ||
| + | } | ||
| + | .metadata-header, | ||
| + | .metadata-sampleTable th { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | margin-bottom: 7px; | ||
| + | } | ||
| + | .metadata-headerDivider { | ||
| + | margin: 10px 0 0 -12px; | ||
| + | } | ||
| + | .metadata-addButton { | ||
| + | color: #428ce1; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .metadata-analyzeButton { | ||
| + | color: #a2b9be; | ||
| + | cursor: pointer; | ||
| + | outline: none; | ||
| + | } | ||
| + | .metadata-header-button-spacing-left { | ||
| + | margin-left: 6px; | ||
| + | } | ||
| + | .metadata-field { | ||
| + | margin-left: -12px; | ||
| + | } | ||
| + | .metadata-relevantFileContainer, | ||
| + | .metadata-sampleTableContainer { | ||
| + | margin-left: -12px; | ||
| + | overflow-x: auto; | ||
| + | } | ||
| + | .metadata-sampleTableCellContents { | ||
| + | width: 100px; | ||
| + | } | ||
| + | .metadata-field, | ||
| + | .metadata-sampleTable tr { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .metadata-field, | ||
| + | .metadata-sampleTable th, | ||
| + | .metadata-sampleTable td { | ||
| + | padding-left: 12px; | ||
| + | /* Offset padding so that row text is still in line with headers */ | ||
| + | } | ||
| + | .metadata-field:hover, | ||
| + | .metadata-field.is-beingEdited, | ||
| + | .metadata-sampleTable tbody tr:hover { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .metadata-field:hover .registry-actionGroup, | ||
| + | .metadata-field.is-beingEdited .registry-actionGroup, | ||
| + | .metadata-sampleTable tbody tr:hover .registry-actionGroup { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .metadata-field-row, | ||
| + | .metadata-sampleTable { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .metadata-field-row { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | } | ||
| + | .metadata-statusMessage { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .metadata-field-col, | ||
| + | .metadata-statusMessage, | ||
| + | .metadata-sampleTable td { | ||
| + | -webkit-user-select: text; | ||
| + | word-break: break-word; | ||
| + | padding-top: 17px; | ||
| + | padding-bottom: 14px; | ||
| + | line-height: 16px; | ||
| + | flex: 1; | ||
| + | } | ||
| + | .metadata-statusMessage-content { | ||
| + | margin-left: 4px; | ||
| + | } | ||
| + | .metadata-field-col--firstTag { | ||
| + | width: 50%; | ||
| + | } | ||
| + | .registry-actionGroupContainer { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex: none; | ||
| + | -moz-flex: none; | ||
| + | -ms-flex: none; | ||
| + | flex: none; | ||
| + | -webkit-justify-content: flex-end; | ||
| + | -moz-justify-content: flex-end; | ||
| + | -ms-justify-content: flex-end; | ||
| + | justify-content: flex-end; | ||
| + | } | ||
| + | .registry-actionGroupContainer--header { | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | .metadata-field--header { | ||
| + | border-bottom: none; | ||
| + | display: inline-block; | ||
| + | font-size: 17px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .metadata-registry-header { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .registry-actionGroup { | ||
| + | font-size: 12px; | ||
| + | white-space: nowrap; | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | .metadata-action { | ||
| + | cursor: pointer; | ||
| + | padding: 0px 12px; | ||
| + | } | ||
| + | .metadata-action.inactive { | ||
| + | pointer-events: none; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .metadata-action.inactive i { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .metadata-action-icon--complete, | ||
| + | .metadata-action-icon--link { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .metadata-action-icon--complete:hover, | ||
| + | .metadata-action-icon--complete:active, | ||
| + | .metadata-action-icon--link:hover, | ||
| + | .metadata-action-icon--link:active { | ||
| + | color: #2c76cc; | ||
| + | } | ||
| + | .metadata-action-icon--close:hover, | ||
| + | .metadata-action-icon--close:active { | ||
| + | color: #e96e51; | ||
| + | } | ||
| + | .metadata-action-icon--link.inactive, | ||
| + | .metadata-action-icon--complete.inactive { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .metadata-icon--folder { | ||
| + | color: #a2b9be; | ||
| + | margin-right: 6px; | ||
| + | } | ||
| + | .metadata-icon--folder-parent { | ||
| + | color: #428ce1; | ||
| + | cursor: pointer; | ||
| + | margin-left: 6px; | ||
| + | } | ||
| + | .metadata-tagValueInput { | ||
| + | position: relative; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .metadata-tagValueInputLink { | ||
| + | position: absolute; | ||
| + | top: 5px; | ||
| + | right: 5px; | ||
| + | } | ||
| + | .metadata-tagValueInputLink .glyphicon-link { | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .metadata-tagValueTextArea { | ||
| + | resize: vertical; | ||
| + | } | ||
| + | .metadata-relevantFile-colHeader { | ||
| + | width: 50%; | ||
| + | } | ||
| + | .metadata-relevantFile-colHeader-contents { | ||
| + | line-height: 24px; | ||
| + | /* Match button height */ | ||
| + | width: 100%; | ||
| + | margin-left: 3px; | ||
| + | /* Otherwise header text is misaligned with above table */ | ||
| + | } | ||
| + | #editor .metadata-editor .row.u-no-spacing-bottom { | ||
| + | /* Override default row spacing */ | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .metadata-sampleTableContainer { | ||
| + | padding-top: 7px; | ||
| + | } | ||
| + | .metadata-sampleTable th { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .metadata-aliasList { | ||
| + | margin-left: -12px; | ||
| + | max-height: 160px; | ||
| + | padding-left: 12px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .metadata-aliasList::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .metadata-aliasList::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .metadata-aliasList:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .metadata-aliasList::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .metadata-aliasList:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .metadata-tagSchemaSelectorContainer { | ||
| + | width: 75%; | ||
| + | } | ||
| + | .registerModal-file-subtitle { | ||
| + | font-size: 10px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .inviteUsers-buttonContainer { | ||
| + | vertical-align: top; | ||
| + | width: 1%; | ||
| + | } | ||
| + | .inviteUsers-buttonContainer .inviteUsers-button { | ||
| + | height: 48px; | ||
| + | line-height: 48px; | ||
| + | padding: 0 20px; | ||
| + | } | ||
| + | #editor .inviteUsers-button.inviteUsers-button--small { | ||
| + | height: 36px; | ||
| + | line-height: 36px; | ||
| + | } | ||
| + | .ctrl-f { | ||
| + | z-index: 1001; | ||
| + | position: absolute; | ||
| + | background: #e8f0f2; | ||
| + | padding: 3px 5px; | ||
| + | border: 1px solid #a2b9be; | ||
| + | border-top: none; | ||
| + | border-radius: 0px 0px 4px 4px; | ||
| + | position: fixed; | ||
| + | top: 0px; | ||
| + | right: 50px; | ||
| + | width: 400px; | ||
| + | margin-bottom: 0px !important; | ||
| + | padding-bottom: 5px; | ||
| + | } | ||
| + | .ctrl-f .in-input { | ||
| + | position: absolute; | ||
| + | right: 92px; | ||
| + | top: 2px; | ||
| + | } | ||
| + | .ctrl-f-search-count { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .ctrl-f .close-btn { | ||
| + | background: none; | ||
| + | border: none; | ||
| + | outline: none; | ||
| + | } | ||
| + | .ctrl-f .close-btn:hover { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .ctrl-f .close-btn-icon { | ||
| + | font-size: 14px; | ||
| + | line-height: 24px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .registrySettingsPage { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | .registrySettings-breadcrumb { | ||
| + | width: 100%; | ||
| + | margin-bottom: 2px; | ||
| + | } | ||
| + | .registrySettings-breadcrumb-item, | ||
| + | .registrySettings-breadcrumb-title, | ||
| + | .registrySettings-breadcrumb-divider { | ||
| + | display: inline-block; | ||
| + | margin: 0px; | ||
| + | } | ||
| + | .registrySettings-breadcrumb-item { | ||
| + | color: #a2b9be; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .registrySettings-breadcrumb-item:hover { | ||
| + | color: #5c7c83; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .registrySettings-breadcrumb-divider { | ||
| + | margin: 0 5.5px; | ||
| + | font-size: 14px; | ||
| + | color: #c9d8db; | ||
| + | } | ||
| + | .registrySettings-body { | ||
| + | margin-top: 36px; | ||
| + | width: 75%; | ||
| + | } | ||
| + | .registrySettingsTable-headerRow { | ||
| + | color: #a2b9be; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | text-transform: uppercase; | ||
| + | margin-bottom: 0; | ||
| + | padding-bottom: 9px; | ||
| + | } | ||
| + | .registrySettingsTable-primaryHeader { | ||
| + | color: #344043; | ||
| + | } | ||
| + | #editor .registrySettingsTable-row.borderless.row { | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | #editor .registrySettingsTable-headerRow.row, | ||
| + | #editor .registrySettingsTable-row.row { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | cursor: default; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .registrySettings-field .metadata-field, | ||
| + | .registrySettingsTable-row .metadata-field { | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | .registrySettingsTable-row.is-beingEdited, | ||
| + | .registrySettingsTable-row:hover { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .registrySettingsTable-row:hover .registry-actionGroup { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .registrySettingsTable-col { | ||
| + | text-overflow: ellipsis; | ||
| + | line-height: 16px; | ||
| + | padding-top: 17px; | ||
| + | padding-bottom: 14px; | ||
| + | } | ||
| + | #editor .selectorSettings-row.row { | ||
| + | /* Remove the default margin-bottom for bs Row components */ | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .selectorSettings-nameInput { | ||
| + | background-color: #f8fafb; | ||
| + | margin-left: -12px; | ||
| + | padding-left: 12px; | ||
| + | padding-right: 35px; | ||
| + | padding-top: 17px; | ||
| + | padding-bottom: 14px; | ||
| + | } | ||
| + | .selectorSettings-creatingOptionRow { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex: none; | ||
| + | -moz-flex: none; | ||
| + | -ms-flex: none; | ||
| + | flex: none; | ||
| + | -webkit-justify-content: flex-end; | ||
| + | -moz-justify-content: flex-end; | ||
| + | -ms-justify-content: flex-end; | ||
| + | justify-content: flex-end; | ||
| + | background-color: #f8fafb; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | margin-left: -12px; | ||
| + | padding-left: 12px; | ||
| + | } | ||
| + | .selectorSettings-creatingOptionRow .registry-actionGroup { | ||
| + | /* Needed to override default visibility: hidden behavior in FieldActionBUttons */ | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .tagSchemaSettings-fileTypeSelector { | ||
| + | width: 50%; | ||
| + | } | ||
| + | .tagSchemaSettings-header { | ||
| + | color: #344043; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | margin-bottom: 6px; | ||
| + | margin-top: 2px; | ||
| + | } | ||
| + | .tagSchemaSettings-secondHeader { | ||
| + | color: #5c7c83; | ||
| + | /* needed to align with second column within tagSchemaSettings-fields .tagSchemaSettings-row */ | ||
| + | margin-left: -8px; | ||
| + | } | ||
| + | .tagSchemaSettings-fields { | ||
| + | margin-left: -42px; | ||
| + | } | ||
| + | .tagSchemaSettings-field { | ||
| + | margin-top: 1px; | ||
| + | margin-bottom: 1px; | ||
| + | min-height: 28px; | ||
| + | display: table; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .tagSchemaSettings-field.is-dragging { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | .tagSchemaSettings-field:hover .registry-actionGroup, | ||
| + | .tagSchemaSettings-field.is-beingEdited .registry-actionGroup, | ||
| + | .tagSchemaSettings-field:hover .tagSchemaSettings-action, | ||
| + | .tagSchemaSettings-field.is-beingEdited .tagSchemaSettings-action, | ||
| + | .tagSchemaSettings-field.is-dragging .tagSchemaSettings-action, | ||
| + | .editableField:hover .registry-actionGroup, | ||
| + | .editableField.is-beingEdited .registry-actionGroup { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .tagSchemaSettings-field:hover .tagSchemaSettings-action.invisible, | ||
| + | .tagSchemaSettings-field.is-beingEdited .tagSchemaSettings-action.invisible, | ||
| + | .tagSchemaSettings-field.is-dragging .tagSchemaSettings-action.invisible { | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | .tagSchemaSettings-field.is-beingEdited, | ||
| + | .tagSchemaSettings-field:hover, | ||
| + | .tagSchemaSettings-field.is-dragging { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .registrySettings-section { | ||
| + | margin-bottom: 30px; | ||
| + | } | ||
| + | .tagSchemaSettings-row { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex-direction: row; | ||
| + | -moz-flex-direction: row; | ||
| + | -ms-flex-direction: row; | ||
| + | flex-direction: row; | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .tagSchemaSettings-action { | ||
| + | background-color: #f8fafb; | ||
| + | display: table-cell; | ||
| + | padding: 0px 8px; | ||
| + | vertical-align: middle; | ||
| + | visibility: hidden; | ||
| + | white-space: nowrap; | ||
| + | width: 28px; | ||
| + | } | ||
| + | .tagSchemaSettings-addButton { | ||
| + | color: #428ce1; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .tagSchemaSettings-dropdown-option { | ||
| + | padding: 8px 15px; | ||
| + | border-bottom: 1px solid #c9d8db; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | .tagSchemaSettings-dropdown-option:hover { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .tagsInput-dropdown-option:last-child .tagSchemaSettings-dropdown-option { | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | .tagSchemaSettings-input { | ||
| + | -webkit-flex: 1; | ||
| + | -moz-flex: 1; | ||
| + | -ms-flex: 1; | ||
| + | flex: 1; | ||
| + | margin-bottom: 10px; | ||
| + | margin-right: 5%; | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | .editableField { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | margin-left: -8px; | ||
| + | padding: 8px; | ||
| + | } | ||
| + | .editableField-text { | ||
| + | line-height: 28px; | ||
| + | /* match the input height when editing the field */ | ||
| + | } | ||
| + | .editableField:hover, | ||
| + | .editableField.is-beingEdited { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .tagSchemaSettings-field:hover .registry-actionGroup, | ||
| + | .tagSchemaSettings-field.is-beingEdited .registry-actionGroup, | ||
| + | .editableItemTable-row:hover .registry-actionGroup, | ||
| + | .editableItemTable-row.is-beingEdited .registry-actionGroup, | ||
| + | .editableField:hover .registry-actionGroup, | ||
| + | .editableField.is-beingEdited .registry-actionGroup { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .tagSchemaSettings-helpIcon { | ||
| + | margin-bottom: 4px; | ||
| + | margin-top: 2px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .tagSchemaSettings-popover { | ||
| + | color: #344043; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-weight: 600; | ||
| + | text-transform: none; | ||
| + | } | ||
| + | /* These styles belong to the schema settings page, which should house both UI for tag schema settings as | ||
| + | well as sample schema settings. | ||
| + | */ | ||
| + | .schemaSettingsPage-scrollContainer { | ||
| + | height: 100%; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .schemaSettingsPage-scrollContainer::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .schemaSettingsPage-scrollContainer::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .schemaSettingsPage-scrollContainer:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .schemaSettingsPage-scrollContainer::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .schemaSettingsPage-scrollContainer:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .schemaSettingsPageContainer { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | -webkit-flex-direction: column; | ||
| + | -moz-flex-direction: column; | ||
| + | -ms-flex-direction: column; | ||
| + | flex-direction: column; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | margin: 47px 225px 0 66px; | ||
| + | } | ||
| + | .schemaSettingsPage-banner { | ||
| + | color: #5c7c83; | ||
| + | cursor: pointer; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .schemaSettingsPage-banner:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .schemaSettingsPage-header { | ||
| + | margin-bottom: 21px; | ||
| + | } | ||
| + | .schemaSettingsPage-settingsContainer { | ||
| + | margin-top: 23px; | ||
| + | margin-bottom: 30px; | ||
| + | min-height: 200px; | ||
| + | } | ||
| + | /* These styles are used specifically for UI associated with sample schema settings. */ | ||
| + | .sampleSchemaSettingsContainer { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex-direction: column; | ||
| + | -moz-flex-direction: column; | ||
| + | -ms-flex-direction: column; | ||
| + | flex-direction: column; | ||
| + | } | ||
| + | .sampleSchemaSettings-addContainerButton { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | .sampleSchemaSettings-configurationDropdown { | ||
| + | margin-bottom: 23px; | ||
| + | width: 244px; | ||
| + | } | ||
| + | .sampleSchemaSettings-batchTable, | ||
| + | .sampleSchemaSettings-containerTable { | ||
| + | margin-bottom: 26px; | ||
| + | margin-left: -12px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .sampleSchemaSettings-batchTable .fieldTable-field--last, | ||
| + | .sampleSchemaSettings-containerTable .fieldTable-field--last { | ||
| + | -webkit-flex-shrink: 50; | ||
| + | -moz-flex-shrink: 50; | ||
| + | -ms-flex-shrink: 50; | ||
| + | flex-shrink: 50; | ||
| + | } | ||
| + | .sampleSchemaSettings-batchTable .fieldTable-actionGroupContainer, | ||
| + | .sampleSchemaSettings-containerTable .fieldTable-actionGroupContainer { | ||
| + | margin-right: -12px; | ||
| + | position: relative; | ||
| + | } | ||
| + | .sampleSchemaSettings-containerTable { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | border-radius: 4px; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | } | ||
| + | .sampleSchemaSettings-containerTable .fieldTable { | ||
| + | border-bottom-left-radius: 0; | ||
| + | border-top-left-radius: 0; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .sampleSchemaSettings-containerTable-name { | ||
| + | margin-left: 12px; | ||
| + | margin-top: 12px; | ||
| + | width: 212px; | ||
| + | } | ||
| + | .sampleSchemaSettings-containerTable-nameContainer { | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | .sampleSchemaSettings-containerTable-nameHeader { | ||
| + | color: #344043; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .sampleSchemaSettings-dropdown { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: space-between; | ||
| + | -moz-justify-content: space-between; | ||
| + | -ms-justify-content: space-between; | ||
| + | justify-content: space-between; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .sampleSchemaSettings-header { | ||
| + | color: #344043; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | -webkit-justify-content: space-between; | ||
| + | -moz-justify-content: space-between; | ||
| + | -ms-justify-content: space-between; | ||
| + | justify-content: space-between; | ||
| + | margin-bottom: 7px; | ||
| + | } | ||
| + | .sampleSchemaSettings-sectionDivider { | ||
| + | color: #c9d8db; | ||
| + | height: 2px; | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | .sampleSchemaSettings-addContainerModal { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .sampleSchemaSettings-addContainerModalField { | ||
| + | margin-top: 6px; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | } | ||
| + | .sampleSchemaSettings-addContainerModalFieldInput { | ||
| + | margin-left: 6px; | ||
| + | } | ||
| + | /* These styles are used specifically for UI associated with file schema settings */ | ||
| + | /* TODO(T6963): Move styles here or to a more fileSchemaSettings specific location (and rename them) */ | ||
| + | .fileSchemaSettings-body { | ||
| + | width: 75%; | ||
| + | } | ||
| + | .colorPicker-headerContainer { | ||
| + | padding: 12px; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | line-height: 1.42857143; | ||
| + | } | ||
| + | .colorPicker-header { | ||
| + | color: #a2b9be; | ||
| + | padding: 12px 0; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .colorPicker-header-selected { | ||
| + | color: #428ce1; | ||
| + | border-bottom: 2px solid #428ce1; | ||
| + | } | ||
| + | .colorPicker-bodyContainer { | ||
| + | padding: 12px; | ||
| + | } | ||
| + | .colorPicker-table { | ||
| + | border-collapse: separate; | ||
| + | border-spacing: 4px; | ||
| + | } | ||
| + | .colorPicker-table-emptyRow { | ||
| + | height: 16px; | ||
| + | } | ||
| + | .colorPicker-swatch { | ||
| + | cursor: pointer; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .colorPicker-swatch { | ||
| + | height: 16px; | ||
| + | width: 16px; | ||
| + | } | ||
| + | .colorPicker-swatch--bordered { | ||
| + | box-shadow: inset 0px 0px 0px 1px #c9d8db; | ||
| + | } | ||
| + | .colorPicker-swatch--empty { | ||
| + | background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 10 10'> <line x1='10' y1='0' x2='0' y2='10' fill='none' stroke='#C9D8DB'/></svg>"); | ||
| + | } | ||
| + | .colorPicker-swatch--selected { | ||
| + | box-shadow: inset 0px 0px 0px 1px #428ce1, inset 0px 0px 0px 2px #ffffff; | ||
| + | } | ||
| + | .colorPickerDropdown-menu { | ||
| + | padding: 0; | ||
| + | } | ||
| + | .colorPickerIcon { | ||
| + | padding: 2px; | ||
| + | } | ||
| + | .iconPicker-editButton { | ||
| + | display: inline-block; | ||
| + | position: relative; | ||
| + | background-color: #e8f0f2; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | text-align: center; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .iconPicker-selectedIconWrapper { | ||
| + | padding: 20px; | ||
| + | } | ||
| + | .iconPicker-editButton.is-active { | ||
| + | background-color: #c9d8db; | ||
| + | border: 1px solid #c9d8db; | ||
| + | } | ||
| + | .iconPicker-editButton.is-disabled { | ||
| + | cursor: default; | ||
| + | } | ||
| + | .iconPicker-editIcon { | ||
| + | color: #5c7c83; | ||
| + | font-size: 10px; | ||
| + | position: absolute; | ||
| + | height: auto; | ||
| + | top: auto; | ||
| + | bottom: 5px; | ||
| + | right: 5px; | ||
| + | } | ||
| + | .iconPicker-emptyCell { | ||
| + | background-color: #c9d8db; | ||
| + | } | ||
| + | .iconPicker-iconCell { | ||
| + | cursor: pointer; | ||
| + | background-color: #ffffff; | ||
| + | padding: 20px; | ||
| + | } | ||
| + | .iconPicker-iconCell, | ||
| + | .iconPicker-emptyCell { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .iconPicker-iconCell:hover { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .iconPicker-iconTable { | ||
| + | position: absolute; | ||
| + | z-index: 10; | ||
| + | box-shadow: 0 2px 4px 0 #c9d8db; | ||
| + | -webkit-box-shadow: 0 2px 4px 0 #c9d8db; | ||
| + | } | ||
| + | .iconPicker-icon { | ||
| + | color: #5c7c83; | ||
| + | font-size: 24px; | ||
| + | text-align: center; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .iconPicker-icon.glyphicon { | ||
| + | height: auto; | ||
| + | } | ||
| + | .proteinAnnotationsPanel { | ||
| + | margin-top: 10px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .proteinAnnotationsPanel-table { | ||
| + | margin: auto; | ||
| + | } | ||
| + | .proteinAnnotationsPanel-row--hover { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .proteinAnnotationsPanel-row--selected { | ||
| + | background-color: #feefd1; | ||
| + | } | ||
| + | .proteinAnnotationsPanel-newAnnotation { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | text-align: right; | ||
| + | } | ||
| + | .proteinAnnotationsPanel-header { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .proteinAnnotationsPanel-cell { | ||
| + | padding: 5px; | ||
| + | text-align: center; | ||
| + | -webkit-user-select: text; | ||
| + | -moz-user-select: text; | ||
| + | -ms-user-select: text; | ||
| + | -o-user-select: text; | ||
| + | user-select: text; | ||
| + | } | ||
| + | .proteinAnnotationsPanel-emptyMessage { | ||
| + | display: inline-block; | ||
| + | padding: 5px; | ||
| + | text-align: center; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .proteinAnnotationsPanel-editorTitle { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .proteinAnnotationsPanel-editorButton { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .proteinAnnotationsPanel-errorMessage { | ||
| + | color: #d9563a; | ||
| + | display: inline-block; | ||
| + | text-align: center; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .proteinAnnotationsPanel-autoAnnotate { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .proteinAnnotationsPanel-editFeatureLibraries { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | height: 28px; | ||
| + | line-height: 28px; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .biochemicalPropertiesContainer { | ||
| + | padding: 35px; | ||
| + | } | ||
| + | .aminoAcidFrequencyTable { | ||
| + | max-width: 300px; | ||
| + | } | ||
| + | table > tbody > tr > td.aminoAcidFrequencyTable-td { | ||
| + | padding: 3px; | ||
| + | } | ||
| + | .videoContainer { | ||
| + | position: relative; | ||
| + | padding-bottom: 56.25%; | ||
| + | padding-top: 30px; | ||
| + | height: 0; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .videoContainer iframe, | ||
| + | .videoContainer object, | ||
| + | .videoContainer embed { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | } | ||
| + | .aminoAcidFrequencyTable { | ||
| + | max-width: 300px; | ||
| + | } | ||
| + | .dreadds-promoter { | ||
| + | color: #9ACD32; | ||
| + | } | ||
| + | .dreadds-dreadd { | ||
| + | color: red; | ||
| + | } | ||
| + | .dreadds-protein { | ||
| + | color: #DAA520 ; | ||
| + | } | ||
| + | table > tbody > tr > td.aminoAcidFrequencyTable-td { | ||
| + | padding: 3px; | ||
| + | } | ||
| + | .signupModal-descriptionContainer { | ||
| + | display: flex; | ||
| + | flex-direction: column; | ||
| + | justify-content: center; | ||
| + | } | ||
| + | .signupModal-description { | ||
| + | font-size: 16px; | ||
| + | font-weight: 300; | ||
| + | -webkit-user-select: text; | ||
| + | -moz-user-select: text; | ||
| + | -ms-user-select: text; | ||
| + | -o-user-select: text; | ||
| + | user-select: text; | ||
| + | } | ||
| + | .signupModal-description p { | ||
| + | font-weight: 300; | ||
| + | } | ||
| + | .signupModal-formContainer { | ||
| + | display: flex; | ||
| + | justify-content: center; | ||
| + | } | ||
| + | .signupModal-form { | ||
| + | flex-grow: 1; | ||
| + | max-width: 275px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .signupModal-form-label { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .signupModal-title { | ||
| + | font-size: 20px; | ||
| + | } | ||
| + | .signupModal .signup-form .fieldStatus-iconContainer { | ||
| + | right: 7px; | ||
| + | top: 2px; | ||
| + | } | ||
| + | .signupModal-featureList { | ||
| + | list-style-type: none; | ||
| + | padding-left: 0; | ||
| + | } | ||
| + | .signupModal-featureList-elem { | ||
| + | padding-top: 10px; | ||
| + | } | ||
| + | .signupModal-featureList-img { | ||
| + | display: inline-block; | ||
| + | width: 48px; | ||
| + | padding-right: 16px; | ||
| + | } | ||
| + | .signupModal-featureList-text { | ||
| + | display: inline-block; | ||
| + | max-width: 80%; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .enterprise-landing .land-header-main, | ||
| + | .enterprise-landing .featureInfoRow { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | color: white; | ||
| + | font-size: 16px; | ||
| + | padding-bottom: 50px; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .enterprise-landing .land-header-main h1, | ||
| + | .enterprise-landing .featureInfoRow h1, | ||
| + | .enterprise-landing .land-header-main h2, | ||
| + | .enterprise-landing .featureInfoRow h2 { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 42px; | ||
| + | font-weight: 500; | ||
| + | margin-top: 75px; | ||
| + | margin-bottom: 60px; | ||
| + | } | ||
| + | .enterprise-landing .land-header-main img, | ||
| + | .enterprise-landing .featureInfoRow img { | ||
| + | margin-top: 20px; | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | .enterprise-landing .land-header-main h3, | ||
| + | .enterprise-landing .featureInfoRow h3, | ||
| + | .enterprise-landing .land-header-main .land-tagline, | ||
| + | .enterprise-landing .featureInfoRow .land-tagline { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 24px; | ||
| + | } | ||
| + | .enterprise-landing .land-header-main p, | ||
| + | .enterprise-landing .featureInfoRow p { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | max-width: 180px; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | } | ||
| + | .enterprise-landing .featureInfoRow { | ||
| + | margin-top: 15px; | ||
| + | margin-bottom: 50px; | ||
| + | } | ||
| + | .enterprise-landing .featureInfoRow h3 { | ||
| + | font-weight: 300; | ||
| + | } | ||
| + | .enterprise-landing .land-header { | ||
| + | background: #5b9fec; | ||
| + | } | ||
| + | .enterprise-landing .pricing, | ||
| + | .enterprise-landing .land-section li { | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .enterprise-landing .land-sectionIcon.bioregistry { | ||
| + | border: 5px solid white; | ||
| + | border-radius: 65px; | ||
| + | } | ||
| + | .enterprise-landing .dropdown-menu li a { | ||
| + | padding-top: 5px; | ||
| + | padding-bottom: 5px; | ||
| + | } | ||
| + | .landNavLink-dropdownToggle { | ||
| + | color: white; | ||
| + | } | ||
| + | .landNavLink-dropdownToggle:hover { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .landNavLink-dropdownToggle:focus, | ||
| + | .landNavLink-dropdownToggle:hover { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .bioregistry-landing .land-page-titleContainer { | ||
| + | max-height: 900px; | ||
| + | } | ||
| + | .benchlingPoints-scoreCard { | ||
| + | position: absolute; | ||
| + | color: white; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | background-color: #5b9fec; | ||
| + | padding: 8px; | ||
| + | } | ||
| + | .benchlingPoints-pointText { | ||
| + | color: #5b9fec; | ||
| + | } | ||
| + | .benchlingPoints-description { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .benchlingPoints-rewardDescription { | ||
| + | text-align: center; | ||
| + | color: #5b9fec; | ||
| + | } | ||
| + | .benchlingPoints-rewardDescription-pointNumber { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .benchlingPoints-rewardDescription-img { | ||
| + | height: 48px; | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | .benchlingPoints-rewardDescriptionContainer { | ||
| + | display: flex; | ||
| + | flex-direction: row; | ||
| + | align-content: center; | ||
| + | justify-content: space-between; | ||
| + | } | ||
| + | .benchlingPoints-progress { | ||
| + | color: white; | ||
| + | background-color: #5b9fec; | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .benchlingPoints-modal .benchlingPoints-progress { | ||
| + | margin: 0 -16px -16px -16px; | ||
| + | padding: 15px 16px 16px 16px; | ||
| + | } | ||
| + | .benchlingPoints-progressDotsContainer { | ||
| + | width: 230px; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .benchlingPoints-progressDots { | ||
| + | display: flex; | ||
| + | justify-content: space-between; | ||
| + | } | ||
| + | .benchlingPoints-progressDots-btn { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .benchlingPoints-progressDot { | ||
| + | height: 12px; | ||
| + | width: 12px; | ||
| + | border-radius: 6px; | ||
| + | border: 2px solid white; | ||
| + | } | ||
| + | .benchlingPoints-progressDot--completed { | ||
| + | background-color: white; | ||
| + | } | ||
| + | .benchlingPoints-progressDots-popover { | ||
| + | max-width: 470px; | ||
| + | } | ||
| + | .internalLinkInput { | ||
| + | background-color: white; | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-radius: 3px; | ||
| + | display: flex; | ||
| + | flex-direction: row; | ||
| + | margin: 0; | ||
| + | padding-left: 10px; | ||
| + | padding-top: 5px; | ||
| + | padding-bottom: 5px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .internalLinkInput-input { | ||
| + | border: 0; | ||
| + | flex: 1; | ||
| + | font-size: 12px; | ||
| + | line-height: 18px; | ||
| + | outline: none; | ||
| + | padding-right: 10px; | ||
| + | } | ||
| + | .tagFieldLinkInput { | ||
| + | background-color: white; | ||
| + | border: 1px solid #c9d8db; | ||
| + | border-radius: 3px; | ||
| + | display: flex; | ||
| + | flex-direction: row; | ||
| + | margin: 0; | ||
| + | padding-left: 10px; | ||
| + | padding-top: 5px; | ||
| + | padding-bottom: 5px; | ||
| + | } | ||
| + | .tagFieldLinkInput-input { | ||
| + | border: 0; | ||
| + | font-size: 12px; | ||
| + | line-height: 18px; | ||
| + | outline: none; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .newUserFlow-container { | ||
| + | height: 100%; | ||
| + | overflow-y: auto; | ||
| + | padding-top: 60px; | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | } | ||
| + | .infoScreen-container { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex-wrap: wrap; | ||
| + | -moz-flex-wrap: wrap; | ||
| + | -ms-flex-wrap: wrap; | ||
| + | flex-wrap: wrap; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | -webkit-align-content: center; | ||
| + | -moz-align-content: center; | ||
| + | -ms-align-content: center; | ||
| + | align-content: center; | ||
| + | width: 880px; | ||
| + | } | ||
| + | .infoScreen-content { | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | .infoScreen-projectText { | ||
| + | width: 70%; | ||
| + | padding-right: 60px; | ||
| + | } | ||
| + | .infoScreen-projectImage { | ||
| + | width: 30%; | ||
| + | } | ||
| + | .infoScreen-leftRightScreen-left { | ||
| + | width: 45%; | ||
| + | padding-right: 60px; | ||
| + | } | ||
| + | .infoScreen-leftRightScreen-right { | ||
| + | width: 55%; | ||
| + | } | ||
| + | .infoScreen-previewImage-img { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .infoScreen-nextScreenButtonContainer { | ||
| + | text-align: right; | ||
| + | } | ||
| + | .infoScreen-nextScreenButton { | ||
| + | margin-top: 20px; | ||
| + | margin-bottom: 40px; | ||
| + | } | ||
| + | .entryScreen-featureText { | ||
| + | cursor: pointer; | ||
| + | padding: 15px; | ||
| + | margin-left: -15px; | ||
| + | border-radius: 4px; | ||
| + | } | ||
| + | .entryScreen-featureText:hover { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .entryScreen-featureText h3 { | ||
| + | margin-top: 0; | ||
| + | font-size: 17px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .entryScreen-featureText p { | ||
| + | margin-bottom: 0; | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | .entryScreen-featureText--active { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .entryScreen-featureText--active:hover { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .featurePreviewScreen-featureImage { | ||
| + | max-width: 100%; | ||
| + | position: absolute; | ||
| + | } | ||
| + | .featurePreviewScreen-featureImage-capture-images { | ||
| + | top: 95px; | ||
| + | left: 30px; | ||
| + | width: 70%; | ||
| + | } | ||
| + | .featurePreviewScreen-featureImage-at-mention { | ||
| + | top: 315px; | ||
| + | left: 13px; | ||
| + | width: 85%; | ||
| + | } | ||
| + | .featurePreviewScreen-featureImage-plan-experiment { | ||
| + | top: 411px; | ||
| + | left: 28px; | ||
| + | width: 85%; | ||
| + | } | ||
| + | .featurePreviewScreen-featureImage-sharing { | ||
| + | top: 40px; | ||
| + | right: 0; | ||
| + | width: 70%; | ||
| + | } | ||
| + | .featurePreviewScreen-featureImage-version-history, | ||
| + | .featurePreviewScreen-featureImage-alignments { | ||
| + | top: 170px; | ||
| + | } | ||
| + | .callToActionScreen-welcome { | ||
| + | text-align: center; | ||
| + | width: 100%; | ||
| + | -webkit-flex-shrink: 0; | ||
| + | -moz-flex-shrink: 0; | ||
| + | -ms-flex-shrink: 0; | ||
| + | flex-shrink: 0; | ||
| + | } | ||
| + | .callToActionScreen-welcome p { | ||
| + | max-width: 720px; | ||
| + | text-align: center; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | } | ||
| + | .callToActionScreen-productDescriptionContainer { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | margin-top: 40px; | ||
| + | margin-bottom: 40px; | ||
| + | } | ||
| + | .callToActionScreen-productDescription { | ||
| + | width: 320px; | ||
| + | padding-bottom: 20px; | ||
| + | } | ||
| + | .callToActionScreen-productDescription h2 { | ||
| + | text-align: center; | ||
| + | } | ||
| + | .callToActionScreen-productDescription ul { | ||
| + | list-style: none; | ||
| + | margin-left: 0; | ||
| + | parding-left: 0; | ||
| + | } | ||
| + | .callToActionScreen-productDescription li { | ||
| + | margin-bottom: 4px; | ||
| + | } | ||
| + | .callToActionScreen-productDescription--highlighted { | ||
| + | background-color: #e8f0f2; | ||
| + | border-radius: 4px; | ||
| + | border-top: 5px solid #03c08d; | ||
| + | position: relative; | ||
| + | top: -2px; | ||
| + | box-shadow: 0 2px 8px rgba(52, 64, 67, 0.5); | ||
| + | margin-right: 40px; | ||
| + | } | ||
| + | .callToActionScreen-productDescription-img { | ||
| + | margin-top: 40px; | ||
| + | height: 130px; | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | .callToAction-continueButtonContainer { | ||
| + | margin-left: 18px; | ||
| + | } | ||
| + | .callToActionScreen-productFeatureListContainer { | ||
| + | height: 190px; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | -webkit-align-content: center; | ||
| + | -moz-align-content: center; | ||
| + | -ms-align-content: center; | ||
| + | align-content: center; | ||
| + | -webkit-flex-wrap: wrap; | ||
| + | -moz-flex-wrap: wrap; | ||
| + | -ms-flex-wrap: wrap; | ||
| + | flex-wrap: wrap; | ||
| + | } | ||
| + | .callToActionScreen-productFeatureListContainer h4 { | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | .callToActionScreen-productFeatureListContainer h4, | ||
| + | .callToActionScreen-productFeatureListContainer ul { | ||
| + | margin-left: 20px; | ||
| + | margin-right: 20px; | ||
| + | } | ||
| + | .callToActionScreen-productFeatureListContainer ul { | ||
| + | list-style: none; | ||
| + | padding-left: 0; | ||
| + | } | ||
| + | .callToActionScreen-molBioDescriptionContainer { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | -webkit-align-content: center; | ||
| + | -moz-align-content: center; | ||
| + | -ms-align-content: center; | ||
| + | align-content: center; | ||
| + | -webkit-flex-wrap: wrap; | ||
| + | -moz-flex-wrap: wrap; | ||
| + | -ms-flex-wrap: wrap; | ||
| + | flex-wrap: wrap; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | } | ||
| + | .callToActionScreen-molBioDescription { | ||
| + | margin-top: 25px; | ||
| + | padding: 40px; | ||
| + | border: solid 1px #e8f0f2; | ||
| + | border-radius: 4px; | ||
| + | width: 900px; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-align-items: flex-start; | ||
| + | -moz-align-items: flex-start; | ||
| + | -ms-align-items: flex-start; | ||
| + | align-items: flex-start; | ||
| + | -webkit-align-content: flex-start; | ||
| + | -moz-align-content: flex-start; | ||
| + | -ms-align-content: flex-start; | ||
| + | align-content: flex-start; | ||
| + | -webkit-flex-wrap: wrap; | ||
| + | -moz-flex-wrap: wrap; | ||
| + | -ms-flex-wrap: wrap; | ||
| + | flex-wrap: wrap; | ||
| + | -webkit-justify-content: space-between; | ||
| + | -moz-justify-content: space-between; | ||
| + | -ms-justify-content: space-between; | ||
| + | justify-content: space-between; | ||
| + | position: relative; | ||
| + | } | ||
| + | .callToActionScreen-molBioHeader { | ||
| + | margin-left: 15px; | ||
| + | } | ||
| + | .callToActionScreen-molBioHeader h3 { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | .callToActionScreen-molBioFeatureListContainer { | ||
| + | width: 33%; | ||
| + | } | ||
| + | .callToActionScreen-molBioFeatureListContainer h4 { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | .callToActionScreen-molBioFeatureListContainer ul { | ||
| + | list-style: none; | ||
| + | margin-left: 0; | ||
| + | padding-left: 0; | ||
| + | } | ||
| + | .callToActionScreen-molBioFeatureListContainer li { | ||
| + | margin-bottom: 4px; | ||
| + | } | ||
| + | .callToActionScreen-molBioProduct-img { | ||
| + | height: 90px; | ||
| + | max-width: 100%; | ||
| + | } | ||
| + | .callToActionScreen-molBio-btn { | ||
| + | margin-top: 20px; | ||
| + | width: 160px; | ||
| + | } | ||
| + | .callToActionScreen-molBio-header { | ||
| + | width: 900px; | ||
| + | } | ||
| + | .createEntryScreen-importEvernote-logo { | ||
| + | fill: #a2b9be; | ||
| + | height: 20px; | ||
| + | margin-right: 8px; | ||
| + | vertical-align: middle; | ||
| + | width: 20px; | ||
| + | } | ||
| + | .roleInfoScreen-left { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | } | ||
| + | .roleInfoScreen-right { | ||
| + | max-width: 50%; | ||
| + | } | ||
| + | .roleInfoScreen-right label { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | .roleInfoScreen-img { | ||
| + | width: 100%; | ||
| + | margin-left: -50px; | ||
| + | } | ||
| + | /* Casestudy page specific font sizes */ | ||
| + | .font-proxima-23 { | ||
| + | font-size: 23px; | ||
| + | line-height: 32px; | ||
| + | } | ||
| + | .font-walsheim-23 { | ||
| + | font-family: 'GT Walsheim', Helvetica, Arial, sans-serif; | ||
| + | font-size: 23px; | ||
| + | line-height: 30px; | ||
| + | } | ||
| + | .font-walsheim-29 { | ||
| + | font-family: 'GT Walsheim', Helvetica, Arial, sans-serif; | ||
| + | font-size: 29px; | ||
| + | line-height: 42px; | ||
| + | } | ||
| + | .font-walsheim-35 { | ||
| + | font-family: 'GT Walsheim', Helvetica, Arial, sans-serif; | ||
| + | font-size: 35px; | ||
| + | line-height: 48px; | ||
| + | } | ||
| + | .casestudy { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 23px; | ||
| + | line-height: 32px; | ||
| + | height: 100%; | ||
| + | } | ||
| + | .casestudy--hiddenOverflow { | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | .casestudy-header { | ||
| + | padding: 20px; | ||
| + | } | ||
| + | .casestudy-content { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | margin: 60px auto; | ||
| + | min-width: 900px; | ||
| + | width: 900px; | ||
| + | } | ||
| + | .casestudy-column { | ||
| + | display: -webkit-column; | ||
| + | display: -moz-column; | ||
| + | display: -ms-columnbox; | ||
| + | display: -ms-column; | ||
| + | display: column; | ||
| + | } | ||
| + | .casestudy-column--left { | ||
| + | margin-right: 75px; | ||
| + | width: 425px; | ||
| + | } | ||
| + | .casestudy-column--right { | ||
| + | -webkit-flex: 1; | ||
| + | -moz-flex: 1; | ||
| + | -ms-flex: 1; | ||
| + | flex: 1; | ||
| + | } | ||
| + | .casestudy-image-container { | ||
| + | margin-right: -400px; | ||
| + | margin-top: 100px; | ||
| + | } | ||
| + | .casestudy-form { | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | .casestudy-form label { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .casestudy-form input { | ||
| + | height: 35px; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | .casestudy-modal .modal-dialog { | ||
| + | width: 779px; | ||
| + | } | ||
| + | } | ||
| + | .casestudy-modal .modal-header { | ||
| + | padding: 23px 29px 18px; | ||
| + | } | ||
| + | .casestudy-modal .modal-title { | ||
| + | font-size: 19px; | ||
| + | line-height: 24px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .casestudy-modal-body { | ||
| + | font-size: 17px; | ||
| + | line-height: 24px; | ||
| + | padding: 33px 29px 10px; | ||
| + | } | ||
| + | .casestudy-modal-feature-img { | ||
| + | border-radius: 50%; | ||
| + | height: 50px; | ||
| + | margin-right: 25px; | ||
| + | padding: 0; | ||
| + | width: 50px; | ||
| + | } | ||
| + | .casestudy-modal-feature-text { | ||
| + | margin-right: 42px; | ||
| + | } | ||
| + | .casestudy-modal .casestudy-form .form-group, | ||
| + | .casestudy-modal .casestudy-form .form-error { | ||
| + | margin-bottom: 22px; | ||
| + | } | ||
| + | .casestudy-modal .casestudy-form label { | ||
| + | margin-bottom: 11px; | ||
| + | } | ||
| + | .casestudy-modal input { | ||
| + | height: 45px; | ||
| + | } | ||
| + | .positionedLinkPopover-content { | ||
| + | -webkit-align-items: baseline; | ||
| + | -moz-align-items: baseline; | ||
| + | -ms-align-items: baseline; | ||
| + | align-items: baseline; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex-wrap: wrap; | ||
| + | -moz-flex-wrap: wrap; | ||
| + | -ms-flex-wrap: wrap; | ||
| + | flex-wrap: wrap; | ||
| + | -webkit-justify-content: space-between; | ||
| + | -moz-justify-content: space-between; | ||
| + | -ms-justify-content: space-between; | ||
| + | justify-content: space-between; | ||
| + | margin: -5px 0; | ||
| + | } | ||
| + | .positionedLinkPopover-link, | ||
| + | .positionedLinkPopover-buttons { | ||
| + | padding: 5px 0; | ||
| + | } | ||
| + | .genomeImport-text { | ||
| + | font-size: 11px; | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .itemSelectorModal-container { | ||
| + | margin: -16px; | ||
| + | } | ||
| + | .itemSelectorModal-results { | ||
| + | font-size: 14px; | ||
| + | height: 226px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .itemSelectorModal-results::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .itemSelectorModal-results::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .itemSelectorModal-results:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .itemSelectorModal-results::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .itemSelectorModal-results:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .itemSelectorModal-message { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | height: 100%; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | } | ||
| + | .itemSelectorModal-row { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | border-bottom: 1px solid #ecf0f1; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | font-weight: 400; | ||
| + | height: 48px; | ||
| + | } | ||
| + | label.itemSelectorModal-row { | ||
| + | cursor: pointer; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .itemSelectorModal-checkbox { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | height: 48px; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | width: 48px; | ||
| + | } | ||
| + | .evernoteFolderSelectorModal-folderSelector { | ||
| + | box-shadow: 0 -2px 6px 0 rgba(162, 185, 190, 0.5); | ||
| + | font-size: 13px; | ||
| + | padding: 14px 16px 0; | ||
| + | /* Needs relative position to stack box shadow on top of scrollbar. */ | ||
| + | position: relative; | ||
| + | } | ||
| + | .evernoteFolderSelectorModal-folderSelectorLabel { | ||
| + | font-size: 13px; | ||
| + | font-weight: 600; | ||
| + | margin-bottom: 7px; | ||
| + | } | ||
| + | .table tbody > tr > .bulk-import--column-text-column { | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .table tbody > tr > .bulk-import--column-type-column { | ||
| + | width: 243px; | ||
| + | } | ||
| + | .dropdown > .bulk-import--column-type-dropdown { | ||
| + | width: 227px; | ||
| + | } | ||
| + | .bulk-import--table-text { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | text-transform: none; | ||
| + | } | ||
| + | .bulkImportModal-table-head { | ||
| + | border-bottom: 2px solid #dddddd; | ||
| + | display: block; | ||
| + | } | ||
| + | .bulkImportModal-table thead > tr > th { | ||
| + | border: none; | ||
| + | } | ||
| + | .bulkImportModal-table-body { | ||
| + | display: block; | ||
| + | max-height: 400px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .bulkImportModal-table-body::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .bulkImportModal-table-body::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .bulkImportModal-table-body:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .bulkImportModal-table-body::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .bulkImportModal-table-body:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .bulkImportModal-errorText { | ||
| + | white-space: pre-wrap; | ||
| + | } | ||
| + | .bulkImportModal-helpIcon { | ||
| + | margin-bottom: 4px; | ||
| + | margin-top: 2px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .drop-help.bulkImportModal-spreadsheetChooser { | ||
| + | padding: 50px; | ||
| + | } | ||
| + | .bulkImportModal-sampleSchemaSelector { | ||
| + | display: inline-block; | ||
| + | margin-left: 10px; | ||
| + | width: 200px; | ||
| + | } | ||
| + | .navDropdownMenu-item-text .spreadsheetColumnsTable-field-type { | ||
| + | color: #5c7c83; | ||
| + | font-size: 11px; | ||
| + | padding-left: 4px; | ||
| + | } | ||
| + | .navDropdownMenu-item-text .spreadsheetColumnsTable-field-type.spreadsheetColumnsTable-file-link-field { | ||
| + | color: #03c08d; | ||
| + | } | ||
| + | /* Toggle display between imageEditor and img such that there is no flash */ | ||
| + | .imageEditor { | ||
| + | display: none; | ||
| + | } | ||
| + | .imageEditor.is-loaded { | ||
| + | display: block; | ||
| + | } | ||
| + | .imageEditor.is-loaded + .noteLinkedFilePreviewImg { | ||
| + | display: none; | ||
| + | } | ||
| + | .imageToolbar { | ||
| + | background: white; | ||
| + | border: 2px solid #428ce1; | ||
| + | left: -2px; | ||
| + | min-width: 207px; | ||
| + | padding: 6px; | ||
| + | position: absolute; | ||
| + | right: -2px; | ||
| + | top: 0; | ||
| + | transform: translateY(-100%); | ||
| + | z-index: 2; | ||
| + | } | ||
| + | .imageEditor-savingOverlay { | ||
| + | background-color: rgba(20, 20, 20, 0.6); | ||
| + | bottom: 0; | ||
| + | color: white; | ||
| + | left: 0; | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | top: 0; | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | -webkit-flex-direction: column; | ||
| + | -moz-flex-direction: column; | ||
| + | -ms-flex-direction: column; | ||
| + | flex-direction: column; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | } | ||
| + | .guidelines-paddedCell { | ||
| + | border: 1px solid #ecf0f1; | ||
| + | padding: 10px; | ||
| + | } | ||
| + | /* Registry specific styles */ | ||
| + | .registrySettings-fieldTableContainer { | ||
| + | margin-left: -14px; | ||
| + | margin-right: -14px; | ||
| + | } | ||
| + | .fieldTable { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | border-radius: 4px; | ||
| + | } | ||
| + | .fieldTable-header { | ||
| + | background: #f8fafb; | ||
| + | color: #5c7c83; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | padding: 12px 14px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .fieldTable-header--title { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .fieldTable-headerField { | ||
| + | display: inline-block; | ||
| + | width: 50%; | ||
| + | } | ||
| + | .fieldTable-addButton { | ||
| + | color: #428ce1; | ||
| + | cursor: pointer; | ||
| + | font-size: 12px; | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | .fieldTable-addButton--disabled { | ||
| + | color: #c9d8db; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .fieldTable-rowContainer { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | height: 50px; | ||
| + | margin-left: -24px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .fieldTable-row { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | border-top: 1px solid #e8f0f2; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | margin-right: -24px; | ||
| + | padding: 10px 14px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .fieldTable-action { | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | .fieldTable-rowContainer:hover .fieldTable-action, | ||
| + | .fieldTable-rowContainer.is-dragging .fieldTable-action, | ||
| + | .fieldTable-row.is-beingEdited + .fieldTable-action { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .fieldTable-rowContainer:hover .fieldTable-action.invisible, | ||
| + | .fieldTable-rowContainer.is-dragging .fieldTable-action.invisible, | ||
| + | .fieldTable-row.is-beingEdited + .fieldTable-action.invisible { | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | .fieldTable-row.is-beingEdited, | ||
| + | .fieldTable-row:hover, | ||
| + | .fieldTable-rowContainer.is-dragging .fieldTable-row { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .fieldTable-field { | ||
| + | display: inline-block; | ||
| + | line-height: 28px; | ||
| + | /* to match height of input field */ | ||
| + | padding-right: 14px; | ||
| + | width: 50%; | ||
| + | } | ||
| + | .fieldTable-field--last { | ||
| + | /* to allow room for field action buttons */ | ||
| + | padding-right: 58px; | ||
| + | } | ||
| + | .fieldTable-field--emptyMessage { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .fieldTable-actionGroupContainer { | ||
| + | position: absolute; | ||
| + | max-width: 72px; | ||
| + | right: 0; | ||
| + | } | ||
| + | .fieldTable-row:hover .registry-actionGroup, | ||
| + | .fieldTable-row.is-beingEdited .registry-actionGroup { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .fieldTable-actionGroupContainer, | ||
| + | .fieldTable-action--move { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | height: 50px; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | } | ||
| + | .fieldTable-action--move { | ||
| + | background: #e8f0f2; | ||
| + | border-radius: 4px; | ||
| + | color: #344043; | ||
| + | font-size: 12px; | ||
| + | margin-right: 5px; | ||
| + | /* needs extra 1px for table border */ | ||
| + | width: 20px; | ||
| + | } | ||
| + | .fieldTable-action--move:hover, | ||
| + | .fieldTable-action--move:active { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .fieldTable-action--move .glyphicon { | ||
| + | height: 12px; | ||
| + | width: 12px; | ||
| + | } | ||
| + | .fieldTable-tableDeleteButton { | ||
| + | color: #a2b9be; | ||
| + | cursor: pointer; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .fieldTable-tableDeleteButton:hover { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | /* | ||
| + | Selectors in this file are often nested to make them more specific than the ones | ||
| + | defined in benchling.less, otherwise they get overridden. | ||
| + | */ | ||
| + | .registryActivation-container { | ||
| + | height: 100%; | ||
| + | overflow-y: auto; | ||
| + | padding-top: 60px; | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | } | ||
| + | .registryActivation-header { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 27px; | ||
| + | line-height: 36px; | ||
| + | font-weight: 600; | ||
| + | max-width: 510px; | ||
| + | max-height: 72px; | ||
| + | } | ||
| + | .registryActivation-container-subheader { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 19px; | ||
| + | line-height: 24px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .registryActivation-container p { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 19px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .registryActivation-button-container { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: flex-end; | ||
| + | -moz-justify-content: flex-end; | ||
| + | -ms-justify-content: flex-end; | ||
| + | justify-content: flex-end; | ||
| + | margin-bottom: 33px; | ||
| + | margin-top: 20px; | ||
| + | } | ||
| + | .registryActivation-button-container-left-align { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: flex-start; | ||
| + | -moz-justify-content: flex-start; | ||
| + | -ms-justify-content: flex-start; | ||
| + | justify-content: flex-start; | ||
| + | margin-bottom: 33px; | ||
| + | margin-top: 48px; | ||
| + | } | ||
| + | /* Welcome screen */ | ||
| + | .welcomeScreen-paragraph { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: space-between; | ||
| + | -moz-justify-content: space-between; | ||
| + | -ms-justify-content: space-between; | ||
| + | justify-content: space-between; | ||
| + | max-width: 830px; | ||
| + | } | ||
| + | .welcomeScreen-img { | ||
| + | margin-left: 17px; | ||
| + | margin-top: 24px; | ||
| + | width: 160px; | ||
| + | } | ||
| + | /* Set members' initials screen */ | ||
| + | .membersScreen-main { | ||
| + | -webkit-flex-direction: row; | ||
| + | -moz-flex-direction: row; | ||
| + | -ms-flex-direction: row; | ||
| + | flex-direction: row; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | } | ||
| + | .membersScreen-text-container { | ||
| + | margin-bottom: 100px; | ||
| + | max-width: 510px; | ||
| + | padding: 0 40px; | ||
| + | } | ||
| + | .membersScreen-list-row .membersScreen-input.error { | ||
| + | border: 1px solid red; | ||
| + | } | ||
| + | .membersScreen-input-errorMessage { | ||
| + | color: red; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .membersScreen-list { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | width: 510px; | ||
| + | } | ||
| + | .membersScreen-list-header { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .membersScreen-list-header { | ||
| + | padding-top: 10px; | ||
| + | padding-bottom: 10px; | ||
| + | } | ||
| + | .membersScreen-list-handle { | ||
| + | padding-top: 5px; | ||
| + | } | ||
| + | .membersScreen-list-name { | ||
| + | overflow: hidden; | ||
| + | padding-top: 10px; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .membersScreen-input { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | .membersScreen-list-row { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-align-items: flex-start; | ||
| + | -moz-align-items: flex-start; | ||
| + | -ms-align-items: flex-start; | ||
| + | align-items: flex-start; | ||
| + | height: 56px; | ||
| + | } | ||
| + | .membersScreen-table-container { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex-direction: column; | ||
| + | -moz-flex-direction: column; | ||
| + | -ms-flex-direction: column; | ||
| + | flex-direction: column; | ||
| + | } | ||
| + | .membersScreen-list-container { | ||
| + | max-height: : 528px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | #editor .membersScreen-list-header.row, | ||
| + | #editor .membersScreen-list-row.row { | ||
| + | border-top: 1px solid #e8f0f2; | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .membersScreen-member-subtext { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | /* Organization selection screen */ | ||
| + | .orgScreen-org-selection-container p { | ||
| + | max-width: 500px; | ||
| + | } | ||
| + | .orgScreen-new-org { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: space-between; | ||
| + | -moz-justify-content: space-between; | ||
| + | -ms-justify-content: space-between; | ||
| + | justify-content: space-between; | ||
| + | -webkit-flex-direction: column; | ||
| + | -moz-flex-direction: column; | ||
| + | -ms-flex-direction: column; | ||
| + | flex-direction: column; | ||
| + | } | ||
| + | .orgScreen-new-org-container { | ||
| + | background-color: #f8fafb; | ||
| + | margin-top: 16px; | ||
| + | max-width: 542px; | ||
| + | padding: 16px 20px; | ||
| + | } | ||
| + | .orgScreen-new-org-container .orgScreen-new-org-header { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 17px; | ||
| + | line-height: 24px; | ||
| + | font-weight: 600; | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | .orgScreen-new-org-container .orgScreen-new-org-text { | ||
| + | font-size: 17px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .orgScreen-new-org-container .orgScreen-new-org-subheader { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .orgScreen-new-org-button-container { | ||
| + | margin-top: 24px; | ||
| + | } | ||
| + | .orgScreen-new-org-form-input { | ||
| + | height: 48px !important; | ||
| + | } | ||
| + | .orgList-container { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex-wrap: wrap; | ||
| + | -moz-flex-wrap: wrap; | ||
| + | -ms-flex-wrap: wrap; | ||
| + | flex-wrap: wrap; | ||
| + | -webkit-justify-content: space-between; | ||
| + | -moz-justify-content: space-between; | ||
| + | -ms-justify-content: space-between; | ||
| + | justify-content: space-between; | ||
| + | max-height: 380px; | ||
| + | overflow-y: auto; | ||
| + | width: 520px; | ||
| + | } | ||
| + | .orgScreen-org-selection-list { | ||
| + | max-height: 380px; | ||
| + | margin-top: 22px; | ||
| + | } | ||
| + | .orgList-container .orgList-org-element-button { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | height: 64px; | ||
| + | margin-bottom: 16px; | ||
| + | margin-left: 12px; | ||
| + | margin-right: 12px; | ||
| + | overflow: hidden; | ||
| + | text-align: left; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | width: 243px; | ||
| + | } | ||
| + | .orgList-container .orgList-org-element-button-not-selected { | ||
| + | background: #ffffff; | ||
| + | border: 1px solid; | ||
| + | border-color: #c9d8db; | ||
| + | color: #5c7c83; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | .orgList-container .orgList-org-element-button-not-selected:hover { | ||
| + | background: #e8f0f2; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .orgList-container .orgList-org-element-button-selected { | ||
| + | background: #ffffff; | ||
| + | border: 1px solid; | ||
| + | border-color: #428ce1; | ||
| + | color: #428ce1; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | .orgList-container .orgList-org-element-button-selected:hover { | ||
| + | background: #428ce1; | ||
| + | border-color: #2e6bb1; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | /* Webinar screen */ | ||
| + | .webinarScreen-paragraph { | ||
| + | max-width: 510px; | ||
| + | } | ||
| + | .webinarScreen-buttons { | ||
| + | margin-top: 24px; | ||
| + | } | ||
| + | .webinarScreen-sign-up { | ||
| + | margin-top: 44px; | ||
| + | } | ||
| + | .webinarScreen-continue-button { | ||
| + | margin-left: 16px; | ||
| + | } | ||
| + | /* Enable redesign screen */ | ||
| + | .registryActivation-redesignScreen { | ||
| + | background: #e8f0f2; | ||
| + | border-radius: 8px; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | height: 230px; | ||
| + | margin: 40px auto; | ||
| + | } | ||
| + | .registryActivation-redesignScreen-content { | ||
| + | padding: 10px 20px 10px 40px; | ||
| + | width: 400px; | ||
| + | } | ||
| + | .expandedContainer.expandedContainer--process { | ||
| + | padding-top: 55px; | ||
| + | } | ||
| + | .header--header1.process-header { | ||
| + | margin-bottom: 28px; | ||
| + | margin-top: 8px; | ||
| + | } | ||
| + | .header--header1.process-allProcessesHeader { | ||
| + | margin-bottom: 28px; | ||
| + | margin-top: 16px; | ||
| + | } | ||
| + | .processTable .scrollableTable-header, | ||
| + | .processTable .scrollableTable-body { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .processTable .stageContainer--tempIdentifier { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .processTable .internalLink-content { | ||
| + | background-color: transparent; | ||
| + | } | ||
| + | .armVersionPill { | ||
| + | border-radius: 4px; | ||
| + | cursor: pointer; | ||
| + | font-weight: 600; | ||
| + | padding: 10px 12px; | ||
| + | } | ||
| + | .armVersionPill:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .armVersionPill--active { | ||
| + | background-color: #428ce1; | ||
| + | } | ||
| + | .armVersionPill--active, | ||
| + | .armVersionPill--active:hover { | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .processScreens-apiIdentifier { | ||
| + | color: #5c7c83; | ||
| + | font-weight: 600; | ||
| + | opacity: 0.75; | ||
| + | padding-left: 4px; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .processScreens-apiIdentifier.processScreens-apiIdentifier--active { | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .stageVersionCell { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .stageVersionCell-editMarker { | ||
| + | color: #e96e51; | ||
| + | font-size: 17px; | ||
| + | vertical-align: bottom; | ||
| + | } | ||
| + | .stageVersion-section { | ||
| + | margin-bottom: 28px; | ||
| + | } | ||
| + | .stageVersion .header--title { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | .stageVersion-template-timestamp { | ||
| + | color: #5c7c83; | ||
| + | margin-top: 2px; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .stageRun-section { | ||
| + | margin-bottom: 36px; | ||
| + | } | ||
| + | .stageRun-inputFields--hasNonDefaultValue .editableField-text { | ||
| + | background-color: rgba(251, 171, 151, 0.75); | ||
| + | margin-left: -4px; | ||
| + | padding-left: 4px; | ||
| + | padding-right: 4px; | ||
| + | } | ||
| + | .stageRun-outputFields { | ||
| + | padding-top: 12px; | ||
| + | padding-bottom: 20px; | ||
| + | } | ||
| + | .stageRun-outputFields .header--title { | ||
| + | margin-bottom: 18px; | ||
| + | } | ||
| + | .stageRun-inputFields .header--title { | ||
| + | margin-bottom: 12px; | ||
| + | } | ||
| + | .stageRun .header--sublabel, | ||
| + | .stageRun-overview .header--title { | ||
| + | margin-bottom: 4px; | ||
| + | } | ||
| + | .addStageRun-helpText { | ||
| + | margin: 4px 0; | ||
| + | } | ||
| + | /* Nav Redesign styles */ | ||
| + | .breadcrumbs { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .breadcrumbs--large { | ||
| + | font-size: 17px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .breadcrumbs--gray .breadcrumbs-crumb, | ||
| + | .breadcrumbs--gray .breadcrumbs-divider { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .breadcrumbs-crumb--link, | ||
| + | .breadcrumbs-more-toggle { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .breadcrumbs-crumb--link:hover, | ||
| + | .breadcrumbs-more-toggle:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .breadcrumbs-divider { | ||
| + | margin: 0 4px -2px 4px; | ||
| + | } | ||
| + | .breadcrumbs-more { | ||
| + | display: inline-block; | ||
| + | font-size: 9px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .breadcrumbs .settingsIcon { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | margin-bottom: -2px; | ||
| + | } | ||
| + | .emptyPage-container { | ||
| + | background: #f8fafb; | ||
| + | bottom: 0; | ||
| + | display: none; | ||
| + | left: 0; | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | top: 0; | ||
| + | } | ||
| + | .emptyPage-body { | ||
| + | left: 50%; | ||
| + | margin-left: -252px; | ||
| + | position: absolute; | ||
| + | top: 30%; | ||
| + | width: 504px; | ||
| + | } | ||
| + | .emptyPage-icon { | ||
| + | display: inline-block; | ||
| + | margin-right: 24px; | ||
| + | vertical-align: top; | ||
| + | width: 100px; | ||
| + | } | ||
| + | .emptyPage-text { | ||
| + | display: inline-block; | ||
| + | vertical-align: top; | ||
| + | width: 380px; | ||
| + | } | ||
| + | .emptyPage-text p { | ||
| + | color: #344043; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 22px; | ||
| + | line-height: 1.5; | ||
| + | margin-bottom: 2px; | ||
| + | } | ||
| + | .emptyPage-text p strong { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | #buffers.empty .emptyPage-container { | ||
| + | display: block; | ||
| + | } | ||
| + | /* Line height of text in body cells */ | ||
| + | /* Line height of text in header cells */ | ||
| + | .scrollableTable { | ||
| + | overflow-x: auto; | ||
| + | } | ||
| + | .scrollableTable::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .scrollableTable::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .scrollableTable:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .scrollableTable::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .scrollableTable:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .scrollableTable-table { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | min-width: 100%; | ||
| + | max-width: none; | ||
| + | } | ||
| + | /* 5 of 16 grid columns */ | ||
| + | /* approximately 20 characters */ | ||
| + | /* | ||
| + | Width at which UI changes from (scaled) width to (fixed) min-width. Chosen empirically to be when they are | ||
| + | equal so that there is a smooth transition. | ||
| + | |||
| + | We use `@media` because `.scrollableTable--hasFixedColumn` sets `margin-left` and there is no | ||
| + | "`min-margin-left`". | ||
| + | */ | ||
| + | .scrollableTable-cell--fixedColumn { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | box-shadow: 4px 0 4px -2px #e8f0f2; | ||
| + | position: absolute; | ||
| + | -webkit-transform: translate(-100%, 0); | ||
| + | -ms-transform: translate(-100%, 0); | ||
| + | transform: translate(-100%, 0); | ||
| + | width: 31.25%; | ||
| + | } | ||
| + | @media (max-width: 1100px) { | ||
| + | .scrollableTable-cell--fixedColumn { | ||
| + | width: 320px; | ||
| + | } | ||
| + | } | ||
| + | .scrollableTable--hasFixedColumn { | ||
| + | margin-left: 31.25%; | ||
| + | } | ||
| + | @media (max-width: 1100px) { | ||
| + | .scrollableTable--hasFixedColumn { | ||
| + | margin-left: 320px; | ||
| + | } | ||
| + | } | ||
| + | .scrollableTable-cell--narrowFixedColumn { | ||
| + | width: 210px; | ||
| + | } | ||
| + | .scrollableTable--hasNarrowFixedColumn { | ||
| + | margin-left: 210px; | ||
| + | } | ||
| + | .scrollableTable-header { | ||
| + | color: #5c7c83; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .scrollableTable-header--border, | ||
| + | .scrollableTable-header--border .scrollableTable-cell--fixedColumn { | ||
| + | border-bottom: 1px solid #c9d8db; | ||
| + | } | ||
| + | .scrollableTable-header-cell { | ||
| + | padding: 10px 24px 10px 14px; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .scrollableTable-header-cell:first-child { | ||
| + | color: #344043; | ||
| + | z-index: 999; | ||
| + | } | ||
| + | .scrollableTable-header-content { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: flex-start; | ||
| + | -moz-justify-content: flex-start; | ||
| + | -ms-justify-content: flex-start; | ||
| + | justify-content: flex-start; | ||
| + | } | ||
| + | .scrollableTable-icon { | ||
| + | color: #c9d8db; | ||
| + | height: 10px; | ||
| + | width: 10px; | ||
| + | } | ||
| + | .scrollableTable-header-text.is-collapsible, | ||
| + | .scrollableTable-header-text.is-collapsed { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .scrollableTable-header-text.is-collapsible:hover, | ||
| + | .scrollableTable-header-text:hover .scrollableTable-header-collapse, | ||
| + | .scrollableTable-header-text:hover .scrollableTable-header-icon { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .scrollableTable-header-text.is-collapsible:active, | ||
| + | .scrollableTable-header-text.is-collapsible:focus { | ||
| + | color: #2c76cc; | ||
| + | } | ||
| + | .scrollableTable-header-text.is-collapsible .scrollableTable-header-collapse { | ||
| + | display: none; | ||
| + | } | ||
| + | .scrollableTable-header-text.is-collapsible:hover .scrollableTable-header-icon { | ||
| + | display: none; | ||
| + | } | ||
| + | .scrollableTable-header-text.is-collapsible:hover .scrollableTable-header-collapse { | ||
| + | color: #428ce1; | ||
| + | display: inline; | ||
| + | } | ||
| + | .scrollableTable-header-icon, | ||
| + | .scrollableTable-header-collapse { | ||
| + | margin-right: 4px; | ||
| + | } | ||
| + | .scrollableTable-header-sort { | ||
| + | border-radius: 50%; | ||
| + | cursor: pointer; | ||
| + | height: 16px; | ||
| + | margin-left: auto; | ||
| + | padding: 3px; | ||
| + | width: 16px; | ||
| + | } | ||
| + | .scrollableTable-header-sort:hover { | ||
| + | background: #f8fafb; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .scrollableTable-header-sort:active, | ||
| + | .scrollableTable-header-sort:focus { | ||
| + | background: #e8f0f2; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .scrollableTable-header-sort.is-sorted { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .scrollableTable-body { | ||
| + | color: #5c7c83; | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | .scrollableTable-row { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .scrollableTable-row:hover, | ||
| + | .scrollableTable-row:hover .scrollableTable-cell--fixedColumn { | ||
| + | background: #f8fafb; | ||
| + | } | ||
| + | .scrollableTable-row.scrollableTable-row--emptyText:hover { | ||
| + | background-color: transparent; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .scrollableTable-row.is-selected, | ||
| + | .scrollableTable-row.is-selected .scrollableTable-cell--fixedColumn { | ||
| + | background: #f8fafb; | ||
| + | } | ||
| + | .scrollableTable-cell { | ||
| + | max-width: 250px; | ||
| + | padding: 12px 24px 12px 14px; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .scrollableTable-cell > div { | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | .scrollableTable-cell:first-child { | ||
| + | color: #344043; | ||
| + | max-width: none; | ||
| + | } | ||
| + | .scrollableTable-cell-icon { | ||
| + | color: #c9d8db; | ||
| + | height: 14px; | ||
| + | width: 14px; | ||
| + | } | ||
| + | .scrollableTable-cell--shortcutFileIcon { | ||
| + | height: 12px; | ||
| + | vertical-align: top; | ||
| + | width: 12px; | ||
| + | } | ||
| + | .scrollableTable-cell--shortcutRegistryIcon { | ||
| + | color: #428ce1; | ||
| + | font-size: 8px; | ||
| + | right: 4px; | ||
| + | position: relative; | ||
| + | } | ||
| + | .scrollableTable-hoverIcons { | ||
| + | background-image: linear-gradient(to right, rgba(248, 250, 251, 0), #f8fafb, #ffffff); | ||
| + | padding: 12px 66px 12px 200px; | ||
| + | pointer-events: none; | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | } | ||
| + | /* Need to win specificity over input[type="checkbox"] */ | ||
| + | input[type="checkbox"].scrollableTable-cell-checkbox { | ||
| + | cursor: pointer; | ||
| + | height: 14px; | ||
| + | margin: 0; | ||
| + | width: 14px; | ||
| + | } | ||
| + | .scrollableTable-cell-iconWrapper { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | cursor: pointer; | ||
| + | height: 44px; | ||
| + | margin-left: -14px; | ||
| + | margin-top: -12px; | ||
| + | padding: 14px; | ||
| + | position: absolute; | ||
| + | } | ||
| + | .scrollableTable-header-cell .scrollableTable-cell-iconWrapper { | ||
| + | height: 36px; | ||
| + | margin-top: -10px; | ||
| + | } | ||
| + | .scrollableTableRow-iconCellText { | ||
| + | display: block; | ||
| + | margin-left: 30px; | ||
| + | } | ||
| + | /* Use .tableRow--visibleOnHover-content when content should be visible only when the row is hovered. */ | ||
| + | .scrollableTable-row:hover .tableRow--visibleOnHover-content { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .expandedContainer { | ||
| + | padding-top: 16px; | ||
| + | } | ||
| + | .expandedBrowser-search .finderSearch, | ||
| + | .expandedBrowser-header { | ||
| + | margin-top: 38px; | ||
| + | } | ||
| + | .expandedBrowser-ctas { | ||
| + | margin-top: 32px; | ||
| + | } | ||
| + | .expandedBrowser-toggleCollapseArrowWrapper { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: flex-end; | ||
| + | -moz-justify-content: flex-end; | ||
| + | -ms-justify-content: flex-end; | ||
| + | justify-content: flex-end; | ||
| + | } | ||
| + | .expandedBrowser-sectionSwitcher { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .expandedBrowser-header .breadcrumbs .settingsIcon { | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | .expandedSearch-finderSearch { | ||
| + | margin-top: 22px; | ||
| + | } | ||
| + | .expandedSearch-finderSearch .finderSearch-filters, | ||
| + | .expandedBrowser-search .finderSearch-filters { | ||
| + | background-color: #f8fafb; | ||
| + | border-radius: 4px; | ||
| + | margin-top: 8px; | ||
| + | padding: 0 10px; | ||
| + | } | ||
| + | .hoverLink { | ||
| + | border-radius: 50%; | ||
| + | color: #428ce1; | ||
| + | cursor: pointer; | ||
| + | display: inline-block; | ||
| + | height: 20px; | ||
| + | margin-left: 24px; | ||
| + | line-height: 20px; | ||
| + | pointer-events: all; | ||
| + | text-align: center; | ||
| + | width: 20px; | ||
| + | } | ||
| + | .hoverLink:hover { | ||
| + | background: #428ce1; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .hoverLink-icon { | ||
| + | height: 12px; | ||
| + | width: 12px; | ||
| + | } | ||
| + | .expandedRegistry-personalAlias { | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | .expandedRegistry-organizationAlias { | ||
| + | color: #428ce1; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | .js-navTour-projects { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: flex-end; | ||
| + | -moz-justify-content: flex-end; | ||
| + | -ms-justify-content: flex-end; | ||
| + | justify-content: flex-end; | ||
| + | min-height: 24px; | ||
| + | min-width: 24px; | ||
| + | } | ||
| + | /* Extend table rows to edge of screen. | ||
| + | * NOTE expanded css heavily assumes the table is inside a Sidepanel: there is a 1/22 col to the left, the | ||
| + | * table is in a 21/22 col, and to the right there's a "col" that consists of just fixed-width spacing: | ||
| + | * | FLEXIBLE 22 COLS | RIGHTCOL | | ||
| + | * | LEFTCOL | 21 COLS | | | ||
| + | * | EXPANDED TABLE | | ||
| + | */ | ||
| + | /* Use 21, not 22, because we're INSIDE a 21-col container and 1/21 of it equals a full column */ | ||
| + | /* It's not a real column, we just sum up the space needed to skip the gutter and the right col */ | ||
| + | /* | ||
| + | * @spacing--left computes how much space text needs to its left so that it lines up with text in | ||
| + | * columns above the "expanded" component. (The text above is 1 column over.) | ||
| + | * | ||
| + | * Now that our expanded component has 100% width, W = F(=FLEXIBLE) + R(=RIGHTCOL), | ||
| + | * to equal 1 column out of 22 columns we want F/22 = W/22 - R/22. | ||
| + | * W translates to 100%, since it's flexible, and R is just @size--rightCol. | ||
| + | */ | ||
| + | /* Our final spacing left has 1 column + the left gutter of the next column */ | ||
| + | .expandedTabContainer, | ||
| + | .expandedScrollableTable { | ||
| + | margin-left: calc(-12px - 4.761904761904762%); | ||
| + | margin-right: -66px; | ||
| + | } | ||
| + | /* | ||
| + | * Children add back that space so that content is aligned. | ||
| + | */ | ||
| + | /* .expandedTabContainer's nav and pane use margin */ | ||
| + | .expandedTabContainer .tabContainer-nav, | ||
| + | .expandedTabContainer .tabContainer-pane { | ||
| + | margin-left: calc(4.545454545454546% - 3px + 12px); | ||
| + | margin-right: 66px; | ||
| + | } | ||
| + | /* .expandedScrollableTable's cells use padding */ | ||
| + | .expandedScrollableTable .scrollableTable-header-cell:first-child, | ||
| + | .expandedScrollableTable .scrollableTable-cell:first-child { | ||
| + | padding-left: calc(4.545454545454546% - 3px + 12px); | ||
| + | } | ||
| + | /* .scrollableTable--hasFixedColumn needs additional margin-left */ | ||
| + | .expandedScrollableTable .scrollableTable--hasFixedColumn { | ||
| + | margin-left: calc(31.25% + 4.761904761904762% + 12px); | ||
| + | } | ||
| + | @media (max-width: 1100px) { | ||
| + | .expandedScrollableTable .scrollableTable--hasFixedColumn { | ||
| + | margin-left: calc(320px + 4.761904761904762% + 12px); | ||
| + | } | ||
| + | } | ||
| + | .expandedScrollableTable .scrollableTable--hasNarrowFixedColumn { | ||
| + | margin-left: calc(210px + 4.761904761904762% + 12px); | ||
| + | } | ||
| + | /* .scrollableTable-cell--fixedColumn needs additional width to match .scrollableTable-hasFixedColumn */ | ||
| + | .expandedScrollableTable .scrollableTable-cell--fixedColumn { | ||
| + | width: calc(4.761904761904762% + 12px + 31.25%); | ||
| + | } | ||
| + | @media (max-width: 1100px) { | ||
| + | .expandedScrollableTable .scrollableTable-cell--fixedColumn { | ||
| + | width: calc(4.761904761904762% + 12px + 320px); | ||
| + | } | ||
| + | } | ||
| + | /* TODO(T6666): Remove when we can use variable widths for fixed columns. */ | ||
| + | .expandedScrollableTable .scrollableTable-cell--narrowFixedColumn { | ||
| + | width: calc(4.761904761904762% + 12px + 210px); | ||
| + | } | ||
| + | /* Styles for ExpandedSampleTable */ | ||
| + | .expandedSampleTable-fileIcon { | ||
| + | color: #c9d8db; | ||
| + | font-size: 12px; | ||
| + | height: 12px; | ||
| + | margin-right: 4px; | ||
| + | vertical-align: baseline; | ||
| + | /* Need to override `.glyphicon` vertical-align */ | ||
| + | width: 12px; | ||
| + | } | ||
| + | .full-screen-mount { | ||
| + | display: none; | ||
| + | } | ||
| + | .has-shown-full-screen .full-screen-mount { | ||
| + | background: white; | ||
| + | bottom: 0; | ||
| + | display: initial; | ||
| + | height: 100%; | ||
| + | left: 0; | ||
| + | overflow-y: auto; | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | top: 0; | ||
| + | z-index: 64; | ||
| + | } | ||
| + | .helpContainer { | ||
| + | bottom: 29px; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex-direction: column; | ||
| + | -moz-flex-direction: column; | ||
| + | -ms-flex-direction: column; | ||
| + | flex-direction: column; | ||
| + | position: fixed; | ||
| + | right: 4px; | ||
| + | z-index: 1060; | ||
| + | } | ||
| + | #editor.has-hidden-statusbar .helpContainer { | ||
| + | bottom: 4px; | ||
| + | } | ||
| + | .helpContainer-icon { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | background-color: #428ce1; | ||
| + | border-radius: 50%; | ||
| + | box-shadow: 0 2px 4px 0 #a2b9be; | ||
| + | color: #ffffff; | ||
| + | cursor: pointer; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | font-size: 14px; | ||
| + | height: 42px; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | margin-top: 16px; | ||
| + | width: 42px; | ||
| + | } | ||
| + | .helpContainer-icon:hover, | ||
| + | .helpContainer-icon:active, | ||
| + | .helpContainer-icon:focus { | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .helpContainer-icon:hover, | ||
| + | .helpContainer-icon:active { | ||
| + | background-color: #2c76cc; | ||
| + | } | ||
| + | .helpContainer-icon--open { | ||
| + | background-color: #2c76cc; | ||
| + | } | ||
| + | .helpContainer-mainIcon { | ||
| + | -webkit-order: 2; | ||
| + | -moz-order: 2; | ||
| + | -ms-order: 2; | ||
| + | order: 2; | ||
| + | } | ||
| + | .helpContainer-extraIcons { | ||
| + | -webkit-order: 1; | ||
| + | -moz-order: 1; | ||
| + | -ms-order: 1; | ||
| + | order: 1; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) #intercom-container .intercom-messenger-frame { | ||
| + | bottom: 75px !important; | ||
| + | right: 4px !important; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav).has-hidden-statusbar #intercom-container .intercom-messenger-frame { | ||
| + | bottom: 50px !important; | ||
| + | right: 4px !important; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) #intercom-container .intercom-notifications-frame { | ||
| + | bottom: 29px !important; | ||
| + | right: 54px !important; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav).has-hidden-statusbar #intercom-container .intercom-notifications-frame { | ||
| + | bottom: 4px !important; | ||
| + | } | ||
| + | /* TODO(T7183): remove once Intercom button is hidden through Intercom */ | ||
| + | #editor:not(.hasLegacyNav) .intercom-launcher-frame, | ||
| + | #editor:not(.hasLegacyNav) .intercom-launcher-badge-frame { | ||
| + | display: none; | ||
| + | } | ||
| + | .sidepanel { | ||
| + | background: #ffffff; | ||
| + | bottom: 0; | ||
| + | box-shadow: 2px 0 8px 0 #c9d8db, inset -1px 0 0 0 #e8f0f2; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | left: -374px; | ||
| + | overflow-x: auto; | ||
| + | position: absolute; | ||
| + | right: 100%; | ||
| + | top: 0; | ||
| + | z-index: 60; | ||
| + | -webkit-transition: left 0.25s ease-out, right 0.25s ease-out; | ||
| + | transition: left 0.25s ease-out, right 0.25s ease-out; | ||
| + | } | ||
| + | .sidepanel.nyc-container-lg { | ||
| + | padding-right: 66px; | ||
| + | } | ||
| + | .sidepanel-mount.is-open ~ #wrapper { | ||
| + | left: 374px; | ||
| + | } | ||
| + | .sidepanel-mount.is-open .sidepanel { | ||
| + | left: 54px; | ||
| + | /* Keep this in sync with values of @width--sideNavbar + @width--sidepanel; have to hard-code in value | ||
| + | because `calc` doesn't accept variables */ | ||
| + | right: calc(100% - 374px); | ||
| + | } | ||
| + | .sidepanel-mount.is-open.is-expanded .sidepanel { | ||
| + | right: 0; | ||
| + | width: auto; | ||
| + | } | ||
| + | .sidepanel-search { | ||
| + | margin-top: 16px; | ||
| + | } | ||
| + | .sidepanel-header { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | margin-bottom: 9px; | ||
| + | } | ||
| + | .sidepanel-header-menu { | ||
| + | margin-bottom: 9px; | ||
| + | } | ||
| + | .sidepanel-header-buttons { | ||
| + | margin-top: -2px; | ||
| + | } | ||
| + | .sidepanel-header-buttons .button { | ||
| + | margin-left: 6px; | ||
| + | } | ||
| + | .folderItemList { | ||
| + | padding-bottom: 60px; | ||
| + | } | ||
| + | .sidepanel-sectionHeader { | ||
| + | box-shadow: 0 4px 8px -4px #c9d8db, inset -1px 0 0 0 #e8f0f2; | ||
| + | } | ||
| + | .sidepanel-sectionHeader .sectionTabs-navItem, | ||
| + | .sidepanel-options { | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .sidepanel-expandResultsFooter { | ||
| + | background-color: #e8f0f2; | ||
| + | font-weight: 600; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | padding: 10px 0; | ||
| + | } | ||
| + | /* Overrides for text dropdown styles */ | ||
| + | .textDropdown--gray .textDropdown-text, | ||
| + | .textDropdown--gray .textDropdown-text:hover, | ||
| + | .textDropdown--gray .textDropdown-text:focus, | ||
| + | .textDropdown--gray .textDropdown-text:hover .textDropdown-icon { | ||
| + | background-color: #ffffff; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .textDropdown--gray .textDropdown-text { | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | .resultsPageLoader { | ||
| + | padding: 12px; | ||
| + | } | ||
| + | .resultsLoader-icon { | ||
| + | width: 24px; | ||
| + | } | ||
| + | .sidepanel-fadedMessage { | ||
| + | color: #c9d8db; | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | padding: 12px 12px; | ||
| + | } | ||
| + | .sidepanel-throbberContainer { | ||
| + | margin-top: 10px; | ||
| + | text-align: center; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .searchSidepanel { | ||
| + | padding-top: 18px; | ||
| + | } | ||
| + | .sourceList-hideProjects { | ||
| + | padding: 8px; | ||
| + | } | ||
| + | /* General styles */ | ||
| + | .whiteLink { | ||
| + | color: #ffffff; | ||
| + | cursor: pointer; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .whiteLink:hover { | ||
| + | color: #ffffff; | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | .whiteLink:active, | ||
| + | .whiteLink:focus { | ||
| + | color: #ffffff; | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | /* Registry sidepanel styles */ | ||
| + | .sidepanel-registryFiltersContainer { | ||
| + | padding-bottom: 8px; | ||
| + | } | ||
| + | .sidepanel-registryFiltersDropdownTitle { | ||
| + | display: block; | ||
| + | } | ||
| + | .sidepanel-registryFiltersDropdownSubTitle { | ||
| + | display: block; | ||
| + | color: #c9d8db; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .sidepanel-registryFilename { | ||
| + | color: #5c7c83; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .sidepanel-registryAlias { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .sidepanel-registryOriginalName { | ||
| + | color: #344043; | ||
| + | font-size: 15px; | ||
| + | } | ||
| + | .sidepanel-registryEmpty { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | color: #344043; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | padding: 12px 12px; | ||
| + | } | ||
| + | .sidepanel-registryEmpty-image { | ||
| + | width: 100px; | ||
| + | } | ||
| + | .searchableDropdownMenu-searchInputWrapper { | ||
| + | background: #f8fafb; | ||
| + | padding: 12px; | ||
| + | } | ||
| + | .sidepanelItem-star { | ||
| + | color: #fdd586; | ||
| + | float: right; | ||
| + | line-height: inherit; | ||
| + | } | ||
| + | .sidepanelItem-star--outline { | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | .sidepanelItem:hover .sidepanelItem-star--outline { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .homeSidepanel { | ||
| + | height: 100%; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | } | ||
| + | .nyc-container-sidepanel .homeSidepanel { | ||
| + | margin: 0 -12px; | ||
| + | } | ||
| + | .nyc-container-lg .homeSidepanel { | ||
| + | margin: 0 -12px; | ||
| + | } | ||
| + | .homeSidepanel-today { | ||
| + | background: #428ce1; | ||
| + | color: #ffffff; | ||
| + | -webkit-flex: 0 0 320px; | ||
| + | -moz-flex: 0 0 320px; | ||
| + | -ms-flex: 0 0 320px; | ||
| + | flex: 0 0 320px; | ||
| + | height: 100%; | ||
| + | padding: 0 12px; | ||
| + | overflow-y: auto; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .homeSidepanel-today::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .homeSidepanel-today::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .homeSidepanel-today:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .homeSidepanel-today::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .homeSidepanel-today:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .homeSidepanel-today-header { | ||
| + | -webkit-align-items: flex-start; | ||
| + | -moz-align-items: flex-start; | ||
| + | -ms-align-items: flex-start; | ||
| + | align-items: flex-start; | ||
| + | margin: 20px 0; | ||
| + | } | ||
| + | .homeSidepanel-today .button--icon { | ||
| + | border: 1px solid #5b9fec; | ||
| + | } | ||
| + | .homeSidepanel-today-date-month { | ||
| + | font-size: 17px; | ||
| + | line-height: 24px; | ||
| + | margin-bottom: 2px; | ||
| + | } | ||
| + | .homeSidepanel-today-date-day { | ||
| + | font-size: 17px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .homeSidepanel-today-review { | ||
| + | border-bottom: 1px solid #5b9fec; | ||
| + | border-top: 1px solid #5b9fec; | ||
| + | margin-left: -12px; | ||
| + | margin-right: -12px; | ||
| + | padding: 13px 12px; | ||
| + | } | ||
| + | .homeSidepanel-today-review-item { | ||
| + | -webkit-flex: 1; | ||
| + | -moz-flex: 1; | ||
| + | -ms-flex: 1; | ||
| + | flex: 1; | ||
| + | } | ||
| + | .homeSidepanel-today-review-icon { | ||
| + | height: 10px; | ||
| + | margin-right: 4px; | ||
| + | width: 10px; | ||
| + | } | ||
| + | .homeSidepanel-today-review-icon--rejected { | ||
| + | color: #fbab97; | ||
| + | } | ||
| + | .homeSidepanel-today-review-icon--review { | ||
| + | color: #fdd586; | ||
| + | } | ||
| + | .homeSidepanel-today-review-icon--accepted { | ||
| + | color: #50e3c2; | ||
| + | } | ||
| + | .homeSidepanel-today-review-icon--inProgress { | ||
| + | color: #cce0f7; | ||
| + | } | ||
| + | .homeSidepanel-today-review-text { | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | .homeSidepanel-today-fileSummary { | ||
| + | margin-top: 26px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .homeSidepanel-today-sectionHeader { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | font-weight: 600; | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | margin-bottom: 4px; | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .homeSidepanel-today-file { | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | padding: 8px 12px; | ||
| + | } | ||
| + | .homeSidepanel-today-file--active { | ||
| + | background: #2c76cc; | ||
| + | } | ||
| + | .homeSidepanel-today-file-content, | ||
| + | .homeSidepanel-today-file-title, | ||
| + | .homeSidepanel-today-sectionHeader-content { | ||
| + | -webkit-flex: 1; | ||
| + | -moz-flex: 1; | ||
| + | -ms-flex: 1; | ||
| + | flex: 1; | ||
| + | } | ||
| + | .homeSidepanel-today-file-icon { | ||
| + | margin-right: 8px; | ||
| + | } | ||
| + | .homeSidepanel-today-file-title { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | word-break: break-all; | ||
| + | } | ||
| + | .homeSidepanel-today-file-subtitle { | ||
| + | color: #cce0f7; | ||
| + | } | ||
| + | .homeSidepanel-notifications { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | background: #ffffff; | ||
| + | border-radius: 4px; | ||
| + | bottom: 12px; | ||
| + | box-shadow: 0 2px 4px 0 #a2b9be; | ||
| + | color: #344043; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | left: 66px; | ||
| + | padding: 16px; | ||
| + | position: fixed; | ||
| + | width: 296px; | ||
| + | z-index: 1060; | ||
| + | } | ||
| + | .homeSidepanel-gold-icon { | ||
| + | margin-right: 12px; | ||
| + | width: 48px; | ||
| + | } | ||
| + | .homeSidepanel-gold-close { | ||
| + | left: 4px; | ||
| + | position: relative; | ||
| + | top: -8px; | ||
| + | } | ||
| + | .homeSidepanel-gold-close .svgIcon { | ||
| + | height: 10px; | ||
| + | width: 10px; | ||
| + | } | ||
| + | .gettingStarted { | ||
| + | background: #5b9fec; | ||
| + | border-radius: 8px; | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | padding: 12px; | ||
| + | margin-top: 12px; | ||
| + | } | ||
| + | .gettingStarted-header { | ||
| + | cursor: pointer; | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .gettingStarted-checklist { | ||
| + | list-style: none; | ||
| + | margin-top: 16px; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .gettingStarted-checklist-item { | ||
| + | margin-bottom: 6px; | ||
| + | } | ||
| + | .gettingStarted-checklist-checkbox { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | background: transparent; | ||
| + | border-radius: 50%; | ||
| + | border: 1px solid #ffffff; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | height: 16px; | ||
| + | margin-right: 8px; | ||
| + | width: 16px; | ||
| + | } | ||
| + | .gettingStarted-checklist-checkbox.circleCheckbox--checked { | ||
| + | background: #ffffff; | ||
| + | } | ||
| + | .gettingStarted-checklist-checkbox .circleCheckbox-check { | ||
| + | height: 8px; | ||
| + | color: #5b9fec; | ||
| + | width: 8px; | ||
| + | } | ||
| + | .homeSidepanel-calendar-container { | ||
| + | -webkit-flex: 1; | ||
| + | -moz-flex: 1; | ||
| + | -ms-flex: 1; | ||
| + | flex: 1; | ||
| + | } | ||
| + | .homeSidepanel-calendar { | ||
| + | margin-left: -12px; | ||
| + | margin-right: -54px; | ||
| + | } | ||
| + | .organizationInvitesSection { | ||
| + | max-height: 160px; | ||
| + | overflow-y: auto; | ||
| + | padding-bottom: 0; | ||
| + | padding-top: 0; | ||
| + | } | ||
| + | .organizationInvitesSection-inviteCard { | ||
| + | padding: 10px 0; | ||
| + | } | ||
| + | .organizationInvitesSection-inviteCard ~ .organizationInvitesSection-inviteCard { | ||
| + | border-top: 1px solid #c9d8db; | ||
| + | } | ||
| + | .homeSidepanel-signedOut { | ||
| + | padding-top: 50px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .homeSidepanel-signedOut h1, | ||
| + | .homeSidepanel-signedOut h3 { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .homeSidepanel-signedOut-description { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | color: #cce0f7; | ||
| + | padding-bottom: 38px; | ||
| + | } | ||
| + | .homeSidepanel-signedOut-signupForm { | ||
| + | padding-bottom: 15px; | ||
| + | } | ||
| + | .homeSidepanel-signedOut-signupForm input { | ||
| + | width: 100%; | ||
| + | border-radius: 4px; | ||
| + | height: 36px; | ||
| + | padding: 10px; | ||
| + | border: 1px solid #c9d8db; | ||
| + | } | ||
| + | .homeSidepanel-signedOut-login { | ||
| + | color: white; | ||
| + | } | ||
| + | .homeSidepanel-signedOut-login:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | .homeSidepanel-signedOut-loginDesc { | ||
| + | color: #cce0f7; | ||
| + | } | ||
| + | /* | ||
| + | Usage: <span class="moreDropdownBtn glyphicon glyphicon-option-horizontal"></span> | ||
| + | */ | ||
| + | .moreDropdownBtn { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | background-color: transparent; | ||
| + | border-radius: 12px; | ||
| + | color: #a2b9be; | ||
| + | cursor: pointer; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | font-size: 12px; | ||
| + | height: 24px; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | width: 24px; | ||
| + | } | ||
| + | .moreDropdownBtn.active { | ||
| + | background-color: transparent; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .moreDropdownBtn:hover { | ||
| + | background-color: #f8fafb; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .moreDropdownBtn:active { | ||
| + | background-color: #e8f0f2; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .navTour { | ||
| + | border: none; | ||
| + | border-radius: 8px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 13px; | ||
| + | max-width: 384px; | ||
| + | min-width: 384px; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .navTour-header { | ||
| + | padding: 20px 20px 0 20px; | ||
| + | } | ||
| + | .navTour-title { | ||
| + | background: none; | ||
| + | border: none; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 19px; | ||
| + | line-height: 24px; | ||
| + | padding: 0 0 6px 0; | ||
| + | } | ||
| + | .navTour-close { | ||
| + | color: #c9d8db; | ||
| + | cursor: pointer; | ||
| + | font-size: 19px; | ||
| + | } | ||
| + | .navTour-content { | ||
| + | padding: 0 20px 20px 20px; | ||
| + | } | ||
| + | .navTour-text { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | margin: 6px 0 20px 0; | ||
| + | } | ||
| + | .navTour-dot { | ||
| + | border-radius: 50%; | ||
| + | background: #e8f0f2; | ||
| + | display: inline-block; | ||
| + | margin-right: 8px; | ||
| + | height: 12px; | ||
| + | width: 12px; | ||
| + | } | ||
| + | .navTour-dot.is-active { | ||
| + | background: #03c08d; | ||
| + | } | ||
| + | .navTour--introPopover .navTour-header { | ||
| + | -webkit-align-items: flex-start; | ||
| + | -moz-align-items: flex-start; | ||
| + | -ms-align-items: flex-start; | ||
| + | align-items: flex-start; | ||
| + | background: url('/static/img/nue-redesign.png'); | ||
| + | background-size: contain; | ||
| + | border-top-left-radius: inherit; | ||
| + | border-top-right-radius: inherit; | ||
| + | height: 158px; | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | .navTour--introPopover .navTour-close { | ||
| + | color: #ffffff; | ||
| + | line-height: 8px; | ||
| + | } | ||
| + | .navTour-close-svgIcon { | ||
| + | height: 12px; | ||
| + | vertical-align: top; | ||
| + | width: 12px; | ||
| + | } | ||
| + | /* Overrides for bootstrap popover styles */ | ||
| + | .navTour.popover.right .arrow, | ||
| + | .navTour.popover.left .arrow { | ||
| + | top: 28px; | ||
| + | } | ||
| + | .navTour.popover.bottom .arrow { | ||
| + | left: auto; | ||
| + | right: 28px; | ||
| + | } | ||
| + | .navTour--introPopover { | ||
| + | margin-left: -192px; | ||
| + | } | ||
| + | .navTour--calendarPopover.popover.left { | ||
| + | margin-left: -20px; | ||
| + | } | ||
| + | .sideNavbar { | ||
| + | background: #5b9fec; | ||
| + | bottom: 0; | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | width: 54px; | ||
| + | z-index: 65; | ||
| + | } | ||
| + | .sideNavbar-item { | ||
| + | color: #e8f0f2; | ||
| + | cursor: pointer; | ||
| + | display: block; | ||
| + | height: 54px; | ||
| + | position: relative; | ||
| + | } | ||
| + | .sideNavbar-item:hover, | ||
| + | .sideNavbar-item:active, | ||
| + | .sideNavbar-item:focus, | ||
| + | .sideNavbar-item.is-active, | ||
| + | .sideNavbar-item.dropdown.open { | ||
| + | background: #428ce1; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .sideNavbar-item-inner { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | height: 100%; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .sideNavbar-item-icon { | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | .sideNavbar-item-icon--home { | ||
| + | font-size: 20px; | ||
| + | } | ||
| + | .sideNavbar-item-user { | ||
| + | bottom: 0; | ||
| + | position: fixed; | ||
| + | width: 54px; | ||
| + | } | ||
| + | .sideNavbar-item-home { | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | width: 54px; | ||
| + | } | ||
| + | .sideNavbar-item-activityIndicator { | ||
| + | border: solid 4px #50e3c2; | ||
| + | border-radius: 4px; | ||
| + | height: 8px; | ||
| + | width: 8px; | ||
| + | position: absolute; | ||
| + | top: 23px; | ||
| + | right: 4px; | ||
| + | } | ||
| + | .sideNavbar-spacer { | ||
| + | height: 20px; | ||
| + | } | ||
| + | .sideNavbar.sideNavbar--impersonating { | ||
| + | background: #e96e51 !important; | ||
| + | } | ||
| + | .sideNavbar.sideNavbar--impersonating .sideNavbar-item:hover, | ||
| + | .sideNavbar.sideNavbar--impersonating .sideNavbar-item:active, | ||
| + | .sideNavbar.sideNavbar--impersonating .sideNavbar-item:focus, | ||
| + | .sideNavbar.sideNavbar--impersonating .sideNavbar-item.is-active, | ||
| + | .sideNavbar.sideNavbar--impersonating .sideNavbar-item.dropdown.open { | ||
| + | background: #d9563a !important; | ||
| + | } | ||
| + | .navUserMenu-userItem-container { | ||
| + | border-radius: inherit; | ||
| + | } | ||
| + | .navUserMenu-userItem { | ||
| + | background: #2c76cc; | ||
| + | border-radius: inherit; | ||
| + | color: #ffffff; | ||
| + | cursor: default; | ||
| + | display: flex; | ||
| + | padding: 12px; | ||
| + | } | ||
| + | .navUserMenu-userItem-header { | ||
| + | font-size: 16px; | ||
| + | line-height: 24px; | ||
| + | margin-bottom: 6px; | ||
| + | } | ||
| + | .navUserMenu-userItem-subheader { | ||
| + | font-size: 12px; | ||
| + | line-height: 16px; | ||
| + | margin-bottom: 3px; | ||
| + | } | ||
| + | .navUserMenu-userItem-subheader-link { | ||
| + | color: #ffffff; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .navUserMenu-userItem-subheader-link:hover, | ||
| + | .navUserMenu-userItem-subheader-link:focus { | ||
| + | color: #e8f0f2; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .navUserMenu-userItem-subheader-link:active { | ||
| + | color: #c9d8db; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .navUserMenu-userItem-avatar { | ||
| + | margin-right: 14px; | ||
| + | } | ||
| + | .navDropdownMenu-item--noIcon.navUserMenu-toggleItem { | ||
| + | padding-left: 16px; | ||
| + | } | ||
| + | .navRedesignBanner { | ||
| + | background: #cce0f7; | ||
| + | } | ||
| + | .replaceWithPartsModal-container { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | flex-direction: row; | ||
| + | justify-content: space-around; | ||
| + | } | ||
| + | .replaceWithPartsModal-container .replaceWithPartsModal-prompt { | ||
| + | margin-right: 1em; | ||
| + | text-align: right; | ||
| + | flex-grow: 1; | ||
| + | } | ||
| + | .replaceWithPartsModal-container .replaceWithPartsModal-select-container { | ||
| + | flex-grow: 10; | ||
| + | } | ||
| + | .sidepanelItem { | ||
| + | border-top: 1px solid #e8f0f2; | ||
| + | cursor: pointer; | ||
| + | padding: 8px 12px; | ||
| + | margin-left: -12px; | ||
| + | margin-right: -12px; | ||
| + | } | ||
| + | .sidepanelItem:hover { | ||
| + | background: #f8fafb; | ||
| + | } | ||
| + | .sidepanelItem:active, | ||
| + | .sidepanelItem:focus { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .sidepanelItem.is-active { | ||
| + | background: #f8fafb; | ||
| + | color: #2c76cc; | ||
| + | } | ||
| + | .sidepanelItem-content { | ||
| + | -webkit-align-items: baseline; | ||
| + | -moz-align-items: baseline; | ||
| + | -ms-align-items: baseline; | ||
| + | align-items: baseline; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | } | ||
| + | .sidepanelItem-text { | ||
| + | -webkit-flex: 1; | ||
| + | -moz-flex: 1; | ||
| + | -ms-flex: 1; | ||
| + | flex: 1; | ||
| + | } | ||
| + | .sidepanelItem-title { | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | word-break: break-all; | ||
| + | } | ||
| + | .sidepanelItem-icon { | ||
| + | color: #c9d8db; | ||
| + | font-size: 13px; | ||
| + | width: 24px; | ||
| + | } | ||
| + | .sidepanelItem-shortcutFileIcon { | ||
| + | font-size: 10px; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | .sidepanelItem-shortcutRegistryIcon { | ||
| + | color: #428ce1; | ||
| + | font-size: 8px; | ||
| + | position: relative; | ||
| + | right: 4px; | ||
| + | } | ||
| + | .sidepanelItem-subTitle { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | color: #5c7c83; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | /* Align to 8px grid */ | ||
| + | margin-top: 2px; | ||
| + | } | ||
| + | .sidepanelItem-subTitle-text { | ||
| + | -webkit-flex: 1; | ||
| + | -moz-flex: 1; | ||
| + | -ms-flex: 1; | ||
| + | flex: 1; | ||
| + | } | ||
| + | .sidepanelItem-user { | ||
| + | border-radius: 99px; | ||
| + | margin-left: 4px; | ||
| + | } | ||
| + | /* | ||
| + | For drag-and-drop, the wrapping component (.sidepanelItemDNDWrapper) should be the one to | ||
| + | expand the width of the sidepanelItem to ensure that the drop border and the drag image is | ||
| + | the full size. | ||
| + | */ | ||
| + | .sidepanelItem--dnd, | ||
| + | .sampleSidepanelItem { | ||
| + | margin-left: 0; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .sidepanelItemDNDWrapper:first-child .sidepanelItem { | ||
| + | border-top: none; | ||
| + | } | ||
| + | .sidepanelItemDNDWrapper:last-child .sidepanelItem { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | /* Sample sidepanel item styles */ | ||
| + | .sampleSidepanelItem-file { | ||
| + | color: #5c7c83; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .sampleSidepanelItem-file--icon { | ||
| + | color: #c9d8db; | ||
| + | font-size: 10px; | ||
| + | height: 10px; | ||
| + | margin-right: 4px; | ||
| + | vertical-align: baseline; | ||
| + | /* Need to override `.glyphicon` vertical-align */ | ||
| + | width: 10px; | ||
| + | } | ||
| + | .sampleSidepanelItem-title { | ||
| + | color: #344043; | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | .tagFilterDropdown { | ||
| + | /* The TagFilterDropdown is absolutely positioned and we want to position it to the left of the first cell. | ||
| + | We offset it by the desired margin and the width of the icon button, which is the same as its height. */ | ||
| + | margin-left: -42px; | ||
| + | margin-top: -6px; | ||
| + | } | ||
| + | .tagFilterDropdown .dropdown-menu { | ||
| + | min-width: 150px; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .tagFilterDropdown-item { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | height: 36px; | ||
| + | padding-right: 12px; | ||
| + | } | ||
| + | label.tagFilterDropdown-item { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .tagFilterDropdown-checkbox { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | height: 36px; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | width: 36px; | ||
| + | } | ||
| + | .tagFilterDropdown-checkbox input[type=checkbox] { | ||
| + | margin: 0; | ||
| + | } | ||
| + | .tagFilterDropdown-border { | ||
| + | border-top: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .toasts-mount { | ||
| + | bottom: 15px; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex-direction: column-reverse; | ||
| + | -moz-flex-direction: column-reverse; | ||
| + | -ms-flex-direction: column-reverse; | ||
| + | flex-direction: column-reverse; | ||
| + | height: 800px; | ||
| + | -webkit-justify-content: flex-start; | ||
| + | -moz-justify-content: flex-start; | ||
| + | -ms-justify-content: flex-start; | ||
| + | justify-content: flex-start; | ||
| + | left: 65px; | ||
| + | position: absolute; | ||
| + | width: 500px; | ||
| + | } | ||
| + | .toast { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | border-radius: 8px; | ||
| + | -webkit-box-shadow: 0 2px 4px 0 rgba(92, 124, 131, 0.5); | ||
| + | box-shadow: 0 2px 4px 0 rgba(92, 124, 131, 0.5); | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: flex-end; | ||
| + | -moz-justify-content: flex-end; | ||
| + | -ms-justify-content: flex-end; | ||
| + | justify-content: flex-end; | ||
| + | margin-bottom: 5px; | ||
| + | margin-top: 5px; | ||
| + | padding: 14px; | ||
| + | position: relative; | ||
| + | width: 324px; | ||
| + | z-index: 1060; | ||
| + | } | ||
| + | .toast--actionable { | ||
| + | width: 398px; | ||
| + | } | ||
| + | .toast-text { | ||
| + | margin-right: auto; | ||
| + | min-width: 0; | ||
| + | /* Allow the flex item to shrink */ | ||
| + | } | ||
| + | .toast-text p { | ||
| + | margin: 0px; | ||
| + | } | ||
| + | .toast code { | ||
| + | background-color: transparent; | ||
| + | color: inherit; | ||
| + | display: block; | ||
| + | white-space: nowrap; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | .toast-action { | ||
| + | -webkit-align-self: flex-start; | ||
| + | -moz-align-self: flex-start; | ||
| + | -ms-align-self: flex-start; | ||
| + | align-self: flex-start; | ||
| + | margin: -6px 0 0 10px; | ||
| + | } | ||
| + | .toast-closeButton { | ||
| + | -webkit-align-self: flex-start; | ||
| + | -moz-align-self: flex-start; | ||
| + | -ms-align-self: flex-start; | ||
| + | align-self: flex-start; | ||
| + | color: #c9d8db; | ||
| + | cursor: pointer; | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | /* Light background toasts */ | ||
| + | .m-toast--light { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .m-toast--light .toast-closeButton { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .m-toast--light .toast-closeButton:hover { | ||
| + | color: #485e63; | ||
| + | } | ||
| + | .m-toast--light a { | ||
| + | color: #344043; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | /* Dark background toasts */ | ||
| + | .m-toast--dark { | ||
| + | color: white; | ||
| + | } | ||
| + | .m-toast--dark .toast-closeButton { | ||
| + | color: #e8f0f2; | ||
| + | } | ||
| + | .m-toast--dark .toast-closeButton:hover { | ||
| + | color: #c4cdcf; | ||
| + | } | ||
| + | .m-toast--dark a { | ||
| + | color: #ffffff; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | /* Toast variations */ | ||
| + | .toast--info { | ||
| + | color: white; | ||
| + | background-color: #5c7c83; | ||
| + | } | ||
| + | .toast--info .toast-closeButton { | ||
| + | color: #e8f0f2; | ||
| + | } | ||
| + | .toast--info .toast-closeButton:hover { | ||
| + | color: #c4cdcf; | ||
| + | } | ||
| + | .toast--info a { | ||
| + | color: #ffffff; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .toast--info.toast--actionable { | ||
| + | background-color: #5b9fec; | ||
| + | } | ||
| + | .toast--success { | ||
| + | color: white; | ||
| + | background-color: #03c08d; | ||
| + | } | ||
| + | .toast--success .toast-closeButton { | ||
| + | color: #e8f0f2; | ||
| + | } | ||
| + | .toast--success .toast-closeButton:hover { | ||
| + | color: #c4cdcf; | ||
| + | } | ||
| + | .toast--success a { | ||
| + | color: #ffffff; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .toast--warning { | ||
| + | color: #344043; | ||
| + | background-color: #fdd586; | ||
| + | } | ||
| + | .toast--warning .toast-closeButton { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .toast--warning .toast-closeButton:hover { | ||
| + | color: #485e63; | ||
| + | } | ||
| + | .toast--warning a { | ||
| + | color: #344043; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .toast--danger { | ||
| + | color: #344043; | ||
| + | background-color: #fbab97; | ||
| + | } | ||
| + | .toast--danger .toast-closeButton { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .toast--danger .toast-closeButton:hover { | ||
| + | color: #485e63; | ||
| + | } | ||
| + | .toast--danger a { | ||
| + | color: #344043; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | /* | ||
| + | * Button Component Styles | ||
| + | * These styles should never be added to an element, but rather used only through the Button component. | ||
| + | * Refer to coffee/react-components/Button.js for usage. | ||
| + | * | ||
| + | * Note: All sizes and styles should be kept in sync with coffee/constants/ButtonConstants.js. | ||
| + | */ | ||
| + | @keyframes pulse-blue { | ||
| + | 50% { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | } | ||
| + | @-moz-keyframes pulse-blue { | ||
| + | 50% { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | } | ||
| + | @-webkit-keyframes pulse-blue { | ||
| + | 50% { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | } | ||
| + | .button { | ||
| + | border: none; | ||
| + | border-radius: 4px; | ||
| + | cursor: pointer; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-weight: 500; | ||
| + | /* Set all text to have line-height: 1 to ensure it's centered. */ | ||
| + | line-height: 1; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | /* The button wrapper allows us to center all the button contents. */ | ||
| + | .button-wrapper { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-justify-content: center; | ||
| + | -moz-justify-content: center; | ||
| + | -ms-justify-content: center; | ||
| + | justify-content: center; | ||
| + | } | ||
| + | .button, | ||
| + | .button:hover, | ||
| + | .button:focus, | ||
| + | .button:active { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .button:focus { | ||
| + | box-shadow: 0 2px 6px 0 rgba(162, 185, 190, 0.5); | ||
| + | outline: none; | ||
| + | } | ||
| + | .button[disabled], | ||
| + | .button.is-disabled { | ||
| + | cursor: not-allowed; | ||
| + | pointer-events: none; | ||
| + | /* Future-proof disabling of clicks */ | ||
| + | } | ||
| + | /* Button Sizes */ | ||
| + | .button--mini { | ||
| + | font-size: 13px; | ||
| + | height: 24px; | ||
| + | padding: 4px 12px; | ||
| + | } | ||
| + | .button--small { | ||
| + | font-size: 13px; | ||
| + | height: 28px; | ||
| + | padding: 6px 12px; | ||
| + | } | ||
| + | .button--medium { | ||
| + | font-size: 13px; | ||
| + | height: 36px; | ||
| + | padding: 10px 16px; | ||
| + | } | ||
| + | .button--large { | ||
| + | font-size: 15px; | ||
| + | height: 48px; | ||
| + | padding: 14px 16px; | ||
| + | } | ||
| + | /* TODO(T7104): Remove this size, we aren't using this! */ | ||
| + | .button--xl { | ||
| + | font-size: 19px; | ||
| + | height: 52px; | ||
| + | padding: 14px 28px; | ||
| + | } | ||
| + | /* Button Styles */ | ||
| + | .button--primary { | ||
| + | background: #03c08d; | ||
| + | border-color: #ffffff; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .button--primary:hover { | ||
| + | background: #0da67e; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .button--primary:active, | ||
| + | .button--primary.is-active { | ||
| + | background: #129a77; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .button--primary[disabled], | ||
| + | .button--primary.is-disabled { | ||
| + | background: #81e0c6; | ||
| + | } | ||
| + | .button--secondary { | ||
| + | background: #428ce1; | ||
| + | border-color: #ffffff; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .button--secondary:hover { | ||
| + | background: #3f7dc1; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .button--secondary:active, | ||
| + | .button--secondary.is-active { | ||
| + | background: #3e75b2; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .button--secondary[disabled], | ||
| + | .button--secondary.is-disabled { | ||
| + | background: #a1c6f0; | ||
| + | } | ||
| + | .button--secondaryWhite { | ||
| + | background: #ffffff; | ||
| + | border-color: #ffffff; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .button--secondaryWhite:hover { | ||
| + | background: #2c76cc; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .button--secondaryWhite:active, | ||
| + | .button--secondaryWhite.is-active { | ||
| + | background: #3f7dc1; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .button--secondaryWhite[disabled], | ||
| + | .button--secondaryWhite.is-disabled { | ||
| + | background: #ffffff; | ||
| + | color: #a1c6f0; | ||
| + | } | ||
| + | .button--tertiaryBlue { | ||
| + | background: #ffffff; | ||
| + | border: 1px solid; | ||
| + | border-color: #428ce1; | ||
| + | color: #428ce1; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | .button--tertiaryBlue:hover { | ||
| + | background: #428ce1; | ||
| + | border-color: #428ce1; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .button--tertiaryBlue:active, | ||
| + | .button--tertiaryBlue.is-active { | ||
| + | background: #2c76cc; | ||
| + | border-color: #2c76cc; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .button--tertiaryBlue[disabled], | ||
| + | .button--tertiaryBlue.is-disabled { | ||
| + | background: #ffffff; | ||
| + | border-color: #a1c6f0; | ||
| + | color: #a1c6f0; | ||
| + | } | ||
| + | .button--tertiaryGray { | ||
| + | background: #e8f0f2; | ||
| + | border-color: #ffffff; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .button--tertiaryGray:hover { | ||
| + | background: #c9d8db; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .button--tertiaryGray:active, | ||
| + | .button--tertiaryGray.is-active { | ||
| + | background: #b2bbbd; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .button--tertiaryGray[disabled], | ||
| + | .button--tertiaryGray.is-disabled { | ||
| + | background: #f4f8f9; | ||
| + | color: #9aa0a1; | ||
| + | } | ||
| + | .button--tertiaryWhite { | ||
| + | background: #ffffff; | ||
| + | border: 1px solid; | ||
| + | border-color: #c9d8db; | ||
| + | color: #5c7c83; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | .button--tertiaryWhite:hover { | ||
| + | background: #c9d8db; | ||
| + | border-color: #c9d8db; | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .button--tertiaryWhite:active, | ||
| + | .button--tertiaryWhite.is-active { | ||
| + | background: #5c7c83; | ||
| + | border-color: #5c7c83; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .button--tertiaryWhite[disabled], | ||
| + | .button--tertiaryWhite.is-disabled { | ||
| + | background: #ffffff; | ||
| + | border-color: #c9d8db; | ||
| + | color: #aebec1; | ||
| + | } | ||
| + | .button--negative { | ||
| + | background: #e96e51; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .button--negative:hover { | ||
| + | background: #c5654e; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .button--negative:active, | ||
| + | .button--negative.is-active { | ||
| + | background: #b3604d; | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | .button--negative[disabled], | ||
| + | .button--negative.is-disabled { | ||
| + | background: #f4b7a8; | ||
| + | } | ||
| + | /* Warning button -- use when you need a button in the context of a warning, e.g. notifications.warn */ | ||
| + | .button--warning { | ||
| + | background: #febb5c; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .button--warning:hover { | ||
| + | background: #f4b55b; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .button--warning:active, | ||
| + | .button--warning.is-active { | ||
| + | background: #eaaf5a; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .button--warning[disabled], | ||
| + | .button--warning.is-disabled { | ||
| + | background: #ffddae; | ||
| + | color: #9aa0a1; | ||
| + | } | ||
| + | /* Button Icons */ | ||
| + | /* TODO(T6622): Remove this when the default margin-bottom on svg's is 0. */ | ||
| + | .button .svgIcon { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .button--mini .svgIcon { | ||
| + | height: 10px; | ||
| + | width: 10px; | ||
| + | } | ||
| + | .button--small .svgIcon { | ||
| + | height: 12px; | ||
| + | width: 12px; | ||
| + | } | ||
| + | .button--medium .svgIcon { | ||
| + | height: 14px; | ||
| + | width: 14px; | ||
| + | } | ||
| + | .button--large .svgIcon { | ||
| + | height: 16px; | ||
| + | width: 16px; | ||
| + | } | ||
| + | /* Overrides styles from less/bootstrap/glyphicons.less. */ | ||
| + | .button .glyphicon { | ||
| + | top: 0; | ||
| + | vertical-align: baseline; | ||
| + | } | ||
| + | .button--mini .glyphicon, | ||
| + | .button--mini .fa { | ||
| + | font-size: 10px; | ||
| + | } | ||
| + | .button--small .glyphicon, | ||
| + | .button--small .fa { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .button--medium .glyphicon, | ||
| + | .button--medium .fa { | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | .button--large .glyphicon, | ||
| + | .button--large .fa { | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | /* Icon + Text Buttons */ | ||
| + | .button--mini.button--iconText .svgIcon, | ||
| + | .button--small.button--iconText .svgIcon { | ||
| + | margin-right: 6px; | ||
| + | } | ||
| + | .button--medium.button--iconText .svgIcon, | ||
| + | .button--large.button--iconText .svgIcon { | ||
| + | margin-right: 8px; | ||
| + | } | ||
| + | .button--mini.button--iconText { | ||
| + | padding-left: 10px; | ||
| + | } | ||
| + | .button--small.button--iconText { | ||
| + | padding-left: 10px; | ||
| + | } | ||
| + | .button--medium.button--iconText { | ||
| + | padding-left: 14px; | ||
| + | } | ||
| + | /* Icon Buttons */ | ||
| + | .button--icon.button--mini { | ||
| + | padding: 7px; | ||
| + | } | ||
| + | .button--icon.button--small { | ||
| + | padding: 8px; | ||
| + | } | ||
| + | .button--icon.button--medium { | ||
| + | padding: 11px; | ||
| + | } | ||
| + | .button--icon.button--large { | ||
| + | padding: 16px; | ||
| + | } | ||
| + | /* The buttonGroup buttons, and tertiaryBlue and tertiaryWhite styles have borders on them, so they | ||
| + | need less padding to be the correct icon size. */ | ||
| + | .buttonGroup .button--icon.button--mini, | ||
| + | .button--icon.button--mini.button--tertiaryBlue, | ||
| + | .button--icon.button--mini.button--tertiaryWhite { | ||
| + | padding: 6px; | ||
| + | } | ||
| + | .buttonGroup .button--icon.button--small, | ||
| + | .button--icon.button--small.button--tertiaryBlue, | ||
| + | .button--icon.button--small.button--tertiaryWhite { | ||
| + | padding: 7px; | ||
| + | } | ||
| + | .buttonGroup .button--icon.button--medium, | ||
| + | .button--icon.button--medium.button--tertiaryBlue, | ||
| + | .button--icon.button--medium.button--tertiaryWhite { | ||
| + | padding: 10px; | ||
| + | } | ||
| + | .buttonGroup .button--icon.button--large, | ||
| + | .button--icon.button--large.button--tertiaryBlue, | ||
| + | .button--icon.button--large.button--tertiaryWhite { | ||
| + | padding: 15px; | ||
| + | } | ||
| + | .button--icon.is-pulsing, | ||
| + | .button--circleIcon.is-pulsing { | ||
| + | animation: pulse-blue 2s ease infinite; | ||
| + | -moz-animation: pulse-blue 2s ease infinite; | ||
| + | -webkit-animation: pulse-blue 2s ease infinite; | ||
| + | } | ||
| + | /* | ||
| + | * Circle Icon Buttons are a special case of Icon Buttons. They need to have a different wrapper | ||
| + | * since we want to be able to override the height and width of the button, which makes the entire | ||
| + | * component clickable, but only applies hover state to the wrapper. | ||
| + | */ | ||
| + | .button--circleIcon { | ||
| + | background: transparent; | ||
| + | border-color: transparent; | ||
| + | color: #5c7c83; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .button--mini .button-circleIconWrapper { | ||
| + | border-radius: 12px; | ||
| + | height: 24px; | ||
| + | width: 24px; | ||
| + | } | ||
| + | .button--small .button-circleIconWrapper { | ||
| + | border-radius: 14px; | ||
| + | height: 28px; | ||
| + | width: 28px; | ||
| + | } | ||
| + | .button--medium .button-circleIconWrapper { | ||
| + | border-radius: 18px; | ||
| + | height: 36px; | ||
| + | width: 36px; | ||
| + | } | ||
| + | .button--large .button-circleIconWrapper { | ||
| + | border-radius: 24px; | ||
| + | height: 48px; | ||
| + | width: 48px; | ||
| + | } | ||
| + | .button--circleIcon .glyphicon { | ||
| + | height: initial; | ||
| + | /* Makes the glyphicon centerable via flexbox */ | ||
| + | top: 0; | ||
| + | } | ||
| + | .button--circleIcon:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .button--circleIcon:hover .button-circleIconWrapper { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .button--circleIcon:focus { | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | .button--circleIcon:active .button-circleIconWrapper, | ||
| + | .button--circleIcon.is-active .button-circleIconWrapper { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .button--circleIcon:active, | ||
| + | .button--circleIcon.is-active { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .button--circleIcon[disabled], | ||
| + | .button--circleIcon.is-disabled { | ||
| + | color: #aebec1; | ||
| + | } | ||
| + | /* Button Dropdowns */ | ||
| + | .button--dropdown-caret { | ||
| + | margin-right: -4px; | ||
| + | } | ||
| + | .button--large .button--dropdown-caret, | ||
| + | .button--icon .button--dropdown-caret { | ||
| + | margin-right: -2px; | ||
| + | } | ||
| + | .button--mini.button--icon .button--dropdown-caret { | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .button--mini .button--dropdown-caret { | ||
| + | height: 10px; | ||
| + | margin-left: 4px; | ||
| + | width: 10px; | ||
| + | } | ||
| + | .button--small .button--dropdown-caret { | ||
| + | height: 12px; | ||
| + | margin-left: 6px; | ||
| + | width: 12px; | ||
| + | } | ||
| + | .button--medium .button--dropdown-caret { | ||
| + | height: 14px; | ||
| + | margin-left: 6px; | ||
| + | width: 14px; | ||
| + | } | ||
| + | .button--large .button--dropdown-caret { | ||
| + | height: 16px; | ||
| + | margin-left: 8px; | ||
| + | width: 16px; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar { | ||
| + | background: #ffffff; | ||
| + | bottom: 25px; | ||
| + | box-shadow: inset 1px 0 0 0 #e8f0f2; | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | top: 37px; | ||
| + | width: 50px; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar-button.button--circleIcon { | ||
| + | height: 50px; | ||
| + | /* Flexbox doesn't work on buttons in some browsers (Firefox and Safari) so this hack centers the | ||
| + | button. When flexbox works, we can use flexbox (align-items: center, justify-contents: center). */ | ||
| + | padding: 11px; | ||
| + | width: 50px; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel { | ||
| + | border-radius: 4px; | ||
| + | -webkit-box-shadow: 0 2px 6px 0 rgba(162, 185, 190, 0.6); | ||
| + | box-shadow: 0 2px 6px 0 rgba(162, 185, 190, 0.6); | ||
| + | cursor: default; | ||
| + | display: none; | ||
| + | position: absolute; | ||
| + | right: 50px; | ||
| + | top: 0; | ||
| + | width: 350px; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-wrapper.active .panel { | ||
| + | display: block; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-sidebar { | ||
| + | background: white; | ||
| + | border-radius: 4px; | ||
| + | bottom: 5px; | ||
| + | -webkit-box-shadow: 0 2px 6px 0 rgba(162, 185, 190, 0.6); | ||
| + | box-shadow: 0 2px 6px 0 rgba(162, 185, 190, 0.6); | ||
| + | display: none; | ||
| + | left: -50%; | ||
| + | padding: 10px; | ||
| + | position: absolute; | ||
| + | top: 5px; | ||
| + | width: 50%; | ||
| + | overflow: auto; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-sidebar::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-sidebar::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-sidebar:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-sidebar::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-sidebar:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-sidebar h5 { | ||
| + | text-align: center; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel.show-sidebar .panel-sidebar { | ||
| + | display: block; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-sidebar .close { | ||
| + | float: none; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-title { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-title h4, | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-title .col { | ||
| + | display: none; | ||
| + | /* TODO(T5401): Remove */ | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-container { | ||
| + | padding: 0 15px 10px; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-container.no-gap .row { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-container .row { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-container .panel-divider:first-child { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-container .table { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-container .table th { | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-container .table th, | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-container .table td { | ||
| + | text-align: center; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-container .table th:first-child, | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-container .table td:first-child { | ||
| + | text-align: left; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-container .table th { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-container .table td { | ||
| + | border-top: 0; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-container .table tr.selected td { | ||
| + | background: #f8fafb; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .panel-container .table tr.active td { | ||
| + | background-color: #feefd1; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .info-field { | ||
| + | display: inline-block; | ||
| + | margin: 10px 0; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .alert { | ||
| + | margin: 0; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .form-inline label { | ||
| + | display: none; | ||
| + | } | ||
| + | #editor:not(.hasLegacyNav) .toolbar .form-inline label.checkbox-inline, | ||
| + | #editor:not(.hasLegacyNav) .toolbar .form-inline label.radio-inline { | ||
| + | display: inline-block; | ||
| + | padding-top: 8px; | ||
| + | } | ||
| + | .js-sequence-nue-mount { | ||
| + | position: absolute; | ||
| + | bottom: 8px; | ||
| + | right: 58px; | ||
| + | } | ||
| + | .js-sequence-nue-button svg { | ||
| + | color: #428ce1; | ||
| + | fill: currentColor; | ||
| + | width: 1em; | ||
| + | height: 1em; | ||
| + | margin-bottom: -1px; | ||
| + | display: none; | ||
| + | } | ||
| + | /* TODO(T5401): Remove */ | ||
| + | #editor.hasLegacyNav .toolbar { | ||
| + | background: #e8f0f2; | ||
| + | border-left: 1px solid #bdc3c7; | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | bottom: 25px; | ||
| + | right: 0; | ||
| + | width: 50px; | ||
| + | padding: 5px 0; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper > .btn { | ||
| + | display: block; | ||
| + | font-size: 14px; | ||
| + | height: 36px; | ||
| + | margin: 0 auto; | ||
| + | background: transparent; | ||
| + | border-radius: 2px; | ||
| + | border: 1px solid transparent; | ||
| + | color: #344043; | ||
| + | padding: 8px 0 5px; | ||
| + | width: 40px; | ||
| + | margin-bottom: 8px; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper > .btn:hover { | ||
| + | border: 1px solid #bdc3c7; | ||
| + | color: #344043; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper > .btn.active, | ||
| + | #editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper > .btn:active { | ||
| + | -webkit-box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.15); | ||
| + | box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.15); | ||
| + | background: #344043; | ||
| + | background-image: none; | ||
| + | color: white; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | text-shadow: none; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper > .btn.pulsing { | ||
| + | animation: pulse-blue 2s ease infinite; | ||
| + | -moz-animation: pulse-blue 2s ease infinite; | ||
| + | -webkit-animation: pulse-blue 2s ease infinite; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper .toolbar-gen9-icon { | ||
| + | margin-top: -5px; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper#primer-panel > .btn { | ||
| + | padding-top: 5px; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper#restriction-panel > .btn { | ||
| + | padding-top: 4px; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper .info-field { | ||
| + | margin: 10px 0; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar > .btn-group-toolbar > .panel-wrapper .alert { | ||
| + | margin: 0; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .form-inline label { | ||
| + | display: none; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .form-inline label.checkbox-inline, | ||
| + | #editor.hasLegacyNav .toolbar .form-inline label.radio-inline { | ||
| + | display: inline-block; | ||
| + | padding-top: 8px; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .active .panel { | ||
| + | display: block; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel { | ||
| + | display: none; | ||
| + | cursor: default; | ||
| + | position: absolute; | ||
| + | right: 50px; | ||
| + | top: 0; | ||
| + | width: 350px; | ||
| + | padding: 0; | ||
| + | border: 1px solid #bdc3c7; | ||
| + | border-right: 0; | ||
| + | border-top-right-radius: 0; | ||
| + | border-bottom-right-radius: 0; | ||
| + | text-align: left; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel .panel-sidebar { | ||
| + | position: absolute; | ||
| + | left: -50%; | ||
| + | width: 50%; | ||
| + | top: 5px; | ||
| + | bottom: 5px; | ||
| + | display: none; | ||
| + | padding: 10px; | ||
| + | border: 1px solid #bdc3c7; | ||
| + | background: white; | ||
| + | -webkit-box-shadow: inset -5px 0 7px -5px rgba(0, 0, 0, 0.3); | ||
| + | box-shadow: inset -5px 0 7px -5px rgba(0, 0, 0, 0.3); | ||
| + | overflow: auto; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel .panel-sidebar .close { | ||
| + | cursor: pointer; | ||
| + | float: none; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel .panel-sidebar .close:hover { | ||
| + | color: #344043; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel .panel-sidebar::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel .panel-sidebar::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel .panel-sidebar:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel .panel-sidebar::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel .panel-sidebar:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel .panel-sidebar h5 { | ||
| + | text-align: center; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel.show-sidebar .panel-sidebar { | ||
| + | display: block; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel .panel-title { | ||
| + | color: #344043; | ||
| + | padding: 0px 15px; | ||
| + | background: #ffffff; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel .panel-title .col { | ||
| + | padding: 0; | ||
| + | border-bottom: 1px solid #bdc3c7; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel .panel-title .col:not(:last-child) { | ||
| + | border-right: 1px solid #bdc3c7; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel .panel-title .col.active { | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel .panel-title .col:not(.active) { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel-container { | ||
| + | padding: 0 15px 10px; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel-container.no-gap .row { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel-container .row { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel-container .panel-divider:first-child { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel-container .table { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel-container .table th { | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel-container .table th, | ||
| + | #editor.hasLegacyNav .toolbar .panel-container .table td { | ||
| + | text-align: center; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel-container .table th:first-child, | ||
| + | #editor.hasLegacyNav .toolbar .panel-container .table td:first-child { | ||
| + | text-align: left; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel-container .table th { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel-container .table td { | ||
| + | border-top: 0; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel-container .table tr.selected td { | ||
| + | background: #f8fafb; | ||
| + | } | ||
| + | #editor.hasLegacyNav .toolbar .panel-container .table tr.active td { | ||
| + | background-color: #feefd1; | ||
| + | } | ||
| + | /* This should stay in sync with MIN_TAB_WIDTH in Workspace.js. */ | ||
| + | .workspace { | ||
| + | background-color: #f8fafb; | ||
| + | box-shadow: inset 0 -2px 4px 0 #dce6e8; | ||
| + | /* Workspace has a tabContainer taking up most of the space and sometimes an overflowIcon on the right. */ | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | height: 40px; | ||
| + | } | ||
| + | .workspace-tabContainer { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | /* workspace is a container relative to .workspace-itemTab */ | ||
| + | -webkit-flex: 1; | ||
| + | -moz-flex: 1; | ||
| + | -ms-flex: 1; | ||
| + | flex: 1; | ||
| + | overflow-y: hidden; | ||
| + | /* cover up bottom shadow of .workspace-itemTab.is-active */ | ||
| + | padding: 8px 8px 0; | ||
| + | position: relative; | ||
| + | } | ||
| + | .workspace-itemTab { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | background-color: transparent; | ||
| + | cursor: pointer; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | /* .workspace-itemTab is a container relative to .workspace-itemTab-(icon|text|close) */ | ||
| + | -webkit-flex: 250px; | ||
| + | -moz-flex: 250px; | ||
| + | -ms-flex: 250px; | ||
| + | flex: 250px; | ||
| + | /* .workspace-itemTab is an item relative to .workspace */ | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | max-width: 250px; | ||
| + | min-width: 150px; | ||
| + | padding: 0 12px; | ||
| + | } | ||
| + | .workspace-toggleExpand { | ||
| + | -webkit-align-self: center; | ||
| + | -moz-align-self: center; | ||
| + | -ms-align-self: center; | ||
| + | align-self: center; | ||
| + | -webkit-flex: none; | ||
| + | -moz-flex: none; | ||
| + | -ms-flex: none; | ||
| + | flex: none; | ||
| + | margin-right: 8px; | ||
| + | max-width: none; | ||
| + | min-width: 0; | ||
| + | padding: 0 0 0 6px; | ||
| + | } | ||
| + | .workspace-itemTab-icon { | ||
| + | color: #a2b9be; | ||
| + | -webkit-flex: none; | ||
| + | -moz-flex: none; | ||
| + | -ms-flex: none; | ||
| + | flex: none; | ||
| + | margin-right: 6px; | ||
| + | } | ||
| + | .workspace-itemTab-text { | ||
| + | color: #5c7c83; | ||
| + | -webkit-flex: auto; | ||
| + | -moz-flex: auto; | ||
| + | -ms-flex: auto; | ||
| + | flex: auto; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .workspace-itemTab-close { | ||
| + | color: #c9d8db; | ||
| + | -webkit-flex: none; | ||
| + | -moz-flex: none; | ||
| + | -ms-flex: none; | ||
| + | flex: none; | ||
| + | font-size: 12px; | ||
| + | margin-left: 6px; | ||
| + | } | ||
| + | .workspace-itemTab-close:hover { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .workspace-itemTab-closeAll { | ||
| + | margin-left: 16px; | ||
| + | } | ||
| + | .workspace-itemTab--overhead.is-active { | ||
| + | background-color: #ffffff; | ||
| + | border-top-left-radius: 4px; | ||
| + | border-top-right-radius: 4px; | ||
| + | box-shadow: -1px 0 4px 0 #c9d8db; | ||
| + | } | ||
| + | .workspace-itemTab--overflow.is-active { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .workspace-itemTab.is-dragging { | ||
| + | position: absolute; | ||
| + | height: 32px; | ||
| + | z-index: 1; | ||
| + | } | ||
| + | .workspace-itemTab.is-invisible { | ||
| + | opacity: 0; | ||
| + | } | ||
| + | .workspace-itemTab.is-min-width { | ||
| + | max-width: 150px; | ||
| + | } | ||
| + | .workspace-itemTab--overhead:hover .workspace-itemTab-icon, | ||
| + | .workspace-itemTab--overhead.is-active .workspace-itemTab-icon, | ||
| + | .workspace-itemTab--overhead:hover .workspace-itemTab-text, | ||
| + | .workspace-itemTab--overhead.is-active .workspace-itemTab-text { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .workspace-itemTab--overflow.is-active .workspace-itemTab-icon, | ||
| + | .workspace-itemTab--overflow.is-active .workspace-itemTab-text { | ||
| + | color: #2c76cc; | ||
| + | } | ||
| + | .workspace-overflowIcon { | ||
| + | -webkit-align-self: center; | ||
| + | -moz-align-self: center; | ||
| + | -ms-align-self: center; | ||
| + | align-self: center; | ||
| + | margin-left: auto; | ||
| + | margin-right: 8px; | ||
| + | } | ||
| + | .workspace-overflowMenu ul.dropdown-menu { | ||
| + | border-radius: 4px; | ||
| + | margin-top: 12px; | ||
| + | width: 256px; | ||
| + | z-index: 1037; | ||
| + | } | ||
| + | .workspace-overflowDropdown-scrollContainer { | ||
| + | max-height: 600px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .workspace-overflowDropdown-scrollContainer::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .workspace-overflowDropdown-scrollContainer::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .workspace-overflowDropdown-scrollContainer:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .workspace-overflowDropdown-scrollContainer::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .workspace-overflowDropdown-scrollContainer:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | /* Disable automatic padding from fat dropdown, since tabs provide their own margin. */ | ||
| + | .workspace-overflowMenu.fatDropdown ul.dropdown-menu li { | ||
| + | padding: 0; | ||
| + | } | ||
| + | /* Components */ | ||
| + | .avatar { | ||
| + | border-radius: 3px; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .avatar + .avatar { | ||
| + | margin-left: 4px; | ||
| + | } | ||
| + | .avatar--circle { | ||
| + | border-radius: 50%; | ||
| + | } | ||
| + | .avatar--square { | ||
| + | border-radius: 4px; | ||
| + | } | ||
| + | .avatar--text { | ||
| + | color: #ffffff; | ||
| + | text-align: center; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .avatar--xxs { | ||
| + | font-size: 9px; | ||
| + | height: 16px; | ||
| + | line-height: 16px; | ||
| + | width: 16px; | ||
| + | } | ||
| + | .avatar--xxs:not(:first-child) { | ||
| + | margin-left: 2px; | ||
| + | } | ||
| + | .avatar--xs { | ||
| + | font-size: 11px; | ||
| + | height: 20px; | ||
| + | line-height: 20px; | ||
| + | width: 20px; | ||
| + | } | ||
| + | .avatar--small { | ||
| + | font-size: 11px; | ||
| + | height: 28px; | ||
| + | line-height: 28px; | ||
| + | width: 28px; | ||
| + | } | ||
| + | .avatar--large { | ||
| + | font-size: 17px; | ||
| + | height: 64px; | ||
| + | line-height: 64px; | ||
| + | width: 64px; | ||
| + | } | ||
| + | .avatar--xl { | ||
| + | font-size: 29px; | ||
| + | height: 84px; | ||
| + | line-height: 84px; | ||
| + | width: 84px; | ||
| + | } | ||
| + | /* TODO(T7355): Rename to `.breadcrumbs` after deprecating nav breadcrumbs styles | ||
| + | (less/nav/breadcrumbs.less). */ | ||
| + | .genericBreadcrumbs, | ||
| + | .genericBreadcrumbs-link { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | /* | ||
| + | * Most of the styling for button groups is ported over from the bootstrap version and adheres to the new | ||
| + | * CTA guidelines. Justified button groups, vertical buttons, have not been ported but can be if needed. | ||
| + | */ | ||
| + | /* Make the div behave like a button */ | ||
| + | .buttonGroup { | ||
| + | position: relative; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .buttonGroup > .button { | ||
| + | border-style: solid; | ||
| + | border-width: 1px; | ||
| + | float: left; | ||
| + | position: relative; | ||
| + | /* Bring the "active" button to the front */ | ||
| + | } | ||
| + | .buttonGroup > .button:hover, | ||
| + | .buttonGroup > .button:focus, | ||
| + | .buttonGroup > .button:active, | ||
| + | .buttonGroup > .button.is-active { | ||
| + | z-index: 2; | ||
| + | } | ||
| + | .buttonGroup > .button:focus { | ||
| + | /* Remove focus outline when dropdown JS adds it after closing the menu */ | ||
| + | outline: none; | ||
| + | } | ||
| + | /* Prevent double borders when buttons are next to each other */ | ||
| + | .buttonGroup .button + .button, | ||
| + | .buttonGroup .button + .buttonGroup, | ||
| + | .buttonGroup .buttonGroup + .button, | ||
| + | .buttonGroup .buttonGroup + .buttonGroup { | ||
| + | margin-left: -1px; | ||
| + | } | ||
| + | /* Group multiple button groups together for a toolbar */ | ||
| + | .buttonToolbar { | ||
| + | /* Space out series of button groups */ | ||
| + | } | ||
| + | .buttonToolbar:before, | ||
| + | .buttonToolbar:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .buttonToolbar:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .buttonToolbar:before, | ||
| + | .buttonToolbar:after { | ||
| + | content: " "; | ||
| + | /* 1 */ | ||
| + | display: table; | ||
| + | /* 2 */ | ||
| + | } | ||
| + | .buttonToolbar:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | .buttonToolbar .buttonGroup { | ||
| + | float: left; | ||
| + | } | ||
| + | .buttonToolbar > .button + .button, | ||
| + | .buttonToolbar > .buttonGroup + .button, | ||
| + | .buttonToolbar > .button + .buttonGroup, | ||
| + | .buttonToolbar > .buttonGroup + .buttonGroup { | ||
| + | margin-left: 6px; | ||
| + | } | ||
| + | /* Remove border-radius on inner children */ | ||
| + | .buttonGroup > .button:not(:first-child):not(:last-child):not(.dropdown-toggle) { | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | /* Set corners individually because sometimes a single button can be in a .buttonGroup and we need | ||
| + | :first-child and :last-child to both match */ | ||
| + | .buttonGroup > .button:first-child { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | .buttonGroup > .button:first-child:not(:last-child):not(.dropdown-toggle) { | ||
| + | border-bottom-right-radius: 0; | ||
| + | border-top-right-radius: 0; | ||
| + | } | ||
| + | /* Custom edits for including buttonGroups within buttonGroups (useful for including dropdown buttons | ||
| + | within a buttonGroup) */ | ||
| + | .buttonGroup > .buttonGroup { | ||
| + | float: left; | ||
| + | } | ||
| + | .buttonGroup > .buttonGroup:not(:first-child):not(:last-child) > .button { | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | .buttonGroup > .buttonGroup:first-child > .button:last-child, | ||
| + | .buttonGroup > .buttonGroup:first-child > .dropdown-toggle { | ||
| + | border-bottom-right-radius: 0; | ||
| + | border-top-right-radius: 0; | ||
| + | } | ||
| + | .buttonGroup > .buttonGroup:last-child > .button:first-child { | ||
| + | border-bottom-left-radius: 0; | ||
| + | border-top-left-radius: 0; | ||
| + | } | ||
| + | /* | ||
| + | * TODO(T6450): Create a Button component that can also operate as a dropdown, so that we can show the | ||
| + | * dropdown and dropdown-up icons rather than creating a caret. We're currently porting over the bootstrap | ||
| + | * dropdown so that the new styles can work with existing components for btn-group dropdowns. | ||
| + | */ | ||
| + | .button--tertiaryBlue .caret { | ||
| + | border-top-color: #428ce1; | ||
| + | } | ||
| + | .dropup .button--tertiaryBlue .caret { | ||
| + | border-bottom-color: #ffffff; | ||
| + | } | ||
| + | .button--tertiaryBlue:hover .caret, | ||
| + | .button--tertiaryBlue:active .caret { | ||
| + | border-top-color: #ffffff; | ||
| + | } | ||
| + | /* Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it */ | ||
| + | .buttonGroup > .button:last-child:not(:first-child), | ||
| + | .buttonGroup > .dropdown-toggle:not(:first-child) { | ||
| + | border-bottom-left-radius: 0; | ||
| + | border-top-left-radius: 0; | ||
| + | } | ||
| + | /* On active and open, don't show outline. */ | ||
| + | .buttonGroup .dropdown-toggle:active, | ||
| + | .buttonGroup.open .dropdown-toggle { | ||
| + | outline: 0; | ||
| + | } | ||
| + | /* Style button when dropdown is open and active. */ | ||
| + | .buttonGroup.open .button--tertiaryWhite { | ||
| + | background: #ffffff; | ||
| + | border-color: #428ce1; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .buttonGroup.open .button--circleIcon { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | /* Reposition the caret. */ | ||
| + | .button .caret { | ||
| + | margin-bottom: 2px; | ||
| + | margin-left: 8px; | ||
| + | } | ||
| + | /* TODO(T6622): Remove this as svgIcon's will have the default margin-bottom: 0 */ | ||
| + | .buttonGroup .svgIcon { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | /* Absolute dropdowns should be on top of everything (i.e. modals). */ | ||
| + | .absoluteDropdownContainer { | ||
| + | z-index: 1051; | ||
| + | } | ||
| + | /* | ||
| + | * We need lots of specificity to compete with the nested "#header .create-dropdown .dropdown-menu a" | ||
| + | * in benchling.less. | ||
| + | */ | ||
| + | #header .create-dropdown .dropdown-menu .legacy-nav-svg-item { | ||
| + | padding-left: 10px; | ||
| + | } | ||
| + | #header .create-dropdown .dropdown-menu li .legacy-nav-svg-icon svg { | ||
| + | fill: #344043; | ||
| + | height: 14px; | ||
| + | margin-left: 3px; | ||
| + | margin-right: 8px; | ||
| + | width: 14px; | ||
| + | } | ||
| + | .navDropdownMenu { | ||
| + | background: #ffffff; | ||
| + | border: none; | ||
| + | border-bottom-left-radius: 0; | ||
| + | border-bottom-right-radius: 0; | ||
| + | border-top-left-radius: 4px; | ||
| + | border-top-right-radius: 4px; | ||
| + | box-shadow: 0 2px 4px #5c7c83; | ||
| + | color: #344043; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | width: 248px; | ||
| + | } | ||
| + | .navDropdownMenu .divider { | ||
| + | margin: 0; | ||
| + | } | ||
| + | .navDropdownMenu-item-container { | ||
| + | border-radius: inherit; | ||
| + | } | ||
| + | .navDropdownMenu-item-container.disabled .navDropdownMenu-item .navDropdownMenu-item-text { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .navDropdownMenu-item, | ||
| + | .dropdown-menu.navDropdownMenu > li > a { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | color: #344043; | ||
| + | display: block; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | font-size: 14px; | ||
| + | line-height: 20px; | ||
| + | -webkit-justify-content: flex-start; | ||
| + | -moz-justify-content: flex-start; | ||
| + | -ms-justify-content: flex-start; | ||
| + | justify-content: flex-start; | ||
| + | padding: 14px 10px 12px 17px; | ||
| + | } | ||
| + | .navDropdownMenu-item:hover, | ||
| + | .navDropdownMenu-item:active, | ||
| + | .dropdown-menu.navDropdownMenu > li > a:hover, | ||
| + | .dropdown-menu.navDropdownMenu > li > a:active { | ||
| + | background: #f8fafb; | ||
| + | color: #344043; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .navDropdownMenu-item--selected .navDropdownMenu-item-text { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .navDropdownMenu-item-icon { | ||
| + | color: #c9d8db; | ||
| + | margin: 0 17px 1px 0; | ||
| + | } | ||
| + | .navDropdownMenu-item .navDropdownMenu-item-icon--blue { | ||
| + | color: #2c76cc; | ||
| + | } | ||
| + | .navDropdownMenu-item .navDropdownMenu-item-icon--red { | ||
| + | color: #e96e51; | ||
| + | } | ||
| + | .navDropdownMenu-item-text { | ||
| + | -webkit-flex: 1; | ||
| + | -moz-flex: 1; | ||
| + | -ms-flex: 1; | ||
| + | flex: 1; | ||
| + | } | ||
| + | .navDropdownMenu-item-chevron { | ||
| + | color: #c9d8db; | ||
| + | } | ||
| + | .navDropdownMenu-item--emptyIcon { | ||
| + | padding-left: 48px; | ||
| + | } | ||
| + | .navDropdownMenu-submenu { | ||
| + | position: relative; | ||
| + | } | ||
| + | .navDropdownMenu-submenu > .navDropdownMenu { | ||
| + | border-top-left-radius: 0; | ||
| + | /* Nuke the closest corner as appropriate */ | ||
| + | left: 100%; | ||
| + | max-height: 600px; | ||
| + | overflow-y: auto; | ||
| + | top: 0; | ||
| + | } | ||
| + | .navDropdownMenu-submenu > .navDropdownMenu::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .navDropdownMenu-submenu > .navDropdownMenu::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .navDropdownMenu-submenu > .navDropdownMenu:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .navDropdownMenu-submenu > .navDropdownMenu::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .navDropdownMenu-submenu > .navDropdownMenu:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .navDropdownMenu-submenu:hover > .navDropdownMenu { | ||
| + | display: block; | ||
| + | } | ||
| + | .navDropdownMenu-submenu > .navDropdownMenu--dropUp { | ||
| + | bottom: 0; | ||
| + | top: auto; | ||
| + | } | ||
| + | .navDropdownMenu-submenu > .navDropdownMenu--dropLeft { | ||
| + | left: auto; | ||
| + | right: 100%; | ||
| + | } | ||
| + | .editableItemTable-primaryHeader { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .editableItemTable-headerRow { | ||
| + | color: #a2b9be; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | text-transform: uppercase; | ||
| + | padding-bottom: 9px; | ||
| + | } | ||
| + | .editableItemTable-action { | ||
| + | visibility: hidden; | ||
| + | padding: 0px 12px; | ||
| + | } | ||
| + | #editor .editableItemTable-headerRow.row, | ||
| + | #editor .editableItemTable-row.row { | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | cursor: default; | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .editableItemTable-row:hover { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .editableItemTable-row:hover .editableItemTable-action { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .editableItemTable-content { | ||
| + | text-overflow: ellipsis; | ||
| + | line-height: 16px; | ||
| + | padding-top: 17px; | ||
| + | padding-bottom: 14px; | ||
| + | } | ||
| + | /* | ||
| + | TODO(T4960) This is the new .dropdown - temporarily called .fatDropdown as we migrate. | ||
| + | This is the x-small style by default. | ||
| + | */ | ||
| + | /* Clear bootstrap styles - can remove once the source styles are gone */ | ||
| + | .fatDropdown .dropdown-menu { | ||
| + | border-radius: 0; | ||
| + | color: #344043; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | max-height: 500px; | ||
| + | padding: 0; | ||
| + | overflow-y: auto; | ||
| + | width: 192px; | ||
| + | } | ||
| + | .fatDropdown .dropdown-menu::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .fatDropdown .dropdown-menu::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .fatDropdown .dropdown-menu:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .fatDropdown .dropdown-menu::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .fatDropdown .dropdown-menu:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .fatDropdown .dropdown-menu li > a:hover { | ||
| + | color: inherit; | ||
| + | } | ||
| + | .fatDropdown .dropdown-menu li.active > a { | ||
| + | background: #ffffff; | ||
| + | } | ||
| + | .fatDropdown .dropdown-menu li.active > a:hover { | ||
| + | background: #f8fafb; | ||
| + | } | ||
| + | .fatDropdown .dropdown-menu li.active > a:active { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | /* Actual styles */ | ||
| + | .fatDropdown .dropdown-menu li { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | height: 36px; | ||
| + | padding: 10px 16px; | ||
| + | cursor: pointer; | ||
| + | font-size: 12px; | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .fatDropdown .dropdown-menu li.divider { | ||
| + | height: 1px; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .fatDropdown .fatDropdown-icon { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | -webkit-flex: 0 0 auto; | ||
| + | -moz-flex: 0 0 auto; | ||
| + | -ms-flex: 0 0 auto; | ||
| + | flex: 0 0 auto; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | width: 36px; | ||
| + | height: 36px; | ||
| + | justify-content: center; | ||
| + | margin-left: -16px; | ||
| + | margin-top: -10px; | ||
| + | } | ||
| + | .fatDropdown .dropdown-menu li:hover { | ||
| + | background: #f8fafb; | ||
| + | } | ||
| + | .fatDropdown .dropdown-menu li:active { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .fatDropdown .dropdown-menu li.active { | ||
| + | background: #f8fafb; | ||
| + | color: #2c76cc; | ||
| + | } | ||
| + | /* Small styles */ | ||
| + | .fatDropdown.fatDropdown--small .dropdown-menu { | ||
| + | width: 208px; | ||
| + | } | ||
| + | .fatDropdown.fatDropdown--small .dropdown-menu li { | ||
| + | height: 48px; | ||
| + | padding: 16px 16px; | ||
| + | font-size: 14px; | ||
| + | line-height: 22px; | ||
| + | } | ||
| + | .fatDropdown.fatDropdown--small .fatDropdown-icon { | ||
| + | width: 48px; | ||
| + | height: 48px; | ||
| + | margin-left: -16px; | ||
| + | margin-top: -16px; | ||
| + | } | ||
| + | .header--header1, | ||
| + | .header--header2, | ||
| + | .header--header3, | ||
| + | .header--title, | ||
| + | .header--sublabel { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | margin: 0 0 4px; | ||
| + | /* Allow u-input-spacing-top to override default margins */ | ||
| + | } | ||
| + | .header--header1.u-input-spacing-top, | ||
| + | .header--header2.u-input-spacing-top, | ||
| + | .header--header3.u-input-spacing-top, | ||
| + | .header--title.u-input-spacing-top, | ||
| + | .header--sublabel.u-input-spacing-top { | ||
| + | margin-top: 16px; | ||
| + | } | ||
| + | .header--header1 { | ||
| + | font-size: 17px; | ||
| + | line-height: 24px; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | .header--header2 { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .header--header3 { | ||
| + | font-size: 15px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .header--title { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .header--sublabel { | ||
| + | color: #5c7c83; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | .internalLink { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .internalLink-content { | ||
| + | background-color: #f8fafb; | ||
| + | border-radius: 4px; | ||
| + | padding: 2px 4px; | ||
| + | } | ||
| + | .deletableInternalLink-container { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | } | ||
| + | .deletableInternalLink { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex-direction: row; | ||
| + | -moz-flex-direction: row; | ||
| + | -ms-flex-direction: row; | ||
| + | flex-direction: row; | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | max-width: 100%; | ||
| + | margin-right: 9px; | ||
| + | background-color: #e8f0f2; | ||
| + | border-radius: 4px; | ||
| + | padding: 6px 6px; | ||
| + | border-width: 1px; | ||
| + | border-style: solid; | ||
| + | border-color: #c9d8db; | ||
| + | } | ||
| + | .deletableInternalLink .glyphicon, | ||
| + | .deletableInternalLink .svgIcon { | ||
| + | color: #428ce1; | ||
| + | flex: none; | ||
| + | width: 12px; | ||
| + | margin-right: 6px; | ||
| + | } | ||
| + | .deletableInternalLink-name { | ||
| + | line-height: 16px; | ||
| + | } | ||
| + | .deletableInternalLink-benchlingLink { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | -webkit-flex-direction: row; | ||
| + | -moz-flex-direction: row; | ||
| + | -ms-flex-direction: row; | ||
| + | flex-direction: row; | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | } | ||
| + | .deletableInternalLink:focus, | ||
| + | .deletableInternalLink:hover { | ||
| + | background-color: #c9d8db; | ||
| + | } | ||
| + | .deletableInternalLink-delete { | ||
| + | margin-left: 6px; | ||
| + | } | ||
| + | .deletableInternalLink-delete .svgIcon { | ||
| + | color: #a2b9be; | ||
| + | width: 12px; | ||
| + | } | ||
| + | .deletableInternalLink-delete .svgIcon:hover { | ||
| + | color: #344043; | ||
| + | } | ||
| + | /* TODO(T6278): Remove `.modal--redesign` in favor of styling `.modal` */ | ||
| + | .modal--redesign .modal-header { | ||
| + | padding: 18px 16px 13px; | ||
| + | } | ||
| + | .modal--redesign .modal-header .close { | ||
| + | height: 14px; | ||
| + | margin-top: 4px; | ||
| + | width: 14px; | ||
| + | } | ||
| + | .modal--redesign .modal-header-icon { | ||
| + | color: #5c7c83; | ||
| + | margin-right: 16px; | ||
| + | } | ||
| + | .reorderableListItem.is-dragging { | ||
| + | position: absolute; | ||
| + | z-index: 1; | ||
| + | } | ||
| + | .reorderableListItem.is-invisible { | ||
| + | opacity: 0; | ||
| + | } | ||
| + | .sectionTabs { | ||
| + | -webkit-align-items: stretch; | ||
| + | -moz-align-items: stretch; | ||
| + | -ms-align-items: stretch; | ||
| + | align-items: stretch; | ||
| + | background: white; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | height: 36px; | ||
| + | -webkit-justify-content: space-between; | ||
| + | -moz-justify-content: space-between; | ||
| + | -ms-justify-content: space-between; | ||
| + | justify-content: space-between; | ||
| + | } | ||
| + | .sectionTabs-nav { | ||
| + | -webkit-align-items: stretch; | ||
| + | -moz-align-items: stretch; | ||
| + | -ms-align-items: stretch; | ||
| + | align-items: stretch; | ||
| + | -webkit-flex: 1; | ||
| + | -moz-flex: 1; | ||
| + | -ms-flex: 1; | ||
| + | flex: 1; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | list-style: none; | ||
| + | margin-bottom: 0; | ||
| + | padding-left: 0; | ||
| + | } | ||
| + | .sectionTabs-navItem, | ||
| + | .sectionTabs-navItemPlaceholder { | ||
| + | -webkit-align-items: stretch; | ||
| + | -moz-align-items: stretch; | ||
| + | -ms-align-items: stretch; | ||
| + | align-items: stretch; | ||
| + | background-color: #ffffff; | ||
| + | color: #5c7c83; | ||
| + | cursor: pointer; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | /* positions .sectionTabs-navItem-title and .sectionTabs-navItem-closeBtn side-by-side */ | ||
| + | -webkit-justify-content: space-between; | ||
| + | -moz-justify-content: space-between; | ||
| + | -ms-justify-content: space-between; | ||
| + | justify-content: space-between; | ||
| + | /* allows right-aligned close button in more dropdown */ | ||
| + | padding: 0 12px; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | .sectionTabs-navItem-closeBtn { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | color: #a2b9be; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | font-size: 12px; | ||
| + | margin-left: 6px; | ||
| + | } | ||
| + | .sectionTabs-navItem-closeBtn:hover { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | .sectionTabs-navItem-closeBtn-inner { | ||
| + | margin-top: -2px; | ||
| + | } | ||
| + | .sectionTabs-navItem-title { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | color: #5c7c83; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | } | ||
| + | .sectionTabs-navItem-title-inner { | ||
| + | max-width: 200px; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | /* Render a blue line, as long as we aren't an overflow item */ | ||
| + | .sectionTabs-navItem:not(.sectionTabs-navItem--overflow).active .sectionTabs-navItem-title, | ||
| + | .sectionTabs-navItem:not(.sectionTabs-navItem--overflow):hover .sectionTabs-navItem-title { | ||
| + | border-bottom: 1px solid #428ce1; | ||
| + | color: #428ce1; | ||
| + | margin-bottom: -1px; | ||
| + | } | ||
| + | /* Render for overflow */ | ||
| + | .sectionTabs-moreDropdown { | ||
| + | -webkit-align-items: center; | ||
| + | -moz-align-items: center; | ||
| + | -ms-align-items: center; | ||
| + | align-items: center; | ||
| + | display: none; | ||
| + | margin-right: 12px; | ||
| + | } | ||
| + | .sectionTabs.overflow .sectionTabs-moreDropdown { | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | } | ||
| + | .sectionTabs-navItem.sectionTabs-navItem--overflow { | ||
| + | text-transform: none; | ||
| + | } | ||
| + | .sectionTabs-navItem.sectionTabs-navItem--overflow .sectionTabs-navItem-title { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .sectionTabs-navItem.sectionTabs-navItem--overflow.active, | ||
| + | .sectionTabs-navItem.sectionTabs-navItem--overflow:hover, | ||
| + | .sectionTabs-navItem.sectionTabs-navItem--overflow:focus { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .overflow-list.dropdown-menu { | ||
| + | margin-top: -1px; | ||
| + | min-width: 150px; | ||
| + | } | ||
| + | .settingsIcon { | ||
| + | color: #a2b9be; | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | .settingsIcon:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .simpleTable { | ||
| + | border: solid 1px #e8f0f2; | ||
| + | border-radius: 4px; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | margin-bottom: 12px; | ||
| + | overflow-x: auto; | ||
| + | } | ||
| + | .simpleTable::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .simpleTable::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .simpleTable:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .simpleTable::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .simpleTable:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .simpleTable--negativeMargins { | ||
| + | margin-left: -12px; | ||
| + | margin-right: -12px; | ||
| + | } | ||
| + | .simpleTable-table { | ||
| + | max-width: none; | ||
| + | min-width: 100%; | ||
| + | padding: 0; | ||
| + | } | ||
| + | .simpleTable-row:not(.simpleTable-row--empty):hover { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .simpleTable-row:hover .registry-actionGroup { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .simpleTable-header { | ||
| + | background-color: #f8fafb; | ||
| + | border: solid 1px #e8f0f2; | ||
| + | border-radius: 4px; | ||
| + | height: 40px; | ||
| + | } | ||
| + | .simpleTable-header-cell { | ||
| + | color: #5c7c83; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | font-weight: 600; | ||
| + | padding: 14px 12px 10px; | ||
| + | width: 160px; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .simpleTable-header-cell:first-child { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .simpleTable-row { | ||
| + | box-shadow: inset 0 -1px 0 0 #e8f0f2; | ||
| + | height: 48px; | ||
| + | } | ||
| + | .simpleTable-cell { | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | padding: 15px 13px 13px; | ||
| + | width: 160px; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | .selectDropdown-button { | ||
| + | background-color: white; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .selectDropdown-menu .navDropdownMenu-item { | ||
| + | padding: 0; | ||
| + | } | ||
| + | .selectDropdown-menu .navDropdownMenu-item-text { | ||
| + | padding: 10px 16px; | ||
| + | } | ||
| + | .selectDropdown-text { | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | font-size: 13px; | ||
| + | line-height: 16px; | ||
| + | text-transform: none; | ||
| + | } | ||
| + | .sortableTable-cell-wrap { | ||
| + | word-wrap: break-word; | ||
| + | max-width: 200px; | ||
| + | } | ||
| + | .sortableTable-verticalAlignMiddle > tbody > tr > td { | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | /* Apply this class to content that should be visible only when the row is hovered. */ | ||
| + | .tableRow--visibleOnHover-content { | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | .sortableTable-row:hover .tableRow--visibleOnHover-content { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .tabContainer-nav { | ||
| + | color: #5c7c83; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | display: -webkit-flex; | ||
| + | display: -moz-flex; | ||
| + | display: -ms-flexbox; | ||
| + | display: -ms-flex; | ||
| + | display: flex; | ||
| + | margin-bottom: 6px; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | .tabContainer-navItem { | ||
| + | cursor: pointer; | ||
| + | margin-right: 28px; | ||
| + | } | ||
| + | .tabContainer-navItem:hover, | ||
| + | .tabContainer-navItem--active { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .tabContainer-navItem--active { | ||
| + | border-bottom: 1px solid #428ce1; | ||
| + | cursor: default; | ||
| + | margin-bottom: -7px; | ||
| + | } | ||
| + | .tabContainer-headerDivider { | ||
| + | color: #c9d8db; | ||
| + | border-width: 1px; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .tabContainer-pane { | ||
| + | margin-top: 23px; | ||
| + | } | ||
| + | .textDropdown { | ||
| + | /* Don't let the text wrap as it is confusing where the dropdown should open */ | ||
| + | display: inline-block; | ||
| + | font-family: 'Proxima Nova', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | .textDropdown-icon { | ||
| + | border-radius: 50%; | ||
| + | } | ||
| + | .textDropdown-text { | ||
| + | color: #428ce1; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .textDropdown-text--underline { | ||
| + | border-bottom: 1px dotted #428ce1; | ||
| + | } | ||
| + | a.textDropdown-text:hover, | ||
| + | a.textDropdown-text:focus { | ||
| + | color: #428ce1; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .textDropdown-text:hover .textDropdown-icon { | ||
| + | background-color: #428ce1; | ||
| + | color: white; | ||
| + | } | ||
| + | .wellComponent { | ||
| + | background-color: #f8fafb; | ||
| + | margin-left: -12px; | ||
| + | margin-right: -12px; | ||
| + | padding-left: 12px; | ||
| + | padding-right: 12px; | ||
| + | } | ||
| + | .infinite-scroller { | ||
| + | height: 100%; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | position: absolute; | ||
| + | padding-left: 10px; | ||
| + | padding-right: 10px; | ||
| + | -webkit-user-select: text; | ||
| + | -moz-user-select: text; | ||
| + | -ms-user-select: text; | ||
| + | -o-user-select: text; | ||
| + | user-select: text; | ||
| + | overflow-y: scroll; | ||
| + | } | ||
| + | .infinite-scroller::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .infinite-scroller::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .infinite-scroller:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .infinite-scroller::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .infinite-scroller:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .infinite-scroller::-webkit-scrollbar { | ||
| + | display: none; | ||
| + | } | ||
| + | .infinite-scroller .infinite-container { | ||
| + | position: relative; | ||
| + | } | ||
| + | .infinite-scroller .infinite-item { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .infinite-scroller .sample-item { | ||
| + | width: 100%; | ||
| + | background-color: #fdd586; | ||
| + | } | ||
| + | .scroll-wrapper:hover .infinite-scrollbar, | ||
| + | .infinite-scrollbar.drag { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .scroll-wrapper:hover .infinite-scrollbar .infinite-scrollthumb, | ||
| + | .infinite-scrollbar.drag .infinite-scrollthumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .infinite-scrollbar { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | bottom: 0; | ||
| + | right: 0; | ||
| + | width: 15px; | ||
| + | overflow: hidden; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .infinite-scrollbar .infinite-scrollthumb { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | width: 15px; | ||
| + | height: 33%; | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | table.scrollable thead { | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | } | ||
| + | table.scrollable tbody { | ||
| + | display: block; | ||
| + | overflow-y: auto; | ||
| + | overflow-x: visible; | ||
| + | position: relative; | ||
| + | } | ||
| + | table.scrollable tbody::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | table.scrollable tbody::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | table.scrollable tbody:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | table.scrollable tbody::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | table.scrollable tbody:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | svg.preview-container text { | ||
| + | text-rendering: geometricPrecision; | ||
| + | } | ||
| + | html { | ||
| + | height: 100%; | ||
| + | } | ||
| + | .modal-backdrop.in { | ||
| + | opacity: 0.3; | ||
| + | filter: alpha(opacity=30); | ||
| + | } | ||
| + | #flDebug .scroll { | ||
| + | max-height: none; | ||
| + | } | ||
| + | #force-font-load { | ||
| + | position: absolute; | ||
| + | visibility: hidden; | ||
| + | font-family: 'Inconsolata', 'Courier New'; | ||
| + | } | ||
| + | #force-font-load .font-normal { | ||
| + | font-weight: normal; | ||
| + | } | ||
| + | #force-font-load .font-bold { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | #verify-zoom { | ||
| + | position: absolute; | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | #verify-zoom svg text { | ||
| + | font-family: 'Inconsolata', 'Courier New'; | ||
| + | } | ||
| + | #editor.has-hidden-statusbar #intercom-container .intercom-launcher { | ||
| + | bottom: 5px; | ||
| + | } | ||
| + | #editor #intercom-container .intercom-launcher { | ||
| + | bottom: 30px; | ||
| + | right: 5px; | ||
| + | width: 36px; | ||
| + | height: 36px; | ||
| + | } | ||
| + | #editor #intercom-container .intercom-launcher .intercom-launcher-button { | ||
| + | background-size: 18px 18px; | ||
| + | width: 36px; | ||
| + | height: 36px; | ||
| + | } | ||
| + | #editor #intercom-container .intercom-launcher.intercom-launcher-with-avatar .intercom-launcher-button { | ||
| + | background-size: 36px 36px; | ||
| + | } | ||
| + | .benchicon { | ||
| + | background-image: url('../img/glyphicons.png'); | ||
| + | display: inline-block; | ||
| + | width: 14px; | ||
| + | height: 14px; | ||
| + | background-repeat: no-repeat; | ||
| + | } | ||
| + | .benchicon-scissors { | ||
| + | background-position: -1768px -136px; | ||
| + | } | ||
| + | .benchicon-cardio { | ||
| + | background-position: -1564px -136px; | ||
| + | } | ||
| + | .benchicon-refresh { | ||
| + | background-position: -748px -34px; | ||
| + | } | ||
| + | .col-centered { | ||
| + | float: none; | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | .transparent { | ||
| + | opacity: 0; | ||
| + | } | ||
| + | .or-separator { | ||
| + | border-top: 1px solid #e8f0f2; | ||
| + | padding: 12px 0; | ||
| + | margin: 20px 0 0; | ||
| + | text-align: center; | ||
| + | position: relative; | ||
| + | } | ||
| + | .or-separator span { | ||
| + | position: absolute; | ||
| + | top: -13px; | ||
| + | background: white; | ||
| + | display: inline-block; | ||
| + | text-transform: uppercase; | ||
| + | padding: 3px 6px; | ||
| + | font-weight: 700; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .loading-spinner-background { | ||
| + | background-image: url('data:image/gif;base64,R0lGODlhEAAQAPUAAP///8zMzPr6+tzc3MzMzO/v7/z8/Pb29vj4+ODg4M3NzfHx8dvb2/f399HR0dPT0/n5+eHh4dLS0tnZ2enp6eTk5PPz8+fn5+3t7f39/fT09Obm5t7e3tDQ0OLi4vLy8t3d3ejo6Ozs7NjY2NXV1dbW1uvr6+Pj487OztfX1+7u7gAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAAGo0CA0IDJAAhIR0YgbDYmhAKggyQIDp/mwYGcADzIEGDT0QgRjyrgQHAYIMiRgAmhII0EDGBUFQ0SCAAGD0YNAiJIAwtHSBUQGQZNCEZNVQQSTZkWEQpIChEWQpQAApYEmRkLgQAZGRpQSAALA0kQTQlCBSQlBZahDEIECotvBgxIwL1ZVYBCBxIEGgadIAAcSB0NWhdjahoEI9qZttexABiRQkEAIfkECQoAAAAsAAAAABAAEAAABmBAgBAgGhGEhJFoyGQQnsjniCk0PY+Aq4eZQACs2OfWcCI+vVbkWEEoXtHCtfR6ZhrYV6p+z9fTCVtDYFdGYgAGQmiEIoZ3SIptACNyUWgMdnhRBF5UJ3lZTwl7bkhKTEEAIfkECQoAAAAsAAAAABAAEAAABp1AgBAAGRGOQoxhKNRoAI8jAaAhjA7DQwcEWBy5HOnSwDh+MuUPQEp4FqQowGFqOA6ez8XgeMogAAgoZwAbXEN+TA0GKg5SChEWTEMgbJUFkgAWCQpsHRhMAggZTEYboxdDBkYEAwsABU8QKQSjIwACbCIZGRVScgSoF0cjAgAZHUcTAB5HAgIOHU9CEBMEl8gECRkf0qkYo1IMEExBADsAAAAAAAAAAAA='); | ||
| + | background-position: center center; | ||
| + | background-repeat: no-repeat; | ||
| + | background-color: rgba(255, 255, 255, 0.9); | ||
| + | } | ||
| + | .base-container-wrapper { | ||
| + | padding-top: 20px; | ||
| + | } | ||
| + | .spinner { | ||
| + | width: 24px; | ||
| + | height: 24px; | ||
| + | display: inline-block; | ||
| + | opacity: 0.8; | ||
| + | background: url('../img/spinner.gif') no-repeat center center transparent; | ||
| + | } | ||
| + | .spinner.spinner-light { | ||
| + | opacity: 0.5; | ||
| + | } | ||
| + | .spinner.spinner-block { | ||
| + | width: 100%; | ||
| + | } | ||
| + | .glyphicon-spin { | ||
| + | -moz-animation: glyphicon-spin 2s infinite linear; | ||
| + | -o-animation: glyphicon-spin 2s infinite linear; | ||
| + | -webkit-animation: glyphicon-spin 2s infinite linear; | ||
| + | animation: glyphicon-spin 2s infinite linear; | ||
| + | } | ||
| + | @-moz-keyframes glyphicon-spin { | ||
| + | 0% { | ||
| + | -moz-transform: rotate(0deg); | ||
| + | } | ||
| + | 100% { | ||
| + | -moz-transform: rotate(359deg); | ||
| + | } | ||
| + | } | ||
| + | @-webkit-keyframes glyphicon-spin { | ||
| + | 0% { | ||
| + | -webkit-transform: rotate(0deg); | ||
| + | } | ||
| + | 100% { | ||
| + | -webkit-transform: rotate(359deg); | ||
| + | } | ||
| + | } | ||
| + | @-o-keyframes glyphicon-spin { | ||
| + | 0% { | ||
| + | -o-transform: rotate(0deg); | ||
| + | } | ||
| + | 100% { | ||
| + | -o-transform: rotate(359deg); | ||
| + | } | ||
| + | } | ||
| + | @-ms-keyframes glyphicon-spin { | ||
| + | 0% { | ||
| + | -ms-transform: rotate(0deg); | ||
| + | } | ||
| + | 100% { | ||
| + | -ms-transform: rotate(359deg); | ||
| + | } | ||
| + | } | ||
| + | @keyframes glyphicon-spin { | ||
| + | 0% { | ||
| + | transform: rotate(0deg); | ||
| + | } | ||
| + | 100% { | ||
| + | transform: rotate(359deg); | ||
| + | } | ||
| + | } | ||
| + | .swatch { | ||
| + | height: 10px; | ||
| + | width: 10px; | ||
| + | line-height: inherit; | ||
| + | display: inline-block; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .swatch-big { | ||
| + | height: 24px; | ||
| + | width: 24px; | ||
| + | margin: 3px; | ||
| + | display: inline-block; | ||
| + | cursor: pointer; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .swatch-big.disabled { | ||
| + | pointer-events: none; | ||
| + | } | ||
| + | .swatch-big .popover-content { | ||
| + | padding: 0; | ||
| + | } | ||
| + | .panel-heading { | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | .notifications-container { | ||
| + | position: fixed; | ||
| + | width: 720px; | ||
| + | max-width: 90%; | ||
| + | margin: 0 auto; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | top: 5px; | ||
| + | z-index: 1060; | ||
| + | } | ||
| + | .notifications-container .alert { | ||
| + | border-width: 2px; | ||
| + | margin-bottom: 5px; | ||
| + | padding: 10px 30px 10px 10px; | ||
| + | -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); | ||
| + | box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.5); | ||
| + | } | ||
| + | .notifications-container code { | ||
| + | background-color: transparent; | ||
| + | color: inherit; | ||
| + | } | ||
| + | #container-error { | ||
| + | text-align: center; | ||
| + | } | ||
| + | #container-error h1 { | ||
| + | font-size: 40px; | ||
| + | margin: 40px 0; | ||
| + | } | ||
| + | #container-error p { | ||
| + | font-size: 14px; | ||
| + | color: #666; | ||
| + | padding: 10px 20px; | ||
| + | margin: 0 auto; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | #container-error .image-container { | ||
| + | margin: 40px auto; | ||
| + | width: 500px; | ||
| + | height: 500px; | ||
| + | background: url('../img/404-annie.png') no-repeat center; | ||
| + | } | ||
| + | @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | ||
| + | #container-error .image-container { | ||
| + | background-image: url('../img/404-annie@2x.png'); | ||
| + | background-size: 500px 500px; | ||
| + | } | ||
| + | } | ||
| + | #context-menu, | ||
| + | #context-menu .dropdown-menu { | ||
| + | min-width: 160px; | ||
| + | } | ||
| + | #context-menu.contextmenu--raised { | ||
| + | z-index: 1039; | ||
| + | } | ||
| + | .files-list-wrapper { | ||
| + | overflow-y: auto; | ||
| + | max-height: 400px; | ||
| + | } | ||
| + | .files-list-wrapper::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .files-list-wrapper::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .files-list-wrapper:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .files-list-wrapper::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .files-list-wrapper:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .files-picker-icon { | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | .popup { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .popup .modal-content .row { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | .popup .modal-content.no-gap .row { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .popup .filepicker .file-name { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | .popup.mini { | ||
| + | width: 400px; | ||
| + | } | ||
| + | .popup.mini .modal-body { | ||
| + | padding: 15px; | ||
| + | } | ||
| + | .popup.mini .modal-body .row:last-child { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .popup .tag-editor .glyphicon-question-sign { | ||
| + | margin-top: 8px; | ||
| + | margin-left: -10px; | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | .drop-help { | ||
| + | text-align: center; | ||
| + | margin: 10px; | ||
| + | color: #a2b9be; | ||
| + | border: 2px dashed #e8f0f2; | ||
| + | padding: 20px; | ||
| + | } | ||
| + | .drop-help .glyphicon, | ||
| + | .drop-help .instructions { | ||
| + | vertical-align: middle; | ||
| + | line-height: 30px; | ||
| + | } | ||
| + | .drop-help .glyphicon-cloud-upload { | ||
| + | font-size: 22px; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | .drop-help .instructions { | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .drop-help .btn { | ||
| + | margin: 0 10px 0; | ||
| + | } | ||
| + | .drop-help.dragging { | ||
| + | border: 3px solid #428ce1; | ||
| + | } | ||
| + | .drop-emphasis { | ||
| + | position: fixed; | ||
| + | left: 0; | ||
| + | top: 0; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | z-index: 1060; | ||
| + | -webkit-transition: background-color 0.2s ease-out; | ||
| + | transition: background-color 0.2s ease-out; | ||
| + | } | ||
| + | body:not(.dragging) .drop-emphasis { | ||
| + | display: none; | ||
| + | } | ||
| + | body.dragging .drop-emphasis { | ||
| + | background-color: #428ce1; | ||
| + | } | ||
| + | .drop-emphasis.left, | ||
| + | .drop-emphasis.right { | ||
| + | width: 5px; | ||
| + | } | ||
| + | .drop-emphasis.top, | ||
| + | .drop-emphasis.bottom { | ||
| + | height: 5px; | ||
| + | } | ||
| + | .drop-emphasis.left { | ||
| + | right: auto; | ||
| + | } | ||
| + | .drop-emphasis.right { | ||
| + | left: auto; | ||
| + | } | ||
| + | .drop-emphasis.top { | ||
| + | bottom: auto; | ||
| + | } | ||
| + | .drop-emphasis.bottom { | ||
| + | top: auto; | ||
| + | } | ||
| + | .melting-temp-popup label { | ||
| + | display: block; | ||
| + | font-weight: 400; | ||
| + | font-size: 12px; | ||
| + | margin-top: 7px; | ||
| + | text-align: right; | ||
| + | } | ||
| + | .melting-temp-popup .units { | ||
| + | width: 50px; | ||
| + | } | ||
| + | .melting-temp-popup .set-defaults { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | #banner { | ||
| + | -webkit-transition: opacity 0.2s ease-out; | ||
| + | transition: opacity 0.2s ease-out; | ||
| + | height: 25px; | ||
| + | line-height: 25px; | ||
| + | margin: 12.5px 10px; | ||
| + | padding: 0 20px; | ||
| + | -webkit-box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.5); | ||
| + | box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.5); | ||
| + | background: rgba(0, 0, 0, 0.1); | ||
| + | color: white; | ||
| + | border-radius: 4px; | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | #banner p { | ||
| + | overflow-x: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | #banner a { | ||
| + | color: white; | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | .backdrop { | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | bottom: 0; | ||
| + | right: 0; | ||
| + | z-index: 1000; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .backdrop--raised { | ||
| + | z-index: 1038; | ||
| + | } | ||
| + | #header { | ||
| + | border-top: 2px solid #428ce1; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | background: white; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | #header.impersonating { | ||
| + | background: #e96e51 !important; | ||
| + | } | ||
| + | #header .avatar-goldBadge { | ||
| + | left: 15px; | ||
| + | top: 10px; | ||
| + | } | ||
| + | #header .nav-profile-img { | ||
| + | border: 1px solid white; | ||
| + | vertical-align: top; | ||
| + | width: 25px; | ||
| + | height: 25px; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | #header .user-dropdown .dropdown-handle { | ||
| + | display: inline-block; | ||
| + | max-width: 140px; | ||
| + | overflow-x: hidden; | ||
| + | white-space: nowrap; | ||
| + | text-overflow: ellipsis; | ||
| + | vertical-align: bottom; | ||
| + | } | ||
| + | @media (max-width: 767px) { | ||
| + | #header .user-dropdown .dropdown-handle { | ||
| + | max-width: 250px; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 992px) { | ||
| + | #header .user-dropdown .dropdown-handle { | ||
| + | max-width: 175px; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 1200px) { | ||
| + | #header .user-dropdown .dropdown-handle { | ||
| + | max-width: 250px; | ||
| + | } | ||
| + | } | ||
| + | #header .create-dropdown, | ||
| + | #header .user-dropdown { | ||
| + | border-left: 1px solid #e8f0f2; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | #header .create-dropdown:last-child, | ||
| + | #header .user-dropdown:last-child { | ||
| + | border-right: 1px solid #e8f0f2; | ||
| + | } | ||
| + | #header .create-dropdown .dropdown-toggle, | ||
| + | #header .user-dropdown .dropdown-toggle { | ||
| + | color: #344043; | ||
| + | font-weight: 700; | ||
| + | letter-spacing: 1px; | ||
| + | line-height: 25px; | ||
| + | padding-top: 13px; | ||
| + | padding-bottom: 12px; | ||
| + | text-transform: uppercase; | ||
| + | font-weight: 500; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | #header .create-dropdown .dropdown-toggle .glyphicon-plus, | ||
| + | #header .user-dropdown .dropdown-toggle .glyphicon-plus { | ||
| + | margin-top: -1px; | ||
| + | margin-right: 3px; | ||
| + | } | ||
| + | #header .create-dropdown .dropdown-toggle .caret, | ||
| + | #header .user-dropdown .dropdown-toggle .caret { | ||
| + | border-top-color: #344043; | ||
| + | border-bottom-color: #344043; | ||
| + | } | ||
| + | #header .create-dropdown .dropdown-menu a, | ||
| + | #header .user-dropdown .dropdown-menu a { | ||
| + | padding: 5px 15px; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #header .create-dropdown .dropdown-menu .glyphicon, | ||
| + | #header .user-dropdown .dropdown-menu .glyphicon, | ||
| + | #header .create-dropdown .dropdown-menu i, | ||
| + | #header .user-dropdown .dropdown-menu i { | ||
| + | display: inline-block; | ||
| + | width: 10px; | ||
| + | } | ||
| + | #header .create-dropdown.open .dropdown-toggle, | ||
| + | #header .user-dropdown.open .dropdown-toggle, | ||
| + | #header .create-dropdown:focus .dropdown-toggle, | ||
| + | #header .user-dropdown:focus .dropdown-toggle, | ||
| + | #header .create-dropdown:hover .dropdown-toggle, | ||
| + | #header .user-dropdown:hover .dropdown-toggle { | ||
| + | color: #3498db; | ||
| + | background: none; | ||
| + | } | ||
| + | #header .create-dropdown.open .dropdown-toggle .caret, | ||
| + | #header .user-dropdown.open .dropdown-toggle .caret, | ||
| + | #header .create-dropdown:focus .dropdown-toggle .caret, | ||
| + | #header .user-dropdown:focus .dropdown-toggle .caret, | ||
| + | #header .create-dropdown:hover .dropdown-toggle .caret, | ||
| + | #header .user-dropdown:hover .dropdown-toggle .caret { | ||
| + | border-top-color: #428ce1; | ||
| + | border-bottom-color: #428ce1; | ||
| + | } | ||
| + | .dropdown-menu > li > a.user-dropdown-toggleItem { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .dropdown-menu > li > a.user-dropdown-toggleItem:focus, | ||
| + | .dropdown-menu > li > a.user-dropdown-toggleItem:hover { | ||
| + | color: #ffffff; | ||
| + | } | ||
| + | #back-nav { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | top: 5px; | ||
| + | } | ||
| + | #back-nav a { | ||
| + | display: inline-block; | ||
| + | padding: 10px 2px; | ||
| + | color: #c6dcf6; | ||
| + | text-transform: uppercase; | ||
| + | text-decoration: none; | ||
| + | width: 17px; | ||
| + | white-space: nowrap; | ||
| + | overflow-x: hidden; | ||
| + | font-weight: 700; | ||
| + | font-size: 11px; | ||
| + | -webkit-transition: width 0.2s ease-out, color 0.2s ease-out, background 0.2s ease-out; | ||
| + | transition: width 0.2s ease-out, color 0.2s ease-out, background 0.2s ease-out; | ||
| + | } | ||
| + | #back-nav a:hover { | ||
| + | width: 170px; | ||
| + | color: white; | ||
| + | } | ||
| + | #back-nav a:hover .glyphicon { | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | #back-nav a .glyphicon { | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | .folders-filter { | ||
| + | margin-top: 12px; | ||
| + | } | ||
| + | #reconnecting { | ||
| + | display: none; | ||
| + | } | ||
| + | #reconnecting .loading-text { | ||
| + | width: 400px; | ||
| + | margin-left: -200px; | ||
| + | } | ||
| + | .fullscreen-msg { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | z-index: 1051; | ||
| + | -webkit-transition: opacity 0.15s ease-out; | ||
| + | transition: opacity 0.15s ease-out; | ||
| + | } | ||
| + | .fullscreen-msg.transparent { | ||
| + | opacity: 0; | ||
| + | } | ||
| + | .fullscreen-msg .loading-text { | ||
| + | text-align: center; | ||
| + | height: 100px; | ||
| + | line-height: 100px; | ||
| + | width: 200px; | ||
| + | position: absolute; | ||
| + | top: 50%; | ||
| + | left: 50%; | ||
| + | margin-top: -80px; | ||
| + | margin-left: -100px; | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 1px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .overlay { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | z-index: 1009; | ||
| + | background-position: center center; | ||
| + | background-repeat: no-repeat; | ||
| + | background-color: rgba(52, 64, 67, 0.6); | ||
| + | } | ||
| + | .pdf-preview-modal .preview-wrapper { | ||
| + | background-color: #a2b9be; | ||
| + | text-align: center; | ||
| + | padding: 5px; | ||
| + | pointer-events: none; | ||
| + | cursor: default; | ||
| + | } | ||
| + | .pdf-preview-modal .pagination-row { | ||
| + | text-align: center; | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | .pdf-preview-modal .pagination-row > div { | ||
| + | line-height: 30px; | ||
| + | } | ||
| + | #editor div[contentEditable], | ||
| + | #library-page div[contentEditable] { | ||
| + | -webkit-user-select: text; | ||
| + | -moz-user-select: text; | ||
| + | -ms-user-select: text; | ||
| + | -o-user-select: text; | ||
| + | user-select: text; | ||
| + | } | ||
| + | #editor .selectable, | ||
| + | #library-page .selectable { | ||
| + | -webkit-user-select: text; | ||
| + | -moz-user-select: text; | ||
| + | -ms-user-select: text; | ||
| + | -o-user-select: text; | ||
| + | user-select: text; | ||
| + | cursor: text; | ||
| + | } | ||
| + | #editor { | ||
| + | overflow-y: hidden; | ||
| + | min-height: 350px; | ||
| + | height: 100%; | ||
| + | position: relative; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | } | ||
| + | #editor::-webkit-scrollbar-thumb { | ||
| + | background: #a2b9be; | ||
| + | } | ||
| + | #editor::-webkit-scrollbar { | ||
| + | height: 5px; | ||
| + | } | ||
| + | #editor #clipboard-input { | ||
| + | position: fixed; | ||
| + | top: -1000px; | ||
| + | opacity: 0; | ||
| + | outline: 0; | ||
| + | } | ||
| + | #editor .tooltip-inner { | ||
| + | white-space: pre-wrap; | ||
| + | word-break: break-word; | ||
| + | } | ||
| + | #editor .share-view { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #editor .share-view.disabled .btn { | ||
| + | pointer-events: none; | ||
| + | opacity: 0.65; | ||
| + | } | ||
| + | #editor .share-view .share-option-mount { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #editor .share-view .share-option { | ||
| + | display: inline-block; | ||
| + | position: relative; | ||
| + | } | ||
| + | #editor fieldset legend { | ||
| + | font-size: 17px; | ||
| + | margin: 10px 0; | ||
| + | padding-bottom: 4px; | ||
| + | } | ||
| + | #editor .btn-af-sized, | ||
| + | #editor .btn-af-default, | ||
| + | #editor .btn-af-primary, | ||
| + | #editor .btn-af-success, | ||
| + | #editor .btn-af-warning, | ||
| + | #editor .btn-af-danger { | ||
| + | min-height: 28px; | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | #editor .btn-af-sized.btn-option, | ||
| + | #editor .btn-af-default.btn-option, | ||
| + | #editor .btn-af-primary.btn-option, | ||
| + | #editor .btn-af-success.btn-option, | ||
| + | #editor .btn-af-warning.btn-option, | ||
| + | #editor .btn-af-danger.btn-option, | ||
| + | #editor .btn-af-sized.btn-sm, | ||
| + | #editor .btn-af-default.btn-sm, | ||
| + | #editor .btn-af-primary.btn-sm, | ||
| + | #editor .btn-af-success.btn-sm, | ||
| + | #editor .btn-af-warning.btn-sm, | ||
| + | #editor .btn-af-danger.btn-sm { | ||
| + | height: 24px; | ||
| + | min-height: 24px; | ||
| + | padding: 1px 5px; | ||
| + | } | ||
| + | #editor .btn-af-sized.btn-option em, | ||
| + | #editor .btn-af-default.btn-option em, | ||
| + | #editor .btn-af-primary.btn-option em, | ||
| + | #editor .btn-af-success.btn-option em, | ||
| + | #editor .btn-af-warning.btn-option em, | ||
| + | #editor .btn-af-danger.btn-option em, | ||
| + | #editor .btn-af-sized.btn-sm em, | ||
| + | #editor .btn-af-default.btn-sm em, | ||
| + | #editor .btn-af-primary.btn-sm em, | ||
| + | #editor .btn-af-success.btn-sm em, | ||
| + | #editor .btn-af-warning.btn-sm em, | ||
| + | #editor .btn-af-danger.btn-sm em { | ||
| + | font-style: normal; | ||
| + | text-decoration: underline; | ||
| + | } | ||
| + | #editor #header { | ||
| + | background: #428ce1; | ||
| + | border-top: 0; | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | #editor #header .navbar-brand { | ||
| + | padding-top: 5px; | ||
| + | padding-bottom: 2px; | ||
| + | } | ||
| + | #editor #header .container { | ||
| + | padding-left: 0; | ||
| + | padding-right: 0; | ||
| + | } | ||
| + | #editor #header .row { | ||
| + | margin-bottom: 0; | ||
| + | margin-left: 0; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | #editor #header .row > div { | ||
| + | padding-left: 0; | ||
| + | padding-right: 0; | ||
| + | } | ||
| + | #editor #header .nav-btn { | ||
| + | background: none; | ||
| + | padding: 15px 10px; | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | border: none; | ||
| + | } | ||
| + | #editor #header .nav-btn:hover { | ||
| + | color: #e8f0f2; | ||
| + | } | ||
| + | #editor #header #auth-nav > li > a { | ||
| + | color: white; | ||
| + | } | ||
| + | #editor #header #auth-nav > li > a:hover, | ||
| + | #editor #header #auth-nav > li > a:focus { | ||
| + | color: #e8f0f2; | ||
| + | background: none; | ||
| + | } | ||
| + | #editor #header .create-dropdown, | ||
| + | #editor #header .user-dropdown { | ||
| + | border-left-color: #2172cf; | ||
| + | border-right-color: #2172cf; | ||
| + | } | ||
| + | #editor #header .create-dropdown .dropdown-toggle .caret, | ||
| + | #editor #header .user-dropdown .dropdown-toggle .caret { | ||
| + | border-top-color: white; | ||
| + | border-bottom-color: white; | ||
| + | } | ||
| + | #editor #header .create-dropdown .dropdown-toggle .caret:hover, | ||
| + | #editor #header .user-dropdown .dropdown-toggle .caret:hover, | ||
| + | #editor #header .create-dropdown .dropdown-toggle .caret:focus, | ||
| + | #editor #header .user-dropdown .dropdown-toggle .caret:focus { | ||
| + | border-top-color: #e8f0f2; | ||
| + | border-bottom-color: #e8f0f2; | ||
| + | } | ||
| + | #editor .notifications-container { | ||
| + | padding-top: 6px; | ||
| + | position: fixed; | ||
| + | left: 50%; | ||
| + | top: 0; | ||
| + | margin-left: -250px; | ||
| + | width: 500px; | ||
| + | } | ||
| + | #editor .notifications-container .alert { | ||
| + | -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); | ||
| + | box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); | ||
| + | margin-bottom: 10px; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | #editor .notifications-container .alert:first-child { | ||
| + | border: 1px solid #f8fafb; | ||
| + | } | ||
| + | #editor .notifications-container .alert:hover { | ||
| + | border-color: #344043; | ||
| + | } | ||
| + | #editor .nav-container { | ||
| + | max-width: none; | ||
| + | } | ||
| + | #editor .nav-container .navbar-brand { | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | #editor .ui-slider .ui-slider-handle { | ||
| + | border: 1px solid #a2b9be; | ||
| + | z-index: 2; | ||
| + | width: 12px; | ||
| + | height: 12px; | ||
| + | border-radius: 6px; | ||
| + | background: white; | ||
| + | -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); | ||
| + | box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #editor .ui-slider .ui-slider-handle:focus, | ||
| + | #editor .ui-slider .ui-slider-handle:active { | ||
| + | outline: 0; | ||
| + | } | ||
| + | #editor .context-item, | ||
| + | #editor .context-submenu-item { | ||
| + | cursor: default; | ||
| + | } | ||
| + | #editor .ui-widget-content { | ||
| + | border: 1px solid #a2b9be; | ||
| + | background: #ffffff; | ||
| + | color: #344043; | ||
| + | } | ||
| + | #editor .ui-corner-all, | ||
| + | #editor .ui-corner-bottom, | ||
| + | #editor .ui-corner-right, | ||
| + | #editor .ui-corner-br { | ||
| + | border-bottom-right-radius: 4px; | ||
| + | } | ||
| + | #editor .ui-corner-all, | ||
| + | #editor .ui-corner-bottom, | ||
| + | #editor .ui-corner-left, | ||
| + | #editor .ui-corner-bl { | ||
| + | border-bottom-left-radius: 4px; | ||
| + | } | ||
| + | #editor .ui-corner-all, | ||
| + | #editor .ui-corner-top, | ||
| + | #editor .ui-corner-right, | ||
| + | #editor .ui-corner-tr { | ||
| + | border-top-right-radius: 4px; | ||
| + | } | ||
| + | #editor .ui-corner-all, | ||
| + | #editor .ui-corner-top, | ||
| + | #editor .ui-corner-left, | ||
| + | #editor .ui-corner-tl { | ||
| + | border-top-left-radius: 4px; | ||
| + | } | ||
| + | #editor .ui-slider-horizontal { | ||
| + | height: 4px; | ||
| + | } | ||
| + | #editor .input-group .form-control:last-child, | ||
| + | #editor .input-group-addon:last-child, | ||
| + | #editor .input-group-btn:last-child > .btn, | ||
| + | #editor .input-group-btn:last-child > .dropdown-toggle, | ||
| + | #editor .input-group-btn:first-child > .btn:not(:first-child) { | ||
| + | border-bottom-left-radius: 0; | ||
| + | border-top-left-radius: 0; | ||
| + | } | ||
| + | #editor .input-group .form-control:first-child, | ||
| + | #editor .input-group-addon:first-child, | ||
| + | #editor .input-group-btn:first-child > .btn, | ||
| + | #editor .input-group-btn:first-child > .dropdown-toggle, | ||
| + | #editor .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { | ||
| + | border-bottom-right-radius: 0; | ||
| + | border-top-right-radius: 0; | ||
| + | } | ||
| + | #editor .panel { | ||
| + | z-index: 10; | ||
| + | } | ||
| + | #editor .panel .panel-content { | ||
| + | height: auto; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | #editor .panel .panel-content::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #editor .panel .panel-content::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #editor .panel .panel-content:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #editor .panel .panel-content::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #editor .panel .panel-content:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #editor .panel h4, | ||
| + | #editor .panel h5, | ||
| + | #editor .panel h6 { | ||
| + | font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial, sans-serif; | ||
| + | } | ||
| + | #editor .panel h4 { | ||
| + | margin: 0; | ||
| + | font-size: 12px; | ||
| + | font-weight: 500; | ||
| + | padding: 8px 0; | ||
| + | text-align: center; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #editor .panel h5 { | ||
| + | font-size: 12px; | ||
| + | font-weight: 500; | ||
| + | text-align: left; | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | #editor .panel h5.text-right { | ||
| + | text-align: right; | ||
| + | } | ||
| + | #editor .panel h6 { | ||
| + | font-size: 12px; | ||
| + | font-weight: normal; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #editor .panel h6.overflow-ellipsis { | ||
| + | text-overflow: ellipsis; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | #editor .panel .alert { | ||
| + | padding: 10px; | ||
| + | } | ||
| + | #editor .row { | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | #editor select, | ||
| + | #editor textarea, | ||
| + | #editor input[type="text"], | ||
| + | #editor input[type="password"], | ||
| + | #editor input[type="datetime"], | ||
| + | #editor input[type="datetime-local"], | ||
| + | #editor input[type="date"], | ||
| + | #editor input[type="month"], | ||
| + | #editor input[type="time"], | ||
| + | #editor input[type="week"], | ||
| + | #editor input[type="number"], | ||
| + | #editor input[type="email"], | ||
| + | #editor input[type="url"], | ||
| + | #editor input[type="search"], | ||
| + | #editor input[type="tel"], | ||
| + | #editor input[type="color"], | ||
| + | #editor .in-input { | ||
| + | min-height: 28px; | ||
| + | height: 28px; | ||
| + | padding: 5px 10px; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | #editor .select2-container .select2-choice { | ||
| + | min-height: 28px; | ||
| + | height: 28px; | ||
| + | line-height: 28px; | ||
| + | padding-top: 0; | ||
| + | padding-bottom: 0; | ||
| + | } | ||
| + | #editor .select2-container .select2-choice .select2-arrow b { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | #editor textarea { | ||
| + | height: auto; | ||
| + | } | ||
| + | #editor .panel-divider { | ||
| + | height: 0; | ||
| + | overflow: hidden; | ||
| + | border: none; | ||
| + | background: transparent; | ||
| + | border-bottom: 1px solid #DDD; | ||
| + | margin: 15px 0 10px; | ||
| + | } | ||
| + | #editor .sortable-placeholder { | ||
| + | background: #c7dbe0; | ||
| + | } | ||
| + | #editor { | ||
| + | min-width: 550px; | ||
| + | } | ||
| + | #editor.hasSplitWorkspace { | ||
| + | min-width: 845px; | ||
| + | } | ||
| + | #editor.hasFileBrowserOpen { | ||
| + | min-width: 710px; | ||
| + | } | ||
| + | #editor.hasSplitWorkspace.hasFileBrowserOpen { | ||
| + | min-width: 1095px; | ||
| + | } | ||
| + | #history-panel .disabled { | ||
| + | pointer-events: none; | ||
| + | text-decoration: none; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #history-panel .lineage-sequence-name { | ||
| + | max-width: 150px; | ||
| + | } | ||
| + | #annotation-panel table { | ||
| + | table-layout: fixed; | ||
| + | } | ||
| + | #annotation-panel table th.visibility, | ||
| + | #annotation-panel table th.color { | ||
| + | width: 20px; | ||
| + | } | ||
| + | #annotation-panel table th.length { | ||
| + | width: 50px; | ||
| + | } | ||
| + | #annotation-panel table th.location { | ||
| + | width: 90px; | ||
| + | } | ||
| + | #annotation-panel table td.annotation-name { | ||
| + | padding-top: 5px; | ||
| + | padding-bottom: 5px; | ||
| + | overflow-wrap: break-word; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | #annotation-panel .edit-annotation-features { | ||
| + | display: none; | ||
| + | } | ||
| + | #annotation-panel .edit-annotation-features.signed-in { | ||
| + | display: block; | ||
| + | } | ||
| + | #annotation-panel .annotation-row { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #annotation-panel .panel-sidebar div:first-child { | ||
| + | display: block; | ||
| + | } | ||
| + | #annotation-panel .panel-sidebar h5 { | ||
| + | margin-bottom: 10px; | ||
| + | margin-top: 0px; | ||
| + | } | ||
| + | #annotation-panel .panel-sidebar td:first-child { | ||
| + | width: 25px; | ||
| + | } | ||
| + | #annotation-panel .panel-sidebar td label { | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | #annotation-panel .panel-sidebar .no-annotation-types { | ||
| + | margin-top: 20px; | ||
| + | } | ||
| + | #annotation-panel .panel-sidebar tr { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #annotation-panel .duplicate-annotation-warning { | ||
| + | display: none; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | #auto-annotation .select2-container { | ||
| + | display: block; | ||
| + | } | ||
| + | #auto-annotation .search-results { | ||
| + | max-height: 150px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | #auto-annotation .search-results::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #auto-annotation .search-results::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #auto-annotation .search-results:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #auto-annotation .search-results::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #auto-annotation .search-results:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #auto-annotation .search-throbber { | ||
| + | background: url('../img/search-spinner.gif') center center no-repeat transparent; | ||
| + | height: 30px; | ||
| + | } | ||
| + | .version-row { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .version-row .name div { | ||
| + | white-space: nowrap; | ||
| + | width: 125px; | ||
| + | overflow-x: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | .version-row .time div { | ||
| + | white-space: nowrap; | ||
| + | width: 85px; | ||
| + | overflow-x: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | .version-row .user div { | ||
| + | white-space: nowrap; | ||
| + | overflow-x: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | width: 60px; | ||
| + | } | ||
| + | .historyVersionTable thead tr .user.half div { | ||
| + | width: 160px; | ||
| + | } | ||
| + | .historyVersionTable thead tr .time.half div { | ||
| + | width: 135px; | ||
| + | } | ||
| + | .historyVersionTable thead tr .name.third div { | ||
| + | width: 140px; | ||
| + | } | ||
| + | .historyVersionTable thead tr .user.third div { | ||
| + | width: 70px; | ||
| + | } | ||
| + | .historyVersionTable thead tr .time.third div { | ||
| + | width: 85px; | ||
| + | } | ||
| + | .historyVersionTable.scrollable tbody { | ||
| + | max-height: 170px; | ||
| + | overflow-x: hidden; | ||
| + | } | ||
| + | .historyVersionTable .version-row .user.half div { | ||
| + | width: 160px; | ||
| + | } | ||
| + | .historyVersionTable .version-row .time.half div { | ||
| + | width: 135px; | ||
| + | } | ||
| + | .historyVersionTable .version-row .name.third div { | ||
| + | width: 140px; | ||
| + | } | ||
| + | .historyVersionTable .version-row .user.third div { | ||
| + | width: 70px; | ||
| + | } | ||
| + | .historyVersionTable .version-row .time.third div { | ||
| + | width: 85px; | ||
| + | } | ||
| + | .historyVersionTable .version-row.is-reverted .user div { | ||
| + | padding-left: 8px; | ||
| + | } | ||
| + | .historyVersionTable .version-row.active { | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | .historyVersionTable .version-row.active.is-fetching { | ||
| + | font-weight: normal; | ||
| + | } | ||
| + | .panel-library-row { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .panel-library-row .name div { | ||
| + | white-space: nowrap; | ||
| + | overflow-x: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | width: 200px; | ||
| + | } | ||
| + | .panel-library-row .time div { | ||
| + | white-space: nowrap; | ||
| + | overflow-x: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | text-align: right; | ||
| + | } | ||
| + | .panel-library-row .delete { | ||
| + | visibility: hidden; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .panel-library-row .delete:hover { | ||
| + | color: #e96e51; | ||
| + | } | ||
| + | .panel-library-row:hover .delete { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .relative { | ||
| + | position: relative; | ||
| + | } | ||
| + | tbody.editable-table { | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | } | ||
| + | tbody.editable-table tr.editable-table-row { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | tbody.editable-table tr.editable-table-row.active td { | ||
| + | background: #feefd1; | ||
| + | } | ||
| + | tbody.editable-table tr.editable-table-row.active td .text-editable:hover:not(.focus), | ||
| + | tbody.editable-table tr.editable-table-row.active td .text-editable.hover:not(.focus), | ||
| + | tbody.editable-table tr.editable-table-row.active td .text-editable:hover:not(:focus), | ||
| + | tbody.editable-table tr.editable-table-row.active td .text-editable.hover:not(:focus) { | ||
| + | background: #fff8ea; | ||
| + | } | ||
| + | tbody.editable-table tr.editable-table-row .text { | ||
| + | -webkit-user-select: text; | ||
| + | -moz-user-select: text; | ||
| + | -ms-user-select: text; | ||
| + | -o-user-select: text; | ||
| + | user-select: text; | ||
| + | display: inline-block; | ||
| + | line-height: normal; | ||
| + | width: 100%; | ||
| + | min-height: 1.3em; | ||
| + | } | ||
| + | tbody.editable-table tr.editable-table-row .editable-text:empty:not(:focus) { | ||
| + | border: 1px dotted #a2b9be; | ||
| + | } | ||
| + | tbody.editable-table tr.editable-table-row .editable-text:hover:focus { | ||
| + | cursor: text; | ||
| + | } | ||
| + | tbody.editable-table tr.editable-table-row td.editable-content { | ||
| + | position: relative; | ||
| + | } | ||
| + | tbody.editable-table tr.editable-table-row .edit-text, | ||
| + | tbody.editable-table tr.editable-table-row .delete-text { | ||
| + | position: absolute; | ||
| + | padding: 3px; | ||
| + | display: none; | ||
| + | color: #344043; | ||
| + | right: 0; | ||
| + | width: auto; | ||
| + | } | ||
| + | tbody.editable-table tr.editable-table-row .edit-text { | ||
| + | bottom: 0; | ||
| + | } | ||
| + | tbody.editable-table tr.editable-table-row .edit-text:hover, | ||
| + | tbody.editable-table tr.editable-table-row .edit-text.hover { | ||
| + | display: block; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | tbody.editable-table tr.editable-table-row .delete-text { | ||
| + | top: 0; | ||
| + | } | ||
| + | tbody.editable-table tr.editable-table-row .delete-text:hover, | ||
| + | tbody.editable-table tr.editable-table-row .delete-text.hover { | ||
| + | display: block; | ||
| + | color: #e96e51; | ||
| + | } | ||
| + | tbody.editable-table tr.editable-table-row td.editable-content:hover .edit-text, | ||
| + | tbody.editable-table tr.editable-table-row td.editable-content:hover .delete-text { | ||
| + | display: block; | ||
| + | } | ||
| + | tbody.editable-table .check { | ||
| + | color: #03c08d; | ||
| + | width: 100%; | ||
| + | } | ||
| + | tbody.editable-table .check.false { | ||
| + | color: #a2b9be; | ||
| + | opacity: 0; | ||
| + | } | ||
| + | tbody.editable-table .editable-check.false.hover { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | tbody.editable-table .editable-check.true.hover:not(.focus) { | ||
| + | color: #e96e51; | ||
| + | } | ||
| + | tbody.editable-table .editable-check.text-hover, | ||
| + | tbody.editable-table .editable-check.focus { | ||
| + | opacity: 1; | ||
| + | height: 18px; | ||
| + | } | ||
| + | tbody.editable-table .editable-check.text-hover:before, | ||
| + | tbody.editable-table .editable-check.focus:before { | ||
| + | content: normal; | ||
| + | } | ||
| + | tbody.editable-table .editable-check.focus { | ||
| + | color: black; | ||
| + | font-family: inherit; | ||
| + | } | ||
| + | .table.oligos-table th.input, | ||
| + | .table.annotations-table th.input, | ||
| + | .primer3-view .primers-table th.input, | ||
| + | .table.fragments-table th.input, | ||
| + | .table.enzymes-table th.input { | ||
| + | padding-bottom: 2px; | ||
| + | } | ||
| + | .table.oligos-table tr, | ||
| + | .table.annotations-table tr, | ||
| + | .primer3-view .primers-table tr, | ||
| + | .table.fragments-table tr, | ||
| + | .table.enzymes-table tr { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .table.oligos-table tr.active td, | ||
| + | .table.annotations-table tr.active td, | ||
| + | .primer3-view .primers-table tr.active td, | ||
| + | .table.fragments-table tr.active td, | ||
| + | .table.enzymes-table tr.active td { | ||
| + | background: #feefd1; | ||
| + | } | ||
| + | .table.enzymes-table tr { | ||
| + | cursor: default; | ||
| + | } | ||
| + | #editor .annotations-table col.visibility, | ||
| + | #editor .annotations-table col.color { | ||
| + | width: 35px; | ||
| + | } | ||
| + | #editor .annotations-table col.start, | ||
| + | #editor .annotations-table col.end { | ||
| + | width: 50px; | ||
| + | } | ||
| + | #editor .annotations-table col.length { | ||
| + | width: 75px; | ||
| + | } | ||
| + | #editor .annotations-table col.type { | ||
| + | width: 100px; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | #editor .annotations-table col.name { | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | #editor .annotations-table col.strand { | ||
| + | width: 60px; | ||
| + | } | ||
| + | #editor .annotations-table input[type='checkbox'] { | ||
| + | margin-top: 2px; | ||
| + | } | ||
| + | #editor .annotations-table .text-editable { | ||
| + | min-width: 50px; | ||
| + | } | ||
| + | #editor .annotations-table select { | ||
| + | width: auto; | ||
| + | height: 20px; | ||
| + | } | ||
| + | #buffers .primer3-view .table.primers-table td, | ||
| + | #buffers .primer3-view .table.primers-table th { | ||
| + | white-space: nowrap; | ||
| + | padding: 4px 6px; | ||
| + | } | ||
| + | #buffers .primer3-view .table.primers-table td .glyphicon-question-sign, | ||
| + | #buffers .primer3-view .table.primers-table th .glyphicon-question-sign { | ||
| + | margin-top: 0px; | ||
| + | margin-left: 3px; | ||
| + | font-size: 11px; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #buffers .primer3-view .table.primers-table tbody { | ||
| + | border-top-width: 1px; | ||
| + | } | ||
| + | #buffers .primer3-view .table.primers-table tbody:hover td { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #buffers .primer3-view .table.primers-table tbody.active td { | ||
| + | background: #feefd1; | ||
| + | } | ||
| + | #buffers .primer3-view .table.primers-table td { | ||
| + | border-top: 0; | ||
| + | } | ||
| + | #buffers .primer3-view .disabled { | ||
| + | pointer-events: none; | ||
| + | } | ||
| + | #editor.has-hidden-statusbar #filebar { | ||
| + | bottom: 0; | ||
| + | } | ||
| + | #filebar { | ||
| + | background: #f9f9f9; | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | bottom: 25px; | ||
| + | width: 25px; | ||
| + | border-right: 1px solid #bdc3c7; | ||
| + | z-index: 50; | ||
| + | -webkit-transition: width 0.15s ease-out; | ||
| + | transition: width 0.15s ease-out; | ||
| + | } | ||
| + | #filebar.opened { | ||
| + | width: 750px; | ||
| + | padding: 15px 0px 15px 0px; | ||
| + | } | ||
| + | #filebar.opened .container { | ||
| + | height: 100%; | ||
| + | width: 100%; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar { | ||
| + | display: block; | ||
| + | height: 100%; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .loading { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | background: url('../img/search-spinner.gif') center center no-repeat rgba(255, 255, 255, 0.5); | ||
| + | z-index: 10; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar h3 { | ||
| + | font-size: 14px; | ||
| + | margin: 5px 0; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .search-wrapper { | ||
| + | position: relative; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .search-wrapper .glyphicon { | ||
| + | position: absolute; | ||
| + | right: 10px; | ||
| + | top: 7px; | ||
| + | color: #a2b9be; | ||
| + | background: rgba(255, 255, 255, 0.5); | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .search-wrapper .glyphicon-remove { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .search-wrapper .glyphicon-remove:hover { | ||
| + | color: #344043; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .browser-panel-tabs-wrapper { | ||
| + | margin-right: 70px; | ||
| + | margin-bottom: 15px; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .browser-panel-tabs-wrapper .browser-panel-tabs { | ||
| + | width: 100%; | ||
| + | height: 31px; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .browser-panels { | ||
| + | position: relative; | ||
| + | margin-top: 10px; | ||
| + | white-space: nowrap; | ||
| + | overflow-x: hidden; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .search-results { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar ul.clickable-list { | ||
| + | padding: 0; | ||
| + | margin: 0 0 15px; | ||
| + | list-style: none; | ||
| + | border: 1px solid #d9dcde; | ||
| + | border-width: 1px 1px 0; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar ul.clickable-list li { | ||
| + | border-bottom: 1px solid #d9dcde; | ||
| + | padding: 7px 5px; | ||
| + | background: white; | ||
| + | cursor: pointer; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar ul.clickable-list li:hover { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar ul.clickable-list li .folder, | ||
| + | #filebar.opened .container .browserbar ul.clickable-list li .owner, | ||
| + | #filebar.opened .container .browserbar ul.clickable-list li .extra { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar ul.clickable-list li .extra { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .browser-panel, | ||
| + | #filebar.opened .container .browserbar .search-results { | ||
| + | display: inline-block; | ||
| + | vertical-align: top; | ||
| + | width: 100%; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .browser-panel .back-button, | ||
| + | #filebar.opened .container .browserbar .search-results .back-button { | ||
| + | border-radius: 0; | ||
| + | margin-bottom: 7px; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .browser-panel .back-button .glyphicon-chevron-left, | ||
| + | #filebar.opened .container .browserbar .search-results .back-button .glyphicon-chevron-left { | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .browser-panel .external-search-link, | ||
| + | #filebar.opened .container .browserbar .search-results .external-search-link { | ||
| + | font-size: 12px; | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .browser-panel .recent-sequences, | ||
| + | #filebar.opened .container .browserbar .search-results .recent-sequences { | ||
| + | max-height: 133px; | ||
| + | overflow: auto; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .browser-panel .recent-sequences::-webkit-scrollbar, | ||
| + | #filebar.opened .container .browserbar .search-results .recent-sequences::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .browser-panel .recent-sequences::-webkit-scrollbar-track, | ||
| + | #filebar.opened .container .browserbar .search-results .recent-sequences::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .browser-panel .recent-sequences:hover::-webkit-scrollbar-track, | ||
| + | #filebar.opened .container .browserbar .search-results .recent-sequences:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .browser-panel .recent-sequences::-webkit-scrollbar-thumb, | ||
| + | #filebar.opened .container .browserbar .search-results .recent-sequences::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #filebar.opened .container .browserbar .browser-panel .recent-sequences:hover::-webkit-scrollbar-thumb, | ||
| + | #filebar.opened .container .browserbar .search-results .recent-sequences:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #filebar.opened > .navbar { | ||
| + | display: none; | ||
| + | } | ||
| + | #filebar .browserbar { | ||
| + | display: none; | ||
| + | } | ||
| + | #filebar .navbar { | ||
| + | padding-left: 0px; | ||
| + | border: none; | ||
| + | z-index: auto; | ||
| + | } | ||
| + | #filebar #open-icon-wrapper { | ||
| + | display: inline-block; | ||
| + | height: 24px; | ||
| + | line-height: 24px; | ||
| + | width: 100%; | ||
| + | border-bottom: 1px solid #bdc3c7; | ||
| + | text-align: center; | ||
| + | } | ||
| + | #filebar #open-icon-wrapper.signed-in .signed-in-icon { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #filebar #open-icon-wrapper.signed-in .signed-out-icon { | ||
| + | display: none; | ||
| + | } | ||
| + | #filebar #open-icon-wrapper .signed-in-icon { | ||
| + | display: none; | ||
| + | } | ||
| + | #filebar #open-icon-wrapper .signed-out-icon { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #filebar #open-icon-wrapper .open-icon { | ||
| + | color: #a2b9be; | ||
| + | cursor: pointer; | ||
| + | height: auto; | ||
| + | } | ||
| + | #filebar #open-icon-wrapper .open-icon:hover { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | #filebar #open-icon-wrapper .open-icon.disabled { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #filebar #open-icon-wrapper .open-icon.glyphicon-arrow-up { | ||
| + | -webkit-transform: rotate(45deg); | ||
| + | -moz-transform: rotate(45deg); | ||
| + | -ms-transform: rotate(45deg); | ||
| + | -o-transform: rotate(45deg); | ||
| + | transform: rotate(45deg); | ||
| + | } | ||
| + | #filebar .filebar-item { | ||
| + | display: inline-block; | ||
| + | margin-left: -4px; | ||
| + | float: none; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #filebar .filebar-item a { | ||
| + | background: #c9d8db; | ||
| + | padding: 0 10px; | ||
| + | height: 24px; | ||
| + | line-height: 24px; | ||
| + | border-left: 1px solid #bdc3c7; | ||
| + | cursor: default; | ||
| + | font-weight: 500; | ||
| + | color: #344043; | ||
| + | } | ||
| + | #filebar .filebar-item a:hover { | ||
| + | background: #d9dcde; | ||
| + | } | ||
| + | #filebar .filebar-item a .name { | ||
| + | max-width: 200px; | ||
| + | text-align: center; | ||
| + | overflow-x: hidden; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #filebar .filebar-item a .badge-close { | ||
| + | color: #a2b9be; | ||
| + | vertical-align: top; | ||
| + | cursor: default; | ||
| + | display: inline-block; | ||
| + | border-radius: 12px; | ||
| + | line-height: normal; | ||
| + | padding: 0 5px; | ||
| + | margin: 3px 0 0 6px; | ||
| + | } | ||
| + | #filebar .filebar-item a .badge-close:hover { | ||
| + | color: white; | ||
| + | background: #a2b9be; | ||
| + | } | ||
| + | #filebar .filebar-item.active a { | ||
| + | background: #2c76cc; | ||
| + | color: white; | ||
| + | } | ||
| + | #filebar .filebar-item.active a .badge-close { | ||
| + | color: #e8f0f2; | ||
| + | } | ||
| + | #filebar .filebar-item.active a .badge-close:hover { | ||
| + | color: #428ce1; | ||
| + | background: white; | ||
| + | } | ||
| + | #filebar .filebar-items { | ||
| + | -webkit-transform-origin: 0 0; | ||
| + | -moz-transform-origin: 0 0; | ||
| + | -ms-transform-origin: 0 0; | ||
| + | -o-transform-origin: 0 0; | ||
| + | transform-origin: 0 0; | ||
| + | -webkit-transform: rotate(-90deg) translateX(-100%) translate3d(0, 0, 0); | ||
| + | -moz-transform: rotate(-90deg) translateX(-100%) translate3d(0, 0, 0); | ||
| + | -ms-transform: rotate(-90deg) translateX(-100%) translate3d(0, 0, 0); | ||
| + | -o-transform: rotate(-90deg) translateX(-100%) translate3d(0, 0, 0); | ||
| + | transform: rotate(-90deg) translateX(-100%) translate3d(0, 0, 0); | ||
| + | position: absolute; | ||
| + | white-space: nowrap; | ||
| + | top: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | #filebar .filebar-items > li.notify > a { | ||
| + | overflow-x: -webkit-marquee; | ||
| + | -webkit-marquee-speed: fast; | ||
| + | -webkit-marquee-direction: backwards; | ||
| + | -webkit-marquee-repetition: infinite; | ||
| + | -webkit-marquee-increment: small; | ||
| + | } | ||
| + | #filebar #open-icon-wrapper + .filebar-items { | ||
| + | top: 24px; | ||
| + | } | ||
| + | .reset { | ||
| + | position: relative; | ||
| + | height: 100%; | ||
| + | width: 100%; | ||
| + | } | ||
| + | #wrapper { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | bottom: 0; | ||
| + | left: 54px; | ||
| + | right: 0; | ||
| + | -webkit-transition: left 0.15s ease-out; | ||
| + | transition: left 0.15s ease-out; | ||
| + | } | ||
| + | .subworkspace { | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | top: 0; | ||
| + | } | ||
| + | #editor.has-shown-workspace .subworkspace { | ||
| + | top: 40px; | ||
| + | } | ||
| + | #editor.hasLegacyNav #wrapper { | ||
| + | left: 0; | ||
| + | top: 50px; | ||
| + | } | ||
| + | #editor.hasLegacyNav .sidebar-mount.is-open ~ #wrapper { | ||
| + | left: 275px; | ||
| + | } | ||
| + | #editor.has-hidden-statusbar .toolbar { | ||
| + | bottom: 0; | ||
| + | } | ||
| + | .show { | ||
| + | display: block; | ||
| + | } | ||
| + | .scroll { | ||
| + | max-height: 200px; | ||
| + | overflow-y: auto; | ||
| + | padding-right: 5px; | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | .scroll::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .scroll::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .scroll:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .scroll::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .scroll:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .modal { | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .modal::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .modal::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .modal:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .modal::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .modal:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #create-menu .glyphicon, | ||
| + | #user-menu .glyphicon, | ||
| + | #create-menu i, | ||
| + | #user-menu i { | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | .dropdown-menu.select .checkbox { | ||
| + | padding: 3px 5px 3px 3px; | ||
| + | } | ||
| + | .dropdown-menu.select .checkbox input { | ||
| + | height: auto; | ||
| + | margin: 0 5px 0 0; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .dropdown-menu.select label { | ||
| + | height: 24px; | ||
| + | cursor: pointer; | ||
| + | font-weight: 400; | ||
| + | color: #344043; | ||
| + | display: block; | ||
| + | margin: 0 5px; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | } | ||
| + | .dropdown-menu.select label:hover { | ||
| + | background-color: #e8f0f2; | ||
| + | } | ||
| + | .dropdown-menu.select label span { | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .dropdown-menu.select label :checked ~ span { | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | .dropdown-menu.dropdown-menu--noMinWidth { | ||
| + | min-width: 0; | ||
| + | } | ||
| + | .dropdown-menu.dropdown-menu--horizontal { | ||
| + | min-width: 0; | ||
| + | } | ||
| + | .dropdown-menu.dropdown-menu--horizontal > li { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .dropdown-menu--dropRight { | ||
| + | left: 100%; | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | } | ||
| + | .dropdown-menu--dropRightUp { | ||
| + | bottom: 0; | ||
| + | left: 100%; | ||
| + | position: absolute; | ||
| + | top: auto; | ||
| + | } | ||
| + | .dropdown-menu--dropLeft { | ||
| + | left: auto; | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | } | ||
| + | .dropdown-menu--dropDown { | ||
| + | left: 0; | ||
| + | position: absolute; | ||
| + | right: auto; | ||
| + | } | ||
| + | .alignment-row { | ||
| + | margin-bottom: 1px; | ||
| + | } | ||
| + | .alignment-row .dropdown-menu { | ||
| + | min-width: 200px; | ||
| + | } | ||
| + | .empty-message { | ||
| + | display: none; | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .empty-message .signed-in-msg { | ||
| + | display: none; | ||
| + | } | ||
| + | .empty-message .signed-out-msg { | ||
| + | display: block; | ||
| + | } | ||
| + | .empty-message.signed-in .signed-in-msg { | ||
| + | display: block; | ||
| + | } | ||
| + | .empty-message.signed-in .signed-out-msg { | ||
| + | display: none; | ||
| + | } | ||
| + | .empty-message .empty-message-body { | ||
| + | position: absolute; | ||
| + | width: 300px; | ||
| + | left: 50%; | ||
| + | margin-left: -125px; | ||
| + | top: 20%; | ||
| + | } | ||
| + | .empty-message .empty-message-body h1 { | ||
| + | font-size: 22px; | ||
| + | border-bottom: 1px solid #d8e5e9; | ||
| + | } | ||
| + | .empty-message .empty-message-body ul { | ||
| + | padding-left: 0; | ||
| + | font-size: 14px; | ||
| + | list-style: none; | ||
| + | } | ||
| + | .empty-message .empty-message-body ul li { | ||
| + | margin-bottom: 25px; | ||
| + | } | ||
| + | .empty-message .empty-message-body ul li .screenshot { | ||
| + | float: left; | ||
| + | margin-top: -5px; | ||
| + | margin-left: -60px; | ||
| + | border-radius: 1000px; | ||
| + | border: 1px solid #d8e5e9; | ||
| + | } | ||
| + | #editor.has-hidden-statusbar #buffers { | ||
| + | bottom: 0; | ||
| + | } | ||
| + | #editor.has-hidden-toolbar #buffers { | ||
| + | right: 0; | ||
| + | } | ||
| + | #buffers.assembly { | ||
| + | bottom: 85px; | ||
| + | } | ||
| + | #buffers.empty .buffer-container { | ||
| + | display: none; | ||
| + | } | ||
| + | #buffers.empty .empty-message { | ||
| + | display: block; | ||
| + | } | ||
| + | #buffers .buffer-container { | ||
| + | height: 100%; | ||
| + | width: 100%; | ||
| + | float: left; | ||
| + | position: relative; | ||
| + | } | ||
| + | #buffers .buffer-container.hide-options-view .buffer-options--builtin { | ||
| + | display: none; | ||
| + | } | ||
| + | #buffers .buffer-container.hide-options-view .buffer-content.buffer-options-align { | ||
| + | top: 0; | ||
| + | } | ||
| + | #buffers .buffer-container .loading-screen { | ||
| + | position: absolute; | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | background: url('../img/spinner.gif') center center no-repeat transparent; | ||
| + | } | ||
| + | #buffers .buffer-container .zoom-controls { | ||
| + | width: 100px; | ||
| + | } | ||
| + | #buffers .buffer-container .zoom-controls.no-zoom { | ||
| + | opacity: 0.3; | ||
| + | pointer-events: none; | ||
| + | } | ||
| + | #buffers .buffer-container .zoom-controls .zoom-slider { | ||
| + | padding: 0; | ||
| + | height: 6px; | ||
| + | border: 1px solid #bdc3c7; | ||
| + | width: 60px; | ||
| + | display: inline-block; | ||
| + | cursor: pointer; | ||
| + | margin: 4px 8px; | ||
| + | vertical-align: text-top; | ||
| + | } | ||
| + | #buffers .buffer-container .pan-controls { | ||
| + | width: 100px; | ||
| + | } | ||
| + | #buffers .buffer-container .pan-controls .pan-slider { | ||
| + | padding: 0; | ||
| + | height: 6px; | ||
| + | border: 1px solid #bdc3c7; | ||
| + | width: 60px; | ||
| + | display: inline-block; | ||
| + | cursor: pointer; | ||
| + | margin: 4px 8px; | ||
| + | vertical-align: text-top; | ||
| + | } | ||
| + | #buffers .buffer-container .pan-controls .ui-slider-handle { | ||
| + | width: 12px; | ||
| + | height: 12px; | ||
| + | border-radius: 6px; | ||
| + | background: white; | ||
| + | -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); | ||
| + | box-shadow: 0 0 1px rgba(0, 0, 0, 0.5); | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #buffers .buffer-container .pan-controls .ui-slider-handle:focus, | ||
| + | #buffers .buffer-container .pan-controls .ui-slider-handle:active { | ||
| + | outline: 0; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content.buffer-options-align { | ||
| + | top: 35px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content div.buffer-content-spacer { | ||
| + | position: absolute; | ||
| + | top: 25px; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | bottom: 0; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content div.buffer, | ||
| + | #buffers .buffer-container .buffer-content div.buffer-tab-wrapper { | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content div.buffer .buffer-content-container, | ||
| + | #buffers .buffer-container .buffer-content div.buffer-tab-wrapper .buffer-content-container, | ||
| + | #buffers .buffer-container .buffer-content div.buffer .buffer-content-container-fluid, | ||
| + | #buffers .buffer-container .buffer-content div.buffer-tab-wrapper .buffer-content-container-fluid { | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content div.buffer .buffer-content-container, | ||
| + | #buffers .buffer-container .buffer-content div.buffer-tab-wrapper .buffer-content-container { | ||
| + | max-width: 800px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content div.buffer .row, | ||
| + | #buffers .buffer-container .buffer-content div.buffer-tab-wrapper .row { | ||
| + | margin-left: -10px; | ||
| + | margin-right: -10px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content div.buffer .bufferRowReset, | ||
| + | #buffers .buffer-container .buffer-content div.buffer-tab-wrapper .bufferRowReset { | ||
| + | margin-left: -15px; | ||
| + | margin-right: -15px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content div.buffer .col, | ||
| + | #buffers .buffer-container .buffer-content div.buffer-tab-wrapper .col, | ||
| + | #buffers .buffer-container .buffer-content div.buffer .control-label, | ||
| + | #buffers .buffer-container .buffer-content div.buffer-tab-wrapper .control-label { | ||
| + | padding-left: 10px; | ||
| + | padding-right: 10px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content div.buffer .form-horizontal .form-group, | ||
| + | #buffers .buffer-container .buffer-content div.buffer-tab-wrapper .form-horizontal .form-group { | ||
| + | margin-left: -10px; | ||
| + | margin-right: -10px; | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content #mini-map { | ||
| + | overflow: auto; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content #mini-map::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content #mini-map::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content #mini-map:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content #mini-map::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content #mini-map:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content #mini-map svg.mini-map-title { | ||
| + | pointer-events: none; | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | top: 10px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content #mini-map svg.mini-map { | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | position: relative; | ||
| + | margin-bottom: 30px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content #mini-map svg.mini-map g.title { | ||
| + | display: none; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view { | ||
| + | height: 100%; | ||
| + | width: 100%; | ||
| + | padding: 0px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .range { | ||
| + | fill: #feefd1; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .range.range-preview { | ||
| + | fill: red; | ||
| + | fill-opacity: 0.3; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .vote-hover-bars { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .vote-quality-bars { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-top { | ||
| + | position: relative; | ||
| + | top: 0px; | ||
| + | width: 100%; | ||
| + | background-color: white; | ||
| + | overflow-y: scroll; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-top::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-top::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-top:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-top::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-top:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignments-container { | ||
| + | position: absolute; | ||
| + | background-color: #e8f0f2; | ||
| + | width: 100%; | ||
| + | padding-bottom: 5px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignments-container.scrolling-alignment-rows { | ||
| + | overflow-y: scroll; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignments-container.scrolling-alignment-rows::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignments-container.scrolling-alignment-rows::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignments-container.scrolling-alignment-rows::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignments-container .sortable-wrapper .handle { | ||
| + | cursor: url(../img/openhand.cur), pointer; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignments-container .infinite-scroller { | ||
| + | padding-left: 0px; | ||
| + | padding-right: 0px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-bottom { | ||
| + | position: absolute; | ||
| + | bottom: 0px; | ||
| + | width: 100%; | ||
| + | padding-left: 15px; | ||
| + | padding-right: 15px; | ||
| + | background-color: white; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map { | ||
| + | position: relative; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map svg { | ||
| + | display: block; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .top-map { | ||
| + | padding-top: 5px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap { | ||
| + | max-height: 200px; | ||
| + | margin-right: -10px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-bottom .summary-map .map-wrap:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .range-hidden { | ||
| + | cursor: url(../img/openhand.cur), pointer; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .range-hidden.grabbed { | ||
| + | cursor: url(../img/closedhand.cur), pointer; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .ui-sortable-placeholder + .alignment-row .handle { | ||
| + | border-top-width: 1px; | ||
| + | border-top-style: solid; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row.template-alignment { | ||
| + | border-color: red; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row.template-alignment .handle { | ||
| + | background-color: #f8fafb; | ||
| + | border-color: red; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row.template-alignment .handle .name textarea { | ||
| + | top: 14px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row.consensus-alignment { | ||
| + | border-color: blue; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row.consensus-alignment .handle { | ||
| + | background-color: #f8fafb; | ||
| + | border-color: blue; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row.consensus-alignment .handle .name textarea { | ||
| + | top: 14px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-top .alignment-row .handle { | ||
| + | border-top-width: 1px; | ||
| + | border-left-style: solid; | ||
| + | border-left-width: 1px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .fixed-top .alignment-row .handle .name { | ||
| + | white-space: normal; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row { | ||
| + | border-color: #bdc3c7; | ||
| + | position: relative; | ||
| + | min-height: 20px; | ||
| + | width: 100%; | ||
| + | padding-top: 0px; | ||
| + | padding-bottom: 0px; | ||
| + | background-color: #ffffff; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row.ui-sortable-helper:first-child + .alignment-row .handle, | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row:first-child .handle, | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row.ui-sortable-helper .handle { | ||
| + | border-top-width: 1px; | ||
| + | border-top-style: solid; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle { | ||
| + | padding: 2px; | ||
| + | border-bottom-style: solid; | ||
| + | border-bottom-width: 1px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row.ui-sortable-helper { | ||
| + | box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); | ||
| + | cursor: url(../img/closedhand.cur); | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row svg { | ||
| + | display: block; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .slice.alignment { | ||
| + | -webkit-transform: translate3d(0, 0, 0); | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .cursor-triangle { | ||
| + | display: none; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .trim { | ||
| + | fill: #a2b9be; | ||
| + | opacity: 0.5; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row:focus, | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row.focus { | ||
| + | outline: none; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row:focus path.selection, | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row.focus path.selection, | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row:focus rect.selection, | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row.focus rect.selection { | ||
| + | fill: #feefd1; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle { | ||
| + | border-color: #bdc3c7; | ||
| + | background-color: #eee; | ||
| + | border-right-style: solid; | ||
| + | border-right-width: 1px; | ||
| + | position: absolute; | ||
| + | float: left; | ||
| + | width: 105px; | ||
| + | height: 100%; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .slider-container .ui-slider-vertical { | ||
| + | width: 8px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .slider-container .ui-slider-handle { | ||
| + | width: 14px; | ||
| + | height: 10px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .alignment-prefix { | ||
| + | font-weight: 600; | ||
| + | font-size: 10px; | ||
| + | display: block; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .times { | ||
| + | line-height: 15px; | ||
| + | color: #344043; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .times:hover { | ||
| + | color: #e96e51; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .options-btn { | ||
| + | float: left; | ||
| + | outline: none; | ||
| + | height: 16px; | ||
| + | width: 16px; | ||
| + | padding: 0; | ||
| + | min-height: 0px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .options-btn .caret { | ||
| + | margin-top: -3px; | ||
| + | margin-left: -1px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle.grabbed { | ||
| + | cursor: url(../img/closedhand.cur), pointer; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .name { | ||
| + | font-size: 10px; | ||
| + | position: absolute; | ||
| + | padding-left: 2px; | ||
| + | width: 72px; | ||
| + | text-overflow: ellipsis; | ||
| + | overflow-x: hidden; | ||
| + | white-space: nowrap; | ||
| + | display: inline-block; | ||
| + | height: 95%; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .name textarea { | ||
| + | width: 100%; | ||
| + | font-size: 10px; | ||
| + | padding-top: 0px; | ||
| + | padding-left: 0px; | ||
| + | padding-bottom: 0px; | ||
| + | padding-right: 2px; | ||
| + | resize: none; | ||
| + | position: absolute; | ||
| + | bottom: 0px; | ||
| + | top: 0px; | ||
| + | min-height: 0px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .name textarea:not(:focus) { | ||
| + | border: none; | ||
| + | background: none; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .handle .name textarea:focus { | ||
| + | border: none; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .times { | ||
| + | margin-right: 3px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .content { | ||
| + | margin-left: 105px; | ||
| + | min-width: 80px; | ||
| + | overflow-x: scroll; | ||
| + | overflow-y: visible; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .alignment-row .content::-webkit-scrollbar { | ||
| + | display: none; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | bottom: 0; | ||
| + | width: 350px; | ||
| + | background-color: #e8f0f2; | ||
| + | padding: 6px; | ||
| + | padding-bottom: 43px; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | border-radius: 2px; | ||
| + | z-index: 10; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper { | ||
| + | width: 100%; | ||
| + | position: relative; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info { | ||
| + | position: absolute; | ||
| + | top: 6px; | ||
| + | height: 37px; | ||
| + | width: 100%; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info input { | ||
| + | text-align: center; | ||
| + | width: 60px; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .start, | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .dash, | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .end { | ||
| + | margin-right: 4px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .save { | ||
| + | margin-left: 10px; | ||
| + | width: 85px; | ||
| + | padding-bottom: 3px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .delete { | ||
| + | color: gray; | ||
| + | font-size: 15px; | ||
| + | text-align: center; | ||
| + | vertical-align: middle; | ||
| + | margin-top: 0; | ||
| + | margin-right: 3px; | ||
| + | line-height: 28px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .info-wrapper .info .delete:hover { | ||
| + | color: red; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .close-wrapper { | ||
| + | position: relative; | ||
| + | width: 100%; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .close-wrapper .close { | ||
| + | position: absolute; | ||
| + | top: 2px; | ||
| + | right: 4px; | ||
| + | color: black; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .close-wrapper .close:hover { | ||
| + | color: gray; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .alignment-view .edit-alignment-comment .message { | ||
| + | resize: none; | ||
| + | height: 100%; | ||
| + | padding-bottom: 0; | ||
| + | } | ||
| + | #buffers .buffer-container.full-width { | ||
| + | width: 100%; | ||
| + | } | ||
| + | #buffers .buffer-container.invisible { | ||
| + | display: none; | ||
| + | } | ||
| + | #buffers .buffer-container.vertical-split { | ||
| + | width: 50%; | ||
| + | } | ||
| + | #buffers .buffer-container.horizontal-split { | ||
| + | height: 50%; | ||
| + | } | ||
| + | #buffers .buffer-container.horizontal-split + .horizontal-split { | ||
| + | border-top: 1px solid #bdc3c7; | ||
| + | } | ||
| + | #buffers .buffer-container:nth-child(n+2) { | ||
| + | border-left: 1px solid #bdc3c7; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content div.buffer-tab-wrapper .buffer-tab-reset .control-label { | ||
| + | padding-left: 0; | ||
| + | padding-right: 0; | ||
| + | } | ||
| + | #editor.hasLegacyNav .zoom-slider, | ||
| + | #editor.hasLegacyNav .pan-slider { | ||
| + | width: 80px; | ||
| + | } | ||
| + | #editor.hasLegacyNav .zoom-controls, | ||
| + | #editor.hasLegacyNav .pan-controls { | ||
| + | width: 130px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .external-file-wrapper { | ||
| + | height: 100%; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .external-file-wrapper .externalFilePreview { | ||
| + | height: 100%; | ||
| + | position: relative; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .external-file-wrapper .externalFilePreview-syncError { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | background: #d9563a; | ||
| + | color: white; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .external-file-wrapper iframe { | ||
| + | height: 100%; | ||
| + | width: 100%; | ||
| + | /* By default, iframes are inline-block, which results in vertical margin / scrollbar */ | ||
| + | display: block; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .generate-primers .reset-defaults { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .generate-primers .parameters h5 { | ||
| + | font-size: 15px; | ||
| + | border-bottom: 0; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .generate-primers .parameters input[type='text'], | ||
| + | #buffers .buffer-container .buffer-content .buffer .generate-primers .parameters .label-group label { | ||
| + | width: 60px; | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .generate-primers .parameters input[type='text'].long-text { | ||
| + | width: 125px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .generate-primers .parameters .label-group { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .generate-primers .parameters .label-group label { | ||
| + | text-align: center; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .generate-primers .tm-params { | ||
| + | line-height: 28px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .existing-primer { | ||
| + | text-overflow: ellipsis; | ||
| + | white-space: nowrap; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .swatch-big .popover .color-picker .row { | ||
| + | margin: 0 0 5px 0; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .spinner { | ||
| + | margin-top: 0px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer legend { | ||
| + | padding-bottom: 8px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .form-control, | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .help-block, | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .pair-strand, | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .error-msg, | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .existing-primers { | ||
| + | margin-left: 13px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .invisible { | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .error-msg { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-link { | ||
| + | padding-top: 7px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-link a, | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-link a:hover { | ||
| + | color: gray; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-link .spinner { | ||
| + | width: 50px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-temp { | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-temp button { | ||
| + | margin-top: 2px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .secondary-temp input { | ||
| + | width: 40px; | ||
| + | text-align: right; | ||
| + | padding-left: 5px; | ||
| + | padding-right: 5px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .heterodimer-title { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .use-existing-primer .list-group { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .use-existing-primer p:last-child { | ||
| + | margin-bottom: 0px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .single-save, | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .save-pair { | ||
| + | width: 100%; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases { | ||
| + | padding: 0px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .prime { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .five-prime { | ||
| + | vertical-align: top; | ||
| + | margin-top: 9px; | ||
| + | margin-right: 3px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .three-prime { | ||
| + | vertical-align: bottom; | ||
| + | margin-bottom: 9px; | ||
| + | margin-left: 3px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .slice-axis { | ||
| + | font-family: 'Inconsolata', 'Courier New'; | ||
| + | padding-top: 2px; | ||
| + | display: inline-block; | ||
| + | margin-left: 5px; | ||
| + | margin-right: 5px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .primer-text-outer { | ||
| + | display: inline-block; | ||
| + | padding: 8px; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | width: 85%; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .primer-text-outer .tooltip-inner { | ||
| + | max-width: none; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .primer-text { | ||
| + | width: 100%; | ||
| + | -webkit-user-select: initial; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .sequence-primer-bases .primer-text:focus { | ||
| + | outline: 0px solid transparent; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .edit-primer-enzymes { | ||
| + | width: 100%; | ||
| + | margin-left: 13px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .input-field { | ||
| + | padding-top: 7px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .input-field a { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .list-group-item { | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .settings { | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer hr { | ||
| + | margin-bottom: 8px; | ||
| + | width: 85%; | ||
| + | } | ||
| + | #buffers .buffer-container .buffer-content .buffer .edit-primer .radio-inline { | ||
| + | margin-left: 13px; | ||
| + | line-height: 21px; | ||
| + | } | ||
| + | #seqsearch { | ||
| + | top: -180px; | ||
| + | } | ||
| + | #seqsearch .row { | ||
| + | margin-bottom: 3px; | ||
| + | } | ||
| + | #seqsearch .row .glyphicon-question-sign, | ||
| + | #seqsearch .row .glyphicon-exclamation-sign { | ||
| + | margin-left: 5px; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #seqsearch .seq-search-box { | ||
| + | border-radius: 3px; | ||
| + | border-bottom-right-radius: 0; | ||
| + | border-top-right-radius: 0; | ||
| + | } | ||
| + | #seqsearch .in-input { | ||
| + | position: absolute; | ||
| + | right: 92px; | ||
| + | top: 2px; | ||
| + | } | ||
| + | #seqsearch .btn { | ||
| + | color: #344043; | ||
| + | font-size: 11px; | ||
| + | width: 35px; | ||
| + | background: rgba(240, 240, 240, 0.9); | ||
| + | border: 1px solid #a2b9be; | ||
| + | border-radius: 0; | ||
| + | } | ||
| + | #seqsearch .settings-link { | ||
| + | margin-left: 3px; | ||
| + | margin-right: 3px; | ||
| + | cursor: pointer; | ||
| + | text-decoration: none; | ||
| + | color: #344043; | ||
| + | } | ||
| + | #seqsearch .settings-link:hover { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | #seqsearch .settings-link.active { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #seqsearch .settings-link.active:hover { | ||
| + | color: #5899e4; | ||
| + | } | ||
| + | #seqsearch .seq-search-count { | ||
| + | margin-left: 5px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #seqsearch .search-dropdown { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | top: 100%; | ||
| + | width: 100%; | ||
| + | margin-top: 2px; | ||
| + | } | ||
| + | #seqsearch .search-dropdown.open .settings { | ||
| + | border-bottom-left-radius: 0; | ||
| + | border-bottom-right-radius: 0; | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | #seqsearch .search-dropdown.open .settings:not(.hide) + ul.dropdown-menu { | ||
| + | border-top-left-radius: 0; | ||
| + | border-top-right-radius: 0; | ||
| + | margin-top: -1px; | ||
| + | } | ||
| + | #seqsearch .search-dropdown .settings { | ||
| + | padding: 5px 8px; | ||
| + | background-color: white; | ||
| + | border: 1px solid rgba(0, 0, 0, 0.15); | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | #seqsearch .search-dropdown .settings .settings-title { | ||
| + | font-weight: 900; | ||
| + | color: #344043; | ||
| + | } | ||
| + | #seqsearch .search-dropdown .settings form { | ||
| + | padding-left: 2px; | ||
| + | } | ||
| + | #seqsearch .search-dropdown .settings form label { | ||
| + | color: #344043; | ||
| + | } | ||
| + | #seqsearch .search-dropdown .settings kbd { | ||
| + | padding: 5px; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu { | ||
| + | position: relative; | ||
| + | margin-top: 0px; | ||
| + | list-style: none; | ||
| + | width: 100%; | ||
| + | max-height: 200px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu li { | ||
| + | padding: 3px; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu li.result-msg { | ||
| + | padding-left: 8px; | ||
| + | padding-right: 8px; | ||
| + | color: #344043; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu li.result-msg .result-count { | ||
| + | font-weight: 900; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu li.result-msg .result-info { | ||
| + | float: right; | ||
| + | font-style: italic; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu li a { | ||
| + | padding: 3px 7px; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu li a .text { | ||
| + | margin-left: 28px; | ||
| + | height: 28px; | ||
| + | line-height: 28px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu li a .text .location { | ||
| + | color: #a2b9be; | ||
| + | padding-left: 5px; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu li a .text .name { | ||
| + | margin-left: 7px; | ||
| + | display: block; | ||
| + | overflow: hidden; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu li a .text .name .match { | ||
| + | font-weight: 900; | ||
| + | background: #feefd1; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu li a .feat-swatch { | ||
| + | height: 24px; | ||
| + | width: 32px; | ||
| + | margin: 3px; | ||
| + | font-size: 10px; | ||
| + | display: inline-block; | ||
| + | cursor: pointer; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | line-height: 20px; | ||
| + | vertical-align: middle; | ||
| + | text-align: center; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu li a .feat-swatch.striped { | ||
| + | background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); | ||
| + | background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu li a:hover .text .location { | ||
| + | color: white; | ||
| + | } | ||
| + | #seqsearch .search-dropdown ul.dropdown-menu li a:hover .text .name .match { | ||
| + | color: black; | ||
| + | } | ||
| + | #statusbar { | ||
| + | z-index: 55; | ||
| + | position: absolute; | ||
| + | height: 25px; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | border-top: 1px solid #bdc3c7; | ||
| + | background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e8f0f2), to(#c9d8db)); | ||
| + | background-image: -webkit-linear-gradient(top, #e8f0f2, 0%, #c9d8db, 100%); | ||
| + | background-image: -moz-linear-gradient(top, #e8f0f2 0%, #c9d8db 100%); | ||
| + | background-image: linear-gradient(to bottom, #e8f0f2 0%, #c9d8db 100%); | ||
| + | background-repeat: repeat-x; | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8f0f2', endColorstr='#ffc9d8db', GradientType=0); | ||
| + | font-size: 12px; | ||
| + | line-height: 24px; | ||
| + | padding: 0 10px; | ||
| + | } | ||
| + | #statusbar.disabled .btn, | ||
| + | #statusbar.disabled button { | ||
| + | pointer-events: none; | ||
| + | opacity: 0.65; | ||
| + | } | ||
| + | #statusbar .statusbar-section { | ||
| + | display: inline-block; | ||
| + | float: left; | ||
| + | } | ||
| + | #statusbar .statusbar-section:not(:last-child) { | ||
| + | border-right: 1px solid #bdc3c7; | ||
| + | } | ||
| + | #statusbar .statusbar-section:not(:first-child) { | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | #statusbar .statusbar-section.tray-buttons { | ||
| + | z-index: 1000; | ||
| + | border-right: 0; | ||
| + | position: absolute; | ||
| + | right: 10px; | ||
| + | } | ||
| + | #statusbar .statusbar-section.tray-buttons .btn-group.open .dropdown-toggle { | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | } | ||
| + | #statusbar .statusbar-section.tray-buttons .caret { | ||
| + | margin: 0 0 2px 5px; | ||
| + | } | ||
| + | #statusbar .statusbar-section.tray-buttons .btn:first-child { | ||
| + | border-right: 0; | ||
| + | } | ||
| + | #statusbar .statusbar-section.tray-buttons .dropdown-menu > li > a { | ||
| + | width: 200px; | ||
| + | padding-right: 10px; | ||
| + | } | ||
| + | #statusbar .statusbar-section.tray-buttons .dropdown-menu > li > a .assembly-title { | ||
| + | display: inline-block; | ||
| + | width: 150px; | ||
| + | text-overflow: ellipsis; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | #statusbar .statusbar-section.tray-buttons .dropdown-menu > li > a .badge-close { | ||
| + | display: inline-block; | ||
| + | padding: 0 5px; | ||
| + | border-radius: 12px; | ||
| + | } | ||
| + | #statusbar .statusbar-section.tray-buttons .dropdown-menu > li > a .badge-close:hover { | ||
| + | background: #fff; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #statusbar .statusbar-section.tray-buttons .statusbar-group { | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | #statusbar .statusbar-section .statusbar-group { | ||
| + | float: left; | ||
| + | min-height: 24px; | ||
| + | line-height: 24px; | ||
| + | margin-right: 10px; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #statusbar .statusbar-section .statusbar-group.hidden { | ||
| + | display: none; | ||
| + | } | ||
| + | #statusbar .statusbar-section .statusbar-group .btn { | ||
| + | border-top: 0; | ||
| + | border-bottom: 0; | ||
| + | border-radius: 0; | ||
| + | font-size: 12px; | ||
| + | padding-top: 0; | ||
| + | padding-bottom: 0; | ||
| + | letter-spacing: 0; | ||
| + | line-height: inherit; | ||
| + | vertical-align: top; | ||
| + | min-height: 0; | ||
| + | } | ||
| + | #statusbar .statusbar-section .statusbar-group .btn.statusbar-label { | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | #statusbar .statusbar-section .statusbar-label { | ||
| + | font-weight: 500; | ||
| + | margin-right: 3px; | ||
| + | display: inline-block; | ||
| + | text-transform: uppercase; | ||
| + | color: #344043; | ||
| + | } | ||
| + | #statusbar .statusbar-section .statusbar-field { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #statusbar .message { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | bottom: 0; | ||
| + | padding-left: 5px; | ||
| + | right: 0; | ||
| + | background: inherit; | ||
| + | } | ||
| + | #statusbar .timeout.message { | ||
| + | z-index: 50; | ||
| + | } | ||
| + | #statusbar .overlay.message { | ||
| + | z-index: 51; | ||
| + | } | ||
| + | .mono { | ||
| + | font-family: 'Inconsolata', 'Courier New'; | ||
| + | font-size: 15px; | ||
| + | overflow-wrap: break-word; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | .mono.mono-small { | ||
| + | font-size: 13px; | ||
| + | } | ||
| + | #circular-map path.dnaSearch { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #buffers #linear-map, | ||
| + | #buffers #protein-map { | ||
| + | position: relative; | ||
| + | padding: 0px; | ||
| + | } | ||
| + | #buffers #linear-map .slice-wrapper, | ||
| + | #buffers #protein-map .slice-wrapper { | ||
| + | width: 100%; | ||
| + | position: absolute; | ||
| + | } | ||
| + | #buffers #linear-map svg, | ||
| + | #buffers #protein-map svg { | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | font-family: 'Inconsolata', 'Courier New'; | ||
| + | width: 100%; | ||
| + | margin-bottom: 30px; | ||
| + | shape-rendering: crispEdges; | ||
| + | } | ||
| + | #buffers #linear-map svg .sequenceAxis path, | ||
| + | #buffers #protein-map svg .sequenceAxis path { | ||
| + | stroke-width: 1; | ||
| + | stroke: black; | ||
| + | } | ||
| + | #buffers #linear-map svg .sequenceAxis line, | ||
| + | #buffers #protein-map svg .sequenceAxis line { | ||
| + | fill: none; | ||
| + | stroke: black; | ||
| + | stroke-width: 1; | ||
| + | } | ||
| + | #buffers #linear-map .cursor-triangle, | ||
| + | #buffers #protein-map .cursor-triangle { | ||
| + | fill: black; | ||
| + | shape-rendering: geometricPrecision; | ||
| + | } | ||
| + | #buffers #linear-map .dnaSearch .layer, | ||
| + | #buffers #protein-map .aminoAcidsSearch .layer { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .input-bubble { | ||
| + | outline: none; | ||
| + | position: absolute; | ||
| + | background: rgba(255, 255, 255, 0.7); | ||
| + | padding: 3px; | ||
| + | border: 1px solid #a2b9be; | ||
| + | border-radius: 4px; | ||
| + | margin-left: -14px; | ||
| + | margin-top: -10px; | ||
| + | z-index: 10; | ||
| + | -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5); | ||
| + | box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.5); | ||
| + | } | ||
| + | .input-bubble p { | ||
| + | margin: 0; | ||
| + | padding: 5px 5px 3px; | ||
| + | background: rgba(240, 240, 240, 0.9); | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .input-bubble a:hover kbd { | ||
| + | background-color: #dedede; | ||
| + | } | ||
| + | .input-bubble input { | ||
| + | border: 2px solid transparent; | ||
| + | outline: 0; | ||
| + | -webkit-box-shadow: none; | ||
| + | box-shadow: none; | ||
| + | font-size: 1.2em; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .input-bubble input.bad-base { | ||
| + | border: 2px solid #dfaeb7; | ||
| + | } | ||
| + | .input-bubble .triangle { | ||
| + | width: 0px; | ||
| + | height: 0px; | ||
| + | border-style: solid; | ||
| + | border-width: 0 10px 10px 10px; | ||
| + | border-color: transparent transparent #a2b9be transparent; | ||
| + | position: absolute; | ||
| + | margin-top: -14px; | ||
| + | margin-left: 3px; | ||
| + | } | ||
| + | .input-bubble .triangle.bottom { | ||
| + | border-width: 10px 10px 0 10px; | ||
| + | border-color: #a2b9be transparent transparent transparent; | ||
| + | margin-top: 4px; | ||
| + | } | ||
| + | @-webkit-keyframes blink { | ||
| + | 0%, | ||
| + | 100% { | ||
| + | stroke-opacity: 1; | ||
| + | } | ||
| + | 50% { | ||
| + | stroke-opacity: 0; | ||
| + | } | ||
| + | } | ||
| + | @-moz-keyframes blink { | ||
| + | 0%, | ||
| + | 100% { | ||
| + | stroke-opacity: 1; | ||
| + | } | ||
| + | 50% { | ||
| + | stroke-opacity: 0; | ||
| + | } | ||
| + | } | ||
| + | .translations { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #primer-panel .primers-table tr { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #primer-panel .primers-table tr.partner-selected { | ||
| + | background: #f2f7fd; | ||
| + | } | ||
| + | #primer-panel .additional-primer-info { | ||
| + | position: relative; | ||
| + | } | ||
| + | #primer-panel .additional-primer-info .other-binding.disabled { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #primer-panel .additional-primer-info .other-binding.disabled:hover { | ||
| + | background-color: white; | ||
| + | cursor: default; | ||
| + | } | ||
| + | #primer-panel .additional-primer-info .swatch-big { | ||
| + | cursor: default; | ||
| + | } | ||
| + | #primer-panel .additional-primer-info .disabled { | ||
| + | pointer-events: none; | ||
| + | text-decoration: none; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #primer-panel .additional-primer-info .sequence-primer-bases { | ||
| + | padding: 8px; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | } | ||
| + | #primer-panel .additional-primer-info .primer-info-table { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | #primer-panel .additional-primer-info .primer-info-table td:last-child { | ||
| + | text-align: right; | ||
| + | } | ||
| + | #primer-panel .additional-primer-info .primer-info-table col.value { | ||
| + | width: 200px; | ||
| + | } | ||
| + | #primer-panel .additional-primer-info .info-toolbar { | ||
| + | width: 100%; | ||
| + | } | ||
| + | #primer-panel .additional-primer-info .info-toolbar > .btn, | ||
| + | #primer-panel .additional-primer-info .info-toolbar > .btn-group { | ||
| + | width: 33%; | ||
| + | } | ||
| + | #primer-panel .additional-primer-info .info-toolbar > .btn > .btn, | ||
| + | #primer-panel .additional-primer-info .info-toolbar > .btn-group > .btn { | ||
| + | width: 100%; | ||
| + | } | ||
| + | #primer-panel .primer-links-table tbody { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #primer-panel .primer-links-table tbody:hover td { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .primer-base-sticky-end { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .primer-base-recognition-site { | ||
| + | font-weight: 600; | ||
| + | color: black; | ||
| + | } | ||
| + | .primer-base-match { | ||
| + | background: #2dfcc4; | ||
| + | } | ||
| + | .primer-base-match:not(.primer-base-sticky-end) { | ||
| + | color: black; | ||
| + | } | ||
| + | .primer-base-overhang { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .primer-base-no-match { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .sequence-primer-bases { | ||
| + | padding: 5px 15px; | ||
| + | word-break: break-all; | ||
| + | } | ||
| + | .sequence-primer-bases .prime { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #restriction-panel .panel-sidebar .cut-positions { | ||
| + | clear: left; | ||
| + | width: 100px; | ||
| + | border: 1px solid #d9dcde; | ||
| + | } | ||
| + | #restriction-panel .panel-sidebar .cut-positions .table { | ||
| + | margin: 0; | ||
| + | } | ||
| + | #restriction-panel .panel-sidebar .cut-positions .table td { | ||
| + | border-bottom: 1px solid #d9dcde; | ||
| + | text-align: right; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #restriction-panel .panel-sidebar .cut-positions .table tr:last-child td { | ||
| + | border: 0; | ||
| + | } | ||
| + | #restriction-panel .panel-container h5 .glyphicon { | ||
| + | font-size: 0.7em; | ||
| + | } | ||
| + | #restriction-panel .panel-container h5 .tagline { | ||
| + | font-size: 11px; | ||
| + | color: #a2b9be; | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | #restriction-panel .panel-container .catalogue, | ||
| + | #restriction-panel .panel-container .active-enzymes { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | #restriction-panel .panel-container .catalogue tbody, | ||
| + | #restriction-panel .panel-container .active-enzymes tbody { | ||
| + | height: 150px; | ||
| + | } | ||
| + | #restriction-panel .panel-container .catalogue tr.highlight td, | ||
| + | #restriction-panel .panel-container .active-enzymes tr.highlight td { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | #restriction-panel .panel-container .catalogue td, | ||
| + | #restriction-panel .panel-container .active-enzymes td, | ||
| + | #restriction-panel .panel-container .catalogue th, | ||
| + | #restriction-panel .panel-container .active-enzymes th { | ||
| + | width: 120px; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #restriction-panel .panel-container .catalogue td + td, | ||
| + | #restriction-panel .panel-container .active-enzymes td + td, | ||
| + | #restriction-panel .panel-container .catalogue th + th, | ||
| + | #restriction-panel .panel-container .active-enzymes th + th { | ||
| + | width: 80px; | ||
| + | } | ||
| + | #restriction-panel .panel-container .catalogue tr, | ||
| + | #restriction-panel .panel-container .active-enzymes tr { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #restriction-panel .panel-container .catalogue .swatch, | ||
| + | #restriction-panel .panel-container .active-enzymes .swatch { | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | #restriction-panel .panel-container .catalogue tr.active:hover td, | ||
| + | #restriction-panel .panel-container .active-enzymes tr:hover td { | ||
| + | background-color: #f2dede; | ||
| + | } | ||
| + | #restriction-panel .panel-container .digest-library td, | ||
| + | #restriction-panel .panel-container .digest-library th { | ||
| + | width: 150px; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #restriction-panel .panel-container .digest-library td + td, | ||
| + | #restriction-panel .panel-container .digest-library th + th { | ||
| + | width: 250px; | ||
| + | } | ||
| + | #restriction-panel .panel-container .digest-library tr .delete { | ||
| + | display: none; | ||
| + | } | ||
| + | #restriction-panel .panel-container .digest-library tr:hover .delete { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #restriction-panel .panel-container .cut-region { | ||
| + | margin-bottom: 0px; | ||
| + | } | ||
| + | .table-note { | ||
| + | font-size: 11px; | ||
| + | color: #344043; | ||
| + | } | ||
| + | .cut-info-wrapper { | ||
| + | text-align: center; | ||
| + | margin: 15px 0; | ||
| + | } | ||
| + | .cut-info-wrapper .cut-info { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .cut-info-wrapper .cut-info .cut-symbol { | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | border-style: solid; | ||
| + | border-left: 5px solid transparent; | ||
| + | border-right: 5px solid transparent; | ||
| + | position: absolute; | ||
| + | margin-left: -5px; | ||
| + | } | ||
| + | .cut-info-wrapper .cut-info .enzyme-top .cut-symbol { | ||
| + | border-width: 10px 5px 0; | ||
| + | border-color: #5c7c83 transparent transparent; | ||
| + | margin-top: -4px; | ||
| + | } | ||
| + | .cut-info-wrapper .cut-info .enzyme-bottom .cut-symbol { | ||
| + | border-width: 0 5px 10px; | ||
| + | border-color: transparent transparent #5c7c83; | ||
| + | margin-top: 15px; | ||
| + | } | ||
| + | .enzyme-popover-info { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .enzyme-popover-info dl { | ||
| + | margin: 0; | ||
| + | } | ||
| + | .enzyme-popover-info dt { | ||
| + | font-weight: 600; | ||
| + | float: left; | ||
| + | margin-bottom: 5px; | ||
| + | margin-right: 5px; | ||
| + | color: #444; | ||
| + | } | ||
| + | .enzyme-popover-info dt:after { | ||
| + | content: ':'; | ||
| + | } | ||
| + | .enzyme-popover-info dd { | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | .enzyme-popover-info th { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .toolbar .panel-container .table.enzyme-preview-table td:first-child, | ||
| + | .toolbar .panel-container .table.enzyme-preview-table th:first-child { | ||
| + | text-align: center; | ||
| + | } | ||
| + | .toolbar .panel-container .table.enzyme-preview-table th { | ||
| + | background-color: #f8fafb; | ||
| + | } | ||
| + | .toolbar .panel-container .table.enzyme-preview-table th.is-highlighted { | ||
| + | font-weight: 500; | ||
| + | } | ||
| + | .enzyme-isoschizomers { | ||
| + | padding-left: 0; | ||
| + | list-style: none; | ||
| + | } | ||
| + | .enzyme-isoschizomers li { | ||
| + | display: inline; | ||
| + | } | ||
| + | .enzyme-isoschizomers li:not(:last-child):after { | ||
| + | content: ', '; | ||
| + | } | ||
| + | .copy-button { | ||
| + | opacity: 0.6; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .copy-button.zeroclipboard-is-hover { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | .modal dl { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .modal dt { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .modal dt, | ||
| + | .modal dd { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | .modal .dl-horizontal--noSpacing dt, | ||
| + | .modal .dl-horizontal--noSpacing dd { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | #selection-modal .modal-dialog { | ||
| + | width: 700px; | ||
| + | } | ||
| + | #selection-modal .modal-body > .row { | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | #selection-modal label { | ||
| + | font-size: 11px; | ||
| + | font-weight: 600; | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | #selection-modal i { | ||
| + | float: right; | ||
| + | opacity: 0.6; | ||
| + | cursor: pointer; | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | #selection-modal i.zeroclipboard-is-hover { | ||
| + | opacity: 1; | ||
| + | } | ||
| + | #selection-modal textarea[readonly=readonly] { | ||
| + | overflow-y: hidden; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .sequence-description-modal .table, | ||
| + | .sequence-description-modal well { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .sequence-description-modal .glyphicon-pencil { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .sequence-description-modal .modal-edit-description button { | ||
| + | width: 40%; | ||
| + | margin-left: 15px; | ||
| + | } | ||
| + | .sequence-description-modal .modal-description p { | ||
| + | overflow-wrap: break-word; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | .visibility-option-modal input { | ||
| + | width: auto; | ||
| + | } | ||
| + | #buffers .buffer-options .btn-group .settings { | ||
| + | font-size: inherit; | ||
| + | } | ||
| + | #buffers .buffer-options .btn-group .settings:hover { | ||
| + | color: #5c7c83; | ||
| + | } | ||
| + | #share-panel input { | ||
| + | cursor: text; | ||
| + | } | ||
| + | #information-panel .locked-help h6 { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #information-panel .locked-help a { | ||
| + | text-decoration: none; | ||
| + | margin-left: 8px; | ||
| + | } | ||
| + | #information-panel .info-locked input { | ||
| + | margin-top: 2px; | ||
| + | } | ||
| + | #information-panel .info-locked label:nth-child(2) { | ||
| + | margin-left: 20px; | ||
| + | } | ||
| + | #information-panel .info-description { | ||
| + | padding: 5px; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | cursor: pointer; | ||
| + | padding: 9px; | ||
| + | min-height: 45px; | ||
| + | max-height: 100px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | #information-panel .info-description::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #information-panel .info-description::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #information-panel .info-description:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #information-panel .info-description::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #information-panel .info-description:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #information-panel .info-description:hover { | ||
| + | border-color: #428ce1; | ||
| + | } | ||
| + | #information-panel .tag-editor span { | ||
| + | margin: 0; | ||
| + | } | ||
| + | #information-panel .tag-editor .glyphicon-question-sign { | ||
| + | margin-top: 6px; | ||
| + | } | ||
| + | #information-panel span.info-delete-icon, | ||
| + | #information-panel span.info-export-icon { | ||
| + | margin: 0 10px 0 0; | ||
| + | } | ||
| + | #information-panel span.info-export-text { | ||
| + | margin: 0; | ||
| + | } | ||
| + | #trace-panel .new-trace-spinner { | ||
| + | height: 38px; | ||
| + | } | ||
| + | #trace-panel .tracefilebox { | ||
| + | background: #f8fafb; | ||
| + | padding: 3px 5px; | ||
| + | overflow: hidden; | ||
| + | white-space: nowrap; | ||
| + | text-overflow: ellipsis; | ||
| + | } | ||
| + | #trace-panel .trace-library tr { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #trace-panel .trace-library tr .delete { | ||
| + | display: none; | ||
| + | } | ||
| + | #trace-panel .trace-library tr:hover .delete { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | #alignment-panel .new-alignment-btn { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | #alignment-panel .library-alignment-spinner { | ||
| + | margin-top: -6px; | ||
| + | } | ||
| + | .align-modal .sequences .with-template-choosing { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .align-modal .sequences td, | ||
| + | .align-modal .existing td, | ||
| + | .align-modal .templates td { | ||
| + | line-height: 20px; | ||
| + | } | ||
| + | .align-modal .sequences tr.template, | ||
| + | .align-modal .existing tr.template, | ||
| + | .align-modal .templates tr.template { | ||
| + | background-color: #feefd1; | ||
| + | } | ||
| + | .align-modal .sequences .alignment-icon .glyphicon, | ||
| + | .align-modal .existing .alignment-icon .glyphicon, | ||
| + | .align-modal .templates .alignment-icon .glyphicon { | ||
| + | color: #a2b9be; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | .align-modal h4 { | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .align-modal .badge-template { | ||
| + | background-color: #428ce1; | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | .align-modal .existing td.name, | ||
| + | .align-modal .templates td.name { | ||
| + | width: 80%; | ||
| + | } | ||
| + | .align-modal .existing td.current, | ||
| + | .align-modal .templates td.current { | ||
| + | width: 20%; | ||
| + | } | ||
| + | .align-modal .description { | ||
| + | padding-bottom: 10px; | ||
| + | } | ||
| + | .align-modal .footnote { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .align-modal .or { | ||
| + | line-height: 30px; | ||
| + | } | ||
| + | .align-modal .algorithm-options { | ||
| + | margin-top: 15px; | ||
| + | } | ||
| + | .align-modal .algorithm-options label > a { | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | .align-modal .algorithm-options fieldset { | ||
| + | padding: 5px 10px; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .align-modal .algorithm-options fieldset label { | ||
| + | margin-top: 5px; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | #diagnostic { | ||
| + | position: relative; | ||
| + | } | ||
| + | #diagnostic .results { | ||
| + | z-index: 100; | ||
| + | background: white; | ||
| + | position: absolute; | ||
| + | list-style: none; | ||
| + | display: none; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | width: 100%; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | overflow: auto; | ||
| + | } | ||
| + | #diagnostic .results::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | #diagnostic .results::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #diagnostic .results:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | #diagnostic .results::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #diagnostic .results:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #diagnostic .results li { | ||
| + | padding: 5px 10px; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | #diagnostic .results li.active { | ||
| + | color: white; | ||
| + | background: #428ce1; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #diagnostic .results li.active .description { | ||
| + | color: #e8f0f2; | ||
| + | } | ||
| + | #diagnostic .results li.active .folder { | ||
| + | color: white; | ||
| + | } | ||
| + | #diagnostic .results li.no-results { | ||
| + | color: #a2b9be; | ||
| + | pointer-events: none; | ||
| + | } | ||
| + | #diagnostic .results li .name, | ||
| + | #diagnostic .results li .folder, | ||
| + | #diagnostic .results li .description { | ||
| + | text-overflow: ellipsis; | ||
| + | overflow: hidden; | ||
| + | } | ||
| + | #diagnostic .results li .name { | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | #diagnostic .results li .folder { | ||
| + | float: right; | ||
| + | display: inline-block; | ||
| + | width: 150px; | ||
| + | white-space: nowrap; | ||
| + | text-align: right; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #diagnostic .results li .description { | ||
| + | margin-top: 3px; | ||
| + | color: #a2b9be; | ||
| + | font-style: italic; | ||
| + | line-height: 18px; | ||
| + | max-height: 36px; | ||
| + | white-space: nowrap; | ||
| + | width: 100%; | ||
| + | } | ||
| + | .searching .search-input { | ||
| + | background: url('../img/search-spinner.gif') 97% center no-repeat #ffffff; | ||
| + | } | ||
| + | #diagnostic { | ||
| + | display: inline-block; | ||
| + | margin-left: 15px; | ||
| + | } | ||
| + | #diagnostic .navbar-form { | ||
| + | padding: 0; | ||
| + | } | ||
| + | @media (min-width: 768px) { | ||
| + | #diagnostic .search-input-group { | ||
| + | width: 250px; | ||
| + | } | ||
| + | } | ||
| + | @media (min-width: 992px) { | ||
| + | #diagnostic .search-input-group { | ||
| + | width: 340px; | ||
| + | } | ||
| + | } | ||
| + | #diagnostic .search-input-group input, | ||
| + | #diagnostic .search-input-group button { | ||
| + | height: 30px; | ||
| + | min-height: 30px; | ||
| + | border: 1px solid #276ab7; | ||
| + | } | ||
| + | #diagnostic .search-input-group input { | ||
| + | border-radius: 1px; | ||
| + | border-right: none; | ||
| + | margin: 0; | ||
| + | } | ||
| + | #diagnostic .search-input-group button { | ||
| + | border-left: 1px solid #a2b9be; | ||
| + | } | ||
| + | #diagnostic .search-input-group button .glyphicon { | ||
| + | top: 3px; | ||
| + | vertical-align: top; | ||
| + | } | ||
| + | #diagnostic.searching .search-input { | ||
| + | background: url('../img/search-spinner.gif') right center no-repeat #ffffff; | ||
| + | } | ||
| + | .tracetab { | ||
| + | padding-top: 15px; | ||
| + | } | ||
| + | .tracetab dl { | ||
| + | display: inline-block; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | .tracetab dl dt { | ||
| + | width: 80px; | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .tracetab dl dd { | ||
| + | margin-left: 100px; | ||
| + | } | ||
| + | .tracetab .graph .axis { | ||
| + | display: inline-block; | ||
| + | font-size: 11px; | ||
| + | width: 50px; | ||
| + | text-align: center; | ||
| + | float: left; | ||
| + | margin-right: 10px; | ||
| + | margin-top: 48px; | ||
| + | } | ||
| + | .tracetab .graph .axis h6 { | ||
| + | font-weight: 700; | ||
| + | text-align: right; | ||
| + | } | ||
| + | .tracetab .graph .axis .slider-vertical { | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | .tracetab .graph .trace-svg .domain { | ||
| + | fill-opacity: 0; | ||
| + | } | ||
| + | .tracetab .graph .trace-svg .base-lines { | ||
| + | fill-opacity: 0; | ||
| + | } | ||
| + | .tracetab .graph .trace-svg .traces { | ||
| + | display: inline-block; | ||
| + | float: left; | ||
| + | } | ||
| + | .tracetab .graph .trace-svg .axis-line { | ||
| + | stroke-width: 0.2; | ||
| + | stroke: black; | ||
| + | } | ||
| + | #import .errors-only { | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | #import .errors-only label { | ||
| + | line-height: 34px; | ||
| + | } | ||
| + | #import .import-library-select { | ||
| + | width: auto; | ||
| + | margin: 0 5px; | ||
| + | padding: 6px; | ||
| + | } | ||
| + | #import .import-context-bar-wrapper { | ||
| + | width: 100%; | ||
| + | height: 40px; | ||
| + | } | ||
| + | #import .import-context-bar-wrapper .import-context-bar { | ||
| + | height: inherit; | ||
| + | } | ||
| + | #import .import-context-bar-wrapper .import-context-bar.affix { | ||
| + | position: fixed; | ||
| + | top: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | z-index: 1; | ||
| + | } | ||
| + | #import .import-context-bar-wrapper .import-context-bar.affix .container { | ||
| + | padding: 0 15px; | ||
| + | } | ||
| + | #import .import-context-bar-wrapper .import-context-bar.affix .import-context-bar-inner { | ||
| + | border-bottom: 2px solid #428ce1; | ||
| + | } | ||
| + | #import .import-context-bar-wrapper .import-context-bar .container { | ||
| + | padding: 0; | ||
| + | } | ||
| + | #import .import-context-bar-wrapper .import-context-bar .import-context-bar-inner { | ||
| + | padding: 5px 10px 5px 15px; | ||
| + | background: white; | ||
| + | } | ||
| + | #import .import-context-bar-wrapper .import-context-bar .select-all { | ||
| + | position: relative; | ||
| + | top: 3px; | ||
| + | } | ||
| + | #import .import-context-bar-wrapper .import-context-bar .library-group { | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | #import .import-context-bar-wrapper .import-context-bar .import-progress { | ||
| + | width: 200px; | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | #import .uploading-files { | ||
| + | list-style: none; | ||
| + | margin: 10px 0 20px; | ||
| + | padding: 0; | ||
| + | } | ||
| + | #import .uploading-files li { | ||
| + | margin-bottom: 5px; | ||
| + | -webkit-user-select: none; | ||
| + | -moz-user-select: none; | ||
| + | -ms-user-select: none; | ||
| + | -o-user-select: none; | ||
| + | user-select: none; | ||
| + | cursor: default; | ||
| + | } | ||
| + | #import .uploading-files li label { | ||
| + | display: block; | ||
| + | font-size: 14px; | ||
| + | font-weight: 400; | ||
| + | } | ||
| + | #import .uploading-files li .error-row { | ||
| + | font-weight: 700; | ||
| + | color: #b94a48; | ||
| + | line-height: 18px; | ||
| + | } | ||
| + | #import .uploading-files li .file-row { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | border-left-width: 5px; | ||
| + | padding: 2px 10px; | ||
| + | line-height: 25px; | ||
| + | } | ||
| + | #import .uploading-files li .file-row .file-name { | ||
| + | margin-left: 10px; | ||
| + | font-style: italic; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #import .uploading-files li .file-row .error-row { | ||
| + | padding: 0 10px 0 38px; | ||
| + | } | ||
| + | #import .uploading-files li .sequence-row { | ||
| + | border-style: solid; | ||
| + | border-color: #e8f0f2; | ||
| + | border-width: 0 1px 1px; | ||
| + | padding: 2px 10px; | ||
| + | line-height: 20px; | ||
| + | margin-left: 30px; | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | #import .uploading-files li .sequence-row .error-row { | ||
| + | padding: 5px 15px; | ||
| + | } | ||
| + | #import .uploading-files li .sequence-row .error-row .error-message { | ||
| + | padding-left: 15px; | ||
| + | } | ||
| + | #import .uploading-files li .sequence-row .sequence-name { | ||
| + | margin-left: 10px; | ||
| + | color: #344043; | ||
| + | font-weight: 700; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #import .uploading-files li .sequence-row .sequence-name:hover { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #import .uploading-files li .sequence-row .sequence-name:focus { | ||
| + | outline: 1px solid #a2b9be; | ||
| + | } | ||
| + | #import .uploading-files li .sequence-row .field-error { | ||
| + | display: inline-block; | ||
| + | margin-top: 4px; | ||
| + | margin-bottom: 0px; | ||
| + | } | ||
| + | #import .uploading-files li .sequence-row .sequence-upload-links { | ||
| + | text-transform: uppercase; | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | #import .uploading-files li .sequence-row .sequence-upload-links .sequence-upload-folder { | ||
| + | color: #a2b9be; | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | #import .uploading-files li .sequence-row .sequence-upload-links .sequence-upload-folder .folder-name { | ||
| + | color: #344043; | ||
| + | } | ||
| + | #import .uploading-files li .sequence-row label { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #import .uploading-files li .sequence-row .tags { | ||
| + | display: inline; | ||
| + | vertical-align: middle; | ||
| + | margin-left: 20px; | ||
| + | } | ||
| + | #import .uploading-files li .progress { | ||
| + | margin: 2px 0; | ||
| + | height: 25px; | ||
| + | } | ||
| + | #import .uploading-files li .progress-percentage-box { | ||
| + | float: left; | ||
| + | margin-top: 2px; | ||
| + | height: 25px; | ||
| + | width: 30px; | ||
| + | text-align: right; | ||
| + | } | ||
| + | .text-editable { | ||
| + | cursor: pointer; | ||
| + | min-width: 5px; | ||
| + | padding: 0px 3px; | ||
| + | -webkit-user-select: text; | ||
| + | -moz-user-select: text; | ||
| + | -ms-user-select: text; | ||
| + | -o-user-select: text; | ||
| + | user-select: text; | ||
| + | overflow-wrap: break-word; | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | .text-editable:hover, | ||
| + | .text-editable.hover { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .text-editable:focus, | ||
| + | .text-editable.focus { | ||
| + | outline: 1px solid #a2b9be; | ||
| + | } | ||
| + | .text-editable:focus:hover, | ||
| + | .text-editable.focus:hover, | ||
| + | .text-editable:focus.hover, | ||
| + | .text-editable.focus.hover { | ||
| + | background: none; | ||
| + | } | ||
| + | #chromosome-import .row:not(:first-child) { | ||
| + | margin-top: 15px; | ||
| + | } | ||
| + | #chromosome-import .sequence-link { | ||
| + | text-transform: uppercase; | ||
| + | font-weight: 700; | ||
| + | margin-top: 7px; | ||
| + | } | ||
| + | #chromosome-import .spinner { | ||
| + | margin-top: 4px; | ||
| + | } | ||
| + | #dbimport .dbimport-import-btn { | ||
| + | width: 100px; | ||
| + | } | ||
| + | #dbimport .media { | ||
| + | padding-top: 10px; | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | #dbimport .media-object { | ||
| + | max-height: 100px; | ||
| + | max-width: 60px; | ||
| + | padding-top: 20px; | ||
| + | } | ||
| + | #dbimport dt { | ||
| + | width: 100px; | ||
| + | } | ||
| + | #dbimport dd { | ||
| + | margin-left: 120px; | ||
| + | } | ||
| + | #help-button.disabled { | ||
| + | pointer-events: none; | ||
| + | opacity: 0.65; | ||
| + | } | ||
| + | #help.modal .panel-heading { | ||
| + | padding: 0; | ||
| + | } | ||
| + | #help.modal .panel-heading h3 a { | ||
| + | padding: 10px 15px; | ||
| + | display: block; | ||
| + | } | ||
| + | #help.modal ul { | ||
| + | list-style: none; | ||
| + | padding: 0; | ||
| + | } | ||
| + | #help.modal ul li { | ||
| + | border-bottom: 1px solid white; | ||
| + | } | ||
| + | #help.modal ul li a { | ||
| + | display: block; | ||
| + | padding: 5px 10px; | ||
| + | border-left: 5px solid #e8f0f2; | ||
| + | } | ||
| + | #help.modal ul li a:hover { | ||
| + | border-left: 5px solid #428ce1; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #help.modal input { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | #help.modal .collapsing { | ||
| + | -webkit-transition: height 0.050s; | ||
| + | transition: height 0.050s; | ||
| + | } | ||
| + | #static { | ||
| + | text-align: justify; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #static h2 { | ||
| + | font-weight: 400; | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | #static p { | ||
| + | margin-bottom: 30px; | ||
| + | } | ||
| + | #static dl dt { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | #static dl dt, | ||
| + | #static dl dd { | ||
| + | margin-bottom: 20px; | ||
| + | } | ||
| + | #static dl ul { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | .amino-acid-modal .table { | ||
| + | margin: 0; | ||
| + | } | ||
| + | .amino-acid-modal .table tr td { | ||
| + | border-top: 0; | ||
| + | text-align: center; | ||
| + | } | ||
| + | .amino-acid-modal .table tr td:first-child { | ||
| + | padding-left: 0; | ||
| + | } | ||
| + | .amino-acid-modal .table tr td:last-child { | ||
| + | padding-right: 0; | ||
| + | } | ||
| + | .amino-acid-modal > .table { | ||
| + | width: 500px; | ||
| + | } | ||
| + | .amino-acid-modal > .table > tbody > tr { | ||
| + | border-bottom: 1px solid #bdc3c7; | ||
| + | } | ||
| + | .amino-acid-modal > .table > tbody > tr:last-child { | ||
| + | border-bottom: 0; | ||
| + | } | ||
| + | .amino-acid-modal > .table > tbody > tr > td { | ||
| + | cursor: pointer; | ||
| + | border-right: 1px solid #bdc3c7; | ||
| + | padding: 0; | ||
| + | width: 125px; | ||
| + | } | ||
| + | .amino-acid-modal > .table > tbody > tr > td:last-child { | ||
| + | border-right: 0; | ||
| + | } | ||
| + | .amino-acid-modal > .table > tbody > tr > td tr.selected { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | .amino-acid-modal > .table > tbody > tr > td > .table tr td:first-child { | ||
| + | font-family: 'Inconsolata', 'Courier New'; | ||
| + | width: 62px; | ||
| + | } | ||
| + | .tag-editor { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | .tag-editor.readonly .tag-form, | ||
| + | .tag-editor.readonly hr { | ||
| + | display: none; | ||
| + | } | ||
| + | .tag-editor.readonly .tag-table tr { | ||
| + | pointer-events: none; | ||
| + | } | ||
| + | .tag-editor .glyphicon-question-sign { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .tag-editor .tag-form .add-tag-col { | ||
| + | text-align: center; | ||
| + | margin-left: -10px; | ||
| + | } | ||
| + | .tag-editor .tag-form .row { | ||
| + | margin-bottom: 0px; | ||
| + | } | ||
| + | .tag-editor .tag-table { | ||
| + | word-break: break-all; | ||
| + | } | ||
| + | .tag-editor .tag-table .tag-name { | ||
| + | width: 40%; | ||
| + | } | ||
| + | .tag-editor .tag-table tbody tr { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .tag-editor .tag-table tbody tr:hover .tag-manage-buttons { | ||
| + | display: block; | ||
| + | } | ||
| + | .tag-editor .tag-table tbody tr td { | ||
| + | -webkit-transition: background 0.2s ease-out; | ||
| + | transition: background 0.2s ease-out; | ||
| + | } | ||
| + | .tag-editor .tag-table .tag-name-wrapper { | ||
| + | position: relative; | ||
| + | } | ||
| + | .tag-editor .tag-table .tag-name-wrapper .tag-manage-buttons { | ||
| + | position: absolute; | ||
| + | left: -22px; | ||
| + | top: -10px; | ||
| + | padding: 10px 0; | ||
| + | display: none; | ||
| + | z-index: 1; | ||
| + | } | ||
| + | .tag-editor .tag-table .tag-name-wrapper .tag-manage-buttons .tag-delete { | ||
| + | color: white; | ||
| + | background: #a2b9be; | ||
| + | padding: 1px 6px; | ||
| + | border-radius: 50px; | ||
| + | display: inline-block; | ||
| + | cursor: pointer; | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | .tag-editor .tag-table .tag-name-wrapper .tag-manage-buttons .tag-delete:hover { | ||
| + | background: #d9563a; | ||
| + | } | ||
| + | #editor #habla_window_div { | ||
| + | right: 290px !important; | ||
| + | } | ||
| + | #habla_panel_div { | ||
| + | border-style: solid !important; | ||
| + | border-color: #2c76cc !important; | ||
| + | border-width: 1px 1px 0 !important; | ||
| + | } | ||
| + | #habla_window_div.olrk-fixed-bottom .habla_panel_border, | ||
| + | #habla_window_div.olrk-fixed-bottom #habla_topbar_div { | ||
| + | border-top-right-radius: 0 !important; | ||
| + | border-top-left-radius: 0 !important; | ||
| + | font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial, sans-serif !important; | ||
| + | font-size: 13px !important; | ||
| + | } | ||
| + | #habla_topbar_div { | ||
| + | text-shadow: 0 -1px rgba(0, 0, 0, 0.3); | ||
| + | } | ||
| + | #virtual-gel dl { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #virtual-gel dl dt { | ||
| + | font-weight: 600; | ||
| + | width: 60px; | ||
| + | } | ||
| + | #virtual-gel dl dd { | ||
| + | margin-left: 80px; | ||
| + | } | ||
| + | #virtual-gel dl.highlighted dt { | ||
| + | width: 140px; | ||
| + | } | ||
| + | #virtual-gel dl.highlighted dd { | ||
| + | margin-left: 160px; | ||
| + | } | ||
| + | #virtual-gel svg text { | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | #virtual-gel svg g.ladder g.bands rect { | ||
| + | cursor: default; | ||
| + | } | ||
| + | #virtual-gel svg g.bands rect { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #virtual-gel svg g.bands rect.active { | ||
| + | fill-opacity: 1; | ||
| + | } | ||
| + | #cloning-exact-help { | ||
| + | display: inline-block; | ||
| + | text-align: left; | ||
| + | } | ||
| + | #editor .find-primers-view { | ||
| + | position: relative; | ||
| + | padding: 20px; | ||
| + | } | ||
| + | #editor .find-primers-view .existing-primers button { | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | #editor .find-primers-view .search-results { | ||
| + | list-style: none; | ||
| + | padding: 0; | ||
| + | line-height: normal; | ||
| + | } | ||
| + | #editor .find-primers-view .search-results li { | ||
| + | padding: 10px; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #editor .find-primers-view .search-results li:hover { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #editor .find-primers-view .search-results li.selected { | ||
| + | background: #feefd1; | ||
| + | } | ||
| + | #editor .find-primers-view .search-results li.selected .result-header { | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | #editor .find-primers-view .search-results li .bases { | ||
| + | padding: 5px 0; | ||
| + | } | ||
| + | #editor .find-primers-view .find-type .row { | ||
| + | line-height: 30px; | ||
| + | } | ||
| + | #editor .find-primers-view .find-type .row .col.left-label { | ||
| + | padding-right: 5px; | ||
| + | padding-left: 0px; | ||
| + | } | ||
| + | #editor .find-primers-view .swatch-big { | ||
| + | margin-top: 7px; | ||
| + | } | ||
| + | #editor .find-primers-view .single-save { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | #editor .find-primers-view .save-new-primers .row { | ||
| + | line-height: 30px; | ||
| + | } | ||
| + | #editor .find-primers-view .save-new-primers .swatch-big .popover .color-picker .row { | ||
| + | margin: 0 0 5px 0; | ||
| + | } | ||
| + | #editor .find-primers-view .search-query-form .row { | ||
| + | line-height: 30px; | ||
| + | } | ||
| + | #editor .find-primers-view .search-query-form .find-param { | ||
| + | width: 40px; | ||
| + | text-align: right; | ||
| + | padding-left: 5px; | ||
| + | padding-right: 5px; | ||
| + | } | ||
| + | #editor .find-primers-view .search-query-form .find-param.min-base-index, | ||
| + | #editor .find-primers-view .search-query-form .find-param.max-base-index { | ||
| + | width: 50px; | ||
| + | } | ||
| + | #editor .find-primers-view .search-query-form .exact-match { | ||
| + | width: 20px; | ||
| + | } | ||
| + | #editor .find-primers-view .search-query-form .consecutive { | ||
| + | width: auto; | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | #editor .find-primers-view .loading, | ||
| + | #editor .find-primers-view .search-loading { | ||
| + | display: block; | ||
| + | width: 100%; | ||
| + | } | ||
| + | #editor .find-primers-view .existing-primers p { | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | #editor .find-primers-view .existing-primers .list-group { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | #editor .find-primers-view .binding-sites colgroup .location { | ||
| + | width: 80px; | ||
| + | } | ||
| + | #editor .find-primers-view .binding-sites colgroup .name { | ||
| + | width: 100px; | ||
| + | } | ||
| + | #editor .find-primers-view .binding-sites colgroup .tm { | ||
| + | width: 60px; | ||
| + | } | ||
| + | #editor .find-primers-view .binding-sites colgroup .edit { | ||
| + | width: 40px; | ||
| + | } | ||
| + | #editor .find-primers-view .binding-sites .sequence-primer { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #editor .find-primers-view .binding-sites .sequence-primer:hover { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | #editor .find-primers-view .binding-sites #green-help { | ||
| + | margin-left: 5px; | ||
| + | text-decoration: none; | ||
| + | color: #2c76cc; | ||
| + | margin-top: 2px; | ||
| + | font-size: 11px; | ||
| + | } | ||
| + | #editor .find-primers-view .no-highlight-matches .sequence-primer-bases .overhang, | ||
| + | #editor .find-primers-view .no-highlight-matches .sequence-primer-bases .match, | ||
| + | #editor .find-primers-view .no-highlight-matches .sequence-primer-bases .no-match { | ||
| + | background: none; | ||
| + | } | ||
| + | #privacy-help p { | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | .external-file-preview-image-wrapper { | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | padding: 10px; | ||
| + | } | ||
| + | .external-file-preview-image-wrapper .external-file-preview-image { | ||
| + | width: 100%; | ||
| + | height: 100%; | ||
| + | min-height: 400px; | ||
| + | background-repeat: no-repeat; | ||
| + | background-size: contain; | ||
| + | } | ||
| + | .preview-card .external-file-preview-image-wrapper { | ||
| + | padding: 0; | ||
| + | } | ||
| + | label.toggle-option .checked-label { | ||
| + | display: none; | ||
| + | } | ||
| + | label.toggle-option .unchecked-label { | ||
| + | display: inline; | ||
| + | } | ||
| + | label.toggle-option input { | ||
| + | display: none; | ||
| + | } | ||
| + | label.toggle-option input:checked ~ .checked-label { | ||
| + | display: inline; | ||
| + | } | ||
| + | label.toggle-option input:checked ~ .unchecked-label { | ||
| + | display: none; | ||
| + | } | ||
| + | .visibility-option-icons > .glyphicon + .glyphicon { | ||
| + | padding-left: 2px; | ||
| + | } | ||
| + | .visibility-option-css-warning { | ||
| + | display: none; | ||
| + | } | ||
| + | .color-picker { | ||
| + | width: 135px; | ||
| + | padding: 10px 10px; | ||
| + | } | ||
| + | .color-picker span.new-palette { | ||
| + | color: #a2b9be; | ||
| + | padding-left: 5px; | ||
| + | } | ||
| + | .color-picker div.row { | ||
| + | margin: 0 0 5px 0; | ||
| + | } | ||
| + | .color-picker div.row:last-child { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .color-picker div.row > div { | ||
| + | display: inline-block; | ||
| + | height: 25px; | ||
| + | width: 25px; | ||
| + | margin-right: 5px; | ||
| + | padding: 0; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .color-picker div.row > div:last-child { | ||
| + | margin-right: 0; | ||
| + | } | ||
| + | .diagnostic-disabled { | ||
| + | opacity: 0.5; | ||
| + | pointer-events: none; | ||
| + | } | ||
| + | .tab-fixed-vertical-scroll { | ||
| + | overflow-y: scroll; | ||
| + | } | ||
| + | .tab-fixed-vertical-scroll::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .tab-fixed-vertical-scroll::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .tab-fixed-vertical-scroll:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .tab-fixed-vertical-scroll::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .tab-fixed-vertical-scroll:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #diagnostic { | ||
| + | display: block; | ||
| + | padding-top: 30px; | ||
| + | margin-left: 0; | ||
| + | } | ||
| + | #diagnostic #loading { | ||
| + | top: 180px; | ||
| + | height: 675px; | ||
| + | } | ||
| + | #diagnostic #loading.loading-spinner-background { | ||
| + | background-position: center 20%; | ||
| + | } | ||
| + | #diagnostic .results { | ||
| + | width: 95%; | ||
| + | } | ||
| + | #diagnostic label { | ||
| + | font-size: 14px; | ||
| + | padding-top: 5px; | ||
| + | } | ||
| + | #diagnostic .sequences { | ||
| + | padding-top: 5px; | ||
| + | } | ||
| + | #diagnostic .sequences span { | ||
| + | cursor: pointer; | ||
| + | display: inline-block; | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | #advanced-search .filters > .row { | ||
| + | margin-top: 10px; | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | #advanced-search .filter-input > .row { | ||
| + | margin-bottom: 10px; | ||
| + | } | ||
| + | #advanced-search .caret { | ||
| + | margin-top: 7px; | ||
| + | } | ||
| + | #advanced-search #loading { | ||
| + | position: relative; | ||
| + | min-height: 100px; | ||
| + | } | ||
| + | #advanced-search #loading.loading-spinner-background { | ||
| + | background-position: center center; | ||
| + | } | ||
| + | #advanced-search #loading .loading-text { | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | #advanced-search .enzyme-select { | ||
| + | width: 100%; | ||
| + | } | ||
| + | #advanced-search label { | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | #advanced-search div.filters .close { | ||
| + | display: none; | ||
| + | margin-top: 4px; | ||
| + | } | ||
| + | #advanced-search th { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #diagnostic #loading.loading-spinner-background, | ||
| + | #advanced-search #loading.loading-spinner-background { | ||
| + | background-color: #fff; | ||
| + | } | ||
| + | #diagnostic #loading .loading-text, | ||
| + | #advanced-search #loading .loading-text { | ||
| + | top: 20%; | ||
| + | } | ||
| + | div.row#expanded-annotations-help { | ||
| + | margin-bottom: 0px; | ||
| + | } | ||
| + | div.row#expanded-annotations-help p { | ||
| + | margin-bottom: 0px; | ||
| + | } | ||
| + | .popover-small-title h3 { | ||
| + | padding: 3px 14px; | ||
| + | } | ||
| + | .popover-small-title p:not(:first-child) { | ||
| + | margin-bottom: 26px; | ||
| + | text-align: right; | ||
| + | } | ||
| + | div.explore h1.header { | ||
| + | font-size: 34px; | ||
| + | } | ||
| + | div.explore h1.header small { | ||
| + | font-size: 18px; | ||
| + | } | ||
| + | div.explore h2 { | ||
| + | font-size: 28px; | ||
| + | } | ||
| + | div.explore h2 small { | ||
| + | font-size: 21px; | ||
| + | } | ||
| + | div.explore .badge { | ||
| + | vertical-align: middle; | ||
| + | font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', Helvetica, Arial, sans-serif; | ||
| + | margin-top: 0.5em; | ||
| + | } | ||
| + | div.explore .featured { | ||
| + | padding-top: 1em; | ||
| + | } | ||
| + | div.explore .featured .glyphicon-bookmark { | ||
| + | margin-right: 2px; | ||
| + | margin-top: 2px; | ||
| + | } | ||
| + | div.explore .featured .owner img { | ||
| + | width: 20px; | ||
| + | height: 20px; | ||
| + | } | ||
| + | div.explore .vendor { | ||
| + | padding-top: 1em; | ||
| + | padding-bottom: 1em; | ||
| + | height: 130px; | ||
| + | } | ||
| + | div.explore .vendor a:hover, | ||
| + | div.explore .vendor a:active { | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | div.explore .vendor .profile-img { | ||
| + | margin-left: 15px; | ||
| + | } | ||
| + | div.explore .vendor .media { | ||
| + | max-height: 120px; | ||
| + | border-top-left-radius: 12px; | ||
| + | border-top-right-radius: 1px; | ||
| + | border-bottom-left-radius: 1px; | ||
| + | border-bottom-right-radius: 12px; | ||
| + | background-color: #f8fafb; | ||
| + | border: 1px solid #e8f0f2; | ||
| + | padding: 10px 10px 10px 0; | ||
| + | -webkit-transition: background-color 0.2s ease-out; | ||
| + | transition: background-color 0.2s ease-out; | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | div.explore .vendor .media .profile-img > img { | ||
| + | width: 64px; | ||
| + | height: 64px; | ||
| + | } | ||
| + | div.explore .vendor .media:hover, | ||
| + | div.explore .vendor .media:active { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | div.explore .vendor .media:hover path, | ||
| + | div.explore .vendor .media:active path { | ||
| + | fill: #2c76cc; | ||
| + | } | ||
| + | div.explore .vendor .info { | ||
| + | padding: 0.2em 0; | ||
| + | } | ||
| + | div.explore .vendor .icon-dna { | ||
| + | vertical-align: middle; | ||
| + | width: 14px; | ||
| + | height: 14px; | ||
| + | } | ||
| + | div.explore .vendor .icon-dna path { | ||
| + | fill: #2c76cc; | ||
| + | } | ||
| + | div.explore .text { | ||
| + | padding-left: 5px; | ||
| + | } | ||
| + | div.explore cite .journal { | ||
| + | font-style: italic; | ||
| + | } | ||
| + | div.explore cite .et-al { | ||
| + | font-style: italic; | ||
| + | } | ||
| + | div.explore cite .title { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | .duplicate-modal-form .select-all { | ||
| + | margin: 0 5px 0 0; | ||
| + | } | ||
| + | .duplicate-modal-form h4 { | ||
| + | font-size: 13px; | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | .duplicate-modal-form .copy-list { | ||
| + | list-style: none; | ||
| + | padding-left: 10px; | ||
| + | margin: 0; | ||
| + | } | ||
| + | .duplicate-modal-form .copy-list label { | ||
| + | font-weight: 400; | ||
| + | display: block; | ||
| + | cursor: pointer; | ||
| + | padding: 5px; | ||
| + | margin: 0; | ||
| + | white-space: nowrap; | ||
| + | text-overflow: ellipsis; | ||
| + | overflow-x: hidden; | ||
| + | } | ||
| + | .duplicate-modal-form .copy-list label:hover { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .all-secondary-structures .deltag { | ||
| + | padding-left: 15px; | ||
| + | padding-top: 50px; | ||
| + | } | ||
| + | .all-secondary-structures th.deltag { | ||
| + | padding-top: 0px; | ||
| + | } | ||
| + | .all-secondary-structures tbody tr { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .all-secondary-structures tbody tr svg text { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .clean-duplicate-annotations .list-group-item { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .clean-duplicate-annotations .list-group-item.active { | ||
| + | background: #6ea7e8; | ||
| + | } | ||
| + | .clean-duplicate-annotations .list-group-item:hover { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .clean-duplicate-annotations .list-group-item:hover.active { | ||
| + | background: #428ce1; | ||
| + | } | ||
| + | .clean-duplicate-annotations .duplicate-colors .duplicate-color { | ||
| + | width: 18px; | ||
| + | height: 18px; | ||
| + | } | ||
| + | .clean-duplicate-annotations .duplicate-colors .duplicate-color:last-child { | ||
| + | border: 1px solid #344043; | ||
| + | } | ||
| + | .clean-duplicate-annotations .duplicate-colors .duplicate-color, | ||
| + | .clean-duplicate-annotations .duplicate-colors .more-colors { | ||
| + | margin-right: 4px; | ||
| + | display: inline-block; | ||
| + | } | ||
| + | .clean-duplicate-annotations .duplicate-colors .more-colors { | ||
| + | vertical-align: top; | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | .signup-progress { | ||
| + | background: #e8f0f2; | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | .signup-progress .signup-progress-bar { | ||
| + | height: 4px; | ||
| + | background: #428ce1; | ||
| + | -webkit-transition: width 0.2s ease-out; | ||
| + | transition: width 0.2s ease-out; | ||
| + | } | ||
| + | .signup-progress .signup-progress-bar.success { | ||
| + | background: #03c08d; | ||
| + | } | ||
| + | .google-oauth-signin { | ||
| + | display: inline-block; | ||
| + | width: 246px; | ||
| + | height: 54px; | ||
| + | background: url('../img/google_signin.png') no-repeat center; | ||
| + | background-position: 0 0; | ||
| + | background-size: 246px 162px; | ||
| + | } | ||
| + | .google-oauth-signin:hover { | ||
| + | background-position: 0 -54px; | ||
| + | } | ||
| + | .google-oauth-signin:active { | ||
| + | background-position: 0 -108px; | ||
| + | } | ||
| + | .primer3-menu .tm-params { | ||
| + | margin-right: 10px; | ||
| + | line-height: 24px; | ||
| + | } | ||
| + | .variant-row:hover { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .variant-row:hover .edit-variant-button { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | .variant-row .edit-variant-button { | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | .variant-item { | ||
| + | display: inline-block; | ||
| + | margin-left: 15px; | ||
| + | } | ||
| + | .variant-context-menu, | ||
| + | .variant-item { | ||
| + | pointer-events: none; | ||
| + | } | ||
| + | .variant-context-menu .variant-translation, | ||
| + | .variant-item .variant-translation { | ||
| + | position: relative; | ||
| + | display: inline-block; | ||
| + | text-align: center; | ||
| + | width: 22px; | ||
| + | line-height: 16px; | ||
| + | font-family: 'Inconsolata', 'Courier New'; | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | .dropdown-menu > li a:hover .variant-context-menu .variant-translation .amino, | ||
| + | .dropdown-menu > li a:hover .variant-item .variant-translation .amino, | ||
| + | .dropdown-menu > .active a .variant-context-menu .variant-translation .amino, | ||
| + | .dropdown-menu > .active a .variant-item .variant-translation .amino { | ||
| + | color: #344043; | ||
| + | } | ||
| + | .variant-context-menu .variant-translation .triangle, | ||
| + | .variant-item .variant-translation .triangle { | ||
| + | position: absolute; | ||
| + | top: 0px; | ||
| + | width: 0px; | ||
| + | height: 0px; | ||
| + | line-height: 0px; | ||
| + | border-width: 8px 4px 8px 0px; | ||
| + | border-style: solid; | ||
| + | } | ||
| + | .variant-context-menu .variant-translation.rev, | ||
| + | .variant-item .variant-translation.rev { | ||
| + | padding-left: 0; | ||
| + | padding-right: 2px; | ||
| + | } | ||
| + | .variant-context-menu .variant-translation.rev .triangle, | ||
| + | .variant-item .variant-translation.rev .triangle { | ||
| + | border-width: 8px 4px 8px 0px; | ||
| + | } | ||
| + | .variant-context-menu .variant-translation.rev .triangle.cutout-triangle, | ||
| + | .variant-item .variant-translation.rev .triangle.cutout-triangle { | ||
| + | right: 0px; | ||
| + | border-color: transparent white transparent transparent; | ||
| + | } | ||
| + | .dropdown-menu > li a:hover .variant-context-menu .variant-translation.rev .triangle.cutout-triangle, | ||
| + | .dropdown-menu > li a:hover .variant-item .variant-translation.rev .triangle.cutout-triangle, | ||
| + | .dropdown-menu > .active a .variant-context-menu .variant-translation.rev .triangle.cutout-triangle, | ||
| + | .dropdown-menu > .active a .variant-item .variant-translation.rev .triangle.cutout-triangle { | ||
| + | border-color: transparent #428ce1 transparent transparent; | ||
| + | } | ||
| + | .variant-context-menu .variant-translation.rev .triangle.out-triangle, | ||
| + | .variant-item .variant-translation.rev .triangle.out-triangle { | ||
| + | left: -4px; | ||
| + | } | ||
| + | .variant-context-menu .variant-translation.fwd, | ||
| + | .variant-item .variant-translation.fwd { | ||
| + | padding-right: 0; | ||
| + | padding-left: 2px; | ||
| + | } | ||
| + | .variant-context-menu .variant-translation.fwd .triangle, | ||
| + | .variant-item .variant-translation.fwd .triangle { | ||
| + | border-width: 8px 0px 8px 4px; | ||
| + | } | ||
| + | .variant-context-menu .variant-translation.fwd .triangle.cutout-triangle, | ||
| + | .variant-item .variant-translation.fwd .triangle.cutout-triangle { | ||
| + | left: 0px; | ||
| + | border-color: transparent transparent transparent white; | ||
| + | } | ||
| + | .dropdown-menu > li a:hover .variant-context-menu .variant-translation.fwd .triangle.cutout-triangle, | ||
| + | .dropdown-menu > li a:hover .variant-item .variant-translation.fwd .triangle.cutout-triangle, | ||
| + | .dropdown-menu > .active a .variant-context-menu .variant-translation.fwd .triangle.cutout-triangle, | ||
| + | .dropdown-menu > .active a .variant-item .variant-translation.fwd .triangle.cutout-triangle { | ||
| + | border-color: transparent transparent transparent #428ce1; | ||
| + | } | ||
| + | .variant-context-menu .variant-translation.fwd .triangle.out-triangle, | ||
| + | .variant-item .variant-translation.fwd .triangle.out-triangle { | ||
| + | right: -4px; | ||
| + | } | ||
| + | .insert-variant-modal .modal-body { | ||
| + | padding-bottom: 0px; | ||
| + | } | ||
| + | .insert-variant-modal .modal-body select[name=strand-select] { | ||
| + | width: 100px; | ||
| + | margin-left: 5px; | ||
| + | margin-right: 5px; | ||
| + | margin-bottom: 5px; | ||
| + | } | ||
| + | .insert-part-modal .part-sequence-preview { | ||
| + | background: #f8fafb; | ||
| + | padding: 10px 20px 5px; | ||
| + | margin: 10px; | ||
| + | border: 1px solid #c9d8db; | ||
| + | } | ||
| + | .insert-part-modal .part-sequence-preview .topology { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | .insert-part-modal .part-sequence-preview .name { | ||
| + | font-size: 1.1em; | ||
| + | font-weight: bold; | ||
| + | padding-right: 2px; | ||
| + | } | ||
| + | #assembly-switcher button.dropdown-toggle { | ||
| + | float: right; | ||
| + | min-width: 140px; | ||
| + | padding: 0; | ||
| + | } | ||
| + | #assembly-switcher a { | ||
| + | text-align: left; | ||
| + | } | ||
| + | #assembly-switcher .open a { | ||
| + | font-weight: 600; | ||
| + | } | ||
| + | #editor .assembly-settings-modal .adjust-temp input { | ||
| + | width: 40px; | ||
| + | text-align: right; | ||
| + | padding-left: 5px; | ||
| + | padding-right: 5px; | ||
| + | } | ||
| + | #editor .assembly-settings-modal .find-primers-view { | ||
| + | padding: 0px; | ||
| + | } | ||
| + | #editor .assembly-settings-modal h4:not(:first-child) { | ||
| + | margin-top: 25px; | ||
| + | } | ||
| + | .primer-assembly-tab-results .assembly-neb-logo { | ||
| + | width: 125px; | ||
| + | } | ||
| + | .primer-assembly-tab-results .primer-assembly-mismatches p { | ||
| + | padding-left: 5px; | ||
| + | } | ||
| + | .primer-assembly-tab-results .primer-assembly-mismatches tr { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .primer-assembly-tab-results .spinner { | ||
| + | width: 14px; | ||
| + | height: 14px; | ||
| + | background-size: contain; | ||
| + | } | ||
| + | .primer-assembly-tab-results th { | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | .primer-assembly-tab-results .primer-assembly-primers .spinner { | ||
| + | margin-top: 5px; | ||
| + | } | ||
| + | .primer-assembly-tab-results .primer-assembly-primers .tm { | ||
| + | min-width: 56px; | ||
| + | } | ||
| + | .primer-assembly-tab-results .primer-assembly-primers .binding { | ||
| + | min-width: 54px; | ||
| + | } | ||
| + | .primer-assembly-tab-results .primer-assembly-primers .homology { | ||
| + | min-width: 67px; | ||
| + | } | ||
| + | .primer-assembly-tab-results .primer-assembly-primers .monomer { | ||
| + | min-width: 52px; | ||
| + | } | ||
| + | .primer-assembly-tab-results .primer-assembly-primers .misprime { | ||
| + | min-width: 74px; | ||
| + | } | ||
| + | #editor .match-genome-region .radio-inline { | ||
| + | line-height: 21px; | ||
| + | } | ||
| + | #editor .match-genome-region .match-region-btn { | ||
| + | margin-top: 4px; | ||
| + | } | ||
| + | #editor .match-genome-region .glyphicon-question-sign { | ||
| + | text-decoration: none; | ||
| + | margin-top: 3px; | ||
| + | margin-left: 5px; | ||
| + | font-size: 12px; | ||
| + | } | ||
| + | #editor .match-genome-region select { | ||
| + | width: 25%; | ||
| + | min-height: 24px; | ||
| + | height: 24px; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | } | ||
| + | #editor .match-genome-region .chr-pos { | ||
| + | width: 30%; | ||
| + | padding-left: 3px; | ||
| + | padding-right: 3px; | ||
| + | height: 24px; | ||
| + | min-height: 24px; | ||
| + | margin-left: 10px; | ||
| + | } | ||
| + | .crispr-importSelector { | ||
| + | margin-bottom: 30px; | ||
| + | } | ||
| + | .crispr-guidesTable a.text-danger:hover { | ||
| + | color: #b94a48; | ||
| + | } | ||
| + | .crispr-guidesTable a.text-danger.u-dotted-underline { | ||
| + | border-bottom-color: #b94a48; | ||
| + | } | ||
| + | .crispr-guidesTable.table tbody > tr > td { | ||
| + | padding: 6px; | ||
| + | } | ||
| + | .crispr-guidesTable.table > tbody > tr.active > td { | ||
| + | background-color: #feefd1; | ||
| + | } | ||
| + | .crispr-guidesTable-row { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .crispr-guidesTable-multiple:hover td { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .baseEdit-guidesTable-aminoAcid-edited { | ||
| + | background: #d9563a; | ||
| + | color: #ffffff; | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | .baseEdit-guidesTable-base-edited { | ||
| + | color: #d9563a; | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | .baseEdit-guidesTable-base-notInGuide { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .baseEdit-guidesTable-sequenceSegment { | ||
| + | padding-left: 4px; | ||
| + | padding-right: 4px; | ||
| + | margin-right: 2px; | ||
| + | } | ||
| + | .baseEdit-guidesTable-sequenceSegment:hover { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | .baseEdit-guidesTable-flexContainer { | ||
| + | white-space: pre; | ||
| + | display: flex; | ||
| + | flex-direction: row; | ||
| + | justify-content: flex-start; | ||
| + | } | ||
| + | .baseEdit-guidesTable-unsupported { | ||
| + | border-bottom: 1px dashed #d9563a; | ||
| + | } | ||
| + | .crispr-results-fieldset .guides-table thead .sortable { | ||
| + | cursor: pointer; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .crispr-results-fieldset .guides-table thead .sortable .glyphicon { | ||
| + | margin-left: 2px; | ||
| + | font-size: 10px; | ||
| + | } | ||
| + | .crispr-results-fieldset .guides-table thead .sortable:hover { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .crispr-results-fieldset .guides-table tbody { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .crispr-results-fieldset .guides-table tbody tr.active td { | ||
| + | background-color: #feefd1; | ||
| + | } | ||
| + | .crispr-results-fieldset .guides-table tbody .spinner { | ||
| + | background-position: 8px center; | ||
| + | margin-left: 1px; | ||
| + | margin-top: 0px; | ||
| + | width: 24px; | ||
| + | } | ||
| + | .crispr-results-fieldset .guides-table tbody.paired:hover td { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .crispr-results-fieldset .guides-table tbody.paired:hover tr:hover td { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .offtarget-table thead th:not(:first-child) { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | .offtarget-table thead th:not(:first-child) .glyphicon { | ||
| + | font-size: 10px; | ||
| + | margin: 2px; | ||
| + | } | ||
| + | .offtarget-table thead th:not(:first-child):hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .offtarget-table .mismatch { | ||
| + | color: #e96e51; | ||
| + | font-weight: 700; | ||
| + | } | ||
| + | .offtarget-table .faded .mismatch { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .server-log-table .log-time { | ||
| + | width: 160px; | ||
| + | } | ||
| + | .server-log-table tbody { | ||
| + | color: #a2b9be; | ||
| + | } | ||
| + | .server-log-table tbody .facility-22 { | ||
| + | color: #344043; | ||
| + | } | ||
| + | #aggregate-activity .change-month { | ||
| + | color: #a2b9be; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | #aggregate-activity .change-month:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #aggregate-activity .calendar-title, | ||
| + | #aggregate-activity .use-rows-title { | ||
| + | margin-bottom: 10px; | ||
| + | font-size: 14px; | ||
| + | } | ||
| + | #aggregate-activity .calendar { | ||
| + | width: 100%; | ||
| + | } | ||
| + | #aggregate-activity .calendar th { | ||
| + | text-align: center; | ||
| + | } | ||
| + | #aggregate-activity .calendar th, | ||
| + | #aggregate-activity .calendar td { | ||
| + | width: 35px; | ||
| + | height: 35px; | ||
| + | border: 1px solid #c9d8db; | ||
| + | } | ||
| + | #aggregate-activity .calendar tr :last-child { | ||
| + | border-left: 1px solid #5c7c83; | ||
| + | border-right: 1px solid #5c7c83; | ||
| + | border-bottom: 1px solid #5c7c83; | ||
| + | } | ||
| + | #aggregate-activity .calendar th:last-child { | ||
| + | border-top: 1px solid #344043; | ||
| + | } | ||
| + | #aggregate-activity .calendar tr :nth-child(7) { | ||
| + | border-right: none; | ||
| + | } | ||
| + | #aggregate-activity .calendar td { | ||
| + | cursor: pointer; | ||
| + | } | ||
| + | #aggregate-activity .use-rows th { | ||
| + | border-top: 1px solid #c9d8db; | ||
| + | } | ||
| + | #aggregate-activity .activity-scale { | ||
| + | background-image: -webkit-gradient(linear, 0% top, 100% top, from(#ffffff), to(#14fbbd)); | ||
| + | background-image: -webkit-linear-gradient(left, color-stop(#ffffff 0%), color-stop(#14fbbd 100%)); | ||
| + | background-image: -moz-linear-gradient(left, #ffffff 0%, #14fbbd 100%); | ||
| + | background-image: linear-gradient(to right, #ffffff 0%, #14fbbd 100%); | ||
| + | background-repeat: repeat-x; | ||
| + | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff14fbbd', GradientType=1); | ||
| + | height: 20px; | ||
| + | } | ||
| + | #aggregate-activity p { | ||
| + | margin-top: 10px; | ||
| + | } | ||
| + | #activity-log thead tr:first-child th { | ||
| + | border: 0px; | ||
| + | } | ||
| + | #activity-log thead tr:first-child .select2-container { | ||
| + | width: 90%; | ||
| + | } | ||
| + | #activity-log thead tr:first-child input { | ||
| + | line-height: 28px; | ||
| + | padding-left: 5px; | ||
| + | } | ||
| + | #activity-log thead tr:first-child .message-search { | ||
| + | width: 95%; | ||
| + | } | ||
| + | #activity-log thead tr:first-child th.date-search { | ||
| + | line-height: 32px; | ||
| + | width: 250px; | ||
| + | } | ||
| + | #activity-log thead tr:first-child th.date-search input { | ||
| + | width: 60%; | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | .sequence-search-component .sequence-search-wrapper { | ||
| + | position: relative; | ||
| + | } | ||
| + | .sequence-search-component .sequence-search-wrapper .spinner { | ||
| + | margin: 0; | ||
| + | width: 30px; | ||
| + | height: 30px; | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | top: 0; | ||
| + | } | ||
| + | .sequence-search-component .sequence-search-results-wrapper { | ||
| + | position: relative; | ||
| + | } | ||
| + | .sequence-search-component .sequence-search-results-wrapper .search-results { | ||
| + | position: absolute; | ||
| + | width: 100%; | ||
| + | max-height: 320px; | ||
| + | overflow-y: auto; | ||
| + | z-index: 110; | ||
| + | border-bottom: 1px solid #e8f0f2; | ||
| + | } | ||
| + | .back-translation-table tr .btn { | ||
| + | visibility: hidden; | ||
| + | } | ||
| + | .back-translation-table tr.active .btn, | ||
| + | .back-translation-table tr:hover .btn { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | #buffers .preview-card { | ||
| + | -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); | ||
| + | box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25); | ||
| + | background: white; | ||
| + | padding: 15px; | ||
| + | } | ||
| + | #buffers .preview-card.onboarding-card { | ||
| + | background: #d9edf7; | ||
| + | } | ||
| + | #buffers .preview-card hr { | ||
| + | margin: 10px 0; | ||
| + | } | ||
| + | .oligo-summary .preview-card { | ||
| + | width: 400px; | ||
| + | } | ||
| + | .onboardingChecklist { | ||
| + | color: #3a87ad; | ||
| + | } | ||
| + | .onboardingChecklist ul { | ||
| + | margin: 10px; | ||
| + | padding: 0; | ||
| + | list-style: none; | ||
| + | } | ||
| + | #buffers .buffer-container .navbar li.grey-tab .buffer-tab, | ||
| + | #buffers .buffer-container .navbar li.grey-tab.active .buffer-tab { | ||
| + | background: #f8fafb; | ||
| + | } | ||
| + | .buffer-content.buffer-content--grey { | ||
| + | background: #f8fafb; | ||
| + | } | ||
| + | .homeDashboard .review-status-num-items { | ||
| + | font-size: 22px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .homeDashboard .review-status-icon { | ||
| + | width: 19px; | ||
| + | font-size: 16px; | ||
| + | text-align: center; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | .homeDashboard .review-status-icon.fa-flash { | ||
| + | color: #feefd1; | ||
| + | } | ||
| + | .homeDashboard .review-status-icon.fa-exclamation-circle { | ||
| + | color: #f2a795; | ||
| + | } | ||
| + | .homeDashboard .review-status-icon.fa-check { | ||
| + | color: #14fbbd; | ||
| + | } | ||
| + | .quickLinksCard a { | ||
| + | display: block; | ||
| + | color: #344043; | ||
| + | text-decoration: none; | ||
| + | } | ||
| + | .quickLinksCard a:hover { | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | #editor .quickLinksCard .row { | ||
| + | margin-bottom: 0; | ||
| + | } | ||
| + | .emailHelpLink { | ||
| + | position: fixed; | ||
| + | bottom: 30px; | ||
| + | right: 5px; | ||
| + | z-index: 999; | ||
| + | font-weight: 700; | ||
| + | color: white; | ||
| + | background: #428ce1; | ||
| + | display: inline-block; | ||
| + | padding: 3px 5px; | ||
| + | } | ||
| + | .emailHelpLink:hover { | ||
| + | color: #e8f0f2; | ||
| + | } | ||
| + | .btn-af-google { | ||
| + | padding: 3px 10px; | ||
| + | font-size: 11px; | ||
| + | line-height: 16px; | ||
| + | text-transform: uppercase; | ||
| + | letter-spacing: 0.05em; | ||
| + | color: white; | ||
| + | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | ||
| + | min-height: 30px; | ||
| + | line-height: 22px; | ||
| + | border-radius: 3px; | ||
| + | border: 1px solid #d63825; | ||
| + | background-color: #dd4b39; | ||
| + | -webkit-transition: background-color 0.2s; | ||
| + | transition: background-color 0.2s; | ||
| + | -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.25); | ||
| + | position: relative; | ||
| + | } | ||
| + | .btn-af-google > *:last-child { | ||
| + | margin-right: -0.025em; | ||
| + | } | ||
| + | .btn-af-google:hover { | ||
| + | background-color: #e15f4f; | ||
| + | } | ||
| + | .btn-af-google:active, | ||
| + | .btn-af-google.active, | ||
| + | .btn-group.open .btn-af-google.dropdown-toggle, | ||
| + | .dropdown.open > .btn-af-google { | ||
| + | background-color: #dd4b39; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 #da3b28; | ||
| + | box-shadow: inset 0 -1px 0 0 #da3b28; | ||
| + | } | ||
| + | .btn-af-google:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | .btn-af-google.btn-xs { | ||
| + | min-height: 0px; | ||
| + | font-size: 11px; | ||
| + | letter-spacing: 0; | ||
| + | text-transform: none; | ||
| + | border-radius: 2px; | ||
| + | } | ||
| + | .btn-af-google.btn-sm { | ||
| + | min-height: 29px; | ||
| + | line-height: 26px; | ||
| + | padding: 1px 10px 0; | ||
| + | } | ||
| + | .btn-af-google.btn-md { | ||
| + | padding: 8px 14px; | ||
| + | font-size: 16px; | ||
| + | } | ||
| + | .btn-af-google.btn-lg { | ||
| + | height: 43px; | ||
| + | font-size: 15px; | ||
| + | text-transform: uppercase; | ||
| + | line-height: 2.25; | ||
| + | } | ||
| + | .btn-af-google:focus { | ||
| + | color: #fff; | ||
| + | outline: 0; | ||
| + | } | ||
| + | .btn-af-google .fa-google-plus { | ||
| + | position: absolute; | ||
| + | left: 0; | ||
| + | font-size: 26px; | ||
| + | border-right: 1px solid #D63825; | ||
| + | padding: 10px 7px 5px 10px; | ||
| + | margin: -3px 0; | ||
| + | } | ||
| + | .btn-af-google .google-text { | ||
| + | position: absolute; | ||
| + | left: 50px; | ||
| + | right: 0; | ||
| + | text-align: center; | ||
| + | padding: 3px 5px; | ||
| + | } | ||
| + | .org-search-results { | ||
| + | max-height: 200px; | ||
| + | overflow-y: auto; | ||
| + | } | ||
| + | .org-search-results::-webkit-scrollbar { | ||
| + | width: 8px; | ||
| + | height: 8px; | ||
| + | } | ||
| + | .org-search-results::-webkit-scrollbar-track { | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .org-search-results:hover::-webkit-scrollbar-track { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | background: #f8fbfb; | ||
| + | } | ||
| + | .org-search-results::-webkit-scrollbar-thumb { | ||
| + | background: #e8f0f2; | ||
| + | } | ||
| + | .org-search-results:hover::-webkit-scrollbar-thumb { | ||
| + | background: #c9d8db; | ||
| + | } | ||
| + | #fileLoading { | ||
| + | z-index: 1036; | ||
| + | } | ||
| + | .callToAction { | ||
| + | border: 1px solid #e8f0f2; | ||
| + | border-radius: 5px; | ||
| + | cursor: pointer; | ||
| + | font-size: 16px; | ||
| + | padding: 20px 15px; | ||
| + | } | ||
| + | .callToAction:hover { | ||
| + | border: 1px solid #428ce1; | ||
| + | color: #428ce1; | ||
| + | } | ||
| + | .termsOfService ol { | ||
| + | counter-reset: item; | ||
| + | } | ||
| + | .termsOfService ol li { | ||
| + | display: block; | ||
| + | position: relative; | ||
| + | } | ||
| + | .termsOfService ol li:before { | ||
| + | content: counters(item, '.') '.'; | ||
| + | counter-increment: item; | ||
| + | position: absolute; | ||
| + | margin-right: 100%; | ||
| + | right: 10px; | ||
| + | } | ||
| + | .table.table-inlineHeader thead:first-child tr:first-child th { | ||
| + | border-top: 1px solid #c9d8db; | ||
| + | border-bottom: none; | ||
| + | } | ||
| + | .gold-status { | ||
| + | background-color: #fdd586; | ||
| + | } | ||
| + | #editor .transcript-selector { | ||
| + | height: 100px; | ||
| + | } | ||
| + | #editor .transcript-selector-option { | ||
| + | word-wrap: break-word; | ||
| + | } | ||
| + | .brand-neb .brand-benchling-logo { | ||
| + | display: none; | ||
| + | } | ||
| + | .brand-neb .brand-neb-logo { | ||
| + | display: inline-block !important; | ||
| + | visibility: visible !important; | ||
| + | } | ||
| + | .brand-neb .btn-af-success { | ||
| + | border: 1px solid #f5822a; | ||
| + | background-color: #f19147; | ||
| + | -webkit-transition: background-color 0.2s; | ||
| + | transition: background-color 0.2s; | ||
| + | } | ||
| + | .brand-neb .btn-af-success:hover { | ||
| + | background-color: #f39f5f; | ||
| + | } | ||
| + | .brand-neb .btn-af-success:active, | ||
| + | .brand-neb .btn-af-success.active, | ||
| + | .btn-group.open .brand-neb .btn-af-success.dropdown-toggle, | ||
| + | .dropdown.open > .brand-neb .btn-af-success { | ||
| + | background-color: #ee7518; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 #e06b11; | ||
| + | box-shadow: inset 0 -1px 0 0 #e06b11; | ||
| + | } | ||
| + | .brand-neb .btn-af-primary { | ||
| + | border: 1px solid #666666; | ||
| + | background-color: #666666; | ||
| + | -webkit-transition: background-color 0.2s; | ||
| + | transition: background-color 0.2s; | ||
| + | } | ||
| + | .brand-neb .btn-af-primary:hover { | ||
| + | background-color: #737373; | ||
| + | } | ||
| + | .brand-neb .btn-af-primary:active, | ||
| + | .brand-neb .btn-af-primary.active, | ||
| + | .btn-group.open .brand-neb .btn-af-primary.dropdown-toggle, | ||
| + | .dropdown.open > .brand-neb .btn-af-primary { | ||
| + | background-color: #555555; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 #4b4b4b; | ||
| + | box-shadow: inset 0 -1px 0 0 #4b4b4b; | ||
| + | } | ||
| + | .brand-neb .powered-by-benchling { | ||
| + | color: #f8fafb; | ||
| + | } | ||
| + | .brand-neb #header, | ||
| + | .brand-neb#editor #header { | ||
| + | background: #393939; | ||
| + | } | ||
| + | .brand-neb #header .create-dropdown, | ||
| + | .brand-neb#editor #header .create-dropdown, | ||
| + | .brand-neb #header .user-dropdown, | ||
| + | .brand-neb#editor #header .user-dropdown { | ||
| + | border-left-color: #2c2c2c; | ||
| + | border-right-color: #2c2c2c; | ||
| + | } | ||
| + | .brand-neb #header .create-dropdown .dropdown-toggle .caret, | ||
| + | .brand-neb#editor #header .create-dropdown .dropdown-toggle .caret, | ||
| + | .brand-neb #header .user-dropdown .dropdown-toggle .caret, | ||
| + | .brand-neb#editor #header .user-dropdown .dropdown-toggle .caret { | ||
| + | border-top-color: white; | ||
| + | border-bottom-color: white; | ||
| + | } | ||
| + | .brand-neb #header #auth-nav > li > a, | ||
| + | .brand-neb#editor #header #auth-nav > li > a { | ||
| + | color: #e8f0f2; | ||
| + | } | ||
| + | .brand-neb #header #auth-nav > li > a:hover, | ||
| + | .brand-neb#editor #header #auth-nav > li > a:hover { | ||
| + | color: white; | ||
| + | } | ||
| + | .brand-neb #header .nav > li > a:focus, | ||
| + | .brand-neb#editor #header .nav > li > a:focus { | ||
| + | background: none; | ||
| + | } | ||
| + | .brand-neb .list-group-item:hover { | ||
| + | color: #f5822a; | ||
| + | } | ||
| + | .brand-neb .list-group-item.active { | ||
| + | background: #393939; | ||
| + | border-color: #393939; | ||
| + | color: #e8f0f2; | ||
| + | } | ||
| + | .brand-neb .u-success-color, | ||
| + | .brand-neb .u-primary-pointer:hover { | ||
| + | color: #f5822a; | ||
| + | } | ||
| + | .brand-neb .neb-modal-logo { | ||
| + | margin-top: -5px; | ||
| + | } | ||
| + | .brand-neb .emailHelpLink { | ||
| + | background: #f5822a; | ||
| + | } | ||
| + | .neb-modal-version { | ||
| + | color: #ca511d; | ||
| + | vertical-align: -2px; | ||
| + | } | ||
| + | .neb-modal-powered-by { | ||
| + | margin-top: 16px; | ||
| + | } | ||
| + | #editor.brand-neb #header .btn { | ||
| + | color: #e8f0f2; | ||
| + | } | ||
| + | #editor.brand-neb #filebar .filebar-item.active a { | ||
| + | background: #e1680b; | ||
| + | } | ||
| + | .brand-gen9 .brand-benchling-logo { | ||
| + | display: none; | ||
| + | } | ||
| + | .brand-gen9 .brand-gen9-logo { | ||
| + | display: inline-block !important; | ||
| + | visibility: visible !important; | ||
| + | } | ||
| + | .brand-gen9 .btn-af-success { | ||
| + | border: 1px solid #1b8b37; | ||
| + | background-color: #21a943; | ||
| + | -webkit-transition: background-color 0.2s; | ||
| + | transition: background-color 0.2s; | ||
| + | } | ||
| + | .brand-gen9 .btn-af-success:hover { | ||
| + | background-color: #25be4b; | ||
| + | } | ||
| + | .brand-gen9 .btn-af-success:active, | ||
| + | .brand-gen9 .btn-af-success.active, | ||
| + | .btn-group.open .brand-gen9 .btn-af-success.dropdown-toggle, | ||
| + | .dropdown.open > .brand-gen9 .btn-af-success { | ||
| + | background-color: #1b8b37; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 #187a30; | ||
| + | box-shadow: inset 0 -1px 0 0 #187a30; | ||
| + | } | ||
| + | .brand-gen9 .btn-af-primary { | ||
| + | border: 1px solid #174f84; | ||
| + | background-color: #1c61a2; | ||
| + | -webkit-transition: background-color 0.2s; | ||
| + | transition: background-color 0.2s; | ||
| + | } | ||
| + | .brand-gen9 .btn-af-primary:hover { | ||
| + | background-color: #206eb8; | ||
| + | } | ||
| + | .brand-gen9 .btn-af-primary:active, | ||
| + | .brand-gen9 .btn-af-primary.active, | ||
| + | .btn-group.open .brand-gen9 .btn-af-primary.dropdown-toggle, | ||
| + | .dropdown.open > .brand-gen9 .btn-af-primary { | ||
| + | background-color: #195791; | ||
| + | -webkit-box-shadow: inset 0 -1px 0 0 #164c80; | ||
| + | box-shadow: inset 0 -1px 0 0 #164c80; | ||
| + | } | ||
| + | .brand-gen9 #header { | ||
| + | border-top-color: #174f84; | ||
| + | } | ||
| + | .brand-gen9 .u-primary-color { | ||
| + | color: #174f84; | ||
| + | } | ||
| + | .brand-gen9 .u-success-color { | ||
| + | color: #1b8b37; | ||
| + | } | ||
| + | .brand-gen9 .progress-bar { | ||
| + | background-color: #174f84; | ||
| + | } | ||
| + | .brand-gen9 .progress-bar.progress-bar-success { | ||
| + | background-color: #1b8b37; | ||
| + | } | ||
| + | #editor.brand-gen9 .powered-by-benchling { | ||
| + | color: #e8f0f2; | ||
| + | } | ||
| + | #editor.brand-gen9 #header { | ||
| + | background: #2969a5; | ||
| + | } | ||
| + | #editor.brand-gen9 #header .create-dropdown, | ||
| + | #editor.brand-gen9 #header .user-dropdown { | ||
| + | border-left-color: #174f84; | ||
| + | border-right-color: #174f84; | ||
| + | } | ||
| + | #editor.brand-gen9 #header .btn { | ||
| + | color: #e8f0f2; | ||
| + | } | ||
| + | #editor.brand-gen9 #filebar .filebar-item.active a { | ||
| + | background: #1b8b37; | ||
| + | } | ||
| + | #user-menu .gen9-create-order-icon { | ||
| + | margin-left: 4px; | ||
| + | margin-right: 10px; | ||
| + | } | ||
| + | .profile-frame .gen9-create-order-icon { | ||
| + | margin-left: 5px; | ||
| + | margin-top: -3px; | ||
| + | } | ||
| + | @font-face { | ||
| + | font-family: 'Inconsolata'; | ||
| + | font-style: normal; | ||
| + | font-weight: 400; | ||
| + | src: url('../fonts/inconsolata-400.svg') format('svg'); | ||
| + | } | ||
| + | @font-face { | ||
| + | font-family: 'Inconsolata'; | ||
| + | font-style: normal; | ||
| + | font-weight: 700; | ||
| + | src: url('../fonts/inconsolata-700.svg') format('svg'); | ||
| + | } | ||
| + | @font-face { | ||
| + | font-family: 'Glyphicons Halflings'; | ||
| + | src: url('../fonts/glyphicons-halflings-regular.svg') format('svg'); | ||
| + | } | ||
| + | @font-face { | ||
| + | font-family: 'FontAwesome'; | ||
| + | src: url('../fonts/fontawesome-webfont.svg') format('svg'); | ||
| + | } | ||
| + | /* Hide icons in HTML exports since they are not available locally. */ | ||
| + | .fa, | ||
| + | .glyphicon, | ||
| + | .svgIcon { | ||
| + | display: none; | ||
| + | } | ||
| + | /* Do not disable pointer-events so elements like links are still clickable. */ | ||
| + | .printable-container { | ||
| + | pointer-events: auto; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
</html> | </html> | ||
Latest revision as of 01:40, 20 October 2016
