mirror of
https://github.com/serghey-rodin/vesta.git
synced 2024-12-25 05:21:12 -08:00
3393 lines
63 KiB
CSS
3393 lines
63 KiB
CSS
/* Syntax Quick Reference
|
|
--------------------------
|
|
column($ratios: 1, $offset: 0, $cycle: 0, $uncycle: 0, $gutter: $jeet-gutter)
|
|
span($ratio: 1, $offset: 0)
|
|
shift($ratios: 0, $col_or_span: column, $gutter: $jeet-gutter)
|
|
unshift()
|
|
edit()
|
|
center($max_width: 1410px, $pad: 0)
|
|
stack($pad: 0, $align: false)
|
|
unstack()
|
|
align($direction: both)
|
|
cf()
|
|
*/
|
|
/**
|
|
* Grid settings.
|
|
* All values are defaults and can therefore be easily overidden.
|
|
*/
|
|
/**
|
|
* List functions courtesy of the wonderful folks at Team Sass.
|
|
* Check out their awesome grid: Singularity.
|
|
*/
|
|
/**
|
|
* Get percentage from a given ratio.
|
|
* @param {number} [$ratio=1] - The column ratio of the element.
|
|
* @returns {number} - The percentage value.
|
|
*/
|
|
/**
|
|
* Work out the column widths based on the ratio and gutter sizes.
|
|
* @param {number} [$ratios=1] - The column ratio of the element.
|
|
* @param {number} [$gutter=$jeet-gutter] - The gutter for the column.
|
|
* @returns {list} $width $gutter - A list containing the with and gutter for the element.
|
|
*/
|
|
/**
|
|
* Get the set layout direction for the project.
|
|
* @returns {string} $direction - The layout direction.
|
|
*/
|
|
/**
|
|
* Replace a specified list value with a new value (uses built in set-nth() if available)
|
|
* @param {list} $list - The list of values you want to alter.
|
|
* @param {number} $index - The index of the list item you want to replace.
|
|
* @param {*} $value - The value you want to replace $index with.
|
|
* @returns {list} $list - The list with the value replaced or removed.
|
|
* @warn if an invalid index is supplied.
|
|
*/
|
|
/**
|
|
* Reverse a list (progressively enhanced for Sass 3.3)
|
|
* @param {list} $list - The list of values you want to reverse.
|
|
* @returns {list} $result - The reversed list.
|
|
*/
|
|
/**
|
|
* Get the opposite direction to a given value.
|
|
* @param {string} $dir - The direction you want the opposite of.
|
|
* @returns {string} - The opposite direction to $dir.
|
|
* @warn if an incorrect string is provided.
|
|
*/
|
|
/**
|
|
* Style an element as a column with a gutter.
|
|
* @param {number} [$ratios=1] - A width relative to its container as a fraction.
|
|
* @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
|
|
* @param {number} [$cycle=0] - Easily create an nth column grid where $cycle equals the number of columns.
|
|
* @param {number} [$uncycle=0] - Undo a previous cycle value to allow for a new one.
|
|
* @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
|
|
*/
|
|
/**
|
|
* An alias for the column mixin.
|
|
* @param [$args...] - All arguments get passed through to column().
|
|
*/
|
|
/**
|
|
* Get the width of a column and nothing else.
|
|
* @param {number} [$ratios=1] - A width relative to its container as a fraction.
|
|
* @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
|
|
*/
|
|
/**
|
|
* Get the gutter size of a column and nothing else.
|
|
* @param {number} [ratios=1] - A width relative to its container as a fraction.
|
|
* @param {number} [gutter=jeet.gutter] - Specify the gutter width as a percentage of the containers width.
|
|
*/
|
|
/**
|
|
* An alias for the column-width function.
|
|
* @param [$args...] - All arguments get passed through to column().
|
|
*/
|
|
/**
|
|
* An alias for the column-gutter function.
|
|
* @param [$args...] - All arguments get passed through to column().
|
|
*/
|
|
/**
|
|
* Style an element as a column without any gutters for a seamless row.
|
|
* @param {number} [$ratios=1] - A width relative to its container as a fraction.
|
|
* @param {number} [$offset=0] - A offset specified as a fraction (see $ratios).
|
|
* @param {number} [cycle=0] - Easily create an nth column grid where cycle equals the number of columns.
|
|
* @param {number} [uncycle=0] - Undo a previous cycle value to allow for a new one.
|
|
*/
|
|
/**
|
|
* Reorder columns without altering the HTML.
|
|
* @param {number} [$ratios=0] - Specify how far along you want the element to move.
|
|
* @param {string} [$col-or-span=column] - Specify whether the element has a gutter or not.
|
|
* @param {number} [$gutter=$jeet-gutter] - Specify the gutter width as a percentage of the containers width.
|
|
*/
|
|
/**
|
|
* Reset an element that has had shift() applied to it.
|
|
*/
|
|
/**
|
|
* View the grid and its layers for easy debugging.
|
|
* @param {string} [$color=black] - The background tint applied.
|
|
* @param {boolean} [$important=false] - Whether to apply the style as !important.
|
|
*/
|
|
/**
|
|
* Alias for edit().
|
|
*/
|
|
/**
|
|
* Horizontally center an element.
|
|
* @param {number} [$max-width=1410px] - The max width the element can be.
|
|
* @param {number} [$pad=0] - Specify the element's left and right padding.
|
|
*/
|
|
/**
|
|
* Uncenter an element.
|
|
*/
|
|
/**
|
|
* Stack an element so that nothing is either side of it.
|
|
* @param {number} [$pad=0] - Specify the element's left and right padding.
|
|
* @param {boolean/string} [$align=false] - Specify the text align for the element.
|
|
*/
|
|
/**
|
|
* Unstack an element.
|
|
*/
|
|
/**
|
|
* Center an element on either or both axes.
|
|
* @requires A parent container with relative positioning.
|
|
* @param {string} [$direction=both] - Specify which axes to center the element on.
|
|
*/
|
|
/**
|
|
* Apply a clearfix to an element.
|
|
*/
|
|
/* ==========================================================================
|
|
Normalize.scss settings
|
|
========================================================================== */
|
|
/**
|
|
* Includes legacy browser support IE6/7
|
|
*
|
|
* Set to false if you want to drop support for IE6 and IE7
|
|
*/
|
|
/* Base
|
|
========================================================================== */
|
|
/**
|
|
* 1. Set default font family to sans-serif.
|
|
* 2. Prevent iOS text size adjust after orientation change, without disabling
|
|
* user zoom.
|
|
* 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
|
|
* `em` units.
|
|
*/
|
|
html {
|
|
font-family: sans-serif;
|
|
/* 1 */
|
|
-ms-text-size-adjust: 100%;
|
|
/* 2 */
|
|
-webkit-text-size-adjust: 100%;
|
|
/* 2 */
|
|
}
|
|
|
|
/**
|
|
* Remove default margin.
|
|
*/
|
|
body {
|
|
margin: 0;
|
|
background-color: #fff;
|
|
}
|
|
|
|
/* 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 6/7/8/9 and Firefox 3.
|
|
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
|
|
*/
|
|
audio,
|
|
canvas,
|
|
progress,
|
|
video {
|
|
display: inline-block;
|
|
/* 1 */
|
|
vertical-align: baseline;
|
|
/* 2 */
|
|
}
|
|
|
|
/**
|
|
* Prevents 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/11, Safari, and Firefox < 22.
|
|
*/
|
|
[hidden],
|
|
template {
|
|
display: none;
|
|
}
|
|
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
/* Links
|
|
========================================================================== */
|
|
/**
|
|
* Remove the gray background color from active links in IE 10.
|
|
*/
|
|
a {
|
|
background-color: transparent;
|
|
}
|
|
|
|
/**
|
|
* Improve readability when focused and also mouse hovered in all browsers.
|
|
*/
|
|
a:active, 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;
|
|
color: #5f5f5f;
|
|
}
|
|
|
|
/**
|
|
* 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;
|
|
margin: 0.67em 0;
|
|
}
|
|
|
|
/**
|
|
* Addresses 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.5em;
|
|
}
|
|
|
|
sub {
|
|
bottom: -0.25em;
|
|
}
|
|
|
|
/* Embedded content
|
|
========================================================================== */
|
|
/**
|
|
* 1. Remove border when inside `a` element in IE 8/9/10.
|
|
* 2. Improves image quality when scaled in IE 7.
|
|
*/
|
|
img {
|
|
border: 0;
|
|
}
|
|
|
|
/**
|
|
* Correct overflow not hidden in IE 9/10/11.
|
|
*/
|
|
svg:not(:root) {
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* Grouping content
|
|
========================================================================== */
|
|
/**
|
|
* Address margin not present in IE 8/9 and Safari.
|
|
*/
|
|
figure {
|
|
margin: 1em 40px;
|
|
}
|
|
|
|
/**
|
|
* 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.
|
|
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
|
|
*/
|
|
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.
|
|
* 4. Improves appearance and consistency in all browsers.
|
|
*/
|
|
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;
|
|
/*color: transparent !important;*/
|
|
text-shadow: 0 0 0 #555 !important;
|
|
}
|
|
|
|
/**
|
|
* 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.
|
|
* 4. Removes inner spacing in IE 7 without affecting normal text inputs.
|
|
* Known issue: inner spacing remains in IE 6.
|
|
*/
|
|
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;
|
|
}
|
|
|
|
/**
|
|
* 1. Address box sizing set to `content-box` in IE 8/9/10.
|
|
* 2. Remove excess padding in IE 8/9/10.
|
|
* Known issue: excess padding remains in IE 6.
|
|
*/
|
|
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
|
|
* (include `-moz` to future-proof).
|
|
*/
|
|
input[type="search"] {
|
|
-webkit-appearance: textfield;
|
|
/* 1 */
|
|
/* 2 */
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
/**
|
|
* 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: 1px solid #c0c0c0;
|
|
margin: 0 2px;
|
|
padding: 0.35em 0.625em 0.75em;
|
|
}
|
|
|
|
/**
|
|
* 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.
|
|
* 3. Corrects text not wrapping in Firefox 3.
|
|
* 4. Corrects alignment displayed oddly in IE 6/7.
|
|
*/
|
|
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;
|
|
}
|
|
|
|
* {
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
body {
|
|
/* -webkit-touch-callout: none;
|
|
-webkit-text-size-adjust: none;
|
|
-webkit-user-select: none; */
|
|
}
|
|
|
|
html,
|
|
input,
|
|
textarea,
|
|
select,
|
|
button {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
html {
|
|
height: 100%;
|
|
}
|
|
|
|
body {
|
|
font-family: arial;
|
|
overflow-x: hidden;
|
|
font-size: 14px;
|
|
height: 100%;
|
|
color: #929292;
|
|
}
|
|
|
|
.body-login, .body-reset {
|
|
height: auto;
|
|
padding-top: 10%;
|
|
/*background: url(/images/edit_bg.png);*/
|
|
background-color: #eee;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #929292;
|
|
}
|
|
|
|
.disabled {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
.clearfix:before,
|
|
.clearfix:after {
|
|
content: '';
|
|
display: table;
|
|
}
|
|
|
|
.clearfix:after {
|
|
clear: both;
|
|
}
|
|
|
|
.text-right {
|
|
text-align: right;
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.check-label {
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
position: relative;
|
|
line-height: 16px;
|
|
padding-left: 26px;
|
|
}
|
|
|
|
.check-label:before {
|
|
content: '';
|
|
width: 16px;
|
|
height: 16px;
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
display: inline-block;
|
|
background-image: url("/images/sprite.png?1446554103");
|
|
background-size: 450px auto;
|
|
background-repeat: no-repeat;
|
|
background-position: -232px -9px;
|
|
z-index: 99;
|
|
}
|
|
|
|
input[type="checkbox"] {
|
|
display: none;
|
|
}
|
|
.clicked-on.check-label:before,
|
|
.selected .check-label:before {
|
|
content: '';
|
|
display: inline-block;
|
|
width: 27px;
|
|
height: 27px;
|
|
background-position: -225px -42px;
|
|
left: -6px;
|
|
top: -6px;
|
|
}
|
|
|
|
.l-center {
|
|
margin: 0 auto;
|
|
max-width: 998px;
|
|
}
|
|
|
|
.l-logo {
|
|
background-image: url("/images/sprite.png?1446554103");
|
|
background-position: -117px -7px;
|
|
/* background-position: -125px -478px; */
|
|
background-repeat: no-repeat;
|
|
display: inline-block;
|
|
float: left;
|
|
height: 22px;
|
|
margin-top: 4px;
|
|
width: 73px;
|
|
/* width: 42px; */
|
|
margin-left: -2px;
|
|
}
|
|
|
|
.l-header {
|
|
background-color: #5d5d5d;
|
|
overflow: hidden;
|
|
margin-bottom: 28px;
|
|
position: fixed;
|
|
width: 100%;
|
|
z-index: 100;
|
|
height: 34px
|
|
}
|
|
.l-header a {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.l-menu__item--active {
|
|
//background-color: #fff;
|
|
}
|
|
|
|
.l-menu__item.l-menu__item--active a {
|
|
color: #ff6701;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
background-color: #fff;
|
|
}
|
|
|
|
.l-menu {
|
|
float: left;
|
|
position: fixed;
|
|
margin-left: 70px;
|
|
}
|
|
.l-menu__item {
|
|
float: left;
|
|
}
|
|
.l-menu__item a {
|
|
color: #f7f7f7;
|
|
position: relative;
|
|
line-height: 34px;
|
|
padding: 11px 18px;
|
|
}
|
|
.l-menu__item a:hover {
|
|
background-color: #f79b44;
|
|
color: #fff;
|
|
}
|
|
.l-menu__item a:active {
|
|
color: #fff;
|
|
background-color: #ff6701;
|
|
}
|
|
|
|
.l-menu.active .l-menu__item.focus a {
|
|
text-decoration: underline;
|
|
color: #5edad0;
|
|
}
|
|
.l-menu.active .l-menu__item.focus a:hover {
|
|
background-color: #f79b44;
|
|
color: #fff;
|
|
}
|
|
|
|
|
|
.lang-ua .l-menu__item a,
|
|
.lang-nl .l-menu__item a,
|
|
.lang-fr .l-menu__item a,
|
|
.lang-ru .l-menu__item a {
|
|
padding: 11px 18px;
|
|
}
|
|
.lang-el .l-menu__item a,
|
|
.lang-tr .l-menu__item a {
|
|
padding: 11px 15px;
|
|
}
|
|
.lang-ar .l-menu__item a {
|
|
padding: 11px 11px;
|
|
}
|
|
.lang-ar .l-menu__item a {
|
|
line-height: 35px;
|
|
}
|
|
|
|
.lang-de .l-menu__item a {
|
|
padding: 11px 12px;
|
|
}
|
|
|
|
.lang-tw .l-menu__item a {
|
|
padding: 13px 18px;
|
|
}
|
|
|
|
.l-profile {
|
|
overflow: hidden;
|
|
float: right;
|
|
}
|
|
.l-profile__username {
|
|
float: left;
|
|
color: #a4abad;
|
|
font-weight: 700;
|
|
padding: 10px 0 0 10px;
|
|
margin-right: 12px;
|
|
}
|
|
.l-profile__username:hover {
|
|
color: #ffd62e;
|
|
}
|
|
.l-profile__username:active {
|
|
color: #f79b44;
|
|
}
|
|
|
|
|
|
.l-profile__logout {
|
|
float: left;
|
|
color: #fff;
|
|
/* margin-left: 40px; */
|
|
padding: 10px 0 0 10px;
|
|
}
|
|
.l-profile__logout:hover {
|
|
color: #C0E60E;
|
|
}
|
|
.l-profile__logout:active {
|
|
color: #ffd62e;
|
|
}
|
|
.lang-cn .l-profile__logout {
|
|
padding: 8px 5px;
|
|
}
|
|
.lang-tw .l-profile__logout {
|
|
padding: 8px 5px;
|
|
}
|
|
|
|
.l-profile__notifications {
|
|
background: url("/images/sprite.png?1446554103") no-repeat scroll -129px -135px;
|
|
border-radius: 30px;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
float: left;
|
|
font-weight: bold;
|
|
height: 15px;
|
|
margin-right: 4px;
|
|
margin-top: 5px;
|
|
padding: 10px 5px 0;
|
|
width: 15px;
|
|
}
|
|
.l-profile__notifications.active {
|
|
background-color: #454545;
|
|
}
|
|
.l-profile__notifications:hover {
|
|
background-color: #333;
|
|
}
|
|
.l-profile__notifications:active {
|
|
background-color: #c4da5e;
|
|
}
|
|
.l-profile__notifications.updates {
|
|
background-position: -202px -135px;
|
|
}
|
|
|
|
.notification-container {
|
|
background-color: #454545;
|
|
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3);
|
|
list-style-type: none;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
padding-left: 0;
|
|
position: fixed;
|
|
top: 34px;
|
|
width: 351px;
|
|
z-index: 200;
|
|
font-size: 12px;
|
|
padding: 0;
|
|
color: #7f7f7f;
|
|
}
|
|
.notification-container .unseen {
|
|
color: #ABABAB;
|
|
}
|
|
|
|
|
|
.notification-container li {
|
|
border-bottom: 1px solid #555;
|
|
padding: 10px 15px 24px;
|
|
}
|
|
.notification-container .mark-seen {
|
|
background-color: #abc04b;
|
|
border: 2px solid #454545;
|
|
border-radius: 10px;
|
|
cursor: pointer;
|
|
display: none;
|
|
float: right;
|
|
height: 7px;
|
|
margin-right: -5px;
|
|
margin-top: 0;
|
|
width: 7px;
|
|
}
|
|
.notification-container .mark-seen:hover {
|
|
background-color: #333;
|
|
border-color: #abc04b;
|
|
}
|
|
.notification-container .mark-seen:active {
|
|
background-color: #777;
|
|
border-color: #777;
|
|
}
|
|
.notification-container .unseen .mark-seen{
|
|
display: inline-block;
|
|
}
|
|
.notification-container .title {
|
|
color: #9e9e9e;
|
|
font-weight: bold;
|
|
line-height: 30px;
|
|
padding: 0;
|
|
text-transform: none;
|
|
float: none;
|
|
display: block;
|
|
}
|
|
.notification-container .title a {
|
|
color: #9e9e9e;
|
|
}
|
|
|
|
.notification-container .unseen .title a,
|
|
.notification-container .unseen .title {
|
|
color: #C4DA5E;
|
|
}
|
|
.notification-container .unseen .title a:hover {
|
|
color: #ffcc00;
|
|
}
|
|
.notification-container .unseen .title a:active {
|
|
color: #dacf2e;
|
|
}
|
|
|
|
.notification-container a {
|
|
color: #5ABDB5;/* #eee;*/
|
|
}
|
|
.notification-container a:hover {
|
|
color: #2CA99B;
|
|
}
|
|
.notification-container a:active {
|
|
color: #00C0C0;
|
|
}
|
|
|
|
.notification-container .icon {
|
|
display: inline-block;
|
|
width: 0;
|
|
}
|
|
.notification-container .icon.filemanager {
|
|
display: inline-block;
|
|
width: 22px;
|
|
background: url("/images/flat_icons.png") repeat scroll -31px -100px;
|
|
}
|
|
.notification-container .icon.starred {
|
|
display: inline-block;
|
|
width: 21px;
|
|
background: url("/images/sprite.png?1446554103") repeat scroll -184px 556px;
|
|
}
|
|
|
|
|
|
|
|
.l-stat {
|
|
margin: 0 auto;
|
|
margin: 34px auto;
|
|
position: fixed;
|
|
background-color: #fff;
|
|
z-index: 100;
|
|
padding-top: 30px;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.l-stat__col {
|
|
display: block;
|
|
vertical-align: top;
|
|
float: left;
|
|
}
|
|
.l-stat__col a {
|
|
display: inline-block;
|
|
padding-bottom: 36px;
|
|
min-height: 111px;
|
|
width: 138px;
|
|
border-bottom: 3px solid #fff;
|
|
overflow: hidden;
|
|
background-color: #fff;
|
|
padding-top: 3px;
|
|
margin-top: -3px;
|
|
padding-left: 5px;
|
|
}
|
|
.l-stat__col a:hover {
|
|
border-bottom: 3px solid #ff8e61;
|
|
}
|
|
.l-stat__col a:active {
|
|
border-bottom: 3px solid #f72b44;
|
|
}
|
|
.l-stat__col--active a {
|
|
border-bottom: 3px solid #ff6e42;
|
|
}
|
|
|
|
.l-stat.active .l-stat__col.focus a {
|
|
border-bottom: 3px solid #5edad0;
|
|
}
|
|
.l-stat.active .l-stat__col.focus a .l-stat__col-title {
|
|
color: #36B3A9;
|
|
}
|
|
|
|
|
|
|
|
.l-stat__col a:hover .l-stat__col-title {
|
|
color: #ff6701;
|
|
}
|
|
.l-stat__col a:active .l-stat__col-title {
|
|
color: #f72b44;
|
|
}
|
|
|
|
|
|
.l-stat__col ul {
|
|
list-style-type: none;
|
|
font-size: 12px;
|
|
padding-left: 0;
|
|
}
|
|
.l-stat__col li {
|
|
color: #a0a0a0;
|
|
margin-bottom: 8px;
|
|
text-transform: lowercase;
|
|
}
|
|
.l-stat__col span {
|
|
padding-left: 15px;
|
|
}
|
|
.l-stat__col-title {
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
color: #212134;
|
|
min-height: 21px;
|
|
}
|
|
.l-stat__col--active .l-stat__col-title {
|
|
color: #ff6701;
|
|
font-size: 24px;
|
|
margin-top: -7px;
|
|
letter-spacing: -1px;
|
|
margin-right: -8px;
|
|
}
|
|
|
|
.l-separator.selected,
|
|
.l-separator {
|
|
height: 1px;
|
|
background-color: #ddd;
|
|
}
|
|
|
|
div.l-content > div.l-separator:nth-of-type(2) {
|
|
margin-top: 214px;
|
|
width: 100%;
|
|
position: fixed;
|
|
z-index: 120;
|
|
}
|
|
|
|
div.l-content > div.l-separator:nth-of-type(4) {
|
|
margin-top: 259px;
|
|
width: 100%;
|
|
position: fixed;
|
|
z-index: 100;
|
|
}
|
|
|
|
.l-sort {
|
|
position: fixed;
|
|
width: 998px;
|
|
background-color: #fff;
|
|
z-index: 110;
|
|
margin-top: 215px;
|
|
}
|
|
.l-sort__create-btn {
|
|
background-image: url("/images/sprite.png?1446554103");
|
|
background-position: -331px -107px;
|
|
background-repeat: no-repeat;
|
|
bottom: -23px;
|
|
display: inline-block;
|
|
height: 45px;
|
|
left: 30px;
|
|
position: absolute;
|
|
width: 45px;
|
|
z-index: 3;
|
|
}
|
|
.l-sort__create-btn:hover {
|
|
background-position: -378px -107px;
|
|
}
|
|
.l-sort__create-btn:active {
|
|
background-position: -425px -107px;
|
|
}
|
|
.l-sort__create-btn--active {
|
|
background-position: -425px -107px;
|
|
}
|
|
|
|
.l-sort__create-btn.restore {
|
|
background-position: -331px -250px;
|
|
bottom: -22px;
|
|
}
|
|
.l-sort__create-btn.restore:hover {
|
|
background-position: -331px -250px;
|
|
}
|
|
.l-sort__create-btn.restore:active {
|
|
background-position: -331px -250px;
|
|
}
|
|
|
|
.l-sort__create-btn.edit {
|
|
background-position: -331px -154px;
|
|
bottom: -22px;
|
|
}
|
|
.l-sort__create-btn.edit:hover {
|
|
background-position: -378px -154px;
|
|
}
|
|
.l-sort__create-btn.edit:active {
|
|
background-position: -425px -154px;
|
|
}
|
|
|
|
.context-menu.sort-order {
|
|
display: inline-block;
|
|
position: absolute;
|
|
z-index: 3;
|
|
left: 397px;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
top: 42px;
|
|
width: 201px;
|
|
background-color: #5c5c5c;
|
|
list-style-type: none;
|
|
padding-left: 0;
|
|
box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.3);
|
|
}
|
|
.context-menu.sort-order li {
|
|
padding: 0;
|
|
}
|
|
.context-menu li {
|
|
border-bottom: 1px solid #777;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
font-size: 12px;
|
|
padding: 12px;
|
|
}
|
|
.context-menu.sort-order span.name {
|
|
background: url("/images/sprite.png?1446554103") no-repeat scroll -292px -361px rgba(0, 0, 0, 0);
|
|
display: inline-block;
|
|
padding: 12px 28px 12px 12px;
|
|
width: 117px;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
}
|
|
.context-menu.sort-order span.up {
|
|
background: url("/images/sprite.png?1446554103") no-repeat scroll -434px -417px rgba(0, 0, 0, 0);
|
|
display: inline-block;
|
|
padding: 12px 14px;
|
|
width: 16px;
|
|
}
|
|
.context-menu.sort-order span.active {
|
|
background-color: #FFD437;
|
|
color: #555;
|
|
}
|
|
.context-menu.sort-order span:hover {
|
|
background-color: #777;
|
|
color: #fff;
|
|
}
|
|
.context-menu.sort-order span:active {
|
|
background-color: #ffcc00;
|
|
}
|
|
|
|
|
|
|
|
|
|
.l-sort-toolbar {
|
|
float: right;
|
|
padding: 7px 0 7px 0;
|
|
width: 100%;
|
|
}
|
|
.l-sort-toolbar table{
|
|
float: right;
|
|
}
|
|
|
|
.l-sort-toolbar td.toggle-all {
|
|
padding-top: 7px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.l-sort-toolbar .sort-by {
|
|
cursor: pointer;
|
|
padding-top: 7px;
|
|
padding-left: 40px;
|
|
}
|
|
.l-sort-toolbar .sort-by:hover {
|
|
color: #555;
|
|
}
|
|
.l-sort-toolbar .sort-by:hover b {
|
|
color: #555;
|
|
}
|
|
.l-sort-toolbar .sort-by:active {
|
|
color: #55c9c0;
|
|
}
|
|
.l-sort-toolbar .sort-by:active b {
|
|
color: #55c9c0;
|
|
}
|
|
|
|
.l-sort-toolbar .sort-by b {
|
|
text-transform: uppercase;
|
|
padding-left: 3px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.l-sort-toolbar .toggle-all:hover {
|
|
color: #555;
|
|
}
|
|
.l-sort-toolbar .toggle-all:active {
|
|
color: #55c9c0;
|
|
}
|
|
|
|
.l-sort-toolbar .l-select {
|
|
float: left;
|
|
}
|
|
.l-sort-toolbar td {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.l-sort-toolbar.subtitle {
|
|
padding-left: 96px;
|
|
}
|
|
|
|
|
|
.l-sort-toolbar td:first-of-type {
|
|
padding-left: 40px;
|
|
}
|
|
|
|
|
|
.l-sort-toolbar td.step-right:first-of-type {
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.l-sort-toolbar td:nth-of-type(2) {
|
|
/* /// padding-right: 60px;*/
|
|
padding-right: 20px;
|
|
}
|
|
.l-sort-toolbar td:last-of-type {
|
|
/* /// padding-left: 40px; */
|
|
}
|
|
.l-sort-toolbar__filter-apply {
|
|
float: left;
|
|
width: 30px;
|
|
height: 30px;
|
|
background-image: url("/images/sprite.png?1446554103");
|
|
background-position: -333px -1px;
|
|
border: none;
|
|
}
|
|
.l-sort-toolbar__filter-apply:hover {
|
|
background-position: -368px -1px;
|
|
border-color: #afafac;
|
|
}
|
|
.l-sort-toolbar__filter-apply:active {
|
|
background-position: -404px -1px;
|
|
border-color: #afafac;
|
|
}
|
|
.l-sort-toolbar__filter-apply--active {
|
|
background-position: -404px -1px;
|
|
border-color: #50bdb5;
|
|
}
|
|
|
|
.l-sort-toolbar__search {
|
|
float: left;
|
|
width: 25px;
|
|
height: 25px;
|
|
background-image: url("/images/sprite.png?1446554103");
|
|
background-position: -333px -37px;
|
|
border: none;
|
|
}
|
|
.l-sort-toolbar__search:hover {
|
|
background-position: -368px -37px;
|
|
border-color: #afafac;
|
|
}
|
|
.l-sort-toolbar__search:active {
|
|
background-position: -404px -37px;
|
|
border-color: #50bdb5;
|
|
}
|
|
.l-sort-toolbar__search--active {
|
|
background-position: -404px -37px;
|
|
border-color: #50bdb5;
|
|
}
|
|
.l-sort-toolbar .vst {
|
|
padding: 0 12px;
|
|
color: #777;
|
|
text-transform: uppercase;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
line-height: 30px;
|
|
}
|
|
.l-sort-toolbar .vst:hover {
|
|
color: #ff6701;
|
|
}
|
|
.l-sort-toolbar .vst:active {
|
|
color: #55C9C0;
|
|
}
|
|
.l-sort-toolbar .vst.selected {
|
|
color: #ff6701;
|
|
// color: #92af0b;
|
|
}
|
|
|
|
|
|
|
|
.l-select {
|
|
width: 178px;
|
|
height: 28px;
|
|
border: 1px solid #ddd;
|
|
border-radius: 0;
|
|
overflow-x: hidden;
|
|
position: relative;
|
|
display: inline-block;
|
|
border-style: solid none solid solid;
|
|
}
|
|
.lang-ru .l-select {
|
|
width: 199px;
|
|
}
|
|
|
|
.l-select:after {
|
|
pointer-events: none;
|
|
background-image: url("/images/sprite.png?1446554103");
|
|
background-position: -245px -175px;
|
|
width: 7px;
|
|
height: 4px;
|
|
margin-top: -2px;
|
|
content: '';
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 50%;
|
|
}
|
|
.l-select select {
|
|
border: 0;
|
|
background-color: transparent;
|
|
line-height: 28px;
|
|
height: 28px;
|
|
min-width: 208px;
|
|
padding-left: 4px;
|
|
appearance:none;
|
|
-moz-appearance:none;
|
|
-webkit-appearance:none;
|
|
padding-left: 10px;
|
|
}
|
|
.l-select select:focus {
|
|
border: 0;
|
|
outline: 0;
|
|
}
|
|
.lang-ru .l-select select {
|
|
min-width: 215px;
|
|
}
|
|
.l-select select option {
|
|
padding: 7px;
|
|
}
|
|
|
|
.l-unit {
|
|
color: #888;
|
|
padding: 0 0 0 15px;
|
|
overflow: hidden;
|
|
font-size: 13px;
|
|
}
|
|
.units .l-unit {
|
|
border-bottom: 1px solid #ddd;
|
|
border-left: 2px solid #fff;
|
|
}
|
|
.units .l-unit.l-unit--starred {
|
|
border-left: 2px solid #ff6701;
|
|
}
|
|
.units.active .l-unit.focus {
|
|
border-left: 2px solid #5edad0;
|
|
}
|
|
.units.active .l-unit.focus .l-unit__name {
|
|
color: #36b3a9;
|
|
}
|
|
.units.active .l-unit.focus .l-unit-toolbar__col--right {
|
|
display: block;
|
|
}
|
|
|
|
.units > div:last-child {
|
|
border-bottom: none;
|
|
}
|
|
|
|
.l-unit-ft {
|
|
color: #929292;
|
|
padding: 0 0 0 15px;
|
|
}
|
|
|
|
.l-unit:hover .l-unit-toolbar__col--right {
|
|
display: block;
|
|
}
|
|
.l-unit--blue {
|
|
border-left: 2px solid #55c9c0;
|
|
}
|
|
|
|
.l-unit--suspended {
|
|
background-color: #eaeaea;
|
|
color: #c0c0c0;
|
|
}
|
|
|
|
|
|
.units .l-unit.l-unit--outdated {
|
|
background-color: #ffcaca;
|
|
color: #555;
|
|
border-left: 5px solid #ff6f6f;
|
|
border-bottom: 1px solid #fff;
|
|
}
|
|
|
|
.l-unit--suspended .l-unit__name,
|
|
.l-unit--suspended b,
|
|
.l-unit--outdated .l-unit__name,
|
|
.l-unit--outdated b {
|
|
color: #c0c0c0;
|
|
}
|
|
|
|
.l-unit--outdated .l-unit__name {
|
|
color: #333;
|
|
}
|
|
.l-unit--outdated b {
|
|
color: #555;
|
|
}
|
|
|
|
.l-unit--suspended .l-percent {
|
|
border-color: #fff;
|
|
}
|
|
.l-unit--suspended .l-percent__fill {
|
|
background-color: #fff;
|
|
}
|
|
.l-unit--suspended .l-unit__name,
|
|
.l-unit--suspended .l-unit__name span {
|
|
color: #ADADAD;
|
|
}
|
|
|
|
.l-unit--suspended.selected .l-unit__name,
|
|
.l-unit--suspended.selected .l-unit__name span {
|
|
color: #777;
|
|
}
|
|
|
|
.l-unit--suspended.selected {
|
|
background-color: #f2eab8 !important;
|
|
color: #b2ac87 !important;
|
|
}
|
|
|
|
.l-unit--outdated.selected {
|
|
background: #765D5D !important;
|
|
color: #333 !important;
|
|
}
|
|
|
|
|
|
|
|
.l-unit--suspended.selected .l-unit__name,
|
|
.l-unit--suspended.selected b,
|
|
.l-unit--outdated.selected .l-unit__name,
|
|
.l-unit--outdated.selected b,
|
|
.l-unit--suspended.selected .l-percent,
|
|
.l-unit--suspended.selected .l-percent__fill,
|
|
.l-unit--suspended.selected .l-unit__name,
|
|
.l-unit--suspended.selected .l-unit__name span {
|
|
color: #333 !important;
|
|
}
|
|
|
|
.l-unit.selected .l-percent {
|
|
border-bottom: 1px dotted #777;
|
|
}
|
|
|
|
|
|
.l-unit--selected {
|
|
background-color: #d1eddc;
|
|
}
|
|
.l-unit-toolbar{
|
|
height: 39px;
|
|
}
|
|
|
|
.l-unit label {
|
|
margin-bottom: 20px;
|
|
}
|
|
.l-unit__columns {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
.l-unit__col {
|
|
display: table-cell;
|
|
padding-top: 1px;
|
|
vertical-align: top;
|
|
}
|
|
.l-unit__col--left {
|
|
width: 124px;
|
|
padding-right: 10px;
|
|
}
|
|
.units.compact .l-unit__col--left {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.l-unit__col--left.step-left {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.l-unit__col--right.total {
|
|
padding-left: 16px;
|
|
}
|
|
|
|
.l-unit__col--right.back {
|
|
padding-left: 78px
|
|
}
|
|
|
|
.l-sort-toolbar .step-left {
|
|
padding-left: 40px;
|
|
}
|
|
.step-right {
|
|
padding-right: 40px;
|
|
}
|
|
|
|
.l-unit__date {
|
|
font-size: 12px;
|
|
letter-spacing: 1px;
|
|
margin-top: 10px;
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
.l-unit__suspended {
|
|
display: none;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
letter-spacing: 3px;
|
|
margin-top: 36px;
|
|
text-transform: uppercase;
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
.units.compact .l-unit__suspended {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.l-unit--outdated .l-unit__suspended,
|
|
.l-unit--suspended .l-unit__suspended {
|
|
display: block;
|
|
}
|
|
|
|
.l-unit-ft .subtitle,
|
|
.l-unit .subtitle {
|
|
color: #ff6701;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
margin: 20px 0 18px 129px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.l-unit.l-unit--outdated .l-unit__date {
|
|
color: #d24c4c;
|
|
font-size: 10px;
|
|
letter-spacing: 3px;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.l-unit__name {
|
|
color: #111;
|
|
font-size: 32px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.l-unit__stats.separate,
|
|
.l-unit__name.separate {
|
|
padding-bottom: 15px;
|
|
}
|
|
|
|
.l-unit__name.small {
|
|
font-size: 19px;
|
|
}
|
|
|
|
.l-unit__name.small-2 {
|
|
font-size: 24px;
|
|
}
|
|
|
|
|
|
.l-unit__name span {
|
|
color: #999;
|
|
margin-left: 30px;
|
|
font-size: 14px;
|
|
font-style: italic;
|
|
}
|
|
.l-unit__name span:first-of-type {
|
|
margin-left: 39px;
|
|
}
|
|
.l-unit__name b {
|
|
font-weight: normal;
|
|
font-style: italic;
|
|
}
|
|
|
|
.l-unit__ip {
|
|
margin-bottom: 26px;
|
|
font-size: 12px;
|
|
letter-spacing: 1px;
|
|
}
|
|
.l-unit__ip span {
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
}
|
|
.display-ip {
|
|
font-size: 12px;
|
|
letter-spacing: 1px;
|
|
}
|
|
.display-ip span {
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
}
|
|
|
|
.l-unit__stats {
|
|
margin-bottom: 50px;
|
|
}
|
|
.l-unit__stats table {
|
|
width: 100%;
|
|
table-layout: fixed;
|
|
}
|
|
.l-unit__stats td {
|
|
height: 22px;
|
|
padding-bottom: 3px;
|
|
vertical-align: top;
|
|
}
|
|
.l-unit__stat-col--left {
|
|
float: left;
|
|
width: 124px;
|
|
}
|
|
.l-unit__stat-col--left.compact {
|
|
width: 70px;
|
|
}
|
|
.l-unit__stat-col--left.compact-2 {
|
|
width: 95px;
|
|
}
|
|
.l-unit__stat-col--left.wide {
|
|
width: 190px;
|
|
}
|
|
.l-unit__stat-col--left.wide-2 {
|
|
width: 230px;
|
|
}
|
|
.l-unit__stat-col--left.wide-3 {
|
|
width: 250px;
|
|
}
|
|
.l-unit__stat-col--left.wide-4 {
|
|
width: 550px;
|
|
}
|
|
|
|
|
|
.l-unit__stat-col--left.small-2 {
|
|
line-height: 11px;
|
|
}
|
|
|
|
.l-unit__stat-col--left.tiny {
|
|
font-size: 11px;
|
|
}
|
|
|
|
.l-unit__stat-col--left.tiny b {
|
|
font-size: 18px;
|
|
}
|
|
|
|
|
|
.l-unit__stat-col--right {
|
|
float: left;
|
|
max-width: 152px;
|
|
}
|
|
|
|
.l-unit-toolbar__col--left {
|
|
float: left;
|
|
margin-left: -15px;
|
|
margin-top: 0;
|
|
padding-bottom: 0px;/* 8px */
|
|
padding-left: 15px;
|
|
padding-top: 15px;
|
|
width: 30px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.l-unit-toolbar__col--right {
|
|
float: right;
|
|
display: none;
|
|
}
|
|
|
|
body.mobile .l-unit-toolbar__col--right {
|
|
display: block;
|
|
}
|
|
|
|
.l-unit-toolbar .shortcut {
|
|
display: none;
|
|
}
|
|
|
|
.units.active .l-unit.focus .l-unit-toolbar .shortcut {
|
|
display: block;
|
|
background-color: #69a298;
|
|
border-radius: 13px;
|
|
color: #fff;
|
|
cursor: pointer;
|
|
display: block;
|
|
font-size: 12px;
|
|
font-weight: 700;
|
|
line-height: 25px;
|
|
padding-left: 7px;
|
|
padding-right: 9px;
|
|
position: absolute;
|
|
right: 3px;
|
|
top: 3px;
|
|
}
|
|
.units.active .l-unit.focus .l-unit-toolbar .shortcut.delete {
|
|
font-size: 10px;
|
|
padding-left: 2px;
|
|
padding-right: 5px;
|
|
text-transform: capitalize;
|
|
}
|
|
.units.active .l-unit.focus .l-unit-toolbar .shortcut.enter {
|
|
font-size: 17px;
|
|
padding-left: 1px;
|
|
padding-right: 7px;
|
|
}
|
|
.units.active .l-unit.focus .l-unit-toolbar i {
|
|
background: none;
|
|
}
|
|
|
|
.l-unit__stat-col.volume {
|
|
font-size: 12px;
|
|
line-height: 17px;
|
|
float: right;
|
|
}
|
|
|
|
.actions-panel__col {
|
|
float: left;
|
|
min-width: 95px;
|
|
min-height: 31px;
|
|
text-transform: uppercase;
|
|
background-color: #dfdedd;
|
|
border-right: 1px solid #d8d7d7;
|
|
position: relative;
|
|
}
|
|
.selected .actions-panel__col {
|
|
-webkit-filter: contrast(80%);
|
|
filter: contrast(80%);
|
|
}
|
|
.actions-panel__col i {
|
|
background-image: url("/images/sprite.png?1446554103");
|
|
background-repeat: no-repeat;
|
|
display: inline-block;
|
|
float: right;
|
|
content: '';
|
|
width: 31px;
|
|
height: 31px;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.actions-panel__col a {
|
|
line-height: 31px;
|
|
color: #777;
|
|
font-weight: 700;
|
|
font-size: 12px;
|
|
padding-left: 13px;
|
|
display: block;
|
|
cursor: pointer;
|
|
position: relative;
|
|
padding-right: 36px;
|
|
}
|
|
.lang-ru .actions-panel__col a {
|
|
font-size: 11px;
|
|
padding-top: 1px;
|
|
}
|
|
.lang-tw .actions-panel__col a {
|
|
font-size: 15px;
|
|
font-weight: normal;
|
|
line-height: 29px;
|
|
}
|
|
.lang-ar .actions-panel__col a {
|
|
font-size: 15px;
|
|
font-weight: normal;
|
|
line-height: 31px;
|
|
}
|
|
|
|
|
|
.actions-panel__favorite a {
|
|
background-color: #afafac;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__favorite i {
|
|
background-position: -39px -85px;
|
|
}
|
|
|
|
.actions-panel__edit i {
|
|
background-position: -1px -169px;
|
|
}
|
|
.actions-panel__edit:hover a {
|
|
background-color: #9fbf0c;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__edit:active a {
|
|
background-color: #c0e60f;
|
|
color: #555;
|
|
}
|
|
.actions-panel__edit:hover a i {
|
|
background-position: -41px -169px;
|
|
}
|
|
.actions-panel__edit:active a i {
|
|
background-position: -81px -169px;
|
|
}
|
|
.actions-panel__edit--active a {
|
|
background-color: #c0e60f;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__edit--active i {
|
|
background-position: -78px -169px;
|
|
}
|
|
|
|
.actions-panel__restart i {
|
|
background-position: -1px -520px;
|
|
}
|
|
.actions-panel__restart:hover a {
|
|
background-color: #9fbf0c;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__restart:active a {
|
|
background-color: #c0e60f;
|
|
color: #555;
|
|
}
|
|
.actions-panel__restart:hover a i {
|
|
background-position: -41px -520px;
|
|
}
|
|
.actions-panel__restart:active a i {
|
|
background-position: -81px -520px;
|
|
}
|
|
.actions-panel__restart--active a {
|
|
background-color: #c0e60f;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__restart--active i {
|
|
background-position: -78px -520px;
|
|
}
|
|
|
|
.actions-panel__add i {
|
|
background-position: -1px -285px;
|
|
}
|
|
.actions-panel__add:hover a {
|
|
background-color: #9fbf0c;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__add:active a {
|
|
background-color: #c0e60f;
|
|
color: #555;
|
|
}
|
|
.actions-panel__add:hover a i {
|
|
background-position: -41px -285px;
|
|
}
|
|
.actions-panel__add:active a i {
|
|
background-position: -81px -285px;
|
|
}
|
|
|
|
.actions-panel__add--active a {
|
|
background-color: #c0e60f;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__add--active i {
|
|
background-position: -78px -285px;
|
|
}
|
|
|
|
.actions-panel__update i {
|
|
background-position: -1px -481px;
|
|
}
|
|
.actions-panel__update:hover a {
|
|
background-color: #9fbf0c;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__update:active a {
|
|
background-color: #c0e60f;
|
|
color: #555;
|
|
}
|
|
.actions-panel__update:hover a i {
|
|
background-position: -41px -481px;
|
|
}
|
|
.actions-panel__update:active a i {
|
|
background-position: -81px -481px;
|
|
}
|
|
.actions-panel__update--active a {
|
|
background-color: #c0e60f;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__update--active i {
|
|
background-position: -78px -481px;
|
|
}
|
|
|
|
.actions-panel__logs i {
|
|
background-position: -2px -130px;
|
|
}
|
|
.actions-panel__logs:hover a {
|
|
background-color: #afafac;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__logs:active a {
|
|
background-color: #55c9c0;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__logs:hover a i {
|
|
background-position: -42px -130px;
|
|
}
|
|
.actions-panel__logs:active a i {
|
|
background-position: -82px -130px;
|
|
}
|
|
.actions-panel__logs--active a {
|
|
background-color: #55c9c0;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__logs--active i {
|
|
background-position: -79px -130px;
|
|
}
|
|
|
|
.actions-panel__db i {
|
|
background-position: -2px -363px;
|
|
}
|
|
.actions-panel__db:hover a {
|
|
background-color: #afafac;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__db:active a {
|
|
background-color: #55c9c0;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__db:hover a i {
|
|
background-position: -42px -363px;
|
|
}
|
|
.actions-panel__db:active a i {
|
|
background-position: -82px -363px;
|
|
}
|
|
.actions-panel__db--active a {
|
|
background-color: #55c9c0;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__db--active i {
|
|
background-position: -79px -362px;
|
|
}
|
|
|
|
.actions-panel__suspend i {
|
|
background-position: -1px -51px;
|
|
}
|
|
.actions-panel__suspend:hover a {
|
|
background-color: #afafac;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__suspend:active a {
|
|
background-color: #55c9c0;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__suspend:hover a i {
|
|
background-position: -41px -51px;
|
|
}
|
|
.actions-panel__suspend:active a i {
|
|
background-position: -81px -51px;
|
|
}
|
|
.actions-panel__suspend--active a {
|
|
background-color: #55c9c0;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__suspend--active i {
|
|
background-position: -78px -51px;
|
|
}
|
|
|
|
.actions-panel__unsuspend i {
|
|
background-position: -1px -12px;
|
|
}
|
|
.actions-panel__unsuspend:hover a {
|
|
background-color: #afafac;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__unsuspend:active a {
|
|
background-color: #55c9c0;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__unsuspend:hover a i {
|
|
background-position: -41px -12px;
|
|
}
|
|
.actions-panel__unsuspend:active a i {
|
|
background-position: -81px -12px;
|
|
}
|
|
.actions-panel__unsuspend--active a {
|
|
background-color: #55c9c0;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__unsuspend--active i {
|
|
background-position: -78px -12px;
|
|
}
|
|
|
|
|
|
.actions-panel__loginas i {
|
|
background-position: -1px -245px;
|
|
}
|
|
.actions-panel__loginas:hover a {
|
|
background-color: #afafac;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__loginas:active a {
|
|
background-color: #55c9c0;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__loginas:hover a i {
|
|
background-position: -41px -245px;
|
|
}
|
|
.actions-panel__loginas:active a i {
|
|
background-position: -81px -245px;
|
|
}
|
|
.actions-panel__loginas--active a {
|
|
background-color: #55c9c0;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__loginas--active i {
|
|
background-position: -78px -245px;
|
|
}
|
|
|
|
.actions-panel__download i {
|
|
background-position: -1px -402px;
|
|
}
|
|
.actions-panel__download:hover a {
|
|
background-color: #9fbf0c;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__download:active a {
|
|
background-color: #c0e60f;
|
|
color: #555;
|
|
}
|
|
.actions-panel__download:hover a i {
|
|
background-position: -41px -402px;
|
|
}
|
|
.actions-panel__download:active a i {
|
|
background-position: -81px -402px;
|
|
}
|
|
.actions-panel__download--active a {
|
|
background-color: #c0e60f;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__download--active i {
|
|
background-position: -78px -402px;
|
|
}
|
|
|
|
.actions-panel__configure i {
|
|
background-position: -1px -442px;
|
|
}
|
|
.actions-panel__configure:hover a {
|
|
background-color: #55c9c0;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__configure:active a {
|
|
background-color: #afafac;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__configure:hover a i {
|
|
background-position: -81px -442px;
|
|
}
|
|
.actions-panel__configure:active a i {
|
|
background-position: -41px -442px;
|
|
}
|
|
.actions-panel__configure--active a {
|
|
background-color: #55c9c0;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__configure--active i {
|
|
background-position: -78px -442px;
|
|
}
|
|
|
|
.actions-panel__.l-icon-starmail i {
|
|
background-position: -1px -324px;
|
|
}
|
|
.actions-panel__mail:hover a {
|
|
background-color: #afafac;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__mail:active a {
|
|
background-color: #55c9c0;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__mail:hover a i {
|
|
background-position: -41px -324px;
|
|
}
|
|
.actions-panel__mail:active a i {
|
|
background-position: -81px -324px;
|
|
}
|
|
.actions-panel__mail--active a {
|
|
background-color: #55c9c0;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__mail--active i {
|
|
background-position: -78px -324px;
|
|
}
|
|
|
|
.actions-panel__delete i {
|
|
background-position: -1px -207px;
|
|
}
|
|
.actions-panel__delete:hover a {
|
|
background-color: #ff3438;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__delete:active a {
|
|
background-color: #ff5f5f;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__delete:hover a i {
|
|
background-position: -41px -207px;
|
|
}
|
|
.actions-panel__delete:active a i {
|
|
background-position: -81px -207px;
|
|
}
|
|
.actions-panel__delete--active a {
|
|
background-color: #ff5f5f;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__delete--active i {
|
|
background-position: -78px -207px;
|
|
}
|
|
|
|
.actions-panel__stop i {
|
|
background-position: -1px -561px;
|
|
}
|
|
.actions-panel__stop:hover a {
|
|
background-color: #ff3438;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__stop:active a {
|
|
background-color: #ff5f5f;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__stop:hover a i {
|
|
background-position: -41px -561px;
|
|
}
|
|
.actions-panel__stop:active a i {
|
|
background-position: -81px -561px;
|
|
}
|
|
.actions-panel__stop--active a {
|
|
background-color: #ff5f5f;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__stop--active i {
|
|
background-position: -78px -561px;
|
|
}
|
|
|
|
.actions-panel__start i {
|
|
background-position: -1px -482px;
|
|
}
|
|
.actions-panel__start:hover a {
|
|
background-color: #9fbf0c;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__start:active a {
|
|
background-color: #c0e60f;
|
|
color: #555;
|
|
}
|
|
.actions-panel__start:hover a i {
|
|
background-position: -41px -482px;
|
|
}
|
|
.actions-panel__start:active a i {
|
|
background-position: -81px -482px;
|
|
}
|
|
.actions-panel__start--active a {
|
|
background-color: #c0e60f;
|
|
color: #fff;
|
|
}
|
|
.actions-panel__start--active i {
|
|
background-position: -78px -482px;
|
|
}
|
|
|
|
|
|
.l-icon-up-arrow, .l-icon-down-arrow, .l-icon-star, .l-icon-to-top, .l-icon-shortcuts, .l-icon-star-orange, .l-icon-star-blue {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
background-image: url("/images/sprite.png?1446554103");
|
|
}
|
|
|
|
.l-icon-down-arrow {
|
|
width: 7px;
|
|
height: 15px;
|
|
background-position: -280px -128px;
|
|
}
|
|
|
|
.l-icon-up-arrow {
|
|
width: 7px;
|
|
height: 15px;
|
|
background-position: -299px -129px;
|
|
}
|
|
|
|
|
|
.l-icon-star {
|
|
width: 36px;
|
|
height: 36px;
|
|
background-position: -216px 560px;
|
|
cursor: pointer;
|
|
visibility: hidden;
|
|
}
|
|
.l-unit--starred .l-icon-star {
|
|
background-position: -174px 560px;
|
|
visibility: visible;
|
|
}
|
|
.selected .l-icon-star {
|
|
filter: contrast(70%);
|
|
-webkit-filter: contrast(70%);
|
|
}
|
|
|
|
.units.compact .l-icon-star {
|
|
margin-top: -14px;
|
|
}
|
|
|
|
.l-icon-star:hover {
|
|
background-position: 0px 560px;
|
|
}
|
|
|
|
.l-icon-star:active {
|
|
-background-position: -174px 560px;
|
|
background-position: -80px 562px;
|
|
}
|
|
|
|
.l-unit:hover .l-icon-star {
|
|
visibility: visible;
|
|
}
|
|
|
|
|
|
.l-icon-to-top {
|
|
width: 35px;
|
|
height: 35px;
|
|
background-position: -330px -68px;
|
|
}
|
|
.l-icon-to-top:hover {
|
|
background-position: -366px -68px;
|
|
}
|
|
.l-icon-to-top:active {
|
|
background-position: -402px -68px;
|
|
}
|
|
|
|
.l-icon-shortcuts {
|
|
width: 35px;
|
|
height: 35px;
|
|
background-position: -240px -281px;
|
|
border-radius: 18px;
|
|
}
|
|
.l-icon-shortcuts:hover {
|
|
background-position: -160px -281px;
|
|
}
|
|
.l-icon-shortcuts:active {
|
|
background-position: -198px -281px;
|
|
}
|
|
|
|
body.mobile .l-icon-to-top,
|
|
body.mobile .l-icon-shortcuts {
|
|
display: none;
|
|
}
|
|
|
|
|
|
.l-icon-star-orange {
|
|
width: 13px;
|
|
height: 13px;
|
|
background-position: -178px -97px;
|
|
}
|
|
|
|
.l-icon-star-blue {
|
|
width: 13px;
|
|
height: 13px;
|
|
background-position: -134px -97px;
|
|
}
|
|
|
|
.media-top {
|
|
vertical-align: top;
|
|
}
|
|
|
|
.l-unit__stat-cols {
|
|
padding-right: 10px;
|
|
}
|
|
.l-unit__stat-cols.last {
|
|
padding-right: 0;
|
|
}
|
|
.l-unit__stat-cols.graph {
|
|
width: 200px;
|
|
}
|
|
.l-unit__stat-cols.tiny {
|
|
font-size:11px;
|
|
line-height: 19px;
|
|
}
|
|
|
|
.l-percent {
|
|
border-bottom: 1px dotted #ccc;
|
|
margin-top: 1px;
|
|
width: 200px;
|
|
}
|
|
.l-percent__fill {
|
|
background-color: #aacc0d;
|
|
height: 3px;
|
|
position: relative;
|
|
bottom: -1px;
|
|
}
|
|
|
|
.to-top {
|
|
display: inline-block;
|
|
position: fixed;
|
|
top: 92%;
|
|
right: 1%;
|
|
}
|
|
|
|
.to-shortcuts {
|
|
display: inline-block;
|
|
position: fixed;
|
|
top: 92%;
|
|
right: 4%;
|
|
}
|
|
|
|
|
|
/*
|
|
#vstobjects {
|
|
margin-top: -1px;
|
|
}
|
|
*/
|
|
|
|
#vstobjects .l-center {
|
|
padding-top: 20px;
|
|
padding-bottom: 30px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.timer-container {
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.timer-container .refresh-timer {
|
|
border: 2px solid #9f9f9f;
|
|
border-radius: 14px;
|
|
height: 14px;
|
|
width: 14px;
|
|
float: left;
|
|
margin: 2px 10px 0 0;
|
|
}
|
|
.timer-container .refresh-timer.paused {
|
|
border: 2px solid #9f9f9f;
|
|
}
|
|
.timer-container .refresh-timer.paused .loader-half.right,
|
|
.timer-container .refresh-timer.paused .loader-half.dark {
|
|
background-color: #9d9f9f;
|
|
}
|
|
.timer-container .loader-half {
|
|
border-radius: 0 14px 14px 0;
|
|
height: 14px;
|
|
width: 7px;
|
|
float: left;
|
|
}
|
|
.timer-container .loader-half.left {
|
|
border-radius: 14px 0 0 14px;
|
|
background-color: #fff;
|
|
}
|
|
.timer-container .loader-half.right {
|
|
margin-left: 7px;
|
|
background-color: #9f9f9f;
|
|
}
|
|
.timer-container .loader-half.dark {
|
|
background-color: #9f9f9f;
|
|
}
|
|
.timer-container .movement {
|
|
float: left;
|
|
width: 14px;
|
|
height: 14px;
|
|
position: absolute;
|
|
}
|
|
.timer-container .movement.left {
|
|
z-index: 10;
|
|
}
|
|
.timer-container .movement.right {
|
|
transform: rotate(180deg);
|
|
-webkit-transform: rotate(180deg);
|
|
}
|
|
.timer-container .timer-button {
|
|
cursor: pointer;
|
|
text-decotation: underline;
|
|
margin: 7px 0 0 38px;
|
|
width: 15px;
|
|
float: left;
|
|
height: 10px;
|
|
}
|
|
.timer-container .timer-button.pause {
|
|
background: url(/images/pause.png) no-repeat ;
|
|
}
|
|
.timer-container .timer-button.play {
|
|
background: url(/images/start.png) no-repeat;
|
|
}
|
|
|
|
.uppercase {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.title b,
|
|
.title {
|
|
color: #ff6701;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
padding: 0 30px 0px 73px;
|
|
line-height: 30px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.title {
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
|
|
|
|
|
|
|
|
/* form styles */
|
|
|
|
|
|
|
|
.vst-error {
|
|
color: #BE5ABF;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
height: 17px;
|
|
overflow: hidden;
|
|
padding-top: 6px;
|
|
width: 593px;
|
|
}
|
|
|
|
.vst-ok {
|
|
color: #9fbf0c;
|
|
font-weight: bold;
|
|
display: inline-block;
|
|
height: 17px;
|
|
overflow: hidden;
|
|
padding-top: 6px;
|
|
max-width: 600px;
|
|
}
|
|
|
|
.vst-ok a {
|
|
color: #2c9491;
|
|
}
|
|
.vst-ok a:hover {
|
|
color: #ff6701;
|
|
}
|
|
.vst-ok a:active {
|
|
color: #f72b44;
|
|
}
|
|
|
|
|
|
|
|
|
|
.data {
|
|
margin: 0 0 90px 0;
|
|
}
|
|
.data-col1 {
|
|
width: 148px;
|
|
}
|
|
|
|
.data-col1 td {
|
|
padding: 10px 0 0 5px;
|
|
}
|
|
|
|
.data-col1 tr:first-child td {
|
|
padding: 59px 0 0 5px;
|
|
}
|
|
|
|
.login-box td,
|
|
.data td {
|
|
color: #555;
|
|
font-size: 15px;
|
|
padding-bottom: 3px;
|
|
font-weight: bold;
|
|
}
|
|
.input-label {
|
|
padding-top: 20px;
|
|
}
|
|
.data input[type="checkbox"] {
|
|
display: inline;
|
|
cursor: pointer;
|
|
}
|
|
.step-top {
|
|
padding-top: 42px;
|
|
}
|
|
.step-top-small {
|
|
padding-top: 22px;
|
|
}
|
|
.jump-top {
|
|
margin-top: -60px;
|
|
}
|
|
.jump-small-top {
|
|
margin-top: -12px;
|
|
}
|
|
.float-right {
|
|
display: inline-block;
|
|
float: right;
|
|
}
|
|
|
|
.data a {
|
|
text-decoration: none;
|
|
}
|
|
label {
|
|
cursor: pointer;
|
|
}
|
|
|
|
label:hover {
|
|
color: #333;
|
|
}
|
|
|
|
.vst-input {
|
|
background-color: #fff;
|
|
border: 1px solid #cfcfcf;
|
|
border-radius: 0px;
|
|
color: #555;
|
|
font-family: Arial;
|
|
font-size: 19px;
|
|
height: 28px;
|
|
margin: 2px 6px 0 0;
|
|
padding: 7px 3px 9px 14px;
|
|
width: 360px;
|
|
font-weight: normal;
|
|
}
|
|
.vst-input:hover {
|
|
border: 1px solid #909090;
|
|
}
|
|
.vst-input:focus {
|
|
border: 1px solid #55C9C0;
|
|
background-color: #D7F9FF;
|
|
color: #333;
|
|
}
|
|
|
|
.vst-input:disabled,
|
|
.vst-list:disabled {
|
|
background-color: #e0e0e0;
|
|
}
|
|
.vst-input:focus:disabled {
|
|
border-color: #f1f1f1;
|
|
background-color: #f1f1f1;
|
|
}
|
|
.vst-input.long {
|
|
width: 832px;
|
|
}
|
|
.vst-input.short {
|
|
width: 200px;
|
|
}
|
|
|
|
.vst-list {
|
|
background-color: #fff;
|
|
border: 1px solid #ccc;
|
|
border-radius: 0;
|
|
color: #555;
|
|
font-family: Arial,Helvetica,sans-serif;
|
|
font-size: 19px;
|
|
font-weight: normal;
|
|
height: 43px;
|
|
cursor: pointer;
|
|
margin: 2px 6px 0 0;
|
|
min-width: 138px;
|
|
padding: 8px 1px 6px 10px;
|
|
background-image: url("/images/sprite.png?1446554103");
|
|
background-position: -185px -604px;
|
|
width: 270px;
|
|
appearance:none;
|
|
-moz-appearance:none;
|
|
-webkit-appearance:none;
|
|
text-shadow: 0 0 0 #555;
|
|
}
|
|
|
|
.vst-list.long-2 {
|
|
width: 486px;
|
|
background-position: 502px -604px;
|
|
}
|
|
.vst-list option {
|
|
padding: 6px 1px 6px 15px;
|
|
}
|
|
.vst-list:hover {
|
|
border: 1px solid #909090;
|
|
}
|
|
.vst-list:focus {
|
|
border: 1px solid #55C9C0;
|
|
color: #333;
|
|
}
|
|
|
|
.vst-list.flat {
|
|
border: 1px solid #fff;
|
|
color: #2c9491;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
font-size: 11px;
|
|
margin-left: -14px;
|
|
background-position: -210px -604px;
|
|
text-shadow: none !important;
|
|
}
|
|
.vst-list.flat:hover {
|
|
color: #ff6701;
|
|
}
|
|
.vst-list.flat option {
|
|
color: #555;
|
|
}
|
|
|
|
a.vst-text,
|
|
a.vst-text b{
|
|
color: #2c9491;
|
|
}
|
|
a.vst-text:hover,
|
|
a.vst-text:hover b{
|
|
color: #ff6701;
|
|
}
|
|
a.vst-text:active,
|
|
a.vst-text:active b{
|
|
color: #ff6701;
|
|
}
|
|
|
|
.vst-textinput {
|
|
background-color: #fff;
|
|
border: 1px solid #cfcfcf;
|
|
border-radius: 0px;
|
|
color: #555;
|
|
font-size: 19px;
|
|
padding: 5px;
|
|
width: 560px;
|
|
height: 90px;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
padding: 9px 1px 6px 14px;
|
|
font-weight: normal;
|
|
}
|
|
.vst-textinput:hover {
|
|
border: 1px solid #909090;
|
|
}
|
|
.vst-textinput:focus {
|
|
border: 1px solid #55C9C0;
|
|
background-color: #D7F9FF;
|
|
color: #333;
|
|
}
|
|
.vst-textinput:disabled {
|
|
background-color: #f1f1f1;
|
|
}
|
|
.vst-textinput.console{
|
|
font-size: 13px;
|
|
width: 630px;
|
|
height: 300px;
|
|
font-family:"Lucida Console", Monaco, monospace;
|
|
white-space: pre;
|
|
}
|
|
.vst-textinput.short {
|
|
width: 360px;
|
|
}
|
|
#advanced-options .console{
|
|
width: 833px;
|
|
height: 600px;
|
|
}
|
|
.generate {
|
|
color: #2C9491;
|
|
text-decoration: underline;
|
|
cursor: pointer;
|
|
margin-left: -3px;
|
|
padding: 0 3px;
|
|
}
|
|
.generate:hover {
|
|
background-color: #ff6701;
|
|
border-color: #ff6701;
|
|
color: #fff;
|
|
}
|
|
.generate:active {
|
|
background-color: #F7D616;
|
|
border-color: #F7D616;
|
|
}
|
|
.vst-advanced {
|
|
border-bottom: 1px solid #2c9491;
|
|
color: #2c9491;
|
|
font-size: 11px;
|
|
letter-spacing: 1px;
|
|
padding: 2px 2px 0;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
}
|
|
.login-box .vst-advanced:hover {
|
|
color: #ff6701;
|
|
background-color: transparent;
|
|
border-color: transparent;
|
|
}
|
|
|
|
.vst-advanced:hover {
|
|
color: #fff;
|
|
background-color: #ff6701;
|
|
border-color: #ff6701;
|
|
}
|
|
|
|
.login-box .vst-advanced:active,
|
|
.vst-advanced:active {
|
|
color: #fff;
|
|
background-color: #F7D616;
|
|
border-color: #F7D616;
|
|
}
|
|
|
|
.login-box .vst-advanced {
|
|
border-bottom: none;
|
|
color: #2c9491;
|
|
font-size: 10px;
|
|
letter-spacing: 1px;
|
|
padding: 2px 2px 0;
|
|
text-decoration: none;
|
|
text-transform: uppercase;
|
|
}
|
|
.vst-checkbox {
|
|
font-size: 19px;
|
|
margin: 2px 6px 0 3px;
|
|
padding: 5px;
|
|
}
|
|
.lets-encrypt-note {
|
|
color: #89a40a !important;
|
|
font-style: italic;
|
|
font-weight: normal !important;
|
|
height: 30px;
|
|
padding-top: 10px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.additional-control {
|
|
margin-left: 17px;
|
|
color: #2C9491;
|
|
border-bottom: 1px solid #2C9491;
|
|
font-size: 11px;
|
|
letter-spacing: 1px;
|
|
cursor: pointer;
|
|
text-transform: uppercase;
|
|
font-weight: bold;
|
|
padding: 2px 2px 0;
|
|
}
|
|
.additional-control:hover {
|
|
background-color: #ff6701;
|
|
border-color: #ff6701;
|
|
color: #fff;
|
|
}
|
|
.additional-control:active {
|
|
color: #fff;
|
|
background-color: #aaa;
|
|
}
|
|
|
|
.additional-control.ftp-remove-user {
|
|
padding: 2px 0 0 0;
|
|
}
|
|
|
|
.additional-control.delete:hover,
|
|
.additional-control.ftp-remove-user:hover {
|
|
background-color: #FF3438;
|
|
border-color: #FF3438;
|
|
}
|
|
.additional-control.delete:active,
|
|
.additional-control.ftp-remove-user:active {
|
|
background-color: #FF5F5F;
|
|
border-color: #FF5F5F;
|
|
}
|
|
.additional-control.add:hover {
|
|
background-color: #9FBF0C;
|
|
border-color: #9FBF0C;
|
|
}
|
|
.additional-control.add:active{
|
|
background-color: #c0e60f;
|
|
border-color: #c0e60f;
|
|
}
|
|
|
|
.additional-control.remove-ns {
|
|
display: none;
|
|
}
|
|
|
|
.data .step-left {
|
|
padding-left: 50px;
|
|
}
|
|
.hide-password {
|
|
color: #2361a1;
|
|
margin-left: -36px;
|
|
padding-left: 3px;
|
|
z-index: 1;
|
|
}
|
|
.toggle-psw-visibility-icon {
|
|
cursor: pointer;
|
|
opacity: 1;
|
|
}
|
|
.show-passwords-enabled-action {
|
|
opacity: 0.4;
|
|
}
|
|
.ftp-path-value,
|
|
.hint,
|
|
td.hint {
|
|
color: #777;
|
|
font-size: 15px;
|
|
font-style: italic;
|
|
font-weight: normal;
|
|
}
|
|
.ftp-path-prefix { padding-top: 7px; }
|
|
|
|
.ui-button,
|
|
.button {
|
|
filter:chroma(color=#000);
|
|
cursor: pointer;
|
|
border-radius: 3px 3px 3px 3px;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
padding: 1px 16px 3px 16px;
|
|
width: 108px;
|
|
height: 34px;
|
|
color: #fafafa;
|
|
border: 1px solid #9FBF0C;
|
|
background-color: #9FBF0C;
|
|
}
|
|
.ui-button:hover,
|
|
.button:hover {
|
|
color: #555;
|
|
border: 1px solid #C0E60F;
|
|
background-color: #C0E60F;
|
|
}
|
|
.ui-button:active,
|
|
.button:active {
|
|
border: 1px solid #D1D70D !important;
|
|
background-color: #D1D70D !important;
|
|
}
|
|
|
|
.ui-button:focus,
|
|
.button:focus {
|
|
border: 1px solid #90AD0D;
|
|
background-color: #90AD0D;
|
|
}
|
|
|
|
.ui-button.cancel,
|
|
.button.cancel {
|
|
color: #777;
|
|
border: 1px solid #DFDEDD;
|
|
background-color: #DFDEDD;
|
|
}
|
|
.ui-button.cancel:hover,
|
|
.button.cancel:hover {
|
|
color: #fff;
|
|
border: 1px solid #999;
|
|
background-color: #999;
|
|
}
|
|
.ui-button.cancel:active,
|
|
.button.cancel:active {
|
|
border: 1px solid #D1D70D;
|
|
background-color: #D1D70D;
|
|
}
|
|
a.button.cancel {
|
|
padding: 8px 38px;
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
|
|
.ui-dialog button.cancel {
|
|
color: #000;
|
|
border: 1px solid #555;
|
|
background-color: #555;
|
|
}
|
|
/*
|
|
.ui-dialog button.cancel:hover {
|
|
color: #fff;
|
|
border: 1px solid #999;
|
|
background-color: #999;
|
|
}
|
|
.ui-dialog button.cancel:active {
|
|
border: 1px solid #D1D70D;
|
|
background-color: #D1D70D;
|
|
}
|
|
*/
|
|
|
|
|
|
|
|
.ui-button span {
|
|
color: #fff;
|
|
}
|
|
.ui-button:hover span {
|
|
color: #555 !important;
|
|
}
|
|
.ui-button:active span {
|
|
color: #555;
|
|
}
|
|
.ui-button.cancel span {
|
|
color: #777;
|
|
}
|
|
.ui-button:hover span {
|
|
color: #fff;
|
|
}
|
|
.ui-button:active span {
|
|
color: #fff;
|
|
}
|
|
|
|
.ui-dialog button.cancel span {
|
|
color: #ccc;
|
|
}
|
|
|
|
|
|
.unlim-trigger {
|
|
cursor: pointer;
|
|
margin-left: -36px;
|
|
padding-left: 3px;
|
|
z-index: 1;
|
|
}
|
|
.optional {
|
|
font-size: 12px;
|
|
padding: 0 0 0 6px;
|
|
font-weight: normal;
|
|
}
|
|
.data-active b {
|
|
color: #9FBF0C;
|
|
font-size: 11px;
|
|
letter-spacing: 1px;
|
|
text-transform: uppercase;
|
|
}
|
|
.data-suspended b {
|
|
color: #A3A3A3;
|
|
font-size: 11px;
|
|
letter-spacing: 3px;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
}
|
|
.data-date {
|
|
font-weight: normal;
|
|
color: #777;
|
|
font-size: 12px;
|
|
letter-spacing: 1px;
|
|
line-height: 23px;
|
|
}
|
|
.data-dotted {
|
|
vertical-align: top;
|
|
}
|
|
.mail-infoblock-td {
|
|
vertical-align: top;
|
|
}
|
|
.mail-infoblock {
|
|
margin-left: -110px;
|
|
font-size: 12px;
|
|
color: #777;
|
|
border: 1px solid #d9d9d9;
|
|
padding: 0px 5px 12px 20px;
|
|
margin-top: 64px;
|
|
width: 334px;
|
|
overflow: hidden;
|
|
}
|
|
.mail-infoblock:hover {
|
|
overflow: visible;
|
|
}
|
|
.mail-infoblock td {
|
|
color: #777;
|
|
font-size: 14px;
|
|
height: 18px;
|
|
font-weight: normal;
|
|
}
|
|
.mail-infoblock td:first-child{
|
|
padding-right: 15px;
|
|
}
|
|
.mail-infoblock div {
|
|
width: 190px;
|
|
white-space: nowrap;
|
|
}
|
|
.mail-infoblock a {
|
|
color: #2c9491;
|
|
}
|
|
.mail-infoblock a:hover {
|
|
color: #ff6701;
|
|
}
|
|
|
|
.additional-info {
|
|
margin-left: 30px;
|
|
margin-top: 30px;
|
|
width: 547px;
|
|
}
|
|
.additional-info td {
|
|
font-size: 12px;
|
|
height: 22px;
|
|
font-weight: normal;
|
|
}
|
|
.additional-info td.details {
|
|
padding-left: 20px;
|
|
}
|
|
|
|
|
|
|
|
:focus {outline:none;}
|
|
::-moz-focus-inner {border:0;}
|
|
|
|
.login {
|
|
background-color: #fff;
|
|
box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
|
|
font-family: Arial,Helvetica,sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
vertical-align: top;
|
|
width: 500px;
|
|
}
|
|
|
|
.login a.error {
|
|
color: #BE5ABF;
|
|
}
|
|
.vestacp {
|
|
color: #505050;
|
|
font-size: 10px;
|
|
text-align: right;
|
|
}
|
|
.vestacp:hover {
|
|
color: #2c9491;
|
|
}
|
|
.vestacp:active {
|
|
color: #ff6701;
|
|
}
|
|
.login-bottom {
|
|
height: 50px;
|
|
margin: 0;
|
|
padding: 0 26px 0 0;
|
|
text-align: right;
|
|
vertical-align: top;
|
|
width: 474px;
|
|
}
|
|
|
|
.l-unit.selected {
|
|
background-color: #feef9a;
|
|
color: #555;
|
|
border-bottom: 1px solid #c0b990;
|
|
}
|
|
|
|
.l-unit.selected b,
|
|
.l-unit.selected strong {
|
|
color: #555;
|
|
}
|
|
|
|
|
|
/* MAIN MENU COLLAPSED */
|
|
.collapsed .l-stat {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.collapsed .l-stat__col a {
|
|
height: 0;
|
|
min-height: 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.collapsed .l-stat__col-title {
|
|
padding-top: 2px;
|
|
}
|
|
|
|
div.l-content.collapsed > div.l-separator:nth-of-type(2) {
|
|
margin-top: 93px;
|
|
position: fixed;
|
|
}
|
|
|
|
div.l-content.collapsed > div.l-separator:nth-of-type(4) {
|
|
margin-top: 138px;
|
|
position: fixed;
|
|
}
|
|
|
|
div.l-content.collapsed .l-sort {
|
|
margin-top: 94px;
|
|
}
|
|
|
|
.l-content > .units.l-center::before {
|
|
content: '';
|
|
display: block;
|
|
height: 260px;
|
|
}
|
|
|
|
form#vstobjects {
|
|
padding-top: 280px;
|
|
}
|
|
|
|
form#vstobjects.suspended {
|
|
background-color: #EAEAEA;
|
|
padding-bottom: 30px;
|
|
}
|
|
|
|
#add-icon {
|
|
width: 45px;
|
|
height: 45px;
|
|
background-image: url("/images/sprite.png?1446554103");
|
|
background-position: -378px -107px;
|
|
background-repeat: no-repeat;
|
|
display: inline-block;
|
|
z-index: 3;
|
|
}
|
|
.l-sort__create-btn.restore #add-icon {
|
|
background-position: -378px -250px;
|
|
}
|
|
.l-sort__create-btn.edit #add-icon {
|
|
background-position: -378px -154px;
|
|
}
|
|
#tooltip {
|
|
background-color: #aacc0d;
|
|
border-radius: 15px;
|
|
bottom: 6px;
|
|
color: #fff;
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
height: 26px;
|
|
left: 12px;
|
|
letter-spacing: 0;
|
|
line-height: 25px;
|
|
margin-left: 12px;
|
|
margin-top: 7px;
|
|
padding: 3px 14px 3px 27px;
|
|
position: absolute;
|
|
text-transform: uppercase;
|
|
white-space: nowrap;
|
|
word-break: keep-all;
|
|
z-index: -1;
|
|
}
|
|
|
|
.l-sort__create-btn:active #add-icon {
|
|
background-position: -425px -107px;
|
|
}
|
|
.l-sort__create-btn.restore:active #add-icon {
|
|
background-position: -425px -250px !important;
|
|
}
|
|
|
|
.l-sort__create-btn.edit:active #add-icon {
|
|
background-position: -425px -154px !important;
|
|
}
|
|
|
|
.l-sort__create-btn.edit:hover #tooltip {
|
|
background-color: #55C9C0;
|
|
}
|
|
.l-sort__create-btn.edit:active #tooltip {
|
|
background-color: #3BF0E6 !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
.l-sort__create-btn:active #tooltip {
|
|
background-color: #D9F210;
|
|
}
|
|
|
|
.noselect {
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
.search-input {
|
|
background-color: #fff;
|
|
border: 1px solid #ddd;
|
|
height: 21px;
|
|
line-height: 28px;
|
|
padding-left: 7px;
|
|
float: left;
|
|
width: 74px;
|
|
/* visibility: hidden;*/
|
|
-webkit-transition: width .2s ease-out;
|
|
-moz-transition: width .2s ease-out;
|
|
-o-transition: width .2s ease-out;
|
|
transition: width .2s ease-out;
|
|
}
|
|
.lang-ru .search-input.activated{
|
|
width: 70px;
|
|
}
|
|
.search-input.activated{
|
|
width: 130px;
|
|
visibility: visible;
|
|
}
|
|
.search-input:focus {
|
|
// background-color: #e8fcff;
|
|
// border-color: #75c9c2;
|
|
// color: #333;
|
|
}
|
|
|
|
.float-left {
|
|
float: left;
|
|
}
|
|
.float-right {
|
|
float: right;
|
|
}
|
|
.display-inline-block {
|
|
display: inline-block;
|
|
}
|
|
.width-100p {
|
|
width: 100%;
|
|
}
|
|
|
|
.l-sort-toolbar table td {
|
|
float: left;
|
|
}
|
|
.l-sort-toolbar__search-box {
|
|
float: right !important;
|
|
padding-top: 3px;
|
|
padding-right: 0 !important;
|
|
}
|
|
.ui-dialog .ui-dialog-buttonpane button:nth-of-type(2) {
|
|
-background-color: #dfdedd;
|
|
}
|
|
|
|
.shortcuts {
|
|
background: rgba(50, 50, 50, 0.9);
|
|
display: inline-block;
|
|
position: fixed;
|
|
left: 50%;
|
|
bottom: 0;
|
|
color: #eee;
|
|
width: 800px;
|
|
border: 1px solid #333;
|
|
font-size: 13px;
|
|
z-index: 120;
|
|
transform: translate(-50%, 0);
|
|
}
|
|
.shortcuts .header {
|
|
border-bottom: 1px solid #333;
|
|
height: 43px;
|
|
}
|
|
.shortcuts .title {
|
|
text-transform: uppercase;
|
|
color: #ffcc00;
|
|
padding: 7px 0 7px 14px;
|
|
display: inline-block;
|
|
float: left;
|
|
font-size: 11px;
|
|
letter-spacing: 3px;
|
|
}
|
|
.shortcuts .close {
|
|
background: url("/images/sprite.png?1446554103") repeat scroll -408px -469px;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
float: right;
|
|
height: 32px;
|
|
padding-top: 11px;
|
|
width: 46px;
|
|
}
|
|
.shortcuts .close:hover {
|
|
background-color: #000;
|
|
}
|
|
.shortcuts .close:active {
|
|
background-color: #55c9c0;
|
|
}
|
|
.shortcuts ul {
|
|
list-style-type: none;
|
|
padding: 30px 20px;
|
|
display: inline-block;
|
|
float: left;
|
|
width: 360px;
|
|
}
|
|
.shortcuts ul li {
|
|
padding: 5px 20px;
|
|
}
|
|
.shortcuts ul li.step-top {
|
|
padding-top: 30px;
|
|
}
|
|
.shortcuts ul li span {
|
|
color: #48F4EF;
|
|
display: inline-block;
|
|
font-weight: bold;
|
|
padding: 0 20px 0 0;
|
|
text-align: right;
|
|
/* width: 140px;*/
|
|
}
|
|
.shortcuts ul li span.bigger {
|
|
font-size: 18px;
|
|
}
|
|
|
|
.description {
|
|
font-weight: normal;
|
|
line-height: 25px;
|
|
padding-bottom: 45px;
|
|
margin-left: 50px;
|
|
}
|
|
.description ul{
|
|
margin-top: 15px;
|
|
list-style: none;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.description li{
|
|
margin: 10px 0;
|
|
}
|
|
|
|
.description a {
|
|
line-height: 30px;
|
|
text-decoration: underline;
|
|
color: #2c9491;
|
|
}
|
|
.description a.purchase {
|
|
color: #FFF;
|
|
background-color: #9fbf0c;
|
|
border: none;
|
|
border-radius: 3px;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
padding: 7px 15px;;
|
|
text-transform: capitalize;
|
|
text-decoration: none;
|
|
}
|
|
.description a.purchase:hover {
|
|
background-color: #c0e60f;
|
|
color: #555;
|
|
}
|
|
.description a.purchase:active {
|
|
background-color: #D9F210;
|
|
color: #555;
|
|
}
|
|
|
|
.description a.cancel {
|
|
background-color: #999;
|
|
border: none;
|
|
border-radius: 3px;
|
|
color: #fff;
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
padding: 7px 15px;
|
|
text-transform: capitalize;
|
|
text-decoration: none;
|
|
}
|
|
.description a.cancel:hover {
|
|
background-color: #2c9491;
|
|
}
|
|
.description a.cancel:active {
|
|
background-color: #5f9491;
|
|
}
|
|
|
|
.description.cancel-success {
|
|
color: #8fac0a;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.description .licence {
|
|
padding: 20px 0;
|
|
color: #2c9491;
|
|
}
|
|
|
|
.description .licence input {
|
|
margin-left: 17px;
|
|
width: 137px;
|
|
}
|
|
|
|
.description span {
|
|
font-style: italic;
|
|
line-height: 45px;
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.description .twoco {
|
|
font-style: italic;
|
|
line-height: 15px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.ui-dialog .ui-dialog-content {
|
|
padding: 10px 26px 30px !important;
|
|
}
|
|
|
|
.helper-container {
|
|
float: right;
|
|
height: 293px;
|
|
margin-bottom: -450px;
|
|
margin-top: 459px;
|
|
padding-top: 3px;
|
|
width: 563px;
|
|
}
|
|
|
|
.context-helper {
|
|
text-transform: uppercase;
|
|
# text-decoration: underline;
|
|
color: #777;
|
|
font-size: 11px;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
float: right;
|
|
}
|
|
.context-helper:hover {
|
|
color: #55C9C0;
|
|
}
|
|
.context-helper:active {
|
|
color: #ff6701;
|
|
}
|
|
|
|
|
|
.cron-helper-tabs {
|
|
/* margin-top: 30px;*/
|
|
border: 1px solid #d9d9d9 !important;
|
|
}
|
|
|
|
.cron-helper-tabs a {
|
|
color: #777;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
line-height: 30px;
|
|
padding: 0 12px;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
.cron-helper-tabs a:hover {
|
|
color: #ff6701;
|
|
}
|
|
.cron-helper-tabs a:active {
|
|
color: #55C9C0;
|
|
}
|
|
.cron-helper-tabs .ui-tabs-selected a {
|
|
color: #ff6701;
|
|
}
|
|
|
|
.cron-helper-tabs select {
|
|
font-size: 15px !important;
|
|
}
|
|
.cron-helper-tabs select.short {
|
|
background-position: -388px -604px;
|
|
min-width: 30px;
|
|
width: 70px;
|
|
}
|
|
|
|
.cron-helper-tabs p {
|
|
color: #777;
|
|
font-size: 12px;
|
|
}
|
|
.cron-helper-tabs p span{
|
|
padding-right: 15px;
|
|
padding-left: 25px;
|
|
}
|
|
.cron-helper-tabs p span.first{
|
|
display: inline-block;
|
|
padding-right: 15px;
|
|
width: 100px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.cron-helper-tabs .button {
|
|
width: auto;
|
|
background-color: #55C9C0;
|
|
border: 1px solid #55C9C0;
|
|
text-transform: capitalize;
|
|
}
|
|
.cron-helper-tabs .button:hover {
|
|
background-color: #5BD8CF;
|
|
border: 1px solid #5BD8CF;
|
|
}
|
|
.cron-helper-tabs .button:active {
|
|
background-color: #4FBCB4;
|
|
border: 1px solid #4FBCB4;
|
|
}
|
|
|
|
.context-helper-close {
|
|
background: rgba(0, 0, 0, 0) url("/images/sprite.png?1446554103") repeat scroll -408px -469px;
|
|
cursor: pointer;
|
|
display: inline-block;
|
|
float: right;
|
|
height: 32px;
|
|
padding-top: 11px;
|
|
width: 46px;
|
|
filter: contrast(50%);
|
|
}
|
|
.context-helper-close:hover {
|
|
background-color: #aaa;
|
|
filter: none;
|
|
}
|
|
.context-helper-close:active {
|
|
background-color: #999;
|
|
filter: none;
|
|
}
|
|
|
|
@media screen and (max-width: 950px) {
|
|
.helper-container {
|
|
display: none;
|
|
}
|
|
}
|