You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
17408 lines
527 KiB
17408 lines
527 KiB
|
|
/* ------------------------ */ |
|
/* LESS mixin for CSS arrow */ |
|
/* ------------------------ */ |
|
/* Usage |
|
* .arrow(size, color, direction, offset, border-size, border-color); |
|
*/ |
|
/* Where |
|
* Size is the with of the arrow |
|
* Color is the color of the arrow (plain color required) |
|
* Direction is the orientation of the arrow (top, right, bottom, left) |
|
* Offset is the position of the arrow on its axis (px / em) |
|
* Border-size is the width of the border if there is one (optional; default "0") |
|
* Border-color is the color of the border if there is one (optional; default "inherit"); |
|
*/ |
|
/* Extra |
|
* Drop-shadows can be used on the element to create a shadow on the arrow as well |
|
*/ |
|
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ |
|
|
|
/** |
|
* 1. Set default font family to sans-serif. |
|
* 2. Prevent iOS and IE text size adjust after device orientation change, |
|
* without disabling user zoom. |
|
*/ |
|
|
|
html { |
|
font-family: sans-serif; /* 1 */ |
|
-ms-text-size-adjust: 100%; /* 2 */ |
|
-webkit-text-size-adjust: 100%; /* 2 */ |
|
} |
|
|
|
/** |
|
* Remove default margin. |
|
*/ |
|
|
|
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, menu, dir { |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
/* HTML5 display definitions |
|
========================================================================== */ |
|
|
|
/** |
|
* Correct `block` display not defined for any HTML5 element in IE 8/9. |
|
* Correct `block` display not defined for `details` or `summary` in IE 10/11 |
|
* and Firefox. |
|
* Correct `block` display not defined for `main` in IE 11. |
|
*/ |
|
|
|
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { |
|
display: block; |
|
} |
|
|
|
/** |
|
* 1. Correct `inline-block` display not defined in IE 8/9. |
|
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. |
|
*/ |
|
|
|
audio, canvas, progress, video { |
|
display: inline-block; /* 1 */ |
|
vertical-align: baseline; /* 2 */ |
|
} |
|
|
|
/** |
|
* Prevent modern browsers from displaying `audio` without controls. |
|
* Remove excess height in iOS 5 devices. |
|
*/ |
|
|
|
audio:not([controls]) { |
|
display: none; |
|
height: 0; |
|
} |
|
|
|
/** |
|
* Address `[hidden]` styling not present in IE 8/9/10. |
|
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. |
|
*/ |
|
|
|
[hidden], template { |
|
display: none; |
|
} |
|
|
|
/* Links |
|
========================================================================== */ |
|
|
|
/** |
|
* Remove the gray background color from active links in IE 10. |
|
*/ |
|
|
|
a { |
|
background-color: transparent; |
|
text-decoration: none; |
|
} |
|
|
|
|
|
/** |
|
* Improve readability of focused elements when they are also in an |
|
* active/hover state. |
|
*/ |
|
|
|
.feature-no-touch a:active,.feature-touch a:active, .feature-no-touch a:hover { |
|
outline: 0; |
|
} |
|
|
|
/* Text-level semantics |
|
========================================================================== */ |
|
|
|
/** |
|
* Address styling not present in IE 8/9/10/11, Safari, and Chrome. |
|
*/ |
|
|
|
abbr[title] { |
|
border-bottom: 1px dotted; |
|
} |
|
|
|
/** |
|
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome. |
|
*/ |
|
|
|
b, strong { |
|
font-weight: bold; |
|
} |
|
|
|
/** |
|
* Address styling not present in Safari and Chrome. |
|
*/ |
|
|
|
dfn { |
|
font-style: italic; |
|
} |
|
|
|
/** |
|
* Address variable `h1` font-size and margin within `section` and `article` |
|
* contexts in Firefox 4+, Safari, and Chrome. |
|
*/ |
|
|
|
h1 { |
|
font-size: 2em; |
|
} |
|
|
|
/** |
|
* Address styling not present in IE 8/9. |
|
*/ |
|
|
|
mark { |
|
background: #ff0; |
|
color: #000; |
|
} |
|
|
|
/** |
|
* Address inconsistent and variable font size in all browsers. |
|
*/ |
|
|
|
small { |
|
font-size: 80%; |
|
} |
|
|
|
/** |
|
* Prevent `sub` and `sup` affecting `line-height` in all browsers. |
|
*/ |
|
|
|
sub, sup { |
|
font-size: 75%; |
|
line-height: 0; |
|
position: relative; |
|
vertical-align: baseline; |
|
} |
|
|
|
sup { |
|
top: -0.25em; |
|
} |
|
|
|
sub { |
|
bottom: -0.25em; |
|
} |
|
|
|
/* Embedded content |
|
========================================================================== */ |
|
|
|
/** |
|
* Remove border when inside `a` element in IE 8/9/10. |
|
*/ |
|
|
|
img { |
|
border: 0; |
|
} |
|
|
|
/** |
|
* Correct overflow not hidden in IE 9/10/11. |
|
*/ |
|
|
|
svg:not(:root) { |
|
overflow: hidden; |
|
} |
|
|
|
/** |
|
* jQuery and other DOM traversing libs assumes that if element is |
|
* hovered, its parent elements are also hovered, and only those. |
|
* <use> breaks this assumption in Firefox and IE. |
|
* The easiest way is to disable cursor handling at all. |
|
*/ |
|
|
|
svg use { |
|
pointer-events: none; |
|
} |
|
|
|
/* Grouping content |
|
========================================================================== */ |
|
|
|
/** |
|
* Address margin not present in IE 8/9 and Safari. |
|
*/ |
|
|
|
figure { |
|
margin: 0; |
|
} |
|
|
|
/** |
|
* Address differences between Firefox and other browsers. |
|
*/ |
|
|
|
hr { |
|
box-sizing: content-box; |
|
height: 0; |
|
} |
|
|
|
/** |
|
* Contain overflow in all browsers. |
|
*/ |
|
|
|
pre { |
|
overflow: auto; |
|
} |
|
|
|
/** |
|
* Address odd `em`-unit font size rendering in all browsers. |
|
*/ |
|
|
|
code, kbd, pre, samp { |
|
font-family: monospace, monospace; |
|
font-size: 1em; |
|
} |
|
|
|
/* Forms |
|
========================================================================== */ |
|
|
|
/** |
|
* Known limitation: by default, Chrome and Safari on OS X allow very limited |
|
* styling of `select`, unless a `border` property is set. |
|
*/ |
|
|
|
/** |
|
* 1. Correct color not being inherited. |
|
* Known issue: affects color of disabled elements. |
|
* 2. Correct font properties not being inherited. |
|
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome. |
|
*/ |
|
|
|
button, input, optgroup, select, textarea { |
|
color: inherit; /* 1 */ |
|
font: inherit; /* 2 */ |
|
margin: 0; /* 3 */ |
|
} |
|
|
|
/** |
|
* Address `overflow` set to `hidden` in IE 8/9/10/11. |
|
*/ |
|
|
|
button { |
|
overflow: visible; |
|
} |
|
|
|
/** |
|
* Address inconsistent `text-transform` inheritance for `button` and `select`. |
|
* All other form control elements do not inherit `text-transform` values. |
|
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. |
|
* Correct `select` style inheritance in Firefox. |
|
*/ |
|
|
|
button, select { |
|
text-transform: none; |
|
} |
|
|
|
/** |
|
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` |
|
* and `video` controls. |
|
* 2. Correct inability to style clickable `input` types in iOS. |
|
* 3. Improve usability and consistency of cursor style between image-type |
|
* `input` and others. |
|
*/ |
|
|
|
button, html input[type="button"], input[type="reset"], input[type="submit"] { |
|
-webkit-appearance: button; /* 2 */ |
|
cursor: pointer; /* 3 */ |
|
} |
|
|
|
/** |
|
* Re-set default cursor for disabled elements. |
|
*/ |
|
|
|
button[disabled], html input[disabled] { |
|
cursor: default; |
|
} |
|
|
|
/** |
|
* Remove inner padding and border in Firefox 4+. |
|
*/ |
|
|
|
button::-moz-focus-inner, input::-moz-focus-inner { |
|
border: 0; |
|
padding: 0; |
|
} |
|
|
|
/** |
|
* Address Firefox 4+ setting `line-height` on `input` using `!important` in |
|
* the UA stylesheet. |
|
*/ |
|
|
|
input { |
|
line-height: normal; |
|
} |
|
|
|
/** |
|
* It's recommended that you don't attempt to style these elements. |
|
* Firefox's implementation doesn't respect box-sizing, padding, or width. |
|
* |
|
* 1. Address box sizing set to `content-box` in IE 8/9/10. |
|
* 2. Remove excess padding in IE 8/9/10. |
|
*/ |
|
|
|
input[type="checkbox"], input[type="radio"] { |
|
box-sizing: border-box; /* 1 */ |
|
padding: 0; /* 2 */ |
|
} |
|
|
|
/** |
|
* Fix the cursor style for Chrome's increment/decrement buttons. For certain |
|
* `font-size` values of the `input`, it causes the cursor style of the |
|
* decrement button to change from `default` to `text`. |
|
*/ |
|
|
|
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { |
|
height: auto; |
|
} |
|
|
|
/** |
|
* 1. Address `appearance` set to `searchfield` in Safari and Chrome. |
|
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome. |
|
*/ |
|
|
|
input[type="search"] { |
|
-webkit-appearance: textfield; /* 1 */ |
|
box-sizing: content-box; /* 2 */ |
|
} |
|
|
|
/** |
|
* Remove inner padding and search cancel button in Safari and Chrome on OS X. |
|
* Safari (but not Chrome) clips the cancel button when the search input has |
|
* padding (and `textfield` appearance). |
|
*/ |
|
|
|
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { |
|
-webkit-appearance: none; |
|
} |
|
|
|
/** |
|
* Define consistent border, margin, and padding. |
|
*/ |
|
|
|
fieldset { |
|
border: none; |
|
margin: 0; |
|
padding: 0; |
|
} |
|
|
|
/** |
|
* 1. Correct `color` not being inherited in IE 8/9/10/11. |
|
* 2. Remove padding so people aren't caught out if they zero out fieldsets. |
|
*/ |
|
|
|
legend { |
|
border: 0; /* 1 */ |
|
padding: 0; /* 2 */ |
|
} |
|
|
|
/** |
|
* Remove default vertical scrollbar in IE 8/9/10/11. |
|
*/ |
|
|
|
textarea { |
|
overflow: auto; |
|
} |
|
|
|
/** |
|
* Don't inherit the `font-weight` (applied by a rule above). |
|
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X. |
|
*/ |
|
|
|
optgroup { |
|
font-weight: bold; |
|
} |
|
|
|
/* Tables |
|
========================================================================== */ |
|
|
|
/** |
|
* Remove most spacing between table cells. |
|
*/ |
|
|
|
table { |
|
border-collapse: collapse; |
|
border-spacing: 0; |
|
} |
|
|
|
td, th { |
|
padding: 0; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Global text class |
|
* |
|
* Usage: |
|
* |
|
* for text pages use it in html as a class |
|
* <div class="tv-text"> |
|
* <h1>Header</h1> |
|
* <p>Lorem ...</p> |
|
* </div> |
|
* |
|
* for style widget parts use less feature `extend`: |
|
* some-widget__text { |
|
* &:extend(.tv-text all); |
|
* } |
|
*/ |
|
.tv-text p, .tv-text ul, .tv-text ol { |
|
font-size: 14px; |
|
margin-bottom: 12px; |
|
line-height: 1.6; |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .tv-text p, html.theme-dark .tv-text ul, html.theme-dark .tv-text ol{ color: #c5cbce; } |
|
.tv-text p.tv-text__color_bright, .tv-text ul.tv-text__color_bright, .tv-text ol.tv-text__color_bright { |
|
color: #ffffff; |
|
} |
|
.tv-text p.tv-text__color_silver, .tv-text ul.tv-text__color_silver, .tv-text ol.tv-text__color_silver { |
|
color: #c0c0c0; |
|
} |
|
.tv-text p.tv-text__color_silver_30, .tv-text ul.tv-text__color_silver_30, .tv-text ol.tv-text__color_silver_30 { |
|
color: #9b9b9b; |
|
} |
|
.tv-text p.tv-text__paragraph--additional-top-margin, .tv-text ul.tv-text__paragraph--additional-top-margin, .tv-text ol.tv-text__paragraph--additional-top-margin { |
|
margin-top: 24px; |
|
} |
|
.tv-text p.tv-text__paragraph--additional-top-margin_double, .tv-text ul.tv-text__paragraph--additional-top-margin_double, .tv-text ol.tv-text__paragraph--additional-top-margin_double { |
|
margin-top: 48px; |
|
} |
|
.tv-text p.tv-text__paragraph--additional-bottom-margin, .tv-text ul.tv-text__paragraph--additional-bottom-margin, .tv-text ol.tv-text__paragraph--additional-bottom-margin { |
|
margin-bottom: 24px; |
|
} |
|
.tv-text p.tv-text__paragraph--additional-bottom-margin_double, .tv-text ul.tv-text__paragraph--additional-bottom-margin_double, .tv-text ol.tv-text__paragraph--additional-bottom-margin_double { |
|
margin-bottom: 48px; |
|
} |
|
.tv-text h1 { |
|
font-size: 45px; |
|
} |
|
@media screen and (max-width:1019px) { |
|
.tv-text h1 { |
|
font-size: 38px; |
|
} |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-text h1 { |
|
font-size: 32px; |
|
} |
|
} |
|
@media screen and (max-width:479px) { |
|
.tv-text h1 { |
|
font-size: 28px; |
|
} |
|
} |
|
.tv-text h2 { |
|
font-size: 31px; |
|
} |
|
@media screen and (max-width:1019px) { |
|
.tv-text h2 { |
|
font-size: 26px; |
|
} |
|
} |
|
@media screen and (max-width:479px) { |
|
.tv-text h2 { |
|
font-size: 24px; |
|
} |
|
} |
|
.tv-text h3 { |
|
font-size: 17px; |
|
} |
|
@media screen and (max-width:1019px) { |
|
.tv-text h3 { |
|
font-size: 16px; |
|
} |
|
} |
|
.tv-text h4 { |
|
font-size: 15px; |
|
} |
|
.tv-text h1 { |
|
margin-bottom: 30px; |
|
margin-top: 30px; |
|
} |
|
.tv-text h2, .tv-text h3, .tv-text h4 { |
|
margin-bottom: 20px; |
|
margin-top: 20px; |
|
} |
|
.tv-text h1:first-child, .tv-text h2:first-child, .tv-text h3:first-child, .tv-text h4:first-child { |
|
margin-top: 0; |
|
} |
|
.tv-text ul, .tv-text ol { |
|
list-style-position: inside; |
|
} |
|
.tv-text--position-outside ul, .tv-text--position-outside ol { |
|
list-style-position: outside; |
|
padding-left: 17px; |
|
} |
|
.tv-text a:not(.tv-badge):not(.tv-button) { |
|
color: #3bb3e4; |
|
transition: color ease 0.35s; |
|
} |
|
html.theme-dark .tv-text a:not(.tv-badge):not(.tv-button){ color: #299dcd; } |
|
.tv-text a:not(.tv-badge):not(.tv-button):visited { |
|
color: #3bb3e4; |
|
fill: #3bb3e4; |
|
} |
|
html.theme-dark .tv-text a:not(.tv-badge):not(.tv-button):visited{ fill: #299dcd; } |
|
html.theme-dark .tv-text a:not(.tv-badge):not(.tv-button):visited{ color: #299dcd; } |
|
.feature-no-touch .tv-text a:not(.tv-badge):not(.tv-button):hover { |
|
color: #3babd8; |
|
fill: #3babd8; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch .tv-text a:not(.tv-badge):not(.tv-button):active,.feature-touch .tv-text a:not(.tv-badge):not(.tv-button):active { |
|
color: #049ddc; |
|
fill: #049ddc; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-text__font.tv-text__font--size_semilarge { |
|
font-size: 15px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-text__font.tv-text__font--size_semilarge { |
|
font-size: 14px; |
|
} |
|
} |
|
.tv-text__font.tv-text__font--size_large { |
|
font-size: 17px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-text__font.tv-text__font--size_large { |
|
font-size: 16px; |
|
} |
|
} |
|
.tv-text__font.tv-text__font--size_xlarge { |
|
font-size: 19px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-text__font.tv-text__font--size_xlarge { |
|
font-size: 18px; |
|
} |
|
} |
|
.tv-text__font--bold { |
|
font-weight: bold; |
|
} |
|
.tv-text__font--italic { |
|
font-style: italic; |
|
} |
|
.tv-text--darkbg, .tv-text--darkbg p, .tv-text--darkbg ul, .tv-text--darkbg ol { |
|
color: #ffffff; |
|
} |
|
.tv-text--highlight-important { |
|
background: #fff2cf; |
|
box-shadow: 3px 2px 0 #fff2cf, -3px -1px 0 #fff2cf, 3px -1px 0 #fff2cf, -3px 2px 0 #fff2cf; |
|
} |
|
html.theme-dark .tv-text--highlight-important{ box-shadow: 3px 2px 0 #194453, -3px -1px 0 #194453, 3px -1px 0 #194453, -3px 2px 0 #194453; } |
|
html.theme-dark .tv-text--highlight-important{ background: #194453; } |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.symbol-change-direction.up { |
|
color: #3cbc98; |
|
} |
|
.symbol-change-direction.down { |
|
color: #ff4a68; |
|
} |
|
.js-hidden { |
|
/* sudo */ |
|
display: none !important; |
|
} |
|
.js-no-pointer-events { |
|
pointer-events: none !important; |
|
} |
|
.i-mobile-link { |
|
color: #3bb3e4; |
|
transition: color ease 0.35s; |
|
} |
|
html.theme-dark .i-mobile-link{ color: #299dcd; } |
|
.i-mobile-link:visited { |
|
color: #3bb3e4; |
|
fill: #3bb3e4; |
|
} |
|
html.theme-dark .i-mobile-link:visited{ fill: #299dcd; } |
|
html.theme-dark .i-mobile-link:visited{ color: #299dcd; } |
|
.feature-no-touch .i-mobile-link:hover { |
|
color: #3babd8; |
|
fill: #3babd8; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch .i-mobile-link:active,.feature-touch .i-mobile-link:active { |
|
color: #049ddc; |
|
fill: #049ddc; |
|
transition-duration: 0.06s; |
|
} |
|
body { |
|
min-width: 320px; |
|
box-sizing: border-box; |
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|
-webkit-tap-highlight-color: transparent; |
|
} |
|
body.i-no-scroll { |
|
overflow: hidden !important; |
|
} |
|
body.i-no-padding { |
|
padding: 0 !important; |
|
} |
|
::selection { |
|
background: rgba(216, 240, 250, 0.6); |
|
} |
|
html.theme-dark ::selection{ background: rgba(117, 134, 150, 0.6); } |
|
/** |
|
* |
|
* Global states |
|
* |
|
* Usage: |
|
* i-{state} |
|
* i-{state}_{value} |
|
* |
|
* Must be included after all another styles |
|
* |
|
*/ |
|
.i-hidden { |
|
display: none !important; |
|
} |
|
.i-invisible { |
|
visibility: hidden !important; |
|
} |
|
.i-clearfix:after { |
|
clear: both; |
|
display: table; |
|
content: ''; |
|
} |
|
.i-align_left { |
|
text-align: left !important; |
|
} |
|
.i-align_right { |
|
text-align: right !important; |
|
} |
|
.i-align_center { |
|
text-align: center !important; |
|
} |
|
.i-float_left { |
|
float: left !important; |
|
} |
|
.i-float_right { |
|
float: right !important; |
|
} |
|
.i-float_none { |
|
float: none !important; |
|
} |
|
@media screen and (min-width:1020px) { |
|
.i-device-only { |
|
display: none !important; |
|
} |
|
} |
|
@media screen and (max-width:1019px) { |
|
.i-desktop-only { |
|
display: none !important; |
|
} |
|
} |
|
@media screen and (min-width:479px) { |
|
.i-phones-only { |
|
display: none !important; |
|
} |
|
} |
|
@media screen and (max-width:479px) { |
|
.i-except-phones-only { |
|
display: none !important; |
|
} |
|
} |
|
body.fullscreen-mode { |
|
overflow: hidden; |
|
} |
|
.tv-layout-width { |
|
width: 1020px; |
|
margin: 0 auto; |
|
padding: 0 20px; |
|
box-sizing: border-box; |
|
} |
|
.tv-layout-width--no-padding { |
|
padding: 0; |
|
width: 980px; |
|
} |
|
.tv-dialog .tv-layout-width { |
|
max-width: 100%; |
|
} |
|
.chart-page .tv-layout-width { |
|
width: 100%; |
|
} |
|
@media screen and (max-width:1019px) { |
|
.tv-layout-width { |
|
width: auto; |
|
} |
|
.tv-layout-width .tv-feed { |
|
margin-left: -20px; |
|
margin-right: -20px; |
|
} |
|
.tv-layout-width .tv-feed--tablet-top-indent { |
|
margin-top: 36px; |
|
} |
|
} |
|
.tv-layout-padding { |
|
padding: 0 20px; |
|
} |
|
body.page-wide .tv-layout-width, body.popup-wide .fancybox-overlay .tv-layout-width { |
|
width: 1520px; |
|
} |
|
body.page-fullwidth .tv-layout-width { |
|
width: 100%; |
|
} |
|
/* Content */ |
|
.tv-main { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
min-height: 100%; |
|
width: 100%; |
|
} |
|
.tv-side-toolbar { |
|
float: left; |
|
position: static; |
|
height: 100%; |
|
overflow-x: visible; |
|
overflow-y: hidden; |
|
} |
|
.tv-main-panel { |
|
position: relative; |
|
background-color: #f1f3f6; |
|
overflow: hidden; |
|
} |
|
.tv-side-panel { |
|
float: right; |
|
position: relative; |
|
z-index: 15; |
|
height: 100%; |
|
} |
|
.tv-panels { |
|
height: 100%; |
|
} |
|
.chart-page .tv-content { |
|
padding: 0; |
|
} |
|
/* Utilities */ |
|
.clear { |
|
clear: both; |
|
} |
|
.clearfix:after { |
|
clear: both; |
|
display: block; |
|
content: ''; |
|
} |
|
.hide { |
|
display: none !important; |
|
} |
|
.show { |
|
display: block !important; |
|
} |
|
.tv-right { |
|
float: right !important; |
|
} |
|
.tv-left { |
|
float: left !important; |
|
} |
|
#_atssh { |
|
position: absolute; |
|
margin-top: -20px; |
|
} |
|
/* for popup indent */ |
|
.js-right-boundary { |
|
margin-right: 0; |
|
} |
|
/* Icons */ |
|
.icon { |
|
display: inline-block; |
|
background: url('../images/icons.png') 0 0 no-repeat; |
|
position: relative; |
|
vertical-align: middle; |
|
} |
|
/* Legacy Buttons */ |
|
._tv-button .icon-dropdown { |
|
position: relative; |
|
left: 5px; |
|
display: inline-block; |
|
height: 15px; |
|
width: 13px; |
|
vertical-align: top; |
|
background: url('../images/select-bg.png') 2px 5px no-repeat; |
|
} |
|
._tv-button.active .icon-dropdown { |
|
background-position: 2px -15px; |
|
} |
|
._tv-button._tv-button-fontstyle { |
|
height: 14px; |
|
padding-left: 0; |
|
padding-right: 0; |
|
width: 25px; |
|
text-align: center; |
|
} |
|
._tv-button.process, .ajax-process-bg { |
|
background-image: url('../images/bar-loader.gif') !important; |
|
background-repeat: repeat !important; |
|
background-position: 0 0 !important; |
|
pointer-events: none; |
|
} |
|
html.theme-dark ._tv-button.process, .ajax-process-bg { |
|
background-image: url('../images/bar-loader-dark.gif') !important; |
|
} |
|
._tv-button._tv-button-fontstyle .icon-fontstyle-bold, ._tv-button._tv-button-fontstyle .icon-fontstyle-italic { |
|
display: block; |
|
height: 11px; |
|
margin: auto; |
|
background: url('../images/icons.png') 0 0 no-repeat; |
|
position: relative; |
|
top: 1px; |
|
} |
|
._tv-button._tv-button-fontstyle .icon-fontstyle-bold { |
|
width: 10px; |
|
background-position: -40px -260px; |
|
} |
|
._tv-button._tv-button-fontstyle .icon-fontstyle-italic { |
|
width: 7px; |
|
background-position: -60px -260px; |
|
} |
|
._tv-button, button._tv-button { |
|
cursor: default; |
|
padding: 6px 10px 5px; |
|
height: 15px; |
|
display: inline-block; |
|
vertical-align: top; |
|
text-decoration: none !important; |
|
color: #4a4a4a; |
|
border: 1px solid; |
|
border-color: #dadde0; |
|
font-size: 11px; |
|
font-weight: bold; |
|
text-align: center; |
|
background-color: #f1f3f6; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
box-sizing: content-box; |
|
-webkit-appearance: none; |
|
-moz-appearance: none; |
|
appearance: none; |
|
} |
|
html.theme-dark ._tv-button, html.theme-dark button._tv-button{ background-color: #2f3241; } |
|
html.theme-dark ._tv-button, html.theme-dark button._tv-button{ border-color: #363c4e; } |
|
html.theme-dark ._tv-button, html.theme-dark button._tv-button{ color: #c5cbce; } |
|
.feature-no-touch ._tv-button:hover { |
|
background-position: 0 -26px; |
|
color: #131722; |
|
} |
|
html.feature-no-touch.theme-dark ._tv-button:hover{ color: #d6d8e0; } |
|
.feature-no-touch ._tv-button:active:not([disabled]),.feature-touch ._tv-button:active:not([disabled]), ._tv-button.active, .feature-no-touch ._tv-button.toolbutton:active,.feature-touch ._tv-button.toolbutton:active, ._tv-button.toolbutton.active, .tv-select-container.sbHolderOpen, .feature-no-touch .tv-select-container:active,.feature-touch .tv-select-container:active { |
|
background: #ffffff; |
|
color: #3bb3e4; |
|
} |
|
html.feature-no-touch.theme-dark ._tv-button:active:not([disabled]),html.feature-touch.theme-dark ._tv-button:active:not([disabled]), html.theme-dark ._tv-button.active, html.feature-no-touch.theme-dark ._tv-button.toolbutton:active,html.feature-touch.theme-dark ._tv-button.toolbutton:active, html.theme-dark ._tv-button.toolbutton.active, html.theme-dark .tv-select-container.sbHolderOpen, html.feature-no-touch.theme-dark .tv-select-container:active,html.feature-touch.theme-dark .tv-select-container:active{ background: #2f3241; } |
|
._tv-button.ok { |
|
min-width: 30px; |
|
background: #3bb3e4; |
|
border-color: transparent !important; |
|
color: white !important; |
|
} |
|
html.theme-dark ._tv-button.ok{ background: #3bb3e4; } |
|
.feature-no-touch ._tv-button.ok:hover { |
|
background: #38acdb; |
|
border-color: transparent; |
|
} |
|
html.feature-no-touch.theme-dark ._tv-button.ok:hover{ background: #38acdb; } |
|
.feature-no-touch ._tv-button.ok:active,.feature-touch ._tv-button.ok:active { |
|
background: #299dcd; |
|
border-color: transparent; |
|
} |
|
html.feature-no-touch.theme-dark ._tv-button.ok:active,html.feature-touch.theme-dark ._tv-button.ok:active{ background: #299dcd; } |
|
._tv-button.ok.disabled, ._tv-button.ok:disabled { |
|
background: #99cfd8 !important; |
|
border-color: transparent; |
|
} |
|
html.theme-dark ._tv-button.ok.disabled, html.theme-dark ._tv-button.ok:disabled{ background: #21384d !important; } |
|
._tv-button.ok.process { |
|
background: url('../images/button-base-process.gif') 0 0 repeat !important; |
|
} |
|
._tv-button.block { |
|
display: block; |
|
text-align: center; |
|
} |
|
._tv-button.slim { |
|
padding: 3px 8px; |
|
font-weight: normal; |
|
} |
|
.chart-description ._tv-button.slim { |
|
line-height: normal; |
|
} |
|
._tv-button.icon { |
|
padding: 5px; |
|
} |
|
._tv-button.icon.active { |
|
background: #cfe1ff; |
|
} |
|
._tv-button.toolbutton { |
|
width: 24px; |
|
height: 25px; |
|
padding: 0 !important; |
|
text-align: center; |
|
} |
|
._tv-button.wide { |
|
padding: 5px 15px; |
|
min-width: 50px; |
|
} |
|
._tv-button.xwide { |
|
padding: 5px 0; |
|
width: 175px; |
|
} |
|
._tv-button.xxwide { |
|
padding: 5px 0; |
|
width: 185px; |
|
} |
|
._tv-button.disabled { |
|
color: #848484; |
|
background-position: 0 -78px; |
|
opacity: 0.7; |
|
cursor: default; |
|
} |
|
.feature-no-touch ._tv-button.disabled:hover { |
|
background-position: 0 -78px; |
|
} |
|
.feature-no-touch ._tv-button.disabled:active,.feature-touch ._tv-button.disabled:active { |
|
background-position: 0 -78px; |
|
} |
|
._tv-button.theblueone { |
|
background: #4387f6 url('../images/publish-chart-bg.png'); |
|
color: #ffffff !important; |
|
border: 1px solid #346bc2; |
|
padding: 4px 10px 5px; |
|
} |
|
.feature-no-touch ._tv-button.theblueone:active,.feature-touch ._tv-button.theblueone:active { |
|
background-position: 0 -26px; |
|
} |
|
._tv-button.half-left { |
|
border-radius: 3px 0 0 3px; |
|
border-right: none; |
|
} |
|
._tv-button.half-right { |
|
border-radius: 0 3px 3px 0; |
|
} |
|
._tv-button.cancel { |
|
background: #9ca0a6 !important; |
|
border-color: transparent; |
|
color: #ffffff !important; |
|
} |
|
html.theme-dark ._tv-button.cancel{ color: #c5cbce !important; } |
|
html.theme-dark ._tv-button.cancel{ background: #2f3241 !important; } |
|
.feature-no-touch ._tv-button.cancel:not(.disabled):hover, .feature-no-touch ._tv-button.cancel:active,.feature-touch ._tv-button.cancel:active, ._tv-button.cancel:disabled { |
|
border-color: transparent; |
|
} |
|
.feature-no-touch ._tv-button.cancel:not(.disabled):hover { |
|
background-color: #898c91 !important; |
|
} |
|
html.feature-no-touch.theme-dark ._tv-button.cancel:not(.disabled):hover{ background-color: #393d4f !important; } |
|
.feature-no-touch ._tv-button.cancel:not(.disabled):active,.feature-touch ._tv-button.cancel:not(.disabled):active { |
|
background-color: #787b7f !important; |
|
} |
|
html.feature-no-touch.theme-dark ._tv-button.cancel:not(.disabled):active,html.feature-touch.theme-dark ._tv-button.cancel:not(.disabled):active{ background-color: #3f4357 !important; } |
|
._tv-button.cancel:disabled { |
|
background: #cfd3db !important; |
|
} |
|
html.theme-dark ._tv-button.cancel:disabled{ background: #1c2030 !important; } |
|
._tv-button.process { |
|
background: url('../images/bar-loader.gif') 0 0 repeat; |
|
} |
|
html.theme-dark ._tv-button.process { |
|
background: url('../images/bar-loader-dark.gif') 0 0 repeat; |
|
} |
|
._tv-button.delete { |
|
background: #d75442; |
|
border-color: transparent; |
|
color: white !important; |
|
} |
|
.feature-no-touch ._tv-button.delete:not(.disabled):hover { |
|
background: #da5f4f; |
|
border-color: transparent; |
|
} |
|
.feature-no-touch ._tv-button.delete:active,.feature-touch ._tv-button.delete:active { |
|
background: #d44935; |
|
border-color: transparent; |
|
} |
|
._tv-button.green { |
|
background: #43be83; |
|
border-color: transparent; |
|
color: white !important; |
|
} |
|
.feature-no-touch ._tv-button.green:hover { |
|
background: #4ec28a; |
|
border-color: transparent; |
|
} |
|
.feature-no-touch ._tv-button.green:active,.feature-touch ._tv-button.green:active { |
|
background: #3eb47b; |
|
border-color: transparent; |
|
} |
|
._tv-button.with-arrow { |
|
position: relative; |
|
margin-left: 2px; |
|
} |
|
._tv-button.with-arrow.arrow-left:after, ._tv-button.with-arrow.arrow-left:before { |
|
right: 100%; |
|
border: solid transparent; |
|
content: ' '; |
|
height: 0; |
|
width: 0; |
|
position: absolute; |
|
pointer-events: none; |
|
} |
|
._tv-button.with-arrow.arrow-left:after { |
|
border-color: rgba(249, 249, 249, 0); |
|
border-right-color: #f9f9f9; |
|
border-width: 5px; |
|
top: 50%; |
|
margin-top: -5px; |
|
} |
|
._tv-button.with-arrow.arrow-left:before { |
|
border-color: rgba(188, 188, 188, 0); |
|
border-right-color: #bcbcbc; |
|
border-width: 6px; |
|
top: 50%; |
|
margin-top: -6px; |
|
} |
|
.feature-no-touch ._tv-button.with-arrow.arrow-left:active:after,.feature-touch ._tv-button.with-arrow.arrow-left:active:after { |
|
border-color: rgba(227, 231, 233, 0); |
|
border-right-color: #e3e7e9; |
|
margin-right: -1px; |
|
} |
|
.tv-uppercase { |
|
text-transform: uppercase; |
|
} |
|
/* Select */ |
|
.tv-select { |
|
display: none; |
|
} |
|
.tv-select-container { |
|
background-color: #f1f3f6; |
|
border: 1px solid; |
|
border-color: #dadde0; |
|
border-radius: 0; |
|
height: 26px; |
|
position: relative; |
|
display: inline-block; |
|
vertical-align: top; |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .tv-select-container{ color: #c5cbce; } |
|
html.theme-dark .tv-select-container{ border-color: #363c4e; } |
|
html.theme-dark .tv-select-container{ background-color: #2f3241; } |
|
.tv-select-container a { |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .tv-select-container a{ color: #c5cbce; } |
|
.tv-select-container.sbHolderOpen { |
|
color: #000000; |
|
} |
|
.tv-select-container.sbHolderOpen a { |
|
color: #000000; |
|
} |
|
.tv-select-container.sbHolderDisabled { |
|
background-color: #ffffff; |
|
border-color: #e3e5e6; |
|
color: #808080; |
|
} |
|
.tv-select-container.sbHolderDisabled a { |
|
color: #808080; |
|
} |
|
.tv-select-container.sbHolderDisabled .sbToggle { |
|
opacity: 0.2; |
|
} |
|
.feature-no-touch .tv-select-container:hover:not(.sbHolderDisabled) .sbToggle:after { |
|
border-color: #000000 transparent transparent transparent; |
|
} |
|
.tv-select-container .sbSelector { |
|
cursor: default; |
|
display: block; |
|
height: 26px; |
|
line-height: 26px; |
|
outline: none; |
|
overflow: hidden; |
|
padding: 0 23px 0 10px; |
|
color: #333333; |
|
} |
|
.feature-no-touch .tv-select-container .sbSelector:hover { |
|
outline: none; |
|
text-decoration: none; |
|
} |
|
.tv-select-container .sbToggle { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
position: absolute; |
|
right: 5px; |
|
top: 6px; |
|
height: 15px; |
|
width: 13px; |
|
cursor: default; |
|
} |
|
.tv-select-container .sbToggle .tv-caret { |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .tv-select-container .sbToggle .tv-caret{ color: #c5cbce; } |
|
.tv-select-container.dialog { |
|
height: 25px; |
|
vertical-align: middle; |
|
} |
|
.tv-select-container.dialog .sbSelector { |
|
height: 25px; |
|
line-height: 25px; |
|
padding: 0 20px 0 10px; |
|
min-width: 80px; |
|
width: calc(100% - 30px); |
|
} |
|
.tv-select-container.dialog .sbOptions { |
|
min-width: 100%; |
|
z-index: 3; |
|
} |
|
.tv-select-container.dialog .sbOptions::-webkit-scrollbar { |
|
width: 5px; |
|
} |
|
.tv-select-container.dialog .sbOptions::-webkit-scrollbar-thumb { |
|
border: 1px solid #f2f3f5; |
|
border-radius: 3px; |
|
background-color: #9db2bd; |
|
} |
|
.tv-select-container.dialog .sbOptions::-webkit-scrollbar-track { |
|
background-color: #f2f3f5; |
|
border-radius: 3px; |
|
} |
|
.tv-select-container .sbSeparator { |
|
display: block; |
|
height: 1px; |
|
background: #c9cbcd; |
|
} |
|
.tv-select.inset + .tv-select-container { |
|
background: #eff3f6; |
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15); |
|
color: #6f7073; |
|
} |
|
.tv-unstyled-select-container { |
|
position: relative; |
|
} |
|
.property-wide-select .tv-select-container.dialog .sbSelector { |
|
width: 90px; |
|
} |
|
.tv-report-dialog-select .sbOptions { |
|
max-width: 600px; |
|
} |
|
.tv-report-dialog-select .sbOptions a { |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
} |
|
.tv-select-container .sbHolderDisabled { |
|
background-color: #3c3c3c; |
|
border: solid 1px #515151; |
|
} |
|
.tv-unstyled-select-container .sbOptions, .tv-select-container .sbOptions { |
|
list-style: none; |
|
margin: 0; |
|
padding: 0px; |
|
position: absolute; |
|
top: 30px; |
|
min-width: 150px; |
|
z-index: 3; |
|
overflow-y: auto; |
|
background: #ffffff; |
|
border: 1px solid; |
|
border-color: #dadde0; |
|
overflow-x: hidden; |
|
} |
|
html.theme-dark .tv-unstyled-select-container .sbOptions, html.theme-dark .tv-select-container .sbOptions{ border-color: #363c4e; } |
|
html.theme-dark .tv-unstyled-select-container .sbOptions, html.theme-dark .tv-select-container .sbOptions{ background: #1c2030; } |
|
.tv-unstyled-select-container .sbOptions.tv-quandl-select, .tv-select-container .sbOptions.tv-quandl-select { |
|
max-width: 350px; |
|
} |
|
.tv-unstyled-select-container .sbOptions.three-column-filter, .tv-select-container .sbOptions.three-column-filter { |
|
width: 700px; |
|
} |
|
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item:nth-child(even), .tv-select-container .sbOptions.three-column-filter li.filter-item:nth-child(even) { |
|
width: 46%; |
|
} |
|
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item, .tv-select-container .sbOptions.three-column-filter li.filter-item { |
|
overflow: hidden; |
|
float: left; |
|
width: 54%; |
|
min-height: 34px; |
|
} |
|
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item:first-child, .tv-select-container .sbOptions.three-column-filter li.filter-item:first-child { |
|
width: 100%; |
|
} |
|
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item .filter, .tv-select-container .sbOptions.three-column-filter li.filter-item .filter { |
|
border-bottom: 0; |
|
} |
|
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item .sbIcon, .tv-select-container .sbOptions.three-column-filter li.filter-item .sbIcon { |
|
display: inline-block; |
|
width: 16px; |
|
height: 11px; |
|
margin: 0 5px 3px 0; |
|
vertical-align: middle; |
|
} |
|
.tv-unstyled-select-container .sbOptions.three-column-filter li.filter-item .sbIcon.flag-btc, .tv-select-container .sbOptions.three-column-filter li.filter-item .sbIcon.flag-btc { |
|
height: 16px; |
|
margin-bottom: 2px; |
|
} |
|
.tv-unstyled-select-container .sbOptions a, .tv-select-container .sbOptions a { |
|
display: block; |
|
white-space: nowrap; |
|
outline: none; |
|
padding: 7px 12px; |
|
font-weight: normal; |
|
font-size: 13px; |
|
line-height: 16px; |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .tv-unstyled-select-container .sbOptions a, html.theme-dark .tv-select-container .sbOptions a{ color: #c5cbce; } |
|
.tv-unstyled-select-container .sbOptions.tv-quandl-select a, .tv-select-container .sbOptions.tv-quandl-select a { |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
border-bottom: none; |
|
} |
|
.tv-unstyled-select-container .sbOptions .spinner-container, .tv-select-container .sbOptions .spinner-container { |
|
position: relative; |
|
height: 30px; |
|
} |
|
.tv-unstyled-select-container .sbOptions a:link, .tv-select-container .sbOptions a:link, .sbOptions a:visited { |
|
color: #4a4a4a; |
|
text-decoration: none; |
|
} |
|
html.theme-dark .tv-unstyled-select-container .sbOptions a:link, html.theme-dark .tv-select-container .sbOptions a:link, html.theme-dark .sbOptions a:visited{ color: #c5cbce; } |
|
.feature-no-touch .tv-unstyled-select-container .sbOptions a:hover, .feature-no-touch .tv-select-container .sbOptions a:hover { |
|
background: #f1f3f6; |
|
} |
|
html.feature-no-touch.theme-dark .tv-unstyled-select-container .sbOptions a:hover, html.feature-no-touch.theme-dark .tv-select-container .sbOptions a:hover{ background: #262b3e; } |
|
.tv-unstyled-select-container .sbOptions a.active, .tv-select-container .sbOptions a.active { |
|
background: #f1f3f6; |
|
border-left: 3px solid #5cb888; |
|
padding-left: 9px; |
|
color: #333333; |
|
} |
|
html.theme-dark .tv-unstyled-select-container .sbOptions a.active, html.theme-dark .tv-select-container .sbOptions a.active{ background: #262b3e; } |
|
.tv-unstyled-select-container .sbOptions li.last a, .tv-select-container .sbOptions li.last a { |
|
border-bottom: none; |
|
} |
|
.tv-unstyled-select-container .sbOptions .sbDisabled, .tv-select-container .sbOptions .sbDisabled { |
|
display: block; |
|
padding: 7px 0 7px 10px; |
|
} |
|
.tv-unstyled-select-container .sbOptions .sbGroup, .tv-select-container .sbOptions .sbGroup { |
|
display: block; |
|
font-weight: bold; |
|
padding: 7px 0 7px 3px; |
|
} |
|
.tv-unstyled-select-container .sbOptions .sbSub, .tv-select-container .sbOptions .sbSub { |
|
padding-left: 17px; |
|
} |
|
.tv-select-container.tv-select-container-fontsize .sbSelector { |
|
width: 26px; |
|
} |
|
.tv-select-container.tv-select-container-fontsize .sbOptions { |
|
min-width: 54px; |
|
} |
|
.tv-select-container-timezone .sbOptions { |
|
min-width: 170px; |
|
} |
|
/* Text input */ |
|
.tv-text-input { |
|
color: #4a4a4a; |
|
margin: 0; |
|
border: 1px solid; |
|
border-color: #dadde0; |
|
display: inline-block; |
|
overflow: hidden; |
|
width: 100px; |
|
height: 26px; |
|
vertical-align: top; |
|
padding: 0 5px; |
|
/*!rtl:raw: |
|
direction: ltr; |
|
*/ |
|
/*!rtl:raw: |
|
text-align: right; |
|
*/ |
|
} |
|
html.theme-dark .tv-text-input{ border-color: #363c4e; } |
|
html.theme-dark .tv-text-input{ color: #c5cbce; } |
|
.feature-no-touch .tv-text-input:focus,.feature-touch .tv-text-input:focus { |
|
border-color: #3bb3e4; |
|
} |
|
.tv-text-input.inset { |
|
background: #ffffff; |
|
} |
|
html.theme-dark .tv-text-input.inset{ background: #131722; } |
|
.tv-text-input.ticker { |
|
height: 25px; |
|
width: 60px; |
|
} |
|
.tv-text-input.ticker--longer-sign_8 { |
|
width: 72px; |
|
} |
|
.ticker-text { |
|
background: #f2f5f8; |
|
width: 30px !important; |
|
text-align: center; |
|
} |
|
textarea.tv-textarea { |
|
color: #5a5a5a; |
|
margin: 0; |
|
border: 1px solid #c9cbcd; |
|
padding: 0 5px; |
|
} |
|
/* tv-close-panel */ |
|
.tv-close-panel { |
|
width: 4px; |
|
height: 25px; |
|
border-color: #dadde0; |
|
border-width: 1px 0; |
|
border-style: solid; |
|
background-color: #f1f3f6; |
|
background-position: 50% 50%; |
|
background-repeat: no-repeat; |
|
} |
|
html.theme-dark .tv-close-panel{ background-color: #363c4e; } |
|
html.theme-dark .tv-close-panel{ border-color: #363c4e; } |
|
.tv-close-panel.left, .hidden .tv-close-panel.right { |
|
background-image: url(data:image/gif;base64,R0lGODlhAwAFAPABAMnLzf///yH5BAUAAAEALAAAAAADAAUAQAIGTGCgqAcFADs=); |
|
} |
|
.tv-close-panel.right, .hidden .tv-close-panel.left { |
|
background-image: url(data:image/gif;base64,R0lGODlhAwAFAIABAMnLzf///yH5BAEAAAEALAAAAAADAAUAAAIFRAKWi1cAOw==); |
|
} |
|
.tv-close-panel.top, .tv-close-panel.bottom { |
|
width: 25px; |
|
height: 5px; |
|
border-width: 0 1px; |
|
} |
|
.tv-close-panel.top, .hidden .tv-close-panel.bottom { |
|
background-image: url(data:image/gif;base64,R0lGODlhBQADAIABAMnLzf///yH5BAEKAAEALAAAAAAFAAMAAAIFTGAHuF0AOw==); |
|
} |
|
.tv-close-panel.bottom, .hidden .tv-close-panel.top { |
|
background-image: url(data:image/gif;base64,R0lGODlhBQADAIABAMnLzf///yH5BAEKAAEALAAAAAAFAAMAAAIFhB0XC1sAOw==); |
|
} |
|
html, body { |
|
color: #4a4a4a; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
font-size: 14px; |
|
height: 100% !important; |
|
} |
|
html.theme-dark html, html.theme-dark body{ color: #c5cbce; } |
|
html.font-VI-lang-safe body, body.font-VI-lang-safe { |
|
font-family: Arial, sans-serif; |
|
} |
|
body { |
|
background: #f2f3f5; |
|
} |
|
body.tv-body--bg_superdark { |
|
background: #2a2c39; |
|
} |
|
body.extension { |
|
min-width: 0; |
|
overflow: hidden; |
|
} |
|
img { |
|
border: none; |
|
} |
|
textarea { |
|
resize: none; |
|
} |
|
.feature-no-touch :focus,.feature-touch :focus { |
|
outline: none !important; |
|
} |
|
input::-ms-clear { |
|
display: none; |
|
} |
|
input, textarea { |
|
border-radius: 0; |
|
} |
|
.chart-page :not(input):not(textarea):not(.selectable), .unselectable, .tv-profile .tags { |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
} |
|
.chart-page :not(input):not(textarea):not(.selectable).selectable--full, .unselectable.selectable--full, .tv-profile .tags.selectable--full, .chart-page :not(input):not(textarea):not(.selectable).selectable--full :not(.unselectable), .unselectable.selectable--full :not(.unselectable), .tv-profile .tags.selectable--full :not(.unselectable) { |
|
-webkit-user-select: text; |
|
-moz-user-select: text; |
|
-ms-user-select: text; |
|
user-select: text; |
|
} |
|
input, textarea, .selectable { |
|
-webkit-user-select: text; |
|
-moz-user-select: text; |
|
-ms-user-select: text; |
|
user-select: text; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.font-VI-lang-safe input, .font-VI-lang-safe textarea, .font-VI-lang-safe .selectable { |
|
font-family: Arial, sans-serif; |
|
} |
|
/* common */ |
|
.text-center { |
|
text-align: center; |
|
} |
|
/* footer */ |
|
#footer { |
|
background: #dbdbdb; |
|
color: #626262; |
|
border-top: 1px #999999 solid; |
|
height: 24px; |
|
font-size: small; |
|
} |
|
/* main chart */ |
|
#chart-area { |
|
background: transparent; |
|
} |
|
#chart-area, .chart-container, .chart-place { |
|
position: relative; |
|
touch-action: none; |
|
} |
|
#chart-area.fullscreen { |
|
position: fixed; |
|
z-index: 15; |
|
left: 0; |
|
top: 0; |
|
width: 100% !important; |
|
height: 100% !important; |
|
} |
|
.chart-page { |
|
background: #e7ebee; |
|
} |
|
html.theme-dark .chart-page{ background: #2f3241; } |
|
.chart-page .chart-container { |
|
position: relative; |
|
contain: strict; |
|
} |
|
.chart-page .chart-container-border { |
|
position: relative; |
|
height: 100%; |
|
width: 100%; |
|
overflow: hidden; |
|
border-radius: 4px; |
|
border: none; |
|
background-color: #ffffff; |
|
/* workaround: enforce stacking context for webkit overflow with rounded border bug */ |
|
z-index: 0; |
|
} |
|
html.theme-dark .chart-page .chart-container-border{ background-color: #131722; } |
|
.chart-page .chart-container.multiple.active .chart-container-border { |
|
border-radius: 6px; |
|
} |
|
.chart-page .chart-container.multiple.active:after { |
|
content: ''; |
|
display: block; |
|
position: absolute; |
|
pointer-events: none; |
|
box-sizing: border-box; |
|
top: 0; |
|
bottom: 0; |
|
left: 0; |
|
right: 0; |
|
border-radius: 4px; |
|
border: 2px solid; |
|
border-color: #37a6ef; |
|
} |
|
html.theme-dark .chart-page .chart-container.multiple.active:after{ border-color: #2e7bb2; } |
|
.chart-page .chart-container.inactive .chart-status-picture, .chart-page .chart-container.inactive .pane-legend { |
|
opacity: .6; |
|
} |
|
.chart-page .chart-container.inactive .pane-legend-line.study, .chart-page .chart-container.inactive .back-to-present, .chart-page .chart-container.inactive .control-bar-wrapper { |
|
display: none; |
|
} |
|
/* view chart */ |
|
/* other */ |
|
.ui-tabs .ui-tabs-nav li a { |
|
font-size: x-small; |
|
} |
|
.input-reset { |
|
width: 16px; |
|
height: 16px; |
|
position: absolute; |
|
top: 7px; |
|
right: 7px; |
|
cursor: pointer; |
|
display: none; |
|
border-radius: 50%; |
|
} |
|
.input-reset:before { |
|
content: ' '; |
|
display: block; |
|
width: 10px; |
|
height: 10px; |
|
background: url('../images/icons.png') no-repeat -103px -340px; |
|
position: absolute; |
|
top: 50%; |
|
left: 50%; |
|
margin: -5px 0 0 -5px; |
|
} |
|
.feature-no-touch .input-reset:hover { |
|
background-color: #f2f5f8; |
|
} |
|
.feature-no-touch .input-reset:active,.feature-touch .input-reset:active { |
|
opacity: 0.6; |
|
} |
|
.loading-indicator { |
|
width: 100%; |
|
height: 100%; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
z-index: 150; |
|
background: #ffffff; |
|
} |
|
.loading-indicator img { |
|
position: absolute; |
|
top: 50%; |
|
left: 50%; |
|
margin: -58px 0 0 -58px; |
|
} |
|
.loading-indicator img.small { |
|
margin: -12px 0 0 -12px; |
|
} |
|
.ui-slider-horizontal { |
|
margin: 7px 0 0; |
|
background-color: #f4f7f9; |
|
border: 1px solid !important; |
|
border-color: #c9cbcd !important; |
|
height: 5px !important; |
|
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.15); |
|
} |
|
html.theme-dark .ui-slider-horizontal{ border-color: #2f3241 !important; } |
|
html.theme-dark .ui-slider-horizontal{ background-color: #171b29; } |
|
.ui-slider-handle { |
|
width: 15px !important; |
|
height: 15px !important; |
|
background: url('../images/icons.png') -20px -80px !important; |
|
border: none !important; |
|
top: -5px !important; |
|
margin-left: -7px !important; |
|
} |
|
.ui-slider-horizontal.linewidth-slider { |
|
width: 101px; |
|
margin: 7px 10px; |
|
background: url('../images/dialogs/linewidth-slider.png') 0 0 no-repeat !important; |
|
height: 12px !important; |
|
border: none !important; |
|
box-shadow: none; |
|
display: inline-block; |
|
vertical-align: middle; |
|
} |
|
.ui-slider-horizontal.linewidth-slider:before, .ui-slider-horizontal.linewidth-slider:after { |
|
content: none; |
|
} |
|
.ui-slider-horizontal.transparency-slider { |
|
/* relative */ |
|
width: 99px; |
|
height: 8px !important; |
|
margin: 7px 10px; |
|
background: url('../images/dialogs/opacity-slider.png') !important; |
|
} |
|
.ui-slider-horizontal.transparency-slider.wide-slider { |
|
width: 176px; |
|
margin: 7px 1px; |
|
} |
|
.slider-range { |
|
width: 155px; |
|
height: 5px !important; |
|
background: #fafafa; |
|
position: relative; |
|
top: 1px; |
|
left: 0 !important; |
|
margin-left: 15px; |
|
margin-right: 15px; |
|
margin-top: 0px !important; |
|
} |
|
.slider-range .ui-slider-range { |
|
top: 0px !important; |
|
height: 5px !important; |
|
} |
|
.slider-range .ui-slider-handle, .slider-range .ui-slider-horizontal.transparency-slider .ui-slider-handle { |
|
width: 20px !important; |
|
height: 20px !important; |
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABvElEQVR42r1U2U7CUBD1D9V36oP4R/AHrmFRChFsQSExKihtFB804oOJLAXKcllEifU6pwkEuYVQH2hykpuZOZNZTmdtZV+11vDk8gWfnEgrh+GEBsjxtHJ9e++rGA1p6USs29tQzq9294OnL4QWYUj4BvCGDT7EMNbbWJisVm9uByJKlggsJCctrfDMS4bJO70P3uoO7Dds8CEGscTxzqtsPXCi3KCKi8s73mJ9PhqNHAEfYij2kzhZ4oqVpjJZtNmhwB+QlsA4KUP7MwswPZhLUFatRZWJlQ44OOD+WVROe/Rh2PmHJwS6gkYc4rZJEf5JwihJA/MoVU2B8PpW5uFoioeiSbwF/3u1wcENykl1khAaI6OFbc4QkAwEG+FYSvC3afvgHh0ndLcJUaXg7/SHdsKDUFyfblm1Wzbmtgw4tlwmji2fiKpOL8WPpUC0bpcCjrAUo2ZKY9k0/yebIslmy0nYDGJ1KewuCXvP8SjgN8I8XPx6X8TJEXdz3nHwjo8D6cqC0KFNbB/AG7aZ47Cz7PkqYtiomGABeMMGH9pErJsDK2FzMkmKdKpTa3rsLKPSgfVXjLq0skv/C1tGuRhzjqXzAAAAAElFTkSuQmCC) 0 0 no-repeat !important; |
|
top: 50% !important; |
|
margin: -10px 0 0 -10px !important; |
|
} |
|
.ui-slider-horizontal.transparency-slider .gradient { |
|
width: 92%; |
|
height: 100%; |
|
position: absolute; |
|
top: 0; |
|
/*!rtl:ignore*/ |
|
left: 0; |
|
background: linear-gradient(to right, transparent 0%, #7db9e8 100%); |
|
} |
|
.ui-slider-horizontal.linewidth-slider .ui-slider-handle, .ui-slider-horizontal.transparency-slider .ui-slider-handle { |
|
width: 20px !important; |
|
height: 20px !important; |
|
background: url('../images/svg/chart/large-slider-handle.svg') 0 0 no-repeat !important; |
|
top: 50% !important; |
|
/*!rtl:ignore*/ |
|
margin: -10px 0 0 -10px !important; |
|
} |
|
.ui-slider-horizontal.linewidth-slider .ui-slider-handle.without-shift-handle-left, .ui-slider-horizontal.transparency-slider .ui-slider-handle.without-shift-handle-left { |
|
/*!rtl:ignore*/ |
|
margin: -10px 3px 0 -3px !important; |
|
} |
|
.falling, .growing, .search-results .symbol-last.growing, .search-results .symbol-last.falling { |
|
color: white; |
|
} |
|
.growing { |
|
background: #3cbc98; |
|
} |
|
.falling { |
|
background: #ff4a68; |
|
} |
|
.font-awesome { |
|
font-weight: bold; |
|
/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */ |
|
font-family: FontAwesome; |
|
} |
|
/* ad pack */ |
|
#chart-area .chart-promo, #chart-container .chart-promo, .tv-chart-view__chart-inner .chart-promo { |
|
display: none; |
|
position: absolute; |
|
z-index: 5; |
|
bottom: 55px; |
|
left: 10px; |
|
width: 0px; |
|
height: 80px; |
|
background: #ffffff; |
|
transition: width 0.5s ease-in-out; |
|
} |
|
#chart-area .chart-promo.expanded, #chart-container .chart-promo.expanded, .tv-chart-view__chart-inner .chart-promo.expanded { |
|
display: block; |
|
width: 330px; |
|
opacity: 1; |
|
} |
|
#chart-area .chart-promo a.chart-promo-link, #chart-container .chart-promo a.chart-promo-link, .tv-chart-view__chart-inner .chart-promo a.chart-promo-link { |
|
display: block; |
|
width: 330px; |
|
height: 80px; |
|
border: solid 1px #dadee1; |
|
border-radius: 4px; |
|
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); |
|
color: #000000; |
|
} |
|
#chart-area .chart-promo a.chart-promo-link .image-promo, #chart-container .chart-promo a.chart-promo-link .image-promo, .tv-chart-view__chart-inner .chart-promo a.chart-promo-link .image-promo { |
|
width: 330px; |
|
height: 80px; |
|
} |
|
#chart-area .chart-promo a.chart-promo-link .comment, #chart-container .chart-promo a.chart-promo-link .comment, .tv-chart-view__chart-inner .chart-promo a.chart-promo-link .comment { |
|
margin-top: -2px; |
|
padding: 10px 128px 10px 22px; |
|
font-size: 12px; |
|
color: #555555; |
|
display: block; |
|
line-height: 60px; |
|
} |
|
#chart-area .chart-promo a.chart-promo-link .comment .comment-alignment, #chart-container .chart-promo a.chart-promo-link .comment .comment-alignment, .tv-chart-view__chart-inner .chart-promo a.chart-promo-link .comment .comment-alignment { |
|
display: inline-block; |
|
max-height: 60px; |
|
overflow: hidden; |
|
line-height: 15px; |
|
white-space: pre-wrap; |
|
vertical-align: middle; |
|
} |
|
#chart-area .chart-promo a.chart-promo-link .logo, #chart-container .chart-promo a.chart-promo-link .logo, .tv-chart-view__chart-inner .chart-promo a.chart-promo-link .logo { |
|
width: 128px; |
|
height: 80px; |
|
float: right; |
|
text-align: center; |
|
line-height: 80px; |
|
} |
|
#chart-area .chart-promo a.chart-promo-link .logo img, #chart-container .chart-promo a.chart-promo-link .logo img, .tv-chart-view__chart-inner .chart-promo a.chart-promo-link .logo img { |
|
max-width: 85px; |
|
max-height: 100%; |
|
vertical-align: middle; |
|
} |
|
#chart-area .chart-promo a.remove-ad, #chart-container .chart-promo a.remove-ad, .tv-chart-view__chart-inner .chart-promo a.remove-ad { |
|
background: #ecf1f4; |
|
position: absolute; |
|
right: 0; |
|
top: -18px; |
|
height: 18px; |
|
line-height: 18px; |
|
padding: 0 11px; |
|
color: #5cbfe7; |
|
font-size: 11px; |
|
border-top-right-radius: 5px; |
|
border-top-left-radius: 5px; |
|
opacity: 0.8; |
|
} |
|
#chart-container .chart-promo, .tv-chart-view__chart-inner .chart-promo { |
|
bottom: 30px; |
|
} |
|
/* evercookie swf fix */ |
|
#myswf { |
|
position: fixed; |
|
top: 0; |
|
left: 0; |
|
} |
|
.cookie-message { |
|
position: fixed; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
box-sizing: border-box; |
|
font-size: 14px; |
|
z-index: 15; |
|
padding: 18px 20px; |
|
bottom: 0; |
|
width: 100%; |
|
text-align: center; |
|
line-height: 1.57; |
|
background: rgba(33, 33, 33, 0.8); |
|
color: #d4dde6; |
|
} |
|
.cookie-message.hidden { |
|
display: none; |
|
} |
|
.cookie-message .cookie-message-text { |
|
-webkit-flex: 0 1 auto; |
|
flex: 0 1 auto; |
|
vertical-align: middle; |
|
margin-right: 20px; |
|
padding: 4px 0; |
|
} |
|
.cookie-message .cookie-button-wrapper { |
|
-webkit-flex: 0 0 auto; |
|
flex: 0 0 auto; |
|
-webkit-align-self: center; |
|
align-self: center; |
|
} |
|
.cookie-message .cookie-button--mobile { |
|
display: none; |
|
} |
|
.cookie-message a { |
|
color: #5cbfe7; |
|
} |
|
.cookie-message .tv-button { |
|
letter-spacing: 0.7px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.cookie-message .cookie-message-text { |
|
-webkit-flex: 1 1 auto; |
|
flex: 1 1 auto; |
|
} |
|
.cookie-message .cookie-button { |
|
display: none; |
|
} |
|
.cookie-message .cookie-button.cookie-button--mobile { |
|
display: block; |
|
} |
|
.cookie-message .cookie-button.cookie-button--mobile svg { |
|
margin: 1px; |
|
width: 14px; |
|
height: 14px; |
|
stroke: rgba(255, 255, 255, 0.8); |
|
transition-property: stroke; |
|
transition-timing-function: linear; |
|
} |
|
.cookie-message .cookie-button-wrapper { |
|
-webkit-align-self: flex-start; |
|
align-self: flex-start; |
|
} |
|
} |
|
/* Dialogs */ |
|
._tv-dialog-shadowbox { |
|
position: fixed; |
|
left: 0; |
|
top: 0; |
|
width: 100%; |
|
height: 100%; |
|
background: rgba(0, 0, 0, 0.5); |
|
z-index: 110; |
|
-webkit-transform: translate3d(0, 0, 0); |
|
/* fix webkit issue. Chromium issue #139613 */ |
|
/* stylelint-disable-line property-no-vendor-prefix */ |
|
} |
|
._tv-dialog-shadowbox.transparent { |
|
background: none; |
|
} |
|
/*._tv-dialog-shadowbox.dark {background: rgba(0,0,0,0.5);}*/ |
|
._tv-dialog { |
|
position: absolute; |
|
min-height: 18px; |
|
/*!rtl:ignore*/ |
|
left: 50%; |
|
/*!rtl:ignore*/ |
|
top: 50%; |
|
background: #ffffff; |
|
border: 1px solid; |
|
border-color: #b5b7b9; |
|
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); |
|
} |
|
html.theme-dark ._tv-dialog{ border-color: #363c4e; } |
|
html.theme-dark ._tv-dialog{ background: #1c2030; } |
|
._tv-dialog__link { |
|
color: #3bb3e4; |
|
transition: color ease 0.35s; |
|
} |
|
html.theme-dark ._tv-dialog__link{ color: #299dcd; } |
|
._tv-dialog__link:visited { |
|
color: #3bb3e4; |
|
fill: #3bb3e4; |
|
} |
|
html.theme-dark ._tv-dialog__link:visited{ fill: #299dcd; } |
|
html.theme-dark ._tv-dialog__link:visited{ color: #299dcd; } |
|
.feature-no-touch ._tv-dialog__link:hover { |
|
color: #3babd8; |
|
fill: #3babd8; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch ._tv-dialog__link:active,.feature-touch ._tv-dialog__link:active { |
|
color: #049ddc; |
|
fill: #049ddc; |
|
transition-duration: 0.06s; |
|
} |
|
._tv-dialog__indented-list { |
|
padding-left: 20px; |
|
} |
|
._tv-dialog__highlightedText { |
|
background-color: #fff2cf; |
|
} |
|
html.theme-dark ._tv-dialog__highlightedText{ background-color: #21384d; } |
|
._tv-dialog__subTitle { |
|
margin-top: 20px; |
|
font-weight: bold; |
|
display: block; |
|
} |
|
._tv-dialog._tv-dialog-min-width { |
|
min-width: 400px; |
|
} |
|
._tv-dialog--open-a-chart a, ._tv-dialog--alert-email a { |
|
color: #3bb3e4; |
|
transition: color ease 0.35s; |
|
} |
|
html.theme-dark ._tv-dialog--open-a-chart a, html.theme-dark ._tv-dialog--alert-email a{ color: #299dcd; } |
|
._tv-dialog--open-a-chart a:visited, ._tv-dialog--alert-email a:visited { |
|
color: #3bb3e4; |
|
fill: #3bb3e4; |
|
} |
|
html.theme-dark ._tv-dialog--open-a-chart a:visited, html.theme-dark ._tv-dialog--alert-email a:visited{ fill: #299dcd; } |
|
html.theme-dark ._tv-dialog--open-a-chart a:visited, html.theme-dark ._tv-dialog--alert-email a:visited{ color: #299dcd; } |
|
.feature-no-touch ._tv-dialog--open-a-chart a:hover, .feature-no-touch ._tv-dialog--alert-email a:hover { |
|
color: #3babd8; |
|
fill: #3babd8; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch ._tv-dialog--open-a-chart a:active,.feature-touch ._tv-dialog--open-a-chart a:active, .feature-no-touch ._tv-dialog--alert-email a:active,.feature-touch ._tv-dialog--alert-email a:active { |
|
color: #049ddc; |
|
fill: #049ddc; |
|
transition-duration: 0.06s; |
|
} |
|
._tv-dialog.ui-resizable { |
|
position: absolute; |
|
/** |
|
- Describe what dialog looks like! |
|
- What? |
|
- Say 'what' again. Say 'what' again, I dare you, I double dare you motherfucker, say what one more Goddamn time! |
|
- It... It's white |
|
- Go on! |
|
- It's box |
|
- Does it look like a menu? |
|
- What? |
|
- Does it look. Like a menu? |
|
- No! |
|
- Then why you try position it relative like a menu? |
|
- I didn't... |
|
- Yes you did. Yes you did! And dialog don't like to be positioned by enybody except dialogs.less |
|
*/ |
|
} |
|
._tv-dialog-title { |
|
color: #4c525e; |
|
font-weight: bold; |
|
font-size: 15px; |
|
padding: 17px 35px 17px 20px; |
|
cursor: default; |
|
word-wrap: break-word; |
|
} |
|
html.theme-dark ._tv-dialog-title{ color: #d6d8e0; } |
|
._tv-dialog-title._tv-dialog-title-no-close { |
|
padding-right: 20px; |
|
} |
|
._tv-dialog-title._tv-dialog-title-hidden { |
|
padding: 0; |
|
font-size: 0; |
|
color: transparent; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
} |
|
._tv-dialog-title ._tv-dialog-title-close { |
|
width: 21px; |
|
height: 21px; |
|
display: block; |
|
position: absolute; |
|
right: 15px; |
|
top: 13px; |
|
cursor: pointer; |
|
z-index: 1; |
|
} |
|
._tv-dialog-title ._tv-dialog-title-close:after { |
|
width: 9px; |
|
height: 9px; |
|
content: ' '; |
|
position: absolute; |
|
top: 6px; |
|
left: 6px; |
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAUElEQVR42pWQMQoAIAwD++d+x8HJbyoOWXJDSSBgwpVS62vtc8ulXg/ZAZkFMycNoBJgXoUcX1cm9N1NSL0esgMyC2ZOGkAlwLwKObhu/qcHp/zWImEdH8EAAAAASUVORK5CYII=); |
|
display: block; |
|
} |
|
.feature-no-touch ._tv-dialog-title ._tv-dialog-title-close:hover:after { |
|
background-position: center bottom; |
|
} |
|
._tv-dialog-content { |
|
color: #131722; |
|
max-width: 100%; |
|
} |
|
html.theme-dark ._tv-dialog-content{ color: #d6d8e0; } |
|
._tv-dialog-content a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']) { |
|
color: #3bb3e4; |
|
transition: color ease 0.35s; |
|
} |
|
html.theme-dark ._tv-dialog-content a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']){ color: #299dcd; } |
|
._tv-dialog-content a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):visited { |
|
color: #3bb3e4; |
|
fill: #3bb3e4; |
|
} |
|
html.theme-dark ._tv-dialog-content a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):visited{ fill: #299dcd; } |
|
html.theme-dark ._tv-dialog-content a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):visited{ color: #299dcd; } |
|
.feature-no-touch ._tv-dialog-content a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):hover { |
|
color: #3babd8; |
|
fill: #3babd8; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch ._tv-dialog-content a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):active,.feature-touch ._tv-dialog-content a:not([class*='button']):not([class*='btn']):not([class*='tabs']):not([class*='tab']):not([class*='sbSelector']):not([class*='filter']):not(a[href='#yes']):not(a[href='#no']):active { |
|
color: #049ddc; |
|
fill: #049ddc; |
|
transition-duration: 0.06s; |
|
} |
|
._tv-dialog-content .main { |
|
padding: 0 20px 20px 20px; |
|
} |
|
._tv-dialog-content .main p:first-child { |
|
margin-top: 0; |
|
} |
|
._tv-dialog-content .main p:last-child { |
|
margin-bottom: 0; |
|
} |
|
._tv-dialog-content .main .buttons { |
|
margin-top: 25px; |
|
text-align: right; |
|
} |
|
._tv-dialog-content .main .buttons.center { |
|
text-align: center; |
|
} |
|
._tv-dialog-content .main .buttons ._tv-button { |
|
min-width: 60px; |
|
text-transform: uppercase; |
|
} |
|
._tv-dialog-content .main-properties { |
|
padding: 25px; |
|
} |
|
._tv-dialog-content .main-properties.main-properties-aftertabs, ._tv-dialog-content .main-properties.alert-aftertabs { |
|
padding-top: 5px; |
|
} |
|
._tv-dialog-content .main-properties.main-properties-tabless { |
|
padding-top: 40px; |
|
} |
|
._tv-dialog-content .main-properties td { |
|
padding: 3px 4px; |
|
height: 27px; |
|
} |
|
._tv-dialog-content .main-properties td:empty { |
|
padding: 0; |
|
} |
|
._tv-dialog-content .main-properties td:first-child, ._tv-dialog-content .main-properties td.no-left-indent { |
|
padding-left: 0; |
|
} |
|
._tv-dialog-content .main-properties td:last-child { |
|
padding-right: 0; |
|
} |
|
._tv-dialog-content .main-properties .percents-label { |
|
position: relative; |
|
top: 5px; |
|
left: 5px; |
|
} |
|
._tv-dialog-content .main-browser-extension { |
|
padding: 40px 70px 40px 52px; |
|
padding: 0; |
|
} |
|
._tv-dialog-content .main-browser-extension .extension-poster { |
|
width: 328px; |
|
height: 377px; |
|
background: url('../images/dialogs/browser-extension/demo.png') 0 0; |
|
} |
|
._tv-dialog-content .main-browser-extension .left, ._tv-dialog-content .main-browser-extension .right { |
|
width: 50%; |
|
box-sizing: border-box; |
|
} |
|
._tv-dialog-content .main-browser-extension .left { |
|
float: left; |
|
padding: 32px 0 0 46px; |
|
} |
|
._tv-dialog-content .main-browser-extension .right { |
|
float: right; |
|
padding: 51px 70px 0 44px; |
|
} |
|
._tv-dialog-content .main-browser-extension .logo { |
|
float: left; |
|
width: 36px; |
|
height: 36px; |
|
background-size: 36px 36px; |
|
margin-right: 10px; |
|
} |
|
._tv-dialog-content .main-browser-extension .logo.chrome { |
|
background: url('../images/svg/google-chrome-logo.svg') 0 0; |
|
} |
|
._tv-dialog-content .main-browser-extension .name, ._tv-dialog-content .main-browser-extension .info { |
|
float: left; |
|
clear: right; |
|
color: #a9a9a9; |
|
width: 200px; |
|
} |
|
._tv-dialog-content .main-browser-extension .name { |
|
font-size: 20px; |
|
height: 20px; |
|
line-height: 20px; |
|
} |
|
._tv-dialog-content .main-browser-extension .info { |
|
font-size: 12px; |
|
height: 14px; |
|
line-height: 20px; |
|
} |
|
._tv-dialog-content .main-browser-extension h1 { |
|
margin-top: 48px; |
|
margin-bottom: 0; |
|
font-size: 20px; |
|
line-height: 20px; |
|
} |
|
._tv-dialog-content .main-browser-extension p { |
|
color: #c2c5cb; |
|
margin: 14px 0 28px 0; |
|
} |
|
._tv-dialog-content .main-browser-extension .install-extension button { |
|
height: 42px; |
|
padding: 0 25px; |
|
line-height: 42px; |
|
text-align: center; |
|
border: none; |
|
font-size: 12px; |
|
text-transform: uppercase; |
|
background: #52c3e7; |
|
color: #ffffff; |
|
cursor: pointer; |
|
} |
|
._tv-dialog-content .properties-separator { |
|
border-bottom: 1px solid #b5b7b9; |
|
} |
|
html.theme-dark ._tv-dialog-content .properties-separator{ border-bottom: 1px solid #363c4e; } |
|
._tv-dialog-content ._tv-dialog-checkbox-mask { |
|
width: 18px; |
|
height: 16px; |
|
position: absolute; |
|
top: 2px; |
|
left: 2px; |
|
background: url('../images/dialogs/checkbox.png') 0 0; |
|
} |
|
._tv-dialog-content ._tv-dialog-checkbox-mask.radio { |
|
background: #ffffff url('../images/icons.png'); |
|
background-position: -100px -140px; |
|
width: 16px; |
|
} |
|
._tv-dialog-content ._tv-dialog-checkbox-mask.disabled { |
|
background-position: 0 -32px; |
|
} |
|
._tv-dialog-content ._tv-dialog-checkbox-mask-active { |
|
background: url('../images/dialogs/checkbox.png') 0 -16px; |
|
} |
|
._tv-dialog-content ._tv-dialog-checkbox-mask-active.radio { |
|
background-position: -120px -140px; |
|
} |
|
._tv-dialog-content--with-padding-top { |
|
padding-top: 40px; |
|
} |
|
._tv-dialog-content form input:not(.tv-control-input)[type='text'], ._tv-dialog-content form input[type='password'], ._tv-dialog-text-input { |
|
width: 100%; |
|
box-sizing: border-box; |
|
height: 33px; |
|
border: 1px solid #b5b7b9; |
|
margin: 1px; |
|
padding: 0 5px; |
|
background-color: #ffffff; |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)[type='text'], html.theme-dark ._tv-dialog-content form input[type='password'], html.theme-dark ._tv-dialog-text-input{ color: #c5cbce; } |
|
html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)[type='text'], html.theme-dark ._tv-dialog-content form input[type='password'], html.theme-dark ._tv-dialog-text-input{ background-color: #1c2030; } |
|
html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)[type='text'], html.theme-dark ._tv-dialog-content form input[type='password'], html.theme-dark ._tv-dialog-text-input{ border: 1px solid #363c4e; } |
|
._tv-dialog-content form input:not(.tv-control-input)[type='text']:disabled, ._tv-dialog-content form input[type='password']:disabled, ._tv-dialog-text-input:disabled { |
|
color: #5a5a5a; |
|
opacity: 0.5; |
|
} |
|
._tv-dialog-content ._tv-dialog-text-input { |
|
height: 27px; |
|
} |
|
._tv-dialog-text-input.disabled { |
|
color: #909292 !important; |
|
} |
|
._tv-dialog-content form input[type='text'].error, ._tv-dialog-content form input[type='password'].error { |
|
margin: 0; |
|
border: 2px solid #de5764; |
|
background: #f7e4e6; |
|
color: #e06571; |
|
} |
|
._tv-dialog-content textarea { |
|
color: #4a4a4a; |
|
font-size: 12px; |
|
line-height: 18px; |
|
border: 1px solid; |
|
border-color: #b5b7b9; |
|
padding: 8px 5px; |
|
background: #ffffff; |
|
box-sizing: border-box; |
|
} |
|
html.theme-dark ._tv-dialog-content textarea{ background: #1c2030; } |
|
html.theme-dark ._tv-dialog-content textarea{ border-color: #363c4e; } |
|
html.theme-dark ._tv-dialog-content textarea{ color: #c5cbce; } |
|
._tv-dialog-content textarea:disabled { |
|
color: #5a5a5a; |
|
opacity: 0.5; |
|
} |
|
._tv-dialog-content form input:not(.tv-control-input)._tv-dialog-content-textactive, .feature-no-touch ._tv-dialog-text-input:focus,.feature-touch ._tv-dialog-text-input:focus { |
|
background: #ffffff; |
|
border-color: #3bb3e4 !important; |
|
color: #595959; |
|
} |
|
html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)._tv-dialog-content-textactive, html.feature-no-touch.theme-dark ._tv-dialog-text-input:focus,html.feature-touch.theme-dark ._tv-dialog-text-input:focus{ color: #9db2bd; } |
|
html.theme-dark ._tv-dialog-content form input:not(.tv-control-input)._tv-dialog-content-textactive, html.feature-no-touch.theme-dark ._tv-dialog-text-input:focus,html.feature-touch.theme-dark ._tv-dialog-text-input:focus{ background: #1c2030; } |
|
._tv-dialog-content textarea { |
|
border: 1px solid #b5b7b9; |
|
background: white; |
|
} |
|
html.theme-dark ._tv-dialog-content textarea{ border: 1px solid #363c4e; } |
|
._tv-dialog-content textarea._tv-dialog-content-textareaactive { |
|
color: #595959; |
|
border-color: #3bb3e4 !important; |
|
} |
|
._tv-dialog-content .caption { |
|
font-size: 11px; |
|
color: #4f5966; |
|
margin-bottom: 3px; |
|
margin-top: 7px; |
|
font-weight: bold; |
|
} |
|
html.theme-dark ._tv-dialog-content .caption{ color: #f7f8fa; } |
|
._tv-dialog-content .caption.half { |
|
float: left; |
|
width: 50%; |
|
} |
|
._tv-dialog-content .caption-big { |
|
font-size: 12px; |
|
color: #4f5966; |
|
margin: 15px 0; |
|
} |
|
html.theme-dark ._tv-dialog-content .caption-big{ color: #f7f8fa; } |
|
._tv-dialog-content .caption-big-center { |
|
font-size: 12px; |
|
color: #4f5966; |
|
margin: 15px 0; |
|
text-align: center; |
|
} |
|
html.theme-dark ._tv-dialog-content .caption-big-center{ color: #f7f8fa; } |
|
._tv-dialog-content .caption-big-center.slim { |
|
margin: 0; |
|
text-align: left; |
|
} |
|
._tv-dialog-content .caption-big-center.slim ul { |
|
padding-left: 20px; |
|
} |
|
._tv-dialog-content .caption-big.slim { |
|
margin: 0; |
|
text-align: left; |
|
} |
|
._tv-dialog-content .caption.first { |
|
margin-top: 0; |
|
} |
|
._tv-dialog-content .disconnect, ._tv-dialog-content .critical { |
|
padding-bottom: 15px; |
|
} |
|
._tv-dialog-content .disconnect ol, ._tv-dialog-content .disconnect ul { |
|
padding-left: 1.5em; |
|
margin-bottom: 0; |
|
} |
|
._tv-dialog-content .disconnect ul { |
|
list-style: square; |
|
} |
|
._tv-dialog-content .input input { |
|
width: 298px !important; |
|
} |
|
._tv-dialog-content .input { |
|
margin-bottom: 7px; |
|
} |
|
._tv-dialog-content .big-button ._tv-button { |
|
padding: 10px 50px; |
|
/*background: #f9f9f9;*/ |
|
background: #ffffff; |
|
} |
|
.feature-no-touch ._tv-dialog-content .big-button ._tv-button:hover { |
|
background: #fcfcfc; |
|
} |
|
._tv-dialog-content label { |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark ._tv-dialog-content label{ color: #c5cbce; } |
|
/*._tv-dialog-content input[type="checkbox"]{opacity: 0;}*/ |
|
.feature-no-touch ._tv-dialog-content .flat:hover::before { |
|
border-width: 0 !important; |
|
} |
|
._tv-dialog-error, ._tv-dialog-message { |
|
display: none; |
|
position: absolute; |
|
top: 0; |
|
width: 100%; |
|
font-size: 12px; |
|
z-index: 100; |
|
text-align: center; |
|
} |
|
._tv-dialog-error .message, ._tv-dialog-message .message { |
|
display: table-cell; |
|
vertical-align: middle; |
|
padding: 10px; |
|
height: 32px; |
|
} |
|
._tv-dialog-error .close, ._tv-dialog-message .close { |
|
display: none; |
|
position: absolute; |
|
top: 4px; |
|
right: 4px; |
|
width: 9px; |
|
height: 9px; |
|
border: transparent 4px solid; |
|
cursor: pointer; |
|
opacity: 0.7; |
|
} |
|
.feature-no-touch ._tv-dialog-error .close:hover, .feature-no-touch ._tv-dialog-message .close:hover { |
|
opacity: 1; |
|
} |
|
._tv-dialog-error.with-close .message, ._tv-dialog-message.with-close .message { |
|
padding: 10px 30px; |
|
} |
|
._tv-dialog-error.with-close .close, ._tv-dialog-message.with-close .close { |
|
display: block; |
|
} |
|
._tv-dialog-error a, ._tv-dialog-message a { |
|
color: #3bb3e4; |
|
transition: color ease 0.35s; |
|
} |
|
html.theme-dark ._tv-dialog-error a, html.theme-dark ._tv-dialog-message a{ color: #299dcd; } |
|
._tv-dialog-error a:visited, ._tv-dialog-message a:visited { |
|
color: #3bb3e4; |
|
fill: #3bb3e4; |
|
} |
|
html.theme-dark ._tv-dialog-error a:visited, html.theme-dark ._tv-dialog-message a:visited{ fill: #299dcd; } |
|
html.theme-dark ._tv-dialog-error a:visited, html.theme-dark ._tv-dialog-message a:visited{ color: #299dcd; } |
|
.feature-no-touch ._tv-dialog-error a:hover, .feature-no-touch ._tv-dialog-message a:hover { |
|
color: #3babd8; |
|
fill: #3babd8; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch ._tv-dialog-error a:active,.feature-touch ._tv-dialog-error a:active, .feature-no-touch ._tv-dialog-message a:active,.feature-touch ._tv-dialog-message a:active { |
|
color: #049ddc; |
|
fill: #049ddc; |
|
transition-duration: 0.06s; |
|
} |
|
._tv-dialog-error { |
|
color: #c34c36; |
|
background: #f9e3e6; |
|
} |
|
html.theme-dark ._tv-dialog-error{ background: #6f2626 ; } |
|
html.theme-dark ._tv-dialog-error{ color: #ffedf0; } |
|
._tv-dialog-error .close { |
|
fill: #9b0202; |
|
} |
|
html.theme-dark ._tv-dialog-error .close{ fill: #ffa4b3; } |
|
._tv-dialog-message { |
|
color: #0a8415; |
|
background: #e2fde1; |
|
} |
|
html.theme-dark ._tv-dialog-message{ background: #21384d; } |
|
html.theme-dark ._tv-dialog-message{ color: #9addcc; } |
|
._tv-dialog-message .close { |
|
fill: #096201; |
|
} |
|
html.theme-dark ._tv-dialog-message .close{ fill: #3bc2a1; } |
|
._tv-dialog-content .dialog-buttons { |
|
text-align: right; |
|
margin-top: 10px; |
|
} |
|
._tv-dialog-content .dialog-comment { |
|
float: left; |
|
margin-top: 15px; |
|
} |
|
._tv-dialog-content .dialog-buttons a { |
|
margin: 0 0 0 5px; |
|
min-width: 50px; |
|
text-align: center; |
|
position: relative; |
|
} |
|
._tv-dialog-content .dialog-buttons a.tv-left { |
|
margin: 0 5px 0 0; |
|
} |
|
._tv-dialog .ui-resizable-handle { |
|
width: 11px; |
|
height: 11px; |
|
background: url('../images/dialogs/resize-handle.png') 0 0 no-repeat; |
|
} |
|
._tv-dialog.change-interval-dialog ._tv-dialog-title { |
|
text-align: center; |
|
font-size: 13px; |
|
padding: 28px 0 23px; |
|
} |
|
._tv-dialog.change-interval-dialog ._tv-dialog-content { |
|
padding: 0 50px 13px; |
|
text-align: center; |
|
} |
|
._tv-dialog.change-interval-dialog ._tv-dialog-content .change-interval-input { |
|
box-sizing: border-box; |
|
display: block; |
|
width: 150px; |
|
height: 76px; |
|
border: #3bb3e4 1px solid; |
|
text-align: inherit; |
|
font-size: 43px; |
|
color: #4a4a4a; |
|
background-color: #ffffff; |
|
text-transform: uppercase; |
|
} |
|
html.theme-dark ._tv-dialog.change-interval-dialog ._tv-dialog-content .change-interval-input{ background-color: #2f3241; } |
|
html.theme-dark ._tv-dialog.change-interval-dialog ._tv-dialog-content .change-interval-input{ color: #c5cbce; } |
|
._tv-dialog.change-interval-dialog ._tv-dialog-content .change-interval-input.error { |
|
border-color: #d75442; |
|
background-color: #ffefef; |
|
} |
|
._tv-dialog.change-interval-dialog ._tv-dialog-content i { |
|
display: block; |
|
font-style: normal; |
|
} |
|
._tv-dialog.change-interval-dialog ._tv-dialog-content i.interval-caption { |
|
margin: 8px 0 15px; |
|
color: #a8a8a8; |
|
font-size: 12px; |
|
font-weight: 600; |
|
cursor: default; |
|
} |
|
._tv-dialog.change-interval-dialog ._tv-dialog-content i.interval-caption.error { |
|
color: #d75442; |
|
} |
|
._tv-dialog.change-interval-dialog ._tv-dialog-content i.help-tooltip-trigger { |
|
margin: 0 auto; |
|
width: 12px; |
|
height: 12px; |
|
font-size: 11px; |
|
font-weight: bold; |
|
line-height: 12px; |
|
border: 1px solid; |
|
border-color: rgba(0, 0, 0, 0.5); |
|
border-radius: 50%; |
|
cursor: default; |
|
} |
|
html.theme-dark ._tv-dialog.change-interval-dialog ._tv-dialog-content i.help-tooltip-trigger{ border-color: rgba(157, 178, 189, 0.5); } |
|
._tv-dialog-charting-library._tv-dialog { |
|
font-size: 14px; |
|
font-weight: normal; |
|
background: #f2f5f8; |
|
} |
|
._tv-dialog-charting-library .main { |
|
padding: 0 20px 20px 20px; |
|
} |
|
._tv-dialog-charting-library .line { |
|
height: 1px; |
|
background: #ced5db; |
|
overflow: hidden; |
|
} |
|
._tv-dialog-charting-library .lead-in { |
|
margin-bottom: 5px; |
|
} |
|
._tv-dialog-charting-library h3 { |
|
font-size: 26px; |
|
font-weight: normal; |
|
text-transform: uppercase; |
|
color: #26282f; |
|
margin: 0px; |
|
} |
|
._tv-dialog-charting-library p, ._tv-dialog-charting-library li { |
|
line-height: 28px; |
|
margin: 0; |
|
} |
|
._tv-dialog-charting-library p, ._tv-dialog-charting-library ul { |
|
margin: 12px 1px; |
|
} |
|
._tv-dialog-charting-library form .dropzone { |
|
margin: 1px; |
|
border: 1px dashed rgba(0, 0, 0, 0.3); |
|
background: white; |
|
display: inline-block; |
|
padding: 20px 0px; |
|
width: 140px; |
|
height: 110px; |
|
float: left; |
|
box-sizing: border-box; |
|
} |
|
._tv-dialog-charting-library form .dropzone * { |
|
box-sizing: border-box; |
|
} |
|
._tv-dialog-charting-library form .dropzone.dz-clickable { |
|
cursor: pointer; |
|
} |
|
._tv-dialog-charting-library form .dropzone.dz-started .dz-message { |
|
display: none; |
|
} |
|
._tv-dialog-charting-library form .dropzone.dz-drag-hover { |
|
border-style: solid; |
|
} |
|
._tv-dialog-charting-library form .dropzone.dz-drag-hover .dz-message { |
|
opacity: 0.5; |
|
} |
|
._tv-dialog-charting-library form .dropzone .dz-message { |
|
text-align: center; |
|
} |
|
._tv-dialog-charting-library form .dropzone .dz-message .link { |
|
color: #0099d4; |
|
} |
|
._tv-dialog-charting-library form .dropzone .dz-filename { |
|
text-align: center; |
|
white-space: nowrap; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
text-transform: lowercase; |
|
} |
|
._tv-dialog-charting-library form .dropzone .dz-filename span { |
|
padding: 0 0.4em; |
|
} |
|
._tv-dialog-charting-library form .dropzone .dz-icon { |
|
padding: 1px 42px; |
|
} |
|
._tv-dialog-charting-library form .dropzone .dz-remove { |
|
fill: #ff6565; |
|
position: relative; |
|
top: -80px; |
|
left: 110px; |
|
} |
|
.feature-no-touch ._tv-dialog-charting-library form .dropzone .dz-remove:hover { |
|
fill: red; |
|
} |
|
._tv-dialog-charting-library form > div { |
|
margin-bottom: 12px; |
|
} |
|
._tv-dialog-charting-library form .description { |
|
margin: 6px 0; |
|
} |
|
._tv-dialog-charting-library form .agreement { |
|
margin-bottom: 10px; |
|
} |
|
._tv-dialog-charting-library form .agreement .description { |
|
display: inline-block; |
|
padding: 27px 5px; |
|
width: 388px; |
|
} |
|
._tv-dialog-charting-library form textarea { |
|
width: 100%; |
|
height: 90px; |
|
margin: 1px; |
|
} |
|
._tv-dialog-charting-library form .attach { |
|
cursor: pointer; |
|
font-size: 14px; |
|
font-weight: normal; |
|
} |
|
._tv-dialog-charting-library form input[type='text'].error { |
|
margin: 1px; |
|
} |
|
._tv-dialog-charting-library form .two-columns .column-wrap { |
|
box-sizing: border-box; |
|
display: inline-block; |
|
width: 50%; |
|
} |
|
._tv-dialog-charting-library form .two-columns .column-wrap:first-child { |
|
padding-right: 10px; |
|
} |
|
._tv-dialog-charting-library .big-buttons { |
|
text-align: right; |
|
padding: 10px 0 10px; |
|
} |
|
._tv-dialog-charting-library .big-buttons .cancel-button { |
|
cursor: pointer; |
|
border: 1px solid transparent; |
|
font-size: 15px; |
|
margin: 0px 15px; |
|
color: #686868; |
|
background: #f2f5f8; |
|
} |
|
._tv-dialog-charting-library .big-buttons .big-button { |
|
cursor: pointer; |
|
border: 1px solid transparent; |
|
background-color: #06b2ce; |
|
color: #ffffff; |
|
font-size: 15px; |
|
text-transform: uppercase; |
|
padding: 10px 45px; |
|
/* image preloading */ |
|
background-image: url('../images/button-base-process.gif'); |
|
background-position: -9999px -9999px; |
|
background-repeat: no-repeat; |
|
} |
|
._tv-dialog-charting-library .big-buttons .big-button.process { |
|
background-position: 0 0; |
|
background-repeat: repeat; |
|
} |
|
.feature-no-touch ._tv-dialog-charting-library .big-buttons .big-button:hover { |
|
background-color: #06bbd8; |
|
} |
|
.feature-no-touch ._tv-dialog-charting-library .big-buttons .big-button:active,.feature-touch ._tv-dialog-charting-library .big-buttons .big-button:active { |
|
background-color: #07c3e2; |
|
} |
|
._tv-dialog-charting-library .big-buttons .big-button.disabled { |
|
cursor: default; |
|
background-color: #c3c8cf; |
|
} |
|
._tv-dialog.dialog-highlight .main .message textarea { |
|
width: 350px; |
|
height: 130px; |
|
} |
|
.charts-popup-list { |
|
display: none; |
|
overflow: auto; |
|
right: 7px; |
|
top: 46px; |
|
position: absolute; |
|
border: 1px solid; |
|
border-color: #dadde0; |
|
background: #ffffff; |
|
z-index: 110; |
|
margin: 0; |
|
} |
|
html.theme-dark .charts-popup-list{ background: #1c2030; } |
|
html.theme-dark .charts-popup-list{ border-color: #363c4e; } |
|
.charts-popup-list.popup-menu-scroll-y { |
|
overflow-y: scroll; |
|
} |
|
.charts-popup-list .item.special { |
|
background: rgba(247, 248, 250, 0.8); |
|
} |
|
html.theme-dark .charts-popup-list .item.special{ background: rgba(23, 27, 41, 0.8); } |
|
.feature-no-touch .charts-popup-list .item:hover, .charts-popup-list .item.active { |
|
background: #f1f3f6; |
|
} |
|
html.feature-no-touch.theme-dark .charts-popup-list .item:hover, html.theme-dark .charts-popup-list .item.active{ background: #2f3241; } |
|
.charts-popup-list .item.first { |
|
border-top-left-radius: 3px; |
|
border-top-right-radius: 3px; |
|
} |
|
.charts-popup-list .item:last-child { |
|
border-bottom-left-radius: 3px; |
|
border-bottom-right-radius: 3px; |
|
} |
|
.charts-popup-list .item span { |
|
color: #4a4a4a; |
|
fill: currentColor; |
|
display: inline-block; |
|
} |
|
html.theme-dark .charts-popup-list .item span{ color: #c5cbce; } |
|
.charts-popup-list .item.active { |
|
background: #f4f7f9; |
|
} |
|
.charts-popup-list .item { |
|
display: block; |
|
padding: 7px 7px 7px 7px; |
|
height: 16px; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
.charts-popup-list .item.setting-hidden { |
|
padding-left: 28px; |
|
padding-right: 16px; |
|
} |
|
.charts-popup-list .item.setting-hidden > span.title-expanded { |
|
width: auto; |
|
} |
|
.charts-popup-list .item.button-new, .charts-popup-list .item.button-load { |
|
overflow: hidden; |
|
text-align: center; |
|
border-color: #dadde0; |
|
border-style: solid; |
|
border-width: 1px 0 0 0; |
|
padding-left: 0; |
|
padding-right: 0; |
|
} |
|
html.theme-dark .charts-popup-list .item.button-new, html.theme-dark .charts-popup-list .item.button-load{ border-color: #363c4e; } |
|
.charts-popup-list .item.button-new .title-expanded, .charts-popup-list .item.button-load .title-expanded { |
|
width: auto; |
|
} |
|
.charts-popup-list .item.button-load { |
|
width: 50%; |
|
float: left; |
|
border-width: 1px 1px 0 0; |
|
} |
|
.charts-popup-list .item .icon-external { |
|
margin-left: 20px; |
|
vertical-align: top; |
|
float: right; |
|
} |
|
.charts-popup-list .item .icon-external svg { |
|
width: 10px; |
|
height: 10px; |
|
} |
|
.charts-popup-list .item:last-child { |
|
border-bottom-left-radius: 3px; |
|
} |
|
.charts-popup-list .item.special.disabled { |
|
cursor: default; |
|
} |
|
.charts-popup-list .item.special.disabled span { |
|
color: #9d9d9d; |
|
} |
|
html.theme-dark .charts-popup-list .item.special.disabled span{ color: #4c525e; } |
|
.feature-no-touch .charts-popup-list .item.special.disabled:hover { |
|
background: rgba(247, 248, 250, 0.8); |
|
} |
|
html.feature-no-touch.theme-dark .charts-popup-list .item.special.disabled:hover{ background: rgba(23, 27, 41, 0.8); } |
|
.charts-popup-list .item .title { |
|
width: 140px; |
|
overflow: hidden; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
} |
|
.charts-popup-list .item .title-expanded { |
|
width: 225px; |
|
max-width: 100%; |
|
font-weight: normal; |
|
overflow: hidden; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
} |
|
.charts-popup-list .item.active-item-backlight { |
|
background-color: #f2f3f5; |
|
border-radius: 0px; |
|
} |
|
html.theme-dark .charts-popup-list .item.active-item-backlight{ background-color: #2f3241; } |
|
.charts-popup-list .item .date { |
|
width: 65px; |
|
padding-right: 20px; |
|
vertical-align: top; |
|
white-space: nowrap; |
|
float: right; |
|
} |
|
.charts-popup-list .separator { |
|
display: block; |
|
margin: 0; |
|
height: 0; |
|
overflow: hidden; |
|
border-top: 1px solid; |
|
border-top-color: #c9cbcd; |
|
} |
|
html.theme-dark .charts-popup-list .separator{ border-top-color: #363c4e; } |
|
.charts-popup-list .charts-popup-tab-headers { |
|
overflow: hidden; |
|
padding: 8px 0 8px 0; |
|
font-size: 14px; |
|
} |
|
.charts-popup-list .charts-popup-tab-header { |
|
float: left; |
|
margin: 0 10px 5px 10px; |
|
} |
|
.charts-popup-list .charts-popup-tab-header-label { |
|
padding: 0; |
|
font-weight: bold; |
|
border-bottom: dashed 1px; |
|
cursor: pointer; |
|
} |
|
.charts-popup-list .charts-popup-tab-header.active .charts-popup-tab-header-label { |
|
color: #595959; |
|
border-bottom: none; |
|
cursor: default; |
|
} |
|
.charts-popup-list .item.with-indent { |
|
padding-left: 28px; |
|
} |
|
/* delete button */ |
|
.charts-popup-list .item .icon-delete { |
|
width: 16px; |
|
height: 16px; |
|
position: absolute; |
|
top: 7px; |
|
right: 5px; |
|
} |
|
.charts-popup-list .item .icon-delete svg { |
|
display: block; |
|
width: 12px; |
|
height: 12px; |
|
margin: 2px 0 0 2px; |
|
fill: #9d9d9d; |
|
} |
|
.feature-no-touch .charts-popup-list .item .icon-delete:hover svg { |
|
fill: #7d7d7d; |
|
} |
|
.feature-no-touch .charts-popup-list .item .icon-delete:hover { |
|
background-position: -81px -362px; |
|
} |
|
.charts-popup-list .item .icon-delete { |
|
visibility: hidden; |
|
} |
|
.feature-no-touch .charts-popup-list .item:hover .icon-delete { |
|
visibility: visible; |
|
} |
|
.charts-popup-list .item .icon { |
|
display: inline-block; |
|
width: 16px; |
|
height: 16px; |
|
margin: 0 5px 0 0; |
|
vertical-align: top; |
|
/*!rtl:ignore*/ |
|
background-position: 0 0; |
|
} |
|
.charts-popup-list .item .icon.checked-icon svg { |
|
position: absolute; |
|
top: 3px; |
|
left: 2px; |
|
} |
|
.charts-popup-list.iconed .item { |
|
height: 32px; |
|
padding: 3px 2px; |
|
line-height: 34px; |
|
} |
|
.charts-popup-list.iconed .item { |
|
white-space: nowrap; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
.charts-popup-list.iconed .item .title { |
|
/*height: 30px; line-height: 30px;*/ |
|
padding-right: 20px; |
|
} |
|
.charts-popup-list.iconed .item .icon { |
|
width: 32px; |
|
height: 32px; |
|
margin: 0 5px; |
|
} |
|
.charts-popup-list.iconed.thin .title { |
|
width: 50px; |
|
} |
|
.charts-popup-list.narrow { |
|
width: 165px; |
|
} |
|
.charts-popup-list.narrow .item .title-expanded { |
|
width: 140px; |
|
} |
|
.charts-popup-list.narrow.with-scroll .item .title-expanded { |
|
width: 100px; |
|
} |
|
.charts-popup-list.thin { |
|
width: auto; |
|
} |
|
.charts-popup-list.thin .item .title-expanded { |
|
width: auto; |
|
} |
|
.charts-popup-list .item .counter { |
|
position: absolute; |
|
top: 8px; |
|
right: 10px; |
|
color: #b8b8b8; |
|
} |
|
.feature-no-touch .charts-popup-list .item:hover .counter { |
|
color: #595959; |
|
} |
|
.charts-popup-list .item .counter.blue { |
|
background: #4e8ff6; |
|
color: white; |
|
padding: 2px 3px; |
|
border-radius: 2px; |
|
top: 5px; |
|
} |
|
.charts-popup-list .item.grayed span { |
|
opacity: 0.3; |
|
} |
|
.charts-popup-list.small-font { |
|
font-size: 12px; |
|
} |
|
.charts-popup-list.small-font .item { |
|
height: 12px; |
|
} |
|
.charts-popup-itemheader { |
|
padding: 3px 8px 4px 8px; |
|
border-top: 1px solid; |
|
border-top-color: #b5b7b9; |
|
cursor: pointer; |
|
color: #4a4a4a; |
|
background: rgba(181, 183, 185, 0.2); |
|
} |
|
html.theme-dark .charts-popup-itemheader{ background: rgba(54, 60, 78, 0.2); } |
|
html.theme-dark .charts-popup-itemheader{ color: #c5cbce; } |
|
html.theme-dark .charts-popup-itemheader{ border-top-color: #363c4e; } |
|
.charts-popup-group-collapsible.collapsed .item { |
|
display: none; |
|
} |
|
.charts-popup-group-collapsible .charts-popup-itemheader-icon { |
|
display: inline-block; |
|
vertical-align: middle; |
|
position: relative; |
|
top: -1px; |
|
width: 11px; |
|
height: 11px; |
|
margin: 0 5px 0 -3px; |
|
background: url(data:image/gif;base64,R0lGODlhCwALAIABAH19fQAAACH5BAEKAAEALAAAAAALAAsAAAIUhI8Wy6zdHlxyqnTBdHqHCoERlhQAOw==) no-repeat; |
|
} |
|
.charts-popup-group-collapsible.collapsed .charts-popup-itemheader-icon { |
|
background-image: url(data:image/gif;base64,R0lGODlhCwALAIABAH19fQAAACH5BAEKAAEALAAAAAALAAsAAAIXhI8Wy6ze3gKRQkeTksFO31WR2FQaUgAAOw==); |
|
} |
|
/** |
|
* Usage: |
|
* <button class="tv-button tv-button--success tv-button--size_xsmall">Push me!</button> |
|
*/ |
|
.tv-button { |
|
/** |
|
* Helpers |
|
*/ |
|
/** |
|
* This Block |
|
*/ |
|
position: relative; |
|
display: inline-block; |
|
vertical-align: middle; |
|
min-width: 40px; |
|
margin: 0; |
|
padding: 1px 22px; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
line-height: 32px; |
|
text-align: center; |
|
white-space: nowrap; |
|
text-decoration: none; |
|
font-weight: bold; |
|
font-size: 14px; |
|
color: #757575; |
|
fill: currentColor; |
|
border: none; |
|
border-radius: 4px; |
|
outline: 0; |
|
background-color: transparent; |
|
cursor: pointer; |
|
overflow: hidden; |
|
box-sizing: border-box; |
|
-webkit-tap-highlight-color: transparent; |
|
transition: background-color ease 0.35s, border-color ease 0.35s, color ease 0.35s; |
|
/** |
|
* Elements |
|
*/ |
|
/** |
|
* Colored background |
|
*/ |
|
/** |
|
* Ripple effect |
|
*/ |
|
/** |
|
* Disabled Button |
|
*/ |
|
/** |
|
* Sizes |
|
*/ |
|
/** |
|
* State |
|
*/ |
|
/** |
|
* Preloader |
|
*/ |
|
} |
|
.tv-button.tv-button--default_ghost, .tv-button.tv-button--primary_ghost, .tv-button.tv-button--secondary_ghost, .tv-button.tv-button--success_ghost, .tv-button.tv-button--danger_ghost, .tv-button.tv-button--warning_ghost, .tv-button.tv-button--default, .tv-button.tv-button--state { |
|
padding: 0px 21px; |
|
} |
|
.feature-no-touch .tv-button:hover, .feature-no-touch .tv-button:active,.feature-touch .tv-button:active, .tv-button.i-hover, .tv-button.i-active { |
|
transition-duration: 0.06s; |
|
} |
|
.tv-button svg { |
|
vertical-align: middle; |
|
} |
|
.tv-button--block { |
|
display: block; |
|
width: 100%; |
|
text-align: center; |
|
} |
|
.tv-button + .tv-button { |
|
margin-left: 15px; |
|
} |
|
.tv-button__text { |
|
position: relative; |
|
display: inline-block; |
|
} |
|
.tv-button__text--full-height { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
height: 100%; |
|
width: 100%; |
|
white-space: normal; |
|
word-wrap: break-word; |
|
line-height: 1.2em; |
|
margin: 11px 5px; |
|
} |
|
.tv-button--default, .tv-button--default_ghost { |
|
color: #fff; |
|
border-color: #ffffff; |
|
background-color: #ffffff; |
|
} |
|
html.theme-dark .tv-button--default, html.theme-dark .tv-button--default_ghost{ background-color: #171b29; } |
|
html.theme-dark .tv-button--default, html.theme-dark .tv-button--default_ghost{ border-color: #171b29; } |
|
.tv-button--default_ghost { |
|
color: #ffffff; |
|
} |
|
html.theme-dark .tv-button--default_ghost{ color: #171b29; } |
|
.tv-button--default_ghost.i-checked { |
|
color: #fff; |
|
border-color: #ffffff; |
|
background-color: #ffffff; |
|
} |
|
html.theme-dark .tv-button--default_ghost.i-checked{ background-color: #171b29; } |
|
html.theme-dark .tv-button--default_ghost.i-checked{ border-color: #171b29; } |
|
.feature-no-touch .tv-button--default:hover, .feature-no-touch .tv-button--default_ghost:hover, .tv-button--default.i-hover, .tv-button--default_ghost.i-hover { |
|
color: #fff; |
|
border-color: #f2f2f2; |
|
background-color: #f2f2f2; |
|
} |
|
html.feature-no-touch.theme-dark .tv-button--default:hover, html.feature-no-touch.theme-dark .tv-button--default_ghost:hover, html.theme-dark .tv-button--default.i-hover, html.theme-dark .tv-button--default_ghost.i-hover{ background-color: #1c2030; } |
|
html.feature-no-touch.theme-dark .tv-button--default:hover, html.feature-no-touch.theme-dark .tv-button--default_ghost:hover, html.theme-dark .tv-button--default.i-hover, html.theme-dark .tv-button--default_ghost.i-hover{ border-color: #1c2030; } |
|
.feature-no-touch .tv-button--default:active,.feature-touch .tv-button--default:active, .feature-no-touch .tv-button--default_ghost:active,.feature-touch .tv-button--default_ghost:active, .tv-button--default.i-active, .tv-button--default_ghost.i-active { |
|
color: #fff; |
|
border-color: #ececec; |
|
background-color: #ececec; |
|
-webkit-transform: translateY(1px); |
|
transform: translateY(1px); |
|
} |
|
html.feature-no-touch.theme-dark .tv-button--default:active,html.feature-touch.theme-dark .tv-button--default:active, html.feature-no-touch.theme-dark .tv-button--default_ghost:active,html.feature-touch.theme-dark .tv-button--default_ghost:active, html.theme-dark .tv-button--default.i-active, html.theme-dark .tv-button--default_ghost.i-active{ background-color: #1c2030; } |
|
html.feature-no-touch.theme-dark .tv-button--default:active,html.feature-touch.theme-dark .tv-button--default:active, html.feature-no-touch.theme-dark .tv-button--default_ghost:active,html.feature-touch.theme-dark .tv-button--default_ghost:active, html.theme-dark .tv-button--default.i-active, html.theme-dark .tv-button--default_ghost.i-active{ border-color: #1c2030; } |
|
.tv-button--default, .tv-button--default_ghost, .tv-button--default.i-checked, .tv-button--default_ghost.i-checked { |
|
color: #757575; |
|
border: 1px solid; |
|
border-color: #b5b7b9; |
|
} |
|
html.theme-dark .tv-button--default, html.theme-dark .tv-button--default_ghost, html.theme-dark .tv-button--default.i-checked, html.theme-dark .tv-button--default_ghost.i-checked{ border-color: #363c4e; } |
|
html.theme-dark .tv-button--default, html.theme-dark .tv-button--default_ghost, html.theme-dark .tv-button--default.i-checked, html.theme-dark .tv-button--default_ghost.i-checked{ color: #758696; } |
|
.feature-no-touch .tv-button--default:hover, .feature-no-touch .tv-button--default_ghost:hover, .tv-button--default.i-hover, .tv-button--default_ghost.i-hover { |
|
color: #757575; |
|
border-color: #b5b7b9; |
|
} |
|
html.feature-no-touch.theme-dark .tv-button--default:hover, html.feature-no-touch.theme-dark .tv-button--default_ghost:hover, html.theme-dark .tv-button--default.i-hover, html.theme-dark .tv-button--default_ghost.i-hover{ border-color: #363c4e; } |
|
html.feature-no-touch.theme-dark .tv-button--default:hover, html.feature-no-touch.theme-dark .tv-button--default_ghost:hover, html.theme-dark .tv-button--default.i-hover, html.theme-dark .tv-button--default_ghost.i-hover{ color: #758696; } |
|
.feature-no-touch .tv-button--default:active,.feature-touch .tv-button--default:active, .feature-no-touch .tv-button--default_ghost:active,.feature-touch .tv-button--default_ghost:active, .tv-button--default.i-active, .tv-button--default_ghost.i-active { |
|
color: #757575; |
|
border-color: #b5b7b9; |
|
} |
|
html.feature-no-touch.theme-dark .tv-button--default:active,html.feature-touch.theme-dark .tv-button--default:active, html.feature-no-touch.theme-dark .tv-button--default_ghost:active,html.feature-touch.theme-dark .tv-button--default_ghost:active, html.theme-dark .tv-button--default.i-active, html.theme-dark .tv-button--default_ghost.i-active{ border-color: #363c4e; } |
|
html.feature-no-touch.theme-dark .tv-button--default:active,html.feature-touch.theme-dark .tv-button--default:active, html.feature-no-touch.theme-dark .tv-button--default_ghost:active,html.feature-touch.theme-dark .tv-button--default_ghost:active, html.theme-dark .tv-button--default.i-active, html.theme-dark .tv-button--default_ghost.i-active{ color: #758696; } |
|
.tv-button--primary, .tv-button--primary_ghost { |
|
color: #fff; |
|
border-color: #3bb3e4; |
|
background-color: #3bb3e4; |
|
} |
|
.tv-button--primary_ghost { |
|
color: #3bb3e4; |
|
} |
|
.tv-button--primary_ghost.i-checked { |
|
color: #fff; |
|
border-color: #3bb3e4; |
|
background-color: #3bb3e4; |
|
} |
|
.feature-no-touch .tv-button--primary:hover, .feature-no-touch .tv-button--primary_ghost:hover, .tv-button--primary.i-hover, .tv-button--primary_ghost.i-hover { |
|
color: #fff; |
|
border-color: #3babd8; |
|
background-color: #3babd8; |
|
} |
|
.feature-no-touch .tv-button--primary:active,.feature-touch .tv-button--primary:active, .feature-no-touch .tv-button--primary_ghost:active,.feature-touch .tv-button--primary_ghost:active, .tv-button--primary.i-active, .tv-button--primary_ghost.i-active { |
|
color: #fff; |
|
border-color: #049ddc; |
|
background-color: #049ddc; |
|
-webkit-transform: translateY(1px); |
|
transform: translateY(1px); |
|
} |
|
.tv-button--secondary, .tv-button--secondary_ghost { |
|
color: #757575; |
|
border-color: #e9eff2; |
|
background-color: #e9eff2; |
|
} |
|
.tv-button--secondary_ghost { |
|
color: #757575; |
|
} |
|
.tv-button--secondary_ghost.i-checked { |
|
color: #757575; |
|
border-color: #e9eff2; |
|
background-color: #e9eff2; |
|
} |
|
.feature-no-touch .tv-button--secondary:hover, .feature-no-touch .tv-button--secondary_ghost:hover, .tv-button--secondary.i-hover, .tv-button--secondary_ghost.i-hover { |
|
color: #757575; |
|
border-color: #dce6ea; |
|
background-color: #dce6ea; |
|
} |
|
.feature-no-touch .tv-button--secondary:active,.feature-touch .tv-button--secondary:active, .feature-no-touch .tv-button--secondary_ghost:active,.feature-touch .tv-button--secondary_ghost:active, .tv-button--secondary.i-active, .tv-button--secondary_ghost.i-active { |
|
color: #757575; |
|
border-color: #cfdce3; |
|
background-color: #cfdce3; |
|
-webkit-transform: translateY(1px); |
|
transform: translateY(1px); |
|
} |
|
.tv-button--success, .tv-button--success_ghost { |
|
color: #fff; |
|
border-color: #3cbc98; |
|
background-color: #3cbc98; |
|
} |
|
.tv-button--success_ghost { |
|
color: #3cbc98; |
|
} |
|
.tv-button--success_ghost.i-checked { |
|
color: #fff; |
|
border-color: #3cbc98; |
|
background-color: #3cbc98; |
|
} |
|
.feature-no-touch .tv-button--success:hover, .feature-no-touch .tv-button--success_ghost:hover, .tv-button--success.i-hover, .tv-button--success_ghost.i-hover { |
|
color: #fff; |
|
border-color: #38b395; |
|
background-color: #38b395; |
|
} |
|
.feature-no-touch .tv-button--success:active,.feature-touch .tv-button--success:active, .feature-no-touch .tv-button--success_ghost:active,.feature-touch .tv-button--success_ghost:active, .tv-button--success.i-active, .tv-button--success_ghost.i-active { |
|
color: #fff; |
|
border-color: #00a97f; |
|
background-color: #00a97f; |
|
-webkit-transform: translateY(1px); |
|
transform: translateY(1px); |
|
} |
|
.tv-button--danger, .tv-button--danger_ghost { |
|
color: #fff; |
|
border-color: #ff4a68; |
|
background-color: #ff4a68; |
|
} |
|
.tv-button--danger_ghost { |
|
color: #ff4a68; |
|
} |
|
.tv-button--danger_ghost.i-checked { |
|
color: #fff; |
|
border-color: #ff4a68; |
|
background-color: #ff4a68; |
|
} |
|
.feature-no-touch .tv-button--danger:hover, .feature-no-touch .tv-button--danger_ghost:hover, .tv-button--danger.i-hover, .tv-button--danger_ghost.i-hover { |
|
color: #fff; |
|
border-color: #f24965; |
|
background-color: #f24965; |
|
} |
|
.feature-no-touch .tv-button--danger:active,.feature-touch .tv-button--danger:active, .feature-no-touch .tv-button--danger_ghost:active,.feature-touch .tv-button--danger_ghost:active, .tv-button--danger.i-active, .tv-button--danger_ghost.i-active { |
|
color: #fff; |
|
border-color: #ff173e; |
|
background-color: #ff173e; |
|
-webkit-transform: translateY(1px); |
|
transform: translateY(1px); |
|
} |
|
.tv-button--warning, .tv-button--warning_ghost { |
|
color: #fff; |
|
border-color: #f89e30; |
|
background-color: #f89e30; |
|
} |
|
.tv-button--warning_ghost { |
|
color: #f89e30; |
|
} |
|
.tv-button--warning_ghost.i-checked { |
|
color: #fff; |
|
border-color: #f89e30; |
|
background-color: #f89e30; |
|
} |
|
.feature-no-touch .tv-button--warning:hover, .feature-no-touch .tv-button--warning_ghost:hover, .tv-button--warning.i-hover, .tv-button--warning_ghost.i-hover { |
|
color: #fff; |
|
border-color: #f79217; |
|
background-color: #f79217; |
|
} |
|
.feature-no-touch .tv-button--warning:active,.feature-touch .tv-button--warning:active, .feature-no-touch .tv-button--warning_ghost:active,.feature-touch .tv-button--warning_ghost:active, .tv-button--warning.i-active, .tv-button--warning_ghost.i-active { |
|
color: #fff; |
|
border-color: #d47807; |
|
background-color: #d47807; |
|
-webkit-transform: translateY(1px); |
|
transform: translateY(1px); |
|
} |
|
.tv-button--link { |
|
color: #3bb3e4; |
|
transition: color ease 0.35s; |
|
} |
|
html.theme-dark .tv-button--link{ color: #299dcd; } |
|
.tv-button--link:visited { |
|
color: #3bb3e4; |
|
fill: #3bb3e4; |
|
} |
|
html.theme-dark .tv-button--link:visited{ fill: #299dcd; } |
|
html.theme-dark .tv-button--link:visited{ color: #299dcd; } |
|
.feature-no-touch .tv-button--link:hover { |
|
color: #3babd8; |
|
fill: #3babd8; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch .tv-button--link:active,.feature-touch .tv-button--link:active { |
|
color: #049ddc; |
|
fill: #049ddc; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-button--default_ghost, .tv-button--primary_ghost, .tv-button--secondary_ghost, .tv-button--success_ghost, .tv-button--danger_ghost, .tv-button--warning_ghost { |
|
border-width: 1px; |
|
border-style: solid; |
|
background-color: transparent; |
|
} |
|
.tv-button--default_ghost.tv-button--size_large, .tv-button--primary_ghost.tv-button--size_large, .tv-button--secondary_ghost.tv-button--size_large, .tv-button--success_ghost.tv-button--size_large, .tv-button--danger_ghost.tv-button--size_large, .tv-button--warning_ghost.tv-button--size_large { |
|
border-width: 2px; |
|
} |
|
.tv-button .tv-ripple { |
|
background-color: rgba(255, 255, 255, 0.25); |
|
} |
|
.tv-button--default .tv-ripple, .tv-button--default_ghost .tv-ripple { |
|
background-color: rgba(117, 134, 150, 0.25); |
|
} |
|
.tv-button.i-disabled .tv-ripple { |
|
background-color: transparent; |
|
} |
|
.tv-button:disabled, .tv-button.i-disabled, .feature-no-touch .tv-button:disabled:hover, .feature-no-touch .tv-button.i-disabled:hover, .feature-no-touch .tv-button:disabled:active,.feature-touch .tv-button:disabled:active, .feature-no-touch .tv-button.i-disabled:active,.feature-touch .tv-button.i-disabled:active { |
|
cursor: default; |
|
color: #9db2bd; |
|
border-color: #f1f3f6; |
|
background-color: #f1f3f6; |
|
} |
|
html.theme-dark .tv-button:disabled, html.theme-dark .tv-button.i-disabled, html.feature-no-touch.theme-dark .tv-button:disabled:hover, html.feature-no-touch.theme-dark .tv-button.i-disabled:hover, html.feature-no-touch.theme-dark .tv-button:disabled:active,html.feature-touch.theme-dark .tv-button:disabled:active, html.feature-no-touch.theme-dark .tv-button.i-disabled:active,html.feature-touch.theme-dark .tv-button.i-disabled:active{ background-color: #262b3e; } |
|
html.theme-dark .tv-button:disabled, html.theme-dark .tv-button.i-disabled, html.feature-no-touch.theme-dark .tv-button:disabled:hover, html.feature-no-touch.theme-dark .tv-button.i-disabled:hover, html.feature-no-touch.theme-dark .tv-button:disabled:active,html.feature-touch.theme-dark .tv-button:disabled:active, html.feature-no-touch.theme-dark .tv-button.i-disabled:active,html.feature-touch.theme-dark .tv-button.i-disabled:active{ border-color: #262b3e; } |
|
html.theme-dark .tv-button:disabled, html.theme-dark .tv-button.i-disabled, html.feature-no-touch.theme-dark .tv-button:disabled:hover, html.feature-no-touch.theme-dark .tv-button.i-disabled:hover, html.feature-no-touch.theme-dark .tv-button:disabled:active,html.feature-touch.theme-dark .tv-button:disabled:active, html.feature-no-touch.theme-dark .tv-button.i-disabled:active,html.feature-touch.theme-dark .tv-button.i-disabled:active{ color: #363c4e; } |
|
.feature-no-touch .tv-button:disabled:active,.feature-touch .tv-button:disabled:active, .feature-no-touch .tv-button.i-disabled:active,.feature-touch .tv-button.i-disabled:active { |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
.tv-button--size_xsmall { |
|
padding: 2px 7px; |
|
line-height: 15px; |
|
border-radius: 1px; |
|
font-size: 11px; |
|
font-weight: normal; |
|
} |
|
.tv-button--size_xsmall.tv-button--default_ghost, .tv-button--size_xsmall.tv-button--primary_ghost, .tv-button--size_xsmall.tv-button--secondary_ghost, .tv-button--size_xsmall.tv-button--success_ghost, .tv-button--size_xsmall.tv-button--danger_ghost, .tv-button--size_xsmall.tv-button--warning_ghost, .tv-button--size_xsmall.tv-button--default, .tv-button--size_xsmall.tv-button--state { |
|
padding: 1px 6px; |
|
} |
|
.tv-button--size_xsmall + .tv-button--size_xsmall { |
|
margin-left: 10px; |
|
} |
|
.tv-button--size_small { |
|
padding: 1px 12px; |
|
line-height: 25px; |
|
font-size: 13px; |
|
} |
|
.tv-button--size_small.tv-button--default_ghost, .tv-button--size_small.tv-button--primary_ghost, .tv-button--size_small.tv-button--secondary_ghost, .tv-button--size_small.tv-button--success_ghost, .tv-button--size_small.tv-button--danger_ghost, .tv-button--size_small.tv-button--warning_ghost, .tv-button--size_small.tv-button--default, .tv-button--size_small.tv-button--state { |
|
padding: 0px 11px; |
|
} |
|
.tv-button--size_small + .tv-button--size_small { |
|
margin-left: 10px; |
|
} |
|
.tv-button--size_large { |
|
padding: 1px 30px; |
|
font-size: 17px; |
|
letter-spacing: 1px; |
|
line-height: 44px; |
|
} |
|
.tv-button--size_large.tv-button--default_ghost, .tv-button--size_large.tv-button--primary_ghost, .tv-button--size_large.tv-button--secondary_ghost, .tv-button--size_large.tv-button--success_ghost, .tv-button--size_large.tv-button--danger_ghost, .tv-button--size_large.tv-button--warning_ghost, .tv-button--size_large.tv-button--default, .tv-button--size_large.tv-button--state { |
|
padding: 0px 29px; |
|
} |
|
.tv-button--max-width { |
|
max-width: 300px; |
|
} |
|
.tv-button--no-padding { |
|
padding: 1px 1px; |
|
} |
|
.tv-button--no-padding.tv-button--default_ghost, .tv-button--no-padding.tv-button--primary_ghost, .tv-button--no-padding.tv-button--secondary_ghost, .tv-button--no-padding.tv-button--success_ghost, .tv-button--no-padding.tv-button--danger_ghost, .tv-button--no-padding.tv-button--warning_ghost, .tv-button--no-padding.tv-button--default, .tv-button--no-padding.tv-button--state { |
|
padding: 0px 0px; |
|
} |
|
.tv-button--content-center { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
height: 100%; |
|
margin: 0 auto; |
|
max-width: 220px; |
|
} |
|
.tv-button--state { |
|
text-align: center; |
|
background: transparent; |
|
border-width: 1px; |
|
border-style: solid; |
|
} |
|
.tv-button--state:after { |
|
content: ''; |
|
display: inline-block; |
|
} |
|
.tv-button--state__checked, .tv-button--state__unchecked, .tv-button--state__uncheck-hint { |
|
display: block; |
|
height: 0; |
|
transition: opacity ease 0.2625s, -webkit-transform ease 0.2625s; |
|
transition: opacity ease 0.2625s, transform ease 0.2625s; |
|
transition: opacity ease 0.2625s, transform ease 0.2625s, -webkit-transform ease 0.2625s; |
|
} |
|
.tv-button--state__ellipsis-text { |
|
display: block; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
overflow-x: hidden; |
|
} |
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked, .feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__unchecked, .feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint { |
|
will-change: opacity, transform; |
|
} |
|
.tv-button--state__checked, .tv-button--state__uncheck-hint, .tv-button--state.i-checked .tv-button--state__unchecked, .feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked { |
|
opacity: 0; |
|
} |
|
.tv-button--state__unchecked, .tv-button--state.i-checked .tv-button--state__checked, .feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint { |
|
opacity: 1; |
|
} |
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked { |
|
-webkit-transform: translateY(-5px); |
|
transform: translateY(-5px); |
|
} |
|
.tv-button--state__uncheck-hint, .tv-button--state__checked, .tv-button--state.i-checked .tv-button--state__unchecked { |
|
-webkit-transform: translateY(5px); |
|
transform: translateY(5px); |
|
} |
|
.tv-button--state.i-checked .tv-button--state__checked, .feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint { |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
.tv-button--state.tv-button--success { |
|
color: #3cbc98; |
|
background-color: transparent; |
|
} |
|
.tv-button--state.tv-button--success.i-checked { |
|
color: #ffffff; |
|
background-color: #3cbc98; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--success:hover { |
|
color: #ffffff; |
|
background-color: #38b395; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--success:active,.feature-touch .tv-button--state.tv-button--success:active { |
|
color: #ffffff; |
|
background-color: #00a97f; |
|
} |
|
.tv-button--state.tv-button--danger { |
|
color: #ff4a68; |
|
background-color: transparent; |
|
} |
|
.tv-button--state.tv-button--danger.i-checked { |
|
color: #ffffff; |
|
background-color: #ff4a68; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--danger:hover { |
|
color: #ffffff; |
|
background-color: #f24965; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--danger:active,.feature-touch .tv-button--state.tv-button--danger:active { |
|
color: #ffffff; |
|
background-color: #ff173e; |
|
} |
|
.tv-button--state.tv-button--primary { |
|
color: #3bb3e4; |
|
background-color: transparent; |
|
} |
|
.tv-button--state.tv-button--primary.i-checked { |
|
color: #ffffff; |
|
background-color: #3bb3e4; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--primary:hover { |
|
color: #ffffff; |
|
background-color: #3babd8; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--primary:active,.feature-touch .tv-button--state.tv-button--primary:active { |
|
color: #ffffff; |
|
background-color: #049ddc; |
|
} |
|
.tv-button--state.tv-button--secondary { |
|
color: #757575; |
|
background-color: transparent; |
|
} |
|
.tv-button--state.tv-button--secondary.i-checked { |
|
color: #757575; |
|
background-color: #e9eff2; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--secondary:hover { |
|
color: #757575; |
|
background-color: #dce6ea; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--secondary:active,.feature-touch .tv-button--state.tv-button--secondary:active { |
|
color: #757575; |
|
background-color: #cfdce3; |
|
} |
|
.tv-button--state.tv-button--warning { |
|
color: #f89e30; |
|
background-color: transparent; |
|
} |
|
.tv-button--state.tv-button--warning.i-checked { |
|
color: #ffffff; |
|
background-color: #f89e30; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--warning:hover { |
|
color: #ffffff; |
|
background-color: #f79217; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--warning:active,.feature-touch .tv-button--state.tv-button--warning:active { |
|
color: #ffffff; |
|
background-color: #d47807; |
|
} |
|
.tv-button--loader .tv-button__text { |
|
transition: opacity ease 0.175s, -webkit-transform ease 0.175s; |
|
transition: opacity ease 0.175s, transform ease 0.175s; |
|
transition: opacity ease 0.175s, transform ease 0.175s, -webkit-transform ease 0.175s; |
|
} |
|
.tv-button--loader.i-start-load .tv-button__text { |
|
opacity: 0; |
|
-webkit-transform: translateY(-5px); |
|
transform: translateY(-5px); |
|
} |
|
.tv-button--loader.i-loading .tv-button__text { |
|
opacity: 0; |
|
-webkit-transform: translateY(5px); |
|
transform: translateY(5px); |
|
} |
|
.tv-button--loader.i-stop-load .tv-button__text { |
|
opacity: 1; |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
transition-delay: 0.175s; |
|
} |
|
.tv-button__loader { |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
right: 0; |
|
bottom: 0; |
|
height: 100%; |
|
margin: 0 auto; |
|
text-align: center; |
|
font-size: 0; |
|
opacity: 0; |
|
transition: opacity ease 0.35s; |
|
} |
|
.tv-button__loader:after { |
|
content: ''; |
|
display: inline-block; |
|
height: 100%; |
|
vertical-align: middle; |
|
} |
|
.tv-button--loader.i-loading .tv-button__loader, .tv-button--loader.i-start-load .tv-button__loader { |
|
opacity: 1; |
|
} |
|
.tv-button--loader.i-stop-load .tv-button__loader { |
|
opacity: 0; |
|
} |
|
.tv-button__loader-item { |
|
margin-right: 2px; |
|
margin-left: 2px; |
|
display: inline-block; |
|
vertical-align: middle; |
|
width: 10px; |
|
height: 10px; |
|
opacity: 0; |
|
border-radius: 100%; |
|
background-color: #ffffff; |
|
-webkit-transform: translateY(12px) scale(0.6); |
|
transform: translateY(12px) scale(0.6); |
|
transition: opacity ease 0.35s, -webkit-transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s; |
|
transition: transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s, opacity ease 0.35s; |
|
transition: transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s, opacity ease 0.35s, -webkit-transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s; |
|
} |
|
.tv-button__loader-item:nth-child(2) { |
|
transition-delay: 0.11666667s; |
|
} |
|
.tv-button__loader-item:nth-child(3) { |
|
transition-delay: 0.23333333s; |
|
} |
|
.tv-button--default .tv-button__loader-item { |
|
background-color: #757575; |
|
} |
|
.tv-button--loader.i-loading .tv-button__loader-item, .tv-button--loader.i-start-load .tv-button__loader-item { |
|
opacity: 1; |
|
} |
|
.tv-button--loader.i-stop-load .tv-button__loader-item { |
|
opacity: 0; |
|
} |
|
.tv-button--loader.i-loading .tv-button__loader-item, .tv-button--loader.i-stop-load .tv-button__loader-item, .tv-button--loader.i-start-load .tv-button__loader-item { |
|
-webkit-transform: translateY(0) scale(0.6); |
|
transform: translateY(0) scale(0.6); |
|
} |
|
.tv-button--loader.i-loading .tv-button__loader-item, .tv-button--loader.i-stop-load .tv-button__loader-item { |
|
-webkit-animation: tv-button-loader 0.96s infinite cubic-bezier(0.42, 0, 0.58, 1) both; |
|
animation: tv-button-loader 0.96s infinite cubic-bezier(0.42, 0, 0.58, 1) both; |
|
} |
|
.tv-button--loader.i-loading .tv-button__loader-item:nth-child(2), .tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(2) { |
|
-webkit-animation-delay: .151s; |
|
animation-delay: .151s; |
|
} |
|
.tv-button--loader.i-loading .tv-button__loader-item:nth-child(3), .tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(3) { |
|
-webkit-animation-delay: .32s; |
|
animation-delay: .32s; |
|
} |
|
.tv-button--no-border-radius { |
|
border-radius: 0; |
|
} |
|
.tv-button--no-border { |
|
border: none; |
|
} |
|
.tv-button--connect { |
|
border-radius: 0; |
|
} |
|
.tv-button--connect_left { |
|
border-top-left-radius: 0; |
|
border-bottom-left-radius: 0; |
|
} |
|
.tv-button--connect_right { |
|
border-top-right-radius: 0; |
|
border-bottom-right-radius: 0; |
|
} |
|
@-webkit-keyframes tv-button-loader { |
|
0%, 100% { |
|
-webkit-transform: scale(0.6); |
|
transform: scale(0.6); |
|
} |
|
50% { |
|
-webkit-transform: scale(0.9); |
|
transform: scale(0.9); |
|
} |
|
} |
|
@keyframes tv-button-loader { |
|
0%, 100% { |
|
-webkit-transform: scale(0.6); |
|
transform: scale(0.6); |
|
} |
|
50% { |
|
-webkit-transform: scale(0.9); |
|
transform: scale(0.9); |
|
} |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-button.tv-button--phone-compact { |
|
padding-left: 4px; |
|
padding-right: 4px; |
|
} |
|
} |
|
/** |
|
* Input |
|
*/ |
|
.tv-control-input { |
|
display: block; |
|
padding: 0 12px; |
|
width: 100%; |
|
height: 34px; |
|
font-size: 13px; |
|
color: #4a4a4a; |
|
border-color: #dadde0; |
|
border-style: solid; |
|
border-width: 1px; |
|
background-color: #ffffff; |
|
border-radius: 2px; |
|
box-sizing: border-box; |
|
-webkit-tap-highlight-color: transparent; |
|
transition: border-color ease 0.35s, background-color ease 0.35s; |
|
} |
|
html.theme-dark .tv-control-input{ background-color: #1c2030; } |
|
html.theme-dark .tv-control-input{ border-color: #363c4e; } |
|
html.theme-dark .tv-control-input{ color: #c5cbce; } |
|
.tv-control-input::-webkit-input-placeholder { |
|
color: #adaeb0; |
|
opacity: 1; |
|
} |
|
.tv-control-input:-ms-input-placeholder { |
|
color: #adaeb0; |
|
opacity: 1; |
|
} |
|
.tv-control-input::-ms-input-placeholder { |
|
color: #adaeb0; |
|
opacity: 1; |
|
} |
|
.tv-control-input::placeholder { |
|
color: #adaeb0; |
|
opacity: 1; |
|
} |
|
html.theme-dark .tv-control-input::-webkit-input-placeholder{ color: #4f5966; } |
|
html.theme-dark .tv-control-input:-ms-input-placeholder{ color: #4f5966; } |
|
html.theme-dark .tv-control-input::-ms-input-placeholder{ color: #4f5966; } |
|
html.theme-dark .tv-control-input::placeholder{ color: #4f5966; } |
|
.tv-control-input:-webkit-autofill { |
|
-webkit-text-fill-color: #535353 !important; |
|
box-shadow: 0 0 0 1000px #ffffff inset !important; |
|
} |
|
.tv-control-input--size_xsmall { |
|
height: 19px; |
|
} |
|
.tv-control-input--size_small { |
|
height: 27px; |
|
} |
|
.tv-control-input--size_large { |
|
height: 48px; |
|
} |
|
.tv-control-input--connect { |
|
border-left: 0; |
|
border-right: 0; |
|
border-radius: 0; |
|
} |
|
.tv-control-input--connect_left { |
|
border-left: none; |
|
border-top-left-radius: 0; |
|
border-bottom-left-radius: 0; |
|
} |
|
.tv-control-input--connect_right { |
|
border-right: none; |
|
border-top-right-radius: 0; |
|
border-bottom-right-radius: 0; |
|
} |
|
.tv-control-input--connect_right#id_username { |
|
/*!rtl:raw: |
|
direction: ltr; |
|
text-align: right; |
|
*/ |
|
} |
|
.feature-no-touch .tv-control-input:hover { |
|
border-color: #c8c8c8; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .tv-control-input:hover{ border-color: #4c525e; } |
|
.feature-no-touch .tv-control-input:focus,.feature-touch .tv-control-input:focus { |
|
border-color: #3bb3e4 !important; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-control-input[readonly] { |
|
color: #8a8a8a; |
|
border-color: #dadde0; |
|
} |
|
.feature-no-touch .tv-control-input[readonly]:hover, .feature-no-touch .tv-control-input[readonly]:focus,.feature-touch .tv-control-input[readonly]:focus { |
|
border-color: #dadde0; |
|
} |
|
.tv-control-input--readonly_dark, .tv-control-input--readonly_dark[readonly] { |
|
color: #555555; |
|
} |
|
html.theme-dark .tv-control-input--readonly_dark, html.theme-dark .tv-control-input--readonly_dark[readonly]{ color: #4c525e; } |
|
.tv-control-input[disabled], .tv-control-input.i-disabled { |
|
color: #ececec !important; |
|
border-color: #ececec !important; |
|
} |
|
html.theme-dark .tv-control-input[disabled], html.theme-dark .tv-control-input.i-disabled{ border-color: #262b3e !important; } |
|
html.theme-dark .tv-control-input[disabled], html.theme-dark .tv-control-input.i-disabled{ color: #262b3e !important; } |
|
.tv-control-input[disabled]::-webkit-input-placeholder, .tv-control-input.i-disabled::-webkit-input-placeholder { |
|
color: #ececec !important; |
|
} |
|
.tv-control-input[disabled]:-ms-input-placeholder, .tv-control-input.i-disabled:-ms-input-placeholder { |
|
color: #ececec !important; |
|
} |
|
.tv-control-input[disabled]::-ms-input-placeholder, .tv-control-input.i-disabled::-ms-input-placeholder { |
|
color: #ececec !important; |
|
} |
|
.tv-control-input[disabled]::placeholder, .tv-control-input.i-disabled::placeholder { |
|
color: #ececec !important; |
|
} |
|
html.theme-dark .tv-control-input[disabled]::-webkit-input-placeholder, html.theme-dark .tv-control-input.i-disabled::-webkit-input-placeholder{ color: #262b3e !important; } |
|
html.theme-dark .tv-control-input[disabled]:-ms-input-placeholder, html.theme-dark .tv-control-input.i-disabled:-ms-input-placeholder{ color: #262b3e !important; } |
|
html.theme-dark .tv-control-input[disabled]::-ms-input-placeholder, html.theme-dark .tv-control-input.i-disabled::-ms-input-placeholder{ color: #262b3e !important; } |
|
html.theme-dark .tv-control-input[disabled]::placeholder, html.theme-dark .tv-control-input.i-disabled::placeholder{ color: #262b3e !important; } |
|
.feature-no-touch .tv-control-input[disabled]:hover, .feature-no-touch .tv-control-input.i-disabled:hover { |
|
border-color: #ececec !important; |
|
} |
|
html.feature-no-touch.theme-dark .tv-control-input[disabled]:hover, html.feature-no-touch.theme-dark .tv-control-input.i-disabled:hover{ border-color: #262b3e !important; } |
|
.tv-control-input.i-error { |
|
border-color: #ff4a68 !important; |
|
} |
|
.feature-no-touch .tv-control-input.i-error:hover { |
|
border-color: #f24965 !important; |
|
} |
|
.feature-no-touch .tv-control-input.i-error:focus,.feature-touch .tv-control-input.i-error:focus { |
|
border-color: #ff173e !important; |
|
} |
|
.tv-control-input.i-success { |
|
border-color: #3cbc98 !important; |
|
} |
|
.feature-no-touch .tv-control-input.i-success:hover { |
|
border-color: #38b395 !important; |
|
} |
|
.feature-no-touch .tv-control-input.i-success:focus,.feature-touch .tv-control-input.i-success:focus { |
|
border-color: #00a97f !important; |
|
} |
|
.tv-control-input--phone { |
|
/*!rtl:ignore*/ |
|
direction: ltr; |
|
text-align: left; |
|
} |
|
.tv-control-input--file { |
|
display: none; |
|
} |
|
.bottom-widgetbar-content.backtesting .button { |
|
display: block; |
|
position: relative; |
|
float: left; |
|
cursor: default; |
|
padding: 7px 12px 7px; |
|
border: 1px solid; |
|
border-color: #dadde0; |
|
height: 14px; |
|
background: #ffffff; |
|
color: #555555; |
|
font-size: 11px; |
|
font-weight: 600; |
|
} |
|
html.theme-dark .bottom-widgetbar-content.backtesting .button{ color: #758696; } |
|
html.theme-dark .bottom-widgetbar-content.backtesting .button{ background: #131722; } |
|
html.theme-dark .bottom-widgetbar-content.backtesting .button{ border-color: #363c4e; } |
|
input.symbol-edit, .symbol-search-dialog .symbol-block input { |
|
float: left; |
|
background-color: #ffffff; |
|
border-width: 1px; |
|
border-style: solid; |
|
border-color: #dadde0; |
|
width: 291px; |
|
height: 28px; |
|
padding: 0 0 0 7px; |
|
color: #4a4a4a; |
|
font-size: 13px; |
|
font-weight: 600; |
|
} |
|
html.theme-dark input.symbol-edit, html.theme-dark .symbol-search-dialog .symbol-block input{ color: #c5cbce; } |
|
html.theme-dark input.symbol-edit, html.theme-dark .symbol-search-dialog .symbol-block input{ border-color: #363c4e; } |
|
html.theme-dark input.symbol-edit, html.theme-dark .symbol-search-dialog .symbol-block input{ background-color: #131722; } |
|
input.symbol-edit.incomplete, .symbol-search-dialog input.incomplete { |
|
background-color: #ffffef; |
|
} |
|
input.symbol-edit.error, input.symbol-edit.interval-error, .symbol-search-dialog input.error, .symbol-search-dialog input.interval-error { |
|
background-color: #ffefef; |
|
} |
|
.symbol-search-loading { |
|
position: relative; |
|
width: 51px; |
|
height: 51px; |
|
padding: 10px; |
|
margin: 0 auto; |
|
} |
|
.property-page input.symbol-edit { |
|
padding: 0 5px; |
|
} |
|
div.symbol-edit-popup { |
|
display: block; |
|
position: absolute; |
|
width: 705px; |
|
border: 1px solid; |
|
border-color: #d6d8e0; |
|
z-index: 111; |
|
background: rgba(255, 255, 255, 0.9); |
|
} |
|
html.theme-dark div.symbol-edit-popup{ background: rgba(28, 32, 48, 0.9); } |
|
html.theme-dark div.symbol-edit-popup{ border-color: #131722; } |
|
div.symbol-edit-popup .table-wrapper { |
|
border-top: 1px solid; |
|
border-top-color: #dde1e6; |
|
overflow-y: auto; |
|
width: 700px; |
|
position: relative; |
|
z-index: 0; |
|
} |
|
html.theme-dark div.symbol-edit-popup .table-wrapper{ border-top-color: #363c4e; } |
|
div.symbol-edit-popup .table-wrapper::-webkit-scrollbar { |
|
width: 5px; |
|
height: 5px; |
|
} |
|
div.symbol-edit-popup .table-wrapper::-webkit-scrollbar-thumb { |
|
border: 1px solid; |
|
border-color: #f1f3f6; |
|
border-radius: 3px; |
|
background-color: #9db2bd; |
|
} |
|
html.theme-dark div.symbol-edit-popup .table-wrapper::-webkit-scrollbar-thumb{ background-color: #363c4e; } |
|
html.theme-dark div.symbol-edit-popup .table-wrapper::-webkit-scrollbar-thumb{ border-color: #1c2030; } |
|
div.symbol-edit-popup .table-wrapper::-webkit-scrollbar-track { |
|
background-color: transparent; |
|
border-radius: 3px; |
|
} |
|
table.symbol-edit-popup { |
|
border-collapse: collapse; |
|
} |
|
table.symbol-edit-popup tr.group-title { |
|
cursor: default; |
|
} |
|
table.symbol-edit-popup tr.group-title td:first-child div { |
|
position: relative; |
|
border-color: #cccccc; |
|
transition: border-color 0.1s linear; |
|
} |
|
table.symbol-edit-popup tr.group-title td:first-child div:before { |
|
content: ''; |
|
display: block; |
|
position: absolute; |
|
top: 50%; |
|
left: -13px; |
|
margin-top: -2px; |
|
width: 0; |
|
height: 0; |
|
border-color: inherit; |
|
border-style: solid; |
|
border-width: 7px 4px 0 4px; |
|
} |
|
table.symbol-edit-popup tr.group-title:not(.collapsed) td:first-child div:before { |
|
border-left-color: transparent; |
|
border-right-color: transparent; |
|
} |
|
table.symbol-edit-popup tr.group-title.collapsed td:first-child div { |
|
border-color: #cccccc; |
|
} |
|
table.symbol-edit-popup tr.group-title.collapsed td:first-child div:before { |
|
left: -12px; |
|
margin-top: -3px; |
|
border-top-color: transparent; |
|
border-bottom-color: transparent; |
|
border-width: 4px 0 4px 7px; |
|
} |
|
table.symbol-edit-popup tr.group-title.symbol-edit-popup-active td:first-child div, .feature-no-touch table.symbol-edit-popup tr.group-title:hover td:first-child div { |
|
border-color: #555555; |
|
} |
|
table.symbol-edit-popup tr.hidden { |
|
display: none; |
|
} |
|
table.symbol-edit-popup td { |
|
padding: 7px; |
|
} |
|
table.symbol-edit-popup td:first-child { |
|
padding-left: 20px; |
|
} |
|
table.symbol-edit-popup td:last-child { |
|
max-width: 130px; |
|
padding-right: 20px; |
|
} |
|
tr.symbol-edit-popup { |
|
cursor: pointer; |
|
height: 25px; |
|
} |
|
tr.symbol-edit-popup td:first-child { |
|
max-width: 165px; |
|
} |
|
/* deprecated ??? */ |
|
span.symbol-edit-highlight { |
|
color: #4c82ce; |
|
font-weight: bold; |
|
} |
|
/* deprecated */ |
|
.symbol-edit-popup-td { |
|
white-space: nowrap; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
max-width: 230px; |
|
line-height: 14px; |
|
vertical-align: middle; |
|
} |
|
.symbol-edit-popup-td.name { |
|
font-weight: bold; |
|
} |
|
.symbol-edit-popup-td.desc { |
|
white-space: nowrap; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
width: 100%; |
|
} |
|
.symbol-edit-popup-td.name:after, .symbol-edit-popup-td.desc:after { |
|
content: '\200E'; |
|
} |
|
.symbol-edit-popup-td.name > div { |
|
display: inline; |
|
} |
|
.symbol-edit-popup-td.name > div:after { |
|
content: '\200E'; |
|
} |
|
.symbol-edit-popup-td.name strong, .symbol-edit-popup-td.desc strong { |
|
font-weight: bold; |
|
color: #4c82ce; |
|
} |
|
.symbol-edit-popup-td.name em, .symbol-edit-popup-td.desc em { |
|
font-weight: bold; |
|
color: #4c82ce; |
|
font-style: normal; |
|
} |
|
.symbol-edit-popup-td.type { |
|
font-size: 11px; |
|
color: #999999; |
|
white-space: nowrap; |
|
text-align: right; |
|
} |
|
.symbol-edit-popup-td.flag svg { |
|
position: relative; |
|
right: -2px; |
|
top: 2px; |
|
} |
|
.symbol-edit-popup-td.flag svg.bitcoin { |
|
top: 0px; |
|
} |
|
.feature-no-touch tr.symbol-edit-popup:hover:not(.group-title) { |
|
background: #f1f3f6; |
|
} |
|
html.feature-no-touch.theme-dark tr.symbol-edit-popup:hover:not(.group-title){ background: #363c4e; } |
|
.symbol-edit-popup-active { |
|
background: #d1e1f8; |
|
} |
|
html.theme-dark .symbol-edit-popup-active{ background: #2f3241; } |
|
.symbol-edit-popup i.eod, .symbol-edit-popup i.pro { |
|
display: inline-block; |
|
height: auto; |
|
width: auto; |
|
font-size: 10px; |
|
color: white; |
|
text-transform: uppercase; |
|
font-style: normal; |
|
line-height: 12px; |
|
vertical-align: 0; |
|
padding: 1px 3px 0; |
|
overflow: visible; |
|
} |
|
.symbol-edit-popup i.eod { |
|
background: #c9cbcd; |
|
} |
|
html.theme-dark .symbol-edit-popup i.eod{ background: #363c4e; } |
|
.symbol-edit-popup i.pro { |
|
background: #bf645c; |
|
} |
|
.tv-close-mixin { |
|
cursor: pointer; |
|
} |
|
.tv-close-mixin:after { |
|
content: ' '; |
|
display: block; |
|
position: absolute; |
|
width: 9px; |
|
height: 9px; |
|
top: 6px; |
|
left: 6px; |
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAUElEQVR42pWQMQoAIAwD++d+x8HJbyoOWXJDSSBgwpVS62vtc8ulXg/ZAZkFMycNoBJgXoUcX1cm9N1NSL0esgMyC2ZOGkAlwLwKObhu/qcHp/zWImEdH8EAAAAASUVORK5CYII=); |
|
} |
|
.feature-no-touch .tv-close-mixin:hover:after { |
|
background-position: center bottom; |
|
} |
|
.symbol-edit-notification { |
|
position: relative; |
|
padding: 15px 20px; |
|
background: #ebf7fc; |
|
font-size: 12px; |
|
} |
|
html.theme-dark .symbol-edit-notification{ background: #4c525e; } |
|
.symbol-edit-notification a { |
|
color: #3bb3e4; |
|
transition: color ease 0.35s; |
|
} |
|
html.theme-dark .symbol-edit-notification a{ color: #299dcd; } |
|
.symbol-edit-notification a:visited { |
|
color: #3bb3e4; |
|
fill: #3bb3e4; |
|
} |
|
html.theme-dark .symbol-edit-notification a:visited{ fill: #299dcd; } |
|
html.theme-dark .symbol-edit-notification a:visited{ color: #299dcd; } |
|
.feature-no-touch .symbol-edit-notification a:hover { |
|
color: #3babd8; |
|
fill: #3babd8; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch .symbol-edit-notification a:active,.feature-touch .symbol-edit-notification a:active { |
|
color: #049ddc; |
|
fill: #049ddc; |
|
transition-duration: 0.06s; |
|
} |
|
.symbol-edit-notification .close { |
|
display: block; |
|
position: absolute; |
|
width: 21px; |
|
height: 21px; |
|
right: 0; |
|
top: 0; |
|
cursor: pointer; |
|
} |
|
.symbol-edit-notification .close:after { |
|
content: ' '; |
|
display: block; |
|
position: absolute; |
|
width: 9px; |
|
height: 9px; |
|
top: 6px; |
|
left: 6px; |
|
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAASCAYAAACJgPRIAAAAUElEQVR42pWQMQoAIAwD++d+x8HJbyoOWXJDSSBgwpVS62vtc8ulXg/ZAZkFMycNoBJgXoUcX1cm9N1NSL0esgMyC2ZOGkAlwLwKObhu/qcHp/zWImEdH8EAAAAASUVORK5CYII=); |
|
} |
|
.feature-no-touch .symbol-edit-notification .close:hover:after { |
|
background-position: center bottom; |
|
} |
|
.symbol-search-dialog .symbol-block { |
|
width: auto; |
|
margin: 0; |
|
overflow: hidden; |
|
} |
|
.symbol-search-dialog .symbol-block .spread-actions { |
|
height: 36px; |
|
border-top: none; |
|
border-right: none; |
|
background: #ffffff; |
|
} |
|
html.theme-dark .symbol-search-dialog .symbol-block .spread-actions{ background: #131722; } |
|
.symbol-search-dialog .symbol-block .spread-actions:empty { |
|
border: none; |
|
background: transparent; |
|
} |
|
.symbol-search-dialog .symbol-block button { |
|
width: 30px; |
|
height: 36px; |
|
border-left: 1px solid; |
|
border-left-color: #dadde0; |
|
} |
|
html.theme-dark .symbol-search-dialog .symbol-block button{ border-left-color: #363c4e; } |
|
.symbol-search-dialog .symbol-block button:first-child { |
|
border-left: none !important; |
|
} |
|
.symbol-search-dialog .symbol-block-inputspacer { |
|
overflow: hidden; |
|
} |
|
.symbol-search-dialog .symbol-block-inputspacer input { |
|
float: none; |
|
width: 100%; |
|
height: 37px; |
|
font-size: 13px; |
|
margin: 0; |
|
padding: 0 7px 0 34px; |
|
border-width: 0px; |
|
border-bottom-width: 1px; |
|
border-radius: 0; |
|
box-sizing: border-box; |
|
} |
|
.symbol-search-dialog .symbol-block-inputspacer .search-icon { |
|
content: ' '; |
|
display: block; |
|
position: absolute; |
|
width: 13px; |
|
height: 13px; |
|
background: url('../images/icons.png') no-repeat -80px -339px; |
|
top: 12px; |
|
left: 12px; |
|
} |
|
.symbol-search-dialog .filter { |
|
padding: 0 20px; |
|
border-bottom: 1px solid; |
|
border-color: #dde1e6; |
|
} |
|
html.theme-dark .symbol-search-dialog .filter{ border-color: #363c4e; } |
|
.symbol-search-dialog .filter a.type-filter, .symbol-search-dialog .filter .exchange-filter, .symbol-search-dialog .filter .tradable-filter { |
|
position: relative; |
|
display: inline-block; |
|
margin-right: 18px; |
|
padding: 10px 0; |
|
font-size: 13px; |
|
line-height: 16px; |
|
color: #555555; |
|
} |
|
html.theme-dark .symbol-search-dialog .filter a.type-filter, html.theme-dark .symbol-search-dialog .filter .exchange-filter, html.theme-dark .symbol-search-dialog .filter .tradable-filter{ color: #8b8f95 ; } |
|
.symbol-search-dialog .filter a.type-filter a, .symbol-search-dialog .filter .exchange-filter a, .symbol-search-dialog .filter .tradable-filter a { |
|
color: #555555; |
|
} |
|
html.theme-dark .symbol-search-dialog .filter a.type-filter a, html.theme-dark .symbol-search-dialog .filter .exchange-filter a, html.theme-dark .symbol-search-dialog .filter .tradable-filter a{ color: #8b8f95 ; } |
|
.symbol-search-dialog .filter a.type-filter.active, .symbol-search-dialog .filter .exchange-filter.active, .symbol-search-dialog .filter .tradable-filter.active { |
|
font-weight: bold; |
|
} |
|
.symbol-search-dialog .filter a.type-filter.active:after, .symbol-search-dialog .filter .exchange-filter.active:after, .symbol-search-dialog .filter .tradable-filter.active:after { |
|
content: ' '; |
|
display: block; |
|
position: absolute; |
|
bottom: -1px; |
|
width: 100%; |
|
height: 3px; |
|
background-color: #5cb888; |
|
} |
|
.symbol-search-dialog .filter a.type-filter:last-child, .symbol-search-dialog .filter .exchange-filter:last-child { |
|
margin-right: 0; |
|
} |
|
.symbol-search-dialog .filter .exchange-filter { |
|
margin-right: 0; |
|
} |
|
.symbol-search-dialog .filter .tradable-filter { |
|
margin: 0 10px; |
|
padding-bottom: 11px; |
|
line-height: 14px; |
|
vertical-align: middle; |
|
} |
|
.symbol-search-dialog .filter .tradable-filter * { |
|
vertical-align: middle; |
|
} |
|
.symbol-search-dialog .filter .tradable-filter .tradable-text { |
|
padding-left: 5px; |
|
cursor: default; |
|
} |
|
.symbol-search-dialog .results { |
|
width: 100%; |
|
height: 500px; |
|
overflow-x: hidden; |
|
overflow-y: auto; |
|
margin: 0; |
|
} |
|
.symbol-search-dialog .results::-webkit-scrollbar { |
|
width: 5px; |
|
height: 5px; |
|
} |
|
.symbol-search-dialog .results::-webkit-scrollbar-thumb { |
|
border: 1px solid; |
|
border-color: #f1f3f6; |
|
border-radius: 3px; |
|
background-color: #9db2bd; |
|
} |
|
html.theme-dark .symbol-search-dialog .results::-webkit-scrollbar-thumb{ background-color: #363c4e; } |
|
html.theme-dark .symbol-search-dialog .results::-webkit-scrollbar-thumb{ border-color: #1c2030; } |
|
.symbol-search-dialog .results::-webkit-scrollbar-track { |
|
background-color: transparent; |
|
border-radius: 3px; |
|
} |
|
.symbol-search-dialog .results table { |
|
width: 100%; |
|
border-collapse: collapse; |
|
} |
|
.symbol-search-dialog .results table .symbol-edit-popup-td:first-child { |
|
padding-left: 20px; |
|
} |
|
.symbol-search-dialog .results table .symbol-edit-popup-td:last-child { |
|
padding-right: 20px; |
|
} |
|
.symbol-search-dialog .results table tr:first-child .symbol-edit-popup-td { |
|
padding-top: 12px; |
|
} |
|
.spread-actions { |
|
float: right; |
|
height: 28px; |
|
border: 1px solid; |
|
border-color: #dadde0; |
|
background: #ffffff; |
|
margin: 0; |
|
} |
|
html.theme-dark .spread-actions{ background: #131722; } |
|
html.theme-dark .spread-actions{ border-color: #363c4e; } |
|
.spread-actions button { |
|
position: relative; |
|
float: left; |
|
width: 20px; |
|
height: 28px; |
|
background: none; |
|
padding: 0; |
|
margin: 0; |
|
border: none; |
|
cursor: pointer; |
|
} |
|
.spread-actions button::-moz-focus-inner { |
|
padding: 0 !important; |
|
margin: 0 !important; |
|
} |
|
.spread-actions button.disabled { |
|
cursor: default; |
|
} |
|
.spread-actions button .action-icon { |
|
display: block; |
|
position: absolute; |
|
margin: auto; |
|
left: 0; |
|
top: 0; |
|
right: 0; |
|
bottom: 0; |
|
color: #7d7d7d; |
|
} |
|
html.theme-dark .spread-actions button .action-icon{ color: #758696; } |
|
.feature-no-touch .spread-actions button:hover .action-icon { |
|
color: #3bb3e4; |
|
} |
|
.spread-actions button.disabled .action-icon { |
|
color: #a6a6a6; |
|
} |
|
html.theme-dark .spread-actions button.disabled .action-icon{ color: #2f3241; } |
|
div.symbol-edit-popup .exchange-filter, .symbol-search-dialog .exchange-filter { |
|
float: right; |
|
} |
|
.exchange-filter .tv-symbol-select > .flag { |
|
display: block; |
|
position: absolute; |
|
top: 2px; |
|
right: 15px; |
|
} |
|
.exchange-filter-overflow { |
|
width: 90px; |
|
text-overflow: ellipsis; |
|
overflow: hidden; |
|
text-align: right; |
|
white-space: nowrap; |
|
} |
|
.flagged-exchange { |
|
margin-right: 36px; |
|
} |
|
.symbol-search-dialog .exchange-filter .sbSelector { |
|
width: 90px; |
|
text-overflow: ellipsis; |
|
overflow: hidden; |
|
text-align: right; |
|
white-space: nowrap; |
|
display: block; |
|
width: auto; |
|
margin: 0 12px 0 15px; |
|
} |
|
.symbol-search-dialog .exchange-filter .sbSelector.exchange-with-flag { |
|
margin-right: 36px; |
|
} |
|
div.symbol-edit-popup .exchange-filter .sbSelector { |
|
width: 90px; |
|
text-overflow: ellipsis; |
|
overflow: hidden; |
|
text-align: right; |
|
white-space: nowrap; |
|
display: block; |
|
width: auto; |
|
margin: 0 10px 0 15px; |
|
font-weight: bold; |
|
font-size: 11px; |
|
height: 13px; |
|
} |
|
div.symbol-edit-popup .exchange-filter .sbSelector.exchange-with-flag { |
|
margin-right: 36px; |
|
} |
|
div.symbol-edit-popup .exchange-filter .sbToggle, .symbol-search-dialog .exchange-filter .sbToggle { |
|
position: absolute; |
|
right: 1px; |
|
} |
|
.symbol-edit-popup .filter { |
|
padding: 0 20px; |
|
margin: 0; |
|
width: 100%; |
|
box-sizing: border-box; |
|
} |
|
.symbol-edit-popup .filter a.type-filter, .symbol-edit-popup .filter .exchange-filter { |
|
display: inline-block; |
|
position: relative; |
|
padding: 6px 0; |
|
margin-right: 18px; |
|
font-weight: bold; |
|
font-size: 11px; |
|
line-height: 14px; |
|
border-bottom: none; |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .symbol-edit-popup .filter a.type-filter, html.theme-dark .symbol-edit-popup .filter .exchange-filter{ color: #c5cbce; } |
|
.symbol-edit-popup .filter a.type-filter a, .symbol-edit-popup .filter .exchange-filter a { |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .symbol-edit-popup .filter a.type-filter a, html.theme-dark .symbol-edit-popup .filter .exchange-filter a{ color: #c5cbce; } |
|
.symbol-edit-popup .filter a.type-filter.active:after, .symbol-edit-popup .filter .exchange-filter.active:after { |
|
content: ' '; |
|
display: block; |
|
position: absolute; |
|
bottom: -1px; |
|
width: 100%; |
|
height: 3px; |
|
background-color: #5cb888; |
|
} |
|
.symbol-edit-popup .filter a.type-filter:last-child, .symbol-edit-popup .filter .exchange-filter:last-child { |
|
margin-right: 0; |
|
} |
|
.symbol-edit-popup .filter .exchange-filter { |
|
margin: 0; |
|
} |
|
.symbol-edit-popup .filter .tradable-filter { |
|
margin: 0 10px; |
|
font-size: 11px; |
|
line-height: 14px; |
|
padding: 6px 0; |
|
display: -webkit-inline-flex; |
|
display: inline-flex; |
|
vertical-align: middle; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
} |
|
.symbol-edit-popup .filter .tradable-filter .tradable-text { |
|
padding-left: 5px; |
|
cursor: default; |
|
vertical-align: middle; |
|
} |
|
div.symbol-edit-popup .tradable-filter, .symbol-search-dialog .tradable-filter { |
|
float: right; |
|
} |
|
.feature-no-touch .bottom-widgetbar-content.backtesting .button:active,.feature-touch .bottom-widgetbar-content.backtesting .button:active, .bottom-widgetbar-content.backtesting .button.active { |
|
background: #f2f3f5; |
|
color: #4c525e; |
|
} |
|
html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .button:active,html.feature-touch.theme-dark .bottom-widgetbar-content.backtesting .button:active, html.theme-dark .bottom-widgetbar-content.backtesting .button.active{ color: #f7f8fa; } |
|
html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .button:active,html.feature-touch.theme-dark .bottom-widgetbar-content.backtesting .button:active, html.theme-dark .bottom-widgetbar-content.backtesting .button.active{ background: #131722; } |
|
/* used in right panel */ |
|
.button.iconed { |
|
padding: 6px 10px 8px; |
|
} |
|
@media (max-width: 550px) { |
|
div.symbol-edit-popup { |
|
width: 100%; |
|
} |
|
div.symbol-edit-popup .filter { |
|
padding: 0 10px; |
|
} |
|
div.symbol-edit-popup .filter a.type-filter, div.symbol-edit-popup .filter .exchange-filter { |
|
margin-left: 0px; |
|
margin-right: 10px; |
|
} |
|
div.symbol-edit-popup .table-wrapper { |
|
width: 100%; |
|
} |
|
table.symbol-edit-popup { |
|
width: 100%; |
|
table-layout: fixed; |
|
} |
|
table.symbol-edit-popup td { |
|
padding: 5px; |
|
} |
|
table.symbol-edit-popup td:first-child { |
|
padding-left: 10px; |
|
} |
|
.symbol-edit-popup-td { |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
box-sizing: border-box; |
|
} |
|
.symbol-edit-popup-td.name { |
|
width: 30%; |
|
} |
|
.symbol-edit-popup-td.desc { |
|
width: 40%; |
|
} |
|
.symbol-edit-popup-td.type { |
|
width: 30%; |
|
} |
|
} |
|
/* |
|
* context menu styles from static/chart-client/css/chart_gui.less |
|
* for usage not only on chart, but in other different places, for example the in screener widget |
|
*/ |
|
.context-menu-wrapper { |
|
position: absolute; |
|
z-index: 500; |
|
overflow: auto; |
|
border: 1px solid; |
|
border-color: #b5b7b9; |
|
background-color: #ffffff; |
|
white-space: nowrap; |
|
} |
|
html.theme-dark .context-menu-wrapper{ background-color: #1c2030; } |
|
html.theme-dark .context-menu-wrapper{ border-color: #363c4e; } |
|
.context-menu-wrapper .backlight { |
|
background-color: #f2f3f5; |
|
} |
|
html.theme-dark .context-menu-wrapper .backlight{ background-color: #2f3241; } |
|
tr.context-menu.disabled { |
|
color: #9d9d9d; |
|
} |
|
tr.context-menu.spinner > td { |
|
background: url('../images/loading-small.gif') center center no-repeat; |
|
cursor: default; |
|
} |
|
.submenu.center { |
|
background-color: white; |
|
} |
|
.context-menu { |
|
font-family: Tahoma, Arial, sans-serif; |
|
font-size: 11px; |
|
white-space: nowrap; |
|
} |
|
tr.context-menu { |
|
cursor: pointer; |
|
height: 29px; |
|
} |
|
tr.context-menu-hover { |
|
background: #f2f3f5; |
|
} |
|
html.theme-dark tr.context-menu-hover{ background: #2f3241; } |
|
td.context-menu { |
|
opacity: 1.0; |
|
cursor: pointer; |
|
padding-left: 4px; |
|
} |
|
.context-menu-item-separated { |
|
border-bottom: 1px solid #cecece; |
|
} |
|
.context-menu .text { |
|
min-width: 100px; |
|
} |
|
.context-menu .spacer { |
|
width: 18px; |
|
} |
|
.context-menu .icon { |
|
height: 27px; |
|
width: 18px; |
|
} |
|
.context-menu .shortcut { |
|
text-align: right; |
|
color: #aaaaaa; |
|
padding: 0 2px 0 10px; |
|
} |
|
.submenu-arrow { |
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAKElEQVR4AWOgExgFo6Cvr+8/1Q0EYaoaCMNUNBCBB68LqRvLIxiMAgAKDyqRblYs2AAAAABJRU5ErkJggg==); |
|
background-repeat: no-repeat; |
|
background-position: center; |
|
width: 20px; |
|
} |
|
.submenu-arrow.expanded { |
|
width: 20px; |
|
} |
|
.popup { |
|
position: absolute; |
|
display: block; |
|
} |
|
div.submenu { |
|
background-image: url('/static/chart-client/css/images/submenu_arrow.png'); |
|
background-repeat: no-repeat; |
|
padding-left: 25px; |
|
} |
|
.checked-icon { |
|
background: none; |
|
} |
|
.checked-icon svg { |
|
stroke: #4a4a4a; |
|
position: absolute; |
|
top: 10px; |
|
left: 7px; |
|
} |
|
html.theme-dark .checked-icon svg{ stroke: #c5cbce; } |
|
.unchecked-icon { |
|
background: none; |
|
} |
|
.context-menu .action-separator { |
|
height: 1px !important; |
|
cursor: default; |
|
} |
|
.context-menu .action-separator td { |
|
height: 1px; |
|
background-color: #dadde0; |
|
border-top: 6px solid; |
|
border-bottom: 6px solid; |
|
border-color: #ffffff; |
|
} |
|
html.theme-dark .context-menu .action-separator td{ border-color: #1c2030; } |
|
html.theme-dark .context-menu .action-separator td{ background-color: #363c4e; } |
|
.spacer.delete-spacer { |
|
width: 23px; |
|
} |
|
.context-menu-delete-button { |
|
display: none; |
|
vertical-align: middle; |
|
width: 14px; |
|
height: 14px; |
|
background: url('../images/icons.png') no-repeat scroll -102px -362px transparent; |
|
} |
|
.feature-no-touch tr:hover .context-menu-delete-button { |
|
display: inline-block; |
|
} |
|
.feature-no-touch .context-menu-delete-button:hover { |
|
background-position: -81px -362px; |
|
} |
|
.chart-widget { |
|
position: absolute; |
|
border-style: none; |
|
left: 0px; |
|
top: 0px; |
|
width: 512px; |
|
height: 256px; |
|
margin: 0px; |
|
padding: 0px; |
|
box-sizing: border-box; |
|
overflow: hidden; |
|
} |
|
/* chart header */ |
|
.chart-header { |
|
background-color: #ffffff; |
|
border-bottom: 1px solid gray; |
|
color: white; |
|
} |
|
/* markup table */ |
|
table.chart-markup-table { |
|
border: none; |
|
border-collapse: collapse; |
|
border-spacing: 0; |
|
line-height: 0px; |
|
margin: 0px; |
|
padding: 0px; |
|
/*!rtl:raw: |
|
direction: ltr; |
|
*/ |
|
} |
|
.chart-markup-table tr { |
|
margin: 0; |
|
padding: 0; |
|
} |
|
td.chart-markup-table { |
|
border: none; |
|
text-align: left; |
|
vertical-align: top; |
|
line-height: 0px; |
|
margin: 0px; |
|
padding: 0px; |
|
/*!rtl:raw: |
|
direction: rtl; |
|
*/ |
|
} |
|
/* data window */ |
|
.chart-data-window { |
|
position: absolute; |
|
width: 100%; |
|
box-sizing: border-box; |
|
border-collapse: collapse; |
|
margin: 0; |
|
padding: 0; |
|
background-color: #ffffff; |
|
text-align: left; |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .chart-data-window{ color: #c5cbce; } |
|
html.theme-dark .chart-data-window{ background-color: #171b29; } |
|
.chart-data-window .box { |
|
margin: 3px; |
|
} |
|
.chart-data-window .box.with-actions { |
|
cursor: pointer; |
|
} |
|
.chart-data-window .box:first-child .chart-data-window-header:first-child { |
|
margin-top: 0; |
|
} |
|
.chart-data-window .hover .chart-data-window-header .hover-source-icon { |
|
display: block; |
|
} |
|
.chart-data-window .active { |
|
border-left: 2px solid #528cde; |
|
} |
|
.chart-data-window .active .chart-data-window-header { |
|
background: #e9f8ff; |
|
} |
|
.chart-data-window .active .chart-data-window-header, .chart-data-window .active .chart-data-window-item .chart-data-window-item-title { |
|
padding-left: 8px; |
|
} |
|
.chart-data-window .active .chart-data-window-item { |
|
font-weight: bold; |
|
} |
|
.chart-data-window .hidden { |
|
opacity: 0.3; |
|
} |
|
.chart-data-window .hidden .chart-data-window-item { |
|
display: none; |
|
} |
|
.chart-data-window .chart-data-window-header, .chart-data-window .chart-data-window-item { |
|
margin-bottom: 3px; |
|
position: relative; |
|
} |
|
.chart-data-window .chart-data-window-header { |
|
padding: 9px 10px; |
|
background: #f1f3f6; |
|
font-weight: bold; |
|
font-size: 12px; |
|
} |
|
html.theme-dark .chart-data-window .chart-data-window-header{ background: #262b3e; } |
|
.chart-data-window .chart-data-window-header .toggle-source-icon { |
|
display: block; |
|
position: absolute; |
|
right: 14px; |
|
top: 11px; |
|
width: 16px; |
|
height: 10px; |
|
} |
|
.chart-data-window .chart-data-window-header .toggle-source-icon svg { |
|
display: block; |
|
width: 16px; |
|
height: 10px; |
|
fill: #7d7d7d; |
|
} |
|
html.theme-dark .chart-data-window .chart-data-window-header .toggle-source-icon svg{ fill: #758696; } |
|
.feature-no-touch .chart-data-window .chart-data-window-header .toggle-source-icon:hover svg { |
|
fill: #3bb3e4 !important; |
|
} |
|
.chart-data-window .chart-data-window-header .hover-source-icon { |
|
display: none; |
|
position: absolute; |
|
right: 40px; |
|
top: 11px; |
|
width: 10px; |
|
height: 10px; |
|
border-radius: 10px; |
|
background: #3bb3e4; |
|
} |
|
.chart-data-window .chart-data-window-item:last-child { |
|
margin-bottom: 0; |
|
} |
|
.chart-data-window .chart-data-window-item .chart-data-window-item-title, .chart-data-window .chart-data-window-item .chart-data-window-item-value { |
|
width: 50%; |
|
box-sizing: border-box; |
|
padding: 4px 10px; |
|
display: inline-block; |
|
white-space: nowrap; |
|
} |
|
.chart-data-window .chart-data-window-item .chart-data-window-item-title .real-color, .chart-data-window .chart-data-window-item .chart-data-window-item-value .real-color { |
|
display: inline-block; |
|
width: 15px; |
|
height: 8px; |
|
margin-right: 15px; |
|
border: 1px dotted #cccccc; |
|
cursor: help; |
|
} |
|
.chart-data-window .chart-data-window-item .chart-data-window-item-value { |
|
text-align: right; |
|
} |
|
.pane-legend { |
|
position: absolute; |
|
contain: content; |
|
top: 5px; |
|
left: 5px; |
|
right: 5px; |
|
margin: 0; |
|
padding: 0; |
|
color: #4a4a4a; |
|
font-size: 0; |
|
line-height: normal; |
|
white-space: nowrap; |
|
pointer-events: none; |
|
border: 0px; |
|
box-sizing: border-box; |
|
background-color: transparent; |
|
} |
|
html.theme-dark .pane-legend{ color: #c5cbce; } |
|
.pane-legend svg { |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
.pane-legend .pane-legend-minbtn, .pane-legend .pane-legend-icon { |
|
position: relative; |
|
top: -1px; |
|
display: inline-block; |
|
padding: 0; |
|
margin: 0 3px 0 0; |
|
line-height: 20px; |
|
vertical-align: middle; |
|
} |
|
.pane-legend .pane-legend-minbtn .expand, .pane-legend .pane-legend-icon .expand { |
|
position: relative; |
|
display: inline-block; |
|
opacity: 0.999; |
|
margin: 0 3px 0 0; |
|
padding: 0; |
|
vertical-align: middle; |
|
line-height: 20px; |
|
fill: #7d7d7d; |
|
pointer-events: auto; |
|
} |
|
html.theme-dark .pane-legend .pane-legend-minbtn .expand, html.theme-dark .pane-legend .pane-legend-icon .expand{ fill: #758696; } |
|
.pane-legend-line { |
|
display: block; |
|
margin: 0; |
|
padding: 0; |
|
/*!rtl:ignore*/ |
|
text-align: left; |
|
white-space: pre-line; |
|
cursor: pointer; |
|
border: none; |
|
box-sizing: border-box; |
|
} |
|
.pane-legend-line--without-child-studies { |
|
padding-left: 3px; |
|
} |
|
.pane-legend-line.legend-selection-disabled { |
|
cursor: url(crosshair.6c091f7d5427d0c5e6d9dc3a90eb2b20.cur), crosshair; |
|
} |
|
.pane-legend-line.pane-legend-wrap.main { |
|
padding-top: 4px; |
|
} |
|
.pane-legend-line.pane-legend-wrap.main.expand-line { |
|
/*!rtl:ignore*/ |
|
padding-right: 85px; |
|
/*!rtl:raw: |
|
padding-right: 0; |
|
*/ |
|
} |
|
.pane-legend-line.pane-legend-wrap.main .pane-legend-item-value-wrap { |
|
white-space: nowrap; |
|
} |
|
.pane-legend-line.pane-legend-wrap.study > .pane-legend-line { |
|
max-width: calc(100% - 95px); |
|
overflow: hidden; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
min-width: 26px; |
|
} |
|
.pane-legend-line.pane-legend-wrap.study .pane-legend-item-value.disabled { |
|
display: none; |
|
} |
|
.pane-legend-line.pane-legend-wrap:first-child { |
|
/*!rtl:ignore*/ |
|
padding-right: 25px; |
|
} |
|
.pane-legend-line > .main { |
|
max-width: calc(100% - 75px); |
|
min-width: 30px; |
|
overflow: hidden; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
} |
|
.pane-legend-line span { |
|
font-size: 9pt; |
|
line-height: 20px; |
|
vertical-align: middle; |
|
pointer-events: auto; |
|
display: inline-block; |
|
} |
|
.pane-legend-line span.pane-legend-line { |
|
margin: 0; |
|
} |
|
.pane-legend-line > span.pane-legend-line:not(.no-context-menu) { |
|
margin-right: 10px /*!rtl:0*/; |
|
/*!rtl:ignore*/ |
|
margin-left: 0; |
|
} |
|
.pane-legend-line > span.pane-legend-line { |
|
position: relative; |
|
display: inline-block; |
|
padding-right: 12px; |
|
} |
|
.pane-legend-line > span.pane-legend-line:not(.no-context-menu):before { |
|
content: ''; |
|
position: absolute; |
|
display: inline-block; |
|
top: 50%; |
|
right: 0; |
|
margin-top: -2px; |
|
border-style: solid; |
|
border-width: 4px; |
|
border-top-color: #c9cbcd; |
|
border-left-color: transparent; |
|
border-right-color: transparent; |
|
border-bottom-width: 0; |
|
} |
|
.feature-no-touch .pane-legend-line > span.pane-legend-line:hover:after { |
|
border-top-color: inherit; |
|
} |
|
.pane-legend-line__marker-container { |
|
display: inline-block; |
|
height: 20px; |
|
padding: 0 2px; |
|
} |
|
.pane-legend-title__container { |
|
display: -webkit-flex; |
|
display: flex; |
|
/*!rtl:ignore*/ |
|
direction: ltr; |
|
} |
|
.pane-legend-title__description { |
|
pointer-events: none; |
|
min-width: 30px; |
|
-webkit-flex-shrink: 10000; |
|
flex-shrink: 10000; |
|
white-space: nowrap; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
} |
|
.pane-legend-title__description:not(.no-context-menu):after { |
|
content: '\200E'; |
|
} |
|
.pane-legend-title__interval { |
|
white-space: nowrap; |
|
} |
|
.pane-legend-title__details { |
|
min-width: 40px; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
} |
|
.pane-legend-item-value-container { |
|
display: inline-block; |
|
vertical-align: middle; |
|
line-height: 20px; |
|
/*!rtl:raw: |
|
margin-right: 10px; |
|
margin-left: -7px; |
|
*/ |
|
} |
|
.pane-legend-item-value-wrap { |
|
position: relative; |
|
} |
|
.pane-legend-item-value-wrap .pane-legend-item-value, .pane-legend-item-value-wrap .pane-legend-item-value-title { |
|
font-size: 9pt; |
|
line-height: 19px; |
|
} |
|
.pane-legend-item-value-wrap .pane-legend-item-value__main, .pane-legend-item-value-wrap .pane-legend-item-value-title__main { |
|
font-size: 11pt; |
|
line-height: 20px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.pane-legend-item-value-wrap .pane-legend-item-value__main, .pane-legend-item-value-wrap .pane-legend-item-value-title__main { |
|
font-size: 9pt; |
|
line-height: 19px; |
|
} |
|
} |
|
.pane-legend-item-value-wrap .pane-legend-item-value { |
|
padding-left: 2px; |
|
padding-right: 10px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.pane-legend-item-value-wrap .pane-legend-item-value { |
|
padding-left: 3px; |
|
padding-right: 6px; |
|
} |
|
} |
|
.pane-legend-item-value-wrap .pane-legend-item-value:first-child { |
|
padding-left: 0; |
|
} |
|
.pane-legend-item-value, .pane-legend-item-value-title, .pane-legend-item-additional { |
|
font-weight: normal; |
|
vertical-align: middle; |
|
cursor: default; |
|
pointer-events: none !important; |
|
} |
|
.pane-legend-item-additional { |
|
font-size: 9pt; |
|
} |
|
.pane-legend-line.disabled { |
|
color: #d8dada !important; |
|
border-color: #d8dada !important; |
|
} |
|
html.theme-dark .pane-legend-line.disabled{ border-color: #4c525e !important; } |
|
html.theme-dark .pane-legend-line.disabled{ color: #4c525e !important; } |
|
.pane-legend-line.disabled .icon-hide svg { |
|
fill: #3bb3e4; |
|
} |
|
.pane-legend-icon-container { |
|
/*!rtl:ignore*/ |
|
margin-right: 5px; |
|
white-space: nowrap; |
|
} |
|
.pane-legend-icon-container--separated { |
|
/*!rtl:ignore*/ |
|
margin-right: 0; |
|
} |
|
.main .pane-legend-icon-container { |
|
position: relative; |
|
} |
|
.pane-controls { |
|
position: absolute; |
|
/*!rtl:ignore*/ |
|
right: 5px; |
|
top: 4px; |
|
line-height: 20px; |
|
height: 20px; |
|
transition: opacity 400ms, visibility 400ms; |
|
} |
|
.pane-controls a { |
|
vertical-align: middle; |
|
} |
|
.pane-controls--hidden { |
|
visibility: hidden; |
|
opacity: 0; |
|
} |
|
.pane-controls.toppane { |
|
top: 22px; |
|
} |
|
.pane-legend-icon { |
|
width: 14px; |
|
height: 14px; |
|
display: inline-block; |
|
margin: 0 0 0 3px; |
|
cursor: pointer; |
|
opacity: 0.3; |
|
} |
|
.pane-legend-icon svg { |
|
fill: #7d7d7d; |
|
} |
|
html.theme-dark .pane-legend-icon svg{ fill: #758696; } |
|
.feature-no-touch .pane-legend-icon svg:hover { |
|
opacity: 1; |
|
fill: #38acdb; |
|
} |
|
.pane-legend-icon.restore { |
|
opacity: 0.8; |
|
} |
|
.pane-legend-icon.restore svg { |
|
opacity: 1; |
|
fill: #4c86db; |
|
} |
|
.feature-no-touch .pane-legend-line:hover .pane-legend-icon, .feature-no-touch .pane-controls:hover .pane-legend-icon { |
|
opacity: 1; |
|
} |
|
.pane-legend-line.disabled .pane-legend-icon.icon-hide { |
|
opacity: 1; |
|
} |
|
.property-page-column-2 { |
|
display: inline-block; |
|
width: 50%; |
|
vertical-align: top; |
|
} |
|
.property-page { |
|
color: #4a4a4a; |
|
position: relative; |
|
} |
|
html.theme-dark .property-page{ color: #c5cbce; } |
|
.property-page td { |
|
padding: 3px 4px; |
|
height: 27px; |
|
} |
|
.property-page td:empty { |
|
padding: 0; |
|
} |
|
.property-page td:first-child { |
|
padding-left: 0; |
|
} |
|
.property-page td:last-child { |
|
padding-right: 0; |
|
} |
|
.property-page.study-properties { |
|
margin-top: 10px; |
|
} |
|
.property-page.study-strategy-properties { |
|
margin-top: 10px; |
|
} |
|
.property-page.study-strategy-properties tr.disabled label { |
|
color: #999999; |
|
} |
|
.property-page .tzeditor .sbSelector { |
|
min-width: 190px; |
|
} |
|
.property-page input[type='checkbox'] { |
|
margin: 3px 0.5ex; |
|
} |
|
.property-page-fullwidth-wrapper { |
|
margin: 0 13px 0 0; |
|
} |
|
.property-page-bandwidth { |
|
margin-left: 8px; |
|
width: 55px; |
|
vertical-align: middle; |
|
} |
|
.property-page input[type='checkbox'] { |
|
vertical-align: middle; |
|
} |
|
.property-page td:first-child input[type='checkbox'] { |
|
margin-left: 0; |
|
} |
|
.property-page .tv-text-input { |
|
height: 25px; |
|
} |
|
.property-page-unpadded { |
|
border-collapse: collapse; |
|
} |
|
.property-page-unpadded > tbody > tr > td, .property-page-unpadded > tbody > tr > th { |
|
padding: 0; |
|
} |
|
.property-page .offset-row td:first-child { |
|
/*!rtl:ignore*/ |
|
padding-left: 30px; |
|
/*!rtl:ignore*/ |
|
} |
|
.propertypage-name-label { |
|
text-transform: capitalize; |
|
} |
|
.colorpicker.main { |
|
border: 1px solid #c9cbcd; |
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); |
|
} |
|
div.tooltip { |
|
background-color: #ffffc2; |
|
border: 1px solid #b2b2b2; |
|
color: #4a4a4a; |
|
padding: 5px 10px; |
|
z-index: 100; |
|
} |
|
.zoom-selector { |
|
background-color: rgba(80, 80, 80, 0.15); |
|
border: 1px solid rgba(80, 80, 80, 0.5); |
|
position: absolute; |
|
pointer-events: none; |
|
} |
|
.tooltip-selector { |
|
position: absolute; |
|
font-weight: bold; |
|
font-size: 10px; |
|
line-height: normal; |
|
opacity: .8; |
|
white-space: nowrap; |
|
} |
|
.tooltip-selector-hidden { |
|
display: none; |
|
} |
|
/* ={ TVColorPicker == */ |
|
.tvcolorpicker-widget { |
|
vertical-align: middle; |
|
background-image: url('../images/tvcolorpicker-bg.png'); |
|
background-position: 0 0; |
|
background-repeat: no-repeat; |
|
border: 1px solid #cacaca; |
|
overflow: hidden; |
|
padding: 0; |
|
width: 25px; |
|
height: 25px; |
|
cursor: pointer; |
|
font-size: 0px; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
} |
|
.tvcolorpicker-gradient-widget { |
|
background-image: url('../images/tvcolorpicker-bg.png'), url('../images/tvcolorpicker-bg-gradient.png'); |
|
background-size: cover; |
|
} |
|
.tvcolorpicker-popup { |
|
position: absolute; |
|
z-index: 1000; |
|
padding: 4px; |
|
background: #ffffff; |
|
border: 1px solid; |
|
border-color: #b5b7b9; |
|
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); |
|
} |
|
html.theme-dark .tvcolorpicker-popup{ border-color: #363c4e; } |
|
html.theme-dark .tvcolorpicker-popup{ background: #131722; } |
|
.tvcolorpicker-table { |
|
border-collapse: collapse; |
|
table-layout: fixed; |
|
margin: 0px 0px 6px 0px; |
|
} |
|
.tvcolorpicker-popup .tvcolorpicker-table:last-of-type { |
|
margin-bottom: 0px; |
|
} |
|
.tvcolorpicker-table td { |
|
padding: 0; |
|
width: 18px; |
|
height: 18px; |
|
} |
|
.tvcolorpicker-swatch { |
|
width: 16px; |
|
height: 16px; |
|
border: none 0px; |
|
margin: 1px; |
|
cursor: pointer; |
|
overflow: hidden; |
|
} |
|
.tvcolorpicker-swatch.low-contrast { |
|
margin: 0px; |
|
border: solid #cccccc 1px; |
|
} |
|
.tvcolorpicker-swatch.tvcolorpicker-user { |
|
border: solid #eeeeee 1px; |
|
margin: 0px; |
|
} |
|
.feature-no-touch .tvcolorpicker-cell:hover .tvcolorpicker-swatch { |
|
border: solid black 1px; |
|
margin: 0; |
|
} |
|
.tvcolorpicker-swatch.active { |
|
background: url('../images/tvcolorpicker-check.png') 50% 50% no-repeat; |
|
border: solid white 1px; |
|
outline: solid black 1px; |
|
margin: 0; |
|
} |
|
.tvcolorpicker-custom-button { |
|
display: block; |
|
} |
|
.tvcolorpicker-hsv { |
|
position: relative; |
|
top: 4px; |
|
height: 130px; |
|
width: 160px; |
|
margin: 0px auto; |
|
} |
|
.tvcolorpicker-hs { |
|
position: absolute; |
|
top: 0px; |
|
left: -7px; |
|
width: 147px; |
|
height: 148px; |
|
background: url('../images/tvcolorpicker-sprite.png') 0px 0px no-repeat; |
|
border: solid #eeeeee 1px; |
|
} |
|
.tvcolorpicker-hs-area, .tvcolorpicker-v-area { |
|
position: absolute; |
|
top: 0px; |
|
left: 0px; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.tvcolorpicker-v { |
|
position: absolute; |
|
background: url('../images/tvcolorpicker-sprite.png') -165px 1px no-repeat; |
|
border: solid #eeeeee 1px; |
|
height: 149px; |
|
width: 9px; |
|
margin: auto; |
|
left: 0; |
|
right: 0; |
|
} |
|
.tvcolorpicker-vv { |
|
position: relative; |
|
top: 0px; |
|
left: 145px; |
|
width: 25px; |
|
height: 128px; |
|
cursor: default; |
|
} |
|
.tvcolorpicker-hs-handle { |
|
width: 11px; |
|
height: 11px; |
|
position: absolute; |
|
left: 0px; |
|
top: 0px; |
|
margin: -5px 0px 0px -5px; |
|
background: url('../images/tvcolorpicker-sprite.png') -37px -148px no-repeat; |
|
} |
|
.tvcolorpicker-v-handle { |
|
position: absolute; |
|
left: 0px; |
|
top: 0px; |
|
width: 25px; |
|
height: 11px; |
|
margin: -5px 0px 0px -8px; |
|
background: url('../images/tvcolorpicker-sprite.png') -48px -148px no-repeat; |
|
} |
|
.tvcolorpicker-custom-button { |
|
margin: 6px 0px 0px 0px; |
|
} |
|
.tvcolorpicker-user-swatches { |
|
margin: 6px 0px 0px 0px; |
|
} |
|
.tvcolorpicker-user-swatches .tvcolorpicker-transparency { |
|
background: url('../images/dialogs/opacity-slider.png') !important; |
|
} |
|
.some-colorpicker .tvcolorpicker-container { |
|
display: inline-block; |
|
margin-right: 8px; |
|
} |
|
.tvcolorpicker-container { |
|
display: inline-block; |
|
position: relative; |
|
width: 27px; |
|
height: 27px; |
|
} |
|
div .tvcolorpicker-container:last-of-type { |
|
border-right-width: 0; |
|
} |
|
.tvcolorpicker-container .tvcolorpicker-transparency { |
|
background: url('../images/dialogs/opacity-slider.png') !important; |
|
position: absolute; |
|
width: 25px; |
|
height: 25px; |
|
z-index: 1; |
|
} |
|
.tvcolorpicker-container .tvcolorpicker-widget { |
|
z-index: 2; |
|
position: absolute; |
|
} |
|
/* == TVColorPicker }= */ |
|
/* ={ Properties Tabs == */ |
|
.properties-tabs { |
|
padding: 0 25px; |
|
} |
|
.properties-tabs a.properties-tabs-label { |
|
padding: 0; |
|
margin-left: 45px; |
|
display: inline-block; |
|
position: relative; |
|
color: #4f5966; |
|
} |
|
html.theme-dark .properties-tabs a.properties-tabs-label{ color: #f7f8fa; } |
|
.properties-tabs a.properties-tabs-label.active { |
|
font-weight: bold; |
|
} |
|
.properties-tabs a.properties-tabs-label.active:after { |
|
content: ' '; |
|
position: absolute; |
|
display: block; |
|
bottom: -1px; |
|
width: 100%; |
|
height: 3px; |
|
background-color: #5cb888; |
|
} |
|
.properties-tabs a.properties-tabs-label.with-filter { |
|
padding-bottom: 16px; |
|
} |
|
.properties-tabs a.properties-tabs-label:first-child { |
|
margin-left: 0; |
|
} |
|
.properties-tabs a.properties-tabs-label:last-child { |
|
margin-right: 40px; |
|
} |
|
/* == Properties Tabs }= */ |
|
.chart-status-picture { |
|
position: absolute; |
|
right: 0 /*!rtl:5px*/; |
|
top: 10px; |
|
z-index: 5; |
|
line-height: 17px; |
|
white-space: nowrap; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex: 1 1 auto; |
|
flex: 1 1 auto; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
} |
|
.series-status-text { |
|
position: relative; |
|
margin-right: 5px; |
|
display: inline-block; |
|
} |
|
.chart-widget.i-compact .series-status-text .text { |
|
display: none; |
|
} |
|
.series-status-text .status, .series-status-text { |
|
display: inline-block; |
|
height: 16px; |
|
line-height: 16px; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
font-size: 12px; |
|
font-weight: normal; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
cursor: default; |
|
} |
|
.font-VI-lang-safe .series-status-text .status, .font-VI-lang-safe .series-status-text { |
|
font-family: Arial, sans-serif; |
|
} |
|
.series-status-text .text, .series-status-text .status, .series-status-text .market-status { |
|
margin-right: 0.35em; |
|
} |
|
.series-status-text .text:empty, .series-status-text .status:empty, .series-status-text .market-status:empty { |
|
margin-right: 0; |
|
} |
|
.chart-status-picture .chart-warning { |
|
height: 16px; |
|
width: 16px; |
|
background: url('../images/svg/common/exclamation-in-circle.svg') center center no-repeat; |
|
background-size: 16px; |
|
cursor: pointer; |
|
display: none; |
|
} |
|
.chart-status-picture .chart-warning.warn-exchange { |
|
display: inline-block; |
|
height: 16px; |
|
} |
|
.tooltip-wrapper { |
|
position: absolute; |
|
top: 0; |
|
/*!rtl:ignore*/ |
|
right: 0; |
|
width: 300px; |
|
height: 500px; |
|
z-index: 16; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
pointer-events: none; |
|
} |
|
.chart-loading-screen { |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 0; |
|
height: 0; |
|
z-index: 4; |
|
} |
|
.chart-loading-screen .chart-loading-screen-shield { |
|
width: 100%; |
|
height: 100%; |
|
opacity: 0; |
|
background: red; |
|
} |
|
.chart-loading-screen.fade { |
|
width: 100%; |
|
height: 100%; |
|
} |
|
.chart-loading-screen.fade .chart-loading-screen-shield { |
|
opacity: .5; |
|
transition: opacity 300ms ease; |
|
} |
|
.properties-tabs .help { |
|
width: 15px; |
|
height: 15px; |
|
background: url('../images/dialogs/study-help.png'); |
|
float: right; |
|
margin: 1px 10px 0 0; |
|
} |
|
.bar-mark-tooltip { |
|
display: none; |
|
position: absolute; |
|
z-index: 14; |
|
padding: 8px 10px 8px 8px; |
|
background: rgba(255, 255, 255, 0.9); |
|
min-height: 18px; |
|
border: solid 1px; |
|
border-color: gray; |
|
} |
|
html.theme-dark .bar-mark-tooltip{ background: rgba(19, 23, 34, 0.9); } |
|
.bar-mark-tooltip .text { |
|
padding-left: 4px; |
|
padding-top: 2px; |
|
max-width: 250px; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
display: inline-block; |
|
font-size: 13px; |
|
line-height: 13px; |
|
} |
|
.published-charts-tooltip { |
|
display: none; |
|
position: absolute; |
|
z-index: 7; |
|
padding: 8px 30px 8px 8px; |
|
background: rgba(255, 255, 255, 0.9); |
|
border: solid 1px; |
|
height: 32px; |
|
cursor: default; |
|
margin-top: -25px; |
|
} |
|
html.theme-dark .published-charts-tooltip{ background: rgba(19, 23, 34, 0.9); } |
|
.published-charts-tooltip .avatar { |
|
position: absolute; |
|
top: 8px; |
|
left: 8px; |
|
width: 32px; |
|
height: 32px; |
|
} |
|
.published-charts-tooltip .avatar img { |
|
width: 32px; |
|
height: 32px; |
|
} |
|
.published-charts-tooltip .pin { |
|
background-image: url('../images/pin.png'); |
|
width: 16px; |
|
height: 16px; |
|
vertical-align: top; |
|
position: absolute; |
|
top: 9px; |
|
right: 9px; |
|
cursor: pointer; |
|
} |
|
.feature-no-touch .published-charts-tooltip .pin:hover { |
|
background-position: 32px 0; |
|
} |
|
.published-charts-tooltip .pin.pinned, .feature-no-touch .published-charts-tooltip .pin.pinned:hover { |
|
background-position: 16px 0; |
|
} |
|
.published-charts-tooltip .text { |
|
padding-left: 39px; |
|
max-width: 250px; |
|
cursor: pointer; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
white-space: nowrap; |
|
display: inline-block; |
|
font-size: 13px; |
|
line-height: 15px; |
|
color: #4a4a4a; |
|
font-weight: bold; |
|
} |
|
html.theme-dark .published-charts-tooltip .text{ color: #8b8f95 ; } |
|
.feature-no-touch .published-charts-tooltip .text:hover { |
|
text-decoration: underline; |
|
} |
|
.published-charts-tooltip .username { |
|
font-size: 11px; |
|
color: #8f8f8f; |
|
font-weight: normal; |
|
padding-top: 2px; |
|
padding-left: 39px; |
|
white-space: nowrap; |
|
line-height: 13px; |
|
} |
|
/* arrow */ |
|
.published-charts-tooltip:after, .published-charts-tooltip:before { |
|
left: 100%; |
|
border: solid transparent; |
|
content: ' '; |
|
height: 0; |
|
width: 0; |
|
position: absolute; |
|
pointer-events: none; |
|
} |
|
.published-charts-tooltip:after { |
|
border-width: 1em; |
|
top: 50%; |
|
margin-top: -1em; |
|
} |
|
.published-charts-tooltip:before { |
|
border-width: 1.1em; |
|
top: 50%; |
|
margin-top: -1.1em; |
|
} |
|
.published-charts-tooltip:not(.right):after { |
|
border-color: rgba(255, 255, 255, 0); |
|
border-left-color: #ffffff; |
|
} |
|
html.theme-dark .published-charts-tooltip:not(.right):after{ border-left-color: #131722; } |
|
.published-charts-tooltip.right:after { |
|
border-color: rgba(255, 255, 255, 0); |
|
border-right-color: #ffffff; |
|
} |
|
html.theme-dark .published-charts-tooltip.right:after{ border-right-color: #131722; } |
|
.published-charts-tooltip.right:before { |
|
left: -2.2em; |
|
} |
|
.published-charts-tooltip.right:after { |
|
left: -2em; |
|
} |
|
/****/ |
|
.published-charts-tooltip.green { |
|
border-color: #78c143; |
|
} |
|
.published-charts-tooltip.red { |
|
border-color: #cc4545; |
|
} |
|
.published-charts-tooltip.neutral { |
|
border-color: #eac300; |
|
} |
|
.published-charts-tooltip.green:before { |
|
border-color: rgba(120, 193, 67, 0); |
|
border-left-color: #78c143; |
|
} |
|
.published-charts-tooltip.red:before { |
|
border-color: rgba(204, 69, 69, 0); |
|
border-left-color: #cc4545; |
|
} |
|
.published-charts-tooltip.neutral:before { |
|
border-color: rgba(234, 195, 0, 0); |
|
border-left-color: #eac300; |
|
} |
|
.published-charts-tooltip.green.right:before { |
|
border-color: rgba(120, 193, 67, 0); |
|
border-right-color: #78c143; |
|
} |
|
.published-charts-tooltip.red.right:before { |
|
border-color: rgba(204, 69, 69, 0); |
|
border-right-color: #cc4545; |
|
} |
|
.published-charts-tooltip.neutral.right:before { |
|
border-color: rgba(234, 195, 0, 0); |
|
border-right-color: #eac300; |
|
} |
|
.chart-controls-bar { |
|
position: absolute; |
|
contain: strict; |
|
height: 33px; |
|
box-sizing: border-box; |
|
width: 100%; |
|
left: 0; |
|
bottom: 0; |
|
background-color: #ffffff; |
|
overflow: hidden; |
|
border-top: 1px solid; |
|
border-color: #e7ebee; |
|
} |
|
html.theme-dark .chart-controls-bar{ border-color: #2f3241; } |
|
html.theme-dark .chart-controls-bar{ background-color: #131722; } |
|
.charts-popup-list.date-range-popupmenu { |
|
margin-left: 1px; |
|
} |
|
.charts-popup-list.date-range-popupmenu .item { |
|
padding-left: 10px; |
|
padding-right: 10px; |
|
} |
|
@font-face { |
|
font-family: FontAwesome; |
|
src: url('../fonts/fontawesome-webfont.eot?v=4.0.3'); |
|
src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg'); |
|
font-weight: normal; |
|
font-style: normal; |
|
} |
|
.ui-draggable { |
|
touch-action: none; |
|
} |
|
.chart-gui-button-pseudo-border { |
|
content: ''; |
|
display: block; |
|
position: absolute; |
|
top: -1px; |
|
left: -1px; |
|
width: 100%; |
|
height: 100%; |
|
border: 1px solid; |
|
border-color: #b5b7b9; |
|
background: transparent; |
|
z-index: 1; |
|
} |
|
html.theme-dark .chart-gui-button-pseudo-border{ border-color: #4c525e; } |
|
.properties-toolbar .button, .bottom-widgetbar-content.backtesting .button, ._tv-dialog .button, .widgetbar-widgetheader .button, .properties-toolbar .submenu, .bottom-widgetbar-content.backtesting .submenu, ._tv-dialog .submenu, .widgetbar-widgetheader .submenu { |
|
position: relative; |
|
} |
|
.feature-no-touch .properties-toolbar .button:not(.disabled):not(.selected):hover:before, .feature-no-touch .bottom-widgetbar-content.backtesting .button:not(.disabled):not(.selected):hover:before, .feature-no-touch ._tv-dialog .button:not(.disabled):not(.selected):hover:before, .feature-no-touch .widgetbar-widgetheader .button:not(.disabled):not(.selected):hover:before, .feature-no-touch .properties-toolbar .submenu:not(.disabled):not(.selected):hover:before, .feature-no-touch .bottom-widgetbar-content.backtesting .submenu:not(.disabled):not(.selected):hover:before, .feature-no-touch ._tv-dialog .submenu:not(.disabled):not(.selected):hover:before, .feature-no-touch .widgetbar-widgetheader .submenu:not(.disabled):not(.selected):hover:before { |
|
content: ''; |
|
display: block; |
|
position: absolute; |
|
top: -1px; |
|
left: -1px; |
|
width: 100%; |
|
height: 100%; |
|
border: 1px solid; |
|
border-color: #b5b7b9; |
|
background: transparent; |
|
z-index: 1; |
|
} |
|
html.feature-no-touch.theme-dark .properties-toolbar .button:not(.disabled):not(.selected):hover:before, html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .button:not(.disabled):not(.selected):hover:before, html.feature-no-touch.theme-dark ._tv-dialog .button:not(.disabled):not(.selected):hover:before, html.feature-no-touch.theme-dark .widgetbar-widgetheader .button:not(.disabled):not(.selected):hover:before, html.feature-no-touch.theme-dark .properties-toolbar .submenu:not(.disabled):not(.selected):hover:before, html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .submenu:not(.disabled):not(.selected):hover:before, html.feature-no-touch.theme-dark ._tv-dialog .submenu:not(.disabled):not(.selected):hover:before, html.feature-no-touch.theme-dark .widgetbar-widgetheader .submenu:not(.disabled):not(.selected):hover:before{ border-color: #4c525e; } |
|
.properties-toolbar .colorpicker-widget:not(.disabled):not(.selected), .bottom-widgetbar-content.backtesting .colorpicker-widget:not(.disabled):not(.selected), ._tv-dialog .colorpicker-widget:not(.disabled):not(.selected), .widgetbar-widgetheader .colorpicker-widget:not(.disabled):not(.selected) { |
|
position: relative; |
|
} |
|
.feature-no-touch .properties-toolbar .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover, .feature-no-touch .bottom-widgetbar-content.backtesting .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover, .feature-no-touch ._tv-dialog .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover, .feature-no-touch .widgetbar-widgetheader .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover { |
|
border: 1px solid; |
|
border-color: #d6d8e0; |
|
z-index: 1; |
|
} |
|
html.feature-no-touch.theme-dark .properties-toolbar .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover, html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover, html.feature-no-touch.theme-dark ._tv-dialog .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover, html.feature-no-touch.theme-dark .widgetbar-widgetheader .colorpicker-widget:not(.disabled):not(.selected):not(.disabled):hover{ border-color: #131722; } |
|
.feature-no-touch .properties-toolbar ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover, .feature-no-touch .bottom-widgetbar-content.backtesting ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover, .feature-no-touch ._tv-dialog ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover, .feature-no-touch .widgetbar-widgetheader ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover, .feature-no-touch .properties-toolbar .tv-select-container:not(.sbHolderDisabled):hover, .feature-no-touch .bottom-widgetbar-content.backtesting .tv-select-container:not(.sbHolderDisabled):hover, .feature-no-touch ._tv-dialog .tv-select-container:not(.sbHolderDisabled):hover, .feature-no-touch .widgetbar-widgetheader .tv-select-container:not(.sbHolderDisabled):hover { |
|
border: 1px solid; |
|
border-color: #b5b7b9; |
|
} |
|
html.feature-no-touch.theme-dark .properties-toolbar ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover, html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover, html.feature-no-touch.theme-dark ._tv-dialog ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover, html.feature-no-touch.theme-dark .widgetbar-widgetheader ._tv-button:not(.ok):not(.cancel):not(.disabled):not(.delete):hover, html.feature-no-touch.theme-dark .properties-toolbar .tv-select-container:not(.sbHolderDisabled):hover, html.feature-no-touch.theme-dark .bottom-widgetbar-content.backtesting .tv-select-container:not(.sbHolderDisabled):hover, html.feature-no-touch.theme-dark ._tv-dialog .tv-select-container:not(.sbHolderDisabled):hover, html.feature-no-touch.theme-dark .widgetbar-widgetheader .tv-select-container:not(.sbHolderDisabled):hover{ border-color: #4c525e; } |
|
.feature-no-touch .widgetbar-widgetheader .button:hover { |
|
border: 1px solid; |
|
border-color: #f7f8fa; |
|
} |
|
html.feature-no-touch.theme-dark .widgetbar-widgetheader .button:hover{ border-color: #4c525e; } |
|
#footer-chart-panel .tv-close-panel { |
|
position: absolute; |
|
left: 6px; |
|
top: -6px; |
|
height: 6px; |
|
} |
|
.property-page.strategy-properties td input[type='text'] { |
|
width: 100px; |
|
} |
|
.property-page.strategy-properties tr.spacer td { |
|
padding: 0; |
|
height: 15px; |
|
} |
|
.property-page.strategy-properties input + label { |
|
margin: 0 12px 0 8px; |
|
} |
|
.property-page.strategy-properties tr.disabled, .property-page.strategy-properties tr.disabled label:not(.always-enabled) { |
|
color: #cccccc; |
|
} |
|
.property-page.strategy-properties input[type='text']:disabled { |
|
color: #cccccc; |
|
} |
|
.tv-pagination-block { |
|
padding: 30px 0; |
|
} |
|
.tv-pagination-block span, .tv-pagination-block a { |
|
box-sizing: border-box; |
|
display: inline-block; |
|
margin-right: 7px; |
|
padding: 0 5px; |
|
height: 24px; |
|
min-width: 24px; |
|
font-size: 14px; |
|
font-weight: 600; |
|
line-height: 24px; |
|
text-align: center; |
|
background-color: #3bb3e4; |
|
} |
|
.tv-pagination-block span.page:not(.current), .tv-pagination-block a.page:not(.current) { |
|
color: #ffffff; |
|
} |
|
.feature-no-touch .tv-pagination-block span.page:not(.current):hover, .feature-no-touch .tv-pagination-block a.page:not(.current):hover { |
|
background-color: #3babd8; |
|
} |
|
.feature-no-touch .tv-pagination-block span.page:not(.current):active,.feature-touch .tv-pagination-block span.page:not(.current):active, .feature-no-touch .tv-pagination-block a.page:not(.current):active,.feature-touch .tv-pagination-block a.page:not(.current):active { |
|
background-color: #049ddc; |
|
} |
|
.tv-pagination-block span.current, .tv-pagination-block a.current { |
|
background-color: #d8e1ea; |
|
font-weight: bold; |
|
} |
|
.tv-pagination-block span.gap, .tv-pagination-block a.gap { |
|
padding: 0; |
|
background-color: transparent; |
|
} |
|
.tv-pagination-block span.prev, .tv-pagination-block a.prev, .tv-pagination-block span.next, .tv-pagination-block a.next { |
|
padding: 0; |
|
width: 30px; |
|
background-color: transparent; |
|
color: #3bb3e4; |
|
transition: color ease 0.35s; |
|
} |
|
html.theme-dark .tv-pagination-block span.prev, html.theme-dark .tv-pagination-block a.prev, html.theme-dark .tv-pagination-block span.next, html.theme-dark .tv-pagination-block a.next{ color: #299dcd; } |
|
.tv-pagination-block span.prev:visited, .tv-pagination-block a.prev:visited, .tv-pagination-block span.next:visited, .tv-pagination-block a.next:visited { |
|
color: #3bb3e4; |
|
fill: #3bb3e4; |
|
} |
|
html.theme-dark .tv-pagination-block span.prev:visited, html.theme-dark .tv-pagination-block a.prev:visited, html.theme-dark .tv-pagination-block span.next:visited, html.theme-dark .tv-pagination-block a.next:visited{ fill: #299dcd; } |
|
html.theme-dark .tv-pagination-block span.prev:visited, html.theme-dark .tv-pagination-block a.prev:visited, html.theme-dark .tv-pagination-block span.next:visited, html.theme-dark .tv-pagination-block a.next:visited{ color: #299dcd; } |
|
.feature-no-touch .tv-pagination-block span.prev:hover, .feature-no-touch .tv-pagination-block a.prev:hover, .feature-no-touch .tv-pagination-block span.next:hover, .feature-no-touch .tv-pagination-block a.next:hover { |
|
color: #3babd8; |
|
fill: #3babd8; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch .tv-pagination-block span.prev:active,.feature-touch .tv-pagination-block span.prev:active, .feature-no-touch .tv-pagination-block a.prev:active,.feature-touch .tv-pagination-block a.prev:active, .feature-no-touch .tv-pagination-block span.next:active,.feature-touch .tv-pagination-block span.next:active, .feature-no-touch .tv-pagination-block a.next:active,.feature-touch .tv-pagination-block a.next:active { |
|
color: #049ddc; |
|
fill: #049ddc; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-pagination-block span.prev.inactive, .tv-pagination-block a.prev.inactive, .tv-pagination-block span.next.inactive, .tv-pagination-block a.next.inactive { |
|
color: #cccccc; |
|
pointer-events: none; |
|
} |
|
.tv-pagination-block span.prev, .tv-pagination-block a.prev { |
|
margin-left: -6px; |
|
} |
|
.sb-inner-shadow { |
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); |
|
position: absolute; |
|
bottom: -10px; |
|
width: 100%; |
|
height: 10px; |
|
background: #ffffff; |
|
z-index: 5; |
|
pointer-events: none; |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
transition: opacity ease 0.11666667s, -webkit-transform ease 0.11666667s; |
|
transition: opacity ease 0.11666667s, transform ease 0.11666667s; |
|
transition: opacity ease 0.11666667s, transform ease 0.11666667s, -webkit-transform ease 0.11666667s; |
|
} |
|
html.theme-dark .sb-inner-shadow{ background: #171b29; } |
|
.sb-inner-shadow.top { |
|
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); |
|
top: -10px; |
|
} |
|
.sb-inner-shadow.i-invisible { |
|
opacity: 0; |
|
-webkit-transform: translateY(5px); |
|
transform: translateY(5px); |
|
} |
|
.sb-inner-shadow.i-invisible.top { |
|
-webkit-transform: translateY(-5px); |
|
transform: translateY(-5px); |
|
} |
|
.sb-inner-shadow.i-invisible { |
|
opacity: 0; |
|
} |
|
.sb-scrollbar { |
|
position: absolute !important; |
|
opacity: 0; |
|
width: 7px; |
|
height: 100px; |
|
top: 73px; |
|
right: 1px; |
|
z-index: 1; |
|
transition: opacity 0.3s; |
|
} |
|
.sb-scrollbar.active, .sb-scrollbar.active-always { |
|
opacity: 1; |
|
} |
|
.sb-scrollbar__content-wrapper--scroll-inited { |
|
position: relative; |
|
} |
|
.sb-scrollbar__content--scroll-inited { |
|
position: absolute; |
|
} |
|
.sb-scrollbar-wrap { |
|
position: absolute; |
|
top: 0; |
|
right: 1px; |
|
width: 6px; |
|
height: 100%; |
|
z-index: 1; |
|
} |
|
.sb-scrollbar-wrap .sb-scrollbar { |
|
right: 0; |
|
} |
|
.sb-scrollbar-body { |
|
width: 6px; |
|
border: 0; |
|
background: #d8d8d8; |
|
} |
|
html.theme-dark .sb-scrollbar-body{ background: #4f5966; } |
|
.gray .sb-scrollbar-body { |
|
background: #75757a; |
|
border-color: #75757a; |
|
border-radius: 3px; |
|
} |
|
.sb-scrollbar-top, .sb-scrollbar-bottom { |
|
display: none; |
|
} |
|
.gray, .active-always.gray { |
|
opacity: 0.5; |
|
} |
|
.symbol-list-container, .symbol-list { |
|
position: relative; |
|
} |
|
.minimized .symbol-list-container, .minimized .symbol-list-header { |
|
display: none; |
|
} |
|
.symbol-list-header { |
|
height: 21px; |
|
z-index: 1; |
|
margin: 0 3px; |
|
border-bottom: 1px solid; |
|
border-bottom-color: #ebedf0; |
|
color: #888989; |
|
cursor: default; |
|
} |
|
html.theme-dark .symbol-list-header{ color: #758696; } |
|
html.theme-dark .symbol-list-header{ border-bottom-color: #363c4e; } |
|
.symbol-list-header.sortable { |
|
cursor: default; |
|
} |
|
.feature-no-touch .symbol-list-header.sortable .sorter:hover { |
|
color: #4c4f66; |
|
} |
|
.symbol-list-item { |
|
display: block; |
|
position: relative; |
|
height: 32px; |
|
color: #8f8f8f; |
|
font-size: 13px; |
|
font-family: Tahoma, Arial, sans-serif; |
|
padding-left: 10px; |
|
} |
|
.symbol-list-item:nth-child(even) { |
|
background-color: #f7f8fa; |
|
} |
|
html.theme-dark .symbol-list-item:nth-child(even){ background-color: #1c2030; } |
|
.feature-no-touch .symbol-list-item:hover { |
|
background-color: #edf1f2; |
|
} |
|
html.feature-no-touch.theme-dark .symbol-list-item:hover{ background-color: #262b3e; } |
|
.symbol-list-item > div, .symbol-list-header div { |
|
display: inline-block; |
|
} |
|
.symbol-list-header > div { |
|
/*padding: 3px 0 0;*/ |
|
} |
|
.symbol-list-item .symbol { |
|
overflow: hidden; |
|
} |
|
.symbol-list-item .symbol, .symbol-list-item .last-block, .symbol-list-item .change { |
|
margin: 8px 0 0 0; |
|
white-space: nowrap; |
|
vertical-align: top; |
|
} |
|
.symbol-list-header .header-symbol, .symbol-list-header .header-estimate, .symbol-list-header .header-change, .symbol-list-header .header-last { |
|
padding-top: 1px; |
|
overflow: hidden; |
|
white-space: nowrap; |
|
vertical-align: middle; |
|
text-overflow: ellipsis; |
|
} |
|
.symbol-list-item .symbol, .symbol-list-header .header-symbol { |
|
width: 25%; |
|
text-indent: 10px; |
|
} |
|
.symbol-list-item .estimate, .symbol-list-header .header-estimate { |
|
width: 10%; |
|
text-align: right; |
|
} |
|
.symbol-list-item .last-block, .symbol-list-header .header-last { |
|
width: 30%; |
|
text-align: right; |
|
} |
|
.symbol-list-header .header-last { |
|
width: 30%; |
|
} |
|
.symbol-list-header .header-last span { |
|
padding-right: 8px; |
|
} |
|
.symbol-list-item .last-block .last { |
|
padding: 0 2px; |
|
} |
|
.symbol-list-item .change, .symbol-list-header .header-change { |
|
width: 45%; |
|
text-align: right; |
|
} |
|
.symbol-list-header .header-change div { |
|
margin: 0 3px 0 0; |
|
} |
|
.symbol-list-item .change .percent, .symbol-list-header .header-change div:last-child { |
|
margin: 0 8px 0 0; |
|
} |
|
.symbol-list-item .change .ratio, .symbol-list-item .change .percent, .symbol-list-item .last-block .last { |
|
/*!rtl:raw: |
|
display: inline-block; |
|
direction: ltr; |
|
*/ |
|
} |
|
.symbol-list-item .last-block .last { |
|
/*!rtl:raw: |
|
float: left; |
|
*/ |
|
} |
|
.symbol-list-item.active { |
|
background-color: rgba(232, 247, 254, 0.4); |
|
} |
|
html.theme-dark .symbol-list-item.active{ background-color: rgba(33, 56, 77, 0.4); } |
|
.symbol-list-item.active .addition { |
|
border-left: 3px solid #3e98cd; |
|
} |
|
.symbol-list-item.selected, .symbol-list-item.focused { |
|
background-color: #e8f7fe; |
|
} |
|
html.theme-dark .symbol-list-item.selected, html.theme-dark .symbol-list-item.focused{ background-color: #21384d; } |
|
.feature-no-touch .symbol-list-item.selected:hover, .feature-no-touch .symbol-list-item.focused:hover { |
|
background-color: #e8f7fe; |
|
} |
|
html.feature-no-touch.theme-dark .symbol-list-item.selected:hover, html.feature-no-touch.theme-dark .symbol-list-item.focused:hover{ background-color: #21384d; } |
|
.feature-touch .symbol-list-item.selected .marker, .feature-touch .symbol-list-item.focused .marker { |
|
visibility: visible; |
|
} |
|
.symbol-list-item .addition { |
|
display: block; |
|
position: absolute; |
|
height: 100%; |
|
top: 0; |
|
left: 0; |
|
} |
|
.symbol-list-item .marker { |
|
display: -webkit-inline-flex; |
|
display: inline-flex; |
|
visibility: hidden; |
|
} |
|
.symbol-list-item .marker--active { |
|
visibility: visible; |
|
} |
|
.feature-no-touch .symbol-list-item:hover .marker { |
|
visibility: visible; |
|
} |
|
.symbol-list .controls { |
|
display: none; |
|
position: absolute; |
|
top: 6px; |
|
right: 100%; |
|
overflow: hidden; |
|
height: 100%; |
|
} |
|
.feature-no-touch .symbol-list-item:hover .controls, .feature-touch .symbol-list-item.active .controls { |
|
/* Hacky-fucky workaround for IOS7 Safari. See TV-3545. */ |
|
right: 8px; |
|
display: block; |
|
} |
|
.controls-delete { |
|
display: none; |
|
} |
|
.symbol-list.deletable .controls-delete { |
|
display: block; |
|
width: 20px; |
|
height: 20px; |
|
background: #da563e url(data:image/gif;base64,R0lGODlhBwAHAPIFAPLHv/vt6v///+eVhtpWPgAAAAAAAAAAACH5BAUKAAUALAAAAAAHAAcAAAMTOEAMKgtAIsNkNjAqbJySszRDAgA7) 50% 50% no-repeat; |
|
opacity: .75; |
|
} |
|
.feature-no-touch .symbol-list.deletable .controls-delete:hover { |
|
opacity: 1; |
|
} |
|
.symbol-list-item.success { |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .symbol-list-item.success{ color: #c5cbce; } |
|
.symbol-list-item.error { |
|
color: #da563e; |
|
} |
|
.symbol-list-item .change.success .percent:before { |
|
content: '('; |
|
} |
|
.symbol-list-item .change.success .percent:after { |
|
content: ')'; |
|
} |
|
.symbol-list-item .plus { |
|
color: #238859; |
|
} |
|
.symbol-list-item .minus { |
|
color: #dc5538; |
|
} |
|
.symbol-list-item .plus-bg, .symbol-list-item .minus-bg { |
|
color: white; |
|
} |
|
.symbol-list-item .plus-bg { |
|
background-color: #238859; |
|
} |
|
.symbol-list-item .minus-bg { |
|
background-color: #dc5538; |
|
} |
|
.symbol-list-item .symbol-exclamation-mark { |
|
position: relative; |
|
display: inline-block; |
|
height: 10px; |
|
width: 10px; |
|
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj48cGF0aCBmaWxsPSIjZmY0YTY4IiBkPSJNNSAxMEE1IDUgMCAxIDAgNSAwYTUgNSAwIDAgMCAwIDEwem0tLjUtM2gxYy42IDAgLjYgMSAwIDFoLTFjLS42IDAtLjYtMSAwLTF6TTQgMmgydjJsLS41IDJoLTFMNCA0eiIvPjwvc3ZnPg==) center no-repeat; |
|
margin: 3px 0 2px 3px; |
|
cursor: default; |
|
} |
|
.wl-symbol-edit { |
|
float: left; |
|
background: #ffffff; |
|
font-size: 12px; |
|
/* line-height: 15px; */ |
|
width: 100px; |
|
padding: 0 5px; |
|
border: 1px solid; |
|
border-color: #dadde0; |
|
color: #4a4a4a; |
|
height: 30px; |
|
box-sizing: border-box; |
|
} |
|
html.theme-dark .wl-symbol-edit{ color: #c5cbce; } |
|
html.theme-dark .wl-symbol-edit{ border-color: #363c4e; } |
|
html.theme-dark .wl-symbol-edit{ background: #131722; } |
|
.wl-symbol-edit::-webkit-input-placeholder { |
|
color: #7d7d7d; |
|
} |
|
.wl-symbol-edit:-ms-input-placeholder { |
|
color: #7d7d7d; |
|
} |
|
.wl-symbol-edit::-ms-input-placeholder { |
|
color: #7d7d7d; |
|
} |
|
.wl-symbol-edit::placeholder { |
|
color: #7d7d7d; |
|
} |
|
html.theme-dark .wl-symbol-edit::-webkit-input-placeholder{ color: #758696; } |
|
html.theme-dark .wl-symbol-edit:-ms-input-placeholder{ color: #758696; } |
|
html.theme-dark .wl-symbol-edit::-ms-input-placeholder{ color: #758696; } |
|
html.theme-dark .wl-symbol-edit::placeholder{ color: #758696; } |
|
.feature-no-touch .wl-symbol-edit:focus,.feature-touch .wl-symbol-edit:focus { |
|
border-color: #4c82ce !important; |
|
} |
|
.symbol-list-item sup { |
|
font-size: 80%; |
|
} |
|
.symbol-list .symbol-status { |
|
display: inline-block; |
|
text-indent: 0; |
|
margin-left: 5px; |
|
} |
|
.symbol-list .positions.symbol-status svg { |
|
width: 11px; |
|
height: 11px; |
|
margin-bottom: 1px; |
|
} |
|
.symbol-list .positions.buy { |
|
fill: #4094e8; |
|
} |
|
.symbol-list .positions.sell { |
|
fill: #e75656; |
|
} |
|
/* |
|
* jQuery UI CSS Framework 1.8.11 |
|
* |
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) |
|
* Dual licensed under the MIT or GPL Version 2 licenses. |
|
* http://jquery.org/license |
|
* |
|
* http://docs.jquery.com/UI/Theming/API |
|
*/ |
|
/* Layout helpers |
|
----------------------------------*/ |
|
.ui-helper-hidden { |
|
display: none; |
|
} |
|
.ui-helper-hidden-accessible { |
|
position: absolute !important; |
|
clip: rect(1px 1px 1px 1px); |
|
clip: rect(1px, 1px, 1px, 1px); |
|
} |
|
.ui-helper-reset { |
|
margin: 0; |
|
padding: 0; |
|
border: 0; |
|
outline: 0; |
|
line-height: 1.3; |
|
text-decoration: none; |
|
font-size: 100%; |
|
list-style: none; |
|
} |
|
.ui-helper-clearfix:after { |
|
content: "."; |
|
display: block; |
|
height: 0; |
|
clear: both; |
|
visibility: hidden; |
|
} |
|
.ui-helper-clearfix { |
|
display: inline-block; |
|
} |
|
/* required comment for clearfix to work in Opera \*/ |
|
* html .ui-helper-clearfix { |
|
height: 1%; |
|
} |
|
.ui-helper-clearfix { |
|
display: block; |
|
} |
|
/* end clearfix */ |
|
.ui-helper-zfix { |
|
width: 100%; |
|
height: 100%; |
|
top: 0; |
|
left: 0; |
|
position: absolute; |
|
opacity: 0; |
|
filter: alpha(opacity=0); |
|
} |
|
/* Interaction Cues |
|
----------------------------------*/ |
|
.ui-state-disabled { |
|
cursor: default !important; |
|
} |
|
/* Icons |
|
----------------------------------*/ |
|
/* states and images */ |
|
.ui-icon { |
|
display: block; |
|
text-indent: -99999px; |
|
overflow: hidden; |
|
background-repeat: no-repeat; |
|
} |
|
/* Misc visuals |
|
----------------------------------*/ |
|
/* Overlays */ |
|
.ui-widget-overlay { |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
/* |
|
* jQuery UI CSS Framework 1.8.11 |
|
* |
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) |
|
* Dual licensed under the MIT or GPL Version 2 licenses. |
|
* http://jquery.org/license |
|
* |
|
* http://docs.jquery.com/UI/Theming/API |
|
* |
|
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px |
|
*/ |
|
/* Component containers |
|
----------------------------------*/ |
|
.ui-widget { |
|
font-family: Verdana, Arial, sans-serif; |
|
font-size: 1.1em; |
|
} |
|
.ui-widget .ui-widget { |
|
font-size: 1em; |
|
} |
|
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { |
|
font-family: Verdana, Arial, sans-serif; |
|
font-size: 1em; |
|
} |
|
.ui-widget-content { |
|
border: 1px solid #aaaaaa; |
|
background: #ffffff 50% 50% repeat-x; |
|
color: #6b6b6d; |
|
} |
|
html.theme-dark .ui-widget-content{ color: #2f3241; } |
|
html.theme-dark .ui-widget-content{ background: #171b29 50% 50% repeat-x; } |
|
.ui-widget-content a { |
|
color: #6b6b6d; |
|
} |
|
html.theme-dark .ui-widget-content a{ color: #2f3241; } |
|
.ui-widget-header { |
|
border: 1px solid; |
|
border-color: #c9cbcd; |
|
background: #fafafa; |
|
color: #6b6b6d; |
|
} |
|
html.theme-dark .ui-widget-header{ color: #2f3241; } |
|
html.theme-dark .ui-widget-header{ background: #2f3241; } |
|
html.theme-dark .ui-widget-header{ border-color: #2f3241; } |
|
.ui-widget-header a { |
|
color: #6b6b6d; |
|
} |
|
html.theme-dark .ui-widget-header a{ color: #2f3241; } |
|
/* Interaction states |
|
----------------------------------*/ |
|
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { |
|
border: 1px solid #d3d3d3; |
|
background: #fafafa; |
|
font-weight: normal; |
|
color: #555555; |
|
} |
|
html.theme-dark .ui-state-default, html.theme-dark .ui-widget-content .ui-state-default, html.theme-dark .ui-widget-header .ui-state-default{ color: #8b8f95 ; } |
|
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { |
|
color: #555555; |
|
text-decoration: none; |
|
} |
|
html.theme-dark .ui-state-default a, html.theme-dark .ui-state-default a:link, html.theme-dark .ui-state-default a:visited{ color: #8b8f95 ; } |
|
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { |
|
border: 1px solid #999999; |
|
background: #dadada; |
|
font-weight: normal; |
|
color: #212121; |
|
} |
|
.ui-state-hover a, .feature-no-touch .ui-state-hover a:hover { |
|
color: #212121; |
|
text-decoration: none; |
|
} |
|
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { |
|
border: 1px solid #aaaaaa; |
|
background: #ffffff 50% 50% repeat-x; |
|
font-weight: normal; |
|
color: #212121; |
|
} |
|
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { |
|
color: #212121; |
|
text-decoration: none; |
|
} |
|
.feature-no-touch .ui-widget :active,.feature-touch .ui-widget :active { |
|
outline: none; |
|
} |
|
/* Interaction Cues |
|
----------------------------------*/ |
|
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { |
|
border: 1px solid #FDE763; |
|
background: #FFF8CF; |
|
color: #363636; |
|
} |
|
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { |
|
color: #363636; |
|
} |
|
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { |
|
border: 1px solid #cd0a0a; |
|
background: #fef1ec 50% 50% repeat-x; |
|
color: #cd0a0a; |
|
} |
|
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { |
|
color: #cd0a0a; |
|
} |
|
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { |
|
color: #cd0a0a; |
|
} |
|
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { |
|
font-weight: bold; |
|
} |
|
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { |
|
opacity: .7; |
|
filter: alpha(opacity=70); |
|
font-weight: normal; |
|
} |
|
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { |
|
opacity: .35; |
|
filter: alpha(opacity=35); |
|
background-image: none; |
|
} |
|
/* Icons |
|
----------------------------------*/ |
|
/* states and images */ |
|
/* positioning */ |
|
/* |
|
.ui-icon-carat-1-n { background-position: 0 0; } |
|
.ui-icon-carat-1-ne { background-position: -16px 0; } |
|
.ui-icon-carat-1-e { background-position: -32px 0; } |
|
.ui-icon-carat-1-se { background-position: -48px 0; } |
|
.ui-icon-carat-1-s { background-position: -64px 0; } |
|
.ui-icon-carat-1-sw { background-position: -80px 0; } |
|
.ui-icon-carat-1-w { background-position: -96px 0; } |
|
.ui-icon-carat-1-nw { background-position: -112px 0; } |
|
.ui-icon-carat-2-n-s { background-position: -128px 0; } |
|
.ui-icon-carat-2-e-w { background-position: -144px 0; } |
|
.ui-icon-triangle-1-n { background-position: 0 -16px; } |
|
.ui-icon-triangle-1-ne { background-position: -16px -16px; } |
|
.ui-icon-triangle-1-e { background-position: -32px -16px; } |
|
.ui-icon-triangle-1-se { background-position: -48px -16px; } |
|
.ui-icon-triangle-1-s { background-position: -64px -16px; } |
|
.ui-icon-triangle-1-sw { background-position: -80px -16px; } |
|
.ui-icon-triangle-1-w { background-position: -96px -16px; } |
|
.ui-icon-triangle-1-nw { background-position: -112px -16px; } |
|
.ui-icon-triangle-2-n-s { background-position: -128px -16px; } |
|
.ui-icon-triangle-2-e-w { background-position: -144px -16px; } |
|
.ui-icon-arrow-1-n { background-position: 0 -32px; } |
|
.ui-icon-arrow-1-ne { background-position: -16px -32px; } |
|
.ui-icon-arrow-1-e { background-position: -32px -32px; } |
|
.ui-icon-arrow-1-se { background-position: -48px -32px; } |
|
.ui-icon-arrow-1-s { background-position: -64px -32px; } |
|
.ui-icon-arrow-1-sw { background-position: -80px -32px; } |
|
.ui-icon-arrow-1-w { background-position: -96px -32px; } |
|
.ui-icon-arrow-1-nw { background-position: -112px -32px; } |
|
.ui-icon-arrow-2-n-s { background-position: -128px -32px; } |
|
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } |
|
.ui-icon-arrow-2-e-w { background-position: -160px -32px; } |
|
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; } |
|
.ui-icon-arrowstop-1-n { background-position: -192px -32px; } |
|
.ui-icon-arrowstop-1-e { background-position: -208px -32px; } |
|
.ui-icon-arrowstop-1-s { background-position: -224px -32px; } |
|
.ui-icon-arrowstop-1-w { background-position: -240px -32px; } |
|
.ui-icon-arrowthick-1-n { background-position: 0 -48px; } |
|
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; } |
|
.ui-icon-arrowthick-1-e { background-position: -32px -48px; } |
|
.ui-icon-arrowthick-1-se { background-position: -48px -48px; } |
|
.ui-icon-arrowthick-1-s { background-position: -64px -48px; } |
|
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; } |
|
.ui-icon-arrowthick-1-w { background-position: -96px -48px; } |
|
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; } |
|
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } |
|
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } |
|
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } |
|
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } |
|
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } |
|
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } |
|
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } |
|
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } |
|
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } |
|
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } |
|
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } |
|
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } |
|
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; } |
|
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; } |
|
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; } |
|
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; } |
|
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } |
|
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } |
|
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } |
|
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } |
|
.ui-icon-arrow-4 { background-position: 0 -80px; } |
|
.ui-icon-arrow-4-diag { background-position: -16px -80px; } |
|
.ui-icon-extlink { background-position: -32px -80px; } |
|
.ui-icon-newwin { background-position: -48px -80px; } |
|
.ui-icon-refresh { background-position: -64px -80px; } |
|
.ui-icon-shuffle { background-position: -80px -80px; } |
|
.ui-icon-transfer-e-w { background-position: -96px -80px; } |
|
.ui-icon-transferthick-e-w { background-position: -112px -80px; } |
|
.ui-icon-folder-collapsed { background-position: 0 -96px; } |
|
.ui-icon-folder-open { background-position: -16px -96px; } |
|
.ui-icon-document { background-position: -32px -96px; } |
|
.ui-icon-document-b { background-position: -48px -96px; } |
|
.ui-icon-note { background-position: -64px -96px; } |
|
.ui-icon-mail-closed { background-position: -80px -96px; } |
|
.ui-icon-mail-open { background-position: -96px -96px; } |
|
.ui-icon-suitcase { background-position: -112px -96px; } |
|
.ui-icon-comment { background-position: -128px -96px; } |
|
.ui-icon-person { background-position: -144px -96px; } |
|
.ui-icon-print { background-position: -160px -96px; } |
|
.ui-icon-trash { background-position: -176px -96px; } |
|
.ui-icon-locked { background-position: -192px -96px; } |
|
.ui-icon-unlocked { background-position: -208px -96px; } |
|
.ui-icon-bookmark { background-position: -224px -96px; } |
|
.ui-icon-tag { background-position: -240px -96px; } |
|
.ui-icon-home { background-position: 0 -112px; } |
|
.ui-icon-flag { background-position: -16px -112px; } |
|
.ui-icon-calendar { background-position: -32px -112px; } |
|
.ui-icon-cart { background-position: -48px -112px; } |
|
.ui-icon-pencil { background-position: -64px -112px; } |
|
.ui-icon-clock { background-position: -80px -112px; } |
|
.ui-icon-disk { background-position: -96px -112px; } |
|
.ui-icon-calculator { background-position: -112px -112px; } |
|
.ui-icon-zoomin { background-position: -128px -112px; } |
|
.ui-icon-zoomout { background-position: -144px -112px; } |
|
.ui-icon-search { background-position: -160px -112px; } |
|
.ui-icon-wrench { background-position: -176px -112px; } |
|
.ui-icon-gear { background-position: -192px -112px; } |
|
.ui-icon-heart { background-position: -208px -112px; } |
|
.ui-icon-star { background-position: -224px -112px; } |
|
.ui-icon-link { background-position: -240px -112px; } |
|
.ui-icon-cancel { background-position: 0 -128px; } |
|
.ui-icon-plus { background-position: -16px -128px; } |
|
.ui-icon-plusthick { background-position: -32px -128px; } |
|
.ui-icon-minus { background-position: -48px -128px; } |
|
.ui-icon-minusthick { background-position: -64px -128px; } |
|
.ui-icon-close { background-position: -80px -128px; } |
|
.ui-icon-closethick { background-position: -96px -128px; } |
|
.ui-icon-key { background-position: -112px -128px; } |
|
.ui-icon-lightbulb { background-position: -128px -128px; } |
|
.ui-icon-scissors { background-position: -144px -128px; } |
|
.ui-icon-clipboard { background-position: -160px -128px; } |
|
.ui-icon-copy { background-position: -176px -128px; } |
|
.ui-icon-contact { background-position: -192px -128px; } |
|
.ui-icon-image { background-position: -208px -128px; } |
|
.ui-icon-video { background-position: -224px -128px; } |
|
.ui-icon-script { background-position: -240px -128px; } |
|
.ui-icon-alert { background-position: 0 -144px; } |
|
.ui-icon-info { background-position: -16px -144px; } |
|
.ui-icon-notice { background-position: -32px -144px; } |
|
.ui-icon-help { background-position: -48px -144px; } |
|
.ui-icon-check { background-position: -64px -144px; } |
|
.ui-icon-bullet { background-position: -80px -144px; } |
|
.ui-icon-radio-off { background-position: -96px -144px; } |
|
.ui-icon-radio-on { background-position: -112px -144px; } |
|
.ui-icon-pin-w { background-position: -128px -144px; } |
|
.ui-icon-pin-s { background-position: -144px -144px; } |
|
.ui-icon-play { background-position: 0 -160px; } |
|
.ui-icon-pause { background-position: -16px -160px; } |
|
.ui-icon-seek-next { background-position: -32px -160px; } |
|
.ui-icon-seek-prev { background-position: -48px -160px; } |
|
.ui-icon-seek-end { background-position: -64px -160px; } |
|
.ui-icon-seek-start { background-position: -80px -160px; } |
|
*/ |
|
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ |
|
/* |
|
.ui-icon-seek-first { background-position: -80px -160px; } |
|
.ui-icon-stop { background-position: -96px -160px; } |
|
.ui-icon-eject { background-position: -112px -160px; } |
|
.ui-icon-volume-off { background-position: -128px -160px; } |
|
.ui-icon-volume-on { background-position: -144px -160px; } |
|
.ui-icon-power { background-position: 0 -176px; } |
|
.ui-icon-signal-diag { background-position: -16px -176px; } |
|
.ui-icon-signal { background-position: -32px -176px; } |
|
.ui-icon-battery-0 { background-position: -48px -176px; } |
|
.ui-icon-battery-1 { background-position: -64px -176px; } |
|
.ui-icon-battery-2 { background-position: -80px -176px; } |
|
.ui-icon-battery-3 { background-position: -96px -176px; } |
|
.ui-icon-circle-plus { background-position: 0 -192px; } |
|
.ui-icon-circle-minus { background-position: -16px -192px; } |
|
.ui-icon-circle-close { background-position: -32px -192px; } |
|
.ui-icon-circle-arrow-e { background-position: -112px -192px; } |
|
.ui-icon-circle-arrow-s { background-position: -128px -192px; } |
|
.ui-icon-circle-arrow-w { background-position: -144px -192px; } |
|
.ui-icon-circle-arrow-n { background-position: -160px -192px; } |
|
.ui-icon-circle-zoomin { background-position: -176px -192px; } |
|
.ui-icon-circle-zoomout { background-position: -192px -192px; } |
|
.ui-icon-circle-check { background-position: -208px -192px; } |
|
.ui-icon-circlesmall-plus { background-position: 0 -208px; } |
|
.ui-icon-circlesmall-minus { background-position: -16px -208px; } |
|
.ui-icon-circlesmall-close { background-position: -32px -208px; } |
|
.ui-icon-squaresmall-plus { background-position: -48px -208px; } |
|
.ui-icon-squaresmall-minus { background-position: -64px -208px; } |
|
.ui-icon-squaresmall-close { background-position: -80px -208px; } |
|
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; } |
|
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } |
|
.ui-icon-grip-solid-vertical { background-position: -32px -224px; } |
|
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; } |
|
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } |
|
.ui-icon-grip-diagonal-se { background-position: -80px -224px; } |
|
.ui-icon-circle-triangle-e { background-position: -48px -192px; } |
|
.ui-icon-circle-triangle-s { background-position: -64px -192px; } |
|
.ui-icon-circle-triangle-w { background-position: -80px -192px; } |
|
.ui-icon-circle-triangle-n { background-position: -96px -192px; } |
|
*/ |
|
/* Misc visuals |
|
----------------------------------*/ |
|
/* Overlays */ |
|
.ui-widget-overlay { |
|
background: #aaaaaa 50% 50% repeat-x; |
|
opacity: .30; |
|
filter: alpha(opacity=30); |
|
} |
|
.ui-widget-shadow { |
|
margin: -8px 0 0 -8px; |
|
padding: 8px; |
|
background: #aaaaaa 50% 50% repeat-x; |
|
opacity: .30; |
|
filter: alpha(opacity=30); |
|
border-radius: 8px; |
|
} |
|
/* |
|
* jQuery UI Resizable 1.8.11 |
|
* |
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) |
|
* Dual licensed under the MIT or GPL Version 2 licenses. |
|
* http://jquery.org/license |
|
* |
|
* http://docs.jquery.com/UI/Resizable#theming |
|
*/ |
|
.ui-resizable { |
|
position: relative; |
|
} |
|
.ui-resizable-handle { |
|
position: absolute; |
|
font-size: 0.1px; |
|
z-index: 99999; |
|
display: block; |
|
} |
|
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { |
|
display: none; |
|
} |
|
.ui-resizable-n { |
|
cursor: n-resize; |
|
height: 7px; |
|
width: 100%; |
|
top: -5px; |
|
left: 0; |
|
} |
|
.ui-resizable-s { |
|
cursor: s-resize; |
|
height: 7px; |
|
width: 100%; |
|
bottom: -5px; |
|
left: 0; |
|
} |
|
.ui-resizable-e { |
|
cursor: e-resize; |
|
width: 7px; |
|
right: -5px; |
|
top: 0; |
|
height: 100%; |
|
} |
|
.ui-resizable-w { |
|
cursor: w-resize; |
|
width: 7px; |
|
left: -5px; |
|
top: 0; |
|
height: 100%; |
|
} |
|
.ui-resizable-se { |
|
cursor: se-resize; |
|
width: 12px; |
|
height: 12px; |
|
right: 1px; |
|
bottom: 1px; |
|
} |
|
.ui-resizable-sw { |
|
cursor: sw-resize; |
|
width: 9px; |
|
height: 9px; |
|
left: -5px; |
|
bottom: -5px; |
|
} |
|
.ui-resizable-nw { |
|
cursor: nw-resize; |
|
width: 9px; |
|
height: 9px; |
|
left: -5px; |
|
top: -5px; |
|
} |
|
.ui-resizable-ne { |
|
cursor: ne-resize; |
|
width: 9px; |
|
height: 9px; |
|
right: -5px; |
|
top: -5px; |
|
} |
|
/* |
|
* jQuery UI Selectable 1.8.11 |
|
* |
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) |
|
* Dual licensed under the MIT or GPL Version 2 licenses. |
|
* http://jquery.org/license |
|
* |
|
* http://docs.jquery.com/UI/Selectable#theming |
|
*/ |
|
.ui-selectable-helper { |
|
position: absolute; |
|
z-index: 100; |
|
border: 1px dotted black; |
|
} |
|
/* |
|
* jQuery UI Accordion 1.8.11 |
|
* |
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) |
|
* Dual licensed under the MIT or GPL Version 2 licenses. |
|
* http://jquery.org/license |
|
* |
|
* http://docs.jquery.com/UI/Accordion#theming |
|
*/ |
|
/* IE/Win - Fix animation bug - #4615 */ |
|
/* |
|
.ui-accordion { width: 100%; } |
|
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } |
|
.ui-accordion .ui-accordion-li-fix { display: inline; } |
|
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } |
|
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } |
|
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } |
|
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } |
|
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } |
|
.ui-accordion .ui-accordion-content-active { display: block; } |
|
*/ |
|
/* |
|
* jQuery UI Autocomplete 1.8.11 |
|
* |
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) |
|
* Dual licensed under the MIT or GPL Version 2 licenses. |
|
* http://jquery.org/license |
|
* |
|
* http://docs.jquery.com/UI/Autocomplete#theming |
|
*/ |
|
.ui-autocomplete { |
|
position: absolute; |
|
cursor: default; |
|
} |
|
/* workarounds */ |
|
* html .ui-autocomplete { |
|
width: 1px; |
|
} |
|
/* without this, the menu expands to 100% in IE6 */ |
|
/* |
|
* jQuery UI Menu 1.8.11 |
|
* |
|
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) |
|
* Dual licensed under the MIT or GPL Version 2 licenses. |
|
* http://jquery.org/license |
|
* |
|
* http://docs.jquery.com/UI/Menu#theming |
|
*/ |
|
.ui-menu { |
|
list-style: none; |
|
padding: 2px; |
|
margin: 0; |
|
display: block; |
|
float: left; |
|
} |
|
.ui-menu .ui-menu { |
|
margin-top: -3px; |
|
} |
|
.ui-menu .ui-menu-item { |
|
margin: 0; |
|
padding: 0; |
|
zoom: 1; |
|
float: left; |
|
clear: left; |
|
width: 100%; |
|
} |
|
.ui-menu .ui-menu-item a { |
|
text-decoration: none; |
|
display: block; |
|
padding: .2em .4em; |
|
line-height: 1.5; |
|
zoom: 1; |
|
} |
|
.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { |
|
font-weight: normal; |
|
margin: -1px; |
|
} |
|
/* |
|
* jQuery UI Button 1.8.11 |
|
* |
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) |
|
* Dual licensed under the MIT or GPL Version 2 licenses. |
|
* http://jquery.org/license |
|
* |
|
* http://docs.jquery.com/UI/Button#theming |
|
*/ |
|
.ui-button { |
|
display: inline-block; |
|
position: relative; |
|
padding: 0; |
|
margin-right: .1em; |
|
text-decoration: none !important; |
|
cursor: pointer; |
|
text-align: center; |
|
zoom: 1; |
|
overflow: visible; |
|
} |
|
/* the overflow property removes extra width in IE */ |
|
.ui-button-icon-only { |
|
width: 2.2em; |
|
} |
|
/* to make room for the icon, a width needs to be set here */ |
|
button.ui-button-icon-only { |
|
width: 2.4em; |
|
} |
|
/* button elements seem to need a little more width */ |
|
.ui-button-icons-only { |
|
width: 3.4em; |
|
} |
|
button.ui-button-icons-only { |
|
width: 3.7em; |
|
} |
|
/*button text element */ |
|
.ui-button .ui-button-text { |
|
display: block; |
|
line-height: 1.4; |
|
} |
|
.ui-button-text-only .ui-button-text { |
|
padding: .4em 1em; |
|
} |
|
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { |
|
padding: .4em; |
|
text-indent: -9999999px; |
|
} |
|
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { |
|
padding: .4em 1em .4em 2.1em; |
|
} |
|
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { |
|
padding: .4em 2.1em .4em 1em; |
|
} |
|
.ui-button-text-icons .ui-button-text { |
|
padding-left: 2.1em; |
|
padding-right: 2.1em; |
|
} |
|
/* no icon support for input elements, provide padding by default */ |
|
input.ui-button { |
|
padding: .4em 1em; |
|
} |
|
/*button icon element(s) */ |
|
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { |
|
position: absolute; |
|
top: 50%; |
|
margin-top: -8px; |
|
} |
|
.ui-button-icon-only .ui-icon { |
|
left: 50%; |
|
margin-left: -8px; |
|
} |
|
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { |
|
left: .5em; |
|
} |
|
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { |
|
right: .5em; |
|
} |
|
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { |
|
right: .5em; |
|
} |
|
/*button sets*/ |
|
.ui-buttonset { |
|
margin-right: 7px; |
|
} |
|
.ui-buttonset .ui-button { |
|
margin-left: 0; |
|
margin-right: -0.3em; |
|
} |
|
/* workarounds */ |
|
button.ui-button::-moz-focus-inner { |
|
border: 0; |
|
padding: 0; |
|
} |
|
/* reset extra padding in Firefox */ |
|
/* |
|
* jQuery UI Dialog 1.8.11 |
|
* |
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) |
|
* Dual licensed under the MIT or GPL Version 2 licenses. |
|
* http://jquery.org/license |
|
* |
|
* http://docs.jquery.com/UI/Dialog#theming |
|
*/ |
|
/* |
|
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } |
|
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } |
|
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } |
|
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } |
|
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } |
|
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } |
|
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } |
|
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } |
|
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } |
|
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } |
|
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } |
|
.ui-draggable .ui-dialog-titlebar { cursor: move; } |
|
*/ |
|
/* |
|
* jQuery UI Slider 1.8.11 |
|
* |
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) |
|
* Dual licensed under the MIT or GPL Version 2 licenses. |
|
* http://jquery.org/license |
|
* |
|
* http://docs.jquery.com/UI/Slider#theming |
|
*/ |
|
.ui-slider { |
|
position: relative; |
|
text-align: left; |
|
} |
|
.ui-slider .ui-slider-handle { |
|
position: absolute; |
|
z-index: 2; |
|
width: 1.2em; |
|
height: 1.2em; |
|
cursor: default; |
|
} |
|
.ui-slider .ui-slider-range { |
|
position: absolute; |
|
z-index: 1; |
|
font-size: .7em; |
|
display: block; |
|
border: 0; |
|
background-position: 0 0; |
|
} |
|
.ui-slider-horizontal { |
|
height: .8em; |
|
} |
|
.ui-slider-horizontal .ui-slider-handle { |
|
top: -0.3em; |
|
margin-left: -0.6em; |
|
} |
|
.ui-slider-horizontal .ui-slider-range { |
|
top: 0; |
|
height: 100%; |
|
} |
|
.ui-slider-horizontal .ui-slider-range-min { |
|
left: 0; |
|
} |
|
.ui-slider-horizontal .ui-slider-range-max { |
|
right: 0; |
|
} |
|
.ui-slider-vertical { |
|
width: .8em; |
|
height: 100px; |
|
} |
|
.ui-slider-vertical .ui-slider-handle { |
|
left: -0.3em; |
|
margin-left: 0; |
|
margin-bottom: -0.6em; |
|
} |
|
.ui-slider-vertical .ui-slider-range { |
|
left: 0; |
|
width: 100%; |
|
} |
|
.ui-slider-vertical .ui-slider-range-min { |
|
bottom: 0; |
|
} |
|
.ui-slider-vertical .ui-slider-range-max { |
|
top: 0; |
|
} |
|
/* |
|
* jQuery UI Tabs 1.8.11 |
|
* |
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) |
|
* Dual licensed under the MIT or GPL Version 2 licenses. |
|
* http://jquery.org/license |
|
* |
|
* http://docs.jquery.com/UI/Tabs#theming |
|
*/ |
|
/* |
|
.ui-tabs { position: relative; padding: .2em; zoom: 1; } |
|
position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") |
|
*/ |
|
.ui-tabs .ui-tabs-nav { |
|
margin: 0; |
|
padding: .2em .2em 0; |
|
} |
|
.ui-tabs .ui-tabs-nav li { |
|
list-style: none; |
|
float: left; |
|
position: relative; |
|
top: 1px; |
|
margin: 0 .2em 1px 0; |
|
border-bottom: 0 !important; |
|
padding: 0; |
|
white-space: nowrap; |
|
} |
|
.ui-tabs .ui-tabs-nav li a { |
|
float: left; |
|
padding: .5em 1em; |
|
text-decoration: none; |
|
} |
|
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { |
|
margin-bottom: 0; |
|
padding-bottom: 1px; |
|
} |
|
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { |
|
cursor: text; |
|
} |
|
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { |
|
cursor: pointer; |
|
} |
|
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ |
|
.ui-tabs .ui-tabs-panel { |
|
display: block; |
|
border-width: 0; |
|
margin: 5px 0px; |
|
background: none; |
|
} |
|
.ui-tabs .ui-tabs-hide { |
|
position: absolute; |
|
left: -10000px; |
|
} |
|
/* |
|
* jQuery UI Datepicker 1.8.11 |
|
* |
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) |
|
* Dual licensed under the MIT or GPL Version 2 licenses. |
|
* http://jquery.org/license |
|
* |
|
* http://docs.jquery.com/UI/Datepicker#theming |
|
*/ |
|
.ui-datepicker { |
|
padding: 0; |
|
border: none; |
|
display: none; |
|
} |
|
.ui-datepicker .ui-datepicker-header { |
|
position: relative; |
|
height: 53px; |
|
line-height: 53px; |
|
border: none; |
|
padding: 0; |
|
background-color: #3bb3e4; |
|
color: #ffffff; |
|
} |
|
html.theme-dark .ui-datepicker .ui-datepicker-header{ color: #c5cbce; } |
|
html.theme-dark .ui-datepicker .ui-datepicker-header{ background-color: #21384d; } |
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next { |
|
opacity: 0.8; |
|
position: absolute; |
|
top: 0px; |
|
width: 40px; |
|
height: 100%; |
|
background: none; |
|
border: none; |
|
cursor: pointer; |
|
} |
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-disabled { |
|
opacity: 0.4; |
|
} |
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover:not(.ui-state-disabled), .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover:not(.ui-state-disabled) { |
|
opacity: 1; |
|
background: none; |
|
border: none; |
|
} |
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-next { |
|
/*!rtl:ignore*/ |
|
right: 0; |
|
} |
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span { |
|
margin-left: -5px; |
|
width: 9px; |
|
height: 14px; |
|
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 14' width='9' height='14' fill='%23fff'%3E%3Cpath d='m2 0l-2 2 5 5-5 5 2 2 7-7z'/%3E%3C/svg%3E"); |
|
} |
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev { |
|
/*!rtl:ignore*/ |
|
left: 0; |
|
} |
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span { |
|
margin-left: -4px; |
|
width: 9px; |
|
height: 14px; |
|
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 14' width='9' height='14' fill='%23fff'%3E%3Cpath d='m0 7l7-7 2 2-5 5 5 5-2 2z'/%3E%3C/svg%3E"); |
|
} |
|
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { |
|
display: block; |
|
position: absolute; |
|
left: 50%; |
|
margin-left: -8px; |
|
top: 50%; |
|
margin-top: -8px; |
|
} |
|
.ui-datepicker .ui-datepicker-title { |
|
margin: 0; |
|
text-align: center; |
|
} |
|
.ui-datepicker .ui-datepicker-title select { |
|
font-size: 1em; |
|
} |
|
.ui-datepicker select.ui-datepicker-month-year { |
|
width: 100%; |
|
} |
|
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { |
|
width: 49%; |
|
} |
|
.ui-datepicker table { |
|
width: 100%; |
|
font-size: 12px; |
|
border-collapse: collapse; |
|
margin: 0; |
|
border: 1px solid; |
|
border-color: #d6d6d6; |
|
border-top: none; |
|
} |
|
html.theme-dark .ui-datepicker table{ border-color: #363c4e; } |
|
.ui-datepicker th { |
|
width: 40px; |
|
height: 28px; |
|
border-bottom: 1px solid red; |
|
padding: 0; |
|
border: none; |
|
border-bottom: 1px solid; |
|
border-bottom-color: #d6d6d6; |
|
text-align: center; |
|
font-weight: normal; |
|
color: #8d9196; |
|
background-color: #f8f8f8; |
|
} |
|
html.theme-dark .ui-datepicker th{ background-color: #2f3241; } |
|
html.theme-dark .ui-datepicker th{ border-bottom-color: #363c4e; } |
|
.ui-datepicker td { |
|
border: none; |
|
padding: 0; |
|
margin: 0; |
|
} |
|
.ui-datepicker td span, .ui-datepicker td a, .ui-datepicker td span.ui-state-default, .ui-datepicker td a.ui-state-default { |
|
display: block; |
|
position: relative; |
|
height: 39px; |
|
padding: 0; |
|
margin: 0; |
|
text-align: center; |
|
line-height: 40px; |
|
background: #ffffff; |
|
border: none; |
|
border-width: 0 1px 1px 0; |
|
border-style: solid; |
|
border-color: #d6d6d6; |
|
text-decoration: none; |
|
} |
|
html.theme-dark .ui-datepicker td span, html.theme-dark .ui-datepicker td a, html.theme-dark .ui-datepicker td span.ui-state-default, html.theme-dark .ui-datepicker td a.ui-state-default{ border-color: #363c4e; } |
|
html.theme-dark .ui-datepicker td span, html.theme-dark .ui-datepicker td a, html.theme-dark .ui-datepicker td span.ui-state-default, html.theme-dark .ui-datepicker td a.ui-state-default{ background: #171b29; } |
|
.ui-datepicker td span.ui-state-highlight, .ui-datepicker td a.ui-state-highlight, .ui-datepicker td span.ui-state-default.ui-state-highlight, .ui-datepicker td a.ui-state-default.ui-state-highlight { |
|
color: #00b9db; |
|
} |
|
.ui-datepicker td span.ui-state-highlight:after, .ui-datepicker td a.ui-state-highlight:after, .ui-datepicker td span.ui-state-default.ui-state-highlight:after, .ui-datepicker td a.ui-state-default.ui-state-highlight:after { |
|
position: absolute; |
|
top: 0; |
|
right: 0; |
|
content: " "; |
|
width: 0; |
|
height: 0; |
|
border-style: solid; |
|
border-width: 0 11px 11px 0; |
|
border-color: transparent #00badb transparent transparent; |
|
} |
|
.ui-datepicker td span.ui-state-hover, .ui-datepicker td a.ui-state-hover, .ui-datepicker td span.ui-state-default.ui-state-hover, .ui-datepicker td a.ui-state-default.ui-state-hover { |
|
background: #edf1f2; |
|
} |
|
html.theme-dark .ui-datepicker td span.ui-state-hover, html.theme-dark .ui-datepicker td a.ui-state-hover, html.theme-dark .ui-datepicker td span.ui-state-default.ui-state-hover, html.theme-dark .ui-datepicker td a.ui-state-default.ui-state-hover{ background: #262b3e; } |
|
.ui-datepicker td.ui-datepicker-current-day span, .ui-datepicker td.ui-datepicker-current-day a { |
|
border: 2px solid; |
|
border-color: #3bb3e4; |
|
color: #3bb3e4; |
|
height: 36px; |
|
line-height: 37px; |
|
} |
|
html.theme-dark .ui-datepicker td.ui-datepicker-current-day span, html.theme-dark .ui-datepicker td.ui-datepicker-current-day a{ color: #3bb3e4; } |
|
html.theme-dark .ui-datepicker td.ui-datepicker-current-day span, html.theme-dark .ui-datepicker td.ui-datepicker-current-day a{ border-color: #3bb3e4; } |
|
/* todo: Remove after check datapicker in all browsers */ |
|
/*.ui-datepicker td:last-child span:not(.ui-state-highlight),*/ |
|
/*.ui-datepicker td:last-child a:not(.ui-state-highlight) {*/ |
|
/*border-right: none;*/ |
|
/*}*/ |
|
/*.ui-datepicker tr:last-child td span:not(.ui-state-highlight),*/ |
|
/*.ui-datepicker tr:last-child td a:not(.ui-state-highlight) {*/ |
|
/*border-bottom: none;*/ |
|
/*}*/ |
|
.ui-datepicker .ui-datepicker-buttonpane { |
|
background-image: none; |
|
margin: .7em 0 0 0; |
|
padding: 0 .2em; |
|
border-left: 0; |
|
border-right: 0; |
|
border-bottom: 0; |
|
} |
|
.ui-datepicker .ui-datepicker-buttonpane button { |
|
float: right; |
|
margin: .5em .2em .4em; |
|
cursor: pointer; |
|
padding: .2em .6em .3em .6em; |
|
width: auto; |
|
overflow: visible; |
|
} |
|
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { |
|
float: left; |
|
} |
|
/* with multiple calendars */ |
|
.ui-datepicker.ui-datepicker-multi { |
|
width: auto; |
|
} |
|
.ui-datepicker-multi .ui-datepicker-group { |
|
float: left; |
|
} |
|
.ui-datepicker-multi .ui-datepicker-group table { |
|
width: 95%; |
|
margin: 0 auto .4em; |
|
} |
|
.ui-datepicker-multi-2 .ui-datepicker-group { |
|
width: 50%; |
|
} |
|
.ui-datepicker-multi-3 .ui-datepicker-group { |
|
width: 33.3%; |
|
} |
|
.ui-datepicker-multi-4 .ui-datepicker-group { |
|
width: 25%; |
|
} |
|
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { |
|
border-left-width: 0; |
|
} |
|
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { |
|
border-left-width: 0; |
|
} |
|
.ui-datepicker-multi .ui-datepicker-buttonpane { |
|
clear: left; |
|
} |
|
.ui-datepicker-row-break { |
|
clear: both; |
|
width: 100%; |
|
} |
|
/* |
|
* jQuery UI Progressbar 1.8.11 |
|
* |
|
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) |
|
* Dual licensed under the MIT or GPL Version 2 licenses. |
|
* http://jquery.org/license |
|
* |
|
* http://docs.jquery.com/UI/Progressbar#theming |
|
*/ |
|
/* |
|
.ui-progressbar { height:2em; text-align: left; } |
|
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } |
|
*/ |
|
/* |
|
* Treeview |
|
*/ |
|
/* |
|
.treeview, .treeview ul { |
|
padding: 0; |
|
margin: 0; |
|
list-style: none; |
|
} |
|
.treeview ul { |
|
background-color: white; |
|
margin-top: 4px; |
|
} |
|
.treeview .hitarea { |
|
height: 16px; |
|
width: 16px; |
|
margin-left: -16px; |
|
float: left; |
|
cursor: pointer; |
|
} |
|
* html .hitarea { |
|
display: inline; |
|
float:none; |
|
} |
|
.treeview li { |
|
margin: 0; padding: 3px 0pt 3px 16px; |
|
} |
|
.treeview a.selected { |
|
background-color: #eee; |
|
} |
|
#treecontrol { margin: 1em 0; display: none; } |
|
.treeview .hover { color: red; cursor: pointer; } |
|
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; } |
|
.treeview .expandable-hitarea { background-position: -80px -3px; } |
|
.treeview li.last { background-position: 0 -1766px } |
|
.treeview li.lastCollapsable { background-position: 0 -111px } |
|
.treeview li.lastExpandable { background-position: -32px -67px } |
|
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; } |
|
.treeview .placeholder { |
|
height: 16px; |
|
width: 16px; |
|
display: block; |
|
} |
|
*/ |
|
/* |
|
* Spinbox |
|
*/ |
|
/* |
|
input.spinbox-active { |
|
background-position:right 0px; |
|
background-repeat:no-repeat; |
|
width: 60px; |
|
} |
|
input.spinbox-active.spinbox-up-hover { |
|
background-position:right -18px; |
|
cursor:pointer; |
|
} |
|
input.spinbox-active.spinbox-down-hover { |
|
background-position:right -36px; |
|
cursor:pointer; |
|
} |
|
input.spinbox-active.spinbox-up { |
|
background-position:right -72px; |
|
cursor:pointer; |
|
} |
|
input.spinbox-active.spinbox-down { |
|
background-position:right -54px; |
|
cursor:pointer; |
|
} |
|
*/ |
|
html, body { |
|
background: none; |
|
overflow: hidden; |
|
height: 100%; |
|
width: 100%; |
|
} |
|
body { |
|
min-width: 240px; |
|
} |
|
#library-container { |
|
border: 1px solid #d9dadb; |
|
background: #ffffff; |
|
} |
|
#library-container #showExtendedHoursLink { |
|
display: none; |
|
} |
|
.on-widget .open-popup { |
|
margin-left: 4px; |
|
padding: 7px; |
|
border-width: 0 !important; |
|
} |
|
.on-widget .open-popup { |
|
border: none; |
|
background: #6798bb; |
|
} |
|
.feature-no-touch .on-widget .open-popup:hover { |
|
background: #69a3cc; |
|
} |
|
.feature-no-touch .on-widget .open-popup:active,.feature-touch .on-widget .open-popup:active { |
|
background: #71acd6; |
|
} |
|
.on-widget .open-popup svg { |
|
display: block; |
|
width: 16px; |
|
height: 14px; |
|
fill: #ffffff; |
|
} |
|
.on-widget .widgetbar-widget-hotlist .widgetbar-widgetheader .widgetbar-headerspace { |
|
display: none; |
|
} |
|
.onchart-tv-logo, .onchart-cme-logo, .onchart-custom-logo { |
|
display: block; |
|
position: absolute; |
|
z-index: 10; |
|
} |
|
.onchart-cme-logo { |
|
left: 10px; |
|
bottom: 25px; |
|
width: 135px; |
|
} |
|
.onchart-tv-logo, .onchart-custom-logo { |
|
left: 1px; |
|
bottom: 22px; |
|
width: auto; |
|
} |
|
.onchart-tv-logo.on-pane, .onchart-custom-logo.on-pane { |
|
bottom: 1px; |
|
} |
|
.onchart-custom-logo .inner { |
|
display: block; |
|
padding: 2px 9px 2px 9px; |
|
transition: background 0.7s ease; |
|
background-color: rgba(255, 255, 255, 0.8); |
|
} |
|
.onchart-custom-logo .wrapper { |
|
display: block; |
|
padding: 3px; |
|
border-radius: 3px; |
|
transition: background 0.7s ease; |
|
background-color: rgba(255, 255, 255, 0.4); |
|
} |
|
.onchart-custom-logo table.inner { |
|
border-collapse: collapse; |
|
border: 0px; |
|
} |
|
.onchart-custom-logo table.inner tbody { |
|
opacity: 0.6; |
|
} |
|
.onchart-custom-logo table.inner td { |
|
padding: 0px; |
|
} |
|
.onchart-custom-logo table.inner td.custom-logo { |
|
line-height: 0px; |
|
} |
|
.onchart-custom-logo table.inner td.tv-link { |
|
text-align: center; |
|
line-height: 10px; |
|
/* same as font size */ |
|
} |
|
.onchart-custom-logo .text { |
|
font-size: 10px; |
|
} |
|
.onchart-tv-logo .wrapper { |
|
display: block; |
|
padding: 3px; |
|
transition: background 0.7s ease; |
|
} |
|
.onchart-tv-logo.expanded .wrapper { |
|
background-color: rgba(255, 255, 255, 0.3); |
|
} |
|
.onchart-tv-logo.expanded.grey .wrapper { |
|
background-color: rgba(255, 255, 255, 0.3); |
|
} |
|
.onchart-tv-logo.expanded.blue .wrapper { |
|
background-color: rgba(255, 255, 255, 0.3); |
|
} |
|
.onchart-tv-logo.black .wrapper { |
|
background-color: rgba(0, 0, 0, 0.3); |
|
} |
|
.onchart-tv-logo.expanded.black .wrapper { |
|
background-color: rgba(255, 255, 255, 0.3); |
|
} |
|
.onchart-tv-logo .inner { |
|
display: block; |
|
height: 32px; |
|
line-height: 31px; |
|
padding: 0 9px; |
|
transition: background 0.7s ease; |
|
} |
|
.onchart-tv-logo.expanded .inner { |
|
background-color: rgba(255, 255, 255, 0.8); |
|
} |
|
.onchart-tv-logo.expanded.grey .inner { |
|
background-color: rgba(224, 222, 222, 0.8); |
|
} |
|
.onchart-tv-logo.expanded.blue .inner { |
|
background-color: rgba(209, 232, 255, 0.8); |
|
} |
|
.onchart-tv-logo.expanded.black .inner { |
|
background-color: rgba(0, 0, 0, 0.8); |
|
} |
|
.onchart-tv-logo img { |
|
width: 33px; |
|
height: 23px; |
|
display: inline-block; |
|
vertical-align: middle; |
|
transition: display 0.7s ease; |
|
} |
|
.onchart-tv-logo .text { |
|
display: inline-block; |
|
width: 0px; |
|
overflow: hidden; |
|
/*padding-left: 4px;*/ |
|
padding-left: 36px; |
|
vertical-align: middle; |
|
transition: width 0.7s ease; |
|
} |
|
.onchart-tv-logo.expanded .text { |
|
width: 147px; |
|
/* not 'auto' because of transition */ |
|
} |
|
.onchart-tv-logo img { |
|
display: block; |
|
position: absolute; |
|
top: 8px; |
|
transition: opacity 0.7s ease; |
|
} |
|
.onchart-tv-logo img.faded { |
|
opacity: 1; |
|
} |
|
.onchart-tv-logo.expanded img.faded { |
|
opacity: 0; |
|
} |
|
.text .logo-highlighted { |
|
font-weight: bold; |
|
text-decoration: underline; |
|
} |
|
.onchart-cme-logo img { |
|
width: inherit; |
|
opacity: 0.55; |
|
} |
|
.onchart-cme-logo a.onchart-logo { |
|
width: inherit; |
|
white-space: nowrap; |
|
position: relative; |
|
top: -6px; |
|
left: 0px; |
|
color: #007fb9; |
|
opacity: 0.7; |
|
font-size: 12px; |
|
} |
|
.onchart-cme-logo a.onchart-logo .logo-fade { |
|
color: #231f20; |
|
opacity: 0.85; |
|
} |
|
.on-cme-widget .symbol-search-dialog .filter, .on-cme-widget .symbol-edit-popup .filter { |
|
display: none; |
|
} |
|
.on-cme-widget .symbol-search-dialog .results { |
|
height: 450px; |
|
} |
|
.tv-embed-buttons-contaner { |
|
float: right; |
|
} |
|
/* Custom Logo */ |
|
.onchart-tv-logo a { |
|
color: #3bb3e4; |
|
transition: color ease 0.35s; |
|
} |
|
html.theme-dark .onchart-tv-logo a{ color: #299dcd; } |
|
.onchart-tv-logo a:visited { |
|
color: #3bb3e4; |
|
fill: #3bb3e4; |
|
} |
|
html.theme-dark .onchart-tv-logo a:visited{ fill: #299dcd; } |
|
html.theme-dark .onchart-tv-logo a:visited{ color: #299dcd; } |
|
.feature-no-touch .onchart-tv-logo a:hover { |
|
color: #3babd8; |
|
fill: #3babd8; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch .onchart-tv-logo a:active,.feature-touch .onchart-tv-logo a:active { |
|
color: #049ddc; |
|
fill: #049ddc; |
|
transition-duration: 0.06s; |
|
} |
|
.onchart-tv-logo img.custom-image { |
|
position: relative; |
|
top: 0; |
|
left: 0; |
|
width: auto; |
|
height: auto; |
|
} |
|
.load-chart .chart-search, .load-chart .chart-search input { |
|
width: 100%; |
|
} |
|
/* remove it when we have more tabs in Edit Object Dialog */ |
|
.properties-tabs-label { |
|
margin-right: 30px; |
|
} |
|
@media only screen and (max-width: 750px) { |
|
.charts-popup-list .item.save-load-chart-title { |
|
display: block; |
|
} |
|
} |
|
.charts-popup-list .item .title, .charts-popup-list .item .title-expanded { |
|
width: auto; |
|
} |
|
|
|
|
|
.common-tooltip-s2GEoMlT- { |
|
display: -webkit-inline-flex; |
|
display: inline-flex; |
|
position: fixed; |
|
color: #f2f3f5; |
|
font-size: 12px; |
|
line-height: 18px; |
|
opacity: 1; |
|
transition: opacity .15s linear; |
|
z-index: 1000; |
|
} |
|
|
|
html.theme-dark .common-tooltip-s2GEoMlT-{ color: #c5cbce; } |
|
|
|
.common-tooltip--hidden-Z0EAvXgv- { |
|
opacity: 0; |
|
} |
|
|
|
.common-tooltip--horizontal-13imOC5w- { |
|
margin: 4px 0; |
|
} |
|
|
|
.common-tooltip--horizontal-13imOC5w-.common-tooltip--farther-2yXMAkHF- { |
|
margin: 8px 0; |
|
} |
|
|
|
.common-tooltip--vertical-mcRoucek- { |
|
margin: 0 4px; |
|
} |
|
|
|
.common-tooltip--vertical-mcRoucek-.common-tooltip-farther-XoKytD99- { |
|
margin: 0 8px; |
|
} |
|
|
|
.common-tooltip--no-pointer-events-3nL0Vygu- { |
|
pointer-events: none; |
|
} |
|
|
|
.common-tooltip--no-pointer-events-3nL0Vygu-.common-tooltip--horizontal-13imOC5w- { |
|
margin: 8px 0; |
|
} |
|
|
|
.common-tooltip--no-pointer-events-3nL0Vygu-.common-tooltip--vertical-mcRoucek- { |
|
margin: 0 8px; |
|
} |
|
|
|
.common-tooltip--no-pointer-events-3nL0Vygu-.common-tooltip--horizontal-13imOC5w-.common-tooltip--farther-2yXMAkHF- { |
|
margin: 14px 0; |
|
} |
|
|
|
.common-tooltip--no-pointer-events-3nL0Vygu-.common-tooltip--vertical-mcRoucek-.common-tooltip--farther-2yXMAkHF- { |
|
margin: 0 14px; |
|
} |
|
|
|
.common-tooltip--direction_normal-3u9ejKM2- { |
|
-webkit-flex-direction: row; |
|
flex-direction: row; |
|
} |
|
|
|
.common-tooltip--direction_normal-3u9ejKM2- .common-tooltip__body-356XFpBj- { |
|
border-top-left-radius: 2px; |
|
border-bottom-left-radius: 2px; |
|
} |
|
|
|
.common-tooltip--direction_normal-3u9ejKM2- .common-tooltip__button-container-3EjyKV3s-, .common-tooltip--direction_normal-3u9ejKM2- .common-tooltip__body--no-buttons-3quqi1Sv- { |
|
border-top-right-radius: 2px; |
|
border-bottom-right-radius: 2px; |
|
} |
|
|
|
.common-tooltip--direction_normal-3u9ejKM2- .common-tooltip__button-1rnQgujz-:not(:last-child) { |
|
margin-right: 1px; |
|
} |
|
|
|
.common-tooltip--direction_reversed-XN-JUTdr- { |
|
-webkit-flex-direction: row-reverse; |
|
flex-direction: row-reverse; |
|
} |
|
|
|
.common-tooltip--direction_reversed-XN-JUTdr- .common-tooltip__body-356XFpBj- { |
|
border-top-right-radius: 2px; |
|
border-bottom-right-radius: 2px; |
|
} |
|
|
|
.common-tooltip--direction_reversed-XN-JUTdr- .common-tooltip__button-container-3EjyKV3s-, .common-tooltip--direction_reversed-XN-JUTdr- .common-tooltip__body--no-buttons-3quqi1Sv- { |
|
border-top-left-radius: 2px; |
|
border-bottom-left-radius: 2px; |
|
} |
|
|
|
.common-tooltip--direction_reversed-XN-JUTdr- .common-tooltip__button-1rnQgujz-:not(:first-child) { |
|
margin-left: 1px; |
|
} |
|
|
|
.common-tooltip__ear-holder-yIJjpvgu- { |
|
position: relative; |
|
} |
|
|
|
.common-tooltip__ear-holder-yIJjpvgu-:after { |
|
content: ''; |
|
display: block; |
|
position: absolute; |
|
box-sizing: border-box; |
|
z-index: 1001; |
|
width: 0; |
|
height: 0; |
|
border: 0 solid; |
|
border-color: #262b3e; |
|
} |
|
|
|
html.theme-dark .common-tooltip__ear-holder-yIJjpvgu-:after{ border-color: #4f5966; } |
|
|
|
.common-tooltip__ear-holder--below-1rmzWejA-:after, .common-tooltip__ear-holder--above-1D8FkNkw-:after { |
|
/*!rtl:begin:ignore*/ |
|
left: 50%; |
|
margin-left: -6px; |
|
border-left: 6px solid; |
|
border-left-color: transparent; |
|
border-right: 6px solid; |
|
border-right-color: transparent; |
|
/*!rtl:end:ignore*/ |
|
} |
|
|
|
html.theme-dark .common-tooltip__ear-holder--below-1rmzWejA-:after, html.theme-dark .common-tooltip__ear-holder--above-1D8FkNkw-:after{ border-right-color: transparent ; } |
|
|
|
html.theme-dark .common-tooltip__ear-holder--below-1rmzWejA-:after, html.theme-dark .common-tooltip__ear-holder--above-1D8FkNkw-:after{ border-left-color: transparent ; } |
|
|
|
.common-tooltip__ear-holder--below-1rmzWejA-:after { |
|
bottom: 100%; |
|
border-bottom-width: 4px; |
|
} |
|
|
|
.common-tooltip__ear-holder--above-1D8FkNkw-:after { |
|
top: 100%; |
|
border-top-width: 4px; |
|
} |
|
|
|
.common-tooltip__ear-holder--before-oXq5sFXr-:after, .common-tooltip__ear-holder--after-BnAcuW1N-:after { |
|
top: 50%; |
|
margin-top: -6px; |
|
border-top: 6px solid; |
|
border-top-color: transparent; |
|
border-bottom: 6px solid; |
|
border-bottom-color: transparent; |
|
} |
|
|
|
html.theme-dark .common-tooltip__ear-holder--before-oXq5sFXr-:after, html.theme-dark .common-tooltip__ear-holder--after-BnAcuW1N-:after{ border-bottom-color: transparent ; } |
|
|
|
html.theme-dark .common-tooltip__ear-holder--before-oXq5sFXr-:after, html.theme-dark .common-tooltip__ear-holder--after-BnAcuW1N-:after{ border-top-color: transparent ; } |
|
|
|
.common-tooltip__ear-holder--before-oXq5sFXr-:after { |
|
/*!rtl:begin:ignore*/ |
|
right: 100%; |
|
border-right-width: 4px; |
|
/*!rtl:end:ignore*/ |
|
} |
|
|
|
.common-tooltip__ear-holder--after-BnAcuW1N-:after { |
|
/*!rtl:begin:ignore*/ |
|
left: 100%; |
|
border-left-width: 4px; |
|
/*!rtl:end:ignore*/ |
|
} |
|
|
|
.common-tooltip__body-356XFpBj- { |
|
display: block; |
|
position: relative; |
|
box-sizing: border-box; |
|
padding: 3px 8px; |
|
max-width: 320px; |
|
background-color: #262b3e; |
|
white-space: pre-wrap; |
|
word-wrap: break-word; |
|
text-align: left; |
|
overflow: hidden; |
|
} |
|
|
|
html.theme-dark .common-tooltip__body-356XFpBj-{ background-color: #4f5966; } |
|
|
|
.common-tooltip__body--with-hotkey-2wXRtgYZ- { |
|
display: -webkit-flex; |
|
display: flex; |
|
max-width: 420px; |
|
padding: 0; |
|
} |
|
|
|
.common-tooltip__body--width_wide-3oG604Li- { |
|
max-width: 640px; |
|
} |
|
|
|
.common-tooltip__body--width_narrow-34hrFTFo- { |
|
max-width: 200px; |
|
} |
|
|
|
.common-tooltip__hotkey-block-2gS_uAOl- { |
|
display: -webkit-inline-flex; |
|
display: inline-flex; |
|
-webkit-flex: 1 0 auto; |
|
flex: 1 0 auto; |
|
padding: 4px 8px 5px; |
|
line-height: 12px; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
color: #ff9850; |
|
} |
|
|
|
.common-tooltip__hotkey-block--divider-rQ38KmpQ- { |
|
border-left: 1px solid #4c525e; |
|
margin-left: 8px; |
|
} |
|
|
|
.common-tooltip__hotkey-text-1eb7dyCg- { |
|
display: -webkit-inline-flex; |
|
display: inline-flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
margin: 3px 0 3px 8px; |
|
} |
|
|
|
.common-tooltip__hotkey-button-1XJ40e4D- { |
|
display: -webkit-inline-flex; |
|
display: inline-flex; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
height: 13px; |
|
min-width: 7px; |
|
padding: 0 3px; |
|
border: 1px solid; |
|
border-radius: 2px; |
|
color: #ff9850; |
|
} |
|
|
|
.common-tooltip__plus-sign-3CKSupKp- { |
|
width: 13px; |
|
height: 15px; |
|
line-height: 16px; |
|
text-align: center; |
|
} |
|
|
|
.common-tooltip__button-container-3EjyKV3s- { |
|
display: -webkit-flex; |
|
display: flex; |
|
position: relative; |
|
overflow: hidden; |
|
} |
|
|
|
.common-tooltip__button-1rnQgujz- { |
|
display: -webkit-flex; |
|
display: flex; |
|
color: white; |
|
background-color: #3bb3e4; |
|
padding: 0 10px; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
} |
|
|
|
.feature-no-touch .common-tooltip__button-1rnQgujz-:hover { |
|
background-color: #1592e6; |
|
} |
|
|
|
/* Themes */ |
|
|
|
.common-tooltip-s2GEoMlT-.theme-white { |
|
|
|
color: #333333; |
|
} |
|
|
|
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__body-356XFpBj- { |
|
background-color: #ffffff; |
|
border-radius: 0; |
|
} |
|
|
|
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder-yIJjpvgu- { |
|
border: 1px solid #d6d6d6; |
|
} |
|
|
|
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder-yIJjpvgu-:after { |
|
border-color: #ffffff; |
|
} |
|
|
|
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:after, .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:after { |
|
border-left: 6px solid; |
|
border-left-color: transparent; |
|
border-right: 6px solid; |
|
border-right-color: transparent; |
|
} |
|
|
|
html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:after, html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:after{ border-right-color: transparent ; } |
|
|
|
html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:after, html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:after{ border-left-color: transparent ; } |
|
|
|
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:after, .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:after { |
|
border-top: 6px solid; |
|
border-top-color: transparent; |
|
border-bottom: 6px solid; |
|
border-bottom-color: transparent; |
|
} |
|
|
|
html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:after, html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:after{ border-bottom-color: transparent ; } |
|
|
|
html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:after, html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:after{ border-top-color: transparent ; } |
|
|
|
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder-yIJjpvgu-:before { |
|
content: ''; |
|
display: block; |
|
position: absolute; |
|
z-index: 1000; |
|
width: 0; |
|
height: 0; |
|
border: 0 solid; |
|
border-color: #d6d6d6; |
|
} |
|
|
|
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:before, .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:before { |
|
left: 50%; |
|
margin-left: -7px; |
|
border-left: 7px solid; |
|
border-left-color: transparent; |
|
border-right: 7px solid; |
|
border-right-color: transparent; |
|
} |
|
|
|
html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:before, html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:before{ border-right-color: transparent ; } |
|
|
|
html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:before, html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:before{ border-left-color: transparent ; } |
|
|
|
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--below-1rmzWejA-:before { |
|
top: -6px; |
|
border-bottom-width: 6px; |
|
} |
|
|
|
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--above-1D8FkNkw-:before { |
|
bottom: -6px; |
|
border-top-width: 6px; |
|
} |
|
|
|
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:before, .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:before { |
|
top: 50%; |
|
margin-top: -7px; |
|
border-top: 7px solid; |
|
border-top-color: transparent; |
|
border-bottom: 7px solid; |
|
border-bottom-color: transparent; |
|
} |
|
|
|
html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:before, html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:before{ border-bottom-color: transparent ; } |
|
|
|
html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:before, html.theme-dark .common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:before{ border-top-color: transparent ; } |
|
|
|
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--before-oXq5sFXr-:before { |
|
left: -6px; |
|
border-right-width: 6px; |
|
} |
|
|
|
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:before { |
|
right: -6px; |
|
border-left-width: 6px; |
|
} |
|
|
|
.common-tooltip-s2GEoMlT-.theme-round-shadow { |
|
color: #333333; |
|
box-shadow: 0 1px 3px 0 rgba(42, 44, 57, 0.29); |
|
} |
|
|
|
.common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__body-356XFpBj- { |
|
background-color: #ffffff; |
|
} |
|
|
|
.common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder-yIJjpvgu-:after { |
|
border-color: #ffffff; |
|
} |
|
|
|
.common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--below-1rmzWejA-:after, .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--above-1D8FkNkw-:after { |
|
border-left: 6px solid; |
|
border-left-color: transparent; |
|
border-right: 6px solid; |
|
border-right-color: transparent; |
|
} |
|
|
|
html.theme-dark .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--below-1rmzWejA-:after, html.theme-dark .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--above-1D8FkNkw-:after{ border-right-color: transparent ; } |
|
|
|
html.theme-dark .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--below-1rmzWejA-:after, html.theme-dark .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--above-1D8FkNkw-:after{ border-left-color: transparent ; } |
|
|
|
.common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--before-oXq5sFXr-:after, .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--after-BnAcuW1N-:after { |
|
border-top: 6px solid; |
|
border-top-color: transparent; |
|
border-bottom: 6px solid; |
|
border-bottom-color: transparent; |
|
} |
|
|
|
html.theme-dark .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--before-oXq5sFXr-:after, html.theme-dark .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--after-BnAcuW1N-:after{ border-bottom-color: transparent ; } |
|
|
|
html.theme-dark .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--before-oXq5sFXr-:after, html.theme-dark .common-tooltip-s2GEoMlT-.theme-round-shadow .common-tooltip__ear-holder--after-BnAcuW1N-:after{ border-top-color: transparent ; } |
|
|
|
|
|
.star-uhAI7sV4- { |
|
display: block; |
|
opacity: 0.7; |
|
box-sizing: border-box; |
|
transition: opacity ease 350ms; |
|
|
|
/* increase hitbox */ |
|
padding: 4px; |
|
margin: -4px; |
|
} |
|
|
|
.star-uhAI7sV4- svg { |
|
display: block; |
|
fill: currentColor; |
|
pointer-events: none; |
|
} |
|
|
|
.star-uhAI7sV4-.checked-2bhy04CF- svg { |
|
fill: #ffca3b; |
|
} |
|
|
|
.feature-no-touch .star-uhAI7sV4-:hover, .feature-no-touch .star-uhAI7sV4-:active,.feature-touch .star-uhAI7sV4-:active { |
|
opacity: 1; |
|
transition-duration: 60ms; |
|
} |
|
|
|
|
|
.menuWrap-1gEtmoET- { |
|
text-align: left; |
|
background-color: #ffffff; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
box-sizing: border-box; |
|
overflow-x: hidden; |
|
overflow-y: hidden; |
|
z-index: 100; |
|
|
|
border-radius: 3px; |
|
|
|
background-color: #ffffff; |
|
|
|
box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0; |
|
}html.theme-dark .menuWrap-1gEtmoET-{ background-color: #1c2030; }html.theme-dark .menuWrap-1gEtmoET-{ background-color: #1c2030; } |
|
|
|
html.theme-dark .menuWrap-1gEtmoET- { |
|
box-shadow: #000000 0 2px 4px 0; |
|
} |
|
|
|
.menuWrap-1gEtmoET-.isMeasuring-FZ0EJCM2- { |
|
position: fixed; |
|
visibility: hidden; |
|
opacity: 0; |
|
pointer-events: none; |
|
} |
|
|
|
.scrollWrap-1B5MfTJt- { |
|
height: 100%; |
|
overflow-x: hidden; |
|
overflow-y: auto; |
|
|
|
-ms-overflow-style: scrollbar; |
|
-webkit-overflow-scrolling: touch; |
|
} |
|
|
|
.scrollWrap-1B5MfTJt-::-webkit-scrollbar { |
|
width: 5px; |
|
} |
|
|
|
.scrollWrap-1B5MfTJt-::-webkit-scrollbar-thumb { |
|
border: 1px solid #f2f3f5; |
|
border-radius: 3px; |
|
background-color: #9db2bd; |
|
} |
|
|
|
.scrollWrap-1B5MfTJt-::-webkit-scrollbar-track { |
|
background-color: #f2f3f5; |
|
border-radius: 3px; |
|
} |
|
|
|
.menuBox-20sJGjtG- { |
|
padding: 6px 0; |
|
} |
|
|
|
.isHidden-2vLQpR1t- { |
|
display: none; |
|
} |
|
|
|
.item-2xPVYue0- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-flow: row nowrap; |
|
flex-flow: row nowrap; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
white-space: nowrap; |
|
padding: 2px 10px 2px 8px; |
|
font-size: 14px; |
|
background-color: #ffffff; |
|
cursor: default; |
|
transition-property: none; |
|
|
|
color: #4c525e; |
|
|
|
transition: color ease 60ms; |
|
} |
|
|
|
html.theme-dark .item-2xPVYue0-{ color: #758696; } |
|
|
|
html.theme-dark .item-2xPVYue0-{ background-color: #1c2030; } |
|
|
|
.item-2xPVYue0-.hovered-1uf45E05-, .feature-no-touch .item-2xPVYue0-:hover, .feature-no-touch .item-2xPVYue0-:active,.feature-touch .item-2xPVYue0-:active { |
|
color: #131722; |
|
} |
|
|
|
html.theme-dark .item-2xPVYue0-.hovered-1uf45E05-, html.feature-no-touch.theme-dark .item-2xPVYue0-:hover, html.feature-no-touch.theme-dark .item-2xPVYue0-:active,html.feature-touch.theme-dark .item-2xPVYue0-:active{ color: #9db2bd; } |
|
|
|
/* allow to override anything */ |
|
|
|
.item-2xPVYue0-.hovered-1uf45E05-, .feature-no-touch .item-2xPVYue0-:hover, .feature-no-touch .item-2xPVYue0-:active,.feature-touch .item-2xPVYue0-:active { |
|
background-color: #ebf7fc; |
|
} |
|
|
|
html.theme-dark .item-2xPVYue0-.hovered-1uf45E05-, html.feature-no-touch.theme-dark .item-2xPVYue0-:hover, html.feature-no-touch.theme-dark .item-2xPVYue0-:active,html.feature-touch.theme-dark .item-2xPVYue0-:active{ background-color: #262b3e; } |
|
|
|
.item-2xPVYue0-.isDisabled-1wLqKupj- { |
|
opacity: 0.3; |
|
cursor: default; |
|
} |
|
|
|
.item-2xPVYue0-.isDisabled-1wLqKupj-, .feature-no-touch .item-2xPVYue0-.isDisabled-1wLqKupj-:hover, .feature-no-touch .item-2xPVYue0-.isDisabled-1wLqKupj-:active,.feature-touch .item-2xPVYue0-.isDisabled-1wLqKupj-:active { |
|
color: #4c525e; |
|
background-color: #ffffff; |
|
} |
|
|
|
html.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-, html.feature-no-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:hover, html.feature-no-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:active,html.feature-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:active{ background-color: #1c2030; } |
|
|
|
html.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-, html.feature-no-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:hover, html.feature-no-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:active,html.feature-touch.theme-dark .item-2xPVYue0-.isDisabled-1wLqKupj-:active{ color: #758696; } |
|
|
|
.item-2xPVYue0-.isActive-2j-GhQs_-, .feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:hover, .feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active,.feature-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active { |
|
color: #ffffff; |
|
background-color: #37a6ef; |
|
} |
|
|
|
html.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-, html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:hover, html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active,html.feature-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active{ background-color: #37a6ef; } |
|
|
|
html.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-, html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:hover, html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active,html.feature-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active{ color: #ffffff; } |
|
|
|
.item-2xPVYue0-.isActive-2j-GhQs_- .icon-2Qm7YIcz- svg, .feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:hover .icon-2Qm7YIcz- svg, .feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .icon-2Qm7YIcz- svg,.feature-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .icon-2Qm7YIcz- svg { |
|
fill: currentColor; |
|
} |
|
|
|
.item-2xPVYue0-.isActive-2j-GhQs_- .hint-1IhIvLPB-, .feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:hover .hint-1IhIvLPB-, .feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .hint-1IhIvLPB-,.feature-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .hint-1IhIvLPB- { |
|
color: rgba(255, 255, 255, 0.7); |
|
} |
|
|
|
html.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_- .hint-1IhIvLPB-, html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:hover .hint-1IhIvLPB-, html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active .hint-1IhIvLPB-,html.feature-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active .hint-1IhIvLPB-{ color: rgba(255, 255, 255, 0.7); } |
|
|
|
.item-2xPVYue0-.isActive-2j-GhQs_- .toolbox-3ulPxfe--, .feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:hover .toolbox-3ulPxfe--, .feature-no-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .toolbox-3ulPxfe--,.feature-touch .item-2xPVYue0-.isActive-2j-GhQs_-:active .toolbox-3ulPxfe-- { |
|
color: #ffffff; |
|
} |
|
|
|
html.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_- .toolbox-3ulPxfe--, html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:hover .toolbox-3ulPxfe--, html.feature-no-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active .toolbox-3ulPxfe--,html.feature-touch.theme-dark .item-2xPVYue0-.isActive-2j-GhQs_-:active .toolbox-3ulPxfe--{ color: #ffffff; } |
|
|
|
.item-2xPVYue0-.withIcon-1xBjf-oB- { |
|
padding-top: 6px; |
|
padding-bottom: 6px; |
|
} |
|
|
|
/* ie11 min-height */ |
|
|
|
.item-2xPVYue0-:before { |
|
content: ' '; |
|
display: block; |
|
height: 28px; |
|
} |
|
|
|
.icon-2Qm7YIcz- { |
|
display: -webkit-flex; |
|
display: flex; |
|
margin-right: 7px; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
width: 28px; |
|
height: 28px; |
|
} |
|
|
|
.icon-2Qm7YIcz- svg { |
|
display: block; |
|
fill: currentColor; |
|
} |
|
|
|
.labelRow-3Q0rdE8-- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: row; |
|
flex-direction: row; |
|
-webkit-align-items: baseline; |
|
align-items: baseline; |
|
-webkit-justify-content: space-between; |
|
justify-content: space-between; |
|
-webkit-flex: 1 0 auto; |
|
flex: 1 0 auto; |
|
margin-right: 14px; |
|
} |
|
|
|
.labelRow-3Q0rdE8--:first-child { |
|
margin-left: 4px; |
|
} |
|
|
|
.label-3Xqxy756- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex: 0 0 auto; |
|
flex: 0 0 auto; |
|
} |
|
|
|
.hint-1IhIvLPB- { |
|
font-size: 11px; |
|
margin-right: 14px; |
|
min-width: 27px; |
|
color: #b4b4b4; |
|
} |
|
|
|
html.theme-dark .hint-1IhIvLPB-{ color: #4c525e; } |
|
|
|
.toolbox-3ulPxfe-- { |
|
display: -webkit-flex; |
|
display: flex; |
|
position: relative; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
color: #9db2bd; |
|
} |
|
|
|
html.theme-dark .toolbox-3ulPxfe--{ color: #9db2bd; } |
|
|
|
.feature-no-touch .toolbox-3ulPxfe--.showOnHover-1q6ySzZc- { |
|
opacity: 0; |
|
} |
|
|
|
.toolbox-3ulPxfe-- > :not(:last-child) { |
|
margin-right: 10px; |
|
} |
|
|
|
.feature-no-touch .item-2xPVYue0-:hover .toolbox-3ulPxfe--.showOnHover-1q6ySzZc- { |
|
opacity: 1; |
|
} |
|
|
|
|
|
.icon-16JOogW_- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: row; |
|
flex-direction: row; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
transition: -webkit-transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 350ms; |
|
transition: transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 350ms; |
|
transition: transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 350ms, -webkit-transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 350ms; |
|
} |
|
|
|
.icon-16JOogW_- svg { |
|
display: block; |
|
fill: currentColor; |
|
width: 8px; |
|
height: 4px; |
|
} |
|
|
|
.icon-16JOogW_-.dropped-1WSGLaYJ- { |
|
-webkit-transform: rotate(180deg); |
|
transform: rotate(180deg); |
|
} |
|
|
|
|
|
.button-13wlLwhJ- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex: 1 0 auto; |
|
flex: 1 0 auto; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
height: 100%; |
|
cursor: default; |
|
|
|
color: #4c525e; |
|
|
|
transition: color ease 60ms; |
|
|
|
/* allow to override anything */ |
|
|
|
transition: background-color ease 350ms, color ease 60ms; |
|
}html.theme-dark .button-13wlLwhJ-{ color: #758696; } |
|
|
|
.button-13wlLwhJ-.hovered-FUo4RNOC-, .feature-no-touch .button-13wlLwhJ-:hover, .feature-no-touch .button-13wlLwhJ-:active,.feature-touch .button-13wlLwhJ-:active { |
|
color: #131722; |
|
} |
|
|
|
html.theme-dark .button-13wlLwhJ-.hovered-FUo4RNOC-, html.feature-no-touch.theme-dark .button-13wlLwhJ-:hover, html.feature-no-touch.theme-dark .button-13wlLwhJ-:active,html.feature-touch.theme-dark .button-13wlLwhJ-:active{ color: #9db2bd; } |
|
|
|
.button-13wlLwhJ- svg { |
|
display: block; |
|
fill: currentColor; |
|
} |
|
|
|
.button-13wlLwhJ- .arrow-2pXEy7ej- { |
|
display: -webkit-flex; |
|
display: flex; |
|
contain: content; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
height: 100%; |
|
} |
|
|
|
.button-13wlLwhJ- .arrowWrap-r5l5nQXU- { |
|
margin: 0 6px; |
|
transition: -webkit-transform ease 350ms; |
|
transition: transform ease 350ms; |
|
transition: transform ease 350ms, -webkit-transform ease 350ms; |
|
} |
|
|
|
.feature-no-touch .button-13wlLwhJ-:hover .arrowWrap-r5l5nQXU- { |
|
-webkit-transform: translateY(2px); |
|
transform: translateY(2px); |
|
} |
|
|
|
.button-13wlLwhJ-.isOpened-1939ai3F- { |
|
background-color: #f7f8fa; |
|
} |
|
|
|
html.theme-dark .button-13wlLwhJ-.isOpened-1939ai3F-{ background-color: #1c2030; } |
|
|
|
.feature-no-touch .button-13wlLwhJ-.isOpened-1939ai3F-:hover .arrowWrap-r5l5nQXU- { |
|
-webkit-transform: none; |
|
transform: none; |
|
} |
|
.wrap-18oKCBRc- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-flex: 1 0 auto; |
|
flex: 1 0 auto; |
|
-webkit-flex-direction: row; |
|
flex-direction: row; |
|
height: 100%; |
|
} |
|
|
|
|
|
.button-2ioYhFEY- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
height: 100%; |
|
box-sizing: border-box; |
|
cursor: default; |
|
color: #4c525e; |
|
transition: background-color ease 60ms, opacity ease 60ms, color ease 60ms; |
|
}html.theme-dark .button-2ioYhFEY-{ color: #758696; } |
|
|
|
.button-2ioYhFEY- svg { |
|
/* blurry icons fix for firefox */ |
|
/* stylelint-disable-next-line property-no-vendor-prefix */ |
|
-moz-transform: translateX(0); |
|
display: block; |
|
fill: currentColor; |
|
} |
|
|
|
.button-2ioYhFEY-.isInteractive-20uLObIc- { |
|
color: #4c525e; |
|
transition: color ease 60ms; |
|
} |
|
|
|
html.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-{ color: #758696; } |
|
|
|
.button-2ioYhFEY-.isInteractive-20uLObIc-.hovered-3perbaxJ-, .feature-no-touch .button-2ioYhFEY-.isInteractive-20uLObIc-:hover, .feature-no-touch .button-2ioYhFEY-.isInteractive-20uLObIc-:active,.feature-touch .button-2ioYhFEY-.isInteractive-20uLObIc-:active { |
|
color: #131722; |
|
} |
|
|
|
html.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.hovered-3perbaxJ-, html.feature-no-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-:hover, html.feature-no-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-:active,html.feature-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-:active{ color: #9db2bd; } |
|
|
|
/* allow to override anything */ |
|
|
|
.button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-, .feature-no-touch .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:hover, .feature-no-touch .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active,.feature-touch .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active { |
|
color: #1592e6; |
|
} |
|
|
|
html.theme-sa .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-, html.feature-no-touch.theme-sa .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:hover, html.feature-no-touch.theme-sa .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active,html.feature-touch.theme-sa .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active{ color: #ff7200; } |
|
|
|
html.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-, html.feature-no-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:hover, html.feature-no-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active,html.feature-touch.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isActive-22S-lGpa-:active{ color: #3bb3e4; } |
|
|
|
.button-2ioYhFEY-.isInteractive-20uLObIc-.isOpened-p-Ume5l9- { |
|
background-color: #f7f8fa; |
|
} |
|
|
|
html.theme-dark .button-2ioYhFEY-.isInteractive-20uLObIc-.isOpened-p-Ume5l9-{ background-color: #1c2030; } |
|
|
|
.button-2ioYhFEY-.isDisabled-1_tmrLfP- { |
|
opacity: 0.3; |
|
} |
|
|
|
.button-2ioYhFEY-.isDisabled-1_tmrLfP-, .feature-no-touch .button-2ioYhFEY-.isDisabled-1_tmrLfP-:hover, .feature-no-touch .button-2ioYhFEY-.isDisabled-1_tmrLfP-:active,.feature-touch .button-2ioYhFEY-.isDisabled-1_tmrLfP-:active { |
|
background-color: transparent; |
|
} |
|
|
|
.text-1sK7vbvh- + .icon-beK_KS0k-, .icon-beK_KS0k- + .text-1sK7vbvh- { |
|
margin-left: 5px; |
|
} |
|
|
|
|
|
.button-1IIz2ju4- { |
|
padding: 0 1px; |
|
} |
|
|
|
.button-1IIz2ju4-.first-bfrNico9- { |
|
padding-left: 5px; |
|
} |
|
|
|
.button-1IIz2ju4-.last-3h-LFsOr- { |
|
padding-right: 3px; |
|
}.separator-25lkUpN-- { |
|
margin: 6px 0; |
|
height: 1px; |
|
background-color: #e1ecf2; |
|
}html.theme-dark .separator-25lkUpN--{ background-color: #363c4e; } |
|
.menu-16FRUKka-:only-child { |
|
padding: 0 5px; |
|
} |
|
|
|
.button-YsN2vRuA-.withText-JhQdRoPu- { |
|
padding: 0 10px 0 6px; |
|
} |
|
.button-YsN2vRuA-.withoutText-f6SoijeW- { |
|
padding: 0 5px; |
|
} |
|
.button-2-lC3gh4- { |
|
padding: 0 5px; |
|
} |
|
|
|
|
|
.value-DWZXOdoK- { |
|
text-align: left; |
|
font-size: 16px; |
|
} |
|
|
|
.value-DWZXOdoK-.selected-2V87KUXm- { |
|
color: #3bb3e4; |
|
} |
|
|
|
.metric-uxyW5qk0- { |
|
display: inline-block; |
|
font-size: 14px; |
|
} |
|
|
|
.metric-uxyW5qk0-.capitalized-OlFzHeUi-:first-letter { |
|
font-size: 16px; |
|
} |
|
|
|
|
|
.form-2itceCqS- { |
|
display: -webkit-flex; |
|
display: flex; |
|
margin: -6px 0 -6px; |
|
-webkit-flex-direction: row; |
|
flex-direction: row; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
width: 100%; |
|
height: 38px; |
|
min-width: 200px; |
|
font-size: 14px; |
|
color: #4c525e; |
|
box-sizing: border-box; |
|
}html.theme-dark .form-2itceCqS-{ color: #758696; } |
|
|
|
.form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-, .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-, .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-, .feature-no-touch .form-2itceCqS-:hover .input-z46tLQgj-, .feature-no-touch .form-2itceCqS-:hover .menu-35lWsSKr-, .feature-no-touch .form-2itceCqS-:hover .add-1NrfSAvb- { |
|
color: #4c525e; |
|
transition: color ease 60ms; |
|
/* allow to override anything */ |
|
} |
|
|
|
html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-, html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-, html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-, html.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-, html.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-, html.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb-{ color: #758696; } |
|
|
|
.form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-.hovered-1nwOcWv8-, .feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:hover, .feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:active,.feature-touch .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:active, .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-.hovered-1nwOcWv8-, .feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:hover, .feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:active,.feature-touch .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:active, .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-.hovered-1nwOcWv8-, .feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:hover, .feature-no-touch .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:active,.feature-touch .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:active, .feature-no-touch .form-2itceCqS-:hover .input-z46tLQgj-.hovered-1nwOcWv8-, .feature-no-touch .form-2itceCqS-:hover .input-z46tLQgj-:hover, .feature-no-touch .form-2itceCqS-:hover .input-z46tLQgj-:active, .feature-no-touch .form-2itceCqS-:hover .menu-35lWsSKr-.hovered-1nwOcWv8-, .feature-no-touch .form-2itceCqS-:hover .menu-35lWsSKr-:hover, .feature-no-touch .form-2itceCqS-:hover .menu-35lWsSKr-:active, .feature-no-touch .form-2itceCqS-:hover .add-1NrfSAvb-.hovered-1nwOcWv8-, .feature-no-touch .form-2itceCqS-:hover .add-1NrfSAvb-:hover, .feature-no-touch .form-2itceCqS-:hover .add-1NrfSAvb-:active { |
|
color: #131722; |
|
} |
|
|
|
html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-.hovered-1nwOcWv8-, html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:hover, html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:active,html.feature-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .input-z46tLQgj-:active, html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-.hovered-1nwOcWv8-, html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:hover, html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:active,html.feature-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .menu-35lWsSKr-:active, html.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-.hovered-1nwOcWv8-, html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:hover, html.feature-no-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:active,html.feature-touch.theme-dark .form-2itceCqS-.interacting-3joY26dg- .add-1NrfSAvb-:active, html.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-.hovered-1nwOcWv8-, html.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-:hover, html.feature-no-touch.theme-dark .form-2itceCqS-:hover .input-z46tLQgj-:active, html.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-.hovered-1nwOcWv8-, html.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-:hover, html.feature-no-touch.theme-dark .form-2itceCqS-:hover .menu-35lWsSKr-:active, html.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb-.hovered-1nwOcWv8-, html.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb-:hover, html.feature-no-touch.theme-dark .form-2itceCqS-:hover .add-1NrfSAvb-:active{ color: #9db2bd; } |
|
|
|
.wrap-1oB2WI2R- { |
|
-webkit-flex: 1 0 auto; |
|
flex: 1 0 auto; |
|
} |
|
|
|
.input-z46tLQgj- { |
|
margin: 0; |
|
padding: 0 2px; |
|
width: 36px; |
|
border: none; |
|
text-align: center; |
|
height: 100%; |
|
background-color: transparent; |
|
} |
|
|
|
.menu-35lWsSKr-, .add-1NrfSAvb- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
height: 100%; |
|
} |
|
|
|
.menu-35lWsSKr- { |
|
box-sizing: border-box; |
|
-webkit-flex: 1 0 auto; |
|
flex: 1 0 auto; |
|
padding: 0 6px 0 10px; |
|
cursor: default; |
|
-webkit-justify-content: space-between; |
|
justify-content: space-between; |
|
|
|
border-right: 1px solid; |
|
border-left: 1px solid; |
|
border-color: #e1ecf2; |
|
} |
|
|
|
html.theme-dark .menu-35lWsSKr-{ border-color: #363c4e; } |
|
|
|
.add-1NrfSAvb- { |
|
padding: 0 10px; |
|
cursor: default; |
|
} |
|
|
|
|
|
.button-1scLo53s- { |
|
display: block; |
|
padding: 2px; |
|
opacity: 0.7; |
|
box-sizing: border-box; |
|
transition: opacity ease 350ms; |
|
color: #758696; |
|
} |
|
|
|
.button-1scLo53s- svg { |
|
display: block; |
|
pointer-events: none; |
|
width: 12px !important; |
|
height: 12px !important; |
|
} |
|
|
|
.feature-no-touch .button-1scLo53s-:hover, .feature-no-touch .button-1scLo53s-:active,.feature-touch .button-1scLo53s-:active { |
|
opacity: 1; |
|
transition-duration: 60ms; |
|
} |
|
|
|
.hidden-2GRQzIQ1- { |
|
visibility: hidden; |
|
} |
|
|
|
|
|
.interval-1GDsfL5i- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-justify-content: space-between; |
|
justify-content: space-between; |
|
width: 100%; |
|
} |
|
|
|
.interval-1GDsfL5i-:before, .interval-1GDsfL5i-:after { |
|
content: attr(data-group); |
|
margin: 0 10px; |
|
visibility: collapse; |
|
} |
|
|
|
.interval-1GDsfL5i-.showGroup-1N6m7h-N-:before { |
|
visibility: visible; |
|
} |
|
|
|
.button-1XkSWU32- { |
|
padding: 0 7px; |
|
} |
|
|
|
.button-1XkSWU32-.first-2UbSFGzF- { |
|
padding-left: 12px; |
|
} |
|
|
|
.button-1XkSWU32-.last-1rdUnwE6- { |
|
padding-right: 6px; |
|
} |
|
|
|
.menu-1fA401bY-:only-child { |
|
padding: 0 5px 0 7px; |
|
} |
|
|
|
.dropdown-1zOBoqnG- { |
|
min-width: 140px; |
|
} |
|
|
|
.menuContent-1vyIDg3J- { |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
} |
|
.button-3wAyKO3i- { |
|
margin-right: 10px; |
|
} |
|
|
|
|
|
.dottedCloud-1Vw3lVny-, .check-3V48_rMp-, .spinningCloud-2fkbB-rw- { |
|
display: none; |
|
} |
|
|
|
.arrow-1zkKEROH- { |
|
opacity: 0; |
|
transition: opacity ease-in 200ms, -webkit-transform ease-in 200ms; |
|
transition: transform ease-in 200ms, opacity ease-in 200ms; |
|
transition: transform ease-in 200ms, opacity ease-in 200ms, -webkit-transform ease-in 200ms; |
|
} |
|
|
|
.arrowGap-gjAe6jEn- { |
|
fill: #ffffff; |
|
opacity: 0; |
|
transition: opacity ease-in 200ms; |
|
} |
|
|
|
html.theme-dark .arrowGap-gjAe6jEn-{ fill: #131722; } |
|
|
|
.container-riYIb01a- { |
|
overflow: hidden; |
|
} |
|
|
|
.container-riYIb01a-.unsaved-2Kg_w3Vw- .dottedCloud-1Vw3lVny- { |
|
display: inline; |
|
} |
|
|
|
.container-riYIb01a-.unsaved-2Kg_w3Vw- .arrow-1zkKEROH- { |
|
-webkit-transform: translateY(200%); |
|
transform: translateY(200%); |
|
} |
|
|
|
.feature-no-touch .container-riYIb01a-.unsaved-2Kg_w3Vw-:hover .arrow-1zkKEROH-, .container-riYIb01a-.unsaved-2Kg_w3Vw-.hovered-18DzoW0E- .arrow-1zkKEROH- { |
|
opacity: 1; |
|
-webkit-transform: translateY(0%); |
|
transform: translateY(0%); |
|
} |
|
|
|
.feature-no-touch .container-riYIb01a-.unsaved-2Kg_w3Vw-:hover .arrowGap-gjAe6jEn-, .container-riYIb01a-.unsaved-2Kg_w3Vw-.hovered-18DzoW0E- .arrowGap-gjAe6jEn- { |
|
opacity: 1; |
|
} |
|
|
|
.container-riYIb01a-.saving-31YVVfHU- .spinningCloud-2fkbB-rw- { |
|
display: inline; |
|
} |
|
|
|
.container-riYIb01a-.saving-31YVVfHU- .arrow-1zkKEROH- { |
|
-webkit-transform: translateY(-300%); |
|
transform: translateY(-300%); |
|
} |
|
|
|
.container-riYIb01a-.saved-2kLd4nmd- .spinningCloud-2fkbB-rw- { |
|
display: inline; |
|
} |
|
|
|
.container-riYIb01a-.saved-2kLd4nmd- .check-3V48_rMp- { |
|
display: inline; |
|
} |
|
|
|
.container-riYIb01a-.saved-2kLd4nmd- .arrow-1zkKEROH- { |
|
display: inline; |
|
-webkit-transform: translateY(-300%); |
|
transform: translateY(-300%); |
|
} |
|
|
|
.container-riYIb01a-.saved-2kLd4nmd- .arrowGap-gjAe6jEn- { |
|
display: inline; |
|
} |
|
|
|
|
|
.menu-92vrwS4x- { |
|
margin-left: -4px; |
|
} |
|
|
|
.opened-GQFVkrpV- { |
|
background-color: #f7f8fa; |
|
} |
|
|
|
html.theme-dark .opened-GQFVkrpV-{ background-color: #1c2030; } |
|
|
|
.autoSaveWrapper-1MJY41zr- { |
|
width: 192px; |
|
} |
|
|
|
|
|
.button-1EU5-JL7-.isDisabled-1RjJSnJ7- { |
|
opacity: 1; |
|
} |
|
|
|
.text-1HWeUAzA- { |
|
max-width: 100px; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
} |
|
.button-3zsRYmii- { |
|
-webkit-flex: 0 0 auto; |
|
flex: 0 0 auto; |
|
width: 38px; |
|
height: calc(100% - 8px); |
|
margin: 4px; |
|
border-radius: 3px; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
overflow: hidden; |
|
} |
|
|
|
.button-3zsRYmii-.blue-pwiZpV6t- { |
|
background-color: #3bb3e4; |
|
} |
|
|
|
html.theme-sa .button-3zsRYmii-.blue-pwiZpV6t-{ background-color: #ff7200; } |
|
|
|
html.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-{ background-color: #299dcd; } |
|
|
|
.button-3zsRYmii-.green-3Nv9iVIZ- { |
|
background-color: #37bc9b; |
|
} |
|
|
|
html.theme-sa .button-3zsRYmii-.green-3Nv9iVIZ-{ background-color: #ff7200; } |
|
|
|
html.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-{ background-color: #37bc9b; } |
|
|
|
.button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-, .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-.hovered-Kk1N76Nt-, .feature-no-touch .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:hover, .feature-no-touch .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:active,.feature-touch .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:active, .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-, .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-.hovered-Kk1N76Nt-, .feature-no-touch .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:hover, .feature-no-touch .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:active,.feature-touch .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:active { |
|
color: #ffffff; |
|
} |
|
|
|
html.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-, html.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-.hovered-Kk1N76Nt-, html.feature-no-touch.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:hover, html.feature-no-touch.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:active,html.feature-touch.theme-dark .button-3zsRYmii-.blue-pwiZpV6t-.isInteractive-12fBlRGf-:active, html.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-, html.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-.hovered-Kk1N76Nt-, html.feature-no-touch.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:hover, html.feature-no-touch.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:active,html.feature-touch.theme-dark .button-3zsRYmii-.green-3Nv9iVIZ-.isInteractive-12fBlRGf-:active{ color: #ffffff; } |
|
|
|
.tv-ticker { |
|
display: inline; |
|
position: absolute; |
|
width: 13px; |
|
height: 27px; |
|
margin: 0 0 0 -13px; |
|
} |
|
.tv-ticker__btn { |
|
width: 7px; |
|
height: 8px; |
|
padding: 2px; |
|
border: solid 1px; |
|
border-color: #dadde0; |
|
background: #ffffff; |
|
fill: #9db2bd; |
|
} |
|
html.theme-dark .tv-ticker__btn{ background: #131722; } |
|
html.theme-dark .tv-ticker__btn{ border-color: #363c4e; } |
|
.tv-ticker__btn > svg { |
|
display: block; |
|
width: 7px; |
|
height: 8px; |
|
} |
|
.tv-ticker__btn--up > svg { |
|
-webkit-transform: scaleY(-1); |
|
transform: scaleY(-1); |
|
} |
|
.tv-ticker__btn--down { |
|
border-top-width: 0; |
|
} |
|
.feature-no-touch .tv-ticker__btn:hover { |
|
background-color: #f2f2f2; |
|
} |
|
html.feature-no-touch.theme-dark .tv-ticker__btn:hover{ background-color: #1c2030; } |
|
.feature-no-touch .tv-ticker__btn:active,.feature-touch .tv-ticker__btn:active, .tv-ticker__btn.i-active { |
|
background-color: #ececec; |
|
} |
|
html.feature-no-touch.theme-dark .tv-ticker__btn:active,html.feature-touch.theme-dark .tv-ticker__btn:active, html.theme-dark .tv-ticker__btn.i-active{ background-color: #262b3e; } |
|
.feature-no-touch input:focus + .tv-ticker .tv-ticker__btn,.feature-touch input:focus + .tv-ticker .tv-ticker__btn { |
|
border-color: #3bb3e4; |
|
fill: #3bb3e4; |
|
} |
|
input:disabled + .tv-ticker { |
|
display: none; |
|
} |
|
|
|
/* Thanks to google guys for the original <paper-spinner> =) |
|
* https://github.com/PolymerElements/paper-spinner */ |
|
.tv-spinner { |
|
display: none; |
|
position: absolute; |
|
width: 1em; |
|
height: 1em; |
|
top: calc(50% - 0.5em); |
|
left: calc(50% - 0.5em); |
|
margin: 0 auto; |
|
color: #37a6ef; |
|
-webkit-animation: tv-spinner__container-rotate 0.9s linear infinite; |
|
animation: tv-spinner__container-rotate 0.9s linear infinite; |
|
will-change: transform; |
|
/* The spinner does not have any contents that would have to be |
|
* flipped if the direction changes. Always use ltr so that the |
|
* style works out correctly in both cases. */ |
|
direction: ltr; |
|
} |
|
.tv-spinner--size_mini { |
|
font-size: 16px; |
|
} |
|
.tv-spinner--size_medium { |
|
font-size: 32px; |
|
} |
|
.tv-spinner--size_large { |
|
font-size: 56px; |
|
} |
|
.tv-spinner--size_mini .tv-spinner__width_element:after { |
|
border-width: 2px; |
|
} |
|
.tv-spinner--size_medium .tv-spinner__width_element:after { |
|
border-width: 3px; |
|
} |
|
.tv-spinner--size_large .tv-spinner__width_element:after { |
|
border-width: 4px; |
|
} |
|
.tv-spinner--shown { |
|
display: block; |
|
} |
|
.tv-spinner__spinner-layer { |
|
position: absolute; |
|
width: 100%; |
|
height: 100%; |
|
white-space: nowrap; |
|
color: currentColor; |
|
-webkit-transform: rotate(90deg); |
|
transform: rotate(90deg); |
|
/** |
|
* Patch the gap that appear between the two adjacent div.circle-clipper while the |
|
* spinner is rotating (appears on Chrome 50, Safari 9.1.1, and Edge). |
|
*/ |
|
} |
|
.tv-spinner__spinner-layer::after { |
|
content: ''; |
|
position: absolute; |
|
box-sizing: border-box; |
|
top: 0; |
|
border-width: 0.07em; |
|
border-radius: 50%; |
|
left: 45%; |
|
width: 10%; |
|
border-top-style: solid; |
|
} |
|
.tv-spinner__background { |
|
display: inline-block; |
|
position: absolute; |
|
width: 100%; |
|
height: 100%; |
|
overflow: hidden; |
|
} |
|
.tv-spinner__background::after { |
|
content: ''; |
|
position: absolute; |
|
box-sizing: border-box; |
|
top: 0; |
|
border-radius: 50%; |
|
bottom: 0; |
|
width: 100%; |
|
border-color: rgba(135, 151, 165, 0.2); |
|
border-style: solid; |
|
} |
|
.tv-spinner__circle-clipper { |
|
display: inline-block; |
|
position: relative; |
|
width: 50%; |
|
height: 100%; |
|
overflow: hidden; |
|
} |
|
.tv-spinner__circle-clipper::after { |
|
content: ''; |
|
position: absolute; |
|
box-sizing: border-box; |
|
top: 0; |
|
border-radius: 50%; |
|
bottom: 0; |
|
width: 200%; |
|
border-style: solid; |
|
border-bottom-color: transparent; |
|
-webkit-animation-duration: 1.4s; |
|
animation-duration: 1.4s; |
|
-webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.37, 0.99); |
|
animation-timing-function: cubic-bezier(0.36, 0, 0.37, 0.99); |
|
-webkit-animation-iteration-count: 1; |
|
animation-iteration-count: 1; |
|
will-change: transform; |
|
} |
|
.tv-spinner__circle-clipper--left::after { |
|
left: 0; |
|
border-right-color: transparent; |
|
-webkit-transform: rotate(0deg); |
|
transform: rotate(0deg); |
|
-webkit-animation-name: tv-spinner__left-spin; |
|
animation-name: tv-spinner__left-spin; |
|
} |
|
.tv-spinner__circle-clipper--right::after { |
|
left: -100%; |
|
border-left-color: transparent; |
|
-webkit-transform: rotate(-124deg); |
|
transform: rotate(-124deg); |
|
-webkit-animation-name: tv-spinner__right-spin; |
|
animation-name: tv-spinner__right-spin; |
|
} |
|
@-webkit-keyframes tv-spinner__container-rotate { |
|
100% { |
|
-webkit-transform: rotate(360deg); |
|
transform: rotate(360deg); |
|
} |
|
} |
|
@keyframes tv-spinner__container-rotate { |
|
100% { |
|
-webkit-transform: rotate(360deg); |
|
transform: rotate(360deg); |
|
} |
|
} |
|
@-webkit-keyframes tv-spinner__left-spin { |
|
0% { |
|
-webkit-transform: rotate(130deg); |
|
transform: rotate(130deg); |
|
} |
|
to { |
|
-webkit-transform: rotate(0deg); |
|
transform: rotate(0deg); |
|
} |
|
} |
|
@keyframes tv-spinner__left-spin { |
|
0% { |
|
-webkit-transform: rotate(130deg); |
|
transform: rotate(130deg); |
|
} |
|
to { |
|
-webkit-transform: rotate(0deg); |
|
transform: rotate(0deg); |
|
} |
|
} |
|
@-webkit-keyframes tv-spinner__right-spin { |
|
0% { |
|
-webkit-transform: rotate(-130deg); |
|
transform: rotate(-130deg); |
|
} |
|
to { |
|
-webkit-transform: rotate(-124deg); |
|
transform: rotate(-124deg); |
|
} |
|
} |
|
@keyframes tv-spinner__right-spin { |
|
0% { |
|
-webkit-transform: rotate(-130deg); |
|
transform: rotate(-130deg); |
|
} |
|
to { |
|
-webkit-transform: rotate(-124deg); |
|
transform: rotate(-124deg); |
|
} |
|
} |
|
|
|
|
|
.wrap-CUt4Mg1V- { |
|
-webkit-flex: 1 1 auto; |
|
flex: 1 1 auto; |
|
height: 100%; |
|
min-width: 0; |
|
} |
|
|
|
.inner-32OP7ejC- { |
|
display: -webkit-flex; |
|
display: flex; |
|
position: relative; |
|
-webkit-flex: 1 1 auto; |
|
flex: 1 1 auto; |
|
overflow: hidden; |
|
width: 100px; |
|
height: 100%; |
|
} |
|
|
|
.actions-1cGPn1dW- { |
|
display: -webkit-flex; |
|
display: flex; |
|
position: relative; |
|
-webkit-flex-flow: row nowrap; |
|
flex-flow: row nowrap; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
opacity: 0; |
|
padding: 0 4px; |
|
background-color: #ffffff; |
|
} |
|
|
|
html.theme-dark .actions-1cGPn1dW-{ background-color: #131722; } |
|
|
|
.actions-1cGPn1dW-:before { |
|
content: ''; |
|
display: block; |
|
position: absolute; |
|
left: 0; |
|
height: 18px; |
|
width: 1px; |
|
background-color: #e7ebee; |
|
} |
|
|
|
html.theme-dark .actions-1cGPn1dW-:before{ background-color: #2f3241; } |
|
|
|
.actions-1cGPn1dW- button { |
|
display: -webkit-flex; |
|
display: flex; |
|
width: 26px; |
|
height: 26px; |
|
color: #4c525e; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
margin-right: 3px; |
|
padding: 0; |
|
border: none; |
|
border-radius: 50%; |
|
background-color: transparent; |
|
transition: color ease 60ms, background-color ease 60ms; |
|
} |
|
|
|
.actions-1cGPn1dW- button:last-child { |
|
margin-right: 0; |
|
} |
|
|
|
.feature-no-touch .actions-1cGPn1dW- button:hover, .feature-no-touch .actions-1cGPn1dW- button:active,.feature-touch .actions-1cGPn1dW- button:active { |
|
background-color: #f2f3f5; |
|
} |
|
|
|
html.feature-no-touch.theme-dark .actions-1cGPn1dW- button:hover, html.feature-no-touch.theme-dark .actions-1cGPn1dW- button:active,html.feature-touch.theme-dark .actions-1cGPn1dW- button:active{ background-color: #1c2030; } |
|
|
|
.actions-1cGPn1dW- button svg { |
|
display: block; |
|
} |
|
|
|
.actions-1cGPn1dW- button.disabled, .feature-no-touch .actions-1cGPn1dW- button.disabled:hover { |
|
background-color: transparent; |
|
} |
|
|
|
.actions-1cGPn1dW- button.disabled svg, .feature-no-touch .actions-1cGPn1dW- button.disabled:hover svg { |
|
color: #d6d8e0; |
|
} |
|
|
|
.input-3lfOzLDc- { |
|
display: block; |
|
-webkit-flex: 1 1 auto; |
|
flex: 1 1 auto; |
|
padding: 5px 10px; |
|
font-size: 15px; |
|
font-weight: bold; |
|
width: 0; |
|
min-width: 100px; |
|
height: 100%; |
|
border: none; |
|
box-sizing: border-box; |
|
background-color: transparent; |
|
/*!rtl:raw: |
|
direction: ltr; |
|
text-align: end; |
|
*/ |
|
} |
|
|
|
.inner-32OP7ejC-.isExpanded-1pdStI5Z- { |
|
width: auto; |
|
} |
|
|
|
.inner-32OP7ejC-.isExpanded-1pdStI5Z- .input-3lfOzLDc- { |
|
min-width: 70px; |
|
} |
|
|
|
.inner-32OP7ejC-.isExpanded-1pdStI5Z- .actions-1cGPn1dW- { |
|
opacity: 1; |
|
} |
|
|
|
|
|
.label-1LxfyrID- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: row; |
|
flex-direction: row; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
white-space: nowrap; |
|
color: #4c525e; |
|
}html.theme-dark .label-1LxfyrID-{ color: #758696; } |
|
|
|
.label-1LxfyrID- .icon-3bTRbX0U- { |
|
display: -webkit-flex; |
|
display: flex; |
|
} |
|
|
|
.label-1LxfyrID- .icon-3bTRbX0U- svg { |
|
display: block; |
|
fill: #4c525e; |
|
} |
|
|
|
html.theme-dark .label-1LxfyrID- .icon-3bTRbX0U- svg{ fill: #758696; } |
|
|
|
.label-1LxfyrID- .text-2BJe_3ce- { |
|
font-size: 15px; |
|
margin: 0 20px 0 5px; |
|
} |
|
|
|
.item-b8AKccvl- { |
|
color: #4c525e; |
|
transition: color ease 60ms; |
|
/* allow to override anything */ |
|
|
|
display: -webkit-flex; |
|
|
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
border: solid 1px; |
|
border-color: #d6d8e0; |
|
border-radius: 50%; |
|
font-size: 10px; |
|
text-align: center; |
|
cursor: default; |
|
background-color: #ffffff; |
|
|
|
height: 20px; |
|
width: 20px; |
|
|
|
margin: 0 3px; |
|
} |
|
|
|
html.theme-dark .item-b8AKccvl-{ background-color: #131722; } |
|
|
|
html.theme-dark .item-b8AKccvl-{ border-color: #6b7988; } |
|
|
|
html.theme-dark .item-b8AKccvl-{ color: #758696; } |
|
|
|
.item-b8AKccvl-.hovered-2SpHqnXp-, .feature-no-touch .item-b8AKccvl-:hover, .feature-no-touch .item-b8AKccvl-:active,.feature-touch .item-b8AKccvl-:active { |
|
color: #131722; |
|
} |
|
|
|
html.theme-dark .item-b8AKccvl-.hovered-2SpHqnXp-, html.feature-no-touch.theme-dark .item-b8AKccvl-:hover, html.feature-no-touch.theme-dark .item-b8AKccvl-:active,html.feature-touch.theme-dark .item-b8AKccvl-:active{ color: #9db2bd; } |
|
|
|
.feature-no-touch .item-b8AKccvl-:hover { |
|
background-color: #f7f8fa; |
|
} |
|
|
|
html.feature-no-touch.theme-dark .item-b8AKccvl-:hover{ background-color: #1c2030; } |
|
|
|
|
|
.wrap-15BhAobm- { |
|
transition: background-color ease 60ms; |
|
} |
|
|
|
.wrap-15BhAobm-.opened-1yAGeGGi- { |
|
background-color: #f7f8fa; |
|
} |
|
|
|
html.theme-dark .wrap-15BhAobm-.opened-1yAGeGGi-{ background-color: #1c2030; } |
|
|
|
.wrap-15BhAobm-.full-2VMT2UlC- .first-1vAzGgSq- { |
|
margin-left: -3px; |
|
} |
|
|
|
.wrap-15BhAobm-.full-2VMT2UlC- .last-xMjAcadb- { |
|
margin-right: 10px; |
|
} |
|
|
|
.wrap-15BhAobm-.medium-1BEsHMFf- .first-1vAzGgSq- { |
|
margin-left: 0; |
|
} |
|
|
|
.wrap-15BhAobm-.medium-1BEsHMFf- .last-xMjAcadb- { |
|
margin-right: 8px; |
|
} |
|
|
|
.loader-1uURoPBh- { |
|
position: relative; |
|
} |
|
|
|
|
|
.buttonUndo-342XpPC1- { |
|
padding-right: 0; |
|
padding-left: 3px; |
|
} |
|
|
|
.buttonRedo-3o_XdU_J- { |
|
padding-left: 0; |
|
padding-right: 3px; |
|
} |
|
|
|
|
|
|
|
.container-2BvS3Fpg- { |
|
width: 100%; |
|
height: 100%; |
|
box-sizing: border-box; |
|
background-color: #e7ebee; |
|
}html.theme-dark .container-2BvS3Fpg-{ background-color: #2f3241; } |
|
|
|
.container-2BvS3Fpg- .inner-3YzQuyJx- { |
|
width: 100%; |
|
height: 100%; |
|
background-color: #ffffff; |
|
} |
|
|
|
html.theme-dark .container-2BvS3Fpg- .inner-3YzQuyJx-{ background-color: #171b29; } |
|
|
|
.container-2BvS3Fpg-.border-left-LYAXTdyL- { |
|
padding-left: 4px; |
|
} |
|
|
|
.container-2BvS3Fpg-.border-right-OzIcepiV- { |
|
padding-right: 4px; |
|
} |
|
|
|
.container-2BvS3Fpg-.border-top-193CSDqN- { |
|
padding-top: 4px; |
|
} |
|
|
|
.container-2BvS3Fpg-.border-bottom-2lZASSTD- { |
|
padding-bottom: 4px; |
|
} |
|
|
|
.container-2BvS3Fpg-.top-right-radius-FE25nrPp- .inner-3YzQuyJx- { |
|
border-top-right-radius: 4px; |
|
} |
|
|
|
.container-2BvS3Fpg-.top-left-radius-1ELOZlIb- .inner-3YzQuyJx- { |
|
border-top-left-radius: 4px; |
|
} |
|
|
|
.container-2BvS3Fpg-.bottom-right-radius-7zqIiaLN- .inner-3YzQuyJx- { |
|
border-bottom-right-radius: 4px; |
|
} |
|
|
|
.container-2BvS3Fpg-.bottom-left-radius-xCxQ998i- .inner-3YzQuyJx- { |
|
border-bottom-left-radius: 4px; |
|
} |
|
|
|
|
|
.group-wWM3zP_M- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
height: 100%; |
|
-webkit-flex: 0 0 auto; |
|
flex: 0 0 auto; |
|
|
|
background-color: #ffffff; |
|
margin-left: 1px; |
|
border-radius: 0 0 2px 2px; |
|
overflow: hidden; |
|
|
|
min-width: 38px; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
cursor: default; |
|
}html.theme-dark .group-wWM3zP_M-{ background-color: #131722; } |
|
|
|
.group-wWM3zP_M-.noLeftDecoration-15F5a1TB- { |
|
margin-left: 0; |
|
border-bottom-left-radius: 0; |
|
} |
|
|
|
.group-wWM3zP_M-.noRightDecoration-2GcAAgVb- { |
|
margin-right: 0; |
|
border-bottom-right-radius: 0; |
|
} |
|
|
|
.group-wWM3zP_M-.noMinimalWidth-1sbl_ff5- { |
|
min-width: 0; |
|
} |
|
|
|
.group-wWM3zP_M-:first-child { |
|
border-bottom-left-radius: 4px; |
|
margin-left: 0; |
|
} |
|
|
|
.group-wWM3zP_M-:last-child { |
|
border-bottom-right-radius: 4px; |
|
margin-right: 0; |
|
} |
|
|
|
.wrap-3tiHesTk- { |
|
display: -webkit-flex; |
|
display: flex; |
|
height: 38px; |
|
-webkit-flex: 1 1 auto; |
|
flex: 1 1 auto; |
|
min-width: 0; |
|
} |
|
|
|
|
|
.wrap-3K4w_7te- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
color: #8797a5; |
|
cursor: default; |
|
} |
|
|
|
html.theme-dark .wrap-3K4w_7te-{ color: #8797a5; } |
|
|
|
.wrap-3K4w_7te- .icon-1dNdRXKB- { |
|
margin: 0 1px 0 8px; |
|
} |
|
|
|
.wrap-3K4w_7te- svg { |
|
fill: currentColor; |
|
} |
|
|
|
|
|
.wrap-1GG7GnNO- { |
|
position: relative; |
|
direction: ltr; |
|
width: 100%; |
|
height: 100%; |
|
overflow: hidden; |
|
} |
|
|
|
.wrap-1GG7GnNO- svg { |
|
display: block; |
|
} |
|
|
|
.scrollWrap-1icOiezT- { |
|
position: relative; |
|
width: 100%; |
|
height: 100%; |
|
overflow-x: auto; |
|
overflow-y: hidden; |
|
-webkit-overflow-scrolling: touch; |
|
} |
|
|
|
.scrollWrap-1icOiezT-::-webkit-scrollbar { |
|
width: 5px; |
|
} |
|
|
|
.scrollWrap-1icOiezT-::-webkit-scrollbar-thumb { |
|
border: 1px solid #f2f3f5; |
|
border-radius: 3px; |
|
background-color: #9db2bd; |
|
} |
|
|
|
.scrollWrap-1icOiezT-::-webkit-scrollbar-track { |
|
background-color: #f2f3f5; |
|
border-radius: 3px; |
|
} |
|
|
|
.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK- { |
|
padding-bottom: 100px; |
|
-ms-overflow-style: none; |
|
} |
|
|
|
.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK- .sb-scrollbar-wrap { |
|
display: none; |
|
} |
|
|
|
.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK-::-webkit-scrollbar { |
|
display: none; |
|
width: 0; |
|
height: 0; |
|
} |
|
|
|
.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK-::-webkit-scrollbar-thumb { |
|
display: none; |
|
} |
|
|
|
.scrollWrap-1icOiezT-.noScrollBar-2zw2auFK-::-webkit-scrollbar-track { |
|
display: none; |
|
} |
|
|
|
.content-3_f7yH29- { |
|
display: table; |
|
position: relative; |
|
width: 100%; |
|
height: 100%; |
|
white-space: nowrap; |
|
} |
|
|
|
.icon-2fZsO52g- { |
|
display: block; |
|
transition: -webkit-transform ease 60ms; |
|
transition: transform ease 60ms; |
|
transition: transform ease 60ms, -webkit-transform ease 60ms; |
|
} |
|
|
|
.scrollLeft-3OUcqYWy-, .scrollRight-UDsPWprP- { |
|
display: -webkit-flex; |
|
display: flex; |
|
position: absolute; |
|
top: 0; |
|
height: 100%; |
|
width: 24px; |
|
background-color: rgba(38, 43, 62, 0.7); |
|
color: #ffffff; |
|
transition: background-color ease 350ms, -webkit-transform cubic-bezier(0.55, 0.055, 0.675, 0.19) 116.66667ms; |
|
transition: background-color ease 350ms, transform cubic-bezier(0.55, 0.055, 0.675, 0.19) 116.66667ms; |
|
transition: background-color ease 350ms, transform cubic-bezier(0.55, 0.055, 0.675, 0.19) 116.66667ms, -webkit-transform cubic-bezier(0.55, 0.055, 0.675, 0.19) 116.66667ms; |
|
|
|
-webkit-flex-direction: column; |
|
|
|
flex-direction: column; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
} |
|
|
|
.feature-no-touch .scrollLeft-3OUcqYWy-:hover, .feature-no-touch .scrollLeft-3OUcqYWy-:active,.feature-touch .scrollLeft-3OUcqYWy-:active, .feature-no-touch .scrollRight-UDsPWprP-:hover, .feature-no-touch .scrollRight-UDsPWprP-:active,.feature-touch .scrollRight-UDsPWprP-:active { |
|
transition: background-color ease 58.33333ms, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 116.66667ms; |
|
transition: background-color ease 58.33333ms, transform cubic-bezier(0.215, 0.61, 0.355, 1) 116.66667ms; |
|
transition: background-color ease 58.33333ms, transform cubic-bezier(0.215, 0.61, 0.355, 1) 116.66667ms, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 116.66667ms; |
|
} |
|
|
|
.feature-no-touch .scrollLeft-3OUcqYWy-:hover .icon-2fZsO52g-, .feature-no-touch .scrollLeft-3OUcqYWy-:active .icon-2fZsO52g-,.feature-touch .scrollLeft-3OUcqYWy-:active .icon-2fZsO52g-, .feature-no-touch .scrollRight-UDsPWprP-:hover .icon-2fZsO52g-, .feature-no-touch .scrollRight-UDsPWprP-:active .icon-2fZsO52g-,.feature-touch .scrollRight-UDsPWprP-:active .icon-2fZsO52g- { |
|
-webkit-transform: translateY(1px); |
|
transform: translateY(1px); |
|
} |
|
|
|
.scrollLeft-3OUcqYWy-.isVisible-zZk7F7wr-, .scrollRight-UDsPWprP-.isVisible-zZk7F7wr- { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
} |
|
|
|
.scrollLeft-3OUcqYWy- { |
|
/*!rtl:ignore*/ |
|
left: 0; |
|
/*!rtl:ignore*/ |
|
-webkit-transform: translate3d(-100%, 0, 0); |
|
transform: translate3d(-100%, 0, 0); |
|
} |
|
|
|
.scrollLeft-3OUcqYWy- .iconWrap-1U8J-Qkw- { |
|
/*!rtl:ignore*/ |
|
-webkit-transform: rotate(90deg); |
|
transform: rotate(90deg); |
|
} |
|
|
|
.scrollRight-UDsPWprP- { |
|
/*!rtl:ignore*/ |
|
right: 0; |
|
/*!rtl:ignore*/ |
|
-webkit-transform: translate3d(100%, 0, 0); |
|
transform: translate3d(100%, 0, 0); |
|
} |
|
|
|
.scrollRight-UDsPWprP- .iconWrap-1U8J-Qkw- { |
|
/*!rtl:ignore*/ |
|
-webkit-transform: rotate(-90deg); |
|
transform: rotate(-90deg); |
|
} |
|
|
|
.fadeLeft-31arUEZY-, .fadeRight-36gcjOQb- { |
|
position: absolute; |
|
pointer-events: none; |
|
|
|
width: 50px; |
|
height: 100%; |
|
top: 0; |
|
} |
|
|
|
.fadeLeft-31arUEZY-.isVisible-zZk7F7wr-, .fadeRight-36gcjOQb-.isVisible-zZk7F7wr- { |
|
-webkit-transform: translate3d(0, 0, 0); |
|
transform: translate3d(0, 0, 0); |
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
} |
|
|
|
.fadeLeft-31arUEZY- { |
|
left: 0; |
|
background-image: linear-gradient(to left, rgba(255, 255, 255, 0), #ffffff); |
|
-webkit-transform: translate3d(-100%, 0, 0); |
|
transform: translate3d(-100%, 0, 0); |
|
} |
|
|
|
html.theme-dark .fadeLeft-31arUEZY-{ background-image: linear-gradient(to left, rgba(19, 23, 34, 0), #131722); } |
|
|
|
.fadeRight-36gcjOQb- { |
|
right: 0; |
|
background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff); |
|
-webkit-transform: translate3d(100%, 0, 0); |
|
transform: translate3d(100%, 0, 0); |
|
} |
|
|
|
html.theme-dark .fadeRight-36gcjOQb-{ background-image: linear-gradient(to right, rgba(19, 23, 34, 0), #131722); } |
|
|
|
|
|
.fake-37paHC6T- { |
|
/* Avoid display flex it is buggy in ie11 */ |
|
display: inline-block; |
|
position: absolute; |
|
visibility: hidden; |
|
top: 0; |
|
} |
|
|
|
.inner-v8eiKwdM- { |
|
display: -webkit-flex; |
|
display: flex; |
|
height: 100%; |
|
} |
|
|
|
.subGroup-1JpgB9zD- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
height: 100%; |
|
-webkit-flex: 0 0 auto; |
|
flex: 0 0 auto; |
|
} |
|
|
|
.subGroup-1JpgB9zD- > :not(:first-child) { |
|
position: relative; |
|
margin-left: 1px; |
|
} |
|
|
|
.subGroup-1JpgB9zD- > :not(:first-child):before { |
|
content: ' '; |
|
position: absolute; |
|
top: 8px; |
|
bottom: 8px; |
|
left: -1px; |
|
width: 1px; |
|
background-color: #e7ebee; |
|
} |
|
|
|
html.theme-dark .subGroup-1JpgB9zD- > :not(:first-child):before{ background-color: #2f3241; } |
|
|
|
.fill-2axUON87- { |
|
-webkit-flex: 1 1 100%; |
|
flex: 1 1 100%; |
|
min-width: 0; |
|
} |
|
|
|
.fill-2axUON87-.minimalPriority-1MGEuVHu- { |
|
-webkit-flex: 1 1 0%; |
|
flex: 1 1 0%; |
|
} |
|
|
|
.button-3xrjDzA4- { |
|
padding: 0 10px 0 6px; |
|
} |
|
|
|
.iconButton-3vyD3BPg- { |
|
padding: 0 5px; |
|
} |
|
|
|
|
|
.hidden-2kSvETGo- { |
|
display: none; |
|
} |
|
|
|
.symbolSearch-3I4QF1U_- { |
|
max-width: 500px; |
|
-webkit-flex: 1 1 100%; |
|
flex: 1 1 100%; |
|
-webkit-justify-content: flex-start; |
|
justify-content: flex-start; |
|
} |
|
.toolbar-2n2cwgp5- { |
|
position: relative; |
|
height: 100%; |
|
padding: 0 4px; |
|
font-size: 14px; |
|
} |
|
|
|
.toolbar-2n2cwgp5-.isHidden-GTob3P_C- { |
|
background-color: transparent; |
|
} |
|
|
|
html.theme-dark .toolbar-2n2cwgp5-.isHidden-GTob3P_C-{ background-color: transparent ; } |
|
|
|
.toolbar-2n2cwgp5-.isHidden-GTob3P_C- .overflowWrap-PWdgT-U_- { |
|
display: none; |
|
} |
|
|
|
.overflowWrap-PWdgT-U_- { |
|
overflow: hidden; |
|
height: 38px; |
|
} |
|
|
|
.customButton--jqJTfH5- { |
|
color: #4c525e; |
|
transition: color ease 60ms; |
|
/* allow to override anything */ |
|
|
|
padding: 0 10px; |
|
} |
|
|
|
html.theme-dark .customButton--jqJTfH5-{ color: #758696; } |
|
|
|
.customButton--jqJTfH5-.hovered-1mGRUp3y-, .feature-no-touch .customButton--jqJTfH5-:hover, .feature-no-touch .customButton--jqJTfH5-:active,.feature-touch .customButton--jqJTfH5-:active { |
|
color: #131722; |
|
} |
|
|
|
html.theme-dark .customButton--jqJTfH5-.hovered-1mGRUp3y-, html.feature-no-touch.theme-dark .customButton--jqJTfH5-:hover, html.feature-no-touch.theme-dark .customButton--jqJTfH5-:active,html.feature-touch.theme-dark .customButton--jqJTfH5-:active{ color: #9db2bd; } |
|
|
|
.wrap-1h7U5nKd- { |
|
position: relative; |
|
direction: ltr; |
|
width: 100%; |
|
height: 100%; |
|
overflow: hidden; |
|
} |
|
|
|
.wrap-1h7U5nKd- svg { |
|
display: block; |
|
} |
|
|
|
.scrollWrap-3gtPS0Fe- { |
|
display: -webkit-flex; |
|
display: flex; |
|
position: relative; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
-webkit-flex: 0 0 auto; |
|
flex: 0 0 auto; |
|
width: 100%; |
|
height: 100%; |
|
overflow-x: hidden; |
|
overflow-y: auto; |
|
-webkit-overflow-scrolling: touch; |
|
} |
|
|
|
.scrollWrap-3gtPS0Fe-::-webkit-scrollbar { |
|
width: 5px; |
|
} |
|
|
|
.scrollWrap-3gtPS0Fe-::-webkit-scrollbar-thumb { |
|
border: 1px solid #f2f3f5; |
|
border-radius: 3px; |
|
background-color: #9db2bd; |
|
} |
|
|
|
.scrollWrap-3gtPS0Fe-::-webkit-scrollbar-track { |
|
background-color: #f2f3f5; |
|
border-radius: 3px; |
|
} |
|
|
|
.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur- { |
|
padding-right: 100px; |
|
-ms-overflow-style: none; |
|
} |
|
|
|
.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur- .sb-scrollbar-wrap { |
|
display: none; |
|
} |
|
|
|
.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur-::-webkit-scrollbar { |
|
display: none; |
|
width: 0; |
|
height: 0; |
|
} |
|
|
|
.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur-::-webkit-scrollbar-thumb { |
|
display: none; |
|
} |
|
|
|
.scrollWrap-3gtPS0Fe-.noScrollBar-ieMwbfur-::-webkit-scrollbar-track { |
|
display: none; |
|
} |
|
|
|
.content-YhoA_L2m- { |
|
display: -webkit-flex; |
|
display: flex; |
|
position: relative; |
|
-webkit-flex: 1 0 auto; |
|
flex: 1 0 auto; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
} |
|
|
|
.icon-2xObs8DI- { |
|
display: block; |
|
transition: -webkit-transform ease 60ms; |
|
transition: transform ease 60ms; |
|
transition: transform ease 60ms, -webkit-transform ease 60ms; |
|
} |
|
|
|
.scrollBot-2HHpZNuf-, .scrollTop-1eXi8ltS- { |
|
display: -webkit-flex; |
|
display: flex; |
|
position: absolute; |
|
left: 0; |
|
width: 100%; |
|
opacity: 0.7; |
|
height: 24px; |
|
background-color: #262b3e; |
|
color: #ffffff; |
|
transition: background-color ease 350ms, -webkit-transform cubic-bezier(0.55, 0.055, 0.675, 0.19) 116.66667ms; |
|
transition: background-color ease 350ms, transform cubic-bezier(0.55, 0.055, 0.675, 0.19) 116.66667ms; |
|
transition: background-color ease 350ms, transform cubic-bezier(0.55, 0.055, 0.675, 0.19) 116.66667ms, -webkit-transform cubic-bezier(0.55, 0.055, 0.675, 0.19) 116.66667ms; |
|
|
|
-webkit-justify-content: center; |
|
|
|
justify-content: center; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
} |
|
|
|
html.theme-dark .scrollBot-2HHpZNuf-, html.theme-dark .scrollTop-1eXi8ltS-{ color: #000000; } |
|
|
|
html.theme-dark .scrollBot-2HHpZNuf-, html.theme-dark .scrollTop-1eXi8ltS-{ background-color: #8797a5; } |
|
|
|
.feature-no-touch .scrollBot-2HHpZNuf-:hover, .feature-no-touch .scrollBot-2HHpZNuf-:active,.feature-touch .scrollBot-2HHpZNuf-:active, .feature-no-touch .scrollTop-1eXi8ltS-:hover, .feature-no-touch .scrollTop-1eXi8ltS-:active,.feature-touch .scrollTop-1eXi8ltS-:active { |
|
transition: background-color ease 58.33333ms, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 116.66667ms; |
|
transition: background-color ease 58.33333ms, transform cubic-bezier(0.215, 0.61, 0.355, 1) 116.66667ms; |
|
transition: background-color ease 58.33333ms, transform cubic-bezier(0.215, 0.61, 0.355, 1) 116.66667ms, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 116.66667ms; |
|
} |
|
|
|
.feature-no-touch .scrollBot-2HHpZNuf-:hover .icon-2xObs8DI-, .feature-no-touch .scrollBot-2HHpZNuf-:active .icon-2xObs8DI-,.feature-touch .scrollBot-2HHpZNuf-:active .icon-2xObs8DI-, .feature-no-touch .scrollTop-1eXi8ltS-:hover .icon-2xObs8DI-, .feature-no-touch .scrollTop-1eXi8ltS-:active .icon-2xObs8DI-,.feature-touch .scrollTop-1eXi8ltS-:active .icon-2xObs8DI- { |
|
-webkit-transform: translateY(1px); |
|
transform: translateY(1px); |
|
} |
|
|
|
.scrollBot-2HHpZNuf-.isVisible-3zZOL3TO-, .scrollTop-1eXi8ltS-.isVisible-3zZOL3TO- { |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
} |
|
|
|
.scrollTop-1eXi8ltS- { |
|
top: 0; |
|
-webkit-transform: translateY(-100%); |
|
transform: translateY(-100%); |
|
} |
|
|
|
.scrollTop-1eXi8ltS- .iconWrap-2Q69rfEO- { |
|
-webkit-transform: rotate(180deg); |
|
transform: rotate(180deg); |
|
} |
|
|
|
.scrollBot-2HHpZNuf- { |
|
bottom: 0; |
|
-webkit-transform: translateY(100%); |
|
transform: translateY(100%); |
|
} |
|
|
|
.fadeBot-3JstnoWq-, .fadeTop-3oJzNyTq- { |
|
position: absolute; |
|
left: 0; |
|
width: 100%; |
|
height: 24px; |
|
pointer-events: none; |
|
} |
|
|
|
.fadeBot-3JstnoWq-.isVisible-3zZOL3TO-, .fadeTop-3oJzNyTq-.isVisible-3zZOL3TO- { |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
} |
|
|
|
.fadeTop-3oJzNyTq- { |
|
top: 0; |
|
-webkit-transform: translateY(-100%); |
|
transform: translateY(-100%); |
|
|
|
background-image: linear-gradient(to top, rgba(255, 255, 255, 0), #ffffff); |
|
} |
|
|
|
html.theme-dark .fadeTop-3oJzNyTq-{ background-image: linear-gradient(to top, rgba(19, 23, 34, 0), #131722); } |
|
|
|
.fadeBot-3JstnoWq- { |
|
bottom: 0; |
|
-webkit-transform: translateY(100%); |
|
transform: translateY(100%); |
|
|
|
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff); |
|
} |
|
|
|
html.theme-dark .fadeBot-3JstnoWq-{ background-image: linear-gradient(to bottom, rgba(19, 23, 34, 0), #131722); } |
|
|
|
.button-263WXsg-- { |
|
display: -webkit-flex; |
|
display: flex; |
|
position: relative; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
width: 52px; |
|
height: 36px; |
|
color: #758696; |
|
cursor: default; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
transition: background-color ease 350ms; |
|
} |
|
|
|
.button-263WXsg-- .bg-1kRv1Pf2- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
width: 34px; |
|
height: 34px; |
|
border-radius: 4px; |
|
transition: background-color ease 350ms; |
|
} |
|
|
|
.button-263WXsg--.isBgFull-CmoDGRQP- .bg-1kRv1Pf2- { |
|
width: 100%; |
|
height: 100%; |
|
border-radius: 0; |
|
} |
|
|
|
.button-263WXsg-- .icon-1Y-3MM9F- { |
|
color: #4c525e; |
|
transition: color ease 60ms; |
|
} |
|
|
|
html.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-{ color: #758696; } |
|
|
|
.button-263WXsg-- .icon-1Y-3MM9F-.hovered--MYZioUu-, .feature-no-touch .button-263WXsg-- .icon-1Y-3MM9F-:hover, .feature-no-touch .button-263WXsg-- .icon-1Y-3MM9F-:active,.feature-touch .button-263WXsg-- .icon-1Y-3MM9F-:active { |
|
color: #131722; |
|
} |
|
|
|
html.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-.hovered--MYZioUu-, html.feature-no-touch.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-:hover, html.feature-no-touch.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-:active,html.feature-touch.theme-dark .button-263WXsg-- .icon-1Y-3MM9F-:active{ color: #9db2bd; } |
|
|
|
/* allow to override anything */ |
|
|
|
.button-263WXsg-- .icon-1Y-3MM9F- svg { |
|
fill: currentColor; |
|
vertical-align: middle; |
|
} |
|
|
|
.feature-no-touch .button-263WXsg--.isBgFull-CmoDGRQP-:hover .bg-1kRv1Pf2-, .feature-no-touch .button-263WXsg--.isBgFull-CmoDGRQP-:active .bg-1kRv1Pf2-,.feature-touch .button-263WXsg--.isBgFull-CmoDGRQP-:active .bg-1kRv1Pf2- { |
|
background-color: #f2f3f5; |
|
} |
|
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isBgFull-CmoDGRQP-:hover .bg-1kRv1Pf2-, html.feature-no-touch.theme-dark .button-263WXsg--.isBgFull-CmoDGRQP-:active .bg-1kRv1Pf2-,html.feature-touch.theme-dark .button-263WXsg--.isBgFull-CmoDGRQP-:active .bg-1kRv1Pf2-{ background-color: #2f3241; } |
|
|
|
/* Active state */ |
|
|
|
.button-263WXsg--.isActive-2mI1-NUL- .icon-1Y-3MM9F- { |
|
color: #1592e6; |
|
} |
|
|
|
html.theme-sa .button-263WXsg--.isActive-2mI1-NUL- .icon-1Y-3MM9F-{ color: #ff7200; } |
|
|
|
html.theme-dark .button-263WXsg--.isActive-2mI1-NUL- .icon-1Y-3MM9F-{ color: #3bb3e4; } |
|
|
|
.button-263WXsg--.isActive-2mI1-NUL- .bg-1kRv1Pf2- { |
|
background-color: #f2f3f5; |
|
} |
|
|
|
html.theme-dark .button-263WXsg--.isActive-2mI1-NUL- .bg-1kRv1Pf2-{ background-color: #2f3241; } |
|
|
|
.feature-no-touch .button-263WXsg--.isActive-2mI1-NUL-:hover .icon-1Y-3MM9F-, .feature-no-touch .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F-,.feature-touch .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F- { |
|
color: #1592e6; |
|
} |
|
|
|
html.feature-no-touch.theme-sa .button-263WXsg--.isActive-2mI1-NUL-:hover .icon-1Y-3MM9F-, html.feature-no-touch.theme-sa .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F-,html.feature-touch.theme-sa .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F-{ color: #ff7200; } |
|
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:hover .icon-1Y-3MM9F-, html.feature-no-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F-,html.feature-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:active .icon-1Y-3MM9F-{ color: #3bb3e4; } |
|
|
|
.feature-no-touch .button-263WXsg--.isActive-2mI1-NUL-:hover .bg-1kRv1Pf2-, .feature-no-touch .button-263WXsg--.isActive-2mI1-NUL-:active .bg-1kRv1Pf2-,.feature-touch .button-263WXsg--.isActive-2mI1-NUL-:active .bg-1kRv1Pf2- { |
|
background-color: rgb(237, 238, 240); |
|
} |
|
|
|
html.feature-no-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:hover .bg-1kRv1Pf2-, html.feature-no-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:active .bg-1kRv1Pf2-,html.feature-touch.theme-dark .button-263WXsg--.isActive-2mI1-NUL-:active .bg-1kRv1Pf2-{ background-color: rgb(46, 49, 64); } |
|
|
|
/* Grayed, transparent */ |
|
|
|
.button-263WXsg--.isGrayed-1kWObWVr- { |
|
opacity: 0.3; |
|
cursor: default; |
|
} |
|
|
|
.button-263WXsg--.isGrayed-1kWObWVr-, .button-263WXsg--.isGrayed-1kWObWVr- .bg-1kRv1Pf2-, .feature-no-touch .button-263WXsg--.isGrayed-1kWObWVr-:hover, .feature-no-touch .button-263WXsg--.isGrayed-1kWObWVr-:active,.feature-touch .button-263WXsg--.isGrayed-1kWObWVr-:active, .feature-no-touch .button-263WXsg--.isGrayed-1kWObWVr-:hover .bg-1kRv1Pf2-, .feature-no-touch .button-263WXsg--.isGrayed-1kWObWVr-:active .bg-1kRv1Pf2-,.feature-touch .button-263WXsg--.isGrayed-1kWObWVr-:active .bg-1kRv1Pf2-, .button-263WXsg--.isTransparent-sRmateFl-, .button-263WXsg--.isTransparent-sRmateFl- .bg-1kRv1Pf2-, .feature-no-touch .button-263WXsg--.isTransparent-sRmateFl-:hover, .feature-no-touch .button-263WXsg--.isTransparent-sRmateFl-:active,.feature-touch .button-263WXsg--.isTransparent-sRmateFl-:active, .feature-no-touch .button-263WXsg--.isTransparent-sRmateFl-:hover .bg-1kRv1Pf2-, .feature-no-touch .button-263WXsg--.isTransparent-sRmateFl-:active .bg-1kRv1Pf2-,.feature-touch .button-263WXsg--.isTransparent-sRmateFl-:active .bg-1kRv1Pf2- { |
|
background-color: transparent; |
|
} |
|
|
|
html.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-, html.theme-dark .button-263WXsg--.isGrayed-1kWObWVr- .bg-1kRv1Pf2-, html.feature-no-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:hover, html.feature-no-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:active,html.feature-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:active, html.feature-no-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:hover .bg-1kRv1Pf2-, html.feature-no-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:active .bg-1kRv1Pf2-,html.feature-touch.theme-dark .button-263WXsg--.isGrayed-1kWObWVr-:active .bg-1kRv1Pf2-, html.theme-dark .button-263WXsg--.isTransparent-sRmateFl-, html.theme-dark .button-263WXsg--.isTransparent-sRmateFl- .bg-1kRv1Pf2-, html.feature-no-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:hover, html.feature-no-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:active,html.feature-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:active, html.feature-no-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:hover .bg-1kRv1Pf2-, html.feature-no-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:active .bg-1kRv1Pf2-,html.feature-touch.theme-dark .button-263WXsg--.isTransparent-sRmateFl-:active .bg-1kRv1Pf2-{ background-color: transparent ; } |
|
|
|
/* Hidden */ |
|
|
|
.button-263WXsg--.isHidden-2VzaskeU- { |
|
display: none; |
|
} |
|
|
|
|
|
/* Constants */ |
|
|
|
/* Dropdown */ |
|
.dropdown-3_ASLzSj- { |
|
position: relative; |
|
} |
|
|
|
/* Button Wrap */ |
|
.buttonWrap-3fZWypJl- { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
|
|
/* Button */ |
|
.control-1TyEfSIx- { |
|
position: relative; |
|
overflow: hidden; |
|
width: 52px; |
|
box-sizing: border-box; |
|
touch-action: manipulation; |
|
} |
|
.feature-no-touch .control-1TyEfSIx-:hover .arrow-1cFKS5Ok- { |
|
opacity: 1; |
|
} |
|
|
|
/* Arrow */ |
|
.arrow-1cFKS5Ok- { |
|
display: -webkit-flex; |
|
display: flex; |
|
position: absolute; |
|
opacity: .7; |
|
top: 1px; |
|
/*!rtl:ignore*/ |
|
right: 0; |
|
/*!rtl:ignore*/ |
|
-webkit-transform: translateX(100%); |
|
transform: translateX(100%); |
|
bottom: 1px; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
width: 12px; |
|
cursor: default; |
|
box-sizing: border-box; |
|
border-radius: 2px 0 0 2px; |
|
transition: opacity ease 250ms, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 250ms; |
|
transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, opacity ease 250ms; |
|
transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, opacity ease 250ms, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 250ms; |
|
} |
|
.arrow-1cFKS5Ok- .arrowIcon-2wA7q8om- { |
|
transition: opacity ease 250ms, -webkit-transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms; |
|
transition: transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms, opacity ease 250ms; |
|
transition: transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms, opacity ease 250ms, -webkit-transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms; |
|
} |
|
.arrow-1cFKS5Ok- .arrowIcon-2wA7q8om- svg { |
|
display: block; |
|
width: 4px; |
|
height: 7px; |
|
fill: #758696; |
|
transition: opacity ease 250ms, -webkit-transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms; |
|
transition: transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms, opacity ease 250ms; |
|
transition: transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms, opacity ease 250ms, -webkit-transform cubic-bezier(0.175, 0.885, 0.32, 1.275) 500ms; |
|
} |
|
|
|
/* Arrow shifting */ |
|
.feature-no-touch .control-1TyEfSIx-:hover .arrow-1cFKS5Ok-, .isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok-, .feature-touch .control-1TyEfSIx- .arrow-1cFKS5Ok- { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
opacity: .7; |
|
} |
|
.feature-no-touch .control-1TyEfSIx-:hover .arrow-1cFKS5Ok-:hover, .feature-no-touch .isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover, .feature-no-touch .feature-touch .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover { |
|
opacity: 1; |
|
} |
|
.feature-no-touch .control-1TyEfSIx-:hover .arrow-1cFKS5Ok-:hover svg, .feature-no-touch .isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover svg, .feature-no-touch .feature-touch .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover svg { |
|
fill: #758696; |
|
-webkit-transform: translateX(1px); |
|
transform: translateX(1px); |
|
} |
|
|
|
/* Opened state */ |
|
.isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok- .arrowIcon-2wA7q8om- { |
|
-webkit-transform: rotate(180deg); |
|
transform: rotate(180deg); |
|
} |
|
.feature-no-touch .isOpened-22vLOY9o- .control-1TyEfSIx- .arrow-1cFKS5Ok-:hover svg { |
|
-webkit-transform: translateX(-1px); |
|
transform: translateX(-1px); |
|
} |
|
|
|
/* Grayed state */ |
|
.feature-no-touch .isGrayed-xr-mULNo- .control-1TyEfSIx-:hover .buttonWrap-3fZWypJl-, .feature-touch .isGrayed-xr-mULNo- .control-1TyEfSIx- .buttonWrap-3fZWypJl- { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
} |
|
|
|
|
|
.wrap-2I6DAtXG- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-wrap: wrap; |
|
flex-wrap: wrap; |
|
padding: 0 5px; |
|
width: 390px; |
|
box-sizing: border-box; |
|
} |
|
|
|
.buttonIcon-2rBwJ1QM-, .item-31XunD5q- { |
|
/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */ |
|
font-family: FontAwesome; |
|
font-size: 19px; |
|
} |
|
|
|
.item-31XunD5q- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
text-align: center; |
|
width: 38px; |
|
height: 38px; |
|
cursor: pointer; |
|
|
|
color: #4c525e; |
|
|
|
transition: color ease 60ms; |
|
|
|
/* allow to override anything */ |
|
} |
|
|
|
html.theme-dark .item-31XunD5q-{ color: #758696; } |
|
|
|
.item-31XunD5q-.hovered-2A1Cpat5-, .feature-no-touch .item-31XunD5q-:hover, .feature-no-touch .item-31XunD5q-:active,.feature-touch .item-31XunD5q-:active { |
|
color: #131722; |
|
} |
|
|
|
html.theme-dark .item-31XunD5q-.hovered-2A1Cpat5-, html.feature-no-touch.theme-dark .item-31XunD5q-:hover, html.feature-no-touch.theme-dark .item-31XunD5q-:active,html.feature-touch.theme-dark .item-31XunD5q-:active{ color: #9db2bd; } |
|
|
|
.feature-no-touch .button-21ihqWJ8-:hover .buttonIcon-2rBwJ1QM- { |
|
transition-duration: 60ms; |
|
} |
|
|
|
|
|
.item-62xp8vsV- { |
|
overflow: hidden; |
|
height: 36px; |
|
transition: height cubic-bezier(0.645, 0.045, 0.355, 1) 175ms, opacity ease 350ms; |
|
} |
|
|
|
.enter-21AyqfcZ-, .enterActive-kua-y7K8- { |
|
opacity: 0; |
|
} |
|
|
|
.enter-21AyqfcZ- { |
|
height: 0; |
|
} |
|
|
|
.enterActive-kua-y7K8- { |
|
height: 36px; |
|
} |
|
|
|
.leave-4EzZ54xf- { |
|
height: 0; |
|
opacity: 0; |
|
transition: height cubic-bezier(0.645, 0.045, 0.355, 1) 175ms 87.5ms, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 175ms; |
|
} |
|
|
|
.container-3_8ayT2Q- { |
|
display: block; |
|
transition: fill ease 60ms, stroke ease 60ms; |
|
} |
|
|
|
.container-3_8ayT2Q-.mirror-crJbq8d0- { |
|
-webkit-transform: rotate(180deg); |
|
transform: rotate(180deg); |
|
} |
|
|
|
.container-3_8ayT2Q- .background-Q1Fcmxly- { |
|
fill: #ffffff; |
|
stroke: #dadde0; |
|
} |
|
|
|
html.theme-dark .container-3_8ayT2Q- .background-Q1Fcmxly-{ stroke: #363c4e; } |
|
|
|
html.theme-dark .container-3_8ayT2Q- .background-Q1Fcmxly-{ fill: #131722; } |
|
|
|
.container-3_8ayT2Q- .arrow-WcYWFXUn- { |
|
stroke: #9db2bd; |
|
} |
|
|
|
html.theme-dark .container-3_8ayT2Q- .arrow-WcYWFXUn-{ stroke: #9db2bd; } |
|
|
|
.feature-no-touch .container-3_8ayT2Q-:hover .background-Q1Fcmxly- { |
|
fill: #3bb3e4; |
|
stroke: #299dcd; |
|
} |
|
|
|
html.feature-no-touch.theme-dark .container-3_8ayT2Q-:hover .background-Q1Fcmxly-{ stroke: #3bb3e4; } |
|
|
|
html.feature-no-touch.theme-dark .container-3_8ayT2Q-:hover .background-Q1Fcmxly-{ fill: #299dcd; } |
|
|
|
.feature-no-touch .container-3_8ayT2Q-:hover .arrow-WcYWFXUn- { |
|
stroke: #ffffff; |
|
} |
|
|
|
html.feature-no-touch.theme-dark .container-3_8ayT2Q-:hover .arrow-WcYWFXUn-{ stroke: #131722; } |
|
|
|
|
|
.drawingToolbar-U3_QXRof- { |
|
position: relative; |
|
height: 100%; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
background-color: #ffffff; |
|
} |
|
|
|
html.theme-dark .drawingToolbar-U3_QXRof-{ background-color: #131722; } |
|
|
|
.drawingToolbar-U3_QXRof-.isHidden-2d-PYkzV- { |
|
background-color: transparent; |
|
} |
|
|
|
html.theme-dark .drawingToolbar-U3_QXRof-.isHidden-2d-PYkzV-{ background-color: transparent ; } |
|
|
|
.drawingToolbar-U3_QXRof-.isHidden-2d-PYkzV- .inner-1xuW-gY4- { |
|
display: none; |
|
} |
|
|
|
.inner-1xuW-gY4- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
width: 52px; |
|
background-color: #e7ebee; |
|
} |
|
|
|
html.theme-dark .inner-1xuW-gY4-{ background-color: #2f3241; } |
|
|
|
.toggleButton-13QgefpG- { |
|
position: absolute; |
|
z-index: 10; |
|
bottom: 58px; |
|
/*!rtl:ignore*/ |
|
left: 100%; |
|
/*!rtl:ignore*/ |
|
margin-left: -6px; |
|
} |
|
|
|
.toggleButton-13QgefpG-.collapsed-2trH0gCi- { |
|
/*!rtl:ignore*/ |
|
left: 0; |
|
/*!rtl:ignore*/ |
|
margin-left: 0; |
|
} |
|
|
|
.group-2JyOhh7Z- { |
|
padding: 6px 0; |
|
background-color: #ffffff; |
|
border-top-right-radius: 2px; |
|
border-bottom-right-radius: 2px; |
|
} |
|
|
|
html.theme-dark .group-2JyOhh7Z-{ background-color: #131722; } |
|
|
|
.group-2JyOhh7Z-+.group-2JyOhh7Z- { |
|
margin-top: 1px; |
|
} |
|
|
|
.group-2JyOhh7Z-:last-child { |
|
border-bottom-right-radius: 0; |
|
} |
|
|
|
.group-2JyOhh7Z-:first-child { |
|
border-top-right-radius: 0; |
|
} |
|
|
|
.separator-1BAqp1-l- { |
|
position: relative; |
|
margin: 5px 0; |
|
width: 100%; |
|
height: 1px; |
|
background-color: #e1ecf2; |
|
} |
|
|
|
html.theme-dark .separator-1BAqp1-l-{ background-color: #363c4e; } |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.tv-rename-chart-dialog__field { |
|
font-size: 13px; |
|
display: block; |
|
} |
|
.tv-rename-chart-dialog__field:not(:last-child) { |
|
margin-bottom: 13px; |
|
} |
|
.tv-rename-chart-dialog__label { |
|
display: inline-block; |
|
margin-bottom: 10px; |
|
} |
|
.tv-rename-chart-dialog__label a { |
|
color: #3bb3e4; |
|
transition: color ease 0.35s; |
|
} |
|
html.theme-dark .tv-rename-chart-dialog__label a{ color: #299dcd; } |
|
.tv-rename-chart-dialog__label a:visited { |
|
color: #3bb3e4; |
|
fill: #3bb3e4; |
|
} |
|
html.theme-dark .tv-rename-chart-dialog__label a:visited{ fill: #299dcd; } |
|
html.theme-dark .tv-rename-chart-dialog__label a:visited{ color: #299dcd; } |
|
.feature-no-touch .tv-rename-chart-dialog__label a:hover { |
|
color: #3babd8; |
|
fill: #3babd8; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch .tv-rename-chart-dialog__label a:active,.feature-touch .tv-rename-chart-dialog__label a:active { |
|
color: #049ddc; |
|
fill: #049ddc; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-rename-chart-dialog__hint { |
|
width: 16px; |
|
height: 16px; |
|
vertical-align: middle; |
|
display: inline-block; |
|
margin-left: 5px; |
|
} |
|
.tv-rename-chart-dialog__hint:before { |
|
-webkit-filter: invert(50%); |
|
filter: invert(50%); |
|
content: url('../images/svg/question-mark-rounded.svg'); |
|
} |
|
|
|
/** |
|
* Checkbox block |
|
*/ |
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.tv-control-checkbox { |
|
cursor: pointer; |
|
-webkit-tap-highlight-color: transparent; |
|
} |
|
.tv-control-checkbox--in-actions { |
|
max-width: 50%; |
|
} |
|
@media screen and (max-width:479px) { |
|
.tv-control-checkbox--in-actions { |
|
max-width: none; |
|
} |
|
} |
|
.tv-control-checkbox, .tv-control-checkbox__label { |
|
position: relative; |
|
display: inline-block; |
|
vertical-align: middle; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
} |
|
.tv-control-checkbox--nowrap, .tv-control-checkbox__label--nowrap { |
|
white-space: nowrap; |
|
} |
|
.tv-control-checkbox__input { |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 18px; |
|
height: 18px; |
|
opacity: 0; |
|
} |
|
.tv-control-checkbox__box { |
|
display: block; |
|
width: 18px; |
|
height: 18px; |
|
line-height: 1; |
|
border-radius: 2px; |
|
box-sizing: border-box; |
|
pointer-events: none; |
|
transition: background-color ease 0.35s; |
|
} |
|
.tv-control-checkbox__box:before { |
|
content: ''; |
|
display: block; |
|
position: absolute; |
|
top: 50%; |
|
left: 50%; |
|
margin-top: -9px; |
|
margin-left: -9px; |
|
width: 18px; |
|
height: 18px; |
|
border-radius: 2px; |
|
background-color: transparent; |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
transition: background-color ease 0.35s, border-radius ease 0.35s, -webkit-transform ease 0.35s; |
|
transition: transform ease 0.35s, background-color ease 0.35s, border-radius ease 0.35s; |
|
transition: transform ease 0.35s, background-color ease 0.35s, border-radius ease 0.35s, -webkit-transform ease 0.35s; |
|
} |
|
.tv-control-checkbox__box:after { |
|
content: ''; |
|
display: block; |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
border: 2px solid #758696; |
|
border-radius: 2px; |
|
box-sizing: border-box; |
|
width: 18px; |
|
height: 18px; |
|
transition: border-color ease 0.35s; |
|
} |
|
.tv-control-checkbox__box svg { |
|
display: block; |
|
position: absolute; |
|
top: 50%; |
|
left: 50%; |
|
margin-top: -6px; |
|
margin-left: -6px; |
|
width: 12px; |
|
height: 12px; |
|
stroke: transparent; |
|
-webkit-transform: scale(0); |
|
transform: scale(0); |
|
transition: stroke ease 0.35s 0.001s, -webkit-transform ease 0.35s 0.001s; |
|
transition: stroke ease 0.35s 0.001s, transform ease 0.35s 0.001s; |
|
transition: stroke ease 0.35s 0.001s, transform ease 0.35s 0.001s, -webkit-transform ease 0.35s 0.001s; |
|
} |
|
.tv-control-checkbox__label { |
|
white-space: normal; |
|
margin-right: 10px; |
|
} |
|
.tv-control-checkbox__label--two-lines { |
|
width: 155px; |
|
} |
|
.tv-control-checkbox__label--nowrap { |
|
white-space: nowrap; |
|
} |
|
.tv-control-checkbox__label--lil-line-height { |
|
line-height: 16px; |
|
min-width: 50%; |
|
max-width: 80%; |
|
} |
|
.tv-control-checkbox__label + .tv-control-checkbox { |
|
margin-left: 0; |
|
} |
|
.tv-control-checkbox + .tv-control-checkbox__label { |
|
margin-right: 0; |
|
margin-left: 10px; |
|
max-width: calc(100% - 1ex - 28px); |
|
} |
|
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__box, .feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__box,.feature-touch .tv-control-checkbox:active .tv-control-checkbox__box, .feature-no-touch .tv-control-checkbox__input:focus + .tv-control-checkbox__box,.feature-touch .tv-control-checkbox__input:focus + .tv-control-checkbox__box { |
|
will-change: background-color; |
|
} |
|
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__box:before, .feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__box:before,.feature-touch .tv-control-checkbox:active .tv-control-checkbox__box:before, .feature-no-touch .tv-control-checkbox__input:focus + .tv-control-checkbox__box:before,.feature-touch .tv-control-checkbox__input:focus + .tv-control-checkbox__box:before { |
|
will-change: transform, border-radius; |
|
} |
|
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__box:after, .feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__box:after,.feature-touch .tv-control-checkbox:active .tv-control-checkbox__box:after, .feature-no-touch .tv-control-checkbox__input:focus + .tv-control-checkbox__box:after,.feature-touch .tv-control-checkbox__input:focus + .tv-control-checkbox__box:after { |
|
will-change: border-color; |
|
} |
|
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__box:after { |
|
border-color: #627384; |
|
} |
|
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__box:after,.feature-touch .tv-control-checkbox:active .tv-control-checkbox__box:after, .feature-no-touch .tv-control-checkbox__input:focus + .tv-control-checkbox__box:after,.feature-touch .tv-control-checkbox__input:focus + .tv-control-checkbox__box:after { |
|
border-color: #3bb3e4; |
|
} |
|
.tv-control-checkbox__input:checked + .tv-control-checkbox__box { |
|
background-color: #3bb3e4; |
|
} |
|
.tv-control-checkbox__input:checked + .tv-control-checkbox__box, .tv-control-checkbox__input:checked + .tv-control-checkbox__box:before, .tv-control-checkbox__input:checked + .tv-control-checkbox__box:after { |
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
} |
|
.tv-control-checkbox__input:checked + .tv-control-checkbox__box:before { |
|
border-radius: 50%; |
|
-webkit-transform: scale(0); |
|
transform: scale(0); |
|
} |
|
.tv-control-checkbox__input:checked + .tv-control-checkbox__box:after { |
|
border-color: #3bb3e4; |
|
} |
|
.tv-control-checkbox__input:checked + .tv-control-checkbox__box svg { |
|
stroke: #ffffff; |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); |
|
transition-delay: 0.0875s; |
|
will-change: stroke, transform; |
|
} |
|
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__input:checked + .tv-control-checkbox__box { |
|
background-color: #3babd8; |
|
} |
|
.feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__input:checked + .tv-control-checkbox__box:after { |
|
border-color: #3babd8; |
|
} |
|
.feature-no-touch .tv-control-checkbox__input:focus:checked + .tv-control-checkbox__box,.feature-touch .tv-control-checkbox__input:focus:checked + .tv-control-checkbox__box, .feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input:checked + .tv-control-checkbox__box,.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input:checked + .tv-control-checkbox__box { |
|
background-color: #049ddc; |
|
} |
|
.feature-no-touch .tv-control-checkbox__input:focus:checked + .tv-control-checkbox__box:after,.feature-touch .tv-control-checkbox__input:focus:checked + .tv-control-checkbox__box:after, .feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input:checked + .tv-control-checkbox__box:after,.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input:checked + .tv-control-checkbox__box:after { |
|
border-color: #049ddc; |
|
} |
|
.tv-control-checkbox__input[disabled] + .tv-control-checkbox__box:after, .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box:after, .feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__input[disabled] + .tv-control-checkbox__box:after, .feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box:after, .feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled] + .tv-control-checkbox__box:after,.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled] + .tv-control-checkbox__box:after, .feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box:after,.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box:after { |
|
border-color: #dadde0; |
|
} |
|
html.theme-dark .tv-control-checkbox__input[disabled] + .tv-control-checkbox__box:after, html.theme-dark .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box:after, html.feature-no-touch.theme-dark .tv-control-checkbox:hover .tv-control-checkbox__input[disabled] + .tv-control-checkbox__box:after, html.feature-no-touch.theme-dark .tv-control-checkbox:hover .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box:after, html.feature-no-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled] + .tv-control-checkbox__box:after,html.feature-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled] + .tv-control-checkbox__box:after, html.feature-no-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box:after,html.feature-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box:after{ border-color: #363c4e; } |
|
.feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled] + .tv-control-checkbox__box:before,.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled] + .tv-control-checkbox__box:before, .feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box:before,.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box:before { |
|
background-color: #f1f3f6; |
|
transition: background-color ease 0.35s; |
|
} |
|
html.feature-no-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled] + .tv-control-checkbox__box:before,html.feature-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled] + .tv-control-checkbox__box:before, html.feature-no-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box:before,html.feature-touch.theme-dark .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box:before{ background-color: #2f3241; } |
|
.tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box, .feature-no-touch .tv-control-checkbox:hover .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box, .feature-no-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box,.feature-touch .tv-control-checkbox:active .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box { |
|
background-color: #dadde0; |
|
} |
|
.tv-control-checkbox__ripple { |
|
display: block; |
|
position: absolute; |
|
top: 0; |
|
right: 0; |
|
width: 100%; |
|
height: 100%; |
|
margin: -10px; |
|
padding: 10px; |
|
overflow: hidden; |
|
border-radius: 50%; |
|
-webkit-mask-image: radial-gradient(circle, white 100%, black 100%); |
|
mask-image: radial-gradient(circle, white 100%, black 100%); |
|
} |
|
.tv-control-checkbox__input:checked + .tv-control-checkbox__box + .tv-control-checkbox__ripple .tv-ripple { |
|
background-color: rgba(59, 179, 228, 0.25); |
|
} |
|
.tv-control-checkbox__input[disabled] + .tv-control-checkbox__box + .tv-control-checkbox__ripple .tv-ripple, .tv-control-checkbox__input[disabled]:checked + .tv-control-checkbox__box + .tv-control-checkbox__ripple .tv-ripple { |
|
background-color: transparent; |
|
} |
|
.tv-control-checkbox.i-error .tv-control-checkbox__box:after { |
|
border-color: #ff4a68; |
|
} |
|
.tv-control-checkbox.i-disabled { |
|
cursor: default; |
|
} |
|
|
|
/** |
|
* Popup/Modal Dialog |
|
*/ |
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
/** |
|
* Input |
|
*/ |
|
.tv-control-input, .tv-control-textarea, .tv-dialog__chat-username-input, .tv-dialog__widetextarea { |
|
display: block; |
|
padding: 0 12px; |
|
width: 100%; |
|
height: 34px; |
|
font-size: 13px; |
|
color: #4a4a4a; |
|
border-color: #dadde0; |
|
border-style: solid; |
|
border-width: 1px; |
|
background-color: #ffffff; |
|
border-radius: 2px; |
|
box-sizing: border-box; |
|
-webkit-tap-highlight-color: transparent; |
|
transition: border-color ease 0.35s, background-color ease 0.35s; |
|
} |
|
html.theme-dark .tv-control-input, html.theme-dark .tv-control-textarea, html.theme-dark .tv-dialog__chat-username-input, html.theme-dark .tv-dialog__widetextarea{ background-color: #1c2030; } |
|
html.theme-dark .tv-control-input, html.theme-dark .tv-control-textarea, html.theme-dark .tv-dialog__chat-username-input, html.theme-dark .tv-dialog__widetextarea{ border-color: #363c4e; } |
|
html.theme-dark .tv-control-input, html.theme-dark .tv-control-textarea, html.theme-dark .tv-dialog__chat-username-input, html.theme-dark .tv-dialog__widetextarea{ color: #c5cbce; } |
|
.tv-control-input::-webkit-input-placeholder, .tv-control-textarea::-webkit-input-placeholder, .tv-dialog__chat-username-input::-webkit-input-placeholder, .tv-dialog__widetextarea::-webkit-input-placeholder { |
|
color: #adaeb0; |
|
opacity: 1; |
|
} |
|
.tv-control-input:-ms-input-placeholder, .tv-control-textarea:-ms-input-placeholder, .tv-dialog__chat-username-input:-ms-input-placeholder, .tv-dialog__widetextarea:-ms-input-placeholder { |
|
color: #adaeb0; |
|
opacity: 1; |
|
} |
|
.tv-control-input::-ms-input-placeholder, .tv-control-textarea::-ms-input-placeholder, .tv-dialog__chat-username-input::-ms-input-placeholder, .tv-dialog__widetextarea::-ms-input-placeholder { |
|
color: #adaeb0; |
|
opacity: 1; |
|
} |
|
.tv-control-input::placeholder, .tv-control-textarea::placeholder, .tv-dialog__chat-username-input::placeholder, .tv-dialog__widetextarea::placeholder { |
|
color: #adaeb0; |
|
opacity: 1; |
|
} |
|
html.theme-dark .tv-control-input::-webkit-input-placeholder, html.theme-dark .tv-control-textarea::-webkit-input-placeholder, html.theme-dark .tv-dialog__chat-username-input::-webkit-input-placeholder, html.theme-dark .tv-dialog__widetextarea::-webkit-input-placeholder{ color: #4f5966; } |
|
html.theme-dark .tv-control-input:-ms-input-placeholder, html.theme-dark .tv-control-textarea:-ms-input-placeholder, html.theme-dark .tv-dialog__chat-username-input:-ms-input-placeholder, html.theme-dark .tv-dialog__widetextarea:-ms-input-placeholder{ color: #4f5966; } |
|
html.theme-dark .tv-control-input::-ms-input-placeholder, html.theme-dark .tv-control-textarea::-ms-input-placeholder, html.theme-dark .tv-dialog__chat-username-input::-ms-input-placeholder, html.theme-dark .tv-dialog__widetextarea::-ms-input-placeholder{ color: #4f5966; } |
|
html.theme-dark .tv-control-input::placeholder, html.theme-dark .tv-control-textarea::placeholder, html.theme-dark .tv-dialog__chat-username-input::placeholder, html.theme-dark .tv-dialog__widetextarea::placeholder{ color: #4f5966; } |
|
.tv-control-input:-webkit-autofill, .tv-control-textarea:-webkit-autofill, .tv-dialog__chat-username-input:-webkit-autofill, .tv-dialog__widetextarea:-webkit-autofill { |
|
-webkit-text-fill-color: #535353 !important; |
|
box-shadow: 0 0 0 1000px #ffffff inset !important; |
|
} |
|
.tv-control-input--size_xsmall, .tv-control-textarea--size_xsmall, .tv-dialog__chat-username-input--size_xsmall, .tv-dialog__widetextarea--size_xsmall { |
|
height: 19px; |
|
} |
|
.tv-control-input--size_small, .tv-control-textarea--size_small, .tv-dialog__chat-username-input--size_small, .tv-dialog__widetextarea--size_small { |
|
height: 27px; |
|
} |
|
.tv-control-input--size_large, .tv-control-textarea--size_large, .tv-dialog__chat-username-input--size_large, .tv-dialog__widetextarea--size_large { |
|
height: 48px; |
|
} |
|
.tv-control-input--connect, .tv-control-textarea--connect, .tv-dialog__chat-username-input--connect, .tv-dialog__widetextarea--connect { |
|
border-left: 0; |
|
border-right: 0; |
|
border-radius: 0; |
|
} |
|
.tv-control-input--connect_left, .tv-control-textarea--connect_left, .tv-dialog__chat-username-input--connect_left, .tv-dialog__widetextarea--connect_left { |
|
border-left: none; |
|
border-top-left-radius: 0; |
|
border-bottom-left-radius: 0; |
|
} |
|
.tv-control-input--connect_right, .tv-control-textarea--connect_right, .tv-dialog__chat-username-input--connect_right, .tv-dialog__widetextarea--connect_right { |
|
border-right: none; |
|
border-top-right-radius: 0; |
|
border-bottom-right-radius: 0; |
|
} |
|
.tv-control-input--connect_right#id_username, .tv-control-textarea--connect_right#id_username, .tv-dialog__chat-username-input--connect_right#id_username, .tv-dialog__widetextarea--connect_right#id_username { |
|
/*!rtl:raw: |
|
direction: ltr; |
|
text-align: right; |
|
*/ |
|
} |
|
.feature-no-touch .tv-control-input:hover, .feature-no-touch .tv-control-textarea:hover, .feature-no-touch .tv-dialog__chat-username-input:hover, .feature-no-touch .tv-dialog__widetextarea:hover { |
|
border-color: #c8c8c8; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .tv-control-input:hover, html.feature-no-touch.theme-dark .tv-control-textarea:hover, html.feature-no-touch.theme-dark .tv-dialog__chat-username-input:hover, html.feature-no-touch.theme-dark .tv-dialog__widetextarea:hover{ border-color: #4c525e; } |
|
.feature-no-touch .tv-control-input:focus,.feature-touch .tv-control-input:focus, .feature-no-touch .tv-control-textarea:focus,.feature-touch .tv-control-textarea:focus, .feature-no-touch .tv-dialog__chat-username-input:focus,.feature-touch .tv-dialog__chat-username-input:focus, .feature-no-touch .tv-dialog__widetextarea:focus,.feature-touch .tv-dialog__widetextarea:focus { |
|
border-color: #3bb3e4 !important; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-control-input[readonly], .tv-control-textarea[readonly], .tv-dialog__chat-username-input[readonly], .tv-dialog__widetextarea[readonly] { |
|
color: #8a8a8a; |
|
border-color: #dadde0; |
|
} |
|
.feature-no-touch .tv-control-input[readonly]:hover, .feature-no-touch .tv-control-input[readonly]:focus,.feature-touch .tv-control-input[readonly]:focus, .feature-no-touch .tv-control-textarea[readonly]:hover, .feature-no-touch .tv-control-textarea[readonly]:focus,.feature-touch .tv-control-textarea[readonly]:focus, .feature-no-touch .tv-dialog__chat-username-input[readonly]:hover, .feature-no-touch .tv-dialog__chat-username-input[readonly]:focus,.feature-touch .tv-dialog__chat-username-input[readonly]:focus, .feature-no-touch .tv-dialog__widetextarea[readonly]:hover, .feature-no-touch .tv-dialog__widetextarea[readonly]:focus,.feature-touch .tv-dialog__widetextarea[readonly]:focus { |
|
border-color: #dadde0; |
|
} |
|
.tv-control-input--readonly_dark, .tv-control-input--readonly_dark[readonly], .tv-control-textarea--readonly_dark, .tv-control-textarea--readonly_dark[readonly], .tv-dialog__chat-username-input--readonly_dark, .tv-dialog__chat-username-input--readonly_dark[readonly], .tv-dialog__widetextarea--readonly_dark, .tv-dialog__widetextarea--readonly_dark[readonly] { |
|
color: #555555; |
|
} |
|
html.theme-dark .tv-control-input--readonly_dark, html.theme-dark .tv-control-input--readonly_dark[readonly], html.theme-dark .tv-control-textarea--readonly_dark, html.theme-dark .tv-control-textarea--readonly_dark[readonly], html.theme-dark .tv-dialog__chat-username-input--readonly_dark, html.theme-dark .tv-dialog__chat-username-input--readonly_dark[readonly], html.theme-dark .tv-dialog__widetextarea--readonly_dark, html.theme-dark .tv-dialog__widetextarea--readonly_dark[readonly]{ color: #4c525e; } |
|
.tv-control-input[disabled], .tv-control-input.i-disabled, .tv-control-textarea[disabled], .tv-control-textarea.i-disabled, .tv-dialog__chat-username-input[disabled], .tv-dialog__chat-username-input.i-disabled, .tv-dialog__widetextarea[disabled], .tv-dialog__widetextarea.i-disabled { |
|
color: #ececec !important; |
|
border-color: #ececec !important; |
|
} |
|
html.theme-dark .tv-control-input[disabled], html.theme-dark .tv-control-input.i-disabled, html.theme-dark .tv-control-textarea[disabled], html.theme-dark .tv-control-textarea.i-disabled, html.theme-dark .tv-dialog__chat-username-input[disabled], html.theme-dark .tv-dialog__chat-username-input.i-disabled, html.theme-dark .tv-dialog__widetextarea[disabled], html.theme-dark .tv-dialog__widetextarea.i-disabled{ border-color: #262b3e !important; } |
|
html.theme-dark .tv-control-input[disabled], html.theme-dark .tv-control-input.i-disabled, html.theme-dark .tv-control-textarea[disabled], html.theme-dark .tv-control-textarea.i-disabled, html.theme-dark .tv-dialog__chat-username-input[disabled], html.theme-dark .tv-dialog__chat-username-input.i-disabled, html.theme-dark .tv-dialog__widetextarea[disabled], html.theme-dark .tv-dialog__widetextarea.i-disabled{ color: #262b3e !important; } |
|
.tv-control-input[disabled]::-webkit-input-placeholder, .tv-control-input.i-disabled::-webkit-input-placeholder, .tv-control-textarea[disabled]::-webkit-input-placeholder, .tv-control-textarea.i-disabled::-webkit-input-placeholder, .tv-dialog__chat-username-input[disabled]::-webkit-input-placeholder, .tv-dialog__chat-username-input.i-disabled::-webkit-input-placeholder, .tv-dialog__widetextarea[disabled]::-webkit-input-placeholder, .tv-dialog__widetextarea.i-disabled::-webkit-input-placeholder { |
|
color: #ececec !important; |
|
} |
|
.tv-control-input[disabled]:-ms-input-placeholder, .tv-control-input.i-disabled:-ms-input-placeholder, .tv-control-textarea[disabled]:-ms-input-placeholder, .tv-control-textarea.i-disabled:-ms-input-placeholder, .tv-dialog__chat-username-input[disabled]:-ms-input-placeholder, .tv-dialog__chat-username-input.i-disabled:-ms-input-placeholder, .tv-dialog__widetextarea[disabled]:-ms-input-placeholder, .tv-dialog__widetextarea.i-disabled:-ms-input-placeholder { |
|
color: #ececec !important; |
|
} |
|
.tv-control-input[disabled]::-ms-input-placeholder, .tv-control-input.i-disabled::-ms-input-placeholder, .tv-control-textarea[disabled]::-ms-input-placeholder, .tv-control-textarea.i-disabled::-ms-input-placeholder, .tv-dialog__chat-username-input[disabled]::-ms-input-placeholder, .tv-dialog__chat-username-input.i-disabled::-ms-input-placeholder, .tv-dialog__widetextarea[disabled]::-ms-input-placeholder, .tv-dialog__widetextarea.i-disabled::-ms-input-placeholder { |
|
color: #ececec !important; |
|
} |
|
.tv-control-input[disabled]::placeholder, .tv-control-input.i-disabled::placeholder, .tv-control-textarea[disabled]::placeholder, .tv-control-textarea.i-disabled::placeholder, .tv-dialog__chat-username-input[disabled]::placeholder, .tv-dialog__chat-username-input.i-disabled::placeholder, .tv-dialog__widetextarea[disabled]::placeholder, .tv-dialog__widetextarea.i-disabled::placeholder { |
|
color: #ececec !important; |
|
} |
|
html.theme-dark .tv-control-input[disabled]::-webkit-input-placeholder, html.theme-dark .tv-control-input.i-disabled::-webkit-input-placeholder, html.theme-dark .tv-control-textarea[disabled]::-webkit-input-placeholder, html.theme-dark .tv-control-textarea.i-disabled::-webkit-input-placeholder, html.theme-dark .tv-dialog__chat-username-input[disabled]::-webkit-input-placeholder, html.theme-dark .tv-dialog__chat-username-input.i-disabled::-webkit-input-placeholder, html.theme-dark .tv-dialog__widetextarea[disabled]::-webkit-input-placeholder, html.theme-dark .tv-dialog__widetextarea.i-disabled::-webkit-input-placeholder{ color: #262b3e !important; } |
|
html.theme-dark .tv-control-input[disabled]:-ms-input-placeholder, html.theme-dark .tv-control-input.i-disabled:-ms-input-placeholder, html.theme-dark .tv-control-textarea[disabled]:-ms-input-placeholder, html.theme-dark .tv-control-textarea.i-disabled:-ms-input-placeholder, html.theme-dark .tv-dialog__chat-username-input[disabled]:-ms-input-placeholder, html.theme-dark .tv-dialog__chat-username-input.i-disabled:-ms-input-placeholder, html.theme-dark .tv-dialog__widetextarea[disabled]:-ms-input-placeholder, html.theme-dark .tv-dialog__widetextarea.i-disabled:-ms-input-placeholder{ color: #262b3e !important; } |
|
html.theme-dark .tv-control-input[disabled]::-ms-input-placeholder, html.theme-dark .tv-control-input.i-disabled::-ms-input-placeholder, html.theme-dark .tv-control-textarea[disabled]::-ms-input-placeholder, html.theme-dark .tv-control-textarea.i-disabled::-ms-input-placeholder, html.theme-dark .tv-dialog__chat-username-input[disabled]::-ms-input-placeholder, html.theme-dark .tv-dialog__chat-username-input.i-disabled::-ms-input-placeholder, html.theme-dark .tv-dialog__widetextarea[disabled]::-ms-input-placeholder, html.theme-dark .tv-dialog__widetextarea.i-disabled::-ms-input-placeholder{ color: #262b3e !important; } |
|
html.theme-dark .tv-control-input[disabled]::placeholder, html.theme-dark .tv-control-input.i-disabled::placeholder, html.theme-dark .tv-control-textarea[disabled]::placeholder, html.theme-dark .tv-control-textarea.i-disabled::placeholder, html.theme-dark .tv-dialog__chat-username-input[disabled]::placeholder, html.theme-dark .tv-dialog__chat-username-input.i-disabled::placeholder, html.theme-dark .tv-dialog__widetextarea[disabled]::placeholder, html.theme-dark .tv-dialog__widetextarea.i-disabled::placeholder{ color: #262b3e !important; } |
|
.feature-no-touch .tv-control-input[disabled]:hover, .feature-no-touch .tv-control-input.i-disabled:hover, .feature-no-touch .tv-control-textarea[disabled]:hover, .feature-no-touch .tv-control-textarea.i-disabled:hover, .feature-no-touch .tv-dialog__chat-username-input[disabled]:hover, .feature-no-touch .tv-dialog__chat-username-input.i-disabled:hover, .feature-no-touch .tv-dialog__widetextarea[disabled]:hover, .feature-no-touch .tv-dialog__widetextarea.i-disabled:hover { |
|
border-color: #ececec !important; |
|
} |
|
html.feature-no-touch.theme-dark .tv-control-input[disabled]:hover, html.feature-no-touch.theme-dark .tv-control-input.i-disabled:hover, html.feature-no-touch.theme-dark .tv-control-textarea[disabled]:hover, html.feature-no-touch.theme-dark .tv-control-textarea.i-disabled:hover, html.feature-no-touch.theme-dark .tv-dialog__chat-username-input[disabled]:hover, html.feature-no-touch.theme-dark .tv-dialog__chat-username-input.i-disabled:hover, html.feature-no-touch.theme-dark .tv-dialog__widetextarea[disabled]:hover, html.feature-no-touch.theme-dark .tv-dialog__widetextarea.i-disabled:hover{ border-color: #262b3e !important; } |
|
.tv-control-input.i-error, .tv-control-textarea.i-error, .tv-dialog__chat-username-input.i-error, .tv-dialog__widetextarea.i-error { |
|
border-color: #ff4a68 !important; |
|
} |
|
.feature-no-touch .tv-control-input.i-error:hover, .feature-no-touch .tv-control-textarea.i-error:hover, .feature-no-touch .tv-dialog__chat-username-input.i-error:hover, .feature-no-touch .tv-dialog__widetextarea.i-error:hover { |
|
border-color: #f24965 !important; |
|
} |
|
.feature-no-touch .tv-control-input.i-error:focus,.feature-touch .tv-control-input.i-error:focus, .feature-no-touch .tv-control-textarea.i-error:focus,.feature-touch .tv-control-textarea.i-error:focus, .feature-no-touch .tv-dialog__chat-username-input.i-error:focus,.feature-touch .tv-dialog__chat-username-input.i-error:focus, .feature-no-touch .tv-dialog__widetextarea.i-error:focus,.feature-touch .tv-dialog__widetextarea.i-error:focus { |
|
border-color: #ff173e !important; |
|
} |
|
.tv-control-input.i-success, .tv-control-textarea.i-success, .tv-dialog__chat-username-input.i-success, .tv-dialog__widetextarea.i-success { |
|
border-color: #3cbc98 !important; |
|
} |
|
.feature-no-touch .tv-control-input.i-success:hover, .feature-no-touch .tv-control-textarea.i-success:hover, .feature-no-touch .tv-dialog__chat-username-input.i-success:hover, .feature-no-touch .tv-dialog__widetextarea.i-success:hover { |
|
border-color: #38b395 !important; |
|
} |
|
.feature-no-touch .tv-control-input.i-success:focus,.feature-touch .tv-control-input.i-success:focus, .feature-no-touch .tv-control-textarea.i-success:focus,.feature-touch .tv-control-textarea.i-success:focus, .feature-no-touch .tv-dialog__chat-username-input.i-success:focus,.feature-touch .tv-dialog__chat-username-input.i-success:focus, .feature-no-touch .tv-dialog__widetextarea.i-success:focus,.feature-touch .tv-dialog__widetextarea.i-success:focus { |
|
border-color: #00a97f !important; |
|
} |
|
.tv-control-input--phone, .tv-control-textarea--phone, .tv-dialog__chat-username-input--phone, .tv-dialog__widetextarea--phone { |
|
/*!rtl:ignore*/ |
|
direction: ltr; |
|
text-align: left; |
|
} |
|
.tv-control-input--file { |
|
display: none; |
|
} |
|
/** |
|
* Textarea |
|
*/ |
|
.tv-control-textarea, .tv-dialog__widetextarea { |
|
height: auto; |
|
padding-top: 9px; |
|
padding-bottom: 9px; |
|
} |
|
.tv-control-textarea--readonly_dark, .tv-control-textarea--readonly_dark[readonly], .tv-dialog__widetextarea--readonly_dark, .tv-dialog__widetextarea--readonly_dark[readonly] { |
|
color: #555555; |
|
} |
|
html.theme-dark .tv-control-textarea--readonly_dark, html.theme-dark .tv-control-textarea--readonly_dark[readonly], html.theme-dark .tv-dialog__widetextarea--readonly_dark, html.theme-dark .tv-dialog__widetextarea--readonly_dark[readonly]{ color: #4c525e; } |
|
.tv-dialog { |
|
display: inline-block; |
|
position: relative; |
|
min-width: 280px; |
|
text-align: left; |
|
box-sizing: border-box; |
|
transition-property: none; |
|
border-radius: 3px; |
|
background-color: #ffffff; |
|
box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0; |
|
} |
|
html.theme-dark .tv-dialog{ background-color: #1c2030; } |
|
html.theme-dark .tv-dialog { |
|
box-shadow: #000000 0 2px 4px 0; |
|
} |
|
.tv-dialog .tv-text ul:last-child { |
|
margin-bottom: 0; |
|
} |
|
.tv-dialog--animated { |
|
transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s, box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s; |
|
transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s, box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s; |
|
transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s, box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s; |
|
} |
|
.tv-dialog.i-focused { |
|
box-shadow: rgba(0, 0, 0, 0.275) 0px 1px 6px 1px; |
|
} |
|
.tv-dialog--signin { |
|
transition-delay: 0.2625s; |
|
} |
|
.tv-dialog--signin.i-closing { |
|
transition-delay: 0.001s; |
|
transition-duration: 0.175s; |
|
} |
|
.tv-dialog--signin, .tv-dialog--signin.i-focused { |
|
box-shadow: none !important; |
|
background-color: transparent; |
|
} |
|
html.theme-dark .tv-dialog--signin, html.theme-dark .tv-dialog--signin.i-focused{ background-color: transparent ; } |
|
.tv-dialog--popup { |
|
width: calc(100% - 20px); |
|
} |
|
.tv-dialog__overlay, .tv-dialog__modal-wrap { |
|
position: fixed; |
|
contain: layout style size; |
|
left: 0; |
|
top: 0; |
|
right: 0; |
|
bottom: 0; |
|
z-index: 110; |
|
box-sizing: border-box; |
|
} |
|
.tv-dialog__overlay { |
|
background-color: rgba(0, 0, 0, 0.05); |
|
transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s; |
|
} |
|
.tv-dialog__overlay.i-closed { |
|
opacity: 0; |
|
transition-duration: 0.175s; |
|
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
} |
|
.tv-dialog__overlay--signin { |
|
background-color: #1c2030; |
|
} |
|
html.theme-dark .tv-dialog__overlay--signin{ background-color: #1c2030; } |
|
.tv-dialog__overlay--signin.i-closing { |
|
transition-delay: 0.175s; |
|
} |
|
.tv-dialog__modal-wrap { |
|
overflow-x: hidden; |
|
overflow-y: auto; |
|
-webkit-overflow-scrolling: touch; |
|
} |
|
.tv-dialog__modal-wrap.i-closed .tv-dialog { |
|
opacity: 0; |
|
-webkit-transform: translateY(20px); |
|
transform: translateY(20px); |
|
transition-duration: 0.175s; |
|
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
} |
|
.tv-dialog__modal-wrap.i-closed .tv-dialog--signin { |
|
-webkit-transform: scale(0.9); |
|
transform: scale(0.9); |
|
} |
|
.tv-dialog__modal-wrap.i-closed .tv-dialog--signin.i-closing { |
|
-webkit-transform: scale(1.1); |
|
transform: scale(1.1); |
|
} |
|
.tv-dialog__modal-container { |
|
height: 100%; |
|
margin: 0; |
|
padding: 0; |
|
border: 0; |
|
text-align: center; |
|
box-sizing: border-box; |
|
} |
|
.tv-dialog__modal-container:after { |
|
content: ''; |
|
display: inline-block; |
|
vertical-align: middle; |
|
height: 100%; |
|
} |
|
.tv-dialog__modal-body { |
|
display: inline-block; |
|
vertical-align: middle; |
|
padding: 40px 20px; |
|
font-size: 14px; |
|
width: 100%; |
|
box-sizing: border-box; |
|
} |
|
@media screen and (max-width:1019px) { |
|
.tv-dialog__modal-body { |
|
padding: 20px; |
|
} |
|
} |
|
.tv-dialog__error { |
|
position: absolute; |
|
padding: 30px; |
|
top: 0; |
|
left: 0; |
|
right: 0; |
|
color: #ff4a68; |
|
background: #ffffff; |
|
border: 1px solid #ff4a68; |
|
border-radius: 3px 3px 0 0; |
|
-webkit-transform-origin: top center; |
|
transform-origin: top center; |
|
box-sizing: border-box; |
|
transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.175s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.175s; |
|
transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.175s, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.175s; |
|
transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.175s, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.175s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.175s; |
|
z-index: 1; |
|
} |
|
html.theme-dark .tv-dialog__error{ background: #1c2030; } |
|
.tv-dialog__error.i-slided { |
|
opacity: 0; |
|
-webkit-transform: translateY(-5px) scale(1, 0.85); |
|
transform: translateY(-5px) scale(1, 0.85); |
|
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); |
|
} |
|
.tv-dialog__error.i-fixed { |
|
margin: 0 auto; |
|
position: fixed; |
|
top: 10px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-dialog__error { |
|
padding: 20px; |
|
} |
|
} |
|
.tv-dialog__error a { |
|
color: #ff4a68; |
|
transition: color ease 0.35s; |
|
text-decoration: underline; |
|
} |
|
.tv-dialog__error a:visited { |
|
color: #ff4a68; |
|
fill: #ff4a68; |
|
} |
|
.feature-no-touch .tv-dialog__error a:hover { |
|
color: #f24965; |
|
fill: #f24965; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch .tv-dialog__error a:active,.feature-touch .tv-dialog__error a:active { |
|
color: #ff173e; |
|
fill: #ff173e; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-dialog__error--dark { |
|
border-radius: 3px; |
|
border-color: #4e5866; |
|
background-color: #2a2c39; |
|
} |
|
.tv-dialog__header { |
|
display: -webkit-flex; |
|
display: flex; |
|
padding-top: 10px; |
|
} |
|
@media screen and (max-width:479px) { |
|
.tv-dialog__header--adaptive { |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
text-align: center; |
|
} |
|
} |
|
.tv-dialog__header-logo { |
|
margin-right: 20px; |
|
margin-bottom: 10px; |
|
-webkit-flex: 0 0 auto; |
|
flex: 0 0 auto; |
|
} |
|
.tv-dialog__header-logo svg { |
|
max-height: 95px; |
|
} |
|
.tv-dialog__header-title { |
|
-webkit-flex: 1 1 auto; |
|
flex: 1 1 auto; |
|
} |
|
.tv-dialog__section { |
|
padding: 30px; |
|
border-bottom: 1px solid; |
|
border-bottom-color: #dadde0; |
|
} |
|
html.theme-dark .tv-dialog__section{ border-bottom-color: #363c4e; } |
|
.tv-dialog__section--last, .tv-dialog__section--no-border, .tv-dialog__section:last-child { |
|
border-bottom: none !important; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-dialog__section { |
|
padding: 20px; |
|
} |
|
} |
|
.tv-dialog__section--no-padding_bottom { |
|
padding-bottom: 0; |
|
} |
|
.tv-dialog__section--actions { |
|
display: inline-block; |
|
box-sizing: border-box; |
|
white-space: nowrap; |
|
width: 100%; |
|
padding-bottom: 40px; |
|
text-align: right; |
|
} |
|
.tv-dialog__section--actions_with-help:after { |
|
clear: both; |
|
display: table; |
|
content: ''; |
|
} |
|
.tv-dialog__section--actions_with-border { |
|
border-top: 1px solid; |
|
border-top-color: #dadde0; |
|
padding-top: 29px; |
|
} |
|
html.theme-dark .tv-dialog__section--actions_with-border{ border-top-color: #363c4e; } |
|
@media screen and (max-width:767px) { |
|
.tv-dialog__section--actions_with-border { |
|
padding: 19px; |
|
} |
|
} |
|
@media screen and (max-width:479px) { |
|
.tv-dialog__section--actions-adaptive { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-flow: column-reverse wrap; |
|
flex-flow: column-reverse wrap; |
|
} |
|
.tv-dialog__section--actions-adaptive .tv-button { |
|
margin-top: 10px; |
|
} |
|
.tv-dialog__section--actions-adaptive .tv-control-checkbox { |
|
-webkit-order: 1; |
|
order: 1; |
|
} |
|
.tv-dialog__section--actions-adaptive .tv-button:first-child, .tv-dialog__section--actions-adaptive .tv-button:last-child { |
|
margin-left: 0; |
|
} |
|
} |
|
.tv-dialog__section--title { |
|
padding-right: 70px; |
|
} |
|
.tv-dialog__section--one-line { |
|
white-space: nowrap; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
} |
|
.tv-dialog__grab { |
|
cursor: url(grab.bc156522a6b55a60be9fae15c14b66c5.cur), move; |
|
cursor: -webkit-grab; |
|
cursor: grab; |
|
} |
|
.feature-no-touch .tv-dialog__grab:active,.feature-touch .tv-dialog__grab:active, .ui-draggable-dragging .tv-dialog__grab { |
|
cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move; |
|
cursor: -webkit-grabbing; |
|
cursor: grabbing; |
|
} |
|
.tv-dialog__title { |
|
font-size: 14px; |
|
font-weight: bold; |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .tv-dialog__title{ color: #c5cbce; } |
|
.tv-dialog__title--relative { |
|
position: relative; |
|
} |
|
.tv-dialog__close { |
|
position: absolute; |
|
padding: 15px; |
|
top: 17px; |
|
right: 15px; |
|
cursor: pointer; |
|
opacity: .5; |
|
transition: opacity ease 0.35s; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-dialog__close { |
|
top: 7px; |
|
right: 7px; |
|
} |
|
} |
|
.feature-no-touch .tv-dialog__close:hover { |
|
opacity: 1; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-dialog__close svg { |
|
display: block; |
|
width: 13px; |
|
height: 13px; |
|
fill: #4a4a4a; |
|
} |
|
html.theme-dark .tv-dialog__close svg{ fill: #c5cbce; } |
|
.tv-dialog__close--new-style svg { |
|
width: 21px; |
|
height: 21px; |
|
fill: #4c525e; |
|
} |
|
.tv-dialog__widetextarea { |
|
padding: 25px 30px; |
|
border-radius: 0; |
|
border-left: none; |
|
border-right: none; |
|
background-color: #ffffff; |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .tv-dialog__widetextarea{ color: #c5cbce; } |
|
html.theme-dark .tv-dialog__widetextarea{ background-color: #1c2030; } |
|
@media screen and (max-width:767px) { |
|
.tv-dialog__widetextarea { |
|
padding: 15px 20px; |
|
} |
|
} |
|
.tv-dialog__expand-section { |
|
margin: 0 -30px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-dialog__expand-section { |
|
margin: 0 -20px; |
|
} |
|
} |
|
.tv-dialog--popup { |
|
position: fixed; |
|
} |
|
.tv-dialog--popup.i-closed { |
|
opacity: 0; |
|
-webkit-transform: scale(0.925); |
|
transform: scale(0.925); |
|
} |
|
.tv-dialog__help { |
|
float: left; |
|
position: relative; |
|
top: 8px; |
|
margin-right: 15px; |
|
width: 18px; |
|
height: 18px; |
|
font-size: 13px; |
|
line-height: 16px; |
|
color: #b4b4b4; |
|
border: 1px solid; |
|
border-color: #b4b4b4; |
|
border-radius: 50%; |
|
transition: border-color ease 0.35s, color ease 0.35s; |
|
} |
|
html.theme-dark .tv-dialog__help{ border-color: #4c525e; } |
|
html.theme-dark .tv-dialog__help{ color: #4c525e; } |
|
.tv-dialog__help:after { |
|
content: '?'; |
|
position: absolute; |
|
display: inline-block; |
|
top: 2px; |
|
left: 7px; |
|
} |
|
.feature-no-touch .tv-dialog__help:hover { |
|
color: #212121; |
|
border: 1px solid; |
|
border-color: #4a4a4a; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .tv-dialog__help:hover{ border-color: #c5cbce; } |
|
.tv-dialog__username-pretext { |
|
margin-right: 5px; |
|
} |
|
.tv-dialog__chat-username-input { |
|
display: inline-block; |
|
border-width: 0; |
|
width: 85%; |
|
height: 15px; |
|
background-color: #ffffff; |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .tv-dialog__chat-username-input{ color: #c5cbce; } |
|
html.theme-dark .tv-dialog__chat-username-input{ background-color: #1c2030; } |
|
.tv-dialog__chat-username-input--error { |
|
background-color: #ddaaaa; |
|
} |
|
html.theme-dark .tv-dialog__chat-username-input--error{ background-color: #ff4a68; } |
|
.tv-dialog__scroll-wrap { |
|
position: relative; |
|
} |
|
.tv-dialog__scroll-wrap.i-scrollable { |
|
overflow: hidden; |
|
} |
|
.feature-touch .tv-dialog__scroll-wrap.i-scrollable { |
|
overflow-x: hidden; |
|
overflow-y: scroll; |
|
} |
|
.tv-dialog__scroll-wrap-inner { |
|
position: relative; |
|
padding-bottom: 0; |
|
} |
|
.tv-dialog__scroll-wrap.i-with-actions.i-scrollable .tv-dialog__scroll-wrap-inner { |
|
padding-bottom: 30px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-dialog__scroll-wrap.i-with-actions.i-scrollable .tv-dialog__scroll-wrap-inner { |
|
padding-bottom: 20px; |
|
} |
|
} |
|
|
|
/** |
|
* |
|
* Global states |
|
* |
|
* Usage: |
|
* i-{state} |
|
* i-{state}_{value} |
|
* |
|
* Must be included after all another styles |
|
* |
|
*/ |
|
.i-hidden { |
|
display: none !important; |
|
} |
|
.i-invisible { |
|
visibility: hidden !important; |
|
} |
|
.i-clearfix:after { |
|
clear: both; |
|
display: table; |
|
content: ''; |
|
} |
|
.i-align_left { |
|
text-align: left !important; |
|
} |
|
.i-align_right { |
|
text-align: right !important; |
|
} |
|
.i-align_center { |
|
text-align: center !important; |
|
} |
|
.i-float_left { |
|
float: left !important; |
|
} |
|
.i-float_right { |
|
float: right !important; |
|
} |
|
.i-float_none { |
|
float: none !important; |
|
} |
|
@media screen and (min-width:1020px) { |
|
.i-device-only { |
|
display: none !important; |
|
} |
|
} |
|
@media screen and (max-width:1019px) { |
|
.i-desktop-only { |
|
display: none !important; |
|
} |
|
} |
|
@media screen and (min-width:479px) { |
|
.i-phones-only { |
|
display: none !important; |
|
} |
|
} |
|
@media screen and (max-width:479px) { |
|
.i-except-phones-only { |
|
display: none !important; |
|
} |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
/** |
|
* Usage: |
|
* <button class="tv-button tv-button--success tv-button--size_xsmall">Push me!</button> |
|
*/ |
|
.tv-button { |
|
/** |
|
* Helpers |
|
*/ |
|
/** |
|
* This Block |
|
*/ |
|
position: relative; |
|
display: inline-block; |
|
vertical-align: middle; |
|
min-width: 40px; |
|
margin: 0; |
|
padding: 1px 22px; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
line-height: 32px; |
|
text-align: center; |
|
white-space: nowrap; |
|
text-decoration: none; |
|
font-weight: bold; |
|
font-size: 14px; |
|
color: #757575; |
|
fill: currentColor; |
|
border: none; |
|
border-radius: 4px; |
|
outline: 0; |
|
background-color: transparent; |
|
cursor: pointer; |
|
overflow: hidden; |
|
box-sizing: border-box; |
|
-webkit-tap-highlight-color: transparent; |
|
transition: background-color ease 0.35s, border-color ease 0.35s, color ease 0.35s; |
|
/** |
|
* Elements |
|
*/ |
|
/** |
|
* Colored background |
|
*/ |
|
/** |
|
* Ripple effect |
|
*/ |
|
/** |
|
* Disabled Button |
|
*/ |
|
/** |
|
* Sizes |
|
*/ |
|
/** |
|
* State |
|
*/ |
|
/** |
|
* Preloader |
|
*/ |
|
} |
|
.tv-button.tv-button--default_ghost, .tv-button.tv-button--primary_ghost, .tv-button.tv-button--secondary_ghost, .tv-button.tv-button--success_ghost, .tv-button.tv-button--danger_ghost, .tv-button.tv-button--warning_ghost, .tv-button.tv-button--default, .tv-button.tv-button--state { |
|
padding: 0px 21px; |
|
} |
|
.feature-no-touch .tv-button:hover, .feature-no-touch .tv-button:active,.feature-touch .tv-button:active, .tv-button.i-hover, .tv-button.i-active { |
|
transition-duration: 0.06s; |
|
} |
|
.tv-button svg { |
|
vertical-align: middle; |
|
} |
|
.tv-button--block { |
|
display: block; |
|
width: 100%; |
|
text-align: center; |
|
} |
|
.tv-button + .tv-button { |
|
margin-left: 15px; |
|
} |
|
.tv-button__text { |
|
position: relative; |
|
display: inline-block; |
|
} |
|
.tv-button__text--full-height { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
height: 100%; |
|
width: 100%; |
|
white-space: normal; |
|
word-wrap: break-word; |
|
line-height: 1.2em; |
|
margin: 11px 5px; |
|
} |
|
.tv-button--default, .tv-button--default_ghost { |
|
color: #fff; |
|
border-color: #ffffff; |
|
background-color: #ffffff; |
|
} |
|
html.theme-dark .tv-button--default, html.theme-dark .tv-button--default_ghost{ background-color: #171b29; } |
|
html.theme-dark .tv-button--default, html.theme-dark .tv-button--default_ghost{ border-color: #171b29; } |
|
.tv-button--default_ghost { |
|
color: #ffffff; |
|
} |
|
html.theme-dark .tv-button--default_ghost{ color: #171b29; } |
|
.tv-button--default_ghost.i-checked { |
|
color: #fff; |
|
border-color: #ffffff; |
|
background-color: #ffffff; |
|
} |
|
html.theme-dark .tv-button--default_ghost.i-checked{ background-color: #171b29; } |
|
html.theme-dark .tv-button--default_ghost.i-checked{ border-color: #171b29; } |
|
.feature-no-touch .tv-button--default:hover, .feature-no-touch .tv-button--default_ghost:hover, .tv-button--default.i-hover, .tv-button--default_ghost.i-hover { |
|
color: #fff; |
|
border-color: #f2f2f2; |
|
background-color: #f2f2f2; |
|
} |
|
html.feature-no-touch.theme-dark .tv-button--default:hover, html.feature-no-touch.theme-dark .tv-button--default_ghost:hover, html.theme-dark .tv-button--default.i-hover, html.theme-dark .tv-button--default_ghost.i-hover{ background-color: #1c2030; } |
|
html.feature-no-touch.theme-dark .tv-button--default:hover, html.feature-no-touch.theme-dark .tv-button--default_ghost:hover, html.theme-dark .tv-button--default.i-hover, html.theme-dark .tv-button--default_ghost.i-hover{ border-color: #1c2030; } |
|
.feature-no-touch .tv-button--default:active,.feature-touch .tv-button--default:active, .feature-no-touch .tv-button--default_ghost:active,.feature-touch .tv-button--default_ghost:active, .tv-button--default.i-active, .tv-button--default_ghost.i-active { |
|
color: #fff; |
|
border-color: #ececec; |
|
background-color: #ececec; |
|
-webkit-transform: translateY(1px); |
|
transform: translateY(1px); |
|
} |
|
html.feature-no-touch.theme-dark .tv-button--default:active,html.feature-touch.theme-dark .tv-button--default:active, html.feature-no-touch.theme-dark .tv-button--default_ghost:active,html.feature-touch.theme-dark .tv-button--default_ghost:active, html.theme-dark .tv-button--default.i-active, html.theme-dark .tv-button--default_ghost.i-active{ background-color: #1c2030; } |
|
html.feature-no-touch.theme-dark .tv-button--default:active,html.feature-touch.theme-dark .tv-button--default:active, html.feature-no-touch.theme-dark .tv-button--default_ghost:active,html.feature-touch.theme-dark .tv-button--default_ghost:active, html.theme-dark .tv-button--default.i-active, html.theme-dark .tv-button--default_ghost.i-active{ border-color: #1c2030; } |
|
.tv-button--default, .tv-button--default_ghost, .tv-button--default.i-checked, .tv-button--default_ghost.i-checked { |
|
color: #757575; |
|
border: 1px solid; |
|
border-color: #b5b7b9; |
|
} |
|
html.theme-dark .tv-button--default, html.theme-dark .tv-button--default_ghost, html.theme-dark .tv-button--default.i-checked, html.theme-dark .tv-button--default_ghost.i-checked{ border-color: #363c4e; } |
|
html.theme-dark .tv-button--default, html.theme-dark .tv-button--default_ghost, html.theme-dark .tv-button--default.i-checked, html.theme-dark .tv-button--default_ghost.i-checked{ color: #758696; } |
|
.feature-no-touch .tv-button--default:hover, .feature-no-touch .tv-button--default_ghost:hover, .tv-button--default.i-hover, .tv-button--default_ghost.i-hover { |
|
color: #757575; |
|
border-color: #b5b7b9; |
|
} |
|
html.feature-no-touch.theme-dark .tv-button--default:hover, html.feature-no-touch.theme-dark .tv-button--default_ghost:hover, html.theme-dark .tv-button--default.i-hover, html.theme-dark .tv-button--default_ghost.i-hover{ border-color: #363c4e; } |
|
html.feature-no-touch.theme-dark .tv-button--default:hover, html.feature-no-touch.theme-dark .tv-button--default_ghost:hover, html.theme-dark .tv-button--default.i-hover, html.theme-dark .tv-button--default_ghost.i-hover{ color: #758696; } |
|
.feature-no-touch .tv-button--default:active,.feature-touch .tv-button--default:active, .feature-no-touch .tv-button--default_ghost:active,.feature-touch .tv-button--default_ghost:active, .tv-button--default.i-active, .tv-button--default_ghost.i-active { |
|
color: #757575; |
|
border-color: #b5b7b9; |
|
} |
|
html.feature-no-touch.theme-dark .tv-button--default:active,html.feature-touch.theme-dark .tv-button--default:active, html.feature-no-touch.theme-dark .tv-button--default_ghost:active,html.feature-touch.theme-dark .tv-button--default_ghost:active, html.theme-dark .tv-button--default.i-active, html.theme-dark .tv-button--default_ghost.i-active{ border-color: #363c4e; } |
|
html.feature-no-touch.theme-dark .tv-button--default:active,html.feature-touch.theme-dark .tv-button--default:active, html.feature-no-touch.theme-dark .tv-button--default_ghost:active,html.feature-touch.theme-dark .tv-button--default_ghost:active, html.theme-dark .tv-button--default.i-active, html.theme-dark .tv-button--default_ghost.i-active{ color: #758696; } |
|
.tv-button--primary, .tv-button--primary_ghost { |
|
color: #fff; |
|
border-color: #3bb3e4; |
|
background-color: #3bb3e4; |
|
} |
|
.tv-button--primary_ghost { |
|
color: #3bb3e4; |
|
} |
|
.tv-button--primary_ghost.i-checked { |
|
color: #fff; |
|
border-color: #3bb3e4; |
|
background-color: #3bb3e4; |
|
} |
|
.feature-no-touch .tv-button--primary:hover, .feature-no-touch .tv-button--primary_ghost:hover, .tv-button--primary.i-hover, .tv-button--primary_ghost.i-hover { |
|
color: #fff; |
|
border-color: #3babd8; |
|
background-color: #3babd8; |
|
} |
|
.feature-no-touch .tv-button--primary:active,.feature-touch .tv-button--primary:active, .feature-no-touch .tv-button--primary_ghost:active,.feature-touch .tv-button--primary_ghost:active, .tv-button--primary.i-active, .tv-button--primary_ghost.i-active { |
|
color: #fff; |
|
border-color: #049ddc; |
|
background-color: #049ddc; |
|
-webkit-transform: translateY(1px); |
|
transform: translateY(1px); |
|
} |
|
.tv-button--secondary, .tv-button--secondary_ghost { |
|
color: #757575; |
|
border-color: #e9eff2; |
|
background-color: #e9eff2; |
|
} |
|
.tv-button--secondary_ghost { |
|
color: #757575; |
|
} |
|
.tv-button--secondary_ghost.i-checked { |
|
color: #757575; |
|
border-color: #e9eff2; |
|
background-color: #e9eff2; |
|
} |
|
.feature-no-touch .tv-button--secondary:hover, .feature-no-touch .tv-button--secondary_ghost:hover, .tv-button--secondary.i-hover, .tv-button--secondary_ghost.i-hover { |
|
color: #757575; |
|
border-color: #dce6ea; |
|
background-color: #dce6ea; |
|
} |
|
.feature-no-touch .tv-button--secondary:active,.feature-touch .tv-button--secondary:active, .feature-no-touch .tv-button--secondary_ghost:active,.feature-touch .tv-button--secondary_ghost:active, .tv-button--secondary.i-active, .tv-button--secondary_ghost.i-active { |
|
color: #757575; |
|
border-color: #cfdce3; |
|
background-color: #cfdce3; |
|
-webkit-transform: translateY(1px); |
|
transform: translateY(1px); |
|
} |
|
.tv-button--success, .tv-button--success_ghost { |
|
color: #fff; |
|
border-color: #3cbc98; |
|
background-color: #3cbc98; |
|
} |
|
.tv-button--success_ghost { |
|
color: #3cbc98; |
|
} |
|
.tv-button--success_ghost.i-checked { |
|
color: #fff; |
|
border-color: #3cbc98; |
|
background-color: #3cbc98; |
|
} |
|
.feature-no-touch .tv-button--success:hover, .feature-no-touch .tv-button--success_ghost:hover, .tv-button--success.i-hover, .tv-button--success_ghost.i-hover { |
|
color: #fff; |
|
border-color: #38b395; |
|
background-color: #38b395; |
|
} |
|
.feature-no-touch .tv-button--success:active,.feature-touch .tv-button--success:active, .feature-no-touch .tv-button--success_ghost:active,.feature-touch .tv-button--success_ghost:active, .tv-button--success.i-active, .tv-button--success_ghost.i-active { |
|
color: #fff; |
|
border-color: #00a97f; |
|
background-color: #00a97f; |
|
-webkit-transform: translateY(1px); |
|
transform: translateY(1px); |
|
} |
|
.tv-button--danger, .tv-button--danger_ghost { |
|
color: #fff; |
|
border-color: #ff4a68; |
|
background-color: #ff4a68; |
|
} |
|
.tv-button--danger_ghost { |
|
color: #ff4a68; |
|
} |
|
.tv-button--danger_ghost.i-checked { |
|
color: #fff; |
|
border-color: #ff4a68; |
|
background-color: #ff4a68; |
|
} |
|
.feature-no-touch .tv-button--danger:hover, .feature-no-touch .tv-button--danger_ghost:hover, .tv-button--danger.i-hover, .tv-button--danger_ghost.i-hover { |
|
color: #fff; |
|
border-color: #f24965; |
|
background-color: #f24965; |
|
} |
|
.feature-no-touch .tv-button--danger:active,.feature-touch .tv-button--danger:active, .feature-no-touch .tv-button--danger_ghost:active,.feature-touch .tv-button--danger_ghost:active, .tv-button--danger.i-active, .tv-button--danger_ghost.i-active { |
|
color: #fff; |
|
border-color: #ff173e; |
|
background-color: #ff173e; |
|
-webkit-transform: translateY(1px); |
|
transform: translateY(1px); |
|
} |
|
.tv-button--warning, .tv-button--warning_ghost { |
|
color: #fff; |
|
border-color: #f89e30; |
|
background-color: #f89e30; |
|
} |
|
.tv-button--warning_ghost { |
|
color: #f89e30; |
|
} |
|
.tv-button--warning_ghost.i-checked { |
|
color: #fff; |
|
border-color: #f89e30; |
|
background-color: #f89e30; |
|
} |
|
.feature-no-touch .tv-button--warning:hover, .feature-no-touch .tv-button--warning_ghost:hover, .tv-button--warning.i-hover, .tv-button--warning_ghost.i-hover { |
|
color: #fff; |
|
border-color: #f79217; |
|
background-color: #f79217; |
|
} |
|
.feature-no-touch .tv-button--warning:active,.feature-touch .tv-button--warning:active, .feature-no-touch .tv-button--warning_ghost:active,.feature-touch .tv-button--warning_ghost:active, .tv-button--warning.i-active, .tv-button--warning_ghost.i-active { |
|
color: #fff; |
|
border-color: #d47807; |
|
background-color: #d47807; |
|
-webkit-transform: translateY(1px); |
|
transform: translateY(1px); |
|
} |
|
.tv-button--link { |
|
color: #3bb3e4; |
|
transition: color ease 0.35s; |
|
} |
|
html.theme-dark .tv-button--link{ color: #299dcd; } |
|
.tv-button--link:visited { |
|
color: #3bb3e4; |
|
fill: #3bb3e4; |
|
} |
|
html.theme-dark .tv-button--link:visited{ fill: #299dcd; } |
|
html.theme-dark .tv-button--link:visited{ color: #299dcd; } |
|
.feature-no-touch .tv-button--link:hover { |
|
color: #3babd8; |
|
fill: #3babd8; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch .tv-button--link:active,.feature-touch .tv-button--link:active { |
|
color: #049ddc; |
|
fill: #049ddc; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-button--default_ghost, .tv-button--primary_ghost, .tv-button--secondary_ghost, .tv-button--success_ghost, .tv-button--danger_ghost, .tv-button--warning_ghost { |
|
border-width: 1px; |
|
border-style: solid; |
|
background-color: transparent; |
|
} |
|
.tv-button--default_ghost.tv-button--size_large, .tv-button--primary_ghost.tv-button--size_large, .tv-button--secondary_ghost.tv-button--size_large, .tv-button--success_ghost.tv-button--size_large, .tv-button--danger_ghost.tv-button--size_large, .tv-button--warning_ghost.tv-button--size_large { |
|
border-width: 2px; |
|
} |
|
.tv-button .tv-ripple { |
|
background-color: rgba(255, 255, 255, 0.25); |
|
} |
|
.tv-button--default .tv-ripple, .tv-button--default_ghost .tv-ripple { |
|
background-color: rgba(117, 134, 150, 0.25); |
|
} |
|
.tv-button.i-disabled .tv-ripple { |
|
background-color: transparent; |
|
} |
|
.tv-button:disabled, .tv-button.i-disabled, .feature-no-touch .tv-button:disabled:hover, .feature-no-touch .tv-button.i-disabled:hover, .feature-no-touch .tv-button:disabled:active,.feature-touch .tv-button:disabled:active, .feature-no-touch .tv-button.i-disabled:active,.feature-touch .tv-button.i-disabled:active { |
|
cursor: default; |
|
color: #9db2bd; |
|
border-color: #f1f3f6; |
|
background-color: #f1f3f6; |
|
} |
|
html.theme-dark .tv-button:disabled, html.theme-dark .tv-button.i-disabled, html.feature-no-touch.theme-dark .tv-button:disabled:hover, html.feature-no-touch.theme-dark .tv-button.i-disabled:hover, html.feature-no-touch.theme-dark .tv-button:disabled:active,html.feature-touch.theme-dark .tv-button:disabled:active, html.feature-no-touch.theme-dark .tv-button.i-disabled:active,html.feature-touch.theme-dark .tv-button.i-disabled:active{ background-color: #262b3e; } |
|
html.theme-dark .tv-button:disabled, html.theme-dark .tv-button.i-disabled, html.feature-no-touch.theme-dark .tv-button:disabled:hover, html.feature-no-touch.theme-dark .tv-button.i-disabled:hover, html.feature-no-touch.theme-dark .tv-button:disabled:active,html.feature-touch.theme-dark .tv-button:disabled:active, html.feature-no-touch.theme-dark .tv-button.i-disabled:active,html.feature-touch.theme-dark .tv-button.i-disabled:active{ border-color: #262b3e; } |
|
html.theme-dark .tv-button:disabled, html.theme-dark .tv-button.i-disabled, html.feature-no-touch.theme-dark .tv-button:disabled:hover, html.feature-no-touch.theme-dark .tv-button.i-disabled:hover, html.feature-no-touch.theme-dark .tv-button:disabled:active,html.feature-touch.theme-dark .tv-button:disabled:active, html.feature-no-touch.theme-dark .tv-button.i-disabled:active,html.feature-touch.theme-dark .tv-button.i-disabled:active{ color: #363c4e; } |
|
.feature-no-touch .tv-button:disabled:active,.feature-touch .tv-button:disabled:active, .feature-no-touch .tv-button.i-disabled:active,.feature-touch .tv-button.i-disabled:active { |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
.tv-button--size_xsmall { |
|
padding: 2px 7px; |
|
line-height: 15px; |
|
border-radius: 1px; |
|
font-size: 11px; |
|
font-weight: normal; |
|
} |
|
.tv-button--size_xsmall.tv-button--default_ghost, .tv-button--size_xsmall.tv-button--primary_ghost, .tv-button--size_xsmall.tv-button--secondary_ghost, .tv-button--size_xsmall.tv-button--success_ghost, .tv-button--size_xsmall.tv-button--danger_ghost, .tv-button--size_xsmall.tv-button--warning_ghost, .tv-button--size_xsmall.tv-button--default, .tv-button--size_xsmall.tv-button--state { |
|
padding: 1px 6px; |
|
} |
|
.tv-button--size_xsmall + .tv-button--size_xsmall { |
|
margin-left: 10px; |
|
} |
|
.tv-button--size_small { |
|
padding: 1px 12px; |
|
line-height: 25px; |
|
font-size: 13px; |
|
} |
|
.tv-button--size_small.tv-button--default_ghost, .tv-button--size_small.tv-button--primary_ghost, .tv-button--size_small.tv-button--secondary_ghost, .tv-button--size_small.tv-button--success_ghost, .tv-button--size_small.tv-button--danger_ghost, .tv-button--size_small.tv-button--warning_ghost, .tv-button--size_small.tv-button--default, .tv-button--size_small.tv-button--state { |
|
padding: 0px 11px; |
|
} |
|
.tv-button--size_small + .tv-button--size_small { |
|
margin-left: 10px; |
|
} |
|
.tv-button--size_large { |
|
padding: 1px 30px; |
|
font-size: 17px; |
|
letter-spacing: 1px; |
|
line-height: 44px; |
|
} |
|
.tv-button--size_large.tv-button--default_ghost, .tv-button--size_large.tv-button--primary_ghost, .tv-button--size_large.tv-button--secondary_ghost, .tv-button--size_large.tv-button--success_ghost, .tv-button--size_large.tv-button--danger_ghost, .tv-button--size_large.tv-button--warning_ghost, .tv-button--size_large.tv-button--default, .tv-button--size_large.tv-button--state { |
|
padding: 0px 29px; |
|
} |
|
.tv-button--max-width { |
|
max-width: 300px; |
|
} |
|
.tv-button--no-padding { |
|
padding: 1px 1px; |
|
} |
|
.tv-button--no-padding.tv-button--default_ghost, .tv-button--no-padding.tv-button--primary_ghost, .tv-button--no-padding.tv-button--secondary_ghost, .tv-button--no-padding.tv-button--success_ghost, .tv-button--no-padding.tv-button--danger_ghost, .tv-button--no-padding.tv-button--warning_ghost, .tv-button--no-padding.tv-button--default, .tv-button--no-padding.tv-button--state { |
|
padding: 0px 0px; |
|
} |
|
.tv-button--content-center { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
height: 100%; |
|
margin: 0 auto; |
|
max-width: 220px; |
|
} |
|
.tv-button--state { |
|
text-align: center; |
|
background: transparent; |
|
border-width: 1px; |
|
border-style: solid; |
|
} |
|
.tv-button--state:after { |
|
content: ''; |
|
display: inline-block; |
|
} |
|
.tv-button--state__checked, .tv-button--state__unchecked, .tv-button--state__uncheck-hint { |
|
display: block; |
|
height: 0; |
|
transition: opacity ease 0.2625s, -webkit-transform ease 0.2625s; |
|
transition: opacity ease 0.2625s, transform ease 0.2625s; |
|
transition: opacity ease 0.2625s, transform ease 0.2625s, -webkit-transform ease 0.2625s; |
|
} |
|
.tv-button--state__ellipsis-text { |
|
display: block; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
overflow-x: hidden; |
|
} |
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked, .feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__unchecked, .feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint { |
|
will-change: opacity, transform; |
|
} |
|
.tv-button--state__checked, .tv-button--state__uncheck-hint, .tv-button--state.i-checked .tv-button--state__unchecked, .feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked { |
|
opacity: 0; |
|
} |
|
.tv-button--state__unchecked, .tv-button--state.i-checked .tv-button--state__checked, .feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint { |
|
opacity: 1; |
|
} |
|
.feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__checked { |
|
-webkit-transform: translateY(-5px); |
|
transform: translateY(-5px); |
|
} |
|
.tv-button--state__uncheck-hint, .tv-button--state__checked, .tv-button--state.i-checked .tv-button--state__unchecked { |
|
-webkit-transform: translateY(5px); |
|
transform: translateY(5px); |
|
} |
|
.tv-button--state.i-checked .tv-button--state__checked, .feature-no-touch .tv-button--state.i-checked:hover .tv-button--state__uncheck-hint { |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
.tv-button--state.tv-button--success { |
|
color: #3cbc98; |
|
background-color: transparent; |
|
} |
|
.tv-button--state.tv-button--success.i-checked { |
|
color: #ffffff; |
|
background-color: #3cbc98; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--success:hover { |
|
color: #ffffff; |
|
background-color: #38b395; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--success:active,.feature-touch .tv-button--state.tv-button--success:active { |
|
color: #ffffff; |
|
background-color: #00a97f; |
|
} |
|
.tv-button--state.tv-button--danger { |
|
color: #ff4a68; |
|
background-color: transparent; |
|
} |
|
.tv-button--state.tv-button--danger.i-checked { |
|
color: #ffffff; |
|
background-color: #ff4a68; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--danger:hover { |
|
color: #ffffff; |
|
background-color: #f24965; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--danger:active,.feature-touch .tv-button--state.tv-button--danger:active { |
|
color: #ffffff; |
|
background-color: #ff173e; |
|
} |
|
.tv-button--state.tv-button--primary { |
|
color: #3bb3e4; |
|
background-color: transparent; |
|
} |
|
.tv-button--state.tv-button--primary.i-checked { |
|
color: #ffffff; |
|
background-color: #3bb3e4; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--primary:hover { |
|
color: #ffffff; |
|
background-color: #3babd8; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--primary:active,.feature-touch .tv-button--state.tv-button--primary:active { |
|
color: #ffffff; |
|
background-color: #049ddc; |
|
} |
|
.tv-button--state.tv-button--secondary { |
|
color: #757575; |
|
background-color: transparent; |
|
} |
|
.tv-button--state.tv-button--secondary.i-checked { |
|
color: #757575; |
|
background-color: #e9eff2; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--secondary:hover { |
|
color: #757575; |
|
background-color: #dce6ea; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--secondary:active,.feature-touch .tv-button--state.tv-button--secondary:active { |
|
color: #757575; |
|
background-color: #cfdce3; |
|
} |
|
.tv-button--state.tv-button--warning { |
|
color: #f89e30; |
|
background-color: transparent; |
|
} |
|
.tv-button--state.tv-button--warning.i-checked { |
|
color: #ffffff; |
|
background-color: #f89e30; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--warning:hover { |
|
color: #ffffff; |
|
background-color: #f79217; |
|
} |
|
.feature-no-touch .tv-button--state.tv-button--warning:active,.feature-touch .tv-button--state.tv-button--warning:active { |
|
color: #ffffff; |
|
background-color: #d47807; |
|
} |
|
.tv-button--loader .tv-button__text { |
|
transition: opacity ease 0.175s, -webkit-transform ease 0.175s; |
|
transition: opacity ease 0.175s, transform ease 0.175s; |
|
transition: opacity ease 0.175s, transform ease 0.175s, -webkit-transform ease 0.175s; |
|
} |
|
.tv-button--loader.i-start-load .tv-button__text { |
|
opacity: 0; |
|
-webkit-transform: translateY(-5px); |
|
transform: translateY(-5px); |
|
} |
|
.tv-button--loader.i-loading .tv-button__text { |
|
opacity: 0; |
|
-webkit-transform: translateY(5px); |
|
transform: translateY(5px); |
|
} |
|
.tv-button--loader.i-stop-load .tv-button__text { |
|
opacity: 1; |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
transition-delay: 0.175s; |
|
} |
|
.tv-button__loader { |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
right: 0; |
|
bottom: 0; |
|
height: 100%; |
|
margin: 0 auto; |
|
text-align: center; |
|
font-size: 0; |
|
opacity: 0; |
|
transition: opacity ease 0.35s; |
|
} |
|
.tv-button__loader:after { |
|
content: ''; |
|
display: inline-block; |
|
height: 100%; |
|
vertical-align: middle; |
|
} |
|
.tv-button--loader.i-loading .tv-button__loader, .tv-button--loader.i-start-load .tv-button__loader { |
|
opacity: 1; |
|
} |
|
.tv-button--loader.i-stop-load .tv-button__loader { |
|
opacity: 0; |
|
} |
|
.tv-button__loader-item { |
|
margin-right: 2px; |
|
margin-left: 2px; |
|
display: inline-block; |
|
vertical-align: middle; |
|
width: 10px; |
|
height: 10px; |
|
opacity: 0; |
|
border-radius: 100%; |
|
background-color: #ffffff; |
|
-webkit-transform: translateY(12px) scale(0.6); |
|
transform: translateY(12px) scale(0.6); |
|
transition: opacity ease 0.35s, -webkit-transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s; |
|
transition: transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s, opacity ease 0.35s; |
|
transition: transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s, opacity ease 0.35s, -webkit-transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s; |
|
} |
|
.tv-button__loader-item:nth-child(2) { |
|
transition-delay: 0.11666667s; |
|
} |
|
.tv-button__loader-item:nth-child(3) { |
|
transition-delay: 0.23333333s; |
|
} |
|
.tv-button--default .tv-button__loader-item { |
|
background-color: #757575; |
|
} |
|
.tv-button--loader.i-loading .tv-button__loader-item, .tv-button--loader.i-start-load .tv-button__loader-item { |
|
opacity: 1; |
|
} |
|
.tv-button--loader.i-stop-load .tv-button__loader-item { |
|
opacity: 0; |
|
} |
|
.tv-button--loader.i-loading .tv-button__loader-item, .tv-button--loader.i-stop-load .tv-button__loader-item, .tv-button--loader.i-start-load .tv-button__loader-item { |
|
-webkit-transform: translateY(0) scale(0.6); |
|
transform: translateY(0) scale(0.6); |
|
} |
|
.tv-button--loader.i-loading .tv-button__loader-item, .tv-button--loader.i-stop-load .tv-button__loader-item { |
|
-webkit-animation: tv-button-loader 0.96s infinite cubic-bezier(0.42, 0, 0.58, 1) both; |
|
animation: tv-button-loader 0.96s infinite cubic-bezier(0.42, 0, 0.58, 1) both; |
|
} |
|
.tv-button--loader.i-loading .tv-button__loader-item:nth-child(2), .tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(2) { |
|
-webkit-animation-delay: .151s; |
|
animation-delay: .151s; |
|
} |
|
.tv-button--loader.i-loading .tv-button__loader-item:nth-child(3), .tv-button--loader.i-stop-load .tv-button__loader-item:nth-child(3) { |
|
-webkit-animation-delay: .32s; |
|
animation-delay: .32s; |
|
} |
|
.tv-button--no-border-radius { |
|
border-radius: 0; |
|
} |
|
.tv-button--no-border { |
|
border: none; |
|
} |
|
.tv-button--connect { |
|
border-radius: 0; |
|
} |
|
.tv-button--connect_left { |
|
border-top-left-radius: 0; |
|
border-bottom-left-radius: 0; |
|
} |
|
.tv-button--connect_right { |
|
border-top-right-radius: 0; |
|
border-bottom-right-radius: 0; |
|
} |
|
@-webkit-keyframes tv-button-loader { |
|
0%, 100% { |
|
-webkit-transform: scale(0.6); |
|
transform: scale(0.6); |
|
} |
|
50% { |
|
-webkit-transform: scale(0.9); |
|
transform: scale(0.9); |
|
} |
|
} |
|
@keyframes tv-button-loader { |
|
0%, 100% { |
|
-webkit-transform: scale(0.6); |
|
transform: scale(0.6); |
|
} |
|
50% { |
|
-webkit-transform: scale(0.9); |
|
transform: scale(0.9); |
|
} |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-button.tv-button--phone-compact { |
|
padding-left: 4px; |
|
padding-right: 4px; |
|
} |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
/* ------------------------ */ |
|
/* LESS mixin for CSS arrow */ |
|
/* ------------------------ */ |
|
/* Usage |
|
* .arrow(size, color, direction, offset, border-size, border-color); |
|
*/ |
|
/* Where |
|
* Size is the with of the arrow |
|
* Color is the color of the arrow (plain color required) |
|
* Direction is the orientation of the arrow (top, right, bottom, left) |
|
* Offset is the position of the arrow on its axis (px / em) |
|
* Border-size is the width of the border if there is one (optional; default "0") |
|
* Border-color is the color of the border if there is one (optional; default "inherit"); |
|
*/ |
|
/* Extra |
|
* Drop-shadows can be used on the element to create a shadow on the arrow as well |
|
*/ |
|
.tv-search-row { |
|
width: 100%; |
|
position: relative; |
|
cursor: default; |
|
display: -webkit-flex; |
|
display: flex; |
|
border-bottom: 1px solid; |
|
border-bottom-color: #dadde0; |
|
} |
|
html.theme-dark .tv-search-row{ border-bottom-color: #363c4e; } |
|
.tv-search-row__input { |
|
background-color: #ffffff; |
|
box-sizing: border-box; |
|
width: 100%; |
|
padding: 9px 50px 9px 60px; |
|
min-height: 50px; |
|
height: 50px; |
|
margin: 0; |
|
border: none; |
|
} |
|
html.theme-dark .tv-search-row__input{ background-color: #1c2030; } |
|
@media screen and (max-width:767px) { |
|
.tv-search-row__input { |
|
min-height: 34px; |
|
height: 34px; |
|
padding-left: 50px; |
|
padding-right: 40px; |
|
} |
|
.feature-touch .tv-search-row__input { |
|
min-height: 50px; |
|
height: 50px; |
|
} |
|
} |
|
.tv-search-row--without-controls .tv-search-row__input { |
|
padding-right: 30px; |
|
padding-left: 30px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-search-row--without-controls .tv-search-row__input { |
|
padding-left: 20px; |
|
padding-right: 20px; |
|
} |
|
} |
|
.tv-search-row__input-reset { |
|
top: 0; |
|
right: 16px; |
|
bottom: 0; |
|
width: 36px; |
|
position: absolute; |
|
text-align: center; |
|
opacity: 0.5; |
|
cursor: pointer; |
|
transition: opacity ease 0.35s; |
|
} |
|
.tv-search-row__input-reset:after { |
|
content: ''; |
|
display: inline-block; |
|
vertical-align: middle; |
|
height: 100%; |
|
} |
|
.feature-no-touch .tv-search-row__input-reset:hover { |
|
opacity: 1; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-search-row__input-reset svg { |
|
display: inline-block; |
|
fill: #4a4a4a; |
|
width: 9px; |
|
height: 9px; |
|
vertical-align: middle; |
|
} |
|
html.theme-dark .tv-search-row__input-reset svg{ fill: #c5cbce; } |
|
@media screen and (max-width:767px) { |
|
.tv-search-row__input-reset { |
|
right: 10px; |
|
} |
|
} |
|
.tv-search-row__search-icon { |
|
position: absolute; |
|
display: block; |
|
top: 50%; |
|
left: 30px; |
|
margin-top: -9px; |
|
opacity: 0.8; |
|
pointer-events: none; |
|
transition: opacity ease 0.35s; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-search-row__search-icon { |
|
left: 20px; |
|
} |
|
} |
|
.tv-search-row__search-icon svg { |
|
display: block; |
|
fill: #adaeb0; |
|
width: 18px; |
|
height: 18px; |
|
overflow: visible; |
|
} |
|
html.theme-dark .tv-search-row__search-icon svg{ fill: #4f5966; } |
|
.tv-search-row--without-controls .tv-search-row__input-reset, .tv-search-row--without-controls .tv-search-row__search-icon { |
|
display: none; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
/* ------------------------ */ |
|
/* LESS mixin for CSS arrow */ |
|
/* ------------------------ */ |
|
/* Usage |
|
* .arrow(size, color, direction, offset, border-size, border-color); |
|
*/ |
|
/* Where |
|
* Size is the with of the arrow |
|
* Color is the color of the arrow (plain color required) |
|
* Direction is the orientation of the arrow (top, right, bottom, left) |
|
* Offset is the position of the arrow on its axis (px / em) |
|
* Border-size is the width of the border if there is one (optional; default "0") |
|
* Border-color is the color of the border if there is one (optional; default "inherit"); |
|
*/ |
|
/* Extra |
|
* Drop-shadows can be used on the element to create a shadow on the arrow as well |
|
*/ |
|
.tv-load-chart-dialog-table { |
|
padding: 14px 0 0; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-load-chart-dialog-table { |
|
padding: 5px 0; |
|
} |
|
} |
|
.tv-load-chart-dialog-table__column { |
|
padding: 6px 0 6px 0; |
|
} |
|
.feature-touch .tv-load-chart-dialog-table__column { |
|
padding-top: 8px; |
|
padding-bottom: 8px; |
|
} |
|
.tv-load-chart-dialog-table__column--item { |
|
overflow: hidden; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
} |
|
.feature-no-touch .tv-load-chart-dialog-table__column--header:hover { |
|
color: #3babd8; |
|
} |
|
.tv-load-chart-dialog-table__column--header.i-active { |
|
color: #3898c2; |
|
font-weight: bold; |
|
} |
|
.tv-load-chart-dialog-table__column-wrapper { |
|
display: -webkit-flex; |
|
display: flex; |
|
width: 100%; |
|
} |
|
.tv-load-chart-dialog-table__column--header:not(.i-active) .tv-load-chart-dialog-table__caret { |
|
display: none; |
|
} |
|
.tv-load-chart-dialog-table__column--item { |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .tv-load-chart-dialog-table__column--item{ color: #c5cbce; } |
|
.tv-load-chart-dialog-table__column--item:visited { |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .tv-load-chart-dialog-table__column--item:visited{ color: #c5cbce; } |
|
.tv-load-chart-dialog-table__column-name { |
|
width: 50%; |
|
max-width: 50%; |
|
} |
|
@media screen and (max-width:479px) { |
|
.tv-load-chart-dialog-table__column-name { |
|
width: 60%; |
|
max-width: 60%; |
|
} |
|
} |
|
.tv-load-chart-dialog-table__column-modified { |
|
width: 30%; |
|
} |
|
@media screen and (max-width:479px) { |
|
.tv-load-chart-dialog-table__column-modified { |
|
display: none; |
|
} |
|
} |
|
.tv-load-chart-dialog-table__column-symbol { |
|
width: 20%; |
|
text-align: right; |
|
} |
|
@media screen and (max-width:479px) { |
|
.tv-load-chart-dialog-table__column-symbol { |
|
width: 40%; |
|
} |
|
} |
|
.tv-load-chart-dialog-table__column-name .i-match, .tv-load-chart-dialog-table__column-symbol .i-match { |
|
color: #3898c2; |
|
font-weight: bold; |
|
} |
|
.tv-load-chart-dialog-table__row { |
|
padding: 0 30px; |
|
font-size: 13px; |
|
cursor: pointer; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
} |
|
.tv-load-chart-dialog-table__row--header { |
|
color: #9b9b9b; |
|
} |
|
.tv-load-chart-dialog-table__row--item { |
|
padding-right: 8px; |
|
padding-left: 2px; |
|
margin: 1px 0 2px 0; |
|
transition: background-color ease 0.35s; |
|
} |
|
@media screen and (max-width:767px) { |
|
} |
|
.feature-no-touch .tv-load-chart-dialog-table__row--item:hover { |
|
background-color: #f1f3f6; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .tv-load-chart-dialog-table__row--item:hover{ background-color: #2f3241; } |
|
.tv-load-chart-dialog-table__row--item.i-active { |
|
background-color: #eff9ff; |
|
} |
|
html.theme-dark .tv-load-chart-dialog-table__row--item.i-active{ background-color: #21384d; } |
|
.feature-no-touch .tv-load-chart-dialog-table__row--item.i-active:hover { |
|
background-color: #c6e9f8; |
|
} |
|
html.feature-no-touch.theme-dark .tv-load-chart-dialog-table__row--item.i-active:hover{ background-color: #21384d; } |
|
.tv-load-chart-dialog-table__row--item-without-favs { |
|
padding-left: 30px; |
|
} |
|
.tv-load-chart-dialog-table__items-list-container { |
|
overflow-y: auto; |
|
height: 381px; |
|
margin-top: 5px; |
|
} |
|
.tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar { |
|
width: 5px; |
|
height: 5px; |
|
} |
|
.tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar-thumb { |
|
border: 1px solid; |
|
border-color: #f1f3f6; |
|
border-radius: 3px; |
|
background-color: #9db2bd; |
|
} |
|
html.theme-dark .tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar-thumb{ background-color: #363c4e; } |
|
html.theme-dark .tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar-thumb{ border-color: #1c2030; } |
|
.tv-load-chart-dialog-table__items-list-container::-webkit-scrollbar-track { |
|
background-color: transparent; |
|
border-radius: 3px; |
|
} |
|
.tv-load-chart-dialog-table__empty-list-placeholder { |
|
display: none; |
|
color: #8a8a8a; |
|
font-style: italic; |
|
padding-top: 10px; |
|
text-align: center; |
|
} |
|
.tv-load-chart-dialog-table__items-list-container.i-empty .tv-load-chart-dialog-table__empty-list-placeholder { |
|
display: block; |
|
} |
|
.tv-load-chart-dialog-table__items-list { |
|
position: relative; |
|
width: 100%; |
|
padding-bottom: 15px; |
|
} |
|
.tv-load-chart-dialog-table__favorite-icon-container { |
|
display: -webkit-flex; |
|
display: flex; |
|
} |
|
.tv-load-chart-dialog-table__favorite-icon-container.i-starred .tv-load-chart-dialog-table__star-icon--empty { |
|
display: none; |
|
} |
|
.tv-load-chart-dialog-table__favorite-icon-container.i-starred .tv-load-chart-dialog-table__star-icon--filled { |
|
display: -webkit-flex; |
|
display: flex; |
|
} |
|
.tv-load-chart-dialog-table__star-icon { |
|
padding: 4px 6px; |
|
} |
|
.feature-touch .tv-load-chart-dialog-table__star-icon { |
|
padding-top: 8px; |
|
padding-bottom: 8px; |
|
} |
|
.tv-load-chart-dialog-table__star-icon--empty { |
|
display: -webkit-flex; |
|
display: flex; |
|
} |
|
.tv-load-chart-dialog-table__star-icon--filled { |
|
display: none; |
|
} |
|
.tv-load-chart-dialog-table__remove-icon { |
|
display: -webkit-flex; |
|
display: flex; |
|
padding: 9px 4px 9px 7px; |
|
} |
|
.feature-touch .tv-load-chart-dialog-table__remove-icon { |
|
padding-top: 13px; |
|
padding-bottom: 13px; |
|
} |
|
.tv-load-chart-dialog-table__remove-icon svg { |
|
width: 10px; |
|
height: 10px; |
|
} |
|
.tv-load-chart-dialog-table__favorite-icon-container, .tv-load-chart-dialog-table__remove-icon { |
|
visibility: hidden; |
|
} |
|
.feature-touch .tv-load-chart-dialog-table__favorite-icon-container, .feature-touch .tv-load-chart-dialog-table__remove-icon { |
|
visibility: visible; |
|
} |
|
.tv-load-chart-dialog-table__favorite-icon-container svg, .tv-load-chart-dialog-table__remove-icon svg { |
|
opacity: 0.5; |
|
fill: #758696; |
|
transition: opacity ease 0.35s; |
|
} |
|
.feature-touch .tv-load-chart-dialog-table__favorite-icon-container svg, .feature-touch .tv-load-chart-dialog-table__remove-icon svg { |
|
opacity: 0.7; |
|
} |
|
.tv-load-chart-dialog-table__favorite-icon-container.i-starred, .feature-no-touch .tv-load-chart-dialog-table__row--item:hover .tv-load-chart-dialog-table__favorite-icon-container, .feature-no-touch .tv-load-chart-dialog-table__row--item:hover .tv-load-chart-dialog-table__remove-icon { |
|
visibility: visible; |
|
} |
|
.feature-no-touch .tv-load-chart-dialog-table__favorite-icon-container.i-starred:hover svg, .feature-no-touch .tv-load-chart-dialog-table__row--item:hover .tv-load-chart-dialog-table__favorite-icon-container:hover svg, .feature-no-touch .tv-load-chart-dialog-table__row--item:hover .tv-load-chart-dialog-table__remove-icon:hover svg { |
|
opacity: 1; |
|
transition-duration: 0.06s; |
|
} |
|
|
|
/** |
|
* Carret. Use it for dropdowns |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.caret-3_GTxtct- { |
|
display: inline-block; |
|
width: 0; |
|
height: 0; |
|
vertical-align: middle; |
|
border-top: 4px solid; |
|
border-right: 4px solid transparent; |
|
border-left: 4px solid transparent; |
|
transition: -webkit-transform ease 0.35s; |
|
transition: transform ease 0.35s; |
|
transition: transform ease 0.35s, -webkit-transform ease 0.35s; |
|
} |
|
.caretRotate-98O6Gi4f- { |
|
-webkit-transform: rotate(-180deg); |
|
transform: rotate(-180deg); |
|
will-change: transform; |
|
transition-duration: 0.33; |
|
} |
|
.caretSmall-1vg6w8eZ- { |
|
margin-left: 3px; |
|
border-top-width: 3px; |
|
border-right-width: 3px; |
|
border-left-width: 3px; |
|
} |
|
.caretColorTransition-1y-c2tgp- { |
|
transition: color ease 0.35s, -webkit-transform ease 0.35s; |
|
transition: transform ease 0.35s, color ease 0.35s; |
|
transition: transform ease 0.35s, color ease 0.35s, -webkit-transform ease 0.35s; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.inputWrapper-6bNZbTW4- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-grow: 1; |
|
flex-grow: 1; |
|
position: relative; |
|
border-radius: 2px 2px 2px 2px; |
|
} |
|
.textInput-3WRWEmm7- { |
|
background-color: #ffffff; |
|
border: 1px solid; |
|
box-sizing: border-box; |
|
color: #535353; |
|
display: -webkit-flex; |
|
display: flex; |
|
font-size: 13px; |
|
height: 34px; |
|
padding: 0 12px; |
|
transition: border-color 0.35s ease 0s, background-color 0.35s ease 0s; |
|
width: 100%; |
|
-webkit-appearance: none; |
|
-moz-appearance: none; |
|
appearance: none; |
|
border-radius: inherit; |
|
border-color: #dadde0; |
|
-webkit-flex: 1; |
|
flex: 1; |
|
} |
|
html.theme-dark .textInput-3WRWEmm7-{ border-color: #363c4e; } |
|
html.theme-dark .textInput-3WRWEmm7-{ color: #f2f3f5; } |
|
html.theme-dark .textInput-3WRWEmm7-{ background-color: #131722; } |
|
.textInput-3WRWEmm7-::-webkit-input-placeholder { |
|
color: #adaeb0; |
|
opacity: 1; |
|
} |
|
.textInput-3WRWEmm7-:-ms-input-placeholder { |
|
color: #adaeb0; |
|
opacity: 1; |
|
} |
|
.textInput-3WRWEmm7-::-ms-input-placeholder { |
|
color: #adaeb0; |
|
opacity: 1; |
|
} |
|
.textInput-3WRWEmm7-::placeholder { |
|
color: #adaeb0; |
|
opacity: 1; |
|
} |
|
html.theme-dark .textInput-3WRWEmm7-::-webkit-input-placeholder{ color: #4f5966; } |
|
html.theme-dark .textInput-3WRWEmm7-:-ms-input-placeholder{ color: #4f5966; } |
|
html.theme-dark .textInput-3WRWEmm7-::-ms-input-placeholder{ color: #4f5966; } |
|
html.theme-dark .textInput-3WRWEmm7-::placeholder{ color: #4f5966; } |
|
.feature-no-touch .textInput-3WRWEmm7-[readonly]:hover, .feature-no-touch .textInput-3WRWEmm7-[readonly]:focus,.feature-touch .textInput-3WRWEmm7-[readonly]:focus, .textInput-3WRWEmm7-[readonly] { |
|
border-color: #dadde0; |
|
color: #8a8a8a; |
|
} |
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[readonly]:hover, html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[readonly]:focus,html.feature-touch.theme-dark .textInput-3WRWEmm7-[readonly]:focus, html.theme-dark .textInput-3WRWEmm7-[readonly]{ color: #758696; } |
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[readonly]:hover, html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[readonly]:focus,html.feature-touch.theme-dark .textInput-3WRWEmm7-[readonly]:focus, html.theme-dark .textInput-3WRWEmm7-[readonly]{ border-color: #363c4e; } |
|
.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover, .textInput-3WRWEmm7-[disabled] { |
|
color: #ececec; |
|
border-color: #ececec; |
|
background-color: #ffffff; |
|
cursor: auto; |
|
} |
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover, html.theme-dark .textInput-3WRWEmm7-[disabled]{ background-color: #131722; } |
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover, html.theme-dark .textInput-3WRWEmm7-[disabled]{ border-color: #262b3e; } |
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover, html.theme-dark .textInput-3WRWEmm7-[disabled]{ color: #262b3e; } |
|
.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover::-webkit-input-placeholder, .textInput-3WRWEmm7-[disabled]::-webkit-input-placeholder { |
|
color: #ececec; |
|
} |
|
.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover:-ms-input-placeholder, .textInput-3WRWEmm7-[disabled]:-ms-input-placeholder { |
|
color: #ececec; |
|
} |
|
.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover::-ms-input-placeholder, .textInput-3WRWEmm7-[disabled]::-ms-input-placeholder { |
|
color: #ececec; |
|
} |
|
.feature-no-touch .textInput-3WRWEmm7-[disabled]:hover::placeholder, .textInput-3WRWEmm7-[disabled]::placeholder { |
|
color: #ececec; |
|
} |
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover::-webkit-input-placeholder, html.theme-dark .textInput-3WRWEmm7-[disabled]::-webkit-input-placeholder{ color: #262b3e; } |
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover:-ms-input-placeholder, html.theme-dark .textInput-3WRWEmm7-[disabled]:-ms-input-placeholder{ color: #262b3e; } |
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover::-ms-input-placeholder, html.theme-dark .textInput-3WRWEmm7-[disabled]::-ms-input-placeholder{ color: #262b3e; } |
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-[disabled]:hover::placeholder, html.theme-dark .textInput-3WRWEmm7-[disabled]::placeholder{ color: #262b3e; } |
|
.textInput-3WRWEmm7-.error-v0663AtN-, .feature-no-touch .textInput-3WRWEmm7-.error-v0663AtN-:hover, .textInput-3WRWEmm7-.error-v0663AtN-[readonly], .textInput-3WRWEmm7-.error-v0663AtN-[disabled] { |
|
border-color: #f24965 !important; |
|
} |
|
.textInput-3WRWEmm7-.success-7iP8kTY5-, .feature-no-touch .textInput-3WRWEmm7-.success-7iP8kTY5-:hover, .textInput-3WRWEmm7-.success-7iP8kTY5-[readonly], .textInput-3WRWEmm7-.success-7iP8kTY5-[disabled] { |
|
border-color: #38b395 !important; |
|
} |
|
.feature-no-touch .textInput-3WRWEmm7-:hover { |
|
border-color: #c8c8c8; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .textInput-3WRWEmm7-:hover{ border-color: #4c525e; } |
|
.feature-no-touch .textInput-3WRWEmm7-:focus,.feature-touch .textInput-3WRWEmm7-:focus { |
|
border-color: #3bb3e4 !important; |
|
transition-duration: 0.06s; |
|
} |
|
.textInput-3WRWEmm7-.textInputLeftDirection-mlAXPh8V- { |
|
/*!rtl:ignore*/ |
|
text-align: left; |
|
/*!rtl:ignore*/ |
|
direction: ltr; |
|
} |
|
.xsmall-3Ah_Or2-- { |
|
height: 19px; |
|
} |
|
.small-2bmxiJCE- { |
|
height: 27px; |
|
} |
|
.large-1JDowW2I- { |
|
height: 48px; |
|
} |
|
.iconed-3ZQvxTot- .textInput-3WRWEmm7- { |
|
padding-left: 30px; |
|
} |
|
.iconed-3ZQvxTot- .inputIcon-W_Bse-a1- { |
|
opacity: 0.4; |
|
} |
|
.iconed-3ZQvxTot- .inputIcon-W_Bse-a1- svg { |
|
display: inline-block; |
|
position: absolute; |
|
width: 14px; |
|
height: 14px; |
|
margin: 10px 0 0 10px; |
|
fill: #4a4a4a; |
|
stroke: #4a4a4a; |
|
} |
|
.clearable-2tabt_rj- .textInput-3WRWEmm7- { |
|
display: inline-block; |
|
width: 100%; |
|
} |
|
.clearable-2tabt_rj- .clearIcon-389FR5J4- { |
|
display: -webkit-inline-flex; |
|
display: inline-flex; |
|
position: absolute; |
|
right: 12px; |
|
top: 10px; |
|
cursor: pointer; |
|
opacity: 0.4; |
|
} |
|
.clearable-2tabt_rj- .clearIcon-389FR5J4- svg { |
|
max-width: 16px; |
|
height: 16px; |
|
fill: #4a4a4a; |
|
stroke: #4a4a4a; |
|
} |
|
.grouped-34HX1lDr-:not(:first-child):not(:last-child) { |
|
border-radius: 0; |
|
} |
|
.grouped-34HX1lDr- + .grouped-34HX1lDr- { |
|
margin-left: -1px; |
|
} |
|
.grouped-34HX1lDr-:first-child { |
|
margin-left: 0; |
|
} |
|
.grouped-34HX1lDr-:not(:last-child) { |
|
border-radius: 2px 0 0 2px; |
|
} |
|
.grouped-34HX1lDr-:not(:first-child) { |
|
border-radius: 0 2px 2px 0; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.autocomplete-S6SpJGmW- { |
|
-webkit-flex: 1 1 auto; |
|
flex: 1 1 auto; |
|
position: relative; |
|
} |
|
.autocomplete-S6SpJGmW- .caret-3fqF_ykE- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: row; |
|
flex-direction: row; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
position: absolute; |
|
right: 0; |
|
top: 0; |
|
bottom: 0; |
|
border-color: #dadde0; |
|
border-left: none; |
|
width: 40px; |
|
padding: 0; |
|
text-align: center; |
|
opacity: 0.4; |
|
cursor: pointer; |
|
} |
|
html.theme-dark .autocomplete-S6SpJGmW- .caret-3fqF_ykE-{ border-color: #363c4e; } |
|
.feature-no-touch .autocomplete-S6SpJGmW- .caret-3fqF_ykE-:hover { |
|
opacity: 1; |
|
} |
|
.autocomplete-S6SpJGmW- .caret-3fqF_ykE- .icon-1POgzoN_- { |
|
margin: 0; |
|
} |
|
.autocomplete-S6SpJGmW- .textInput-1mZnCCcA- input { |
|
padding-right: 52px; |
|
} |
|
.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- { |
|
position: absolute; |
|
background-color: #ffffff; |
|
border-radius: 3px; |
|
font-size: 13px; |
|
padding: 10px 0; |
|
outline: 0; |
|
box-shadow: rgba(0, 0, 0, 0.275) 0 1px 2px 1px; |
|
visibility: hidden; |
|
overflow-x: hidden; |
|
overflow-y: auto; |
|
width: 100%; |
|
max-height: 0; |
|
z-index: 150; |
|
} |
|
html.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY-{ background-color: #2f3241; } |
|
.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-, .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .noResults-1pgHgvGL- { |
|
position: relative; |
|
white-space: nowrap; |
|
padding: 10px 15px; |
|
text-align: left; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
} |
|
.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf- { |
|
cursor: pointer; |
|
} |
|
.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-.selected-3wOAQHl8- { |
|
color: #4a4a4a; |
|
background-color: #eafafe; |
|
} |
|
html.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-.selected-3wOAQHl8-{ background-color: #21384d; } |
|
html.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-.selected-3wOAQHl8-{ color: #758696; } |
|
.feature-no-touch .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:hover { |
|
color: #4a4a4a; |
|
background-color: #f2f2f2; |
|
} |
|
html.feature-no-touch.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:hover{ background-color: #1c2030; } |
|
html.feature-no-touch.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:hover{ color: #758696; } |
|
.feature-no-touch .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:active,.feature-touch .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:active { |
|
color: #4a4a4a; |
|
background-color: #ececec; |
|
} |
|
html.feature-no-touch.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:active,html.feature-touch.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:active{ background-color: #262b3e; } |
|
html.feature-no-touch.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:active,html.feature-touch.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .suggestion-3xakscNf-:active{ color: #758696; } |
|
.autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .noResults-1pgHgvGL- { |
|
color: #8a8a8a; |
|
} |
|
html.theme-dark .autocomplete-S6SpJGmW- .suggestions-NOVMFmSY- .noResults-1pgHgvGL-{ color: #758696; } |
|
.autocomplete-S6SpJGmW-.opened-2C-bn3cP- .suggestions-NOVMFmSY- { |
|
visibility: visible; |
|
max-height: 45vh; |
|
} |
|
.autocomplete-S6SpJGmW-.opened-2C-bn3cP- .suggestions-NOVMFmSY-::-webkit-scrollbar { |
|
width: 5px; |
|
height: 5px; |
|
} |
|
.autocomplete-S6SpJGmW-.opened-2C-bn3cP- .suggestions-NOVMFmSY-::-webkit-scrollbar-thumb { |
|
border: 1px solid; |
|
border-color: #f1f3f6; |
|
border-radius: 3px; |
|
background-color: #9db2bd; |
|
} |
|
html.theme-dark .autocomplete-S6SpJGmW-.opened-2C-bn3cP- .suggestions-NOVMFmSY-::-webkit-scrollbar-thumb{ background-color: #363c4e; } |
|
html.theme-dark .autocomplete-S6SpJGmW-.opened-2C-bn3cP- .suggestions-NOVMFmSY-::-webkit-scrollbar-thumb{ border-color: #1c2030; } |
|
.autocomplete-S6SpJGmW-.opened-2C-bn3cP- .suggestions-NOVMFmSY-::-webkit-scrollbar-track { |
|
background-color: transparent; |
|
border-radius: 3px; |
|
} |
|
|
|
@-webkit-keyframes highlight-animation { |
|
0% { |
|
background: transparent; |
|
} |
|
to { |
|
background: #fff2cf; |
|
} |
|
} |
|
@keyframes highlight-animation { |
|
0% { |
|
background: transparent; |
|
} |
|
to { |
|
background: #fff2cf; |
|
} |
|
} |
|
@-webkit-keyframes highlight-animation-theme-dark { |
|
0% { |
|
background: transparent; |
|
} |
|
to { |
|
background: #194453; |
|
} |
|
} |
|
@keyframes highlight-animation-theme-dark { |
|
0% { |
|
background: transparent; |
|
} |
|
to { |
|
background: #194453; |
|
} |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
/* ------------------------ */ |
|
/* LESS mixin for CSS arrow */ |
|
/* ------------------------ */ |
|
/* Usage |
|
* .arrow(size, color, direction, offset, border-size, border-color); |
|
*/ |
|
/* Where |
|
* Size is the with of the arrow |
|
* Color is the color of the arrow (plain color required) |
|
* Direction is the orientation of the arrow (top, right, bottom, left) |
|
* Offset is the position of the arrow on its axis (px / em) |
|
* Border-size is the width of the border if there is one (optional; default "0") |
|
* Border-color is the color of the border if there is one (optional; default "inherit"); |
|
*/ |
|
/* Extra |
|
* Drop-shadows can be used on the element to create a shadow on the arrow as well |
|
*/ |
|
.tv-insert-study-item { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-justify-content: space-between; |
|
justify-content: space-between; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
padding-left: 1px; |
|
font-size: 13px; |
|
cursor: pointer; |
|
} |
|
.tv-insert-study-item.i-grayed { |
|
color: #b4b4b4; |
|
} |
|
.feature-no-touch .tv-insert-study-item:not(.tv-insert-study-item--subgroup-header):hover { |
|
transition-duration: 0.06s; |
|
background-color: #f2f3f5; |
|
} |
|
html.feature-no-touch.theme-dark .tv-insert-study-item:not(.tv-insert-study-item--subgroup-header):hover{ background-color: #2f3241; } |
|
.feature-no-touch .tv-insert-study-item:hover .tv-insert-study-item__buttons { |
|
visibility: visible; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-insert-study-item { |
|
padding-right: 12px; |
|
padding-left: 10px; |
|
} |
|
} |
|
.tv-insert-study-item.i-without-stars { |
|
padding-left: 30px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-insert-study-item.i-without-stars { |
|
padding-left: 20px; |
|
} |
|
} |
|
.tv-insert-study-item--selected { |
|
transition-duration: 0.06s; |
|
background-color: #eff9ff; |
|
} |
|
html.theme-dark .tv-insert-study-item--selected{ background-color: #21384d; } |
|
.tv-insert-study-item--subgroup-header { |
|
cursor: default; |
|
font-weight: bold; |
|
color: #adaeb0; |
|
margin-top: 5px; |
|
padding-bottom: 5px; |
|
padding-left: 27px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-insert-study-item--subgroup-header { |
|
padding-left: 36px; |
|
} |
|
} |
|
.tv-insert-study-item__favorite-icon { |
|
padding: 6px 5px 6px 5px; |
|
margin: 1px 0 2px 0; |
|
-webkit-flex-shrink: 0; |
|
flex-shrink: 0; |
|
visibility: hidden; |
|
opacity: 0.5; |
|
transition: opacity ease 0.35s; |
|
} |
|
.tv-insert-study-item__favorite-icon.i-starred { |
|
visibility: visible; |
|
} |
|
.feature-no-touch .tv-insert-study-item__favorite-icon:hover { |
|
opacity: 1; |
|
} |
|
.feature-touch .tv-insert-study-item__favorite-icon { |
|
padding-top: 5px; |
|
padding-bottom: 5px; |
|
} |
|
.feature-no-touch .tv-insert-study-item:hover .tv-insert-study-item__favorite-icon { |
|
visibility: visible; |
|
} |
|
.feature-touch .tv-insert-study-item__favorite-icon { |
|
visibility: visible; |
|
} |
|
.tv-insert-study-item__star { |
|
display: -webkit-flex; |
|
display: flex; |
|
} |
|
.tv-insert-study-item__star svg { |
|
fill: #4a4a4a; |
|
} |
|
html.theme-dark .tv-insert-study-item__star svg{ fill: #c5cbce; } |
|
.tv-insert-study-item__star--filled { |
|
display: none; |
|
} |
|
.tv-insert-study-item__favorite-icon.i-starred .tv-insert-study-item__star--filled { |
|
display: -webkit-flex; |
|
display: flex; |
|
} |
|
.tv-insert-study-item__favorite-icon.i-starred .tv-insert-study-item__star--empty { |
|
display: none; |
|
} |
|
.tv-insert-study-item__title { |
|
padding: 6px 5px 6px 5px; |
|
margin: 1px 0 2px 0; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-flex-grow: 1; |
|
flex-grow: 1; |
|
min-width: 0; |
|
padding-left: 0; |
|
} |
|
.tv-insert-study-item__title-text { |
|
overflow: hidden; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
} |
|
.tv-insert-study-item__title-text .i-match { |
|
color: #3898c2; |
|
font-weight: bold; |
|
} |
|
.tv-insert-study-item__version { |
|
margin-left: 5px; |
|
color: #757575; |
|
} |
|
.tv-insert-study-item__strategy-icon { |
|
display: -webkit-flex; |
|
display: flex; |
|
margin-left: 5px; |
|
} |
|
.tv-insert-study-item__strategy-icon, .tv-insert-study-item__strategy-icon svg { |
|
width: 12px; |
|
height: 7px; |
|
} |
|
.tv-insert-study-item__red-lock-icon { |
|
display: -webkit-flex; |
|
display: flex; |
|
margin-left: 5px; |
|
fill: #ff4a68; |
|
} |
|
.tv-insert-study-item__red-lock-icon, .tv-insert-study-item__red-lock-icon svg { |
|
width: 12px; |
|
height: 10px; |
|
} |
|
.tv-insert-study-item__green-lock-icon { |
|
display: -webkit-flex; |
|
display: flex; |
|
margin-left: 5px; |
|
fill: #3cbc98; |
|
} |
|
.tv-insert-study-item__green-lock-icon, .tv-insert-study-item__green-lock-icon svg { |
|
width: 12px; |
|
height: 10px; |
|
} |
|
.tv-insert-study-item__author { |
|
padding: 6px 5px 6px 5px; |
|
margin: 1px 0 2px 0; |
|
max-width: 13%; |
|
min-width: 13%; |
|
margin-left: 10px; |
|
overflow: hidden; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
} |
|
.tv-insert-study-item__author a { |
|
color: #3bb3e4; |
|
transition: color ease 0.35s; |
|
} |
|
html.theme-dark .tv-insert-study-item__author a{ color: #299dcd; } |
|
.tv-insert-study-item__author a:visited { |
|
color: #3bb3e4; |
|
fill: #3bb3e4; |
|
} |
|
html.theme-dark .tv-insert-study-item__author a:visited{ fill: #299dcd; } |
|
html.theme-dark .tv-insert-study-item__author a:visited{ color: #299dcd; } |
|
.feature-no-touch .tv-insert-study-item__author a:hover { |
|
color: #3babd8; |
|
fill: #3babd8; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch .tv-insert-study-item__author a:active,.feature-touch .tv-insert-study-item__author a:active { |
|
color: #049ddc; |
|
fill: #049ddc; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-insert-study-item__author.i-empty { |
|
visibility: hidden; |
|
} |
|
.tv-insert-study-item__likes { |
|
padding: 6px 5px 6px 5px; |
|
margin: 1px 0 2px 0; |
|
overflow: hidden; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
text-align: right; |
|
max-width: 12%; |
|
min-width: 12%; |
|
} |
|
.tv-insert-study-item__likes.i-empty { |
|
visibility: hidden; |
|
} |
|
.tv-insert-study-item__buttons { |
|
display: -webkit-flex; |
|
display: flex; |
|
visibility: hidden; |
|
} |
|
@media screen and (max-width:1019px) { |
|
.tv-insert-study-item__buttons { |
|
visibility: visible; |
|
} |
|
} |
|
.feature-touch .tv-insert-study-item__buttons { |
|
visibility: visible; |
|
} |
|
.tv-insert-study-item__btn { |
|
padding: 6px 5px 6px 5px; |
|
margin: 1px 0 2px 0; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
transition: opacity ease 0.35s; |
|
opacity: 0.5; |
|
} |
|
.tv-insert-study-item__btn svg { |
|
fill: #758696; |
|
width: 22px; |
|
height: 11px; |
|
} |
|
.feature-no-touch .tv-insert-study-item__btn:hover { |
|
opacity: 1; |
|
} |
|
.feature-touch .tv-insert-study-item__btn { |
|
margin: 0; |
|
} |
|
.tv-insert-study-item__show-source-btn { |
|
padding-left: 12px; |
|
} |
|
.tv-insert-study-item__show-source-btn.i-empty { |
|
visibility: hidden; |
|
} |
|
@media only screen and (max-width: 600px), only screen and (max-height: 440px) { |
|
.tv-insert-study-item__show-source-btn { |
|
display: none; |
|
} |
|
} |
|
.tv-insert-study-item__show-more-btn svg { |
|
fill: #757575; |
|
width: 13px; |
|
height: 3px; |
|
} |
|
.feature-touch .tv-insert-study-item__show-more-btn { |
|
padding-top: 8px; |
|
} |
|
.feature-touch .tv-insert-study-item__delete-btn { |
|
padding-top: 8px; |
|
} |
|
.tv-insert-study-item__delete-btn, .tv-insert-study-item__show-more-btn { |
|
padding-right: 12px; |
|
} |
|
.tv-insert-study-item__delete-btn svg, .tv-insert-study-item__show-more-btn svg { |
|
fill: #757575; |
|
width: 10px; |
|
height: 10px; |
|
} |
|
@media only screen and (max-width: 660px) { |
|
.tv-insert-study-item__likes, .tv-insert-study-item__author { |
|
display: none; |
|
} |
|
} |
|
.tv-insert-indicator-dialog { |
|
/* |
|
.filter-control { |
|
display: inline-block; |
|
position: relative; |
|
margin-right: 12px; |
|
float: right; |
|
cursor: pointer; |
|
|
|
@media @media-phone { |
|
margin-right: 15px; |
|
} |
|
|
|
&:after { |
|
content: ''; |
|
display: block; |
|
position: absolute; |
|
top: 50%; |
|
right: -12px; |
|
border-color: inherit; |
|
border-style: solid; |
|
border-width: 4px; |
|
border-left-color: transparent; |
|
border-right-color: transparent; |
|
border-bottom-width: 0; |
|
} |
|
|
|
&.active { |
|
color: #4AB2DC; |
|
border-color: #4AB2DC; |
|
} |
|
} |
|
*/ |
|
} |
|
.tv-insert-indicator-dialog__body { |
|
display: -webkit-flex; |
|
display: flex; |
|
} |
|
.tv-insert-indicator-dialog__title-container { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
position: relative; |
|
transition: padding-left ease 0.175s; |
|
} |
|
@media screen and (max-width:479px) { |
|
.tv-insert-indicator-dialog__title-container.i-with-back-button { |
|
padding-left: 45px; |
|
} |
|
} |
|
.tv-insert-indicator-dialog__title-text { |
|
overflow: hidden; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
} |
|
.tv-insert-indicator-dialog__back-button { |
|
position: absolute; |
|
left: 5px; |
|
top: calc(50% - 18px); |
|
cursor: pointer; |
|
display: none; |
|
padding: 10px; |
|
} |
|
.tv-insert-indicator-dialog__back-button svg { |
|
width: 12px; |
|
height: 12px; |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
} |
|
@media screen and (max-width:479px) { |
|
.tv-insert-indicator-dialog__title-container.i-with-back-button .tv-insert-indicator-dialog__back-button { |
|
display: -webkit-flex; |
|
display: flex; |
|
} |
|
} |
|
.tv-insert-indicator-dialog__left-panel { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
-webkit-flex-shrink: 0; |
|
flex-shrink: 0; |
|
width: 222px; |
|
height: 100%; |
|
border-right: 1px solid; |
|
border-right-color: #dadde0; |
|
box-sizing: border-box; |
|
} |
|
html.theme-dark .tv-insert-indicator-dialog__left-panel{ border-right-color: #363c4e; } |
|
@media screen and (max-width:479px) { |
|
.tv-insert-indicator-dialog__left-panel { |
|
border-right: none; |
|
width: 100%; |
|
} |
|
} |
|
.tv-insert-indicator-dialog.i-minimized .tv-insert-indicator-dialog__left-panel { |
|
display: none; |
|
} |
|
.tv-insert-indicator-dialog__left-panel-content-wrapper { |
|
display: -webkit-flex; |
|
display: flex; |
|
overflow: hidden; |
|
position: relative; |
|
height: 100%; |
|
} |
|
@media screen and (max-width:479px) { |
|
.tv-insert-indicator-dialog__left-panel-content-wrapper { |
|
width: 100%; |
|
} |
|
} |
|
.tv-insert-indicator-dialog__search-control { |
|
background-color: #ffffff; |
|
-webkit-flex-shrink: 0; |
|
flex-shrink: 0; |
|
} |
|
html.theme-dark .tv-insert-indicator-dialog__search-control{ background-color: #1c2030; } |
|
.tv-insert-indicator-dialog__search-control input { |
|
background-color: #ffffff; |
|
} |
|
html.theme-dark .tv-insert-indicator-dialog__search-control input{ background-color: #1c2030; } |
|
.tv-insert-indicator-dialog__tabs-viewport { |
|
position: relative; |
|
width: 100%; |
|
line-height: 1; |
|
} |
|
.tv-insert-indicator-dialog__tabs-viewport .sb-scrollbar-body { |
|
border: 0; |
|
background: #d8d8d8; |
|
width: 6px; |
|
} |
|
html.theme-dark .tv-insert-indicator-dialog__tabs-viewport .sb-scrollbar-body{ background: #4f5966; } |
|
.tv-insert-indicator-dialog__tabs-viewport .sb-scrollbar-top, .tv-insert-indicator-dialog__tabs-viewport .sb-scrollbar-bottom { |
|
display: none; |
|
} |
|
.tv-insert-indicator-dialog__tabs-viewport.i-scrollable { |
|
overflow: hidden; |
|
} |
|
.feature-touch .tv-insert-indicator-dialog__tabs-viewport.i-scrollable { |
|
overflow-x: hidden; |
|
overflow-y: auto; |
|
} |
|
@media screen and (max-width:479px) { |
|
.tv-insert-indicator-dialog__tabs-viewport { |
|
position: absolute; |
|
-webkit-transform: translateX(-100%); |
|
transform: translateX(-100%); |
|
visibility: hidden; |
|
transition: visibility ease 0s 0.0875s, -webkit-transform ease 0.175s; |
|
transition: visibility ease 0s 0.0875s, transform ease 0.175s; |
|
transition: visibility ease 0s 0.0875s, transform ease 0.175s, -webkit-transform ease 0.175s; |
|
} |
|
.tv-insert-indicator-dialog__tabs-viewport.i-active { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
visibility: visible; |
|
transition-delay: 0s, 0s; |
|
} |
|
} |
|
.tv-insert-indicator-dialog__tabs-container { |
|
position: relative; |
|
width: 100%; |
|
padding: 12px 0; |
|
} |
|
.tv-insert-indicator-dialog__tab { |
|
overflow: hidden; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
font-size: 13px; |
|
cursor: pointer; |
|
padding: 8px 10px 8px 30px; |
|
transition: background-color ease 0.35s; |
|
} |
|
.feature-touch .tv-insert-indicator-dialog__tab { |
|
padding-top: 11px; |
|
padding-bottom: 11px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-insert-indicator-dialog__tab { |
|
padding-left: 20px; |
|
padding-right: 20px; |
|
} |
|
} |
|
.feature-no-touch .tv-insert-indicator-dialog__tab:hover { |
|
background-color: #f2f3f5; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .tv-insert-indicator-dialog__tab:hover{ background-color: #2f3241; } |
|
.tv-insert-indicator-dialog__tab.i-active { |
|
background-color: #eafafe; |
|
} |
|
html.theme-dark .tv-insert-indicator-dialog__tab.i-active{ background-color: #21384d; } |
|
.tv-insert-indicator-dialog__tab--beta:after { |
|
content: 'Beta'; |
|
position: relative; |
|
margin-left: 4px; |
|
top: -3px; |
|
font-size: 10px; |
|
font-style: italic; |
|
color: #00a97f; |
|
} |
|
.tv-insert-indicator-dialog__tab--group-head { |
|
position: relative; |
|
} |
|
.feature-no-touch .tv-insert-indicator-dialog__tab--group-head:hover { |
|
background: none; |
|
} |
|
.tv-insert-indicator-dialog__tabs { |
|
overflow: hidden; |
|
margin-left: 33px; |
|
border-left: 1px solid; |
|
border-left-color: #dadde0; |
|
} |
|
html.theme-dark .tv-insert-indicator-dialog__tabs{ border-left-color: #363c4e; } |
|
@media screen and (max-width:767px) { |
|
.tv-insert-indicator-dialog__tabs { |
|
margin-left: 23px; |
|
} |
|
} |
|
.tv-insert-indicator-dialog__tabs .tv-insert-indicator-dialog__tab { |
|
padding-left: 11px; |
|
} |
|
.tv-insert-indicator-dialog__right-panel { |
|
position: relative; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
width: calc(100% - 222px); |
|
height: 100%; |
|
} |
|
.tv-insert-indicator-dialog.i-minimized .tv-insert-indicator-dialog__right-panel { |
|
width: 100%; |
|
} |
|
.tv-insert-indicator-dialog__pages { |
|
width: 100%; |
|
height: 100%; |
|
overflow: auto; |
|
position: relative; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
-webkit-overflow-scrolling: touch; |
|
} |
|
.tv-insert-indicator-dialog__pages::-webkit-scrollbar { |
|
width: 5px; |
|
height: 5px; |
|
} |
|
.tv-insert-indicator-dialog__pages::-webkit-scrollbar-thumb { |
|
border: 1px solid; |
|
border-color: #f1f3f6; |
|
border-radius: 3px; |
|
background-color: #9db2bd; |
|
} |
|
html.theme-dark .tv-insert-indicator-dialog__pages::-webkit-scrollbar-thumb{ background-color: #363c4e; } |
|
html.theme-dark .tv-insert-indicator-dialog__pages::-webkit-scrollbar-thumb{ border-color: #1c2030; } |
|
.tv-insert-indicator-dialog__pages::-webkit-scrollbar-track { |
|
background-color: transparent; |
|
border-radius: 3px; |
|
} |
|
@media screen and (max-width:479px) { |
|
.tv-insert-indicator-dialog:not(.i-minimized) .tv-insert-indicator-dialog__pages { |
|
position: absolute; |
|
-webkit-transform: translateX(100%); |
|
transform: translateX(100%); |
|
visibility: hidden; |
|
transition: visibility ease 0s 0.0875s, -webkit-transform ease 0.175s; |
|
transition: visibility ease 0s 0.0875s, transform ease 0.175s; |
|
transition: visibility ease 0s 0.0875s, transform ease 0.175s, -webkit-transform ease 0.175s; |
|
} |
|
.tv-insert-indicator-dialog:not(.i-minimized) .tv-insert-indicator-dialog__pages.i-active { |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
visibility: visible; |
|
transition-delay: 0s, 0s; |
|
} |
|
} |
|
.tv-insert-indicator-dialog__page { |
|
display: -webkit-flex; |
|
display: flex; |
|
min-height: calc(100% - 14px); |
|
-webkit-flex-shrink: 0; |
|
flex-shrink: 0; |
|
padding-top: 14px; |
|
} |
|
.tv-insert-indicator-dialog__page--without-top-padding { |
|
padding-top: 0; |
|
min-height: 100%; |
|
} |
|
.tv-insert-indicator-dialog__page--offer-with-studies { |
|
-webkit-align-items: stretch; |
|
align-items: stretch; |
|
} |
|
.tv-insert-indicator-dialog__page--no-flex { |
|
display: block; |
|
} |
|
.tv-insert-indicator-dialog__page--search { |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
} |
|
@media screen and (max-width:479px) { |
|
.tv-insert-indicator-dialog__tabs-group--marketplace { |
|
display: none; |
|
} |
|
} |
|
.tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__items-list { |
|
padding-top: 14px; |
|
width: 190px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__items-list { |
|
width: 100%; |
|
} |
|
} |
|
.tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__offer-content { |
|
width: calc(100% - 190px); |
|
background-color: #f1f3f6; |
|
} |
|
html.theme-dark .tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__offer-content{ background-color: #262b3e; } |
|
@media screen and (max-width:767px) { |
|
.tv-insert-indicator-dialog__page--offer-with-studies .tv-insert-indicator-dialog__offer-content { |
|
display: none; |
|
} |
|
} |
|
.tv-insert-indicator-dialog__offer-content { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
width: 100%; |
|
} |
|
.tv-insert-indicator-dialog__economy-content { |
|
padding: 10px 30px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-insert-indicator-dialog__economy-content { |
|
padding-left: 20px; |
|
padding-right: 20px; |
|
} |
|
} |
|
.tv-insert-indicator-dialog__items-list { |
|
width: 100%; |
|
} |
|
.tv-insert-indicator-dialog__subgroup { |
|
margin-bottom: 15px; |
|
} |
|
.tv-insert-indicator-dialog__fundamentals-column { |
|
width: 100%; |
|
float: left; |
|
} |
|
@media only screen and (min-width: 675px) { |
|
.tv-insert-indicator-dialog__fundamentals-column--popular { |
|
width: 50%; |
|
} |
|
} |
|
.tv-insert-indicator-dialog__fundamentals-column--all { |
|
border-top: 1px solid; |
|
border-color: #dadde0; |
|
padding-top: 15px; |
|
margin-top: 5px; |
|
} |
|
html.theme-dark .tv-insert-indicator-dialog__fundamentals-column--all{ border-color: #363c4e; } |
|
.tv-insert-indicator-dialog__scripts-logo svg { |
|
fill: #758696; |
|
width: 233px; |
|
height: 128px; |
|
} |
|
.tv-insert-indicator-dialog__create-script-container { |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
padding: 0 30px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-insert-indicator-dialog__create-script-container { |
|
padding: 0 20px; |
|
} |
|
} |
|
.tv-insert-indicator-dialog__create-script-message { |
|
font-size: 19px; |
|
color: #4a4a4a; |
|
text-align: center; |
|
padding: 30px 0; |
|
line-height: 1.5; |
|
width: 100%; |
|
} |
|
html.theme-dark .tv-insert-indicator-dialog__create-script-message{ color: #c5cbce; } |
|
.tv-insert-indicator-dialog__not-found-message { |
|
padding: 20px 30px; |
|
text-align: center; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-insert-indicator-dialog__not-found-message { |
|
padding: 20px 20px; |
|
} |
|
} |
|
|
|
/** |
|
* Carret. Use it for dropdowns |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
/* ------------------------ */ |
|
/* LESS mixin for CSS arrow */ |
|
/* ------------------------ */ |
|
/* Usage |
|
* .arrow(size, color, direction, offset, border-size, border-color); |
|
*/ |
|
/* Where |
|
* Size is the with of the arrow |
|
* Color is the color of the arrow (plain color required) |
|
* Direction is the orientation of the arrow (top, right, bottom, left) |
|
* Offset is the position of the arrow on its axis (px / em) |
|
* Border-size is the width of the border if there is one (optional; default "0") |
|
* Border-color is the color of the border if there is one (optional; default "inherit"); |
|
*/ |
|
/* Extra |
|
* Drop-shadows can be used on the element to create a shadow on the arrow as well |
|
*/ |
|
.tv-caret { |
|
content: ''; |
|
display: inline-block; |
|
width: 0; |
|
height: 0; |
|
border-style: solid; |
|
border-width: 4px 4px 0 4px; |
|
border-color: currentColor transparent transparent transparent; |
|
margin-left: 5px; |
|
vertical-align: middle; |
|
transition: -webkit-transform ease 0.35s; |
|
transition: transform ease 0.35s; |
|
transition: transform ease 0.35s, -webkit-transform ease 0.35s; |
|
} |
|
.tv-caret--strict { |
|
/* will be rotated only if has '.i-dropped' itself, not parent */ |
|
} |
|
.active .tv-caret, .tv-caret--strict.i-dropped, .i-dropped .tv-caret:not(.tv-caret--strict) { |
|
-webkit-transform: rotate(-180deg); |
|
transform: rotate(-180deg); |
|
will-change: transform; |
|
transition-duration: 0.33; |
|
} |
|
.tv-caret--small { |
|
margin-left: 3px; |
|
margin-right: -1px; |
|
border-top-width: 3px; |
|
border-right-width: 3px; |
|
border-left-width: 3px; |
|
} |
|
.tv-caret--colored { |
|
transition: color ease 0.35s, -webkit-transform ease 0.35s; |
|
transition: transform ease 0.35s, color ease 0.35s; |
|
transition: transform ease 0.35s, color ease 0.35s, -webkit-transform ease 0.35s; |
|
} |
|
.tv-caret--no-margin { |
|
margin-left: 0px; |
|
} |
|
|
|
.tv-exit-fullscreen-button { |
|
z-index: 16; |
|
position: fixed; |
|
top: -1px; |
|
left: 50%; |
|
opacity: 0.6; |
|
background: #ffffff; |
|
color: #848487; |
|
border-radius: 0 0 3px 3px; |
|
border: 1px solid #c9cbcd; |
|
font-size: 11px; |
|
width: 116px; |
|
font-weight: bold; |
|
padding: 2px 4px; |
|
cursor: default; |
|
margin: 0 0 0 -59px; |
|
} |
|
.feature-no-touch .tv-exit-fullscreen-button:hover { |
|
opacity: 1; |
|
} |
|
|
|
.pane { |
|
overflow: hidden; |
|
cursor: url(crosshair.6c091f7d5427d0c5e6d9dc3a90eb2b20.cur), crosshair; |
|
} |
|
.pane--cursor-pointer { |
|
cursor: pointer; |
|
} |
|
.pane--cursor-eraser { |
|
cursor: url(eraser.0579d40b812fa2c3ffe72e5803a6e14c.cur), default; |
|
} |
|
.pane--cursor-dot { |
|
cursor: url(dot.ed68e83c16f77203e73dbc4c3a7c7fa1.cur), default; |
|
} |
|
.pane--cursor-default { |
|
cursor: default; |
|
} |
|
.pane--cursor-grabbing { |
|
cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move; |
|
cursor: -webkit-grabbing; |
|
cursor: grabbing; |
|
} |
|
.pane--cursor-zoom-in { |
|
cursor: url(zoom.e21f24dd632c7069139bc47ae89c54b5.cur), default; |
|
cursor: zoom-in; |
|
} |
|
.pane--cursor-ns-resize { |
|
cursor: ns-resize; |
|
} |
|
|
|
.custom-select { |
|
display: inline-block; |
|
position: relative; |
|
vertical-align: middle; |
|
height: 27px; |
|
} |
|
.custom-select .switcher { |
|
background: #f1f3f6; |
|
border: 1px solid; |
|
border-color: #dadde0; |
|
clear: both; |
|
height: 25px; |
|
min-width: 65px; |
|
} |
|
html.theme-dark .custom-select .switcher{ border-color: #363c4e; } |
|
html.theme-dark .custom-select .switcher{ background: #2f3241; } |
|
.custom-select .switcher .title { |
|
display: block; |
|
float: left; |
|
background-repeat: repeat-x; |
|
height: 10px; |
|
overflow: hidden; |
|
padding: 5px 20px 5px 12px; |
|
vertical-align: middle; |
|
width: 78px; |
|
} |
|
.custom-select .switcher .icon { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
position: absolute; |
|
right: 5px; |
|
top: 6px; |
|
height: 15px; |
|
width: 13px; |
|
cursor: default; |
|
background: none; |
|
} |
|
.custom-select .switcher .icon:before { |
|
content: ''; |
|
display: inline-block; |
|
width: 0; |
|
height: 0; |
|
border-style: solid; |
|
border-width: 4px 4px 0 4px; |
|
border-color: currentColor transparent transparent transparent; |
|
margin-left: 5px; |
|
color: #4a4a4a; |
|
vertical-align: middle; |
|
transition: -webkit-transform ease 0.35s; |
|
transition: transform ease 0.35s; |
|
transition: transform ease 0.35s, -webkit-transform ease 0.35s; |
|
} |
|
html.theme-dark .custom-select .switcher .icon:before{ color: #c5cbce; } |
|
.custom-select .items { |
|
position: absolute; |
|
z-index: 3; |
|
background: #ffffff; |
|
border: 1px solid; |
|
border-color: #dadde0; |
|
clear: both; |
|
cursor: pointer; |
|
top: 28px; |
|
box-sizing: border-box; |
|
width: 100%; |
|
} |
|
html.theme-dark .custom-select .items{ border-color: #363c4e; } |
|
html.theme-dark .custom-select .items{ background: #131722; } |
|
.custom-select .items .item { |
|
cursor: pointer; |
|
padding: 7px 12px; |
|
} |
|
.feature-no-touch .custom-select .items .item:hover { |
|
background: #f1f3f6; |
|
} |
|
html.feature-no-touch.theme-dark .custom-select .items .item:hover{ background: #2f3241; } |
|
.custom-select .items .item.selected { |
|
padding-left: 8px; |
|
background: #f1f3f6; |
|
border-left: 4px solid #5cb888; |
|
} |
|
html.theme-dark .custom-select .items .item.selected{ background: #2f3241; } |
|
|
|
.tv-line-style-option { |
|
height: 15px; |
|
background: none 0 7px repeat-x; |
|
} |
|
.tv-line-style-option--solid { |
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23797979' height='2' width='2'%3E%3Cpath d='m0 0h2v2H0z'/%3E%3C/svg%3E"); |
|
} |
|
.tv-line-style-option--dotted { |
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23797979' height='2' width='3'%3E%3Cpath d='m0 0h2v2H0z'/%3E%3C/svg%3E"); |
|
} |
|
.tv-line-style-option--dashed { |
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23797979' height='2' width='13'%3E%3Cpath d='m0 0h9v2H0z'/%3E%3C/svg%3E"); |
|
} |
|
|
|
.price-axis { |
|
cursor: default; |
|
} |
|
.price-axis--cursor-grabbing { |
|
cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move; |
|
cursor: -webkit-grabbing; |
|
cursor: grabbing; |
|
} |
|
.price-axis--cursor-ns-resize { |
|
cursor: ns-resize; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.tv-floating-toolbar { |
|
display: -webkit-flex; |
|
display: flex; |
|
position: absolute !important; |
|
-webkit-align-items: stretch; |
|
align-items: stretch; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
opacity: 1; |
|
transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s; |
|
transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s; |
|
transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s, opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.2625s; |
|
border-radius: 3px; |
|
background-color: #ffffff; |
|
box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0; |
|
border-radius: 1px; |
|
border: 1px solid; |
|
border-color: #e6eaef; |
|
} |
|
html.theme-dark .tv-floating-toolbar{ border-color: #363c4e; } |
|
html.theme-dark .tv-floating-toolbar{ background-color: #1c2030; } |
|
html.theme-dark .tv-floating-toolbar { |
|
box-shadow: #000000 0 2px 4px 0; |
|
} |
|
.tv-floating-toolbar.i-closed { |
|
-webkit-transform: scale(0.925); |
|
transform: scale(0.925); |
|
opacity: 0; |
|
pointer-events: none; |
|
} |
|
.tv-floating-toolbar.i-vertical { |
|
height: auto; |
|
min-width: 37px; |
|
} |
|
.tv-floating-toolbar__widget-wrapper { |
|
display: -webkit-flex; |
|
display: flex; |
|
} |
|
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget-wrapper { |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
} |
|
.tv-floating-toolbar__drag { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-flex-shrink: 0; |
|
flex-shrink: 0; |
|
cursor: url(grab.bc156522a6b55a60be9fae15c14b66c5.cur), move; |
|
cursor: -webkit-grab; |
|
cursor: grab; |
|
width: 14px; |
|
} |
|
.feature-touch .tv-floating-toolbar__drag { |
|
width: 20px; |
|
} |
|
.tv-floating-toolbar__drag svg { |
|
width: 6px; |
|
height: 12px; |
|
fill: #dadde0; |
|
} |
|
.tv-floating-toolbar.ui-draggable-dragging .tv-floating-toolbar__drag { |
|
cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move; |
|
cursor: -webkit-grabbing; |
|
cursor: grabbing; |
|
} |
|
.tv-floating-toolbar__drag-ext { |
|
height: 100%; |
|
width: 14px; |
|
position: absolute; |
|
padding: 4px 0 0 4px; |
|
left: -4px; |
|
top: -4px; |
|
} |
|
.feature-touch .tv-floating-toolbar__drag-ext { |
|
width: 20px; |
|
} |
|
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag-ext { |
|
width: 100%; |
|
height: 14px; |
|
} |
|
.feature-touch .tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag-ext { |
|
height: 20px; |
|
} |
|
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag { |
|
width: 100%; |
|
height: 14px; |
|
} |
|
.feature-touch .tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag { |
|
height: 20px; |
|
} |
|
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__drag svg { |
|
-webkit-transform: rotate(90deg); |
|
transform: rotate(90deg); |
|
} |
|
.tv-floating-toolbar__content { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-shrink: 0; |
|
flex-shrink: 0; |
|
overflow: hidden; |
|
border-top-right-radius: 1px; |
|
border-bottom-right-radius: 1px; |
|
} |
|
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__content { |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
border-top-right-radius: 0; |
|
border-bottom-left-radius: 1px; |
|
} |
|
.tv-floating-toolbar .ui-sortable-placeholder { |
|
border-left: 1px solid #e6eaef; |
|
} |
|
html.theme-dark .tv-floating-toolbar .ui-sortable-placeholder{ border-left: 1px solid #363c4e; } |
|
.tv-floating-toolbar.i-vertical .ui-sortable-placeholder { |
|
border-left: none; |
|
border-top: 1px solid #e6eaef; |
|
} |
|
html.theme-dark .tv-floating-toolbar.i-vertical .ui-sortable-placeholder{ border-top: 1px solid #363c4e; } |
|
.tv-floating-toolbar__widget { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: stretch; |
|
align-items: stretch; |
|
border-left: 1px solid; |
|
border-left-color: #e6eaef; |
|
} |
|
html.theme-dark .tv-floating-toolbar__widget{ border-left-color: #363c4e; } |
|
.tv-floating-toolbar__widget.ui-sortable-placeholder { |
|
visibility: visible !important; |
|
} |
|
.tv-floating-toolbar__widget.ui-sortable-helper { |
|
border-left-color: transparent; |
|
} |
|
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget { |
|
border-left: none; |
|
border-top: 1px solid; |
|
border-top-color: #eceff2; |
|
} |
|
html.theme-dark .tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget{ border-top-color: #363c4e; } |
|
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget.ui-sortable-helper { |
|
border-top-color: transparent; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.tv-favorited-drawings-toolbar__widget { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
-webkit-flex-grow: 1; |
|
flex-grow: 1; |
|
min-width: 38px; |
|
min-height: 38px; |
|
cursor: pointer; |
|
} |
|
.tv-favorited-drawings-toolbar__widget svg { |
|
transition: fill ease 0.35s; |
|
fill: #4c525e; |
|
} |
|
html.theme-dark .tv-favorited-drawings-toolbar__widget svg{ fill: #758696; } |
|
.feature-no-touch .tv-favorited-drawings-toolbar__widget:hover svg { |
|
fill: #131722; |
|
} |
|
html.feature-no-touch.theme-dark .tv-favorited-drawings-toolbar__widget:hover svg{ fill: #9db2bd; } |
|
.feature-no-touch .tv-favorited-drawings-toolbar__widget.i-active:hover svg, .tv-favorited-drawings-toolbar__widget.i-active svg { |
|
fill: #1592e6; |
|
} |
|
html.feature-no-touch.theme-dark .tv-favorited-drawings-toolbar__widget.i-active:hover svg, html.theme-dark .tv-favorited-drawings-toolbar__widget.i-active svg{ fill: #3bb3e4; } |
|
|
|
.pane-separator { |
|
padding: 0; |
|
margin: 0; |
|
} |
|
.pane-separator .handle { |
|
position: absolute; |
|
z-index: 50; |
|
height: 5px; |
|
width: 100%; |
|
background-color: rgba(255, 255, 255, 0.02); |
|
cursor: ns-resize; |
|
} |
|
|
|
.time-axis { |
|
cursor: default; |
|
} |
|
.time-axis--cursor-grabbing { |
|
cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move; |
|
cursor: -webkit-grabbing; |
|
cursor: grabbing; |
|
} |
|
.time-axis--cursor-ew-resize { |
|
cursor: ew-resize; |
|
} |
|
|
|
.dialog-37P3XYj-- { |
|
display: -webkit-flex; |
|
display: flex; |
|
min-width: 280px; |
|
text-align: left; |
|
box-sizing: border-box; |
|
background-color: #ffffff; |
|
-webkit-font-smoothing: subpixel-antialiased; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
}html.theme-dark .dialog-37P3XYj--{ background-color: #1c2030; } |
|
.dialog-37P3XYj--.rounded-2hsCfk1q- { |
|
border-radius: 3px; |
|
} |
|
.dialog-37P3XYj--.shadowed-1iGQR9Xl- { |
|
box-shadow: rgba(0, 0, 0, 0.275) 0px 1px 2px 1px; |
|
} |
|
.dialog-37P3XYj--.fullscreen-1I0OIOcc- { |
|
position: fixed; |
|
width: 100%; |
|
max-width: 100%; |
|
height: 100%; |
|
max-height: 100%; |
|
} |
|
|
|
.dialog-aQQq411q- { |
|
position: fixed; |
|
min-width: 280px; |
|
width: 100%; |
|
max-width: 380px; |
|
} |
|
.dialog-aQQq411q- [data-dragg-area] { |
|
cursor: url(grab.bc156522a6b55a60be9fae15c14b66c5.cur), move; |
|
cursor: -webkit-grab; |
|
cursor: grab; |
|
} |
|
.dialog-aQQq411q- [data-dragg-area].dragging-3fV74VcN- { |
|
cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move; |
|
cursor: -webkit-grabbing; |
|
cursor: grabbing; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.header-dpl-vtN_- { |
|
position: relative; |
|
font-size: 14px; |
|
font-weight: bold; |
|
color: #212121; |
|
padding: 30px 60px 30px 30px; |
|
border-bottom: 1px solid; |
|
border-bottom-color: #dadde0; |
|
} |
|
html.theme-dark .header-dpl-vtN_-{ border-bottom-color: #363c4e; } |
|
html.theme-dark .header-dpl-vtN_-{ color: #c5cbce; } |
|
@media screen and (max-width:767px) { |
|
.header-dpl-vtN_- { |
|
padding: 20px 60px 20px 20px; |
|
} |
|
} |
|
.header-dpl-vtN_- .close-3kPn4OTV- { |
|
position: absolute; |
|
padding: 15px; |
|
top: 17px; |
|
right: 15px; |
|
cursor: pointer; |
|
opacity: .5; |
|
transition: opacity ease 0.35s; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
} |
|
@media screen and (max-width:767px) { |
|
.header-dpl-vtN_- .close-3kPn4OTV- { |
|
top: 7px; |
|
right: 7px; |
|
} |
|
} |
|
.feature-no-touch .header-dpl-vtN_- .close-3kPn4OTV-:hover { |
|
opacity: 1; |
|
transition-duration: 0.06s; |
|
} |
|
.header-dpl-vtN_- .close-3kPn4OTV- svg { |
|
display: block; |
|
width: 13px; |
|
height: 13px; |
|
fill: #4a4a4a; |
|
} |
|
html.theme-dark .header-dpl-vtN_- .close-3kPn4OTV- svg{ fill: #c5cbce; } |
|
.footer-2Zoji8zg- { |
|
padding: 0 30px 30px 30px; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.body-2N-vuwQW- { |
|
-webkit-flex-grow: 1; |
|
flex-grow: 1; |
|
padding: 30px; |
|
overflow: auto; |
|
-webkit-overflow-scrolling: touch; |
|
} |
|
.body-2N-vuwQW-::-webkit-scrollbar { |
|
width: 5px; |
|
height: 5px; |
|
} |
|
.body-2N-vuwQW-::-webkit-scrollbar-thumb { |
|
border: 1px solid; |
|
border-color: #f1f3f6; |
|
border-radius: 3px; |
|
background-color: #9db2bd; |
|
} |
|
html.theme-dark .body-2N-vuwQW-::-webkit-scrollbar-thumb{ background-color: #363c4e; } |
|
html.theme-dark .body-2N-vuwQW-::-webkit-scrollbar-thumb{ border-color: #1c2030; } |
|
.body-2N-vuwQW-::-webkit-scrollbar-track { |
|
background-color: transparent; |
|
border-radius: 3px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.body-2N-vuwQW- { |
|
padding: 20px; |
|
} |
|
} |
|
|
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.message-2o-rtQm0- { |
|
position: absolute; |
|
left: 0; |
|
top: 0; |
|
right: 0; |
|
font-size: 14px; |
|
padding: 30px; |
|
text-align: center; |
|
color: #37bc9b; |
|
background: #ebf9f5; |
|
transition: opacity 0.2625s ease, -webkit-transform 0.2625s ease; |
|
transition: opacity 0.2625s ease, transform 0.2625s ease; |
|
transition: opacity 0.2625s ease, transform 0.2625s ease, -webkit-transform 0.2625s ease; |
|
} |
|
html.theme-dark .message-2o-rtQm0-{ background: #21384d; } |
|
.message-2o-rtQm0-.error-2EW0C6z-- { |
|
color: #ff4a68; |
|
background: #ffedf0; |
|
} |
|
html.theme-dark .message-2o-rtQm0-.error-2EW0C6z--{ background: #6f2626 ; } |
|
.message-enter { |
|
opacity: 0; |
|
-webkit-transform: translateY(-33px); |
|
transform: translateY(-33px); |
|
} |
|
.message-enter-active { |
|
opacity: 1; |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
.message-leave { |
|
opacity: 1; |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
} |
|
.message-leave-active { |
|
opacity: 0; |
|
-webkit-transform: translateY(-33px); |
|
transform: translateY(-33px); |
|
} |
|
|
|
.calendar-H-c9lyXG- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
width: 100%; |
|
height: 100%; |
|
/*!rtl:ignore*/ |
|
direction: ltr; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
border-radius: 3px; |
|
background-color: #ffffff; |
|
box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0; |
|
} |
|
|
|
html.theme-dark .calendar-H-c9lyXG-{ background-color: #1c2030; } |
|
|
|
html.theme-dark .calendar-H-c9lyXG- { |
|
box-shadow: #000000 0 2px 4px 0; |
|
} |
|
|
|
.header-29jmPJB_- { |
|
-webkit-flex: 0 0 auto; |
|
flex: 0 0 auto; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
height: 48px; |
|
background: #ffffff; |
|
border-bottom: 1px solid; |
|
border-color: #eceff2; |
|
} |
|
|
|
html.theme-dark .header-29jmPJB_-{ border-color: #363c4e; } |
|
|
|
html.theme-dark .header-29jmPJB_-{ background: #1c2030; } |
|
|
|
.header-29jmPJB_- > * { |
|
-webkit-flex-grow: 1; |
|
flex-grow: 1; |
|
display: block; |
|
} |
|
|
|
.header-29jmPJB_- .title-3BLccpWI- { |
|
text-align: center; |
|
font-size: 22px; |
|
color: #262b3e; |
|
} |
|
|
|
html.theme-dark .header-29jmPJB_- .title-3BLccpWI-{ color: #c5cbce; } |
|
|
|
.header-29jmPJB_- .titleDay-3Mp9czBi- { |
|
color: #3bb3e4; |
|
} |
|
|
|
html.theme-dark .header-29jmPJB_- .titleDay-3Mp9czBi-{ color: #3bb3e4; } |
|
|
|
.header-29jmPJB_- .switchBtn-p718bDyp- { |
|
cursor: pointer; |
|
} |
|
|
|
.header-29jmPJB_- .switchBtn-p718bDyp- > svg { |
|
fill: #262b3e; |
|
height: 13px; |
|
} |
|
|
|
html.theme-dark .header-29jmPJB_- .switchBtn-p718bDyp- > svg{ fill: #c5cbce; } |
|
|
|
.header-29jmPJB_- .switchBtn-p718bDyp-.prev-1vUszsRH- > svg { |
|
/*!rtl:ignore*/ |
|
float: left; |
|
/*!rtl:ignore*/ |
|
margin-left: 12px; |
|
} |
|
|
|
.header-29jmPJB_- .switchBtn-p718bDyp-.next-Xxv3BCz0- > svg { |
|
/*!rtl:ignore*/ |
|
float: right; |
|
/*!rtl:ignore*/ |
|
margin-right: 12px; |
|
} |
|
|
|
.month-14xTSVpQ- { |
|
-webkit-flex: 1 1 auto; |
|
flex: 1 1 auto; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
background: #ffffff; |
|
} |
|
|
|
html.theme-dark .month-14xTSVpQ-{ background: #262b3e; } |
|
|
|
.month-14xTSVpQ- .weekdays-p5haX_xf- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: row; |
|
flex-direction: row; |
|
padding: 6px 0 6px 0; |
|
background-color: #f7f8fa; |
|
border: 1px solid; |
|
border-top: 0; |
|
border-color: #f7f8fa; |
|
} |
|
|
|
html.theme-dark .month-14xTSVpQ- .weekdays-p5haX_xf-{ border-color: #1c2030; } |
|
|
|
html.theme-dark .month-14xTSVpQ- .weekdays-p5haX_xf-{ background-color: #1c2030; } |
|
|
|
.month-14xTSVpQ- .weekdays-p5haX_xf- > span { |
|
-webkit-flex: 1 1; |
|
flex: 1 1; |
|
text-align: center; |
|
font-size: 13px; |
|
color: #8797a5; |
|
} |
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- { |
|
-webkit-flex: 1 1 auto; |
|
flex: 1 1 auto; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
border-left: 1px solid; |
|
border-color: #f7f8fa; |
|
} |
|
|
|
html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o-{ border-color: #1c2030; } |
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- { |
|
-webkit-flex: 1 1 auto; |
|
flex: 1 1 auto; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: row; |
|
flex-direction: row; |
|
} |
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB- { |
|
-webkit-flex: 1 1 40px; |
|
flex: 1 1 40px; |
|
height: 40px; |
|
display: -webkit-flex; |
|
display: flex; |
|
font-size: 14px; |
|
color: #262b3e; |
|
cursor: pointer; |
|
position: relative; |
|
box-sizing: border-box; |
|
|
|
border-bottom: 1px solid; |
|
border-right: 1px solid; |
|
padding: 2px 1px 1px 2px; |
|
border-color: #f7f8fa; |
|
transition: background-color 60ms ease; |
|
} |
|
|
|
html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-{ border-color: #1c2030; } |
|
|
|
html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-{ color: #c5cbce; } |
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB- > span { |
|
-webkit-flex: 1 1; |
|
flex: 1 1; |
|
-webkit-align-self: center; |
|
align-self: center; |
|
text-align: center; |
|
} |
|
|
|
.feature-no-touch .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:active:not(.disabled-34cO1Z8u-),.feature-touch .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:active:not(.disabled-34cO1Z8u-) { |
|
background-color: #f7f8fa; |
|
} |
|
|
|
html.feature-no-touch.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:active:not(.disabled-34cO1Z8u-),html.feature-touch.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:active:not(.disabled-34cO1Z8u-){ background-color: #1c2030; } |
|
|
|
.feature-no-touch .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:hover:not(.disabled-34cO1Z8u-) { |
|
background-color: rgba(247, 248, 250, 0.5); |
|
} |
|
|
|
html.feature-no-touch.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-:hover:not(.disabled-34cO1Z8u-){ background-color: rgba(28, 32, 48, 0.5); } |
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.selected-qmTqaBK3- { |
|
color: #3bb3e4; |
|
border: 2px solid; |
|
padding: 0; |
|
border-color: #3bb3e4; |
|
margin-top: -1px; |
|
/*!rtl:ignore*/ |
|
margin-left: -1px; |
|
z-index: 1; |
|
} |
|
|
|
html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.selected-qmTqaBK3-{ border-color: #3bb3e4; } |
|
|
|
html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.selected-qmTqaBK3-{ color: #3bb3e4; } |
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.disabled-34cO1Z8u- { |
|
color: #c5cbce; |
|
cursor: not-allowed; |
|
} |
|
|
|
html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.disabled-34cO1Z8u-{ color: #4c525e; } |
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.currentDay-3sTNH-Yi- { |
|
color: #3bb3e4; |
|
} |
|
|
|
html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.currentDay-3sTNH-Yi-{ color: #3bb3e4; } |
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.currentDay-3sTNH-Yi-:after { |
|
position: absolute; |
|
top: 0; |
|
right: -1px; |
|
content: ' '; |
|
width: 0; |
|
height: 0; |
|
border-style: solid; |
|
border-width: 0 11px 11px 0; |
|
border-color: transparent #3bb3e4 transparent transparent; |
|
} |
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.selected-qmTqaBK3-.currentDay-3sTNH-Yi-:after { |
|
top: -2px; |
|
right: -2px; |
|
} |
|
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.otherMonth-1WMn4XfI- { |
|
color: #c5cbce; |
|
} |
|
|
|
html.theme-dark .month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.otherMonth-1WMn4XfI-{ color: #4c525e; } |
|
.calendar-Q5DuQzKD- { |
|
width: 280px; |
|
} |
|
|
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.pickerInput-tvf6L6ef- .inputIcon-3OxJ_RQ7- { |
|
display: -webkit-inline-flex; |
|
display: inline-flex; |
|
position: absolute; |
|
right: 9px; |
|
top: 9px; |
|
cursor: pointer; |
|
opacity: 0.5; |
|
} |
|
.pickerInput-tvf6L6ef- .inputIcon-3OxJ_RQ7- svg { |
|
height: 16px; |
|
width: 16px; |
|
fill: #7d7d7d; |
|
} |
|
html.theme-dark .pickerInput-tvf6L6ef- .inputIcon-3OxJ_RQ7- svg{ fill: #758696; } |
|
.pickerInput-tvf6L6ef- .inputIcon-3OxJ_RQ7-.disabled-1a0fnI7P- { |
|
opacity: 0.1; |
|
} |
|
.picker-1hzUXDA1- { |
|
position: absolute; |
|
z-index: 1; |
|
transition: opacity 0.2625s ease; |
|
} |
|
.tv-picker-enter { |
|
opacity: 0; |
|
} |
|
.tv-picker-enter-active { |
|
opacity: 1; |
|
} |
|
.tv-picker-leave { |
|
opacity: 1; |
|
} |
|
.tv-picker-leave-active { |
|
opacity: 0; |
|
} |
|
|
|
.clock-3pqBsiNm- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
border-radius: 3px; |
|
background-color: #ffffff; |
|
box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0; |
|
} |
|
|
|
html.theme-dark .clock-3pqBsiNm-{ background-color: #1c2030; } |
|
|
|
html.theme-dark .clock-3pqBsiNm- { |
|
box-shadow: #000000 0 2px 4px 0; |
|
} |
|
|
|
.header-pTWMGSpm- { |
|
width: 100%; |
|
font-size: 24px; |
|
text-align: center; |
|
padding: 10px 0; |
|
border-bottom: 1px solid; |
|
border-bottom-color: #eceff2; |
|
color: #262b3e; |
|
} |
|
|
|
html.theme-dark .header-pTWMGSpm-{ color: #c5cbce; } |
|
|
|
html.theme-dark .header-pTWMGSpm-{ border-bottom-color: #363c4e; } |
|
|
|
.header-pTWMGSpm- .number-9PC9lvyt- { |
|
padding: 0 3px 0 3px; |
|
cursor: pointer; |
|
} |
|
|
|
.header-pTWMGSpm- .number-9PC9lvyt-.active-1sonmMLV- { |
|
color: #3bb3e4; |
|
} |
|
|
|
.body-2Q-g3GDd- { |
|
padding: 12px; |
|
background: #f7f8fa; |
|
|
|
-webkit-flex: 1 1 auto; |
|
|
|
flex: 1 1 auto; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
} |
|
|
|
html.theme-dark .body-2Q-g3GDd-{ background: #1c2030; } |
|
|
|
.clockFace-eHYbqh-S- { |
|
position: relative; |
|
width: 200px; |
|
height: 200px; |
|
border-radius: 50%; |
|
box-sizing: border-box; |
|
margin: 0 auto; |
|
background: #ffffff; |
|
} |
|
|
|
html.theme-dark .clockFace-eHYbqh-S-{ background: #262b3e; } |
|
|
|
.clockFace-eHYbqh-S- div { |
|
position: absolute; |
|
width: 100%; |
|
height: 100%; |
|
} |
|
|
|
.clockFace-eHYbqh-S- .face-2iCoBAOV- { |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
border-radius: 50%; |
|
font-size: 15px; |
|
pointer-events: none; |
|
} |
|
|
|
.clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt- { |
|
position: absolute; |
|
width: 28px; |
|
height: 28px; |
|
margin-top: -14px; |
|
/*!rtl:ignore*/ |
|
margin-left: -14px; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
cursor: pointer; |
|
border-radius: 50%; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
text-align: center; |
|
pointer-events: all; |
|
color: #262b3e; |
|
transition: background-color 60ms ease; |
|
} |
|
|
|
html.theme-dark .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-{ color: #c5cbce; } |
|
|
|
.clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt- > span { |
|
-webkit-flex: 1 1 auto; |
|
flex: 1 1 auto; |
|
} |
|
|
|
.feature-no-touch .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:hover { |
|
background-color: rgba(247, 248, 250, 0.5); |
|
} |
|
|
|
html.feature-no-touch.theme-dark .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:hover{ background-color: rgba(28, 32, 48, 0.5); } |
|
|
|
.feature-no-touch .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:active,.feature-touch .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:active { |
|
background-color: #f7f8fa; |
|
} |
|
|
|
html.feature-no-touch.theme-dark .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:active,html.feature-touch.theme-dark .clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-:active{ background-color: #1c2030; } |
|
|
|
.clockFace-eHYbqh-S- .face-2iCoBAOV- .number-9PC9lvyt-.inner-1mVlhYbe- { |
|
font-size: 120%; |
|
} |
|
|
|
.clockFace-eHYbqh-S- .hand-2ZG8pJQb- { |
|
|
|
position: absolute; |
|
display: block; |
|
pointer-events: none; |
|
bottom: 50%; |
|
left: 50%; |
|
width: 1px; |
|
margin-left: -0.5px; |
|
-webkit-transform-origin: 50% 100%; |
|
transform-origin: 50% 100%; |
|
background: #3bb3e4; |
|
} |
|
|
|
.clockFace-eHYbqh-S- .hand-2ZG8pJQb- .knob-31dEppHa- { |
|
|
|
position: absolute; |
|
top: -26px; |
|
left: 50%; |
|
width: 26px; |
|
height: 26px; |
|
margin-left: -13px; |
|
box-sizing: border-box; |
|
border-radius: 50%; |
|
border: 2px solid; |
|
border-color: #3bb3e4; |
|
} |
|
|
|
html.theme-dark .clockFace-eHYbqh-S- .hand-2ZG8pJQb- .knob-31dEppHa-{ border-color: #3bb3e4; } |
|
|
|
.clockFace-eHYbqh-S- .centerDot-210Fo0oV- { |
|
|
|
position: absolute; |
|
top: 50%; |
|
left: 50%; |
|
width: 4px; |
|
height: 4px; |
|
margin-top: -2px; |
|
margin-left: -2px; |
|
content: ''; |
|
border-radius: 50%; |
|
background: #3bb3e4; |
|
} |
|
|
|
|
|
.tv-clock-face-animate-enter-active, .tv-clock-face-animate-leave-active { |
|
transition: opacity 350ms ease, -webkit-transform 350ms linear; |
|
transition: transform 350ms linear, opacity 350ms ease; |
|
transition: transform 350ms linear, opacity 350ms ease, -webkit-transform 350ms linear; |
|
-webkit-transform-origin: 50% 50%; |
|
transform-origin: 50% 50%; |
|
} |
|
|
|
.tv-clock-face-animate-enter { |
|
-webkit-transform: scale(0.8); |
|
transform: scale(0.8); |
|
opacity: 0; |
|
} |
|
|
|
.tv-clock-face-animate-enter-active { |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
opacity: 1; |
|
} |
|
|
|
.tv-clock-face-animate-leave { |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
opacity: 1; |
|
} |
|
|
|
.tv-clock-face-animate-leave-active { |
|
-webkit-transform: scale(1.2); |
|
transform: scale(1.2); |
|
opacity: 0; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.ghost-3yO24wIn-.primary-1rSzOFdX- { |
|
color: #3bb3e4; |
|
border: 1px solid #3bb3e4; |
|
background-color: transparent; |
|
} |
|
.feature-no-touch .ghost-3yO24wIn-.primary-1rSzOFdX-:hover { |
|
color: white; |
|
transition-duration: 0.06s; |
|
} |
|
.ghost-3yO24wIn-.success-1qQ3_tEI- { |
|
color: #3cbc98; |
|
border: 1px solid #3cbc98; |
|
background-color: transparent; |
|
} |
|
.feature-no-touch .ghost-3yO24wIn-.success-1qQ3_tEI-:hover { |
|
color: white; |
|
transition-duration: 0.06s; |
|
} |
|
.ghost-3yO24wIn-.danger-jKTO4wDd- { |
|
color: #ff4a68; |
|
border: 1px solid #ff4a68; |
|
background-color: transparent; |
|
} |
|
.feature-no-touch .ghost-3yO24wIn-.danger-jKTO4wDd-:hover { |
|
color: white; |
|
transition-duration: 0.06s; |
|
} |
|
.ghost-3yO24wIn-.warning-2uDfz7Zc- { |
|
color: #f89e30; |
|
border: 1px solid #f89e30; |
|
background-color: transparent; |
|
} |
|
.feature-no-touch .ghost-3yO24wIn-.warning-2uDfz7Zc-:hover { |
|
color: white; |
|
transition-duration: 0.06s; |
|
} |
|
.ghost-3yO24wIn-.secondary-3ll81brZ- { |
|
color: #757575; |
|
border: 1px solid #e9eff2; |
|
background-color: transparent; |
|
} |
|
.feature-no-touch .ghost-3yO24wIn-.secondary-3ll81brZ-:hover { |
|
color: #757575; |
|
transition-duration: 0.06s; |
|
} |
|
.button-2O-nMUcz- { |
|
display: -webkit-inline-flex; |
|
display: inline-flex; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
padding: 0; |
|
position: relative; |
|
min-width: 35px; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
text-align: center; |
|
white-space: nowrap; |
|
outline: 0; |
|
cursor: pointer; |
|
overflow: hidden; |
|
box-sizing: border-box; |
|
line-height: 32px; |
|
font-size: 14px; |
|
transition: background-color ease 0.35s, border-color ease 0.35s, color ease 0.35s; |
|
border-radius: 2px; |
|
border: 1px solid transparent; |
|
} |
|
.button-2O-nMUcz-.withPadding-_5CJoO5q- { |
|
padding: 0px 22px; |
|
} |
|
.button-2O-nMUcz- + .button-2O-nMUcz- { |
|
margin-left: 15px; |
|
} |
|
.hiddenText-3qcN5Wif- { |
|
visibility: hidden; |
|
-webkit-flex: 1 1 auto; |
|
flex: 1 1 auto; |
|
} |
|
.text-2KOWx3rB- { |
|
position: absolute; |
|
left: 0; |
|
right: 0; |
|
bottom: 0; |
|
top: 0; |
|
text-align: center; |
|
display: -webkit-inline-flex; |
|
display: inline-flex; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
transition: opacity ease 0.175s, -webkit-transform ease 0.175s; |
|
transition: opacity ease 0.175s, transform ease 0.175s; |
|
transition: opacity ease 0.175s, transform ease 0.175s, -webkit-transform ease 0.175s; |
|
} |
|
.loader-1CC-1F8J- { |
|
display: inline-block; |
|
transition: opacity ease 0.35s; |
|
opacity: 1; |
|
} |
|
.body-enter.text-2KOWx3rB- { |
|
opacity: 0; |
|
-webkit-transform: translateY(5px); |
|
transform: translateY(5px); |
|
} |
|
.body-enter-active.text-2KOWx3rB- { |
|
opacity: 1; |
|
-webkit-transform: translateY(0); |
|
transform: translateY(0); |
|
transition-delay: 0.175s; |
|
} |
|
.body-leave-active.text-2KOWx3rB- { |
|
opacity: 0; |
|
-webkit-transform: translateY(-5px); |
|
transform: translateY(-5px); |
|
} |
|
.body-enter.loader-1CC-1F8J- { |
|
opacity: 0; |
|
} |
|
.body-enter-active.loader-1CC-1F8J- { |
|
opacity: 1; |
|
} |
|
.body-leave-active.loader-1CC-1F8J- { |
|
opacity: 0; |
|
} |
|
.base-2d4XFcnI- { |
|
color: #757575; |
|
border-color: #adaeb0; |
|
background-color: transparent; |
|
} |
|
html.theme-dark .base-2d4XFcnI-{ border-color: #4f5966; } |
|
html.theme-dark .base-2d4XFcnI-{ color: #758696; } |
|
.feature-no-touch .base-2d4XFcnI-:hover { |
|
background-color: #f2f2f2; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .base-2d4XFcnI-:hover{ background-color: #1c2030; } |
|
.feature-no-touch .base-2d4XFcnI-:active,.feature-touch .base-2d4XFcnI-:active { |
|
background-color: #ececec; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .base-2d4XFcnI-:active,html.feature-touch.theme-dark .base-2d4XFcnI-:active{ background-color: #262b3e; } |
|
.primary-1rSzOFdX- { |
|
color: #fff; |
|
border-color: #3bb3e4; |
|
background-color: #3bb3e4; |
|
} |
|
.feature-no-touch .primary-1rSzOFdX-:hover { |
|
background-color: #3babd8; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch .primary-1rSzOFdX-:active,.feature-touch .primary-1rSzOFdX-:active { |
|
background-color: #049ddc; |
|
transition-duration: 0.06s; |
|
} |
|
.success-1qQ3_tEI- { |
|
color: #fff; |
|
border-color: #3cbc98; |
|
background-color: #3cbc98; |
|
} |
|
.feature-no-touch .success-1qQ3_tEI-:hover { |
|
background-color: #38b395; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch .success-1qQ3_tEI-:active,.feature-touch .success-1qQ3_tEI-:active { |
|
background-color: #00a97f; |
|
transition-duration: 0.06s; |
|
} |
|
.danger-jKTO4wDd- { |
|
color: #fff; |
|
border-color: #ff4a68; |
|
background-color: #ff4a68; |
|
} |
|
.feature-no-touch .danger-jKTO4wDd-:hover { |
|
background-color: #f24965; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch .danger-jKTO4wDd-:active,.feature-touch .danger-jKTO4wDd-:active { |
|
background-color: #ff173e; |
|
transition-duration: 0.06s; |
|
} |
|
.warning-2uDfz7Zc- { |
|
color: #fff; |
|
border-color: #f89e30; |
|
background-color: #f89e30; |
|
} |
|
.feature-no-touch .warning-2uDfz7Zc-:hover { |
|
background-color: #f79217; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch .warning-2uDfz7Zc-:active,.feature-touch .warning-2uDfz7Zc-:active { |
|
background-color: #d47807; |
|
transition-duration: 0.06s; |
|
} |
|
.secondary-3ll81brZ- { |
|
color: #757575; |
|
border-color: #eceff2; |
|
background-color: #eceff2; |
|
} |
|
html.theme-dark .secondary-3ll81brZ-{ background-color: #363c4e; } |
|
html.theme-dark .secondary-3ll81brZ-{ border-color: #363c4e; } |
|
html.theme-dark .secondary-3ll81brZ-{ color: #c5cbce; } |
|
.feature-no-touch .secondary-3ll81brZ-:hover { |
|
background-color: #dce6ea; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .secondary-3ll81brZ-:hover{ background-color: #4f5966; } |
|
.feature-no-touch .secondary-3ll81brZ-:active,.feature-touch .secondary-3ll81brZ-:active { |
|
background-color: #cfdce3; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .secondary-3ll81brZ-:active,html.feature-touch.theme-dark .secondary-3ll81brZ-:active{ background-color: #4f5966; } |
|
.secondaryScript-2iIeFIWW- { |
|
color: #fff; |
|
border-color: #9db2bd; |
|
background-color: #9db2bd; |
|
} |
|
html.theme-dark .secondaryScript-2iIeFIWW-{ background-color: #363c4e; } |
|
html.theme-dark .secondaryScript-2iIeFIWW-{ border-color: #363c4e; } |
|
.feature-no-touch .secondaryScript-2iIeFIWW-:hover { |
|
background-color: #9db2bd; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .secondaryScript-2iIeFIWW-:hover{ background-color: #363c4e; } |
|
.feature-no-touch .secondaryScript-2iIeFIWW-:active,.feature-touch .secondaryScript-2iIeFIWW-:active { |
|
background-color: #cfdce3; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .secondaryScript-2iIeFIWW-:active,html.feature-touch.theme-dark .secondaryScript-2iIeFIWW-:active{ background-color: #363c4e; } |
|
.link-2sR0CShp- { |
|
color: #3bb3e4; |
|
transition: color ease 0.35s; |
|
background-color: white; |
|
} |
|
html.theme-dark .link-2sR0CShp-{ color: #299dcd; } |
|
.link-2sR0CShp-:visited { |
|
color: #3bb3e4; |
|
fill: #3bb3e4; |
|
} |
|
html.theme-dark .link-2sR0CShp-:visited{ fill: #299dcd; } |
|
html.theme-dark .link-2sR0CShp-:visited{ color: #299dcd; } |
|
.feature-no-touch .link-2sR0CShp-:hover { |
|
color: #3babd8; |
|
fill: #3babd8; |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch .link-2sR0CShp-:active,.feature-touch .link-2sR0CShp-:active { |
|
color: #049ddc; |
|
fill: #049ddc; |
|
transition-duration: 0.06s; |
|
} |
|
.xsmall-1aiWe3Hs- { |
|
line-height: 17px; |
|
border-radius: 1px; |
|
font-size: 11px; |
|
font-weight: normal; |
|
} |
|
.xsmall-1aiWe3Hs-.withPadding-_5CJoO5q- { |
|
padding: 0 7px; |
|
} |
|
.xsmall-1aiWe3Hs- + .xsmall-1aiWe3Hs- { |
|
margin-left: 10px; |
|
} |
|
.xsmall-1aiWe3Hs-.rounded-3qEdyiAz- { |
|
border-radius: 10px; |
|
} |
|
.small-2-nQtW8O- { |
|
line-height: 25px; |
|
font-size: 13px; |
|
} |
|
.small-2-nQtW8O-.withPadding-_5CJoO5q- { |
|
padding: 0 12px; |
|
} |
|
.small-2-nQtW8O- + .small-2-nQtW8O- { |
|
margin-left: 10px; |
|
} |
|
.small-2-nQtW8O-.rounded-3qEdyiAz- { |
|
border-radius: 14px; |
|
} |
|
.large-33HYhX8D- { |
|
line-height: 46px; |
|
font-size: 17px; |
|
letter-spacing: 1px; |
|
} |
|
.large-33HYhX8D-.withPadding-_5CJoO5q- { |
|
padding: 0 30px; |
|
} |
|
.large-33HYhX8D-.rounded-3qEdyiAz- { |
|
border-radius: 24px; |
|
} |
|
.grouped-1WsMjajI-:not(:first-child):not(:last-child) { |
|
border-radius: 0; |
|
} |
|
.grouped-1WsMjajI- + .grouped-1WsMjajI- { |
|
margin-left: -1px; |
|
} |
|
.grouped-1WsMjajI-:first-child { |
|
margin-left: 0; |
|
} |
|
.grouped-1WsMjajI-:not(:last-child) { |
|
border-bottom-right-radius: 0; |
|
border-top-right-radius: 0; |
|
} |
|
.grouped-1WsMjajI-:not(:first-child) { |
|
border-bottom-left-radius: 0; |
|
border-top-left-radius: 0; |
|
} |
|
.growable-F6tv8R_j- { |
|
-webkit-flex: 1; |
|
flex: 1; |
|
} |
|
.growable-F6tv8R_j-.withPadding-_5CJoO5q- { |
|
padding: 0; |
|
} |
|
.feature-no-touch .active-2UxWxOgk-:active,.feature-touch .active-2UxWxOgk-:active { |
|
-webkit-transform: translateY(1px); |
|
transform: translateY(1px); |
|
} |
|
.disabled-3u0ULovv- { |
|
color: #adaeb0; |
|
border-color: #f1f3f6; |
|
background-color: #f1f3f6; |
|
cursor: default; |
|
} |
|
html.theme-dark .disabled-3u0ULovv-{ background-color: #262b3e; } |
|
html.theme-dark .disabled-3u0ULovv-{ border-color: #262b3e; } |
|
html.theme-dark .disabled-3u0ULovv-{ color: #363c4e; } |
|
.feature-no-touch .disabled-3u0ULovv-:hover { |
|
background-color: #f1f3f6; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .disabled-3u0ULovv-:hover{ background-color: #262b3e; } |
|
.feature-no-touch .disabled-3u0ULovv-:active,.feature-touch .disabled-3u0ULovv-:active { |
|
background-color: #f1f3f6; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .disabled-3u0ULovv-:active,html.feature-touch.theme-dark .disabled-3u0ULovv-:active{ background-color: #262b3e; } |
|
.feature-no-touch .disabled-3u0ULovv-:active,.feature-touch .disabled-3u0ULovv-:active { |
|
-webkit-transform: none; |
|
transform: none; |
|
} |
|
.rounded-3qEdyiAz- { |
|
border-radius: 17px; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.loader-3Pj8ExOX- { |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
right: 0; |
|
bottom: 0; |
|
height: 100%; |
|
margin: 0 auto; |
|
text-align: center; |
|
font-size: 0; |
|
opacity: 1; |
|
transition: opacity ease 0.35s; |
|
} |
|
.loader-3Pj8ExOX-:after { |
|
content: ' '; |
|
display: inline-block; |
|
height: 100%; |
|
vertical-align: middle; |
|
} |
|
.loader-3Pj8ExOX- .item-2n55_7om- { |
|
margin-right: 2px; |
|
margin-left: 2px; |
|
display: inline-block; |
|
vertical-align: middle; |
|
width: 10px; |
|
height: 10px; |
|
opacity: 1; |
|
border-radius: 100%; |
|
-webkit-transform: translateY(0) scale(0.6); |
|
transform: translateY(0) scale(0.6); |
|
transition: -webkit-transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s; |
|
transition: transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s; |
|
transition: transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s, -webkit-transform cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.35s; |
|
-webkit-animation: tv-button-loader-SKpJjjYw- 0.96s infinite cubic-bezier(0.42, 0, 0.58, 1) both; |
|
animation: tv-button-loader-SKpJjjYw- 0.96s infinite cubic-bezier(0.42, 0, 0.58, 1) both; |
|
} |
|
.loader-3Pj8ExOX- .item-2n55_7om-:nth-child(2) { |
|
transition-delay: 0.11666667s; |
|
-webkit-animation-delay: .151s; |
|
animation-delay: .151s; |
|
} |
|
.loader-3Pj8ExOX- .item-2n55_7om-:nth-child(3) { |
|
transition-delay: 0.23333333s; |
|
-webkit-animation-delay: .32s; |
|
animation-delay: .32s; |
|
} |
|
.loader-3Pj8ExOX- .item-2n55_7om-.black-eFIQWyf4- { |
|
background-color: #757575; |
|
} |
|
.loader-3Pj8ExOX- .item-2n55_7om-.white-2Ma0ajvT- { |
|
background-color: white; |
|
} |
|
.loader-3Pj8ExOX- .item-2n55_7om-.gray-24fvVR0S- { |
|
background-color: #8797a5; |
|
} |
|
.loader-3Pj8ExOX-.loader-appear .item-2n55_7om- { |
|
-webkit-animation: none; |
|
animation: none; |
|
-webkit-transform: translateY(12px) scale(0.6); |
|
transform: translateY(12px) scale(0.6); |
|
} |
|
.loader-3Pj8ExOX-.loader-appear-active .item-2n55_7om- { |
|
-webkit-transform: translateY(0) scale(0.6); |
|
transform: translateY(0) scale(0.6); |
|
} |
|
@-webkit-keyframes tv-button-loader-SKpJjjYw- { |
|
0%, 100% { |
|
-webkit-transform: scale(0.6); |
|
transform: scale(0.6); |
|
} |
|
50% { |
|
-webkit-transform: scale(0.9); |
|
transform: scale(0.9); |
|
} |
|
} |
|
@keyframes tv-button-loader-SKpJjjYw- { |
|
0%, 100% { |
|
-webkit-transform: scale(0.6); |
|
transform: scale(0.6); |
|
} |
|
50% { |
|
-webkit-transform: scale(0.9); |
|
transform: scale(0.9); |
|
} |
|
} |
|
|
|
.dialog-1oXvxbfL- { |
|
max-width: 345px; |
|
} |
|
.dialog-1oXvxbfL- .formRow-28Ldm-ki- { |
|
display: -webkit-flex; |
|
display: flex; |
|
} |
|
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.input-2rGFhmey- { |
|
margin-right: 14px; |
|
} |
|
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.input-2rGFhmey- input { |
|
font-size: 15px; |
|
overflow: hidden; |
|
} |
|
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.input-2rGFhmey-:first-child { |
|
-webkit-flex: 0 4 100%; |
|
flex: 0 4 100%; |
|
} |
|
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.input-2rGFhmey-:nth-child(2) { |
|
-webkit-flex: 0 5 100%; |
|
flex: 0 5 100%; |
|
} |
|
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .cell-m5Uv3CRU-.btn-1wL_hi5U- { |
|
margin-left: 3px; |
|
} |
|
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .button-1xrfeyEj- { |
|
padding: 0px 8px; |
|
line-height: 32px; |
|
font-size: 16px; |
|
} |
|
.dialog-1oXvxbfL- .formRow-28Ldm-ki- .button-1xrfeyEj- svg { |
|
fill: #ffffff; |
|
width: 12px; |
|
height: 12px; |
|
} |
|
html.theme-dark .dialog-1oXvxbfL- .formRow-28Ldm-ki- .button-1xrfeyEj- svg{ fill: #363c4e; } |
|
|
|
.popupDialog-2VK9ttEi- { |
|
max-width: 380px; |
|
} |
|
.content-BtJ6qB4V- .row-3iYHykfo- { |
|
display: -webkit-flex; |
|
display: flex; |
|
padding-bottom: 12px; |
|
} |
|
.content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- { |
|
font-size: 13px; |
|
} |
|
.content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- .title-22tx3Djt- { |
|
color: #888989; |
|
} |
|
html.theme-dark .content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- .title-22tx3Djt-{ color: #758696; } |
|
.content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- .value-2xvVEs1a- { |
|
font-weight: bold; |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .content-BtJ6qB4V- .row-3iYHykfo- .column-2FlX4ngi- .value-2xvVEs1a-{ color: #c5cbce; } |
|
.content-BtJ6qB4V- .row-3iYHykfo- .columnTitle-3ypCTDKd- { |
|
text-align: left; |
|
} |
|
.content-BtJ6qB4V- .row-3iYHykfo- .columnValue-Xr4j0qyI- { |
|
margin-left: auto; |
|
text-align: right; |
|
} |
|
|
|
/* |
|
PALETTE |
|
|
|
All colors must be defined here. |
|
|
|
Naming: http://chir.ag/projects/name-that-color/#37BC9B |
|
*/ |
|
/* |
|
COLORS BY FUNCTION |
|
|
|
Define colors per function and map palette colors. |
|
*/ |
|
.tv-market-status__dot { |
|
display: inline-block; |
|
width: 4px; |
|
height: 4px; |
|
border-radius: 50%; |
|
vertical-align: middle; |
|
} |
|
.tv-market-status--pre-market { |
|
color: #ff9247; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.tv-market-status--pre-market .tv-market-status__dot { |
|
background-color: #ff9247; |
|
} |
|
.tv-market-status--post-market { |
|
color: #3bb3e4; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.tv-market-status--post-market .tv-market-status__dot { |
|
background-color: #3bb3e4; |
|
} |
|
.tv-market-status--market { |
|
color: #318757; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.tv-market-status--market .tv-market-status__dot { |
|
background-color: #318757; |
|
} |
|
.tv-market-status--out-of-session { |
|
color: #939393; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.tv-market-status--out-of-session .tv-market-status__dot { |
|
background-color: #939393; |
|
} |
|
.tv-market-status--invalid { |
|
color: #bd3820; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.tv-market-status--invalid .tv-market-status__dot { |
|
background-color: #bd3820; |
|
} |
|
.tv-market-status--replay { |
|
color: #ff4a68; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.tv-market-status--replay .tv-market-status__dot { |
|
background-color: #ff4a68; |
|
} |
|
.tv-market-status--holiday { |
|
color: #939393; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.tv-market-status--holiday .tv-market-status__dot { |
|
background-color: #939393; |
|
} |
|
.tv-market-status--for-chart { |
|
display: block; |
|
float: left; |
|
margin-right: 0; |
|
} |
|
.tv-market-status--for-chart--pre-market { |
|
color: #ff9247; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.tv-market-status--for-chart--pre-market .tv-market-status__dot { |
|
background-color: #ff9247; |
|
} |
|
.tv-market-status--for-chart--post-market { |
|
color: #3bb3e4; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.tv-market-status--for-chart--post-market .tv-market-status__dot { |
|
background-color: #3bb3e4; |
|
} |
|
.tv-market-status--for-chart--market { |
|
color: #318757; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.tv-market-status--for-chart--market .tv-market-status__dot { |
|
background-color: #318757; |
|
} |
|
.tv-market-status--for-chart--out-of-session { |
|
color: #939393; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.tv-market-status--for-chart--out-of-session .tv-market-status__dot { |
|
background-color: #939393; |
|
} |
|
.tv-market-status--for-chart--invalid { |
|
color: #bd3820; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.tv-market-status--for-chart--invalid .tv-market-status__dot { |
|
background-color: #bd3820; |
|
} |
|
.tv-market-status--for-chart--replay { |
|
color: #ff4a68; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.tv-market-status--for-chart--replay .tv-market-status__dot { |
|
background-color: #ff4a68; |
|
} |
|
.tv-market-status--for-chart--holiday { |
|
color: #939393; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.tv-market-status--for-chart--holiday .tv-market-status__dot { |
|
background-color: #939393; |
|
} |
|
.tv-market-status--loading--for-chart { |
|
color: #3bb3e4; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.tv-market-status--loading--for-chart .tv-market-status__dot { |
|
background-color: #3bb3e4; |
|
} |
|
.tv-market-status--for-symbol-list { |
|
vertical-align: 1px; |
|
line-height: 15px; |
|
} |
|
.tv-market-status--for-ticker { |
|
/*!rtl:ignore*/ |
|
margin-left: 4px; |
|
} |
|
.tv-market-status--for-watch-list { |
|
position: absolute; |
|
/*!rtl:ignore*/ |
|
right: 0; |
|
} |
|
.tv-market-status--for-symbol-widget { |
|
line-height: 24px; |
|
font-size: 10px; |
|
} |
|
.tv-market-status--for-ticker-last { |
|
display: -webkit-inline-flex; |
|
display: inline-flex; |
|
/*!rtl:ignore*/ |
|
margin-left: 4px; |
|
} |
|
.tv-market-status__dot--for-chart { |
|
/*!rtl:ignore*/ |
|
margin-right: 4px; |
|
vertical-align: 1px; |
|
width: 6px; |
|
height: 6px; |
|
} |
|
.tv-market-status__dot--for-symbol-list { |
|
/*!rtl:ignore*/ |
|
margin-left: 4px; |
|
} |
|
.tv-market-status__dot--for-watch-list { |
|
margin-bottom: 3px; |
|
} |
|
.tv-market-status__dot--for-symbol-widget { |
|
/*!rtl:ignore*/ |
|
margin-left: 8px; |
|
font-size: 24px; |
|
} |
|
.tv-market-status__dot--for-ticker-last { |
|
width: 6px; |
|
height: 6px; |
|
} |
|
.tv-market-status__label--for-chart { |
|
display: block; |
|
float: right; |
|
margin-right: 0 /*!rtl:6px*/; |
|
line-height: 16px; |
|
} |
|
.tv-market-status__label--for-symbol-list { |
|
display: none; |
|
} |
|
.tv-market-status__label--for-watch-list { |
|
display: none; |
|
} |
|
.tv-market-status__label--for-symbol-widget { |
|
float: right; |
|
/*!rtl:ignore*/ |
|
margin-left: 4px; |
|
font-size: 13px; |
|
} |
|
.tv-market-status__label--for-ticker { |
|
display: none; |
|
} |
|
.tv-market-status__label--for-ticker-last { |
|
display: none; |
|
} |
|
.tv-market-status--market .tv-market-status__dot--for-symbol-list { |
|
display: none; |
|
} |
|
.tv-market-status--market .tv-market-status__dot--for-watch-list { |
|
display: none; |
|
} |
|
.tv-market-status--market .tv-market-status__dot--for-ticker { |
|
display: none; |
|
} |
|
.tv-market-status--market .tv-market-status__dot--for-ticker-last { |
|
display: none; |
|
} |
|
.tv-market-status--for-chart { |
|
margin-left: 5px /*!rtl:0*/; |
|
} |
|
.tv-market-status--market--for-chart { |
|
display: none; |
|
} |
|
.tv-market-status--market--for-symbol-widget { |
|
color: #3cbc98; |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
} |
|
.tv-market-status--market--for-symbol-widget .tv-market-status__dot { |
|
background-color: #3cbc98; |
|
} |
|
|
|
/* |
|
PALETTE |
|
|
|
All colors must be defined here. |
|
|
|
Naming: http://chir.ag/projects/name-that-color/#37BC9B |
|
*/ |
|
/* |
|
COLORS BY FUNCTION |
|
|
|
Define colors per function and map palette colors. |
|
*/ |
|
.tv-data-mode { |
|
font-family: 'Trebuchet MS', Tahoma, Arial, sans-serif; |
|
vertical-align: top; |
|
} |
|
.tv-data-mode--realtime { |
|
color: #318757; |
|
} |
|
.tv-data-mode--snapshot { |
|
color: #3bb3e4; |
|
} |
|
.tv-data-mode--endofday { |
|
color: #a953ae; |
|
} |
|
.tv-data-mode--invalid, .tv-data-mode--forbidden, .tv-data-mode--connecting, .tv-data-mode--loading { |
|
visibility: hidden; |
|
} |
|
.tv-data-mode--delayed { |
|
color: #ff9247; |
|
} |
|
.tv-data-mode--for-ticker-last { |
|
display: inline-block; |
|
font-size: 12px; |
|
/*!rtl:ignore*/ |
|
margin-left: 2px; |
|
position: absolute; |
|
font-weight: bold; |
|
} |
|
.tv-data-mode--realtime--for-ticker-last { |
|
display: none; |
|
} |
|
.tv-data-mode--for-ticker { |
|
display: inline-block; |
|
font-size: 10px; |
|
/*!rtl:ignore*/ |
|
margin-left: 2px; |
|
} |
|
.tv-data-mode--realtime--for-ticker { |
|
display: none; |
|
} |
|
.tv-data-mode--replay { |
|
color: #ff4a68; |
|
} |
|
.tv-data-mode--for-chart { |
|
float: right; |
|
line-height: 16px; |
|
margin-left: 6px; |
|
} |
|
.tv-data-mode--loading--for-chart, .tv-data-mode--connecting--for-chart { |
|
display: none; |
|
} |
|
.tv-data-mode--invalid--for-chart, .tv-data-mode--forbidden--for-chart { |
|
color: #bd3820; |
|
visibility: visible; |
|
} |
|
.tv-data-mode--realtime--for-chart { |
|
display: none; |
|
} |
|
.tv-data-mode--for-chart.tv-data-mode--replay { |
|
/*!rtl:ignore*/ |
|
margin-left: 0; |
|
} |
|
.tv-data-mode--for-symbol-list { |
|
height: 10px; |
|
width: 8px; |
|
font-size: 10px; |
|
font-weight: bold; |
|
font-style: normal; |
|
font-stretch: normal; |
|
line-height: normal; |
|
/*!rtl:ignore*/ |
|
text-align: left; |
|
/*!rtl:ignore*/ |
|
margin-left: 1px; |
|
} |
|
.tv-data-mode--realtime--for-symbol-list { |
|
visibility: hidden; |
|
} |
|
.tv-data-mode--for-symbol-widget { |
|
display: inline; |
|
/*!rtl:ignore*/ |
|
margin-left: 3px; |
|
line-height: 17px; |
|
font-size: 15px; |
|
} |
|
.tv-data-mode--realtime--for-symbol-widget { |
|
display: none; |
|
} |
|
.tv-data-mode--for-watch-list { |
|
display: block; |
|
float: left; |
|
margin: 0 3px; |
|
margin-top: 0.65em; |
|
font-size: 10px; |
|
} |
|
.tv-data-mode--realtime--for-watch-list { |
|
visibility: hidden; |
|
} |
|
.tv-data-mode--size_large { |
|
font-size: 12px; |
|
} |
|
.tv-data-mode--for-symbol-info { |
|
display: inline; |
|
/*!rtl:ignore*/ |
|
margin-left: 3px; |
|
line-height: 17px; |
|
font-size: 15px; |
|
} |
|
.tv-data-mode--realtime--for-symbol-info { |
|
display: none; |
|
} |
|
.button-1VVj8kLG- { |
|
padding: 0 6px 0 12px; |
|
} |
|
|
|
.tabs-3f6R4UrH- { |
|
display: -webkit-flex; |
|
display: flex; |
|
position: relative; |
|
} |
|
|
|
.tab-C-so14ap- { |
|
-webkit-flex: 1 1; |
|
flex: 1 1; |
|
padding: 19px 0 13px; |
|
cursor: pointer; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
text-align: center; |
|
border-bottom: 1px solid #e1ecf2; |
|
transition: color 350ms ease; |
|
} |
|
|
|
html.theme-dark .tab-C-so14ap-{ border-bottom: 1px solid #363c4e; } |
|
|
|
.tab-C-so14ap-.active-3_gZ3PzW- { |
|
color: #3bb3e4; |
|
} |
|
|
|
html.theme-dark .tab-C-so14ap-.active-3_gZ3PzW-{ color: #3bb3e4; } |
|
|
|
.slider-XCKyHkum- { |
|
position: absolute; |
|
bottom: 0; |
|
/*!rtl:ignore*/ |
|
left: 0; |
|
height: 3px; |
|
background-color: #3bb3e4; |
|
-webkit-transform: translateX(0); |
|
transform: translateX(0); |
|
transition: -webkit-transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1); |
|
transition: transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1); |
|
transition: transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 350ms cubic-bezier(0.215, 0.61, 0.355, 1); |
|
} |
|
|
|
html.theme-dark .slider-XCKyHkum-{ background-color: #3bb3e4; } |
|
|
|
.item-3cgIlGYO- { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
padding: 0 8px; |
|
height: 100%; |
|
font-size: 13px; |
|
|
|
color: #4c525e; |
|
|
|
transition: color ease 60ms; |
|
}html.theme-dark .item-3cgIlGYO-{ color: #758696; } |
|
|
|
.item-3cgIlGYO-.hovered-2g31gdB--, .feature-no-touch .item-3cgIlGYO-:hover, .feature-no-touch .item-3cgIlGYO-:active,.feature-touch .item-3cgIlGYO-:active { |
|
color: #131722; |
|
} |
|
|
|
html.theme-dark .item-3cgIlGYO-.hovered-2g31gdB--, html.feature-no-touch.theme-dark .item-3cgIlGYO-:hover, html.feature-no-touch.theme-dark .item-3cgIlGYO-:active,html.feature-touch.theme-dark .item-3cgIlGYO-:active{ color: #9db2bd; } |
|
|
|
/* allow to override anything */ |
|
|
|
.item-3cgIlGYO-.isActive-2M6dwA7--, .feature-no-touch .item-3cgIlGYO-.isActive-2M6dwA7--:hover { |
|
color: #1592e6; |
|
} |
|
|
|
html.theme-sa .item-3cgIlGYO-.isActive-2M6dwA7--, html.feature-no-touch.theme-sa .item-3cgIlGYO-.isActive-2M6dwA7--:hover{ color: #ff7200; } |
|
|
|
html.theme-dark .item-3cgIlGYO-.isActive-2M6dwA7--, html.feature-no-touch.theme-dark .item-3cgIlGYO-.isActive-2M6dwA7--:hover{ color: #3bb3e4; } |
|
|
|
.item-3cgIlGYO-.isFirst-2kfAV5tf- { |
|
margin-left: 5px; |
|
} |
|
|
|
.item-3cgIlGYO-.isLast-voJ1bqZh- { |
|
margin-right: 5px; |
|
} |
|
|
|
|
|
.slider-1ealLtjI- { |
|
background-color: transparent; |
|
height: 2px; |
|
bottom: 15%; |
|
transition-duration: 175ms; |
|
transition-property: opacity, -webkit-transform; |
|
transition-property: transform, opacity; |
|
transition-property: transform, opacity, -webkit-transform; |
|
} |
|
|
|
html.theme-dark .slider-1ealLtjI-{ background-color: transparent ; } |
|
|
|
.slider-1ealLtjI- .inner-3lmAEIjy- { |
|
background-color: #1592e6; |
|
margin: 0 8px; |
|
height: 100%; |
|
} |
|
|
|
html.theme-sa .slider-1ealLtjI- .inner-3lmAEIjy-{ background-color: #ff7200; } |
|
|
|
html.theme-dark .slider-1ealLtjI- .inner-3lmAEIjy-{ background-color: #3bb3e4; } |
|
.sliderRow-Tv1W7hM5- { |
|
height: 100%; |
|
} |
|
|
|
|
|
.button-2gir_Bbb- { |
|
display: -webkit-flex; |
|
display: flex; |
|
height: 100%; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
padding: 0 14px; |
|
white-space: nowrap; |
|
|
|
color: #4c525e; |
|
|
|
transition: color ease 60ms; |
|
|
|
/* allow to override anything */ |
|
}html.theme-dark .button-2gir_Bbb-{ color: #758696; } |
|
|
|
.button-2gir_Bbb-.hovered-C6AkUeyT-, .feature-no-touch .button-2gir_Bbb-:hover, .feature-no-touch .button-2gir_Bbb-:active,.feature-touch .button-2gir_Bbb-:active { |
|
color: #131722; |
|
} |
|
|
|
html.theme-dark .button-2gir_Bbb-.hovered-C6AkUeyT-, html.feature-no-touch.theme-dark .button-2gir_Bbb-:hover, html.feature-no-touch.theme-dark .button-2gir_Bbb-:active,html.feature-touch.theme-dark .button-2gir_Bbb-:active{ color: #9db2bd; } |
|
|
|
.button-88UE6omC- { |
|
display: -webkit-flex; |
|
display: flex; |
|
height: 100%; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
|
|
border: none; |
|
outline: none; |
|
padding: 0; |
|
margin: 0; |
|
background-color: transparent; |
|
cursor: default; |
|
|
|
color: #4c525e; |
|
|
|
transition: color ease 60ms; |
|
}html.theme-dark .button-88UE6omC-{ color: #758696; } |
|
|
|
.button-88UE6omC-.hovered-3xELmoc6-, .feature-no-touch .button-88UE6omC-:hover, .feature-no-touch .button-88UE6omC-:active,.feature-touch .button-88UE6omC-:active { |
|
color: #131722; |
|
} |
|
|
|
html.theme-dark .button-88UE6omC-.hovered-3xELmoc6-, html.feature-no-touch.theme-dark .button-88UE6omC-:hover, html.feature-no-touch.theme-dark .button-88UE6omC-:active,html.feature-touch.theme-dark .button-88UE6omC-:active{ color: #9db2bd; } |
|
|
|
/* allow to override anything */ |
|
|
|
.button-88UE6omC-.open { |
|
background-color: #f7f8fa; |
|
} |
|
|
|
html.theme-dark .button-88UE6omC-.open{ background-color: #1c2030; } |
|
|
|
/* remove ie11 press effect */ |
|
|
|
.button-88UE6omC- .inner-2FptJsfC- { |
|
position: relative; |
|
}.button-37qwTsBL- { |
|
white-space: nowrap; |
|
}.separator-3bp1jCsV- { |
|
display: inline-block; |
|
width: 1px; |
|
margin: 5px 0 6px; |
|
background-color: #e7ebee; |
|
height: calc(100% - 11px) |
|
}html.theme-dark .separator-3bp1jCsV-{ background-color: #2f3241; }.icon-2Gun4jqH- svg { |
|
display: block; |
|
} |
|
|
|
/* |
|
Don't use any absolute position flex item in this layout. |
|
It is too slow on iPad and cause buggy flex resizing. |
|
This bug visible without devtools only and it is really nightmare to workaround. |
|
*/ |
|
|
|
.toolbar-2MJefnwP- { |
|
position: relative; |
|
height: 100%; |
|
font-size: 13px; |
|
white-space: nowrap; |
|
cursor: default; |
|
} |
|
|
|
.dateRangeWrapper-yS_7EK1i- { |
|
display: block; |
|
position: absolute; |
|
left: 0; |
|
height: 100%; |
|
} |
|
|
|
.seriesControlWrapper-1c7dZFwu- { |
|
display: block; |
|
position: absolute; |
|
right: 0; |
|
height: 100%; |
|
} |
|
|
|
.dateRangeExpanded-Eh9SAOEe- { |
|
display: -webkit-inline-flex; |
|
display: inline-flex; |
|
-webkit-flex: 0 1 0%; |
|
flex: 0 1 0%; |
|
height: 100%; |
|
} |
|
|
|
.dateRangeCollapsed-1-pFg0M1- { |
|
display: -webkit-inline-flex; |
|
display: inline-flex; |
|
height: 100%; |
|
-webkit-flex: 0 1 0%; |
|
flex: 0 1 0%; |
|
} |
|
|
|
.item-2cWFW_ze- { |
|
height: 100%; |
|
padding: 0 9px; |
|
-webkit-flex: 0 0 auto; |
|
flex: 0 0 auto; |
|
} |
|
|
|
.item-2cWFW_ze-.first-1XNI05qr- { |
|
padding-left: 14px; |
|
} |
|
|
|
.item-2cWFW_ze-.last-2VBe7EFW- { |
|
padding-right: 14px; |
|
} |
|
|
|
.inline-2rwBBIxN- { |
|
display: inline-block; |
|
height: 100%; |
|
vertical-align: top; |
|
} |
|
|
|
.timezone-34WAZb8x- { |
|
padding: 0 14px; |
|
-webkit-flex: 0 0 auto; |
|
flex: 0 0 auto; |
|
} |
|
|
|
.icon-3VRthUnU- { |
|
height: 100%; |
|
padding: 0 6px; |
|
-webkit-flex: 0 0 auto; |
|
flex: 0 0 auto; |
|
} |
|
|
|
.icon-3VRthUnU-.first-1XNI05qr- { |
|
padding-left: 12px; |
|
} |
|
|
|
.icon-3VRthUnU-.last-2VBe7EFW- { |
|
padding-right: 12px; |
|
} |
|
|
|
.hidden-3Tq8Bf9V- { |
|
visibility: hidden; |
|
} |
|
|
|
/* |
|
IE11 requires to apply this class only to block element |
|
You should wrap each flex element into simple div element to proper sizing |
|
Otherwise any absolute flex element will have zero width |
|
*/ |
|
.collapsed-2lhil-Rc- { |
|
position: absolute; |
|
visibility: hidden; |
|
height: 100%; |
|
left: 0; |
|
top: 0; |
|
} |
|
|
|
.control-bar-wrapper { |
|
position: absolute; |
|
pointer-events: none; |
|
bottom: 33px; |
|
height: 28px; |
|
z-index: 1; |
|
/*!rtl:ignore*/ |
|
direction: ltr; |
|
} |
|
|
|
.control-bar { |
|
display: -webkit-flex; |
|
display: flex; |
|
visibility: visible; |
|
transition: opacity .3s, visibility .3s; |
|
} |
|
|
|
.control-bar--hidden { |
|
visibility: hidden; |
|
opacity: 0; |
|
} |
|
|
|
.control-bar__group { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
margin: 0 7px; |
|
} |
|
|
|
.control-bar__btn { |
|
display: -webkit-inline-flex; |
|
display: inline-flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
border-radius: 50%; |
|
margin: 0 4px; |
|
width: 28px; |
|
height: 28px; |
|
background-color: rgba(255, 255, 255, 0.7); |
|
color: #758696; |
|
box-shadow: 0 1px 4px 0 rgba(117, 134, 150, 0.38);; |
|
pointer-events: auto; |
|
transition: background-color .3s, color .3s, visibility .4s, opacity .4s; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
z-index: 1; |
|
visibility: visible; |
|
opacity: 1; |
|
} |
|
|
|
.control-bar__btn--turn-button { |
|
margin: 0 11px; |
|
} |
|
|
|
.control-bar__btn--turn-button svg { |
|
margin-bottom: 1px; |
|
} |
|
|
|
.control-bar__btn--btn-hidden { |
|
visibility: hidden; |
|
opacity: 0; |
|
} |
|
|
|
.feature-no-touch .control-bar__btn:hover { |
|
background-color: #ffffff; |
|
color: #262b3e; |
|
} |
|
|
|
.feature-no-touch .control-bar__btn:active,.feature-touch .control-bar__btn:active { |
|
background-color: #f7f8fa; |
|
transition: none; |
|
} |
|
|
|
.control-bar__btn--dark { |
|
background-color: rgba(38, 43, 62, 0.6); |
|
color: #9db2bd; |
|
box-shadow: 0 1px 4px 0 #000000; |
|
} |
|
|
|
.feature-no-touch .control-bar__btn--dark:hover { |
|
background-color: #262b3e; |
|
color: #c5cbce; |
|
} |
|
|
|
.feature-no-touch .control-bar__btn--dark:active,.feature-touch .control-bar__btn--dark:active { |
|
background-color: #1c2030; |
|
} |
|
|
|
.control-bar__btn--back-present { |
|
position: absolute; |
|
/*!rtl:ignore*/ |
|
right: 2px; |
|
bottom: 33px; |
|
} |
|
|
|
.control-bar__btn svg { |
|
pointer-events: none; |
|
} |
|
|
|
/** |
|
* Regular dropdown style |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
.tv-dropdown { |
|
position: relative; |
|
display: inline-block; |
|
vertical-align: middle; |
|
} |
|
.tv-dropdown.i-inactive .tv-dropdown__item, .tv-dropdown__group.i-inactive .tv-dropdown__item, .feature-no-touch .tv-dropdown.i-inactive .tv-dropdown__item:hover, .feature-no-touch .tv-dropdown__group.i-inactive .tv-dropdown__item:hover { |
|
cursor: default; |
|
color: #adaeb0; |
|
background-color: transparent; |
|
} |
|
.tv-dropdown__desc { |
|
display: block; |
|
margin-top: 2px; |
|
font-size: 11px; |
|
color: #adaeb0; |
|
transition: color ease 0.35s; |
|
} |
|
.feature-no-touch .tv-dropdown__item:hover .tv-dropdown__desc { |
|
color: #757575; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-dropdown.i-inactive .tv-dropdown__desc, .tv-dropdown__group.i-inactive .tv-dropdown__desc { |
|
color: #c8c8c8; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-dropdown__button { |
|
cursor: pointer; |
|
} |
|
.tv-dropdown__button--dashed { |
|
border-bottom-style: dashed; |
|
} |
|
.tv-dropdown__group--divided { |
|
border-bottom: 1px solid #eaecef; |
|
} |
|
.tv-dropdown__group--divided:last-child { |
|
border-bottom: none; |
|
} |
|
.tv-dropdown__body { |
|
position: absolute; |
|
top: -15px; |
|
left: 0; |
|
z-index: 99; |
|
padding: 15px 0; |
|
font-size: 13px; |
|
line-height: 1; |
|
border-radius: 3px; |
|
background-color: #ffffff; |
|
box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0; |
|
} |
|
html.theme-dark .tv-dropdown__body{ background-color: #1c2030; } |
|
html.theme-dark .tv-dropdown__body { |
|
box-shadow: #000000 0 2px 4px 0; |
|
} |
|
.tv-dropdown__body--under-trigger { |
|
top: 100%; |
|
top: calc(100% - 1px); |
|
} |
|
.tv-dropdown__body--over-trigger { |
|
top: 0; |
|
} |
|
.tv-dropdown__body--position_right { |
|
left: auto; |
|
right: 0; |
|
} |
|
.tv-dropdown__body--position_outer_right { |
|
left: 100%; |
|
} |
|
.tv-dropdown__title { |
|
margin-top: 10px; |
|
padding: 10px 15px 10px; |
|
font-size: 14px; |
|
font-weight: bold; |
|
color: #bdbec0; |
|
text-transform: uppercase; |
|
} |
|
.tv-dropdown__title:first-child { |
|
margin-top: 0; |
|
} |
|
.tv-dropdown__item { |
|
white-space: nowrap; |
|
position: relative; |
|
display: block; |
|
cursor: pointer; |
|
padding: 10px 15px; |
|
transition: color ease 0.35s, background-color ease 0.35s; |
|
text-align: left; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
} |
|
.tv-dropdown__item, .tv-dropdown__item:visited { |
|
color: #2f3241; |
|
} |
|
html.theme-dark .tv-dropdown__item, html.theme-dark .tv-dropdown__item:visited{ color: #d6d8e0; } |
|
.feature-no-touch .tv-dropdown__item:hover { |
|
color: #4a4a4a; |
|
background-color: #f2f3f5; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .tv-dropdown__item:hover{ background-color: #2f3241; } |
|
html.feature-no-touch.theme-dark .tv-dropdown__item:hover{ color: #c5cbce; } |
|
.feature-no-touch .tv-dropdown__item:active,.feature-touch .tv-dropdown__item:active { |
|
color: #4a4a4a; |
|
background-color: #e5e5e8; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .tv-dropdown__item:active,html.feature-touch.theme-dark .tv-dropdown__item:active{ background-color: #262b3e; } |
|
html.feature-no-touch.theme-dark .tv-dropdown__item:active,html.feature-touch.theme-dark .tv-dropdown__item:active{ color: #c5cbce; } |
|
.tv-dropdown__item.i-active { |
|
color: #4a4a4a; |
|
background-color: #eafafe; |
|
} |
|
html.theme-dark .tv-dropdown__item.i-active{ background-color: #21384d; } |
|
html.theme-dark .tv-dropdown__item.i-active{ color: #c5cbce; } |
|
.feature-no-touch .tv-dropdown__item.i-active:hover { |
|
color: #000000; |
|
background-color: #c6e9f8; |
|
} |
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:hover{ background-color: #21384d; } |
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:hover{ color: #9db2bd; } |
|
.feature-no-touch .tv-dropdown__item.i-active:active,.feature-touch .tv-dropdown__item.i-active:active { |
|
color: #000000; |
|
background-color: #b1e2f3; |
|
} |
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:active,html.feature-touch.theme-dark .tv-dropdown__item.i-active:active{ background-color: #21384d; } |
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:active,html.feature-touch.theme-dark .tv-dropdown__item.i-active:active{ color: #9db2bd; } |
|
.feature-no-touch .tv-dropdown__item.i-disabled:hover, .feature-no-touch .tv-dropdown__item.i-disabled:active,.feature-touch .tv-dropdown__item.i-disabled:active, .tv-dropdown__item.i-disabled { |
|
cursor: default; |
|
color: #e5e5e8; |
|
background-color: transparent; |
|
} |
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:hover, html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:active,html.feature-touch.theme-dark .tv-dropdown__item.i-disabled:active, html.theme-dark .tv-dropdown__item.i-disabled{ color: #758696; } |
|
.tv-dropdown__item--subitem { |
|
padding: 10px 15px 10px 30px; |
|
} |
|
.feature-no-touch .tv-dropdown__item--not-interactive:hover { |
|
background-color: transparent; |
|
} |
|
.feature-no-touch .tv-dropdown__item--not-interactive:active,.feature-touch .tv-dropdown__item--not-interactive:active { |
|
background-color: transparent; |
|
} |
|
.tv-dropdown__item--not-interactive.i-active { |
|
background-color: transparent; |
|
} |
|
.feature-no-touch .tv-dropdown__item--not-interactive.i-active:hover { |
|
background-color: transparent; |
|
} |
|
.feature-no-touch .tv-dropdown__item--not-interactive.i-active:active,.feature-touch .tv-dropdown__item--not-interactive.i-active:active { |
|
background-color: transparent; |
|
} |
|
.tv-dropdown__item-text { |
|
vertical-align: middle; |
|
} |
|
.tv-objects-tree-tab-filter__button { |
|
padding: 10px 5px; |
|
} |
|
|
|
/** |
|
* Material-like dropdown |
|
* Only css animations |
|
* Must be stylized by context where using |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
/** |
|
* Regular dropdown style |
|
*/ |
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
.tv-dropdown { |
|
position: relative; |
|
display: inline-block; |
|
vertical-align: middle; |
|
} |
|
.tv-dropdown.i-inactive .tv-dropdown__item, .tv-dropdown__group.i-inactive .tv-dropdown__item, .feature-no-touch .tv-dropdown.i-inactive .tv-dropdown__item:hover, .feature-no-touch .tv-dropdown__group.i-inactive .tv-dropdown__item:hover { |
|
cursor: default; |
|
color: #adaeb0; |
|
background-color: transparent; |
|
} |
|
.tv-dropdown__desc { |
|
display: block; |
|
margin-top: 2px; |
|
font-size: 11px; |
|
color: #adaeb0; |
|
transition: color ease 0.35s; |
|
} |
|
.feature-no-touch .tv-dropdown__item:hover .tv-dropdown__desc { |
|
color: #757575; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-dropdown.i-inactive .tv-dropdown__desc, .tv-dropdown__group.i-inactive .tv-dropdown__desc { |
|
color: #c8c8c8; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-dropdown__button { |
|
cursor: pointer; |
|
} |
|
.tv-dropdown__button--dashed { |
|
border-bottom-style: dashed; |
|
} |
|
.tv-dropdown__group--divided { |
|
border-bottom: 1px solid #eaecef; |
|
} |
|
.tv-dropdown__group--divided:last-child { |
|
border-bottom: none; |
|
} |
|
.tv-dropdown__body { |
|
position: absolute; |
|
top: -15px; |
|
left: 0; |
|
z-index: 99; |
|
padding: 15px 0; |
|
font-size: 13px; |
|
line-height: 1; |
|
border-radius: 3px; |
|
background-color: #ffffff; |
|
box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0; |
|
} |
|
html.theme-dark .tv-dropdown__body{ background-color: #1c2030; } |
|
html.theme-dark .tv-dropdown__body { |
|
box-shadow: #000000 0 2px 4px 0; |
|
} |
|
.tv-dropdown__body--under-trigger { |
|
top: 100%; |
|
top: calc(100% - 1px); |
|
} |
|
.tv-dropdown__body--over-trigger { |
|
top: 0; |
|
} |
|
.tv-dropdown__body--position_right { |
|
left: auto; |
|
right: 0; |
|
} |
|
.tv-dropdown__body--position_outer_right { |
|
left: 100%; |
|
} |
|
.tv-dropdown__title { |
|
margin-top: 10px; |
|
padding: 10px 15px 10px; |
|
font-size: 14px; |
|
font-weight: bold; |
|
color: #bdbec0; |
|
text-transform: uppercase; |
|
} |
|
.tv-dropdown__title:first-child { |
|
margin-top: 0; |
|
} |
|
.tv-dropdown__item { |
|
white-space: nowrap; |
|
position: relative; |
|
display: block; |
|
cursor: pointer; |
|
padding: 10px 15px; |
|
transition: color ease 0.35s, background-color ease 0.35s; |
|
text-align: left; |
|
overflow: hidden; |
|
text-overflow: ellipsis; |
|
} |
|
.tv-dropdown__item, .tv-dropdown__item:visited { |
|
color: #2f3241; |
|
} |
|
html.theme-dark .tv-dropdown__item, html.theme-dark .tv-dropdown__item:visited{ color: #d6d8e0; } |
|
.feature-no-touch .tv-dropdown__item:hover { |
|
color: #4a4a4a; |
|
background-color: #f2f3f5; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .tv-dropdown__item:hover{ background-color: #2f3241; } |
|
html.feature-no-touch.theme-dark .tv-dropdown__item:hover{ color: #c5cbce; } |
|
.feature-no-touch .tv-dropdown__item:active,.feature-touch .tv-dropdown__item:active { |
|
color: #4a4a4a; |
|
background-color: #e5e5e8; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .tv-dropdown__item:active,html.feature-touch.theme-dark .tv-dropdown__item:active{ background-color: #262b3e; } |
|
html.feature-no-touch.theme-dark .tv-dropdown__item:active,html.feature-touch.theme-dark .tv-dropdown__item:active{ color: #c5cbce; } |
|
.tv-dropdown__item.i-active { |
|
color: #4a4a4a; |
|
background-color: #eafafe; |
|
} |
|
html.theme-dark .tv-dropdown__item.i-active{ background-color: #21384d; } |
|
html.theme-dark .tv-dropdown__item.i-active{ color: #c5cbce; } |
|
.feature-no-touch .tv-dropdown__item.i-active:hover { |
|
color: #000000; |
|
background-color: #c6e9f8; |
|
} |
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:hover{ background-color: #21384d; } |
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:hover{ color: #9db2bd; } |
|
.feature-no-touch .tv-dropdown__item.i-active:active,.feature-touch .tv-dropdown__item.i-active:active { |
|
color: #000000; |
|
background-color: #b1e2f3; |
|
} |
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:active,html.feature-touch.theme-dark .tv-dropdown__item.i-active:active{ background-color: #21384d; } |
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-active:active,html.feature-touch.theme-dark .tv-dropdown__item.i-active:active{ color: #9db2bd; } |
|
.feature-no-touch .tv-dropdown__item.i-disabled:hover, .feature-no-touch .tv-dropdown__item.i-disabled:active,.feature-touch .tv-dropdown__item.i-disabled:active, .tv-dropdown__item.i-disabled { |
|
cursor: default; |
|
color: #e5e5e8; |
|
background-color: transparent; |
|
} |
|
html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:hover, html.feature-no-touch.theme-dark .tv-dropdown__item.i-disabled:active,html.feature-touch.theme-dark .tv-dropdown__item.i-disabled:active, html.theme-dark .tv-dropdown__item.i-disabled{ color: #758696; } |
|
.tv-dropdown__item--subitem { |
|
padding: 10px 15px 10px 30px; |
|
} |
|
.feature-no-touch .tv-dropdown__item--not-interactive:hover { |
|
background-color: transparent; |
|
} |
|
.feature-no-touch .tv-dropdown__item--not-interactive:active,.feature-touch .tv-dropdown__item--not-interactive:active { |
|
background-color: transparent; |
|
} |
|
.tv-dropdown__item--not-interactive.i-active { |
|
background-color: transparent; |
|
} |
|
.feature-no-touch .tv-dropdown__item--not-interactive.i-active:hover { |
|
background-color: transparent; |
|
} |
|
.feature-no-touch .tv-dropdown__item--not-interactive.i-active:active,.feature-touch .tv-dropdown__item--not-interactive.i-active:active { |
|
background-color: transparent; |
|
} |
|
.tv-dropdown__item-text { |
|
vertical-align: middle; |
|
} |
|
.tv-dropdown-behavior__body { |
|
display: none; |
|
box-sizing: border-box; |
|
} |
|
.tv-dropdown-behavior__body.i-opened { |
|
display: block; |
|
} |
|
.tv-dropdown-behavior__body--width_full { |
|
min-width: 100%; |
|
} |
|
.tv-dropdown-behavior__button { |
|
cursor: pointer; |
|
} |
|
.tv-dropdown-behavior__item { |
|
display: block; |
|
position: relative; |
|
} |
|
.tv-dropdown-behavior__scroll, .tv-dropdown-behavior__inscroll { |
|
display: block; |
|
position: relative; |
|
} |
|
.tv-dropdown-behavior__scroll { |
|
overflow: hidden; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.tv-objects-tree-item { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
position: relative; |
|
cursor: pointer; |
|
padding: 13px 30px; |
|
color: #262b3e; |
|
transition: background-color ease 0.35s; |
|
height: 20px; |
|
border-bottom: 1px solid; |
|
border-bottom-color: #eceff2; |
|
} |
|
html.theme-dark .tv-objects-tree-item{ border-bottom-color: #363c4e; } |
|
html.theme-dark .tv-objects-tree-item{ color: #e1ecf2; } |
|
@media screen and (max-width:767px) { |
|
.tv-objects-tree-item { |
|
padding-right: 20px; |
|
padding-left: 20px; |
|
} |
|
} |
|
.tv-objects-tree-item--large-left-padding { |
|
padding-left: 55px; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-objects-tree-item--large-left-padding { |
|
padding-left: 45px; |
|
} |
|
} |
|
.tv-objects-tree-item--placeholder { |
|
height: 20px; |
|
} |
|
.feature-no-touch .tv-objects-tree-item:hover, .tv-objects-tree-item.ui-sortable-helper { |
|
background-color: #f1f3f6; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .tv-objects-tree-item:hover, html.theme-dark .tv-objects-tree-item.ui-sortable-helper{ background-color: #2f3241; } |
|
.tv-objects-tree-item.i-prop-hidden { |
|
color: #94959c; |
|
} |
|
html.theme-dark .tv-objects-tree-item.i-prop-hidden{ color: #4c525e; } |
|
.tv-objects-tree-item.i-active { |
|
background-color: #eafafe; |
|
} |
|
html.theme-dark .tv-objects-tree-item.i-active{ background-color: #21384d; } |
|
.tv-objects-tree-item__icon { |
|
color: #758696; |
|
margin-right: 8px; |
|
display: inline-block; |
|
vertical-align: middle; |
|
} |
|
.tv-objects-tree-item__icon.i-empty { |
|
width: 0; |
|
margin-right: 0; |
|
} |
|
.tv-objects-tree-item__icon svg { |
|
height: 20px; |
|
vertical-align: middle; |
|
fill: #758696; |
|
} |
|
.tv-objects-tree-item__icon, .tv-objects-tree-item__icon svg { |
|
height: 20px; |
|
width: 20px; |
|
} |
|
.tv-objects-tree-item__icon.i-text-icon { |
|
font-weight: bold; |
|
/* stylelint-disable-next-line font-family-no-missing-generic-family-keyword */ |
|
font-family: FontAwesome; |
|
text-align: center; |
|
color: #758696; |
|
font-size: 16px; |
|
} |
|
.tv-objects-tree-item__icon.i-text-icon, .tv-objects-tree-item__icon.i-text-icon svg { |
|
min-width: 20px; |
|
} |
|
.tv-objects-tree-item__title { |
|
overflow: hidden; |
|
white-space: nowrap; |
|
text-overflow: ellipsis; |
|
width: 100%; |
|
} |
|
.tv-objects-tree-item__title.i-bold { |
|
font-weight: bold; |
|
} |
|
.tv-objects-tree-item__title:after { |
|
content: '\200E'; |
|
} |
|
.tv-objects-tree-item.i-active .tv-objects-tree-item__title { |
|
font-weight: bold; |
|
} |
|
.tv-objects-tree-item__control-buttons { |
|
-webkit-flex-shrink: 0; |
|
flex-shrink: 0; |
|
margin-left: 10px; |
|
} |
|
.tv-objects-tree-item__control-buttons--left { |
|
margin-left: 0px; |
|
margin-right: 10px; |
|
} |
|
.tv-objects-tree-item__button { |
|
float: left; |
|
margin-left: 5px; |
|
} |
|
.tv-objects-tree-item__button--collapse, .tv-objects-tree-item__button--expand { |
|
margin-left: 0; |
|
} |
|
.tv-objects-tree-item__button svg { |
|
opacity: 0.8; |
|
fill: #758696; |
|
transition: opacity ease 0.35s; |
|
} |
|
.feature-touch .tv-objects-tree-item__button svg { |
|
opacity: 0.9; |
|
} |
|
.feature-no-touch .tv-objects-tree-item__button:hover svg { |
|
opacity: 1; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-objects-tree-item__button.i-active svg, .feature-no-touch .tv-objects-tree-item__button.i-active:hover svg { |
|
fill: #3bb3e4; |
|
} |
|
.tv-objects-tree-item__button.i-transparent { |
|
visibility: hidden; |
|
} |
|
.tv-objects-tree-item__button, .tv-objects-tree-item__button svg { |
|
width: 14px; |
|
height: 14px; |
|
} |
|
.feature-touch .tv-objects-tree-item__button svg { |
|
-webkit-transform: scale(1.1); |
|
transform: scale(1.1); |
|
} |
|
.tv-objects-tree-item__button--collapse, .tv-objects-tree-item.i-expanded .tv-objects-tree-item__button--expand { |
|
display: none; |
|
} |
|
.tv-objects-tree-item__button--expand, .tv-objects-tree-item.i-expanded .tv-objects-tree-item__button--collapse { |
|
display: block; |
|
} |
|
.tv-objects-tree-item__drag-icon { |
|
position: absolute; |
|
width: 6px; |
|
height: 12px; |
|
left: 0px; |
|
top: 0px; |
|
padding: 16px 10px; |
|
cursor: url(grab.bc156522a6b55a60be9fae15c14b66c5.cur), move; |
|
cursor: -webkit-grab; |
|
cursor: grab; |
|
} |
|
.tv-objects-tree-item__drag-icon svg { |
|
fill: #dadde0; |
|
} |
|
@media screen and (max-width:767px) { |
|
.tv-objects-tree-item__drag-icon { |
|
padding-left: 8px; |
|
padding-right: 12px; |
|
} |
|
} |
|
.tv-objects-tree-item.ui-sortable-helper, .tv-objects-tree-item.ui-sortable-helper .tv-objects-tree-item__drag-icon { |
|
cursor: url(grabbing.1c0862a8a8c0fb02885557bc97fdafe7.cur), move; |
|
cursor: -webkit-grabbing; |
|
cursor: grabbing; |
|
} |
|
|
|
/* ------------------------ */ |
|
/* LESS mixin for CSS arrow */ |
|
/* ------------------------ */ |
|
/* Usage |
|
* .arrow(size, color, direction, offset, border-size, border-color); |
|
*/ |
|
/* Where |
|
* Size is the with of the arrow |
|
* Color is the color of the arrow (plain color required) |
|
* Direction is the orientation of the arrow (top, right, bottom, left) |
|
* Offset is the position of the arrow on its axis (px / em) |
|
* Border-size is the width of the border if there is one (optional; default "0") |
|
* Border-color is the color of the border if there is one (optional; default "inherit"); |
|
*/ |
|
/* Extra |
|
* Drop-shadows can be used on the element to create a shadow on the arrow as well |
|
*/ |
|
.tv-objects-tree-dialog-tab { |
|
position: relative; |
|
height: 100%; |
|
} |
|
.tv-objects-tree-dialog-tab .sb-scrollbar-body { |
|
border: 0; |
|
background: #d8d8d8; |
|
width: 6px; |
|
} |
|
html.theme-dark .tv-objects-tree-dialog-tab .sb-scrollbar-body{ background: #4f5966; } |
|
.tv-objects-tree-dialog-tab .sb-scrollbar-top, .tv-objects-tree-dialog-tab .sb-scrollbar-bottom { |
|
display: none; |
|
} |
|
.tv-objects-tree-dialog-tab.i-scrollable { |
|
overflow: hidden; |
|
} |
|
.feature-touch .tv-objects-tree-dialog-tab.i-scrollable { |
|
overflow-x: hidden; |
|
overflow-y: auto; |
|
} |
|
.tv-objects-tree-dialog-tab__content { |
|
position: absolute; |
|
width: 100%; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.tv-objects-tree-tab__group:not(:last-child) { |
|
border-bottom: 1px solid; |
|
border-bottom-color: #dadde0; |
|
} |
|
html.theme-dark .tv-objects-tree-tab__group:not(:last-child){ border-bottom-color: #363c4e; } |
|
.tv-objects-tree-tab__group:not(:last-child) > *:last-child { |
|
border-bottom-color: transparent; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.tv-manage-drawings-tab__symbol-drawings { |
|
display: none; |
|
} |
|
.tv-manage-drawings-tab__symbol-drawings.i-expanded { |
|
display: block; |
|
} |
|
.tv-manage-drawings-tab__empty-drawings { |
|
position: absolute; |
|
width: 100%; |
|
top: 50%; |
|
text-align: center; |
|
font-style: italic; |
|
} |
|
|
|
/** |
|
* Tabs block |
|
*/ |
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.tv-tabs { |
|
display: -webkit-flex; |
|
display: flex; |
|
height: 53px; |
|
line-height: 53px; |
|
position: relative; |
|
padding: 0 14px; |
|
overflow: hidden; |
|
white-space: nowrap; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
-webkit-tap-highlight-color: transparent; |
|
} |
|
.tv-tabs:before { |
|
content: ''; |
|
display: block; |
|
position: absolute; |
|
bottom: 0; |
|
left: 0; |
|
right: 0; |
|
height: 1px; |
|
background-color: #dadde0; |
|
} |
|
html.theme-dark .tv-tabs:before{ background-color: #363c4e; } |
|
.tv-tabs::-webkit-scrollbar { |
|
display: none; |
|
} |
|
.tv-tabs.i-loaded { |
|
padding: 0; |
|
} |
|
.tv-tabs--category-content { |
|
padding: 0 6px; |
|
} |
|
.tv-tabs__scroll-wrap { |
|
display: block; |
|
position: relative; |
|
height: 100%; |
|
width: 100%; |
|
overflow-y: hidden; |
|
overflow-x: scroll; |
|
padding-bottom: 100px; |
|
white-space: nowrap; |
|
-webkit-overflow-scrolling: touch; |
|
/* stylelint-disable-next-line property-no-vendor-prefix */ |
|
-webkit-transform: translate3d(0, 0, 0); |
|
/* IPad scroll fix */ |
|
} |
|
.tv-tabs__scroll-box { |
|
display: -webkit-flex; |
|
display: flex; |
|
position: relative; |
|
} |
|
.tv-tabs.i-loaded .tv-tabs__scroll-box { |
|
padding: 0 14px; |
|
} |
|
.tv-tabs__tab { |
|
display: block; |
|
position: relative; |
|
margin: 0; |
|
padding: 0 14px; |
|
height: 53px; |
|
font-size: 14px; |
|
line-height: 53px; |
|
color: #9aa9ba; |
|
cursor: pointer; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
-webkit-tap-highlight-color: transparent; |
|
box-sizing: border-box; |
|
transition: color ease 0.35s; |
|
} |
|
html.theme-dark .tv-tabs__tab{ color: #758696; } |
|
.feature-no-touch .tv-tabs__tab:hover, .tv-tabs__tab.i-hover, .feature-no-touch .tv-tabs__tab:active,.feature-touch .tv-tabs__tab:active { |
|
transition-duration: 0.06s; |
|
} |
|
.feature-no-touch .tv-tabs__tab:hover, .feature-no-touch .tv-tabs__tab:active,.feature-touch .tv-tabs__tab:active, .tv-tabs__tab.i-hover, .tv-tabs__tab.i-active { |
|
color: #252733; |
|
} |
|
html.feature-no-touch.theme-dark .tv-tabs__tab:hover, html.feature-no-touch.theme-dark .tv-tabs__tab:active,html.feature-touch.theme-dark .tv-tabs__tab:active, html.theme-dark .tv-tabs__tab.i-hover, html.theme-dark .tv-tabs__tab.i-active{ color: #9db2bd; } |
|
.tv-tabs__tab:disabled, .tv-tabs__tab[disabled], .tv-tabs__tab.i-disabled { |
|
cursor: default; |
|
color: #dadde0; |
|
} |
|
html.theme-dark .tv-tabs__tab:disabled, html.theme-dark .tv-tabs__tab[disabled], html.theme-dark .tv-tabs__tab.i-disabled{ color: #363c4e; } |
|
.tv-tabs__tab--no-padding { |
|
padding: 0; |
|
} |
|
.tv-tabs__tab--right-shifter { |
|
margin-left: auto; |
|
} |
|
.tv-tabs__tab--icon-tab { |
|
padding: 0; |
|
} |
|
.tv-tabs--category-header .tv-tabs__tab { |
|
padding-left: 25px; |
|
padding-right: 25px; |
|
font-size: 15px; |
|
color: #9db2bd; |
|
} |
|
.tv-tabs--category-header .tv-tabs__tab.i-hover, .feature-no-touch .tv-tabs--category-header .tv-tabs__tab:hover { |
|
color: #758696; |
|
} |
|
.tv-tabs--category-header .tv-tabs__tab.i-active, .feature-no-touch .tv-tabs--category-header .tv-tabs__tab:active,.feature-touch .tv-tabs--category-header .tv-tabs__tab:active { |
|
color: #363c4e; |
|
} |
|
.tv-tabs:not(.i-loaded) .tv-tabs__tab.i-active:after { |
|
content: ''; |
|
position: absolute; |
|
bottom: 0; |
|
width: calc(100% - 28px); |
|
height: 2px; |
|
left: 14px; |
|
background: #3bb3e4; |
|
} |
|
.tv-tabs--category-header:not(.i-loaded) .tv-tabs__tab.i-active:after { |
|
bottom: 0; |
|
height: 3px; |
|
width: calc(100% - 50px); |
|
left: 25px; |
|
} |
|
.tv-tabs__slider, .tv-tabs__tab.i-active:after { |
|
display: block; |
|
position: absolute; |
|
bottom: 0; |
|
height: 2px; |
|
pointer-events: none; |
|
background-color: #3bb3e4; |
|
} |
|
.tv-tabs--compact, .tv-tabs--compact .tv-tabs__scroll-box, .tv-tabs--compact .tv-tabs__tab { |
|
height: 23px; |
|
} |
|
.tv-tabs--compact .tv-tabs__tab { |
|
line-height: 23px; |
|
font-size: 13px; |
|
} |
|
.tv-tabs--semi-compact, .tv-tabs--semi-compact .tv-tabs__scroll-box, .tv-tabs--semi-compact .tv-tabs__tab { |
|
height: 34px; |
|
} |
|
.tv-tabs--semi-compact .tv-tabs__tab { |
|
line-height: 34px; |
|
} |
|
.tv-tabs--compact, .tv-tabs--category-header, .tv-tabs--semi-compact, .tv-tabs--compact.i-loaded .tv-tabs__scroll-box, .tv-tabs--category-header.i-loaded .tv-tabs__scroll-box, .tv-tabs--semi-compact.i-loaded .tv-tabs__scroll-box { |
|
padding-left: 0; |
|
padding-right: 0; |
|
} |
|
.tv-tabs--compact:before, .tv-tabs--category-header:before, .tv-tabs--semi-compact:before { |
|
bottom: 0; |
|
} |
|
.tv-tabs--compact .tv-tabs__tab:first-child, .tv-tabs--semi-compact .tv-tabs__tab:first-child { |
|
margin-left: -14px; |
|
} |
|
.tv-tabs--compact .tv-tabs__tab:last-child, .tv-tabs--semi-compact .tv-tabs__tab:last-child { |
|
margin-right: -14px; |
|
} |
|
.tv-tabs--category-header .tv-tabs__tab:first-child { |
|
margin-left: -25px; |
|
} |
|
.tv-tabs--category-header .tv-tabs__tab:last-child { |
|
margin-right: -25px; |
|
} |
|
.tv-tabs--compact .tv-tabs__tab.i-hidden:first-child + .tv-tabs__tab { |
|
margin-left: -14px; |
|
} |
|
.tv-tabs--compact .tv-tabs__slider, .tv-tabs--compact .tv-tabs__tab.i-active:after { |
|
bottom: 0; |
|
height: 1px; |
|
} |
|
.tv-tabs--no-margin .tv-tabs__tab:first-child, .tv-tabs--semi-compact.tv-tabs--no-margin .tv-tabs__tab:first-child { |
|
margin-left: 0; |
|
} |
|
.tv-tabs--no-margin .tv-tabs__tab:last-child, .tv-tabs--semi-compact.tv-tabs--no-margin .tv-tabs__tab:last-child { |
|
margin-right: 0; |
|
} |
|
.tv-tabs--secondary-active .tv-tabs__wrap { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
height: 23px; |
|
padding: 0px 14px; |
|
} |
|
.tv-tabs--secondary-active.tv-tabs--semi-compact .tv-tabs__wrap { |
|
height: 22px; |
|
padding: 0px 8px; |
|
} |
|
.tv-tabs--secondary-active.tv-tabs--semi-compact .tv-tabs__tab { |
|
padding: 6px; |
|
} |
|
.tv-tabs--secondary-active .tv-tabs__tab { |
|
padding: 0 6px; |
|
} |
|
.tv-tabs--secondary-active .tv-tabs__tab.i-active .tv-tabs__wrap { |
|
background-color: #92a9b5; |
|
color: #ffffff; |
|
transition: color ease 0.35s, background-color ease 0.35s; |
|
} |
|
html.theme-dark .tv-tabs--secondary-active .tv-tabs__tab.i-active .tv-tabs__wrap{ color: #c5cbce; } |
|
html.theme-dark .tv-tabs--secondary-active .tv-tabs__tab.i-active .tv-tabs__wrap{ background-color: #4c525e; } |
|
.tv-tabs--no-border:before { |
|
display: none; |
|
} |
|
.tv-tabs--no-padding, .tv-tabs--no-padding.i-loaded .tv-tabs__scroll-box { |
|
padding: 0; |
|
} |
|
.tv-tabs--no-padding .tv-tabs__tab { |
|
padding: 0 14px; |
|
} |
|
.tv-tabs--no-padding .tv-tabs__tab.tv-tabs__tab--no-padding { |
|
padding: 0; |
|
} |
|
.tv-tabs.i-loaded .tv-tabs__tab.i-active::after { |
|
content: none; |
|
display: none; |
|
} |
|
.tv-tabs__left-arrow, .tv-tabs__right-arrow { |
|
position: absolute; |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
padding: 0 5px; |
|
bottom: 0; |
|
top: 0; |
|
background-color: #ffffff; |
|
cursor: pointer; |
|
width: 36px; |
|
-webkit-user-select: none; |
|
-moz-user-select: none; |
|
-ms-user-select: none; |
|
user-select: none; |
|
box-sizing: content-box; |
|
} |
|
.tv-tabs__left-arrow:after, .tv-tabs__right-arrow:after { |
|
content: ''; |
|
display: inline-block; |
|
vertical-align: middle; |
|
height: 100%; |
|
} |
|
.tv-tabs__left-arrow svg, .tv-tabs__right-arrow svg { |
|
display: inline-block; |
|
width: 12px; |
|
height: 12px; |
|
vertical-align: middle; |
|
-webkit-transform: scale(1); |
|
transform: scale(1); |
|
transition: fill ease 0.35s; |
|
} |
|
.feature-no-touch .tv-tabs__left-arrow:hover svg, .feature-no-touch .tv-tabs__right-arrow:hover svg { |
|
fill: #4e5866; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .tv-tabs__left-arrow:hover svg, html.feature-no-touch.theme-dark .tv-tabs__right-arrow:hover svg{ fill: #c5cbce; } |
|
.feature-no-touch .tv-tabs__left-arrow:active svg,.feature-touch .tv-tabs__left-arrow:active svg, .feature-no-touch .tv-tabs__right-arrow:active svg,.feature-touch .tv-tabs__right-arrow:active svg { |
|
fill: #252733; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .tv-tabs__left-arrow:active svg,html.feature-touch.theme-dark .tv-tabs__left-arrow:active svg, html.feature-no-touch.theme-dark .tv-tabs__right-arrow:active svg,html.feature-touch.theme-dark .tv-tabs__right-arrow:active svg{ fill: #9db2bd; } |
|
.tv-tabs__right-arrow { |
|
-webkit-justify-content: flex-end; |
|
justify-content: flex-end; |
|
} |
|
.tv-tabs--category-header .tv-tabs__left-arrow, .tv-tabs--category-header .tv-tabs__right-arrow { |
|
background-color: #f8f8f8; |
|
bottom: 3px; |
|
margin-top: -1px; |
|
} |
|
.tv-tabs--category-header .tv-tabs__left-arrow svg, .tv-tabs--category-header .tv-tabs__right-arrow svg { |
|
vertical-align: top; |
|
} |
|
.tv-tabs__left-arrow { |
|
/*!rtl:begin:ignore*/ |
|
left: 0; |
|
text-align: left; |
|
background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0)); |
|
/*!rtl:end:ignore*/ |
|
} |
|
html.theme-dark .tv-tabs__left-arrow{ background: linear-gradient(to right, #131722, rgba(19, 23, 34, 0.85), rgba(19, 23, 34, 0)); } |
|
.tv-tabs__left-arrow.i-slided { |
|
/*!rtl:ignore*/ |
|
-webkit-transform: translateX(-100%); |
|
transform: translateX(-100%); |
|
} |
|
.tv-tabs__right-arrow { |
|
/*!rtl:begin:ignore*/ |
|
right: 0; |
|
text-align: right; |
|
background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0)); |
|
/*!rtl:end:ignore*/ |
|
} |
|
html.theme-dark .tv-tabs__right-arrow{ background: linear-gradient(to left, #131722, rgba(19, 23, 34, 0.85), rgba(19, 23, 34, 0)); } |
|
.tv-tabs__right-arrow.i-slided { |
|
/*!rtl:ignore*/ |
|
-webkit-transform: translateX(100%); |
|
transform: translateX(100%); |
|
} |
|
.tv-tabs--category-header .tv-tabs__left-arrow { |
|
/*!rtl:ignore*/ |
|
background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0)); |
|
} |
|
.tv-tabs--category-header .tv-tabs__right-arrow { |
|
/*!rtl:ignore*/ |
|
background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0)); |
|
} |
|
.tv-tabs--compact .tv-tabs__left-arrow, .tv-tabs--compact .tv-tabs__right-arrow { |
|
width: 23px; |
|
} |
|
.tv-tabs--semi-compact .tv-tabs__left-arrow, .tv-tabs--semi-compact .tv-tabs__right-arrow { |
|
width: 34px; |
|
} |
|
.tv-tabs--category-header .tv-tabs__left-arrow, .tv-tabs--category-header .tv-tabs__right-arrow { |
|
width: 45px; |
|
} |
|
.tv-tabs--searchbar:before { |
|
display: none; |
|
} |
|
.tv-tabs--searchbar, .tv-tabs--searchbar .tv-tabs__scroll-box { |
|
height: 80px; |
|
} |
|
@media screen and (max-width:1019px) { |
|
.tv-tabs--searchbar, .tv-tabs--searchbar .tv-tabs__scroll-box { |
|
height: 54px; |
|
} |
|
} |
|
.tv-tabs--searchbar .tv-tabs__slider, .tv-tabs--searchbar .tv-tabs__tab.i-active::after { |
|
bottom: 0; |
|
background-color: #ffffff; |
|
} |
|
.tv-tabs--searchbar .tv-tabs__left-arrow svg, .tv-tabs--searchbar .tv-tabs__right-arrow svg { |
|
fill: #ffffff; |
|
opacity: 0.65; |
|
} |
|
.feature-no-touch .tv-tabs--searchbar .tv-tabs__left-arrow:hover svg, .feature-no-touch .tv-tabs--searchbar .tv-tabs__right-arrow:hover svg, .feature-no-touch .tv-tabs--searchbar .tv-tabs__left-arrow:active svg,.feature-touch .tv-tabs--searchbar .tv-tabs__left-arrow:active svg, .feature-no-touch .tv-tabs--searchbar .tv-tabs__right-arrow:active svg,.feature-touch .tv-tabs--searchbar .tv-tabs__right-arrow:active svg { |
|
fill: #ffffff; |
|
opacity: 1; |
|
} |
|
.tv-tabs--searchbar .tv-tabs__left-arrow { |
|
background: linear-gradient(to right, rgba(37, 39, 51, 0.99) 0%, rgba(37, 39, 51, 0.99) 85%, #252733 100%); |
|
} |
|
.tv-tabs--searchbar .tv-tabs__right-arrow { |
|
background: linear-gradient(to right, #252733 0%, rgba(37, 39, 51, 0.99) 15%, rgba(37, 39, 51, 0.99) 100%); |
|
} |
|
.tv-tabs--searchbar_sub, .tv-tabs--searchbar_sub .tv-tabs__scroll-box { |
|
height: 40px; |
|
line-height: 40px; |
|
} |
|
.tv-tabs--searchbar_sub .tv-tabs__left-arrow { |
|
background: linear-gradient(to right, rgba(30, 162, 216, 0.99) 0%, rgba(30, 162, 216, 0.99) 85%, #1ea2d8 100%); |
|
} |
|
.tv-tabs--searchbar_sub .tv-tabs__right-arrow { |
|
background: linear-gradient(to right, #1ea2d8 0%, rgba(30, 162, 216, 0.99) 15%, rgba(30, 162, 216, 0.99) 100%); |
|
} |
|
.tv-tabs--searchbar-bright .tv-tabs__left-arrow { |
|
background: linear-gradient(to right, rgba(59, 179, 228, 0.99) 0%, rgba(59, 179, 228, 0.99) 85%, #3bb3e4 100%); |
|
} |
|
.tv-tabs--searchbar-bright .tv-tabs__right-arrow { |
|
background: linear-gradient(to right, #3bb3e4 0%, rgba(59, 179, 228, 0.99) 15%, rgba(59, 179, 228, 0.99) 100%); |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
/* ------------------------ */ |
|
/* LESS mixin for CSS arrow */ |
|
/* ------------------------ */ |
|
/* Usage |
|
* .arrow(size, color, direction, offset, border-size, border-color); |
|
*/ |
|
/* Where |
|
* Size is the with of the arrow |
|
* Color is the color of the arrow (plain color required) |
|
* Direction is the orientation of the arrow (top, right, bottom, left) |
|
* Offset is the position of the arrow on its axis (px / em) |
|
* Border-size is the width of the border if there is one (optional; default "0") |
|
* Border-color is the color of the border if there is one (optional; default "inherit"); |
|
*/ |
|
/* Extra |
|
* Drop-shadows can be used on the element to create a shadow on the arrow as well |
|
*/ |
|
.tv-tabbed-dialog { |
|
background-color: #ffffff; |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .tv-tabbed-dialog{ color: #c5cbce; } |
|
html.theme-dark .tv-tabbed-dialog{ background-color: #1c2030; } |
|
.tv-tabbed-dialog__header { |
|
display: -webkit-flex; |
|
display: flex; |
|
position: relative; |
|
padding-top: 0px; |
|
padding-left: 0px; |
|
padding-bottom: 0px; |
|
border-bottom: none !important; |
|
margin-bottom: -1px; |
|
z-index: 6; |
|
} |
|
.tv-tabbed-dialog__bottom-border { |
|
position: absolute; |
|
left: 0; |
|
right: 0; |
|
bottom: 0; |
|
height: 1px; |
|
background-color: #dadde0; |
|
z-index: -1; |
|
} |
|
html.theme-dark .tv-tabbed-dialog__bottom-border{ background-color: #363c4e; } |
|
.tv-tabbed-dialog__tab-page { |
|
height: 100%; |
|
display: none; |
|
} |
|
.tv-tabbed-dialog__tab-page.active { |
|
overflow-y: auto; |
|
-webkit-overflow-scrolling: touch; |
|
-ms-overflow-style: -ms-autohiding-scrollbar; |
|
display: block; |
|
} |
|
.tv-tabbed-dialog__close { |
|
z-index: 6; |
|
top: 5px; |
|
} |
|
.tv-tabbed-dialog__tabs { |
|
width: 100%; |
|
-webkit-flex-shrink: 1; |
|
flex-shrink: 1; |
|
height: 53px; |
|
} |
|
.tv-tabbed-dialog__custom-controls { |
|
margin-left: 10px; |
|
-webkit-flex-shrink: 0; |
|
flex-shrink: 0; |
|
} |
|
.tv-tabbed-dialog__tabs-arrow-left:before, .tv-tabbed-dialog__tabs-arrow-right:before { |
|
content: ''; |
|
position: absolute; |
|
bottom: 1px; |
|
left: 0; |
|
right: 0; |
|
height: 1px; |
|
} |
|
.tv-tabbed-dialog__tabs-arrow-left:before { |
|
background: linear-gradient(to right, #dadde0 0%, #dadde0 85%, rgba(255, 255, 255, 0) 100%); |
|
} |
|
.tv-tabbed-dialog__tabs-arrow-right:before { |
|
background: linear-gradient(to left, #dadde0 0%, #dadde0 85%, rgba(255, 255, 255, 0) 100%); |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.tv-objects-tree-dialog__custom-controls-container { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-direction: column; |
|
flex-direction: column; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
padding-bottom: 2px; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.modal-3St4C-sr- { |
|
display: -webkit-flex; |
|
display: flex; |
|
position: fixed; |
|
visibility: hidden; |
|
top: 0; |
|
bottom: 0; |
|
right: 0; |
|
left: 0; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
-webkit-transform: translateZ(0); |
|
transform: translateZ(0); |
|
} |
|
.backdrop-37dtOKR8- { |
|
position: absolute; |
|
top: 0; |
|
bottom: 0; |
|
right: 0; |
|
left: 0; |
|
background-color: #2a2c39; |
|
-webkit-transform: translateZ(0); |
|
transform: translateZ(0); |
|
opacity: 0.5; |
|
} |
|
.backdrop-37dtOKR8-.animated-3MXxj0QT- { |
|
opacity: 0; |
|
} |
|
.notAnimated-2Wxm0Nli- { |
|
visibility: visible; |
|
} |
|
.animated-3MXxj0QT- { |
|
visibility: hidden; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.modal-C2LSTwhC- { |
|
position: relative; |
|
min-width: 320px; |
|
} |
|
.content-tr28wPlV- { |
|
position: relative; |
|
} |
|
.form-2GifjSKe- .copyForm-1HuPoKA0- { |
|
position: relative; |
|
} |
|
.form-2GifjSKe- .copyForm-1HuPoKA0- .copyBtn-1oB8tEqo- { |
|
position: absolute; |
|
top: 0; |
|
right: 0; |
|
font-weight: bold; |
|
background: #ffffff; |
|
border-radius: 2px; |
|
} |
|
html.theme-dark .form-2GifjSKe- .copyForm-1HuPoKA0- .copyBtn-1oB8tEqo-{ background: #1c2030; } |
|
.form-2GifjSKe- .copyForm-1HuPoKA0- .shadow-2JTdO0Fb- { |
|
box-shadow: 0 0 0 0 #ffffff, -8px 0 10px -3px #ffffff; |
|
} |
|
html.theme-dark .form-2GifjSKe- .copyForm-1HuPoKA0- .shadow-2JTdO0Fb-{ box-shadow: 0 0 0 0 #1c2030, -8px 0 10px -3px #1c2030; } |
|
.form-2GifjSKe- .actions-3fKk-h7d- { |
|
display: block; |
|
padding-top: 25px; |
|
} |
|
.form-2GifjSKe- .link-1alPBTTQ- { |
|
display: block; |
|
float: left; |
|
font-weight: bold; |
|
font-size: 14px; |
|
cursor: pointer; |
|
color: #757575; |
|
fill: #757575; |
|
} |
|
html.theme-dark .form-2GifjSKe- .link-1alPBTTQ-{ fill: #758696; } |
|
html.theme-dark .form-2GifjSKe- .link-1alPBTTQ-{ color: #758696; } |
|
.form-2GifjSKe- .link-1alPBTTQ- svg { |
|
width: 22px; |
|
height: 14px; |
|
position: relative; |
|
top: 2px; |
|
padding-right: 8px; |
|
} |
|
.feature-no-touch .form-2GifjSKe- .link-1alPBTTQ-:hover { |
|
color: #38acdb; |
|
fill: #38acdb; |
|
} |
|
.form-2GifjSKe- .socials-rht5Uvp-- { |
|
display: block; |
|
float: right; |
|
font-weight: bold; |
|
font-size: 14px; |
|
cursor: pointer; |
|
color: #3bb3e4; |
|
fill: #3bb3e4; |
|
} |
|
.form-2GifjSKe- .socials-rht5Uvp-- svg { |
|
width: 18px; |
|
height: 14px; |
|
position: relative; |
|
top: 2px; |
|
padding-right: 8px; |
|
} |
|
.feature-no-touch .form-2GifjSKe- .socials-rht5Uvp--:hover { |
|
color: #38acdb; |
|
fill: #38acdb; |
|
} |
|
|
|
/* |
|
* TODO: move it to css/blocks/tv-chart-events-source.less after release TV-4884 |
|
*/ |
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.tv-chart-events-source__tooltip { |
|
pointer-events: none; |
|
} |
|
.tv-chart-events-source__tooltip--clickable { |
|
pointer-events: all; |
|
} |
|
.tv-chart-events-source__tooltip__content { |
|
font-size: 9pt; |
|
line-height: normal; |
|
cursor: default; |
|
} |
|
.tv-chart-events-source__tooltip__item { |
|
margin-top: 6pt; |
|
border: 0; |
|
border-left: solid #ffc84a 6px; |
|
border-radius: 2px; |
|
background: #ffffff; |
|
padding: 15px 20px 15px 20px; |
|
box-shadow: rgba(0, 0, 0, 0.25) 0 2px 7px; |
|
} |
|
html.theme-dark .tv-chart-events-source__tooltip__item{ box-shadow: rgba(107, 121, 136, 0.25) 0 2px 7px; } |
|
html.theme-dark .tv-chart-events-source__tooltip__item{ background: #131722; } |
|
.tv-chart-events-source__tooltip__item--importance-normal { |
|
background: white; |
|
border-left-color: #f89e30; |
|
} |
|
.tv-chart-events-source__tooltip__item--importance-high { |
|
background: white; |
|
border-left-color: #ff4a68; |
|
} |
|
.tv-chart-events-source__tooltip__item--importance-earnings { |
|
background: white; |
|
border-left-color: #ff4d6a; |
|
} |
|
.tv-chart-events-source__tooltip__item--importance-splits { |
|
background: white; |
|
border-left-color: #007f0e; |
|
} |
|
.tv-chart-events-source__tooltip__item--importance-dividends { |
|
background: white; |
|
border-left-color: #0496ff; |
|
} |
|
.tv-chart-events-source__tooltip__item--importance-none { |
|
border-left-width: 1px; |
|
border-left-color: #dadde0; |
|
} |
|
html.theme-dark .tv-chart-events-source__tooltip__item--importance-none{ border-left-color: #363c4e; } |
|
.tv-chart-events-source__tooltip__item--importance-list { |
|
border-left-width: 1px; |
|
border-left-color: #dadde0; |
|
padding: 15px 20px 15px 25px; |
|
font-size: 10pt; |
|
} |
|
html.theme-dark .tv-chart-events-source__tooltip__item--importance-list{ border-left-color: #363c4e; } |
|
.tv-chart-events-source__tooltip__item--importance-list dl:before { |
|
margin-right: 5px; |
|
position: absolute; |
|
left: 15px; |
|
} |
|
.tv-chart-events-source__tooltip__item--importance-list dl.list-item:not(:first-child) { |
|
margin-top: 12px; |
|
} |
|
.tv-chart-events-source__tooltip__item--importance-list dl.list-item:before { |
|
content: '\2022'; |
|
} |
|
.tv-chart-events-source__tooltip__item dl { |
|
margin: 0; |
|
color: #666666; |
|
line-height: 1.5; |
|
} |
|
html.theme-dark .tv-chart-events-source__tooltip__item dl{ color: #758696; } |
|
.tv-chart-events-source__tooltip__item dl.actual { |
|
color: #000000; |
|
} |
|
html.theme-dark .tv-chart-events-source__tooltip__item dl.actual{ color: #9db2bd; } |
|
.tv-chart-events-source__tooltip__item dt, .tv-chart-events-source__tooltip__item dd { |
|
margin: 0; |
|
display: inline; |
|
} |
|
.tv-chart-events-source__tooltip__item h2 { |
|
font-size: 9pt; |
|
margin: 0 0 4pt; |
|
} |
|
.tv-chart-events-source__tooltip__item a, .feature-no-touch .tv-chart-events-source__tooltip__item a:hover, .feature-no-touch .tv-chart-events-source__tooltip__item a:active,.feature-touch .tv-chart-events-source__tooltip__item a:active, .tv-chart-events-source__tooltip__item a:visited { |
|
color: #3bb3e4; |
|
cursor: pointer; |
|
} |
|
|
|
/** |
|
* Input |
|
*/ |
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.tv-control-input { |
|
display: block; |
|
padding: 0 12px; |
|
width: 100%; |
|
height: 34px; |
|
font-size: 13px; |
|
color: #4a4a4a; |
|
border-color: #dadde0; |
|
border-style: solid; |
|
border-width: 1px; |
|
background-color: #ffffff; |
|
border-radius: 2px; |
|
box-sizing: border-box; |
|
-webkit-tap-highlight-color: transparent; |
|
transition: border-color ease 0.35s, background-color ease 0.35s; |
|
} |
|
html.theme-dark .tv-control-input{ background-color: #1c2030; } |
|
html.theme-dark .tv-control-input{ border-color: #363c4e; } |
|
html.theme-dark .tv-control-input{ color: #c5cbce; } |
|
.tv-control-input::-webkit-input-placeholder { |
|
color: #adaeb0; |
|
opacity: 1; |
|
} |
|
.tv-control-input:-ms-input-placeholder { |
|
color: #adaeb0; |
|
opacity: 1; |
|
} |
|
.tv-control-input::-ms-input-placeholder { |
|
color: #adaeb0; |
|
opacity: 1; |
|
} |
|
.tv-control-input::placeholder { |
|
color: #adaeb0; |
|
opacity: 1; |
|
} |
|
html.theme-dark .tv-control-input::-webkit-input-placeholder{ color: #4f5966; } |
|
html.theme-dark .tv-control-input:-ms-input-placeholder{ color: #4f5966; } |
|
html.theme-dark .tv-control-input::-ms-input-placeholder{ color: #4f5966; } |
|
html.theme-dark .tv-control-input::placeholder{ color: #4f5966; } |
|
.tv-control-input:-webkit-autofill { |
|
-webkit-text-fill-color: #535353 !important; |
|
box-shadow: 0 0 0 1000px #ffffff inset !important; |
|
} |
|
.tv-control-input--size_xsmall { |
|
height: 19px; |
|
} |
|
.tv-control-input--size_small { |
|
height: 27px; |
|
} |
|
.tv-control-input--size_large { |
|
height: 48px; |
|
} |
|
.tv-control-input--connect { |
|
border-left: 0; |
|
border-right: 0; |
|
border-radius: 0; |
|
} |
|
.tv-control-input--connect_left { |
|
border-left: none; |
|
border-top-left-radius: 0; |
|
border-bottom-left-radius: 0; |
|
} |
|
.tv-control-input--connect_right { |
|
border-right: none; |
|
border-top-right-radius: 0; |
|
border-bottom-right-radius: 0; |
|
} |
|
.tv-control-input--connect_right#id_username { |
|
/*!rtl:raw: |
|
direction: ltr; |
|
text-align: right; |
|
*/ |
|
} |
|
.feature-no-touch .tv-control-input:hover { |
|
border-color: #c8c8c8; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .tv-control-input:hover{ border-color: #4c525e; } |
|
.feature-no-touch .tv-control-input:focus,.feature-touch .tv-control-input:focus { |
|
border-color: #3bb3e4 !important; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-control-input[readonly] { |
|
color: #8a8a8a; |
|
border-color: #dadde0; |
|
} |
|
.feature-no-touch .tv-control-input[readonly]:hover, .feature-no-touch .tv-control-input[readonly]:focus,.feature-touch .tv-control-input[readonly]:focus { |
|
border-color: #dadde0; |
|
} |
|
.tv-control-input--readonly_dark, .tv-control-input--readonly_dark[readonly] { |
|
color: #555555; |
|
} |
|
html.theme-dark .tv-control-input--readonly_dark, html.theme-dark .tv-control-input--readonly_dark[readonly]{ color: #4c525e; } |
|
.tv-control-input[disabled], .tv-control-input.i-disabled { |
|
color: #ececec !important; |
|
border-color: #ececec !important; |
|
} |
|
html.theme-dark .tv-control-input[disabled], html.theme-dark .tv-control-input.i-disabled{ border-color: #262b3e !important; } |
|
html.theme-dark .tv-control-input[disabled], html.theme-dark .tv-control-input.i-disabled{ color: #262b3e !important; } |
|
.tv-control-input[disabled]::-webkit-input-placeholder, .tv-control-input.i-disabled::-webkit-input-placeholder { |
|
color: #ececec !important; |
|
} |
|
.tv-control-input[disabled]:-ms-input-placeholder, .tv-control-input.i-disabled:-ms-input-placeholder { |
|
color: #ececec !important; |
|
} |
|
.tv-control-input[disabled]::-ms-input-placeholder, .tv-control-input.i-disabled::-ms-input-placeholder { |
|
color: #ececec !important; |
|
} |
|
.tv-control-input[disabled]::placeholder, .tv-control-input.i-disabled::placeholder { |
|
color: #ececec !important; |
|
} |
|
html.theme-dark .tv-control-input[disabled]::-webkit-input-placeholder, html.theme-dark .tv-control-input.i-disabled::-webkit-input-placeholder{ color: #262b3e !important; } |
|
html.theme-dark .tv-control-input[disabled]:-ms-input-placeholder, html.theme-dark .tv-control-input.i-disabled:-ms-input-placeholder{ color: #262b3e !important; } |
|
html.theme-dark .tv-control-input[disabled]::-ms-input-placeholder, html.theme-dark .tv-control-input.i-disabled::-ms-input-placeholder{ color: #262b3e !important; } |
|
html.theme-dark .tv-control-input[disabled]::placeholder, html.theme-dark .tv-control-input.i-disabled::placeholder{ color: #262b3e !important; } |
|
.feature-no-touch .tv-control-input[disabled]:hover, .feature-no-touch .tv-control-input.i-disabled:hover { |
|
border-color: #ececec !important; |
|
} |
|
html.feature-no-touch.theme-dark .tv-control-input[disabled]:hover, html.feature-no-touch.theme-dark .tv-control-input.i-disabled:hover{ border-color: #262b3e !important; } |
|
.tv-control-input.i-error { |
|
border-color: #ff4a68 !important; |
|
} |
|
.feature-no-touch .tv-control-input.i-error:hover { |
|
border-color: #f24965 !important; |
|
} |
|
.feature-no-touch .tv-control-input.i-error:focus,.feature-touch .tv-control-input.i-error:focus { |
|
border-color: #ff173e !important; |
|
} |
|
.tv-control-input.i-success { |
|
border-color: #3cbc98 !important; |
|
} |
|
.feature-no-touch .tv-control-input.i-success:hover { |
|
border-color: #38b395 !important; |
|
} |
|
.feature-no-touch .tv-control-input.i-success:focus,.feature-touch .tv-control-input.i-success:focus { |
|
border-color: #00a97f !important; |
|
} |
|
.tv-control-input--phone { |
|
/*!rtl:ignore*/ |
|
direction: ltr; |
|
text-align: left; |
|
} |
|
.tv-control-input--file { |
|
display: none; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.tv-compare-tab__predefines { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-flex-wrap: wrap; |
|
flex-wrap: wrap; |
|
} |
|
.tv-compare-tab__predefine-cell { |
|
width: 50%; |
|
margin-top: 20px; |
|
} |
|
.tv-compare-tab__checkbox-label { |
|
font-size: 13px; |
|
} |
|
.tv-compare-tab__checkbox-box:after { |
|
border-color: #9db2bd; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.tv-add-symbol-tab__add-symbol-overlay { |
|
margin-top: 20px; |
|
} |
|
.tv-add-symbol-tab__checkbox-label { |
|
font-size: 13px; |
|
} |
|
.tv-add-symbol-tab__checkbox-box:after { |
|
border-color: #9db2bd; |
|
} |
|
|
|
.tv-compare-dialog__scroll-box { |
|
padding: 0 15px !important; |
|
} |
|
.tv-compare-dialog__tab { |
|
padding: 0 15px; |
|
} |
|
.tv-compare-dialog__tab-page { |
|
position: relative; |
|
padding: 20px 30px; |
|
} |
|
.tv-compare-dialog__tab-page input { |
|
color: #4a4a4a; |
|
background-color: #ffffff; |
|
border-color: #dadde0; |
|
} |
|
html.theme-dark .tv-compare-dialog__tab-page input{ border-color: #363c4e; } |
|
html.theme-dark .tv-compare-dialog__tab-page input{ background-color: #1c2030; } |
|
html.theme-dark .tv-compare-dialog__tab-page input{ color: #c5cbce; } |
|
.feature-no-touch .tv-compare-dialog__tab-page input:hover { |
|
border-color: #c8c8c8; |
|
} |
|
html.feature-no-touch.theme-dark .tv-compare-dialog__tab-page input:hover{ border-color: #4c525e; } |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.tv-grouped-floating-toolbar { |
|
color: #4a4a4a; |
|
} |
|
html.theme-dark .tv-grouped-floating-toolbar{ color: #c5cbce; } |
|
.tv-grouped-floating-toolbar__popup { |
|
display: -webkit-flex; |
|
display: flex; |
|
position: absolute; |
|
top: 100%; |
|
opacity: 0; |
|
border-radius: 0 0 1px 1px; |
|
border-radius: 3px; |
|
background-color: #ffffff; |
|
box-shadow: rgba(107, 121, 136, 0.4) 0 2px 4px 0; |
|
transition: opacity ease 0.35s; |
|
} |
|
html.theme-dark .tv-grouped-floating-toolbar__popup{ background-color: #1c2030; } |
|
html.theme-dark .tv-grouped-floating-toolbar__popup { |
|
box-shadow: #000000 0 2px 4px 0; |
|
} |
|
.tv-grouped-floating-toolbar__popup.i-opened { |
|
opacity: 1; |
|
transition-duration: 0.11666667s; |
|
} |
|
.tv-grouped-floating-toolbar__popup--at-top { |
|
top: calc(-100% - 2px); |
|
border-radius: 1px 1px 0 0; |
|
box-shadow: rgba(0, 0, 0, 0.15) 0px -5px 10px -5px; |
|
} |
|
.tv-grouped-floating-toolbar__popup--at-left { |
|
left: 0; |
|
border-radius: 1px 0 0 1px; |
|
-webkit-transform: translateX(-100%); |
|
transform: translateX(-100%); |
|
} |
|
.tv-grouped-floating-toolbar.i-vertical .tv-grouped-floating-toolbar__popup:not(.tv-grouped-floating-toolbar__popup--at-left) { |
|
left: 100%; |
|
border-radius: 0 1px 1px 0; |
|
} |
|
.tv-grouped-floating-toolbar__sub-widget { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
opacity: 0; |
|
cursor: pointer; |
|
transition: background-color ease 0.35s, opacity ease 0.35s; |
|
} |
|
.feature-no-touch .tv-grouped-floating-toolbar__sub-widget:hover, .tv-grouped-floating-toolbar__sub-widget--current { |
|
background-color: #f1f3f6; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .tv-grouped-floating-toolbar__sub-widget:hover, html.theme-dark .tv-grouped-floating-toolbar__sub-widget--current{ background-color: #2f3241; } |
|
.feature-no-touch .tv-grouped-floating-toolbar__sub-widget:active,.feature-touch .tv-grouped-floating-toolbar__sub-widget:active { |
|
background-color: #eaecef; |
|
transition-duration: 0.06s; |
|
} |
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-9, .tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-9 { |
|
transition-delay: 0s, 0.2422s; |
|
} |
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-8, .tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-8 { |
|
transition-delay: 0s, 0.20055s; |
|
} |
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-7, .tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-7 { |
|
transition-delay: 0s, 0.1638s; |
|
} |
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-6, .tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-6 { |
|
transition-delay: 0s, 0.13195s; |
|
} |
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-5, .tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-5 { |
|
transition-delay: 0s, 0.105s; |
|
} |
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-4, .tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-4 { |
|
transition-delay: 0s, 0.08295s; |
|
} |
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-3, .tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-3 { |
|
transition-delay: 0s, 0.0658s; |
|
} |
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-2, .tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-2 { |
|
transition-delay: 0s, 0.05355s; |
|
} |
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-1, .tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-1 { |
|
transition-delay: 0s, 0.0462s; |
|
} |
|
.tv-grouped-floating-toolbar__sub-widget--slide-right-0, .tv-grouped-floating-toolbar__popup--at-left .tv-grouped-floating-toolbar__sub-widget--slide-left-0 { |
|
transition-delay: 0s, 0.04375s; |
|
} |
|
.tv-grouped-floating-toolbar__popup.i-opened .tv-grouped-floating-toolbar__sub-widget { |
|
opacity: 1; |
|
} |
|
.tv-grouped-floating-toolbar__sub-widget:not(:first-child) { |
|
border-left: 1px solid; |
|
border-left-color: #dadde0; |
|
} |
|
html.theme-dark .tv-grouped-floating-toolbar__sub-widget:not(:first-child){ border-left-color: #363c4e; } |
|
.tv-grouped-floating-toolbar__widget-wrapper { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
-webkit-flex-grow: 1; |
|
flex-grow: 1; |
|
cursor: pointer; |
|
background-color: #ffffff; |
|
transition: background-color ease 0.35s; |
|
} |
|
html.theme-dark .tv-grouped-floating-toolbar__widget-wrapper{ background-color: #1c2030; } |
|
.feature-no-touch .tv-grouped-floating-toolbar__widget-wrapper:hover, .tv-grouped-floating-toolbar__widget-wrapper.i-dropped { |
|
background-color: #f1f3f6; |
|
transition-duration: 0.06s; |
|
} |
|
html.feature-no-touch.theme-dark .tv-grouped-floating-toolbar__widget-wrapper:hover, html.theme-dark .tv-grouped-floating-toolbar__widget-wrapper.i-dropped{ background-color: #2f3241; } |
|
.tv-grouped-floating-toolbar__widget-wrapper.i-disabled { |
|
cursor: default; |
|
color: #adaeb0; |
|
} |
|
.feature-no-touch .tv-grouped-floating-toolbar__widget-wrapper.i-disabled:hover { |
|
background-color: white; |
|
} |
|
.feature-no-touch .tv-grouped-floating-toolbar__widget-wrapper:active,.feature-touch .tv-grouped-floating-toolbar__widget-wrapper:active { |
|
background-color: #eaecef; |
|
transition-duration: 0.06s; |
|
} |
|
|
|
/** |
|
* |
|
* Color variables naming guide |
|
* Simplified BEM-like style: |
|
* |
|
* _________________ 1. namespace (required) |
|
* | ___________ 2. color name (required) |
|
* | | ______ 3. modifier (optional) |
|
* | | | _ 4. lighness (optional) |
|
* | | | | |
|
* @color-brand-dark-120 |
|
* |
|
* 1. Avoiding crossing with another variables, better autocomplete |
|
* 2. Base color name (better to avoid real color name, use what it means instead) |
|
* 3. Significant color tweak |
|
* 4. For more flexible adjustments |
|
* |
|
* NOTE: some of this colors copied in style-vars.ts |
|
* |
|
*/ |
|
/** |
|
* Transitions variables and mixins |
|
*/ |
|
.tv-linetool-properties-toolbar__button { |
|
display: -webkit-flex; |
|
display: flex; |
|
-webkit-align-items: center; |
|
align-items: center; |
|
-webkit-justify-content: center; |
|
justify-content: center; |
|
-webkit-flex-grow: 1; |
|
flex-grow: 1; |
|
cursor: pointer; |
|
transition: background-color ease 0.35s; |
|
} |
|
.feature-no-touch .tv-linetool-properties-toolbar__button:hover, .tv-linetool-properties-toolbar__button.i-dropped { |
|
background-color: #f1f3f6; |
|
} |
|
html.feature-no-touch.theme-dark .tv-linetool-properties-toolbar__button:hover, html.theme-dark .tv-linetool-properties-toolbar__button.i-dropped{ background-color: #2f3241; } |
|
.feature-no-touch .tv-linetool-properties-toolbar__button:active,.feature-touch .tv-linetool-properties-toolbar__button:active { |
|
background-color: #eaecef; |
|
} |
|
html.feature-no-touch.theme-dark .tv-linetool-properties-toolbar__button:active,html.feature-touch.theme-dark .tv-linetool-properties-toolbar__button:active{ background-color: #2f3241; } |
|
.feature-no-touch .tv-linetool-properties-toolbar__button:hover, .feature-no-touch .tv-linetool-properties-toolbar__button:active,.feature-touch .tv-linetool-properties-toolbar__button:active { |
|
transition-duration: 0.06s; |
|
} |
|
.tv-linetool-properties-toolbar__button.i-active { |
|
background-color: #f1f3f6; |
|
} |
|
html.theme-dark .tv-linetool-properties-toolbar__button.i-active{ background-color: #262b3e; } |
|
.feature-no-touch .tv-linetool-properties-toolbar__button.i-active:hover { |
|
background-color: #e8ebf0; |
|
} |
|
.feature-no-touch .tv-linetool-properties-toolbar__button.i-active:active,.feature-touch .tv-linetool-properties-toolbar__button.i-active:active { |
|
background-color: #dee3ea; |
|
} |
|
.tv-linetool-properties-toolbar__button, .tv-linetool-properties-toolbar__sub-widget, .tv-linetool-properties-toolbar__grouped-button { |
|
min-width: 38px; |
|
min-height: 38px; |
|
} |
|
.tv-linetool-properties-toolbar__text { |
|
transition: color ease 0.35s; |
|
} |
|
.tv-linetool-properties-toolbar__icon { |
|
display: -webkit-flex; |
|
display: flex; |
|
} |
|
.tv-linetool-properties-toolbar__icon svg { |
|
width: 16px; |
|
height: 16px; |
|
fill: #758696; |
|
transition: fill ease 0.35s, stroke ease 0.35s; |
|
} |
|
.i-active .tv-linetool-properties-toolbar__icon svg { |
|
fill: #3bb3e4; |
|
} |
|
.tv-linetool-properties-toolbar__icon--line-props svg { |
|
width: 22px; |
|
height: 6px; |
|
} |
|
.feature-no-touch .tv-linetool-properties-toolbar__button:hover .tv-linetool-properties-toolbar__icon svg, .feature-no-touch .tv-linetool-properties-toolbar__button:active .tv-linetool-properties-toolbar__icon svg,.feature-touch .tv-linetool-properties-toolbar__button:active .tv-linetool-properties-toolbar__icon svg { |
|
transition-duration: 0.06s; |
|
} |
|
.tv-linetool-properties-toolbar__color-picker { |
|
height: 38px !important; |
|
width: 38px !important; |
|
cursor: pointer; |
|
} |
|
.tv-linetool-properties-toolbar__color-picker .tvcolorpicker-transparency { |
|
width: 38px !important; |
|
height: 4px !important; |
|
bottom: 5px; |
|
} |
|
.tv-linetool-properties-toolbar__color-picker .colorpicker-widget { |
|
border-color: #c9cbcd; |
|
border: 0px !important; |
|
width: 34px; |
|
height: 34px; |
|
padding: 2px; |
|
z-index: 10; |
|
position: relative !important; |
|
} |
|
.tv-linetool-properties-toolbar__color-picker .colorpicker-widget + svg { |
|
position: absolute; |
|
top: 0; |
|
left: 0; |
|
width: 38px; |
|
height: 38px; |
|
z-index: 40; |
|
} |
|
.tv-linetool-properties-toolbar__color-picker .colorpicker-widget + svg .bg { |
|
fill: #ffffff; |
|
transition: fill ease 0.35s; |
|
} |
|
html.theme-dark .tv-linetool-properties-toolbar__color-picker .colorpicker-widget + svg .bg{ fill: #1c2030; } |
|
.tv-linetool-properties-toolbar__color-picker .colorpicker-widget + svg .icon { |
|
fill: #758696; |
|
transition: fill ease 0.35s; |
|
} |
|
.feature-no-touch .tv-linetool-properties-toolbar__color-picker .colorpicker-widget + svg:hover .bg { |
|
fill: #f1f3f6; |
|
} |
|
html.feature-no-touch.theme-dark .tv-linetool-properties-toolbar__color-picker .colorpicker-widget + svg:hover .bg{ fill: #2f3241; } |
|
.tv-linetool-properties-toolbar__color-picker .colorpicker-widget.i-active + svg .bg { |
|
fill: #f1f3f6; |
|
}
|
|
|