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.
17311 lines
525 KiB
17311 lines
525 KiB
5 years ago
|
|
||
|
|
/* ------------------------ */
|
||
|
|
/* 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-right: 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: right !important;
|
||
|
|
}
|
||
|
|
.i-align_right {
|
||
|
|
text-align: left !important;
|
||
|
|
}
|
||
|
|
.i-align_center {
|
||
|
|
text-align: center !important;
|
||
|
|
}
|
||
|
|
.i-float_left {
|
||
|
|
float: right !important;
|
||
|
|
}
|
||
|
|
.i-float_right {
|
||
|
|
float: left !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-right: -20px;
|
||
|
|
margin-left: -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: right;
|
||
|
|
position: static;
|
||
|
|
height: 100%;
|
||
|
|
overflow-x: visible;
|
||
|
|
overflow-y: hidden;
|
||
|
|
}
|
||
|
|
.tv-main-panel {
|
||
|
|
position: relative;
|
||
|
|
background-color: #f1f3f6;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
.tv-side-panel {
|
||
|
|
float: left;
|
||
|
|
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: left !important;
|
||
|
|
}
|
||
|
|
.tv-left {
|
||
|
|
float: right !important;
|
||
|
|
}
|
||
|
|
#_atssh {
|
||
|
|
position: absolute;
|
||
|
|
margin-top: -20px;
|
||
|
|
}
|
||
|
|
/* for popup indent */
|
||
|
|
.js-right-boundary {
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
/* Icons */
|
||
|
|
.icon {
|
||
|
|
display: inline-block;
|
||
|
|
background: url('../images/icons.png') 100% 0 no-repeat;
|
||
|
|
position: relative;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
/* Legacy Buttons */
|
||
|
|
._tv-button .icon-dropdown {
|
||
|
|
position: relative;
|
||
|
|
right: 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-right: 0;
|
||
|
|
padding-left: 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: 100% 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') 100% 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: 100% -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') 100% 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: 100% -78px;
|
||
|
|
opacity: 0.7;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
.feature-no-touch ._tv-button.disabled:hover {
|
||
|
|
background-position: 100% -78px;
|
||
|
|
}
|
||
|
|
.feature-no-touch ._tv-button.disabled:active,.feature-touch ._tv-button.disabled:active {
|
||
|
|
background-position: 100% -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: 100% -26px;
|
||
|
|
}
|
||
|
|
._tv-button.half-left {
|
||
|
|
border-radius: 0 3px 3px 0;
|
||
|
|
border-left: none;
|
||
|
|
}
|
||
|
|
._tv-button.half-right {
|
||
|
|
border-radius: 3px 0 0 3px;
|
||
|
|
}
|
||
|
|
._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') 100% 0 repeat;
|
||
|
|
}
|
||
|
|
html.theme-dark ._tv-button.process {
|
||
|
|
background: url('../images/bar-loader-dark.gif') 100% 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-right: 2px;
|
||
|
|
}
|
||
|
|
._tv-button.with-arrow.arrow-left:after, ._tv-button.with-arrow.arrow-left:before {
|
||
|
|
left: 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-left-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-left-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-left-color: #e3e7e9;
|
||
|
|
margin-left: -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 10px 0 23px;
|
||
|
|
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;
|
||
|
|
left: 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 10px 0 20px;
|
||
|
|
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: right;
|
||
|
|
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 0 3px 5px;
|
||
|
|
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-right: 3px solid #5cb888;
|
||
|
|
padding-right: 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 10px 7px 0;
|
||
|
|
}
|
||
|
|
.tv-unstyled-select-container .sbOptions .sbGroup, .tv-select-container .sbOptions .sbGroup {
|
||
|
|
display: block;
|
||
|
|
font-weight: bold;
|
||
|
|
padding: 7px 3px 7px 0;
|
||
|
|
}
|
||
|
|
.tv-unstyled-select-container .sbOptions .sbSub, .tv-select-container .sbOptions .sbSub {
|
||
|
|
padding-right: 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;
|
||
|
|
direction: ltr;
|
||
|
|
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;
|
||
|
|
right: 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;
|
||
|
|
right: 0;
|
||
|
|
left: 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;
|
||
|
|
left: 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%;
|
||
|
|
right: 50%;
|
||
|
|
margin: -5px -5px 0 0;
|
||
|
|
}
|
||
|
|
.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;
|
||
|
|
right: 0;
|
||
|
|
z-index: 150;
|
||
|
|
background: #ffffff;
|
||
|
|
}
|
||
|
|
.loading-indicator img {
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
right: 50%;
|
||
|
|
margin: -58px -58px 0 0;
|
||
|
|
}
|
||
|
|
.loading-indicator img.small {
|
||
|
|
margin: -12px -12px 0 0;
|
||
|
|
}
|
||
|
|
.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-right: -7px !important;
|
||
|
|
}
|
||
|
|
.ui-slider-horizontal.linewidth-slider {
|
||
|
|
width: 101px;
|
||
|
|
margin: 7px 10px;
|
||
|
|
background: url('../images/dialogs/linewidth-slider.png') 100% 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;
|
||
|
|
right: 0 !important;
|
||
|
|
margin-right: 15px;
|
||
|
|
margin-left: 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) 100% 0 no-repeat !important;
|
||
|
|
top: 50% !important;
|
||
|
|
margin: -10px -10px 0 0 !important;
|
||
|
|
}
|
||
|
|
.ui-slider-horizontal.transparency-slider .gradient {
|
||
|
|
width: 92%;
|
||
|
|
height: 100%;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
background: linear-gradient(to left, 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') 100% 0 no-repeat !important;
|
||
|
|
top: 50% !important;
|
||
|
|
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 {
|
||
|
|
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;
|
||
|
|
right: 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 22px 10px 128px;
|
||
|
|
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: left;
|
||
|
|
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;
|
||
|
|
left: 0;
|
||
|
|
top: -18px;
|
||
|
|
height: 18px;
|
||
|
|
line-height: 18px;
|
||
|
|
padding: 0 11px;
|
||
|
|
color: #5cbfe7;
|
||
|
|
font-size: 11px;
|
||
|
|
border-top-left-radius: 5px;
|
||
|
|
border-top-right-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;
|
||
|
|
right: 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-left: 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;
|
||
|
|
right: 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;
|
||
|
|
left: 50%;
|
||
|
|
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-right: 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 20px 17px 35px;
|
||
|
|
cursor: default;
|
||
|
|
word-wrap: break-word;
|
||
|
|
}
|
||
|
|
html.theme-dark ._tv-dialog-title{ color: #d6d8e0; }
|
||
|
|
._tv-dialog-title._tv-dialog-title-no-close {
|
||
|
|
padding-left: 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;
|
||
|
|
left: 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;
|
||
|
|
right: 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: left;
|
||
|
|
}
|
||
|
|
._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-right: 0;
|
||
|
|
}
|
||
|
|
._tv-dialog-content .main-properties td:last-child {
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
._tv-dialog-content .main-properties .percents-label {
|
||
|
|
position: relative;
|
||
|
|
top: 5px;
|
||
|
|
right: 5px;
|
||
|
|
}
|
||
|
|
._tv-dialog-content .main-browser-extension {
|
||
|
|
padding: 40px 52px 40px 70px;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
._tv-dialog-content .main-browser-extension .extension-poster {
|
||
|
|
width: 328px;
|
||
|
|
height: 377px;
|
||
|
|
background: url('../images/dialogs/browser-extension/demo.png') 100% 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: right;
|
||
|
|
padding: 32px 46px 0 0;
|
||
|
|
}
|
||
|
|
._tv-dialog-content .main-browser-extension .right {
|
||
|
|
float: left;
|
||
|
|
padding: 51px 44px 0 70px;
|
||
|
|
}
|
||
|
|
._tv-dialog-content .main-browser-extension .logo {
|
||
|
|
float: right;
|
||
|
|
width: 36px;
|
||
|
|
height: 36px;
|
||
|
|
background-size: 36px 36px;
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
._tv-dialog-content .main-browser-extension .logo.chrome {
|
||
|
|
background: url('../images/svg/google-chrome-logo.svg') 100% 0;
|
||
|
|
}
|
||
|
|
._tv-dialog-content .main-browser-extension .name, ._tv-dialog-content .main-browser-extension .info {
|
||
|
|
float: right;
|
||
|
|
clear: left;
|
||
|
|
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;
|
||
|
|
right: 2px;
|
||
|
|
background: url('../images/dialogs/checkbox.png') 100% 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: 100% -32px;
|
||
|
|
}
|
||
|
|
._tv-dialog-content ._tv-dialog-checkbox-mask-active {
|
||
|
|
background: url('../images/dialogs/checkbox.png') 100% -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: right;
|
||
|
|
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: right;
|
||
|
|
}
|
||
|
|
._tv-dialog-content .caption-big-center.slim ul {
|
||
|
|
padding-right: 20px;
|
||
|
|
}
|
||
|
|
._tv-dialog-content .caption-big.slim {
|
||
|
|
margin: 0;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
._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-right: 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;
|
||
|
|
left: 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: left;
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
._tv-dialog-content .dialog-comment {
|
||
|
|
float: right;
|
||
|
|
margin-top: 15px;
|
||
|
|
}
|
||
|
|
._tv-dialog-content .dialog-buttons a {
|
||
|
|
margin: 0 5px 0 0;
|
||
|
|
min-width: 50px;
|
||
|
|
text-align: center;
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
._tv-dialog-content .dialog-buttons a.tv-left {
|
||
|
|
margin: 0 0 0 5px;
|
||
|
|
}
|
||
|
|
._tv-dialog .ui-resizable-handle {
|
||
|
|
width: 11px;
|
||
|
|
height: 11px;
|
||
|
|
background: url('../images/dialogs/resize-handle.png') 100% 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: right;
|
||
|
|
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;
|
||
|
|
right: 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-left: 10px;
|
||
|
|
}
|
||
|
|
._tv-dialog-charting-library .big-buttons {
|
||
|
|
text-align: left;
|
||
|
|
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: 100% 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;
|
||
|
|
left: 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-right-radius: 3px;
|
||
|
|
border-top-left-radius: 3px;
|
||
|
|
}
|
||
|
|
.charts-popup-list .item:last-child {
|
||
|
|
border-bottom-right-radius: 3px;
|
||
|
|
border-bottom-left-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-right: 28px;
|
||
|
|
padding-left: 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-right: 0;
|
||
|
|
padding-left: 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: right;
|
||
|
|
border-width: 1px 0 0 1px;
|
||
|
|
}
|
||
|
|
.charts-popup-list .item .icon-external {
|
||
|
|
margin-right: 20px;
|
||
|
|
vertical-align: top;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.charts-popup-list .item .icon-external svg {
|
||
|
|
width: 10px;
|
||
|
|
height: 10px;
|
||
|
|
}
|
||
|
|
.charts-popup-list .item:last-child {
|
||
|
|
border-bottom-right-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-left: 20px;
|
||
|
|
vertical-align: top;
|
||
|
|
white-space: nowrap;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.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: right;
|
||
|
|
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-right: 28px;
|
||
|
|
}
|
||
|
|
/* delete button */
|
||
|
|
.charts-popup-list .item .icon-delete {
|
||
|
|
width: 16px;
|
||
|
|
height: 16px;
|
||
|
|
position: absolute;
|
||
|
|
top: 7px;
|
||
|
|
left: 5px;
|
||
|
|
}
|
||
|
|
.charts-popup-list .item .icon-delete svg {
|
||
|
|
display: block;
|
||
|
|
width: 12px;
|
||
|
|
height: 12px;
|
||
|
|
margin: 2px 2px 0 0;
|
||
|
|
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 0 0 5px;
|
||
|
|
vertical-align: top;
|
||
|
|
background-position: 0 0;
|
||
|
|
}
|
||
|
|
.charts-popup-list .item .icon.checked-icon svg {
|
||
|
|
position: absolute;
|
||
|
|
top: 3px;
|
||
|
|
right: 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-left: 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;
|
||
|
|
left: 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 -3px 0 5px;
|
||
|
|
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-right: 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-right: 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-right: 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;
|
||
|
|
right: 0;
|
||
|
|
left: 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-left: 2px;
|
||
|
|
margin-right: 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-right-radius: 0;
|
||
|
|
border-bottom-right-radius: 0;
|
||
|
|
}
|
||
|
|
.tv-button--connect_right {
|
||
|
|
border-top-left-radius: 0;
|
||
|
|
border-bottom-left-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-right: 4px;
|
||
|
|
padding-left: 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-right: 0;
|
||
|
|
border-left: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
.tv-control-input--connect_left {
|
||
|
|
border-right: none;
|
||
|
|
border-top-right-radius: 0;
|
||
|
|
border-bottom-right-radius: 0;
|
||
|
|
}
|
||
|
|
.tv-control-input--connect_right {
|
||
|
|
border-left: none;
|
||
|
|
border-top-left-radius: 0;
|
||
|
|
border-bottom-left-radius: 0;
|
||
|
|
}
|
||
|
|
.tv-control-input--connect_right#id_username {
|
||
|
|
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 {
|
||
|
|
direction: ltr;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.tv-control-input--file {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.bottom-widgetbar-content.backtesting .button {
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
float: right;
|
||
|
|
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: right;
|
||
|
|
background-color: #ffffff;
|
||
|
|
border-width: 1px;
|
||
|
|
border-style: solid;
|
||
|
|
border-color: #dadde0;
|
||
|
|
width: 291px;
|
||
|
|
height: 28px;
|
||
|
|
padding: 0 7px 0 0;
|
||
|
|
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%;
|
||
|
|
right: -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-right-color: transparent;
|
||
|
|
border-left-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 {
|
||
|
|
right: -12px;
|
||
|
|
margin-top: -3px;
|
||
|
|
border-top-color: transparent;
|
||
|
|
border-bottom-color: transparent;
|
||
|
|
border-width: 4px 7px 4px 0;
|
||
|
|
}
|
||
|
|
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-right: 20px;
|
||
|
|
}
|
||
|
|
table.symbol-edit-popup td:last-child {
|
||
|
|
max-width: 130px;
|
||
|
|
padding-left: 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: left;
|
||
|
|
}
|
||
|
|
.symbol-edit-popup-td.flag svg {
|
||
|
|
position: relative;
|
||
|
|
left: -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;
|
||
|
|
right: 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;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
.symbol-edit-notification .close:after {
|
||
|
|
content: ' ';
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
width: 9px;
|
||
|
|
height: 9px;
|
||
|
|
top: 6px;
|
||
|
|
right: 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-left: 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-right: 1px solid;
|
||
|
|
border-right-color: #dadde0;
|
||
|
|
}
|
||
|
|
html.theme-dark .symbol-search-dialog .symbol-block button{ border-right-color: #363c4e; }
|
||
|
|
.symbol-search-dialog .symbol-block button:first-child {
|
||
|
|
border-right: 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 34px 0 7px;
|
||
|
|
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;
|
||
|
|
right: 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-left: 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-left: 0;
|
||
|
|
}
|
||
|
|
.symbol-search-dialog .filter .exchange-filter {
|
||
|
|
margin-left: 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-right: 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-right: 20px;
|
||
|
|
}
|
||
|
|
.symbol-search-dialog .results table .symbol-edit-popup-td:last-child {
|
||
|
|
padding-left: 20px;
|
||
|
|
}
|
||
|
|
.symbol-search-dialog .results table tr:first-child .symbol-edit-popup-td {
|
||
|
|
padding-top: 12px;
|
||
|
|
}
|
||
|
|
.spread-actions {
|
||
|
|
float: left;
|
||
|
|
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: right;
|
||
|
|
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;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
left: 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: left;
|
||
|
|
}
|
||
|
|
.exchange-filter .tv-symbol-select > .flag {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
top: 2px;
|
||
|
|
left: 15px;
|
||
|
|
}
|
||
|
|
.exchange-filter-overflow {
|
||
|
|
width: 90px;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
overflow: hidden;
|
||
|
|
text-align: left;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.flagged-exchange {
|
||
|
|
margin-left: 36px;
|
||
|
|
}
|
||
|
|
.symbol-search-dialog .exchange-filter .sbSelector {
|
||
|
|
width: 90px;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
overflow: hidden;
|
||
|
|
text-align: left;
|
||
|
|
white-space: nowrap;
|
||
|
|
display: block;
|
||
|
|
width: auto;
|
||
|
|
margin: 0 15px 0 12px;
|
||
|
|
}
|
||
|
|
.symbol-search-dialog .exchange-filter .sbSelector.exchange-with-flag {
|
||
|
|
margin-left: 36px;
|
||
|
|
}
|
||
|
|
div.symbol-edit-popup .exchange-filter .sbSelector {
|
||
|
|
width: 90px;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
overflow: hidden;
|
||
|
|
text-align: left;
|
||
|
|
white-space: nowrap;
|
||
|
|
display: block;
|
||
|
|
width: auto;
|
||
|
|
margin: 0 15px 0 10px;
|
||
|
|
font-weight: bold;
|
||
|
|
font-size: 11px;
|
||
|
|
height: 13px;
|
||
|
|
}
|
||
|
|
div.symbol-edit-popup .exchange-filter .sbSelector.exchange-with-flag {
|
||
|
|
margin-left: 36px;
|
||
|
|
}
|
||
|
|
div.symbol-edit-popup .exchange-filter .sbToggle, .symbol-search-dialog .exchange-filter .sbToggle {
|
||
|
|
position: absolute;
|
||
|
|
left: 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-left: 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-left: 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-right: 5px;
|
||
|
|
cursor: default;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
div.symbol-edit-popup .tradable-filter, .symbol-search-dialog .tradable-filter {
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
.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-right: 0px;
|
||
|
|
margin-left: 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-right: 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-right: 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: left;
|
||
|
|
color: #aaaaaa;
|
||
|
|
padding: 0 10px 0 2px;
|
||
|
|
}
|
||
|
|
.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-right: 25px;
|
||
|
|
}
|
||
|
|
.checked-icon {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
.checked-icon svg {
|
||
|
|
stroke: #4a4a4a;
|
||
|
|
position: absolute;
|
||
|
|
top: 10px;
|
||
|
|
right: 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;
|
||
|
|
right: 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;
|
||
|
|
direction: ltr;
|
||
|
|
}
|
||
|
|
.chart-markup-table tr {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
td.chart-markup-table {
|
||
|
|
border: none;
|
||
|
|
text-align: right;
|
||
|
|
vertical-align: top;
|
||
|
|
line-height: 0px;
|
||
|
|
margin: 0px;
|
||
|
|
padding: 0px;
|
||
|
|
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: right;
|
||
|
|
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-right: 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-right: 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;
|
||
|
|
left: 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;
|
||
|
|
left: 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-left: 15px;
|
||
|
|
border: 1px dotted #cccccc;
|
||
|
|
cursor: help;
|
||
|
|
}
|
||
|
|
.chart-data-window .chart-data-window-item .chart-data-window-item-value {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.pane-legend {
|
||
|
|
position: absolute;
|
||
|
|
contain: content;
|
||
|
|
top: 5px;
|
||
|
|
right: 5px;
|
||
|
|
left: 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 0 0 3px;
|
||
|
|
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 0 0 3px;
|
||
|
|
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;
|
||
|
|
text-align: left;
|
||
|
|
white-space: pre-line;
|
||
|
|
cursor: pointer;
|
||
|
|
border: none;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
.pane-legend-line--without-child-studies {
|
||
|
|
padding-right: 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 {
|
||
|
|
padding-right: 85px;
|
||
|
|
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 {
|
||
|
|
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: 0;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
.pane-legend-line > span.pane-legend-line {
|
||
|
|
position: relative;
|
||
|
|
display: inline-block;
|
||
|
|
padding-left: 12px;
|
||
|
|
}
|
||
|
|
.pane-legend-line > span.pane-legend-line:not(.no-context-menu):before {
|
||
|
|
content: '';
|
||
|
|
position: absolute;
|
||
|
|
display: inline-block;
|
||
|
|
top: 50%;
|
||
|
|
left: 0;
|
||
|
|
margin-top: -2px;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 4px;
|
||
|
|
border-top-color: #c9cbcd;
|
||
|
|
border-right-color: transparent;
|
||
|
|
border-left-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;
|
||
|
|
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;
|
||
|
|
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-right: 2px;
|
||
|
|
padding-left: 10px;
|
||
|
|
}
|
||
|
|
@media screen and (max-width:767px) {
|
||
|
|
.pane-legend-item-value-wrap .pane-legend-item-value {
|
||
|
|
padding-right: 3px;
|
||
|
|
padding-left: 6px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.pane-legend-item-value-wrap .pane-legend-item-value:first-child {
|
||
|
|
padding-right: 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 {
|
||
|
|
margin-right: 5px;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.pane-legend-icon-container--separated {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.main .pane-legend-icon-container {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.pane-controls {
|
||
|
|
position: absolute;
|
||
|
|
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 3px 0 0;
|
||
|
|
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-right: 0;
|
||
|
|
}
|
||
|
|
.property-page td:last-child {
|
||
|
|
padding-left: 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 0 0 13px;
|
||
|
|
}
|
||
|
|
.property-page-bandwidth {
|
||
|
|
margin-right: 8px;
|
||
|
|
width: 55px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.property-page input[type='checkbox'] {
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.property-page td:first-child input[type='checkbox'] {
|
||
|
|
margin-right: 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 {
|
||
|
|
padding-left: 30px;
|
||
|
|
}
|
||
|
|
.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: 100% 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;
|
||
|
|
right: -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;
|
||
|
|
right: 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;
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.tvcolorpicker-vv {
|
||
|
|
position: relative;
|
||
|
|
top: 0px;
|
||
|
|
right: 145px;
|
||
|
|
width: 25px;
|
||
|
|
height: 128px;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
.tvcolorpicker-hs-handle {
|
||
|
|
width: 11px;
|
||
|
|
height: 11px;
|
||
|
|
position: absolute;
|
||
|
|
right: 0px;
|
||
|
|
top: 0px;
|
||
|
|
margin: -5px -5px 0px 0px;
|
||
|
|
background: url('../images/tvcolorpicker-sprite.png') -37px -148px no-repeat;
|
||
|
|
}
|
||
|
|
.tvcolorpicker-v-handle {
|
||
|
|
position: absolute;
|
||
|
|
right: 0px;
|
||
|
|
top: 0px;
|
||
|
|
width: 25px;
|
||
|
|
height: 11px;
|
||
|
|
margin: -5px -8px 0px 0px;
|
||
|
|
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-left: 8px;
|
||
|
|
}
|
||
|
|
.tvcolorpicker-container {
|
||
|
|
display: inline-block;
|
||
|
|
position: relative;
|
||
|
|
width: 27px;
|
||
|
|
height: 27px;
|
||
|
|
}
|
||
|
|
div .tvcolorpicker-container:last-of-type {
|
||
|
|
border-left-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-right: 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-right: 0;
|
||
|
|
}
|
||
|
|
.properties-tabs a.properties-tabs-label:last-child {
|
||
|
|
margin-left: 40px;
|
||
|
|
}
|
||
|
|
/* == Properties Tabs }= */
|
||
|
|
.chart-status-picture {
|
||
|
|
position: absolute;
|
||
|
|
right: 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-left: 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-left: 0.35em;
|
||
|
|
}
|
||
|
|
.series-status-text .text:empty, .series-status-text .status:empty, .series-status-text .market-status:empty {
|
||
|
|
margin-left: 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;
|
||
|
|
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;
|
||
|
|
right: 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: left;
|
||
|
|
margin: 1px 0 0 10px;
|
||
|
|
}
|
||
|
|
.bar-mark-tooltip {
|
||
|
|
display: none;
|
||
|
|
position: absolute;
|
||
|
|
z-index: 14;
|
||
|
|
padding: 8px 8px 8px 10px;
|
||
|
|
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-right: 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 8px 8px 30px;
|
||
|
|
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;
|
||
|
|
right: 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;
|
||
|
|
left: 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-right: 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-right: 39px;
|
||
|
|
white-space: nowrap;
|
||
|
|
line-height: 13px;
|
||
|
|
}
|
||
|
|
/* arrow */
|
||
|
|
.published-charts-tooltip:after, .published-charts-tooltip:before {
|
||
|
|
right: 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-right-color: #ffffff;
|
||
|
|
}
|
||
|
|
html.theme-dark .published-charts-tooltip:not(.right):after{ border-right-color: #131722; }
|
||
|
|
.published-charts-tooltip.right:after {
|
||
|
|
border-color: rgba(255, 255, 255, 0);
|
||
|
|
border-left-color: #ffffff;
|
||
|
|
}
|
||
|
|
html.theme-dark .published-charts-tooltip.right:after{ border-left-color: #131722; }
|
||
|
|
.published-charts-tooltip.right:before {
|
||
|
|
right: -2.2em;
|
||
|
|
}
|
||
|
|
.published-charts-tooltip.right:after {
|
||
|
|
right: -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-right-color: #78c143;
|
||
|
|
}
|
||
|
|
.published-charts-tooltip.red:before {
|
||
|
|
border-color: rgba(204, 69, 69, 0);
|
||
|
|
border-right-color: #cc4545;
|
||
|
|
}
|
||
|
|
.published-charts-tooltip.neutral:before {
|
||
|
|
border-color: rgba(234, 195, 0, 0);
|
||
|
|
border-right-color: #eac300;
|
||
|
|
}
|
||
|
|
.published-charts-tooltip.green.right:before {
|
||
|
|
border-color: rgba(120, 193, 67, 0);
|
||
|
|
border-left-color: #78c143;
|
||
|
|
}
|
||
|
|
.published-charts-tooltip.red.right:before {
|
||
|
|
border-color: rgba(204, 69, 69, 0);
|
||
|
|
border-left-color: #cc4545;
|
||
|
|
}
|
||
|
|
.published-charts-tooltip.neutral.right:before {
|
||
|
|
border-color: rgba(234, 195, 0, 0);
|
||
|
|
border-left-color: #eac300;
|
||
|
|
}
|
||
|
|
.chart-controls-bar {
|
||
|
|
position: absolute;
|
||
|
|
contain: strict;
|
||
|
|
height: 33px;
|
||
|
|
box-sizing: border-box;
|
||
|
|
width: 100%;
|
||
|
|
right: 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-right: 1px;
|
||
|
|
}
|
||
|
|
.charts-popup-list.date-range-popupmenu .item {
|
||
|
|
padding-right: 10px;
|
||
|
|
padding-left: 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;
|
||
|
|
right: -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;
|
||
|
|
right: -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;
|
||
|
|
right: 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 8px 0 12px;
|
||
|
|
}
|
||
|
|
.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-left: 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-right: -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;
|
||
|
|
left: 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;
|
||
|
|
left: 1px;
|
||
|
|
width: 6px;
|
||
|
|
height: 100%;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
.sb-scrollbar-wrap .sb-scrollbar {
|
||
|
|
left: 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-right: 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: left;
|
||
|
|
}
|
||
|
|
.symbol-list-item .last-block, .symbol-list-header .header-last {
|
||
|
|
width: 30%;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.symbol-list-header .header-last {
|
||
|
|
width: 30%;
|
||
|
|
}
|
||
|
|
.symbol-list-header .header-last span {
|
||
|
|
padding-left: 8px;
|
||
|
|
}
|
||
|
|
.symbol-list-item .last-block .last {
|
||
|
|
padding: 0 2px;
|
||
|
|
}
|
||
|
|
.symbol-list-item .change, .symbol-list-header .header-change {
|
||
|
|
width: 45%;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.symbol-list-header .header-change div {
|
||
|
|
margin: 0 0 0 3px;
|
||
|
|
}
|
||
|
|
.symbol-list-item .change .percent, .symbol-list-header .header-change div:last-child {
|
||
|
|
margin: 0 0 0 8px;
|
||
|
|
}
|
||
|
|
.symbol-list-item .change .ratio, .symbol-list-item .change .percent, .symbol-list-item .last-block .last {
|
||
|
|
display: inline-block;
|
||
|
|
direction: ltr
|
||
|
|
}
|
||
|
|
.symbol-list-item .last-block .last {
|
||
|
|
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-right: 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;
|
||
|
|
right: 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;
|
||
|
|
left: 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. */
|
||
|
|
left: 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 3px 2px 0;
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
.wl-symbol-edit {
|
||
|
|
float: right;
|
||
|
|
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-right: 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;
|
||
|
|
right: 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;
|
||
|
|
right: 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 -8px 0 0;
|
||
|
|
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;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.ui-resizable-s {
|
||
|
|
cursor: s-resize;
|
||
|
|
height: 7px;
|
||
|
|
width: 100%;
|
||
|
|
bottom: -5px;
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.ui-resizable-e {
|
||
|
|
cursor: e-resize;
|
||
|
|
width: 7px;
|
||
|
|
left: -5px;
|
||
|
|
top: 0;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.ui-resizable-w {
|
||
|
|
cursor: w-resize;
|
||
|
|
width: 7px;
|
||
|
|
right: -5px;
|
||
|
|
top: 0;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.ui-resizable-se {
|
||
|
|
cursor: sw-resize;
|
||
|
|
width: 12px;
|
||
|
|
height: 12px;
|
||
|
|
left: 1px;
|
||
|
|
bottom: 1px;
|
||
|
|
}
|
||
|
|
.ui-resizable-sw {
|
||
|
|
cursor: se-resize;
|
||
|
|
width: 9px;
|
||
|
|
height: 9px;
|
||
|
|
right: -5px;
|
||
|
|
bottom: -5px;
|
||
|
|
}
|
||
|
|
.ui-resizable-nw {
|
||
|
|
cursor: ne-resize;
|
||
|
|
width: 9px;
|
||
|
|
height: 9px;
|
||
|
|
right: -5px;
|
||
|
|
top: -5px;
|
||
|
|
}
|
||
|
|
.ui-resizable-ne {
|
||
|
|
cursor: nw-resize;
|
||
|
|
width: 9px;
|
||
|
|
height: 9px;
|
||
|
|
left: -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: right;
|
||
|
|
}
|
||
|
|
.ui-menu .ui-menu {
|
||
|
|
margin-top: -3px;
|
||
|
|
}
|
||
|
|
.ui-menu .ui-menu-item {
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
zoom: 1;
|
||
|
|
float: right;
|
||
|
|
clear: right;
|
||
|
|
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-left: .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 2.1em .4em 1em;
|
||
|
|
}
|
||
|
|
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
|
||
|
|
padding: .4em 1em .4em 2.1em;
|
||
|
|
}
|
||
|
|
.ui-button-text-icons .ui-button-text {
|
||
|
|
padding-right: 2.1em;
|
||
|
|
padding-left: 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 {
|
||
|
|
right: 50%;
|
||
|
|
margin-right: -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 {
|
||
|
|
right: .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 {
|
||
|
|
left: .5em;
|
||
|
|
}
|
||
|
|
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
|
||
|
|
left: .5em;
|
||
|
|
}
|
||
|
|
/*button sets*/
|
||
|
|
.ui-buttonset {
|
||
|
|
margin-left: 7px;
|
||
|
|
}
|
||
|
|
.ui-buttonset .ui-button {
|
||
|
|
margin-right: 0;
|
||
|
|
margin-left: -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: right;
|
||
|
|
}
|
||
|
|
.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: 100% 0;
|
||
|
|
}
|
||
|
|
.ui-slider-horizontal {
|
||
|
|
height: .8em;
|
||
|
|
}
|
||
|
|
.ui-slider-horizontal .ui-slider-handle {
|
||
|
|
top: -0.3em;
|
||
|
|
margin-right: -0.6em;
|
||
|
|
}
|
||
|
|
.ui-slider-horizontal .ui-slider-range {
|
||
|
|
top: 0;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
.ui-slider-horizontal .ui-slider-range-min {
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.ui-slider-horizontal .ui-slider-range-max {
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.ui-slider-vertical {
|
||
|
|
width: .8em;
|
||
|
|
height: 100px;
|
||
|
|
}
|
||
|
|
.ui-slider-vertical .ui-slider-handle {
|
||
|
|
right: -0.3em;
|
||
|
|
margin-right: 0;
|
||
|
|
margin-bottom: -0.6em;
|
||
|
|
}
|
||
|
|
.ui-slider-vertical .ui-slider-range {
|
||
|
|
right: 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: right;
|
||
|
|
position: relative;
|
||
|
|
top: 1px;
|
||
|
|
margin: 0 0 1px .2em;
|
||
|
|
border-bottom: 0 !important;
|
||
|
|
padding: 0;
|
||
|
|
white-space: nowrap;
|
||
|
|
}
|
||
|
|
.ui-tabs .ui-tabs-nav li a {
|
||
|
|
float: right;
|
||
|
|
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;
|
||
|
|
right: -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 {
|
||
|
|
right: 0;
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
|
||
|
|
margin-right: -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 {
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span {
|
||
|
|
margin-right: -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;
|
||
|
|
right: 50%;
|
||
|
|
margin-right: -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 0 1px 1px;
|
||
|
|
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;
|
||
|
|
left: 0;
|
||
|
|
content: " ";
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 0 0 11px 11px;
|
||
|
|
border-color: transparent transparent transparent #00badb;
|
||
|
|
}
|
||
|
|
.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-right: 0;
|
||
|
|
border-left: 0;
|
||
|
|
border-bottom: 0;
|
||
|
|
}
|
||
|
|
.ui-datepicker .ui-datepicker-buttonpane button {
|
||
|
|
float: left;
|
||
|
|
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: right;
|
||
|
|
}
|
||
|
|
/* with multiple calendars */
|
||
|
|
.ui-datepicker.ui-datepicker-multi {
|
||
|
|
width: auto;
|
||
|
|
}
|
||
|
|
.ui-datepicker-multi .ui-datepicker-group {
|
||
|
|
float: right;
|
||
|
|
}
|
||
|
|
.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-right-width: 0;
|
||
|
|
}
|
||
|
|
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
||
|
|
border-right-width: 0;
|
||
|
|
}
|
||
|
|
.ui-datepicker-multi .ui-datepicker-buttonpane {
|
||
|
|
clear: right;
|
||
|
|
}
|
||
|
|
.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-right: 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 {
|
||
|
|
right: 10px;
|
||
|
|
bottom: 25px;
|
||
|
|
width: 135px;
|
||
|
|
}
|
||
|
|
.onchart-tv-logo, .onchart-custom-logo {
|
||
|
|
right: 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-right: 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;
|
||
|
|
right: 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: left;
|
||
|
|
}
|
||
|
|
/* 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;
|
||
|
|
right: 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-left: 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-right-radius: 2px;
|
||
|
|
border-bottom-right-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-left-radius: 2px;
|
||
|
|
border-bottom-left-radius: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.common-tooltip--direction_normal-3u9ejKM2- .common-tooltip__button-1rnQgujz-:not(:last-child) {
|
||
|
|
margin-left: 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-left-radius: 2px;
|
||
|
|
border-bottom-left-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-right-radius: 2px;
|
||
|
|
border-bottom-right-radius: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.common-tooltip--direction_reversed-XN-JUTdr- .common-tooltip__button-1rnQgujz-:not(:first-child) {
|
||
|
|
margin-right: 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 {
|
||
|
|
left: 50%;
|
||
|
|
margin-left: -6px;
|
||
|
|
border-left: 6px solid;
|
||
|
|
border-left-color: transparent;
|
||
|
|
border-right: 6px solid;
|
||
|
|
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 ; }
|
||
|
|
|
||
|
|
html.theme-dark .common-tooltip__ear-holder--below-1rmzWejA-:after, html.theme-dark .common-tooltip__ear-holder--above-1D8FkNkw-:after{ border-right-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 {
|
||
|
|
right: 100%;
|
||
|
|
border-right-width: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.common-tooltip__ear-holder--after-BnAcuW1N-:after {
|
||
|
|
left: 100%;
|
||
|
|
border-left-width: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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: right;
|
||
|
|
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-right: 1px solid #4c525e;
|
||
|
|
margin-right: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.common-tooltip__hotkey-text-1eb7dyCg- {
|
||
|
|
display: -webkit-inline-flex;
|
||
|
|
display: inline-flex;
|
||
|
|
-webkit-align-items: center;
|
||
|
|
align-items: center;
|
||
|
|
margin: 3px 8px 3px 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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-right: 6px solid;
|
||
|
|
border-right-color: transparent;
|
||
|
|
border-left: 6px solid;
|
||
|
|
border-left-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 ; }
|
||
|
|
|
||
|
|
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 ; }
|
||
|
|
|
||
|
|
.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 {
|
||
|
|
right: 50%;
|
||
|
|
margin-right: -7px;
|
||
|
|
border-right: 7px solid;
|
||
|
|
border-right-color: transparent;
|
||
|
|
border-left: 7px solid;
|
||
|
|
border-left-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 ; }
|
||
|
|
|
||
|
|
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 ; }
|
||
|
|
|
||
|
|
.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 {
|
||
|
|
right: -6px;
|
||
|
|
border-left-width: 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.common-tooltip-s2GEoMlT-.theme-white .common-tooltip__ear-holder--after-BnAcuW1N-:before {
|
||
|
|
left: -6px;
|
||
|
|
border-right-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-right: 6px solid;
|
||
|
|
border-right-color: transparent;
|
||
|
|
border-left: 6px solid;
|
||
|
|
border-left-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 ; }
|
||
|
|
|
||
|
|
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 ; }
|
||
|
|
|
||
|
|
.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: right;
|
||
|
|
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 8px 2px 10px;
|
||
|
|
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-left: 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-left: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.labelRow-3Q0rdE8--:first-child {
|
||
|
|
margin-right: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.label-3Xqxy756- {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
-webkit-flex: 0 0 auto;
|
||
|
|
flex: 0 0 auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.hint-1IhIvLPB- {
|
||
|
|
font-size: 11px;
|
||
|
|
margin-left: 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-left: 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-right: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.button-1IIz2ju4- {
|
||
|
|
padding: 0 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-1IIz2ju4-.first-bfrNico9- {
|
||
|
|
padding-right: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-1IIz2ju4-.last-3h-LFsOr- {
|
||
|
|
padding-left: 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 6px 0 10px;
|
||
|
|
}
|
||
|
|
.button-YsN2vRuA-.withoutText-f6SoijeW- {
|
||
|
|
padding: 0 5px;
|
||
|
|
}
|
||
|
|
.button-2-lC3gh4- {
|
||
|
|
padding: 0 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.value-DWZXOdoK- {
|
||
|
|
text-align: right;
|
||
|
|
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 10px 0 6px;
|
||
|
|
cursor: default;
|
||
|
|
-webkit-justify-content: space-between;
|
||
|
|
justify-content: space-between;
|
||
|
|
|
||
|
|
border-left: 1px solid;
|
||
|
|
border-right: 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-right: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.button-1XkSWU32-.last-1rdUnwE6- {
|
||
|
|
padding-left: 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menu-1fA401bY-:only-child {
|
||
|
|
padding: 0 7px 0 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.dropdown-1zOBoqnG- {
|
||
|
|
min-width: 140px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.menuContent-1vyIDg3J- {
|
||
|
|
-webkit-justify-content: center;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.button-3wAyKO3i- {
|
||
|
|
margin-left: 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-right: -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 -13px 0 0;
|
||
|
|
}
|
||
|
|
.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);
|
||
|
|
right: 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: rtl;
|
||
|
|
}
|
||
|
|
.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%;
|
||
|
|
right: 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 {
|
||
|
|
right: 0;
|
||
|
|
border-left-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 {
|
||
|
|
right: -100%;
|
||
|
|
border-right-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;
|
||
|
|
right: 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-left: 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-left: 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;
|
||
|
|
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 5px 0 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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-right: -3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrap-15BhAobm-.full-2VMT2UlC- .last-xMjAcadb- {
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrap-15BhAobm-.medium-1BEsHMFf- .first-1vAzGgSq- {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrap-15BhAobm-.medium-1BEsHMFf- .last-xMjAcadb- {
|
||
|
|
margin-left: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.loader-1uURoPBh- {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.buttonUndo-342XpPC1- {
|
||
|
|
padding-left: 0;
|
||
|
|
padding-right: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.buttonRedo-3o_XdU_J- {
|
||
|
|
padding-right: 0;
|
||
|
|
padding-left: 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-right: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container-2BvS3Fpg-.border-right-OzIcepiV- {
|
||
|
|
padding-left: 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-left-radius: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container-2BvS3Fpg-.top-left-radius-1ELOZlIb- .inner-3YzQuyJx- {
|
||
|
|
border-top-right-radius: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container-2BvS3Fpg-.bottom-right-radius-7zqIiaLN- .inner-3YzQuyJx- {
|
||
|
|
border-bottom-left-radius: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.container-2BvS3Fpg-.bottom-left-radius-xCxQ998i- .inner-3YzQuyJx- {
|
||
|
|
border-bottom-right-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-right: 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-right: 0;
|
||
|
|
border-bottom-right-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.group-wWM3zP_M-.noRightDecoration-2GcAAgVb- {
|
||
|
|
margin-left: 0;
|
||
|
|
border-bottom-left-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.group-wWM3zP_M-.noMinimalWidth-1sbl_ff5- {
|
||
|
|
min-width: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.group-wWM3zP_M-:first-child {
|
||
|
|
border-bottom-right-radius: 4px;
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.group-wWM3zP_M-:last-child {
|
||
|
|
border-bottom-left-radius: 4px;
|
||
|
|
margin-left: 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 8px 0 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.wrap-3K4w_7te- svg {
|
||
|
|
fill: currentColor;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.wrap-1GG7GnNO- {
|
||
|
|
position: relative;
|
||
|
|
direction: rtl;
|
||
|
|
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- {
|
||
|
|
left: 0;
|
||
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
||
|
|
transform: translate3d(100%, 0, 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
.scrollLeft-3OUcqYWy- .iconWrap-1U8J-Qkw- {
|
||
|
|
-webkit-transform: rotate(90deg);
|
||
|
|
transform: rotate(-90deg);
|
||
|
|
}
|
||
|
|
|
||
|
|
.scrollRight-UDsPWprP- {
|
||
|
|
right: 0;
|
||
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
||
|
|
transform: translate3d(-100%, 0, 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
.scrollRight-UDsPWprP- .iconWrap-1U8J-Qkw- {
|
||
|
|
-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- {
|
||
|
|
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 .fadeLeft-31arUEZY-{ background-image: linear-gradient(to right, rgba(19, 23, 34, 0), #131722); }
|
||
|
|
|
||
|
|
.fadeRight-36gcjOQb- {
|
||
|
|
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 .fadeRight-36gcjOQb-{ background-image: linear-gradient(to left, 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-right: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.subGroup-1JpgB9zD- > :not(:first-child):before {
|
||
|
|
content: ' ';
|
||
|
|
position: absolute;
|
||
|
|
top: 8px;
|
||
|
|
bottom: 8px;
|
||
|
|
right: -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 6px 0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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: rtl;
|
||
|
|
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-left: 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;
|
||
|
|
right: 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;
|
||
|
|
right: 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;
|
||
|
|
right: 0;
|
||
|
|
-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: 0 2px 2px 0;
|
||
|
|
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;
|
||
|
|
left: 100%;
|
||
|
|
margin-left: -6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.toggleButton-13QgefpG-.collapsed-2trH0gCi- {
|
||
|
|
left: 0;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.group-2JyOhh7Z- {
|
||
|
|
padding: 6px 0;
|
||
|
|
background-color: #ffffff;
|
||
|
|
border-top-left-radius: 2px;
|
||
|
|
border-bottom-left-radius: 2px;
|
||
|
|
}
|
||
|
|
|
||
|
|
html.theme-dark .group-2JyOhh7Z-{ background-color: #131722; }
|
||
|
|
|
||
|
|
.group-2JyOhh7Z-+.group-2JyOhh7Z- {
|
||
|
|
margin-top: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.group-2JyOhh7Z-:last-child {
|
||
|
|
border-bottom-left-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.group-2JyOhh7Z-:first-child {
|
||
|
|
border-top-left-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-right: 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;
|
||
|
|
right: 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%;
|
||
|
|
right: 50%;
|
||
|
|
margin-top: -9px;
|
||
|
|
margin-right: -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;
|
||
|
|
right: 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%;
|
||
|
|
right: 50%;
|
||
|
|
margin-top: -6px;
|
||
|
|
margin-right: -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-left: 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-right: 0;
|
||
|
|
}
|
||
|
|
.tv-control-checkbox + .tv-control-checkbox__label {
|
||
|
|
margin-left: 0;
|
||
|
|
margin-right: 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;
|
||
|
|
left: 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-right: 0;
|
||
|
|
border-left: 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-right: none;
|
||
|
|
border-top-right-radius: 0;
|
||
|
|
border-bottom-right-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-left: none;
|
||
|
|
border-top-left-radius: 0;
|
||
|
|
border-bottom-left-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 {
|
||
|
|
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 {
|
||
|
|
direction: ltr;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.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: right;
|
||
|
|
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;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
left: 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;
|
||
|
|
right: 0;
|
||
|
|
left: 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-left: 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: left;
|
||
|
|
}
|
||
|
|
.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-right: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tv-dialog__section--title {
|
||
|
|
padding-left: 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;
|
||
|
|
left: 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;
|
||
|
|
left: 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-right: none;
|
||
|
|
border-left: 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: right;
|
||
|
|
position: relative;
|
||
|
|
top: 8px;
|
||
|
|
margin-left: 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;
|
||
|
|
right: 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-left: 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: right !important;
|
||
|
|
}
|
||
|
|
.i-align_right {
|
||
|
|
text-align: left !important;
|
||
|
|
}
|
||
|
|
.i-align_center {
|
||
|
|
text-align: center !important;
|
||
|
|
}
|
||
|
|
.i-float_left {
|
||
|
|
float: right !important;
|
||
|
|
}
|
||
|
|
.i-float_right {
|
||
|
|
float: left !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-right: 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-right: 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-right: 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;
|
||
|
|
right: 0;
|
||
|
|
left: 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-left: 2px;
|
||
|
|
margin-right: 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-right-radius: 0;
|
||
|
|
border-bottom-right-radius: 0;
|
||
|
|
}
|
||
|
|
.tv-button--connect_right {
|
||
|
|
border-top-left-radius: 0;
|
||
|
|
border-bottom-left-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-right: 4px;
|
||
|
|
padding-left: 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 60px 9px 50px;
|
||
|
|
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-right: 50px;
|
||
|
|
padding-left: 40px;
|
||
|
|
}
|
||
|
|
.feature-touch .tv-search-row__input {
|
||
|
|
min-height: 50px;
|
||
|
|
height: 50px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tv-search-row--without-controls .tv-search-row__input {
|
||
|
|
padding-left: 30px;
|
||
|
|
padding-right: 30px;
|
||
|
|
}
|
||
|
|
@media screen and (max-width:767px) {
|
||
|
|
.tv-search-row--without-controls .tv-search-row__input {
|
||
|
|
padding-right: 20px;
|
||
|
|
padding-left: 20px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tv-search-row__input-reset {
|
||
|
|
top: 0;
|
||
|
|
left: 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 {
|
||
|
|
left: 10px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tv-search-row__search-icon {
|
||
|
|
position: absolute;
|
||
|
|
display: block;
|
||
|
|
top: 50%;
|
||
|
|
right: 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 {
|
||
|
|
right: 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: left;
|
||
|
|
}
|
||
|
|
@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-left: 8px;
|
||
|
|
padding-right: 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-right: 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 7px 9px 4px;
|
||
|
|
}
|
||
|
|
.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-left: 4px solid transparent;
|
||
|
|
border-right: 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-right: 3px;
|
||
|
|
border-top-width: 3px;
|
||
|
|
border-left-width: 3px;
|
||
|
|
border-right-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- {
|
||
|
|
text-align: left;
|
||
|
|
direction: ltr;
|
||
|
|
}
|
||
|
|
.xsmall-3Ah_Or2-- {
|
||
|
|
height: 19px;
|
||
|
|
}
|
||
|
|
.small-2bmxiJCE- {
|
||
|
|
height: 27px;
|
||
|
|
}
|
||
|
|
.large-1JDowW2I- {
|
||
|
|
height: 48px;
|
||
|
|
}
|
||
|
|
.iconed-3ZQvxTot- .textInput-3WRWEmm7- {
|
||
|
|
padding-right: 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 10px 0 0;
|
||
|
|
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;
|
||
|
|
left: 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-right: -1px;
|
||
|
|
}
|
||
|
|
.grouped-34HX1lDr-:first-child {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.grouped-34HX1lDr-:not(:last-child) {
|
||
|
|
border-radius: 0 2px 2px 0;
|
||
|
|
}
|
||
|
|
.grouped-34HX1lDr-:not(:first-child) {
|
||
|
|
border-radius: 2px 0 0 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
|
||
|
|
*/
|
||
|
|
.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;
|
||
|
|
left: 0;
|
||
|
|
top: 0;
|
||
|
|
bottom: 0;
|
||
|
|
border-color: #dadde0;
|
||
|
|
border-right: 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-left: 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: right;
|
||
|
|
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-right: 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-left: 12px;
|
||
|
|
padding-right: 10px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tv-insert-study-item.i-without-stars {
|
||
|
|
padding-right: 30px;
|
||
|
|
}
|
||
|
|
@media screen and (max-width:767px) {
|
||
|
|
.tv-insert-study-item.i-without-stars {
|
||
|
|
padding-right: 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-right: 27px;
|
||
|
|
}
|
||
|
|
@media screen and (max-width:767px) {
|
||
|
|
.tv-insert-study-item--subgroup-header {
|
||
|
|
padding-right: 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-right: 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-right: 5px;
|
||
|
|
color: #757575;
|
||
|
|
}
|
||
|
|
.tv-insert-study-item__strategy-icon {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
margin-right: 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-right: 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-right: 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-right: 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: left;
|
||
|
|
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-right: 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-left: 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-right ease 0.175s;
|
||
|
|
}
|
||
|
|
@media screen and (max-width:479px) {
|
||
|
|
.tv-insert-indicator-dialog__title-container.i-with-back-button {
|
||
|
|
padding-right: 45px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tv-insert-indicator-dialog__title-text {
|
||
|
|
overflow: hidden;
|
||
|
|
white-space: nowrap;
|
||
|
|
text-overflow: ellipsis;
|
||
|
|
}
|
||
|
|
.tv-insert-indicator-dialog__back-button {
|
||
|
|
position: absolute;
|
||
|
|
right: 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-left: 1px solid;
|
||
|
|
border-left-color: #dadde0;
|
||
|
|
box-sizing: border-box;
|
||
|
|
}
|
||
|
|
html.theme-dark .tv-insert-indicator-dialog__left-panel{ border-left-color: #363c4e; }
|
||
|
|
@media screen and (max-width:479px) {
|
||
|
|
.tv-insert-indicator-dialog__left-panel {
|
||
|
|
border-left: 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 30px 8px 10px;
|
||
|
|
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-right: 20px;
|
||
|
|
padding-left: 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-right: 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-right: 33px;
|
||
|
|
border-right: 1px solid;
|
||
|
|
border-right-color: #dadde0;
|
||
|
|
}
|
||
|
|
html.theme-dark .tv-insert-indicator-dialog__tabs{ border-right-color: #363c4e; }
|
||
|
|
@media screen and (max-width:767px) {
|
||
|
|
.tv-insert-indicator-dialog__tabs {
|
||
|
|
margin-right: 23px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tv-insert-indicator-dialog__tabs .tv-insert-indicator-dialog__tab {
|
||
|
|
padding-right: 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-right: 20px;
|
||
|
|
padding-left: 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: right;
|
||
|
|
}
|
||
|
|
@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-right: 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-right: 3px;
|
||
|
|
margin-left: -1px;
|
||
|
|
border-top-width: 3px;
|
||
|
|
border-left-width: 3px;
|
||
|
|
border-right-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-right: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.tv-exit-fullscreen-button {
|
||
|
|
z-index: 16;
|
||
|
|
position: fixed;
|
||
|
|
top: -1px;
|
||
|
|
right: 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 -59px 0 0;
|
||
|
|
}
|
||
|
|
.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: right;
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
height: 10px;
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 5px 12px 5px 20px;
|
||
|
|
vertical-align: middle;
|
||
|
|
width: 78px;
|
||
|
|
}
|
||
|
|
.custom-select .switcher .icon {
|
||
|
|
display: -webkit-flex;
|
||
|
|
display: flex;
|
||
|
|
-webkit-align-items: center;
|
||
|
|
align-items: center;
|
||
|
|
position: absolute;
|
||
|
|
left: 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-right: 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-right: 8px;
|
||
|
|
background: #f1f3f6;
|
||
|
|
border-right: 4px solid #5cb888;
|
||
|
|
}
|
||
|
|
html.theme-dark .custom-select .items .item.selected{ background: #2f3241; }
|
||
|
|
|
||
|
|
.tv-line-style-option {
|
||
|
|
height: 15px;
|
||
|
|
background: none 100% 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 4px 0 0;
|
||
|
|
right: -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-left-radius: 1px;
|
||
|
|
border-bottom-left-radius: 1px;
|
||
|
|
}
|
||
|
|
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__content {
|
||
|
|
-webkit-flex-direction: column;
|
||
|
|
flex-direction: column;
|
||
|
|
border-top-left-radius: 0;
|
||
|
|
border-bottom-right-radius: 1px;
|
||
|
|
}
|
||
|
|
.tv-floating-toolbar .ui-sortable-placeholder {
|
||
|
|
border-right: 1px solid #e6eaef;
|
||
|
|
}
|
||
|
|
html.theme-dark .tv-floating-toolbar .ui-sortable-placeholder{ border-right: 1px solid #363c4e; }
|
||
|
|
.tv-floating-toolbar.i-vertical .ui-sortable-placeholder {
|
||
|
|
border-right: 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-right: 1px solid;
|
||
|
|
border-right-color: #e6eaef;
|
||
|
|
}
|
||
|
|
html.theme-dark .tv-floating-toolbar__widget{ border-right-color: #363c4e; }
|
||
|
|
.tv-floating-toolbar__widget.ui-sortable-placeholder {
|
||
|
|
visibility: visible !important;
|
||
|
|
}
|
||
|
|
.tv-floating-toolbar__widget.ui-sortable-helper {
|
||
|
|
border-right-color: transparent;
|
||
|
|
}
|
||
|
|
.tv-floating-toolbar.i-vertical .tv-floating-toolbar__widget {
|
||
|
|
border-right: 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: right;
|
||
|
|
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 30px 30px 60px;
|
||
|
|
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 20px 20px 60px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.header-dpl-vtN_- .close-3kPn4OTV- {
|
||
|
|
position: absolute;
|
||
|
|
padding: 15px;
|
||
|
|
top: 17px;
|
||
|
|
left: 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;
|
||
|
|
left: 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;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
left: 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%;
|
||
|
|
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 {
|
||
|
|
float: left;
|
||
|
|
margin-left: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.header-29jmPJB_- .switchBtn-p718bDyp-.next-Xxv3BCz0- > svg {
|
||
|
|
float: right;
|
||
|
|
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-right: 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-left: 1px solid;
|
||
|
|
padding: 2px 2px 1px 1px;
|
||
|
|
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;
|
||
|
|
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;
|
||
|
|
left: -1px;
|
||
|
|
content: ' ';
|
||
|
|
width: 0;
|
||
|
|
height: 0;
|
||
|
|
border-style: solid;
|
||
|
|
border-width: 0 0 11px 11px;
|
||
|
|
border-color: transparent transparent transparent #3bb3e4;
|
||
|
|
}
|
||
|
|
|
||
|
|
.month-14xTSVpQ- .weeks-1LCs6d3o- .week-49DNXkE3- .day-3x8ZipuB-.selected-qmTqaBK3-.currentDay-3sTNH-Yi-:after {
|
||
|
|
top: -2px;
|
||
|
|
left: -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;
|
||
|
|
left: 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;
|
||
|
|
right: 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;
|
||
|
|
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%;
|
||
|
|
right: 50%;
|
||
|
|
width: 1px;
|
||
|
|
margin-right: -0.5px;
|
||
|
|
-webkit-transform-origin: 50% 100%;
|
||
|
|
transform-origin: 50% 100%;
|
||
|
|
background: #3bb3e4;
|
||
|
|
}
|
||
|
|
|
||
|
|
.clockFace-eHYbqh-S- .hand-2ZG8pJQb- .knob-31dEppHa- {
|
||
|
|
|
||
|
|
position: absolute;
|
||
|
|
top: -26px;
|
||
|
|
right: 50%;
|
||
|
|
width: 26px;
|
||
|
|
height: 26px;
|
||
|
|
margin-right: -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%;
|
||
|
|
right: 50%;
|
||
|
|
width: 4px;
|
||
|
|
height: 4px;
|
||
|
|
margin-top: -2px;
|
||
|
|
margin-right: -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-right: 15px;
|
||
|
|
}
|
||
|
|
.hiddenText-3qcN5Wif- {
|
||
|
|
visibility: hidden;
|
||
|
|
-webkit-flex: 1 1 auto;
|
||
|
|
flex: 1 1 auto;
|
||
|
|
}
|
||
|
|
.text-2KOWx3rB- {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
left: 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-right: 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-right: 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-right: -1px;
|
||
|
|
}
|
||
|
|
.grouped-1WsMjajI-:first-child {
|
||
|
|
margin-right: 0;
|
||
|
|
}
|
||
|
|
.grouped-1WsMjajI-:not(:last-child) {
|
||
|
|
border-bottom-left-radius: 0;
|
||
|
|
border-top-left-radius: 0;
|
||
|
|
}
|
||
|
|
.grouped-1WsMjajI-:not(:first-child) {
|
||
|
|
border-bottom-right-radius: 0;
|
||
|
|
border-top-right-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;
|
||
|
|
right: 0;
|
||
|
|
left: 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-left: 2px;
|
||
|
|
margin-right: 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-left: 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-right: 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: right;
|
||
|
|
}
|
||
|
|
.content-BtJ6qB4V- .row-3iYHykfo- .columnValue-Xr4j0qyI- {
|
||
|
|
margin-right: auto;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*
|
||
|
|
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: right;
|
||
|
|
margin-left: 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 {
|
||
|
|
margin-left: 4px;
|
||
|
|
}
|
||
|
|
.tv-market-status--for-watch-list {
|
||
|
|
position: absolute;
|
||
|
|
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;
|
||
|
|
margin-left: 4px;
|
||
|
|
}
|
||
|
|
.tv-market-status__dot--for-chart {
|
||
|
|
margin-right: 4px;
|
||
|
|
vertical-align: 1px;
|
||
|
|
width: 6px;
|
||
|
|
height: 6px;
|
||
|
|
}
|
||
|
|
.tv-market-status__dot--for-symbol-list {
|
||
|
|
margin-left: 4px;
|
||
|
|
}
|
||
|
|
.tv-market-status__dot--for-watch-list {
|
||
|
|
margin-bottom: 3px;
|
||
|
|
}
|
||
|
|
.tv-market-status__dot--for-symbol-widget {
|
||
|
|
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: left;
|
||
|
|
margin-right: 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: left;
|
||
|
|
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: 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;
|
||
|
|
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;
|
||
|
|
margin-left: 2px;
|
||
|
|
}
|
||
|
|
.tv-data-mode--realtime--for-ticker {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.tv-data-mode--replay {
|
||
|
|
color: #ff4a68;
|
||
|
|
}
|
||
|
|
.tv-data-mode--for-chart {
|
||
|
|
float: left;
|
||
|
|
line-height: 16px;
|
||
|
|
margin-right: 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 {
|
||
|
|
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;
|
||
|
|
text-align: left;
|
||
|
|
margin-left: 1px;
|
||
|
|
}
|
||
|
|
.tv-data-mode--realtime--for-symbol-list {
|
||
|
|
visibility: hidden;
|
||
|
|
}
|
||
|
|
.tv-data-mode--for-symbol-widget {
|
||
|
|
display: inline;
|
||
|
|
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: right;
|
||
|
|
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;
|
||
|
|
margin-left: 3px;
|
||
|
|
line-height: 17px;
|
||
|
|
font-size: 15px;
|
||
|
|
}
|
||
|
|
.tv-data-mode--realtime--for-symbol-info {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
.button-1VVj8kLG- {
|
||
|
|
padding: 0 12px 0 6px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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;
|
||
|
|
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-right: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item-3cgIlGYO-.isLast-voJ1bqZh- {
|
||
|
|
margin-left: 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;
|
||
|
|
right: 0;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.seriesControlWrapper-1c7dZFwu- {
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
left: 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-right: 14px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item-2cWFW_ze-.last-2VBe7EFW- {
|
||
|
|
padding-left: 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-right: 12px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon-3VRthUnU-.last-2VBe7EFW- {
|
||
|
|
padding-left: 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%;
|
||
|
|
right: 0;
|
||
|
|
top: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.control-bar-wrapper {
|
||
|
|
position: absolute;
|
||
|
|
pointer-events: none;
|
||
|
|
bottom: 33px;
|
||
|
|
height: 28px;
|
||
|
|
z-index: 1;
|
||
|
|
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;
|
||
|
|
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;
|
||
|
|
right: 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 {
|
||
|
|
right: auto;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.tv-dropdown__body--position_outer_right {
|
||
|
|
right: 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: right;
|
||
|
|
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 30px 10px 15px;
|
||
|
|
}
|
||
|
|
.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;
|
||
|
|
right: 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 {
|
||
|
|
right: auto;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
.tv-dropdown__body--position_outer_right {
|
||
|
|
right: 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: right;
|
||
|
|
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 30px 10px 15px;
|
||
|
|
}
|
||
|
|
.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-left: 20px;
|
||
|
|
padding-right: 20px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.tv-objects-tree-item--large-left-padding {
|
||
|
|
padding-right: 55px;
|
||
|
|
}
|
||
|
|
@media screen and (max-width:767px) {
|
||
|
|
.tv-objects-tree-item--large-left-padding {
|
||
|
|
padding-right: 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-left: 8px;
|
||
|
|
display: inline-block;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
.tv-objects-tree-item__icon.i-empty {
|
||
|
|
width: 0;
|
||
|
|
margin-left: 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-right: 10px;
|
||
|
|
}
|
||
|
|
.tv-objects-tree-item__control-buttons--left {
|
||
|
|
margin-right: 0px;
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
.tv-objects-tree-item__button {
|
||
|
|
float: right;
|
||
|
|
margin-right: 5px;
|
||
|
|
}
|
||
|
|
.tv-objects-tree-item__button--collapse, .tv-objects-tree-item__button--expand {
|
||
|
|
margin-right: 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;
|
||
|
|
right: 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-right: 8px;
|
||
|
|
padding-left: 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;
|
||
|
|
right: 0;
|
||
|
|
left: 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-right: auto;
|
||
|
|
}
|
||
|
|
.tv-tabs__tab--icon-tab {
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.tv-tabs--category-header .tv-tabs__tab {
|
||
|
|
padding-right: 25px;
|
||
|
|
padding-left: 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;
|
||
|
|
right: 14px;
|
||
|
|
background: #3bb3e4;
|
||
|
|
}
|
||
|
|
.tv-tabs--category-header:not(.i-loaded) .tv-tabs__tab.i-active:after {
|
||
|
|
bottom: 0;
|
||
|
|
height: 3px;
|
||
|
|
width: calc(100% - 50px);
|
||
|
|
right: 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-right: 0;
|
||
|
|
padding-left: 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-right: -14px;
|
||
|
|
}
|
||
|
|
.tv-tabs--compact .tv-tabs__tab:last-child, .tv-tabs--semi-compact .tv-tabs__tab:last-child {
|
||
|
|
margin-left: -14px;
|
||
|
|
}
|
||
|
|
.tv-tabs--category-header .tv-tabs__tab:first-child {
|
||
|
|
margin-right: -25px;
|
||
|
|
}
|
||
|
|
.tv-tabs--category-header .tv-tabs__tab:last-child {
|
||
|
|
margin-left: -25px;
|
||
|
|
}
|
||
|
|
.tv-tabs--compact .tv-tabs__tab.i-hidden:first-child + .tv-tabs__tab {
|
||
|
|
margin-right: -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-right: 0;
|
||
|
|
}
|
||
|
|
.tv-tabs--no-margin .tv-tabs__tab:last-child, .tv-tabs--semi-compact.tv-tabs--no-margin .tv-tabs__tab:last-child {
|
||
|
|
margin-left: 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 {
|
||
|
|
left: 0;
|
||
|
|
text-align: left;
|
||
|
|
background: linear-gradient(to right, #ffffff, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
|
||
|
|
}
|
||
|
|
html.theme-dark .tv-tabs__left-arrow{ background: linear-gradient(to left, #131722, rgba(19, 23, 34, 0.85), rgba(19, 23, 34, 0)); }
|
||
|
|
.tv-tabs__left-arrow.i-slided {
|
||
|
|
-webkit-transform: translateX(-100%);
|
||
|
|
transform: translateX(100%);
|
||
|
|
}
|
||
|
|
.tv-tabs__right-arrow {
|
||
|
|
right: 0;
|
||
|
|
text-align: right;
|
||
|
|
background: linear-gradient(to left, #ffffff, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0));
|
||
|
|
}
|
||
|
|
html.theme-dark .tv-tabs__right-arrow{ background: linear-gradient(to right, #131722, rgba(19, 23, 34, 0.85), rgba(19, 23, 34, 0)); }
|
||
|
|
.tv-tabs__right-arrow.i-slided {
|
||
|
|
-webkit-transform: translateX(100%);
|
||
|
|
transform: translateX(-100%);
|
||
|
|
}
|
||
|
|
.tv-tabs--category-header .tv-tabs__left-arrow {
|
||
|
|
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 {
|
||
|
|
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 left, 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 left, #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 left, 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 left, #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 left, 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 left, #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-right: 0px;
|
||
|
|
padding-bottom: 0px;
|
||
|
|
border-bottom: none !important;
|
||
|
|
margin-bottom: -1px;
|
||
|
|
z-index: 6;
|
||
|
|
}
|
||
|
|
.tv-tabbed-dialog__bottom-border {
|
||
|
|
position: absolute;
|
||
|
|
right: 0;
|
||
|
|
left: 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-right: 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;
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
height: 1px;
|
||
|
|
}
|
||
|
|
.tv-tabbed-dialog__tabs-arrow-left:before {
|
||
|
|
background: linear-gradient(to left, #dadde0 0%, #dadde0 85%, rgba(255, 255, 255, 0) 100%);
|
||
|
|
}
|
||
|
|
.tv-tabbed-dialog__tabs-arrow-right:before {
|
||
|
|
background: linear-gradient(to right, #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;
|
||
|
|
left: 0;
|
||
|
|
right: 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;
|
||
|
|
left: 0;
|
||
|
|
right: 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;
|
||
|
|
left: 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: right;
|
||
|
|
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-left: 8px;
|
||
|
|
}
|
||
|
|
.feature-no-touch .form-2GifjSKe- .link-1alPBTTQ-:hover {
|
||
|
|
color: #38acdb;
|
||
|
|
fill: #38acdb;
|
||
|
|
}
|
||
|
|
.form-2GifjSKe- .socials-rht5Uvp-- {
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
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-left: 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-right: 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-right-color: #f89e30;
|
||
|
|
}
|
||
|
|
.tv-chart-events-source__tooltip__item--importance-high {
|
||
|
|
background: white;
|
||
|
|
border-right-color: #ff4a68;
|
||
|
|
}
|
||
|
|
.tv-chart-events-source__tooltip__item--importance-earnings {
|
||
|
|
background: white;
|
||
|
|
border-right-color: #ff4d6a;
|
||
|
|
}
|
||
|
|
.tv-chart-events-source__tooltip__item--importance-splits {
|
||
|
|
background: white;
|
||
|
|
border-right-color: #007f0e;
|
||
|
|
}
|
||
|
|
.tv-chart-events-source__tooltip__item--importance-dividends {
|
||
|
|
background: white;
|
||
|
|
border-right-color: #0496ff;
|
||
|
|
}
|
||
|
|
.tv-chart-events-source__tooltip__item--importance-none {
|
||
|
|
border-right-width: 1px;
|
||
|
|
border-right-color: #dadde0;
|
||
|
|
}
|
||
|
|
html.theme-dark .tv-chart-events-source__tooltip__item--importance-none{ border-right-color: #363c4e; }
|
||
|
|
.tv-chart-events-source__tooltip__item--importance-list {
|
||
|
|
border-right-width: 1px;
|
||
|
|
border-right-color: #dadde0;
|
||
|
|
padding: 15px 25px 15px 20px;
|
||
|
|
font-size: 10pt;
|
||
|
|
}
|
||
|
|
html.theme-dark .tv-chart-events-source__tooltip__item--importance-list{ border-right-color: #363c4e; }
|
||
|
|
.tv-chart-events-source__tooltip__item--importance-list dl:before {
|
||
|
|
margin-left: 5px;
|
||
|
|
position: absolute;
|
||
|
|
right: 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-right: 0;
|
||
|
|
border-left: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
.tv-control-input--connect_left {
|
||
|
|
border-right: none;
|
||
|
|
border-top-right-radius: 0;
|
||
|
|
border-bottom-right-radius: 0;
|
||
|
|
}
|
||
|
|
.tv-control-input--connect_right {
|
||
|
|
border-left: none;
|
||
|
|
border-top-left-radius: 0;
|
||
|
|
border-bottom-left-radius: 0;
|
||
|
|
}
|
||
|
|
.tv-control-input--connect_right#id_username {
|
||
|
|
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 {
|
||
|
|
direction: ltr;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.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 {
|
||
|
|
right: 0;
|
||
|
|
border-radius: 0 1px 1px 0;
|
||
|
|
-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) {
|
||
|
|
right: 100%;
|
||
|
|
border-radius: 1px 0 0 1px;
|
||
|
|
}
|
||
|
|
.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-right: 1px solid;
|
||
|
|
border-right-color: #dadde0;
|
||
|
|
}
|
||
|
|
html.theme-dark .tv-grouped-floating-toolbar__sub-widget:not(:first-child){ border-right-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;
|
||
|
|
right: 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;
|
||
|
|
}
|