/* ---------------------------------------------------------------------------------
file-start: stc/schemius/normalize.css
*/
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after 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.
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
\:article,
\:aside,
\:details,
\:figcaption,
\:figure,
\:footer,
\:header,
\:hgroup,
\:main,
\: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.
* Hide the `template` element in IE, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: 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, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* 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.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
*/
img {
border: 0;
}
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
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 5, 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.
*/
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+, 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"], /* 1 */
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 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 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.
* 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.
*/
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;
}
/* file-end: stc/schemius/normalize.css
----------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------
file-start: stc/schemius/layout.css
*/
BODY {
margin: 0;
padding: 0;
background: #FFF;
font: 15px/1.4 'ProximaNovaRegular', Helvetica, sans-serif;
letter-spacing: 0.01em;
-webkit-font-smoothing: antialiased;
}
@media (min-width: 1366px) {
BODY {
font-size: 16px;
}
}
IMG {
border: 0;
}
A:link {
text-decoration: none;
color: #00a3d9;
}
A:visited {
text-decoration: none;
color: #007399;
}
A:hover,
A:active,
A:focus {
text-decoration: none;
color: #0086b3;
}
HTML,
BODY {
height: 100%;
}
.s-layout {
min-height: 100%;
min-width: 650px;
}
.s-footer {
min-width: 650px;
}
/* HEADER
---------------------------------------------------------------------- */
.s-header {
position: relative;
z-index: 4999;
height: 60px;
padding: 0;
background: #004359;
font-size: 13px;
font-family: 'ProximaNovaSemibold', Helvetica, sans-serif;
}
@media (min-width: 900px) {
/* .s-layout {
padding-top: 60px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}*/
/* .s-header {
position: fixed;
top: 0;
width: 100%;
}*/
}
.s-header A {
text-decoration: none;
}
.s-header A:link {
color: #FFF;
}
.s-header A:visited {
color: #FFF;
}
.s-header A:hover,
.s-header A:active,
.s-header A:focus {
color: #829399;
}
/* Logo
------------------------------------------------- */
.s-logo {
position: relative;
float: left;
width: 213px;
height: 60px;
margin: 0 10px 0 0;
padding: 0;
transition-delay: 0s;
transition-duration: 0.5s;
transition-property: width;
transition-timing-function: ease;
}
.s-logo > A {
display: block;
width: 100%;
height: 30px;
padding: 15px 0;
}
.s-logo SPAN {
display: block;
width: 173px;
height: 30px;
margin: 0 20px;
background-image: url(/img/schemius/logo.svg?v=9);
background-repeat: no-repeat;
background-size: auto 100%;
background-position: 50% 50%;
text-shadow: none;
font: 0/0 a;
color: transparent;
}
.lt-ie9 .s-logo SPAN {
background-image: url(/img/schemius/logo.png?v=40835);
}
@media (min-width: 1049px) {
.s-logo SPAN {
transition-delay: 0.3s;
transition-duration: 0.4s;
transition-property: width;
transition-timing-function: ease;
background-position: 0 0;
}
}
/*@media (max-width: 1050px) and (min-width: 481px) {*/
@media (max-width: 1050px) {
.s-logo {
width: 70px;
margin: 0 -15px 0 0;
}
.s-logo SPAN {
width: 30px;
background-size: auto 100%;
background-position: 0 0;
}
}
/* @media (max-width: 1249px) {
.world-cup .s-logo SPAN {
transition-delay: 0.3s;
transition-duration: 0.4s;
transition-property: width;
transition-timing-function: ease;
background-position: 0 0;
}
}
@media (max-width: 1250px) {
.world-cup .s-logo {
width: 70px;
margin: 0 -15px 0 0;
}
.world-cup .s-logo SPAN {
width: 30px;
background-size: auto 100%;
background-position: 0 0;
}
} */
/*@media (max-width: 650px) {
.s-logo {
float: none;
width: 173px;
margin: 0 auto;
background-color: transparent;
transition-duration: 0s;
}
.s-logo SPAN {
width: 173px;
margin: 0;
transition-delay: 0s, 0.3s;
transition-duration: 0.3s, 0.3s;
transition-property: width, background-size;
transition-timing-function: ease, ease;
}
}*/
/*@media (max-width: 480px) {
.s-logo {
width: 139px;
margin: 0 auto;
}
.s-logo SPAN {
width: 139px;
margin: 0;
-webkit-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
}
} */
.p-ssl .s-logo {
width: 213px;
}
.p-ssl .s-logo SPAN {
width: 173px;
margin: 0 20px;
background-size: 100% auto;
background-position: 50% 50%;
}
/* Name of Server
--------------------------- */
.s-logo SUP {
position: absolute;
right: 0.5em;
top: 0.5em;
width: 1.5em;
height: 2em;
}
.s-logo SUP[title*="OMEGA"]:after,
.s-logo SUP[title*="ALPHA"]:after,
.s-logo SUP[title*="BETA"]:after {
position: absolute;
top: 0;
left: 0;
display: block;
line-height: 1;
font-size: 2em;
color: #FFCC66;
}
.s-logo SUP[title*="OMEGA"]:after {
content:"\03a9";
}
.s-logo SUP[title*="ALPHA"]:after {
content:"\0391";
}
.s-logo SUP[title*="BETA"]:after {
content:"\0392";
}
.s-logo SUP A {
position: relative;
z-index: 100;
display: block;
height: 100%;
}
/*@media (max-width: 650px) and (min-width: 481px) {
.s-logo SUP {
right: -1.5em;
}
}*/
/*@media (max-width: 480px) {
.s-logo SUP {
right: -1em;
top: 1em;
}
.s-logo SUP[title*="OMEGA"]:after {
font-size: 1.5em;
}
}*/
/* @media
(-webkit-min-device-pixel-ratio: 1.5),
(min--moz-device-pixel-ratio: 1.5),
(-o-min-device-pixel-ratio: 3/2),
(min-resolution: 1.5dppx) {
.s-logo SPAN {
background-image: url(/img/logo.svg?v=1);
}
} */
/* Elements
------------------------------------------------- */
/* Userpic
--------------------------- */
.s-userpic {
position: relative;
width: 30px;
height: 30px;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: 50% 50%;
border-radius: 3px;
}
.s-userpic A {
display: block;
height: 100%;
}
.s-userpic .i-supus-empty {
display: none;
position: absolute;
right: -2px;
top: -2px;
left: auto;
box-shadow: 0 0 0 2px #004359;
}
.s-userpic-empty {
background: #99BFCC;
}
/* Fader
--------------------------- */
.b-fader {
display: none;
}
.p-loginform .b-fader {
display: block !important;
}
/* Search form
--------------------------- */
.s-search {
display: none;
position: absolute;
top: 60px;
left: 0;
right: 0;
padding: 0.45em;
background: #005673;
font-size: 2.2em;
font-family: 'ProximaNovaRegular', Helvetica, sans-serif;
}
.s-search INPUT {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 20px;
border: 0;
border-radius: 3px;
color: #8faab3;
}
.s-search INPUT:focus {
outline: none;
}
.s-search INPUT::-webkit-input-placeholder,
.s-search INPUT:-moz-placeholder,
.s-search INPUT:-ms-input-placeholder {
color:#9BB7DA;
}
.s-nav-item-search {
display: none;
background: #e6eff2;
}
.s-nav-item-search FORM {
border-right: 3px solid #CFD7D9;
}
.s-nav-item-search INPUT {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 5px 20px;
border: 0;
border-radius: 3px;
color: #8faab3;
background: #e6eff2;
}
.s-nav-item-search INPUT:focus {
outline: none;
}
.s-nav-item-search INPUT::-webkit-input-placeholder,
.s-nav-item-search INPUT::-moz-placeholder,
.s-nav-item-search INPUT:-ms-input-placeholder {
color:#9BB7DA;
}
/* Mobile phone's control
--------------------------- */
/* Invisible inputs */
#s-nav-body-common,
#s-nav-body-user,
#s-nav-body-login {
display: none;
}
/* Invisible controls */
.s-nav-control {
display: none;
position: absolute;
top: 0;
width: 60px;
height: 60px;
background: #004359;
border: 0;
text-shadow: none;
font: 0/0 a;
color: transparent;
}
.s-nav-control .i-iconus {
display: inline-block;
width: 26px;
height: 26px;
margin: 17px;
background-image: url(../img/schemius/s-icons.svg?v=2);
background-repeat: no-repeat;
}
.lt-ie9 .s-nav-control .i-iconus {
background-image: url(../img/schemius/s-icons.png?v=2);
}
.s-nav-control .i-iconus-menu {
background-position: -133px 5px;
}
.s-nav-control .i-iconus-login {
background-position: -200px 3px;
}
.s-nav-control-common {
border-right: 1px solid #005673;
}
.s-nav-control-user,
.s-nav-control-login {
border-left: 1px solid #005673;
}
.s-nav-control .s-userpic {
display: block;
margin: 15px;
}
/* Main nav
------------------------------------------------- */
.s-nav {
}
.s-nav A {
text-transform: uppercase;
}
.s-nav-body {
padding: 0;
}
.s-nav-body,
.s-nav-item,
.s-nav-item LI {
margin: 0;
list-style: none;
}
/* Invisible Header for Accessability */
.s-nav-header {
display: none;
}
/* The First level of Menu
--------------------------- */
.s-nav-item {
float: left;
position: relative;
z-index: 1;
}
/* link */
.s-nav-rootlink {
display: block;
padding: 1px 12px 0;
line-height: 59px;
vertical-align: middle;
letter-spacing: 0.05em;
outline: 0;
}
.s-nav-item:hover .s-nav-rootlink,
.s-nav-item:active .s-nav-rootlink,
.s-nav-item:focus .s-nav-rootlink,
.s-drop-open:link .s-nav-rootlink {
color: #829399;
}
.s-nav-item-sub .s-nav-rootlink {
padding-right: 14px;
}
.s-nav-item-sub .s-nav-rootlink:after {
content: " ";
position: relative;
top: -0.15em;
display: inline-block;
width: 7px;
height: 5px;
padding-left: 8px;
vertical-align: baseline;
background: url(../img/schemius/s-icons.svg?v=2) no-repeat -230px 0;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
-webkit-transition: transform 1s easy 0;
-moz-transition: transform 1s easy 0;
-ms-transition: transform 1s easy 0;
-o-transition: transform 1s easy 0;
transition: transform 1s easy 0;
}
.s-nav-item-sub:hover .s-nav-rootlink:after,
.s-drop-open .s-nav-rootlink:after {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}
/* Dublicates for mobile
--------------------------- */
.s-nav-body-lang .s-nav-item-mobile {
display: none;
}
/*@media (max-width: 650px) {
.s-nav-item-mobile {
display: block;
}
}*/
/* The Second level of navigation
--------------------------- */
/* How it looks */
.s-nav-sub {
padding: 0;
margin: 0;
}
.s-nav-sub LI {
margin: 0;
padding: 0;
border-top: 1px solid #00394d;
}
.s-nav-sub LI:first-child {
border-top: 0;
}
.s-nav-sub LI A,
.s-nav-sub LI P {
display: block;
min-width: 10em;
padding: 1em 15px 0.7em;
white-space: nowrap;
}
.s-nav-sub LI P {
margin: 0;
font-family: 'ProximaNovaRegular', Helvetica, sans-serif;
}
.s-nav-sub LI P A {
padding: 0.2em;
margin: 0 -0.2em -0.2em;
font-family: 'ProximaNovaSemibold', Helvetica, sans-serif;
}
.s-header .s-nav-sub A {
letter-spacing: 0.05em;
}
.s-header .s-nav-sub A:hover,
.s-header .s-nav-sub A:active,
.s-header .s-nav-sub A:focus {
color: #0099cc;
}
/* .s-nav-body-user .s-nav-sub LI:first-child {
display: block;
position: relative;
} */
/* How it works */
.s-drop {
position: absolute;
background: #003040;
color: #829399;
}
.s-drop:before {
content: " ";
position: absolute;
left: 15px;
top: -10px;
width: 17px;
height: 10px;
background: url(/img/schemius/s-nav-sub.png?v=38067) no-repeat;
}
.s-drop {
display: none;
}
.s-drop-open .s-drop {
position: absolute;
display: block;
left: 0;
top: 60px;
}
/* @media (max-width: 800px) and (min-width: 65px) */
@media (max-width: 800px) {
.s-nav-body-user .s-drop-master:hover .s-drop,
.s-nav-body-user .s-drop-open .s-drop {
left: auto;
right: -30px;
}
.s-nav-body-user .s-drop:before {
right: 70px;
left: auto;
}
}
/* Menu of User
--------------------------- */
.s-nav-item-user {
padding-left: 40px;
}
.s-nav-item-user .s-userpic {
position: absolute;
left: 10px;
top: 15px;
}
@media (max-width: 1100px) and (min-width: 1050px), (max-width: 950px) {
.s-nav-item-user .s-nav-rootlink {
padding-left: 10px;
}
.s-nav-item-user .s-nav-rootlink SPAN {
display: none;
}
}
/* If item has counters
--------------------------- */
.s-nav-item-counter {
position: relative;
padding-right: 45px;
}
.s-nav-item-counter .i-supus {
position: absolute;
top: 1em;
right: 24px;
}
/* Actions panel
------------------------------------------------- */
.s-do {
float: right;
margin: 0;
padding: 0;
list-style: none;
}
.s-do-item {
float: left;
margin: 0;
padding: 0;
border-left: 1px solid #004C66;
}
.s-do-item:hover {
background: #004C66;
}
.s-do-item HEADER {
position: relative;
height: 60px;
width: 60px;
}
.s-do-item A {
display: block;
padding: 17px;
}
.s-do-item .i-iconus {
display: block;
width: 26px;
height: 26px;
background-image: url(../img/schemius/s-icons.svg?v=2);
/* background-image: url(../img/schemius/icons-schemius.png); */
background-repeat: no-repeat;
}
.lt-ie9 .s-do-item .i-iconus {
background-image: url(../img/schemius/s-icons.png?v=2);
}
.s-do-item-notify .i-iconus {
background-position: 0 -1px;
}
.s-do-item-message .i-iconus {
background-position: -34px 3px;
}
.s-do-item-search .i-iconus {
background-position: -102px 1px;
}
.s-do .i-iconus ~ .i-supus {
position: absolute;
left: 33px;
top: 9px;
width: 1.8em;
height: 1.8em;
padding: 0;
line-height: 1.8;
-webkit-transition: color 0.8s ease 0.5s;
-moz-transition: color 0.8s ease 0.5s;
-ms-transition: color 0.8s ease 0.5s;
-o-transition: color 0.8s ease 0.5s;
transition: color 0.8s ease 0.5s;
box-shadow: 0 0 1px 2px #004359;
}
.s-do .s-do-item:hover .i-iconus ~ .i-supus {
box-shadow: 0 0 1px 2px #004C66;
}
.s-do-item-feedback .i-iconus {
background-position: -272px 3px;
}
.s-do-item-lang .i-iconus {
background-position: -306px 0px;
}
/* Choose your language */
.s-nav-body-lang {
float: right;
}
.s-nav-body-lang .s-drop-master:hover .s-drop,
.s-nav-body-lang .s-drop-open .s-drop {
left: auto;
right: -20px;
}
.s-nav-body-lang .s-drop:before {
right: 30px;
left: auto;
}
/* Action at different screens
--------------------------- */
@media (max-width: 1150px) {
.s-do-item-notify,
.s-do-item-message {
display: none;
}
.s-nav-item-messages,
.s-nav-item-notify {
display: block;
}
.s-userpic .i-supus-empty {
display: block;
}
}
@media (max-width: 800px) {
.s-nav-body-lang {
display: none;
}
}
@media (max-width: 860px) {
.s-logged-in .s-do-item-search {
display: none;
}
.s-logged-in .s-nav-item-search {
display: block;
}
}
@media (max-width: 1000px) {
.world-cup .s-do-item-search {
display: none;
}
.world-cup .s-nav-item-search {
display: block;
}
}
@media (max-width: 800px) {
.s-logged-in .s-do-item-post {
display: none;
}
.s-logged-in .s-nav-item-post {
display: block;
}
}
@media (max-width: 1260px) {
.world-cup .s-logged-in .s-do-item-post {
display: none;
}
.world-cup .s-logged-in .s-nav-item-post {
display: block;
}
}
/* Link to update.bml
--------------------------- */
.s-do-item-post {
border: none;
letter-spacing: 0.05em;
}
.s-do-item-post HEADER {
width: auto;
}
.s-do-item-post A {
border: 0;
display: block;
padding: 1px 20px 0;
vertical-align: middle;
line-height: 59px;
text-transform: uppercase;
color: #FFF;
}
.s-do-item-post A:hover,
.s-do-item-post A:active{
color: #829399;
}
.s-do-item-post:hover {
background: transparent;
}
/* Search form
--------------------------- */
.s-do-item-search-open {
background-color: #004C66;
}
.s-do-item-search-open .s-search {
display: block;
}
.s-do-item-search-open .i-iconus {
background-position: -69px 5px;
}
/* Lang select
--------------------------- */
.s-do-item-lang {
position: relative;
}
.s-do-item-lang-body {
display: none;
position: absolute;
right: 0;
padding: 1em;
background: #005673;
}
.s-do-item-lang-open {
background-color: #004C66;
}
.s-do-item-lang-open .s-do-item-lang-body {
display: block;
}
/* Header and Body at small screens
--------------------------------------------------------------------------*/
/*@media (max-width: 650px) {*/
/* .s-layout {
-webkit-transition: -webkit-transform 0.5s ease-in-out;
-moz-transition: -moz-transform 0.5s ease-in-out;
transition: transform 0.5s ease-in-out;
}
.s-body {
padding-bottom: 0;
} */
/* Invisible controls */
/* .s-nav-control {
display: block;
position: absolute;
}
.s-nav-control-common {
left: 0;
}
.s-nav-control-user,
.s-nav-control-login {
right: 0;
}
.s-nav-control-user .i-supus {
position: absolute;
right: -2px;
top: -2px;
left: auto;
box-shadow: 0 0 0 2px #004359;
}
.s-nav-body {
position: fixed;
top: 0;
width: calc(100% - 60px);
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
background: #7A9199;
}
.s-nav-body-common {
left: -webkit-calc(-100% + 60px);
left: calc(-100% + 60px);
}
.s-userpic .i-supus-empty {
display: block;
}
.s-nav-body-user {
left: 100%;
}
.s-nav-body-user .s-userpic {
display: none;
}
.s-nav-item-user {
padding-left: 0;
}
.s-logged-out .s-nav-body-user {
display: none;
}
#s-nav-body-common:checked ~ .s-layout .s-nav-body-common {
}
#s-nav-body-common:checked ~ .s-layout {
-webkit-transform: translateX(-webkit-calc(100% - 60px));
-webkit-transform: translateX(calc(100% - 60px));
-moz-transform: translateX(calc(100% - 60px));
transform: translateX(calc(100% - 60px));
}
#s-nav-body-user:checked ~ .s-layout,
#s-nav-body-login:checked ~ .s-layout {
-webkit-transform: translateX(calc(-100% + 60px));
-webkit-transform: translateX(-webkit-calc(-100% + 60px));
-moz-transform: translateX(calc(-100% + 60px));
transform: translateX(calc(-100% + 60px));
}*/
/* Menu
--------------------------- */
/* .s-nav-item {
float: none;
}
.s-nav-item-sub .s-nav-rootlink:after {
content: none;
}
.s-nav-rootlink {
padding: 0 24px;
line-height: 40px;*/
/* color: #8faab2; */
/* }*/
/* .s-nav-item:hover .s-nav-rootlink,
.s-nav-item:active .s-nav-rootlink,
.s-nav-item:focus .s-nav-rootlink {
color: #FFF;
} */
/* .s-nav-sub LI A,
.s-nav-sub LI P {
min-width: auto;
padding: 1em 24px 0.7em;
white-space: normal;
}
.s-nav-sub LI:focus,
.s-nav-sub LI:hover {
background: #004359;
}
.s-nav-item-you,
.s-nav-sub .s-nav-item-you:focus,
.s-nav-sub .s-nav-item-you:hover {
min-height: 60px;
background: #7A9199;
color: #FFF;
}
.s-header .s-nav-item-you A:hover,
.s-header .s-nav-item-you A:visited,
.s-header .s-nav-item-you A:active {
color: #FFF;
}*/
/* Second level */
/* .s-drop {
background: #003040;
}
.s-drop-master .s-drop,
.s-drop-master:hover .s-drop {
position: static;
display: block;
}
.s-drop-master .s-drop:before {
content: none;
}
.s-nav-body-common .s-drop {
display: none;
}
.s-nav-body-common .s-drop-open .s-drop,
.s-nav-body-user .s-drop-open .s-drop,
.s-nav-body-user .s-drop {
display: block;
}*/
/* Actions panel */
/* .s-do {
display: none;
}
.s-nav-item-post {
display: block;
}
.s-nav-sub .s-nav-item-mobile:first-child + LI {
border-top: 1px solid #00394d;
} */
}
/* Smartphones (portrait and landscape)
------------------------------------------------- */
/*@media (max-width: 320px) {
.iphone #s-nav-body-common:checked ~ .s-layout {
-webkit-transform: translateX(260px);
transform: translateX(260px);
}
.iphone #s-nav-body-user:checked ~ .s-layout,
.iphone #s-nav-body-login:checked ~ .s-layout {
-webkit-transform: translateX(-260px);
transform: translateX(-260px);
}
.iphone .s-nav-body,
.iphone .s-loginform {
width: 250px;
}
.iphone .s-nav-body-common {
left: -250px;
}
}*/
/*@media (max-width: 480px) {
.iphone #s-nav-body-common:checked ~ .s-layout {
-webkit-transform: translateX(420px);
transform: translateX(420px);
}
.iphone #s-nav-body-user:checked ~ .s-layout,
.iphone #s-nav-body-login:checked ~ .s-layout {
-webkit-transform: translateX(-420px);
transform: translateX(-420px);
}
.iphone .s-nav-body,
.iphone .s-loginform {
width: 420px;
}
.iphone .s-nav-body-common {
left: -420px;
}
}*/
/*@media (max-width: 640px) and (orientation: portrait) {
.iphone #s-nav-body-common:checked ~ .s-layout {
-webkit-transform: translateX(260px);
transform: translateX(260px);
}
.iphone #s-nav-body-user:checked ~ .s-layout,
.iphone #s-nav-body-login:checked ~ .s-layout {
-webkit-transform: translateX(-260px);
transform: translateX(-260px);
}
.iphone .s-nav-body,
.iphone .s-loginform {
width: 260px;
}
.iphone .s-nav-body-common {
left: -260px;
}
}
@media (max-width: 640px) and (orientation: landscape) {
.iphone #s-nav-body-common:checked ~ .s-layout {
-webkit-transform: translateX(420px);
transform: translateX(420px);
}
.iphone #s-nav-body-user:checked ~ .s-layout,
.iphone #s-nav-body-login:checked ~ .s-layout {
-webkit-transform: translateX(-420px);
transform: translateX(-420px);
}
.iphone .s-nav-body,
.iphone .s-loginform {
width: 420px;
}
.iphone .s-nav-body-common {
left: -420px;
}
}*/
/* Layout
--------------------------------------------------------------------------*/
.s-layout {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
}
.s-body {
padding: 0 0 210px 0;
text-align: left;
}
.s-body:after {
content: "";
display: table;
clear: both;
border-collapse: collapse;
}
.p-ljtimes .s-body {
padding: 0 0 260px;
}
/*@media (max-width: 650px) {
.s-body,
.p-ljtimes .s-body {
padding-bottom: 0;
}
}
*/
/* от футера только копирайт — спросила Ману*/
/* .p-footer-lite .s-content {
padding-bottom: 32px;
}
.p-ljtimes.p-footer-lite .s-content {
padding-bottom: 53px;
} */
/* No Footer Pages */
.p-nofooter .s-content {
padding-bottom: 0;
}
.p-nofooter .s-layout {
min-height: auto;
}
.p-nofooter.p-ljtimes .s-layout {
padding-bottom: 50px;
}
/*@media (max-width: 650px) {
.b-ljtimes-wrapper {
display: none !important;
}
.p-nofooter.p-ljtimes .s-layout {
padding-bottom: 0;
}
} */
/* FOOTER
--------------------------------------------------------------------------*/
.s-footer {
position: relative;
height: 207px;
margin: -210px 0 0;
border-top: 3px solid #00394c;
background: #004359;
font-size: 13px;
font-family: 'ProximaNovaSemibold', sans-serif;
color: #8faab2;
}
.p-ljtimes .s-footer {
margin-top: -260px;
margin-bottom: 0;
padding-bottom: 50px;
}
.p-nofooter .s-footer {
display: none;
}
/* от футера только копирайт — спросила Ману*/
/*.p-footer-lite .s-footer {
height: 30px;
margin: -33px 15px 0;
}
.p-ljtimes.p-footer-lite .s-footer {
margin-top: -54px;
padding-bottom: 21px;
} */
/*@media (max-width: 650px) {
.p-ljtimes .s-footer {
margin-top: 0;
padding-bottom: 0;
}
}*/
.s-footer-in {
padding: 35px 40px 0;
}
.s-footer DT,
.s-footer DD,
.s-footer UL {
padding: 0;
margin: 0;
}
.s-footer UL,
.s-footer LI {
list-style: none;
}
.s-footer A {
text-decoration: none;
}
.s-footer A:link {
color: #FFF;
}
.s-footer A:visited {
color: #FFF;
}
.s-footer A:hover,
.s-footer A:active,
.s-footer A:focus {
color: #00a3d9;
}
.s-footer-nav {
float: left;
margin-bottom: 1.5em;
}
.s-footer-nav LI {
display: inline;
margin: 0 2.3em 0 0;
padding: 0;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.s-footer-nav A {
display: inline-block;
padding: 1em;
margin: -1em;
}
.s-options {
clear: both;
}
.s-options:after {
content: "";
display: table;
clear: both;
border-collapse: collapse;
}
.s-option {
float: left;
margin: 0 30px 40px 0;
}
.s-option DT {
margin-bottom: 1.1em;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.s-social-item {
display: inline-block;
position: relative;
overflow: hidden;
width: 30px;
height: 30px;
padding: 0;
margin: 0 10px 0 0;
background-color: #005673;
border-radius: 2px;
}
/* icons */
.s-social-item:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
background: url(/img/icons/flatsocial_16_white.svg?v=1234) no-repeat 0 0;
font: 0/0 a;
cursor: pointer;
}
/* ie8 hack */
.lt-ie9 .s-social-item:after {
background-image: url(/img/icons/flatsocial_16_white.png?v=1234);
}
/* opera-mini svg hack */
doesnotexist:-o-prefocus,
.s-social-item:after {
background-image: url(/img/icons/flatsocial_16_white.png?v=1234);
}
.s-social-item:last-child {
margin-right: 0;
}
/* facebook */
.s-social-item-f:after {
background-position: -1px -1px;
}
.s-social-item-f:hover {
background-color: #3B5998;
}
/* twitter */
.s-social-item-tw:after {
background-position: -1px -109px;
}
.s-social-item-tw:hover {
background-color: #00ACEE;
}
/* vk */
.s-social-item-vk:after {
background-position: -1px -127px;
}
.s-social-item-vk:hover {
background-color: #45668E;
}
/* google+ */
.s-social-item-gp:after {
background-position: -1px -19px;
}
.s-social-item-gp:hover {
background-color: #DD4B39;
}
/* link */
.s-social-item A {
display: block;
height: 100%;
margin: 0;
padding: 0;
}
.s-social-item SPAN {
display: none;
}
.s-lang {
width: 300px;
}
.s-lang SELECT {
font-family: 'ProximaNovaRegular', sans-serif;
color: #3e5359;
}
.s-copyright {
float: right;
padding-bottom: 1.5em;
font-family: 'ProximaNovaRegular', sans-serif;
}
.s-copyright P {
display: inline;
}
/* Selectric
--------------------------- */
.b-selectus-wrapper {
position: relative;
width: 300px;
margin: 0;
cursor: pointer;
}
.b-selectus {
position: relative;
border: 1px solid #CED6D9;
border-radius: 3px;
background: #F7F9FA;
}
.b-selectus .label {
overflow: hidden;
display: block;
min-height: 18px;
line-height: 18px;
margin: 0 30px 0 0;
padding: 6px;
white-space: nowrap;
text-transform: uppercase;
letter-spacing: 0.05em;
font: 13px/18px "ProximaNovaSemibold",Tahoma,Arial,sans-serif;
color: #7A9199;
}
.b-selectus .button {
position: absolute;
right: 0;
top: 0;
display: block;
width: 30px;
height: 30px;
text-align: center;
font: 0/0 a;
}
.b-selectus .button:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 6px;
margin: -3px 0 0 -5px;
background: url(/img/icons/selectus.png?v=40802) no-repeat 0 0;
font: 0/0 a;
}
.b-selectus-hover .b-selectus {
background: #FFF;
}
.b-selectus-open {
z-index: 10;
}
.b-selectus-open .b-selectus {
background: #FFF;
}
.b-selectus-open .b-selectus-items {
display: block;
}
.b-selectus-disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.b-selectus-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0;
}
.b-selectus-hide-select SELECT {
display: none;
position: absolute;
left: -100%;
}
.b-selectus-input {
position: absolute !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
width: 1px !important;
height: 1px !important;
margin: 0 !important;
padding: 0 !important;
outline: none !important;
border: none !important;
*font: 0/0 a !important;
background: none !important;
}
.b-selectus-temp-show {
display: block !important;
position: absolute !important;
visibility: hidden !important;
}
/* Items box */
.b-selectus-items {
display: none;
position: absolute;
z-index: 9998;
top: 100%;
left: 0;
overflow: auto;
border: 1px solid #CED6D9;
border-radius: 3px;
background: #FFF;
}
.b-selectus-items UL,
.b-selectus-items LI {
min-height: 20px;
line-height: 20px;
padding: 0;
margin: 0;
list-style: none;
font-family: "ProximaNovaRegular",Helvetica,Arial,sans-serif;
font-size: 13px;
}
.b-selectus-items LI {
display: block;
padding: 5px;
cursor: pointer;
border-bottom: 1px solid #DAE3E6;
color: #242F33;
}
.b-selectus-items LI.selected {
background: #F7F9FA;
color: #242F33;
}
.b-selectus-items LI:hover {
background: #F7F9FA;
color: #10A9DB;
}
.b-selectus-items LI.disabled {
cursor: default;
background: #FFF;
color: #CCC;
}
/* End of Selectric */
/* welcome bubble */
.s-welcometo {
display: none;
width: 300px;
margin: 0;
padding: 0;
font-size: 13px;
font-size: 0.8125rem;
}
.s-welcometo-header {
position: relative;
margin: 0 0 11px;
margin: 0 0 0.7rem;
padding: 50px 0 0;
font: 21px/1 "ProximaNovaLight",Helvetica,Arial,sans-serif;
font: 1.3125rem/1 "ProximaNovaLight",Helvetica,Arial,sans-serif;
text-align: center;
}
.s-welcometo-header:before {
content: " ";
position: absolute;
top: 5px;
left: 50%;
width: 173px;
height: 30px;
margin: 0 0 0 -86px;
padding: 0;
background-image: url(/img/schemius/logo-deathstar.png?v=40834);
background-image: url(/img/schemius/logo-deathstar.svg?v=1), none;
background-repeat: no-repeat;
background-position: 0 0;
font: 0/0 a;
}
.s-welcometo-intro {
margin: 0 0 16px;
margin: 0 0 1rem;
padding: 0;
}
.s-welcometo-action {
margin: 0 0 16px;
margin: 0 0 1rem;
text-align: center;
}
.s-welcometo-switch {
margin: 0;
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;
font-family: "ProximaNovaSemibold",sans-serif;
}
.s-welcometo-switcher {
margin: 0;
}
/* first time */
.p-welcomefirst {
overflow-y: hidden;
}
/* show welcome bubble */
.p-welcomefirst .s-welcometo {
display: block;
}
.p-welcome .s-welcometo {
display: block;
}
/* icon to welcome bubble */
.p-welcomefirst .s-header {
z-index: auto;
}
.p-welcomefirst .s-do-item-feedback A {
position: relative;
z-index: 5001;
}
/* feedback */
.s-feedback {
display: none;
position: fixed;
top: 50%;
left: 50%;
z-index: 5001;
width: 510px;
margin: -280px 0 0 -255px;
padding: 0;
background: #FFF;
color: #242F33;
}
/* head */
.s-feedback-head {
margin: 0;
padding: 15px 25px;
background: #09C;
color: #FFF;
}
.s-feedback-header {
margin: 0;
padding: 0;
text-transform: uppercase;
font: 1.3125rem/1 "ProximaNovaLight",Helvetica,Arial,sans-serif;
}
.s-feedback-head .i-iconus {
position: absolute;
width: 30px;
height: 30px;
right: 12px;
top: 12px;
background-image: url(/img/schemius/s-icons.svg?v=2);
background-position: -62px 6px;
background-repeat: no-repeat;
cursor: pointer;
}
/* body */
.s-feedback-body {
margin: 0;
padding: 25px;
font-size: 0.8125rem;
}
/* intro */
.s-feedback-intro {
margin: 0 0 1em;
}
/* error */
.s-feedback-error.b-bubble {
display: none;
padding: 0.5em 1em;
}
/* success */
.s-feedback-success {
display: none;
}
.s-feedback-success:after {
content: "";
display: table;
border-collapse: collapse;
clear: both;
}
.s-feedback-success .b-bubble {
padding: 0.5em 1em;
}
.s-feedback-success .b-flatbutton.s-feedback-another {
float: left;
}
.s-feedback-success .b-flatbutton.s-feedback-close {
float: right;
margin: 0;
}
/* form */
.s-feedback-form {
overflow: auto;
position: relative;
max-height: 400px;
margin: 0 -5px;
padding: 0 5px;
}
/* field */
.s-feedback .b-formset-field {
position: relative;
margin: 0 0 1em;
}
/* head */
.s-feedback .b-formset-field-head {
display: none;
position: static;
left: 0;
float: none;
width: auto;
margin: 0 0 0.3em;
padding: 0 0 0 3px;
text-align: left;
}
/* show ie only */
.lt-ie10 .s-feedback .b-formset-field-head {
display: block;
}
.s-feedback .b-formset-field-head LABEL {
margin: 0;
padding: 0;
font: 1.125rem/1 "ProximaNovaRegular",Helvetica,Arial,sans-serif;
color: #858C8E;
}
.s-feedback .b-formset-field-head LABEL:focus,
.s-feedback .b-formset-field-head LABEL:active {
}
/* body */
.s-feedback .b-formset-field-body {
margin: 0;
padding: 0;
}
/* hide description */
.s-feedback .b-formset-field-desc {
display: none;
}
.s-feedback .b-formset-input-wrapper {
display: block;
}
/* input */
.s-feedback .b-formset-input {
width: 100%;
margin: 0;
padding: 13px;
border: 1px solid #CED6D9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font: 1.125rem/1 "ProximaNovaRegular",Helvetica,Arial,sans-serif;
background: #F7F9FA;
color: #242F33;
}
.s-feedback .b-formset-input:focus {
border-color: #00A3D9;
}
/* username input */
.s-feedback .b-formset-field-username .b-formset-input {
width: 100%;
font-weight: normal;
color: #242F33;
}
.s-feedback .b-formset-field-username .b-formset-input-pic {
background-image: url(/img/userinfo_v3.png?v=1);
background-image: url(/img/userinfo_v3.svg?v=1), none;
}
/* textarea */
.s-feedback .b-formset-textarea {
width: 100%;
height: 6em;
margin: 0;
padding: 13px;
border: 1px solid #CED6D9;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
resize: vertical;
font: 1.125rem/1 "ProximaNovaRegular",Helvetica,Arial,sans-serif;
background: #F7F9FA;
color: #242F33;
}
.s-feedback .b-formset-textarea:focus {
border-color: #00A3D9;
}
/* options */
.s-feedback .b-formset-options {
margin: 0 0 1em;
padding: 0;
list-style: none;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: "ProximaNovaSemibold",Tahoma,Arial,sans-serif;
color: #7A9199;
}
.s-feedback .b-formset-options-item {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
}
.s-feedback .b-formset-radio {
position: absolute;
left: -999px;
margin: 0;
}
.s-feedback .b-formset-label {
display: inline-block;
margin: 0;
padding: 10px 25px;
border: 1px solid #DAE3E6;
border-left: 0;
cursor: pointer;
}
/* fix */
.s-feedback .b-formset-labelradio .b-formset-label {
margin: 0;
}
.s-feedback .b-formset-label:hover,
.s-feedback .b-formset-radio:focus ~ .b-formset-label {
color: #16A8D9;
}
.s-feedback .b-formset-radio:checked ~ .b-formset-label {
background: #F7F9FA;
color: #16A8D9;
}
.s-feedback .b-formset-options-item:first-child .b-formset-label {
border-left: 1px solid #DAE3E6;
border-radius: 3px 0 0 3px;
}
.s-feedback .b-formset-options-item:last-child .b-formset-label {
border-radius: 0 3px 3px 0;
}
/* submit field */
.s-feedback .b-formset-submitbox {
margin: 0;
}
/* inner block for preloader */
.s-feedback .b-formset-submitbox-inner {
display: inline-block;
padding: 0 30px 0 0;
background: url(/img/preloader/preloader-disc-blue-white-16.gif?v=39502) no-repeat -700px 0;
}
/* creating feedback */
.s-feedback-creating {
}
.s-feedback-creating .b-formset-select,
.s-feedback-creating .b-formset-input,
.s-feedback-creating .b-formset-textarea,
.s-feedback-creating .b-formset-submitbox BUTTON {
opacity: 0.5;
pointer-events: none;
}
.s-feedback-creating .b-formset-submitbox-inner {
background-position: 100% 50%;
}
/* feedback with errors (erroneously) */
.s-feedback-erroneously {
}
.s-feedback-erroneously .s-feedback-error {
display: block;
}
/* feedback with success (successfully) */
.s-feedback-successfully {
}
.s-feedback-successfully .s-feedback-success {
display: block;
}
.s-feedback-successfully .s-feedback-form {
display: none;
}
.s-feedback-successfully .s-feedback-error {
display: none;
}
@media screen and (max-height: 700px) {
.s-feedback {
position: absolute;
}
}
/* show feedback */
.p-feedback .s-feedback {
display: block;
}
/* feedback fader */
.b-fader {
}
/* show with feedback */
.p-feedback .b-fader {
display: block !important;
}
/* show with welcome popup first time */
.p-welcomefirst .b-fader {
display: block !important;
}
/* LJ Promo Video */
.s-ljvideo {
display: none;
position: fixed;
top: 50%;
left: 50%;
z-index: 5001;
width: 640px;
margin: -200px 0 0 -320px;
padding: 0;
}
.s-ljvideo-header {
position: relative;
z-index: 5002;
margin: 0;
padding: 15px 25px;
background: #09C;
color: #FFF;
}
.s-ljvideo-head {
margin: 0;
padding: 0;
text-transform: uppercase;
font: 1.3125rem/1 "ProximaNovaLight",Helvetica,Arial,sans-serif;
text-align: center;
}
.s-ljvideo-header .i-iconus {
position: absolute;
width: 30px;
height: 30px;
right: 12px;
top: 12px;
background-image: url(/img/schemius/s-icons.svg?v=2);
background-position: -62px 6px;
background-repeat: no-repeat;
cursor: pointer;
}
.s-ljvideo-movie {
position: relative;
z-index: 5002;
margin: 0;
background: #000;
}
.s-ljvideo-movie IFRAME {
vertical-align: top;
}
.s-ljvideo-action {
visibility: hidden;
position: absolute;
top: 70%;
left: 0;
right: 0;
z-index: 5001;
margin: 0;
padding: 1em 0 0;
text-align: center;
-webkit-transition: top 0.2s ease;
-moz-transition: top 0.2s ease;
-ms-transition: top 0.2s ease;
-o-transition: top 0.2s ease;
transition: top 0.2s ease;
}
/* the end */
.s-ljvideo-end {
}
.s-ljvideo-end .s-ljvideo-action {
visibility: visible;
top: 100%;
}
/* show ljvideo*/
.p-ljvideo .s-ljvideo {
display: block;
}
/* ljvideo fader */
.p-ljvideo .b-fader {
display: block !important;
}
/* disable at mobile */
@media all and (max-width: 650px) {
.p-ljvideo .s-ljvideo {
display: none;
}
.p-ljvideo .b-fader {
display: none !important;
}
}
@media screen and (max-width: 950px) {
.s-version DD {
width: 15em;
}
.s-lang {
width: 250px;
}
.b-selectus-wrapper {
width: 250px;
}
}
@media screen and (max-width: 800px) and (min-width: 650px) {
.s-version DD {
width: 10em;
white-space: nowrap;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.s-copyright {
float: none;
clear: both;
}
.s-option {
margin-bottom: 1.5em;
}
}
@media screen and (max-width: 720px) and (min-width: 650px) {
.s-version {
display: none;
}
}
/*@media screen and (max-width: 650px) {
.s-footer {
height: auto;
margin: 0;
text-align: center;
}
.s-footer-in {
padding: 35px 20px 0;
}
.s-copyright {
float: none;
text-align: center;
}
.s-option {
float: none;
margin: 0;
}
.s-option DT {
text-align: center;
}
.s-option DD {
margin-bottom: 1.6em;
}
.s-option:last-child DD {
margin-bottom: 0.9em;
}
.s-option A {
padding: 0;
margin: 0;
}
.s-footer-nav {
float: none;
}
.s-footer-nav LI {
display: block;
margin: 0;
padding: 0.7em;
border-bottom: 1px solid #004c67;
text-align: center;
}
.s-lang {
width: 100%;
}
.b-selectus-wrapper {
width: auto;
max-width: 300px;
margin: 0 auto;
}
.b-selectus .label {
text-align: left;
}
.s-version DD {
margin: auto;
}
}
*/
/* file-end: stc/schemius/layout.css
----------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------
file-start: stc/lj-basestrap.css
*/
form {
margin: 0px;
padding: 0px;
}
.ljclear {
clear: both;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
padding: 0;
border: 0;
line-height: 0;
font-size: 0;
}
.nowrap {
white-space: nowrap;
}
.lj_hourglass {
z-index: 20000;
}
.ErrorNote .Inner {
padding: 8px;
border: 1px solid #F99;
background-color: #FEE;
background-repeat: repeat-x;
}
.Note .Inner {
padding: 8px;
border: 1px solid #FC3;
background: #FFD;
}
/* IPPU overlay
-------------------------------*/
div.lj_ippu {
padding: 2px;
border: 2px solid #444;
background-color: #FFF;
}
div.lj_ippu_titlebar {
width: auto !important;
height: 20px;
padding: 5px 0 0 5px;
background-color: #444;
font-weight: bold;
color: #FFF;
}
div.lj_ippu_titlebar A:link,
div.lj_ippu_titlebar A:visited {
border: none !important;
text-decoration: none;
color: #FFF;
}
.lj_ippu_titlebar img {
opacity: .25;
}
.lj_ippu_titlebar img:hover {
opacity: 1;
}
/* LJ Placeholder Container ()
-------------------------------*/
.LJ_Placeholder_Container {
position: relative;
display: inline-block;
border: 1px dashed #CCC;
text-align: left;
}
.LJ_Placeholder_Container A {
position: relative;
top: 50%;
left: 50%;
visibility: hidden;
}
.LJ_Placeholder_Container A IMG {
position: relative;
visibility: visible;
margin: -17px 0 0 -17px;
cursor: pointer;
}
/* LJ Embed Content
-------------------------------*/
IFRAME.lj_embedcontent {
border: 0;
vertical-align: top;
}
.ljedittime {
font-size: smaller;
}
.lj_invisible {
display: inline-block;
overflow: hidden;
width: 0;
height: 0;
margin: 0;
padding: 0;
border: 0 none transparent;
text-decoration: none;
line-height: 0;
}
.lj_ippu_titlebar {
text-align: left;
}
.lj_ippu_titlebar IMG {
cursor: pointer;
}
/* Adding/Editing a note for a user
------------------------------------------*/
.user_alias_act {
padding: 13px 24px;
text-align: left;
font-size: 16px;
}
.user_alias_act INPUT {
font-family: Arial, sans-serif;
}
.user_alias_act .alias-value {
width: 380px;
}
.user_alias_act P {
margin: 0.75em 0px;
text-indent: 0;
}
.user_alias_act DIV.user-alias-label {
margin-bottom: 5px;
padding-top: 5px;
font-size: 0.85em;
}
.user_alias_act SPAN.helper {
display: block;
padding-top: 12px;
font-size: 0.7em;
color: #000;
}
.user_alias_act A:link,
.user_alias_act A:visited,
.user_alias_act A:hover,
.user_alias_act A:active {
border: 0 !important;
text-decoration: underline;
}
.user_alias_act A:link{
color: #00C;
}
.user_alias_act A:visited {
color: #306;
}
.user_alias_act A:link:hover {
color: #00C;
}
.user_alias_act A:visited:hover {
color: #306;
}
.user_alias_act A:link:active {
color: #00C;
}
.user_alias_act A:visited:active {
color: #306;
}
/* Styles for messagers,
Must be removed after implementation of Framework! */
.b-message {
margin: 10px 0 24px;
padding: 8px;
}
.b-message-suggestion {
border: 1px solid #FF8E44;
background: #FFE8BF;
}
.i-message {
padding: 1px 8px;
}
.b-message-error,
.i-message-error {
margin: 0 0 24px !important;
border: 1px solid #F99;
background-color: #FEE;
background-image: url(/img/message-error.gif?v=4888);
background-image: -webkit-linear-gradient(top, #FED4D3 0%, #FFF2F0 100%);
background-image: -moz-linear-gradient(top, #FED4D3 0%, #FFF2F0 100%);
background-image: -o-linear-gradient(top, #FED4D3 0%, #FFF2F0 100%);
background-image: linear-gradient(to bottom, #FED4D3 0%, #FFF2F0 100%);
}
/*
Styles for bubbles
---------------------------
- b-bubble || i-bubble
- - i-bubble-arrow-border
- - i-bubble-arrow
*/
/*Must be removed after implementation of Framework! */
.b-bubble {
display: block;
}
.i-bubble {
display: inline-block;
}
.b-bubble,
.i-bubble {
position:relative;
margin: 0 0 0 1em;
padding: 1em;
border-width: 1px;
border-style: solid;
border-color: #000;
border-radius: 5px;
font-size: 1em;
color: #242F33;
}
.i-bubble-arrow,
.i-bubble-arrow-border {
position: absolute;
top: 13px;
overflow: hidden;
width: 0;
height: 0;
border-top-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
.i-bubble-arrow {
left: -9px;
margin: -5px 0 0;
border-width: 5px 10px 5px 0;
border-style: solid;
border-right-color: #FFF;
}
.i-bubble-arrow-border {
left: -11px;
margin: -5px 0 0;
border-width: 5px 10px 5px 0;
border-style: solid;
border-right-color: #000;
}
.b-bubble-noarrow {
margin: 0 !important;
}
.b-bubble-noarrow .i-bubble-arrow,
.b-bubble-noarrow .i-bubble-arrow-border {
display: none;
}
.b-bubble-lite {
border-color: #CCC;
background: #FFF;
}
.b-bubble-lite .i-bubble-arrow {
border-right-color: #FFF;
}
.b-bubble-lite .i-bubble-arrow-border {
border-right-color: #CCC;
}
.b-bubble-alert {
border-color: #DCBD18;
background: #FCF8E3;
}
.b-bubble-alert .i-bubble-arrow {
border-right-color: #FCF8E3;
}
.b-bubble-alert .i-bubble-arrow-border {
border-right-color: #DCBD18;
}
.b-bubble-warning {
border-color: #B24646;
background: #F2DEDE;
}
.b-bubble-warning .i-bubble-arrow {
border-right-color: #F2DEDE;
}
.b-bubble-warning .i-bubble-arrow-border {
border-right-color: #B24646;
}
.b-bubble-success {
border-color: #62AE43;
background: #DFF0D8;
}
.b-bubble-success .i-bubble-arrow {
border-right-color: #DFF0D8;
}
.b-bubble-success .i-bubble-arrow-border {
border-right-color: #62AE43;
}
.b-bubble-intext {
margin: 10px 0 !important;
}
.b-bubble-center {
text-align: center;
}
.b-bubble H3 {
margin: 0 0 0.5em;
}
.b-bubble P {
margin: 1em 0;
}
.b-bubble UL {
list-style: none;
padding: 0;
margin: 0.5em 0;
}
.b-bubble UL LI {
margin: 0 0 0.5em;
}
.b-bubble UL:last-child,
.b-bubble P:last-child {
margin-bottom: 0;
}
/* Width & Height for Moods */
IMG.meta-mood-img {
max-width: 100px;
max-height: 100px;
}
IMG#mood_image_preview {
max-width: 60px;
max-height: 60px;
}
/* Some special stuff */
.hide {
display: none;
}
/* LJSUP-19230: Fix loading /feed */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
display: none !important;
}
/* Styles for messagers
----------------------------------------------------- */
.b-message-system {
margin: 0;
padding: 0;
border: none;
background: none;
font-size: 1em;
color: #FFF;
}
.b-message-system A:link,
.b-message-system A:visited,
.b-message-system A:hover,
.b-message-system A:active {
border: 0 !important;
text-decoration: underline;
font-size: 1em !important;
color: #FFF !important;
}
.b-message-system .b-message-wrap {
position: relative;
display: block;
margin: 0;
padding: 10px 50px 10px 50px;
background: #00a3d9;
text-align: center;
}
.b-message-system IMG {
margin: 0 5px 0 0 !important;
padding: 0 !important;
vertical-align: -2px;
}
.b-message-system > IMG {
display: none;
}
.b-message-system .ljuser IMG {
margin: 0 !important;
padding: 0 0 0 1px !important;
}
.b-message-system .ljuser A:link,
.b-message-system .ljuser A:visited,
.b-message-system .ljuser A:hover,
.b-message-system .ljuser A:active {
text-decoration: none;
}
.b-message-system I.close {
position: absolute;
top: 50%;
right: 8px;
display: block;
height: 34px;
width: 34px;
margin-top: -17px;
cursor: pointer;
background-image: url("../img/schemius/s-icons.svg");
background-repeat: no-repeat;
background-position: -60px -26px;
font-size: 0;
}
/* Sitemessage at different places*/
#lj_controlstrip .appwidget-sitemessages {
top: 44px;
z-index: 9999;
font-size: 16px !important
}
.appwidget-managesitemessages .b-message-system {
position: static !important;
}
/* Mobile version message
----------------------------------------------------- */
.b-message-mobile {
width: 100%;
margin: 0;
padding: 0;
background: #00A3D9;
text-align: left;
color: #FFF;
}
.b-message-mobile .b-message-mobile-wrapper {
position: relative;
margin: 0;
}
.b-message-mobile A {
display: block;
padding: 1.2em 2.5em 1.2em 30px;
font: 1.2em/1 "ProximaNovaLight", Helvetica, Arial, sans-serif;
}
.b-message-mobile A:link,
.b-message-mobile A:visited,
.b-message-mobile A:hover,
.b-message-mobile A:active {
display: block;
margin: 0;
border: 0;
text-decoration: none !important;
color: #FFF !important;
}
.b-message-mobile-theme {
top: 0;
}
.mobile-msg #navigation {
top: 30px;
}
.mobile-msg #content {
top: 140px !important;
}
.b-message-mobile-close {
display: block;
position: absolute;
right: 10px;
top: 50%;
height: 34px;
width: 34px;
margin-top: -17px;
cursor: pointer;
background-image: url("../img/schemius/s-icons.svg");
background-repeat: no-repeat;
background-position: -60px -26px;
cursor: pointer;
}
@media screen and (max-width: 650px) {
.b-message-mobile A {
padding: 1.2em 2.5em 1.2em 1.2em;
}
}
/* Placeholder
--------------------------- */
/* Must be removed after implementation of Framework! */
.placeholder {
color: #A9A9A9;
}
.placeholder-wrapper {
position: relative;
display: inline-block;
}
.placeholder-label {
position: absolute;
display: none;
margin: 0;
padding: 0 5px;
cursor: text;
line-height: 1.8em;
font-size: 90%;
color: #A9A9A9;
}
/* Open social popups
----------------------------------------------- */
DIV.lj_ippu_app {
min-width: 595px;
padding: 20px 30px;
border: 1px solid #EBEBEB;
border-radius: 5px;
}
DIV.lj_ippu_app .ljappippu_inner:after
DIV.lj_ippu_app .ljappippu_share_content:after,
DIV.lj_ippu_app .ljappippu_share_buttons:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
overflow: hidden;
width: 0;
height: 0;
}
DIV.lj_ippu_app DIV.lj_ippu_titlebar {
height: auto;
margin: 0 0 10px 0;
padding: 0;
background: none;
line-height: 16px;
font-size: 16px;
color: #000;
}
DIV.lj_ippu_app DIV.lj_ippu_titlebar .ljappippu_button {
position: absolute;
top: 10px;
right: 10px;
width: 12px;
height: 12px;
cursor: pointer;
background: url(/img/CloseButton_gray.gif?ver=1) no-repeat;
}
DIV.lj_ippu_app .ljappippu_share_content {
clear: both;
}
DIV.lj_ippu_app H3 {
clear: both;
margin: 20px 0 5px 0;
line-height: 16px;
font-style: normal;
font-size: 12px;
color: #000;
}
DIV.lj_ippu_app P {
margin: 0 0 3px 0;
padding: 0;
line-height: 18px;
font-size: 12px;
}
DIV.lj_ippu_app P.i-bubble {
margin: 0 !important;
padding: 6px 10px 8px 10px;
line-height: 11px;
font-size: 11px;
}
DIV.lj_ippu_app .ljappippu_confirm_buttons,
DIV.lj_ippu_app .ljappippu_share_buttons {
clear: both;
overflow: hidden;
}
DIV.lj_ippu_app .ljappippu_share_buttons INPUT.submit {
float: right;
margin-top: 5px;
}
DIV.lj_ippu_app .ljappippu_confirm_buttons .ljappippu_payment_ok,
DIV.lj_ippu_app .ljappippu_confirm_buttons .ljappippu_confirm_ok {
float: right;
}
DIV.lj_ippu_app .ljappippu_confirm_buttons .i-bubble,
DIV.lj_ippu_app .ljappippu_share_buttons .i-bubble {
line-height: 16px;
}
DIV.lj_ippu_app .i-qotd-nav {
float: right;
margin-top: 5px;
line-height: 11px;
font-size: 11px;
}
DIV.lj_ippu_app .i-qotd-nav-first,
DIV.lj_ippu_app .i-qotd-nav-last,
DIV.lj_ippu_app .i-qotd-nav-prev,
DIV.lj_ippu_app .i-qotd-nav-next {
display: inline-block;
overflow: hidden;
width: 16px;
height: 16px;
padding: 0;
cursor: pointer;
background-image: url(/img/arrow-spotlight.gif?v=16423);
background-repeat: no-repeat;
vertical-align: -4px;
font: 0/0 serif;
}
DIV.lj_ippu_app .i-qotd-nav-first {
margin: 0 5px 0 0;
background-position: 0 -32px;
}
DIV.lj_ippu_app .i-qotd-nav-first-dis {
cursor: default;
background-position: 0 -48px;
}
DIV.lj_ippu_app .i-qotd-nav-last {
margin: 0 0 0 5px;
background-position: -16px -32px;
}
DIV.lj_ippu_app .i-qotd-nav-last-dis {
cursor: default;
background-position: -16px -48px;
}
DIV.lj_ippu_app .i-qotd-nav-prev {
margin: 0 10px 0 0;
background-position: 0 0;
}
DIV.lj_ippu_app .i-qotd-nav-prev-dis {
cursor: default;
background-position:0 -16px;
}
DIV.lj_ippu_app .i-qotd-nav-next {
margin: 0 0 0 10px;
background-position: -16px 0;
}
DIV.lj_ippu_app .i-qotd-nav-next-dis {
cursor: default;
background-position: -16px -16px;
}
DIV.lj_ippu_app .qotd-counter I {
font-style: normal;
}
DIV.lj_ippu_app .b-pending-users {
float: none;
margin-bottom: 0;
padding: 0;
}
DIV.lj_ippu_app .b-pending-users:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
overflow: hidden;
width: 0;
height: 0;
}
DIV.lj_ippu_app .ljappippu_share_persons {
overflow: auto;
max-height: 132px;
margin: -5px -10px -10px -10px;
padding: 5px 10px 0 10px;
}
DIV.lj_ippu_app .b-pending-users LI {
padding-bottom: 7px;
line-height: 15px;
font-size: 12px;
}
DIV.lj_ippu_app .ljappippu_share_persons LI:hover SPAN {
margin-right: -9px;
padding-right: 8px;
}
DIV.lj_ippu_app .hr {
clear: both;
overflow: hidden;
margin-bottom: 10px;
}
DIV.lj_ippu_app .ljappippu-area {
position: relative;
padding-right: 13px;
}
DIV.lj_ippu_app .ljappippu-area LABEL {
top: 2px;
left: 5px;
font: 12px/16px 'Arial', sans-serif;
color: #A9A9A9;
}
DIV.lj_ippu_app .ljappippu-area TEXTAREA {
width: 100%;
margin-bottom: 7px;
padding: 2px 5px;
border: 1px solid #737373;
font: 12px/16px 'Arial', sans-serif;
}
DIV.lj_ippu_app .b-select-users {
width: 100%;
margin-bottom: 5px;
}
DIV.lj_ippu_app .b-select-users:after {
content: ".";
display: block;
visibility: hidden;
clear: both;
height: 0;
line-height: 0;
}
DIV.lj_ippu_app .b-select-users .b-bubble-intext {
float: right;
}
DIV.lj_ippu_app .b-select-users INPUT {
width: 150px;
font-size: 12px;
}
/* Payment confirm/reject */
.ljappippu_thumb {
float: left;
margin: 2px 15px 15px 2px;
}
.ljappippu_payment_desc {
padding: 0 0 0 138px;
}
.ljappippu_table {
width: 100%;
border-collapse: collapse;
}
.ljappippu_table TH,
.ljappippu_table TD {
padding: 9px 0;
border-bottom: 1px solid #E6E6E6;
line-height: 18px;
font-size: 12px;
}
.ljappippu_table .last TH,
.ljappippu_table .last TD {
border-bottom: none;
}
.ljappippu_table TH {
text-align: left;
font-weight: bold;
}
.ljappippu_table TD {
text-align: right;
}
.ljappippu_table.wide TD {
text-align: left;
}
.lj_ippu_app .b-message {
border-radius: 6px;
}
/* Popups with arrows
--------------------------- */
/* Must be removed after implementation of Framework! */
.b-popup {
position: absolute;
z-index: 5010;
border-radius: 7px;
box-shadow: 0 0 3px #F2F6F8;
font-size: 15px;
}
.b-popup input[type="text"],
.b-popup div,
.b-popup strong,
.b-popup label {
color:#000;
}
.b-popup input:-moz-placeholder {
color: #999;
}
.b-popup-outer {
position: relative;
z-index: 100;
padding: 1px;
border: 1px solid #D9E6EA;
border-radius: 7px;
background: #FFF;
}
.b-popup-inner {
padding: 10px 15px;
border-radius: 7px;
}
.b-popup-options-centered .b-popup-submit-options {
margin: 0.5em 0 0;
text-align: center;
}
/* Custom dialog elements */
.b-dialog {
position: relative;
width: 100%;
}
.b-dialog-header {
margin: 0 0 10px;
padding: 0 15px 0 0;
line-height: 16px;
font-weight: bold;
font-size: 14px;
color: #000;
}
.b-dialog-body {
min-width: 300px;
max-width: 500px;
margin: 10px 0 20px;
font-family: "ProximaNovaRegular",Helvetica,Arial,sans-serif;
font-size: 16px;
}
.b-dialog-footer {
margin: 10px 0 0;
text-align: center;
}
.b-dialog-prompt {
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
margin: 10px 0 0;
padding: 2px 5px;
}
/* Put here styles for popups that need to reset */
.b-popup,
.b-popup-outer,
.b-popup-inner,
.popup-inner,
.w-cs-filter-inner,
.w-cs-filter-sort,
.b-sharethis,
.b-sharethis-services {
float: none;
}
.b-popup-withclosecontrol .b-popup-inner {
padding: 10px 25px 10px 15px;
}
.i-popup-arr,
.i-popup-arr-brdr-outer,
.i-popup-arr-brdr-inner,
.i-popup-arr-bg {
position: absolute;
width: 0;
height: 0;
font: 0/0 serif;
}
.i-popup-arrt.i-popup-arr,
.i-popup-arrtl.i-popup-arr,
.i-popup-arrtr.i-popup-arr {
border-right: 15px solid transparent;
border-right: 15px solid rgba(255, 255, 255, .01);
border-bottom: 15px solid #D9E6EA;
border-left: 15px solid transparent;
border-left: 15px solid rgba(255, 255, 255, .01);
}
.i-popup-arrt .i-popup-arr-brdr-outer,
.i-popup-arrtl .i-popup-arr-brdr-outer,
.i-popup-arrtr .i-popup-arr-brdr-outer {
top: 2px;
left: -15px;
border-right: 15px solid transparent;
border-right: 15px solid rgba(255, 255, 255, .01);
border-bottom: 15px solid #FFF;
border-left: 15px solid transparent;
border-left: 15px solid rgba(255, 255, 255, .01);
}
.i-popup-arrb.i-popup-arr,
.i-popup-arrbl.i-popup-arr,
.i-popup-arrbr.i-popup-arr {
border-top: 15px solid #D9E6EA;
border-right: 15px solid transparent;
border-right: 15px solid rgba(255, 255, 255, .01);
border-left: 15px solid transparent;
border-left: 15px solid rgba(255, 255, 255, .01);
}
.i-popup-arrb .i-popup-arr-brdr-outer,
.i-popup-arrbl .i-popup-arr-brdr-outer,
.i-popup-arrbr .i-popup-arr-brdr-outer {
bottom: 2px;
left: -15px;
border-top: 15px solid #FFF;
border-right: 15px solid transparent;
border-right: 15px solid rgba(255, 255, 255, .01);
border-left: 15px solid transparent;
border-left: 15px solid rgba(255, 255, 255, .01);
}
.i-popup-arrl.i-popup-arr,
.i-popup-arrlt.i-popup-arr,
.i-popup-arrlb.i-popup-arr {
border-top: 15px solid transparent;
border-top: 15px solid rgba(255, 255, 255, .01);
border-right: 15px solid #D9E6EA;
border-bottom: 15px solid transparent;
border-bottom: 15px solid rgba(255, 255, 255, .01);
}
.i-popup-arrl .i-popup-arr-brdr-outer,
.i-popup-arrlt .i-popup-arr-brdr-outer,
.i-popup-arrlb .i-popup-arr-brdr-outer {
top: -15px;
left: 2px;
border-top: 15px solid transparent;
border-top: 15px solid rgba(255, 255, 255, .01);
border-right: 15px solid #FFF;
border-bottom: 15px solid transparent;
border-bottom: 15px solid rgba(255, 255, 255, .01);
}
.i-popup-arrr.i-popup-arr,
.i-popup-arrrt.i-popup-arr,
.i-popup-arrrb.i-popup-arr {
border-top: 15px solid transparent;
border-top: 15px solid rgba(255, 255, 255, .01);
border-bottom: 15px solid transparent;
border-bottom: 15px solid rgba(255, 255, 255, .01);
border-left: 15px solid #D9E6EA;
}
.i-popup-arrr .i-popup-arr-brdr-outer,
.i-popup-arrrt .i-popup-arr-brdr-outer,
.i-popup-arrrb .i-popup-arr-brdr-outer {
top: -15px;
right: 2px;
border-top: 15px solid transparent;
border-top: 15px solid rgba(255, 255, 255, .01);
border-bottom: 15px solid transparent;
border-bottom: 15px solid rgba(255, 255, 255, .01);
border-left: 15px solid #FFF;
}
.i-popup-arrt {
top: -15px;
left: 50%;
margin: 0 0 0 -6px;
}
.i-popup-arrtl {
top: -15px;
left: 31px;
}
.i-popup-arrtr {
top: -15px;
right: 31px;
}
.i-popup-arrb {
bottom: -15px;
left: 50%;
margin: 0 0 0 -6px;
}
.i-popup-arrbl {
bottom: -15px;
left: 31px;
}
.i-popup-arrbr {
right: 31px;
bottom: -15px;
}
.i-popup-arrl {
top: 50%;
left: -15px;
margin: -6px 0 0;
}
.i-popup-arrlt {
top: 15px;
left: -15px;
}
.i-popup-arrlb {
bottom: 15px;
left: -15px;
}
.i-popup-arrr {
top: 50%;
right: -15px;
margin: -6px 0 0;
}
.i-popup-arrrt {
top: 15px;
right: -15px;
}
.i-popup-arrrb {
right: -15px;
bottom: 15px;
}
.b-popup .i-popup-arr-brdr-inner,
.b-popup .i-popup-arr-bg {
display: none;
}
.i-thumb-close,
.i-popup-close {
position: absolute;
top: 12px;
right: 12px;
display: block;
overflow: hidden;
width: 16px;
height: 17px;
cursor: pointer;
background: url(/img/icons/unit_v3.png?v=40336) no-repeat 0 -112px;
font: 0/0 serif;
}
.b-popup-noclosecontrol .i-popup-close {
display: none;
}
.b-popup-group {
position: static;
top: auto;
right: auto;
bottom: auto;
left: auto;
width: auto;
height: auto;
margin: 0 0 8px;
padding: 0;
text-align: left;
}
.b-popup-row {
position: static;
top: auto;
right: auto;
bottom: auto;
left: auto;
width: auto;
height: auto;
margin: 0 0 3px;
padding: 0;
}
.b-popup-row-head {
margin: 0 0 5px;
font-weight: bold;
}
/* Popup Messages */
.b-popup-messagebox {
position:absolute;
z-index:9999;
width:311px;
border:2px solid #8CB7DA;
background:#FFF;
font-size:12px;
}
.b-popup-messagebox .b-popup-head {
position:relative;
margin:0;
padding:5px;
border:1px solid #DBECFB;
border-width:1px 1px 0;
background:#C7E0F6;
font-size:15px;
}
.b-popup-messagebox .b-popup-head H4 {
margin:0;
}
.b-popup-messagebox .i-popup-close {
position:absolute;
top:9px;
right:5px;
width:12px;
height:12px;
cursor:pointer;
background: url(/img/popup-close.gif?v=9045) no-repeat 0 0;
}
.b-popup-messagebox .b-popup-content {
margin:0;
padding:5px;
font-size:13px;
}
.b-popup-messagebox .b-popup-footer {
margin:0;
padding:5px;
background:#ECF6FF;
text-align:center;
font-size:13px;
}
.b-popup-messagebox A:link,
.b-popup-messagebox A:visited,
.b-popup-messagebox A:hover,
.b-popup-messagebox A:active {
color: #00C;
}
/* tour bubble */
.b-bubble-tour {
z-index: 5001;
}
.b-helptour {
width: 350px;
}
.b-helptour-header {
margin: 0 0 .3em;
}
.b-helptour-header:after,
.b-helptour-footer:after {
display: table;
width: 100%;
clear: both;
content: "";
}
.b-helptour-stage-title {
margin-right: 10px;
}
.b-helptour P:first-child {
margin: 0 0 .3em;
}
.b-helptour-content {
margin: 0 0 .6em;
}
.b-helptour-content P {
margin: .3em 0;
}
.b-helptour-content UL,
.b-helptour-content LI {
margin: 0;
padding: 0;
list-style: none;
}
.b-helptour-footer {
margin: 0 -15px -15px -15px;
padding: 6px 15px;
border-radius: 0 0 5px 5px;
background-color: #DAE3E6;
}
.b-helptour-controls {
margin: 0;
padding: 0;
}
.b-helptour-state {
float: left;
}
.b-helptour-step {
float: right;
}
.b-helptour-control {
display: inline;
margin-right: 4px;
cursor: pointer;
}
.b-helptour-control-done:after {
display: inline-block;
content: "";
width: 14px;
height: 12px;
background-image: url(/img/icons/unit_v3.png?v=40336);
background-repeat: no-repeat;
background-position: 0 -223px;
}
.b-helptour-control-done A {
padding-left: 8px;
}
.b-helptour-control-next A:link,
.b-helptour-control-prev A:link,
.b-helptour-control-done A:link,
.b-helptour-control-done A:visited {
color: #00A3D9;
}
.b-helptour-control-skip A:link,
.b-helptour-control-skip A:visited {
color: #7A9199;
}
.b-helptour-control A {
font-size: 13px;
}
.b-helptour-control A:hover,
.b-helptour-control A:active,
.b-helptour-control A:focus {
color: #0086b3;
}
/* Delete bubble */
.ljcmtmanage {
position: absolute;
z-index: 3;
display: block;
visibility: hidden;
width: 250px;
text-align: left;
}
.b-popup-delcomm,
.b-popup-ctrlcomm {
max-width: 380px;
}
/* Social Capital Icon */
.b-icon-scapital {
float: left;
width: 16px;
height: 16px;
margin:0 2px 0 0;
background-image: url(/img/icon-social-capital.png?v=19876);
background-position: 0 50%;
background-repeat: no-repeat;
}
.b-icon-scapital-first {
background-position: -17px 50%;
}
/* Login More Popup */
.b-loginpopup {
display: none;
margin: 0;
padding: 0;
}
.b-loginpopup-items {
margin: 0 0 0 -5px;
padding: 0;
list-style: none;
}
.b-loginpopup-item {
margin: 0;
padding: 0;
list-style: none;
text-align: left;
}
BODY .b-loginpopup-item A:link,
BODY .b-loginpopup-item A:visited,
BODY #header table.login-form .b-loginpopup-item A:link,
BODY #header table.login-form .b-loginpopup-item A:visited {
display: block;
margin: 0;
padding: 3px 5px;
border: 0;
border-radius: 3px;
background: #FFF;
text-decoration: none;
font-size: 11px;
color: #242F33 !important;
}
BODY .b-loginpopup-item A:hover,
BODY .b-loginpopup-item A:active,
BODY #header table.login-form .b-loginpopup-item A:hover,
BODY #header table.login-form .b-loginpopup-item A:active {
display: block;
margin: 0;
padding: 3px 5px;
border: 0;
border-radius: 3px;
background: #C5E1F7;
text-decoration: none;
font-size: 11px;
color: #242F33 !important;
}
.b-loginpopup-item IMG,
#header .b-loginpopup-item IMG {
margin: 0 5px 0 0;
border: 0;
vertical-align: -4px;
}
/* Fader
--------------------------- */
/* Must be removed after implementation of Framework! */
.b-fader {
position: fixed;
top: 0;
left: 0;
z-index: 5000;
width: 100%;
height: 100%;
filter: alpha(opacity=60);
opacity: 0.6;
background: #000;
zoom: 1;
}
.i-posticon-flip {
margin: 0 0 0 .5em;
}
/* LinkBar
----------------------------------- */
.b-linkbar {
display: inline-block;
margin: 0;
padding: 8px;
border: 0;
background: #DAE3E6;
list-style: none;
text-align: center;
}
.b-linkbar-item {
display: inline-block;
margin: 0 2px;
padding: 0;
border: 0;
vertical-align: top;
font: 10px/1 Arial, sans-serif;
}
/* Help Link
----------------------------------- */
.b-helplink {
position: relative;
display: inline-block;
min-height: 20px;
margin: 0 0 0 0.5em;
padding: 0 0 0 20px;
border: 0;
vertical-align: -6px;
}
/* icon */
.b-helplink-icon {
position: absolute;
top: 50%;
left: 0;
display: block;
width: 20px;
height: 20px;
margin: -10px 0 0;
padding: 0;
border: 0;
background: url(/img/icons/help_v3.png?v=40191) 0 0 no-repeat;
text-shadow: none;
font: 0/0 a;
color: transparent;
cursor: pointer;
}
/* title */
.b-helplink-title {
margin: 0;
}
/* helplink with title */
.b-helplink-withtitle {
padding: 0 0 0 25px;
vertical-align: 0;
}
/* helplink for horizon scheme */
.s-usernav .b-helplink {
margin: 0 0 0 0.2em;
padding: 0 0 0 14px;
}
/* helplink for settings page (LJSUP-17071) */
TD.help .b-helplink {
margin: 0;
}
/* helplink for editpics.bml page (LJSUP-17071) */
.input-wrapper .b-helplink {
margin: 0;
}
/* Value Bar
----------------------------------- */
.b-valuebar {
display: inline-block;
margin: 0;
}
.b-valuebar-outer {
display: inline-block;
margin: 0;
background: red;
}
.b-valuebar-inner {
margin: 0;
}
.b-valuebar-desc {
margin: 0;
line-height: 1.2;
font-style: italic;
font-size: 90%;
color: #666;
}
/* Message System
----------------------------------- */
.b-msgsystem-errorbox {
display: none;
min-height: 50px;
margin: 0 -45px 2em -25px;
padding: 10px 140px 10px 120px;
background: #FFEFEF url(/img/icons/error.png?v=15718) no-repeat 2.7em 50%;
box-shadow: 0 2px 3px rgba(53, 99, 161, 0.7);
}
.b-msgsystem-errorbox-head {
margin: 0 0 5px;
padding: 0;
font-weight: bold;
font-size: 1em;
color: #CB1427;
}
.b-msgsystem-error {
margin: 0 0 10px;
padding: 0;
color: #787878;
}
#js .b-msgsystem-errorbox-show {
display: block;
}
.b-msgsystem-error {
display: none;
}
.b-msgsystem-errorbox-show .b-msgsystem-error-ajax {
display: block;
}
.b-msgsystem-errorbox-errors {
display: block;
}
.b-msgsystem-errorbox-errors .b-msgsystem-error-server {
display: block;
}
.b-msgsystem-warningbox {
display: none;
overflow: hidden;
min-height: 50px;
margin: 0 -45px 2em -25px;
padding: 10px 140px 10px 35px;
background-color: #FFFFD5;
box-shadow: 0 2px 3px rgba(53, 99, 161, 0.7);
}
.b-msgsystem-warningbox .b-warningbox-icon {
float: left;
clear: both;
overflow: hidden;
width: 55px;
height: 58px;
margin-right: 30px;
background: url(/img/icons/warning-age-sprite.png?v=13205) no-repeat;
text-indent: -9999px;
}
.b-msgsystem-warningbox-age-14 .b-warningbox-icon {
background-position: 0 0;
}
.b-msgsystem-warningbox-age-18 .b-warningbox-icon {
background-position: 0 -57px;
}
.b-msgsystem-warningbox-head {
margin: 0 0 5px;
padding: 0;
font-weight: bold;
font-size: 1em;
color: #000;
}
.b-msgsystem-warning {
margin: 0 0 10px;
padding: 0;
color: #787878;
}
.b-msgsystem-warningbox-confirm {
margin: 5px 0 0;
}
#js .b-msgsystem-warningbox-show {
display: block;
}
.b-msgsystem-warning {
display: none;
}
.b-msgsystem-warningbox-show .b-msgsystem-warning-ajax {
display: block;
}
.b-msgsystem-warningbox-warnings {
display: block;
}
.b-msgsystem-warningbox-warnings .b-msgsystem-warning-server {
display: block;
}
.b-msgsystem-messagebox {
display: none;
min-height: 50px;
margin: 0 -45px 2em -25px;
padding: 10px 140px 10px 120px;
background: #E9EEDF url(/img/icons/error.png?v=15718) no-repeat 2.7em 50%;
box-shadow: 0 2px 3px rgba(53, 99, 161, 0.7);
}
.b-msgsystem-messagebox-head {
margin: 0 0 5px;
padding: 0;
font-weight: bold;
font-size: 1em;
color: #0D8473;
}
.b-msgsystem-message {
margin: 0 0 10px;
padding: 0;
color: #787878;
}
#js .b-msgsystem-messagebox-show {
display: block;
}
.b-msgsystem-message {
display: none;
}
.b-msgsystem-messagebox-show .b-msgsystem-message-ajax {
display: block;
}
.b-msgsystem-messagebox-messages {
display: block;
}
.b-msgsystem-messagebox-messages .b-msgsystem-message-server {
display: block;
}
/* LJ Button
----------------------------------- */
.b-ljbutton {
position: relative;
display: inline-block;
min-height: 1.2em;
margin: 0;
padding: 0;
vertical-align: top;
}
.b-ljbutton-submit {
margin: -0.4em 0;
padding: 0.4em;
border-radius: 10px;
background-color: #049;
background-image: -webkit-linear-gradient(top, #38D 0%, #038 100%);
background-image: -moz-linear-gradient(top, #38D 0%, #038 100%);
background-image: -o-linear-gradient(top, #38D 0%, #038 100%);
background-image: linear-gradient(to bottom, #38D 0%, #038 100%);
}
.b-ljbutton-submit.b-ljbutton-disabled {
background-color: #AFAFAF;
background-image: -webkit-linear-gradient(top, #E8E8E8 0%, #AFAFAF 100%);
background-image: -moz-linear-gradient(top, #E8E8E8 0%, #AFAFAF 100%);
background-image: -o-linear-gradient(top, #E8E8E8 0%, #AFAFAF 100%);
background-image: linear-gradient(to bottom, #E8E8E8 0%, #AFAFAF 100%);
}
.b-ljbutton-delete {
margin: -0.4em 0;
padding: 0.4em;
border-radius: 10px;
background-color: #970000;
background-image: -webkit-linear-gradient(top, #DA0000 0%, #970000 100%);
background-image: -moz-linear-gradient(top, #DA0000 0%, #970000 100%);
background-image: -o-linear-gradient(top, #DA0000 0%, #970000 100%);
background-image: linear-gradient(to bottom, #DA0000 0%, #970000 100%);
}
/* Flat Button
----------------------------------- */
/* root */
.b-flatbutton {
position: relative;
display: inline-block;
margin: 0;
padding: 15px 20px;
border: 0;
border-radius: 3px;
background: #09C;
text-transform: uppercase;
text-decoration: none;
text-align: center;
font: 14px/1 "ProximaNovaSemibold",Tahoma,Arial,sans-serif;
font: 0.875rem/1 "ProximaNovaSemibold",Tahoma,Arial,sans-serif;
color: #FFF;
cursor: pointer;
}
/* icon */
.b-flatbutton-icon {
overflow: hidden;
display: inline-block;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
vertical-align: -3px;
background: url(/img/icons/flatsocial_16_white.svg?v=1234) no-repeat 0 0;
font: 0/0 a;
cursor: pointer;
}
/* ie8 hack */
.lt-ie9 .b-flatbutton-icon {
background-image: url(/img/icons/flatsocial_16_white.png?v=1234);
}
/* opera-mini svg hack */
doesnotexist:-o-prefocus,
.b-flatbutton-icon {
background-image: url(/img/icons/flatsocial_16_white.png?v=1234);
}
/* title */
.b-flatbutton-title {
margin: 0;
}
/* tiny button */
.b-flatbutton-simple {
padding: 10px 15px;
}
/* disabled button */
.b-flatbutton[disabled] {
opacity: 0.5;
pointer-events: none;
}
/* shine button */
.b-flatbutton-shine {
overflow: hidden;
}
.b-flatbutton-shine:before {
content: "";
width: 200%;
height: 200%;
position: absolute;
top: -200%;
left: -225%;
background-image: -webkit-linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0));
background-image: -moz-linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0));
background-image: linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0));
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.b-flatbutton-shine:hover:before {
top: 200%;
left: 200%;
}
/* shining button */
.b-flatbutton-shining {
overflow: hidden;
}
.b-flatbutton-shining:before {
content: "";
width: 200%;
height: 200%;
position: absolute;
background-image: -webkit-linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0));
background-image: -moz-linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0));
background-image: linear-gradient(135deg, rgba(255,255,255,0), rgba(255,255,255,0.6), rgba(255,255,255,0));
-webkit-animation: shining 1s ease-out infinite;
-moz-animation: shining 1s ease-out infinite;
-o-animation: shining 1s ease-out infinite;
animation: shining 1s ease-out infinite;
}
@-webkit-keyframes shining {
0% { top: -200%; left: -225%; }
100% { top: 200%; left: 200%; }
}
@-moz-keyframes shining {
0% { top: -200%; left: -225%; }
100% { top: 200%; left: 200%; }
}
@-o-keyframes shining {
0% { top: -200%; left: -225%; }
100% { top: 200%; left: 200%; }
}
@keyframes shining {
0% { top: -200%; left: -225%; }
100% { top: 200%; left: 200%; }
}
/* row of buttons */
.b-flatbutton + .b-flatbutton {
margin-left: 0.5em;
}
/* basic */
.b-flatbutton {
background: #09C;
color: #FFF;
}
.b-flatbutton:link,
.b-reset .b-flatbutton:link,
.b-popup .b-flatbutton:link,
.b-discoveryarticle .b-flatbutton:link {
background: #09C;
text-decoration: none;
color: #FFF;
}
.b-flatbutton:visited,
.b-reset .b-flatbutton:visited,
.b-popup .b-flatbutton:visited,
.b-discoveryarticle .b-flatbutton:visited {
background: #09C;
text-decoration: none;
color: #FFF;
}
.b-flatbutton:hover,
.b-reset .b-flatbutton:hover,
.b-popup .b-flatbutton:hover,
.b-discoveryarticle .b-flatbutton:hover {
background: #00ACE6;
text-decoration: none;
color: #FFF;
}
.b-flatbutton:active,
.b-reset .b-flatbutton:active,
.b-popup .b-flatbutton:active,
.b-discoveryarticle .b-flatbutton:active {
background: #0086B3;
text-decoration: none;
color: #FFF;
}
/* green */
.b-flatbutton-green {
background: #39BF71;
color: #FFF;
}
.b-flatbutton-green:link,
.b-reset .b-flatbutton-green:link,
.b-popup .b-flatbutton-green:link,
.b-discoveryarticle .b-flatbutton-green:link,
.b-mainpage-state-discovery .b-flatbutton-green:link {
background: #39BF71;
color: #FFF;
}
.b-flatbutton-green:visited,
.b-reset .b-flatbutton-green:visited,
.b-popup .b-flatbutton-green:visited,
.b-discoveryarticle .b-flatbutton-green:visited,
.b-mainpage-state-discovery .b-flatbutton-green:visited {
background: #39BF71;
color: #FFF;
}
.b-flatbutton-green:hover,
.b-reset .b-flatbutton-green:hover,
.b-popup .b-flatbutton-green:hover,
.b-discoveryarticle .b-flatbutton-green:hover,
.b-mainpage-state-discovery .b-flatbutton-green:hover {
background: #41D980;
color: #FFF;
}
.b-flatbutton-green:active,
.b-reset .b-flatbutton-green:active,
.b-popup .b-flatbutton-green:active,
.b-discoveryarticle .b-flatbutton-green:active,
.b-mainpage-state-discovery .b-flatbutton-green:active {
background: #32A662;
color: #FFF;
}
/* red */
.b-flatbutton-red {
background: #D92B2B;
color: #FFF;
}
.b-flatbutton-red:link,
.b-reset .b-flatbutton-red:link,
.b-popup .b-flatbutton-red:link,
.b-discoveryarticle .b-flatbutton-red:link,
.b-mainpage-state-discovery .b-flatbutton-red:link {
background: #39BF71;
color: #FFF;
}
.b-flatbutton-red:visited,
.b-reset .b-flatbutton-red:visited,
.b-popup .b-flatbutton-red:visited,
.b-discoveryarticle .b-flatbutton-red:visited,
.b-mainpage-state-discovery .b-flatbutton-red:visited {
background: #39BF71;
color: #FFF;
}
.b-flatbutton-red:hover,
.b-reset .b-flatbutton-red:hover,
.b-popup .b-flatbutton-red:hover,
.b-discoveryarticle .b-flatbutton-red:hover,
.b-mainpage-state-discovery .b-flatbutton-red:hover {
background: #F23030;
color: #FFF;
}
.b-flatbutton-red:active,
.b-reset .b-flatbutton-red:active,
.b-popup .b-flatbutton-red:active,
.b-discoveryarticle .b-flatbutton-red:active,
.b-mainpage-state-discovery .b-flatbutton-red:active {
background: #B32424;
color: #FFF;
}
/* neutral */
.b-flatbutton-neutral {
padding: 13px 18px; /* 15 - 2 = 13, 20 - 2 = 18 */
border: 2px solid;
background: #FFF;
color: #00A3D9;
}
.b-flatbutton-neutral:link,
.b-reset .b-flatbutton-neutral:link,
.b-popup .b-flatbutton-neutral:link,
.b-discoveryarticle .b-flatbutton-neutral:link,
.b-mainpage-state-discovery .b-flatbutton-neutral:link {
border-color: #00A3D9;
background: #39BF71;
color: #00A3D9;
}
.b-flatbutton-neutral:visited,
.b-reset .b-flatbutton-neutral:visited,
.b-popup .b-flatbutton-neutral:visited,
.b-discoveryarticle .b-flatbutton-neutral:visited,
.b-mainpage-state-discovery .b-flatbutton-neutral:visited {
border-color: #00A3D9;
background: #39BF71;
color: #FFF;
}
.b-flatbutton-neutral:hover,
.b-reset .b-flatbutton-neutral:hover,
.b-popup .b-flatbutton-neutral:hover,
.b-discoveryarticle .b-flatbutton-neutral:hover,
.b-mainpage-state-discovery .b-flatbutton-neutral:hover {
border-color: #00A3D9;
background: #00A3D9;
color: #FFF;
}
.b-flatbutton-neutral:active,
.b-reset .b-flatbutton-neutral:active,
.b-popup .b-flatbutton-neutral:active,
.b-discoveryarticle .b-flatbutton-neutral:active,
.b-mainpage-state-discovery .b-flatbutton-neutral:active {
border-color: #0086B3;
background: #0086B3;
color: #FFF;
}
/* neutral + tiny */
.b-flatbutton-neutral.b-flatbutton-simple {
padding: 8px 13px; /* 10 - 2 = 8, 15 - 2 = 13 */
}
/* facebook */
.b-flatbutton-facebook {
background: #3B5998;
color: #FFF;
}
.b-flatbutton-facebook:link {
background: #3B5998;
text-decoration: none;
color: #FFF;
}
.b-flatbutton-facebook:visited {
background: #3B5998;
text-decoration: none;
color: #FFF;
}
.b-flatbutton-facebook:hover {
background: #4669B3;
text-decoration: none;
color: #FFF;
}
.b-flatbutton-facebook:active {
background: #4669B3;
text-decoration: none;
color: #FFF;
}
/* overwrite for feed settings */
.p-lenta .b-feedwidgets .b-flatbutton-facebook:link,
.p-lenta .b-feedwidgets .b-flatbutton-facebook:visited,
.p-lenta .b-feedwidgets .b-flatbutton-facebook:hover,
.p-lenta .b-feedwidgets .b-flatbutton-facebook:active {
color: #FFF;
}
/* icon */
.b-flatbutton-facebook .b-flatbutton-icon {
margin-right: 5px;
background-position: -1px -1px;
}
/* twitter */
.b-flatbutton-twitter {
background: #00ACEE;
color: #FFF;
}
.b-flatbutton-twitter:link {
background: #00ACEE;
text-decoration: none;
color: #FFF;
}
.b-flatbutton-twitter:visited {
background: #00ACEE;
text-decoration: none;
color: #FFF;
}
.b-flatbutton-twitter:hover {
background: #00B8FF;
text-decoration: none;
color: #FFF;
}
.b-flatbutton-twitter:active {
background: #00B8FF;
text-decoration: none;
color: #FFF;
}
/* overwrite for feed settings */
.p-lenta .b-feedwidgets .b-flatbutton-twitter:link,
.p-lenta .b-feedwidgets .b-flatbutton-twitter:visited,
.p-lenta .b-feedwidgets .b-flatbutton-twitter:hover,
.p-lenta .b-feedwidgets .b-flatbutton-twitter:active {
color: #FFF;
}
/* icon */
.b-flatbutton-twitter .b-flatbutton-icon {
margin-right: 5px;
background-position: -1px -109px;
}
/* instagram */
.b-flatbutton-instagram {
background: #517FA4;
color: #FFF;
}
.b-flatbutton-instagram:link {
background: #517FA4;
text-decoration: none;
color: #FFF;
}
.b-flatbutton-instagram:visited {
background: #517FA4;
text-decoration: none;
color: #FFF;
}
.b-flatbutton-instagram:hover {
background: #598BB5;
text-decoration: none;
color: #FFF;
}
.b-flatbutton-instagram:active {
background: #598BB5;
text-decoration: none;
color: #FFF;
}
/* overwrite for feed settings */
.p-lenta .b-feedwidgets .b-flatbutton-instagram:link,
.p-lenta .b-feedwidgets .b-flatbutton-instagram:visited,
.p-lenta .b-feedwidgets .b-flatbutton-instagram:hover,
.p-lenta .b-feedwidgets .b-flatbutton-instagram:active {
color: #FFF;
}
/* icon */
.b-flatbutton-instagram .b-flatbutton-icon {
margin-right: 5px;
background-position: -1px -37px;
}
/* tumblr */
.b-flatbutton-tumblr {
background: #2C4762;
color: #FFF;
}
.b-flatbutton-tumblr:link {
background: #2C4762;
text-decoration: none;
color: #FFF;
}
.b-flatbutton-tumblr:visited {
background: #2C4762;
text-decoration: none;
color: #FFF;
}
.b-flatbutton-tumblr:hover {
background: #345373;
text-decoration: none;
color: #FFF;
}
.b-flatbutton-tumblr:active {
background: #345373;
text-decoration: none;
color: #FFF;
}
/* overwrite for feed settings */
.p-lenta .b-feedwidgets .b-flatbutton-tumblr:link,
.p-lenta .b-feedwidgets .b-flatbutton-tumblr:visited,
.p-lenta .b-feedwidgets .b-flatbutton-tumblr:hover,
.p-lenta .b-feedwidgets .b-flatbutton-tumblr:active {
color: #FFF;
}
/* icon */
.b-flatbutton-tumblr .b-flatbutton-icon {
margin-right: 5px;
background-position: -1px -91px;
}
/* vk */
.b-flatbutton-vk {
background: #4E729A;
color: #FFF;
}
.b-flatbutton-vk:link {
background: #4E729A;
text-decoration: none;
color: #FFF;
}
.b-flatbutton-vk:visited {
background: #4E729A;
text-decoration: none;
color: #FFF;
}
.b-flatbutton-vk:hover {
background: #577EAB;
text-decoration: none;
color: #FFF;
}
.b-flatbutton-vk:active {
background: #577EAB;
text-decoration: none;
color: #FFF;
}
/* overwrite for feed settings */
.p-lenta .b-feedwidgets .b-flatbutton-vk:link,
.p-lenta .b-feedwidgets .b-flatbutton-vk:visited,
.p-lenta .b-feedwidgets .b-flatbutton-vk:hover,
.p-lenta .b-feedwidgets .b-flatbutton-vk:active {
color: #FFF;
}
/* icon */
.b-flatbutton-vk .b-flatbutton-icon {
margin-right: 5px;
background-position: -1px -127px;
}
/* LJ-CUT link
--------------------------------------*/
.ljcut-link-scissors {
padding: 0 2px 0 0;
vertical-align: middle;
font-size: 2em;
}
.ljcut-link .ljcut-link-collapse {
display: none;
}
.ljcut-expanded .ljcut-link-collapse {
display: inline;
}
.ljcut-expanded .ljcut-link-expand {
display: none;
}
/* Trava object
--------------------------------------*/
.meta-music-object {
display: inline-block;
vertical-align: middle;
}
/* Posts Controls
--------------------------------------*/
.b-controls,
.b-controls:link,
.b-controls:visited,
.b-controls:hover,
.b-controls:active {
overflow: hidden;
position: relative;
display: inline-block;
width: 24px;
height: 24px;
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
text-decoration: none;
font: 0/0 a;
}
.b-controls-bg {
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
margin: 0;
padding: 0;
cursor: pointer;
background-image: url(/img/btn_actions.png?v=19689);
background-repeat: no-repeat;
font: 0/0 serif;
}
.b-controls-left .b-controls-bg,
.b-controls-prev .b-controls-bg {
background-position: 0 0;
}
.b-controls-right .b-controls-bg,
.b-controls-next .b-controls-bg {
background-position: -24px 0;
}
.b-controls-top .b-controls-bg {
background-position: -48px 0;
}
.b-controls-bottom .b-controls-bg {
background-position: -72px 0;
}
.b-controls-delete .b-controls-bg {
background-position: -48px -48px;
}
.b-controls-spam .b-controls-bg {
background-position: 0 -48px;
}
.b-controls-unspam .b-controls-bg {
background-position: -24px -48px;
}
.b-controls-freeze .b-controls-bg {
background-position: -48px -72px;
}
.b-controls-unfreeze .b-controls-bg {
background-position: -72px -72px;
}
.b-controls-screen .b-controls-bg {
background-position: -24px -72px;
}
.b-controls-unscreen .b-controls-bg {
background-position: 0 -72px;
}
.b-controls-track .b-controls-bg {
background-position: 0 -24px;
}
.b-leaf-tracked-parent .b-controls-track .b-controls-bg,
.b-controls-trackthread .b-controls-bg {
background-position: -24px -24px;
}
.b-leaf-tracked .b-controls-track .b-controls-bg,
.b-controls-tracking .b-controls-bg {
background-position: -48px -24px;
}
.b-controls-edit .b-controls-bg {
background-position: -48px -96px;
}
.b-controls-memadd .b-controls-bg {
background-position: 0 -96px;
}
.b-controls-share .b-controls-bg {
background-position: -72px -24px;
}
.b-controls-edittags .b-controls-bg {
background-position: -24px -96px;
}
.b-controls-flag .b-controls-bg {
background-position: -72px -48px;
}
.b-controls-stat .b-controls-bg {
background-position: 0 -193px;
}
/* LJ User
--------------------------------------*/
HTML BODY .i-ljuser {
position: static !important;
display: inline !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: transparent !important;
white-space: nowrap !important;
}
.i-ljuser-deleted {
text-decoration: line-through;
}
/* profile link */
HTML BODY .i-ljuser-profile {
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
}
/* userhead */
HTML BODY .i-ljuser-userhead {
width: 16px !important;
height: 16px !important;
margin: 0 !important;
padding: 0 1px 0 0 !important;
border: 0 !important;
vertical-align: text-bottom !important;
}
/* username & journal link */
.i-ljuser-username {
}
/* alias */
.i-ljuser-alias {
display: none;
}
.i-ljuser-alias:before {
content: "\00a0\2014\00a0";
}
/* show * if alias */
.i-ljuser-withalias .i-ljuser-username:after {
content: "*";
}
/* show if option */
.i-ljuser-withalias.i-ljuser-showalias .i-ljuser-alias {
display: inline;
white-space: normal !important;
}
/* Popup content
--------------------------------------*/
.b-popup-content {
text-align: left !important;
}
.b-popup-content H5 {
margin: 0 0 10px 0;
padding: 0;
font-weight: bold !important;
font-size: 14px !important;
color: #000 !important;
}
.b-popup-content-header {
margin-bottom: 10px;
padding-right: 10px;
line-height: 16px;
font-weight: bold;
font-size: 14px;
color: #000;
}
.b-popup-content A:link,
.b-popup-content A:visited {
color: #3F5F9E !important;
}
.b-popup-content A:hover,
.b-popup-content A:active {
color: #3F5F9E !important;
}
.b-popup-content .b-popup-submit-options {
padding-top: 5px !important;
border: none;
}
/* Preloader */
.b-popup-preloader .preloader {
position: absolute;
top: 50%;
left: 50%;
display: none;
width: 11px;
height: 3px;
margin-left: -6px;
background: url(/img/preloader-s.gif?ver=1) no-repeat;
font-size: 0;
}
.b-popup-preloader .b-popup-preloader-inner {
position: relative;
display: inline-block;
vertical-align: middle;
}
.b-popup-preloader-visible INPUT,
.b-popup-preloader-visible BUTTON,
.b-popup-preloader-visible A,
.b-popup-preloader-visible I {
visibility: hidden;
}
.b-popup-preloader-visible I.preloader {
display: block;
visibility: visible;
}
.b-popup-preloader-visible .b-popup-cancel {
cursor: default;
color: #CCC;
}
/* lj-cut preloader */
.ljcut-link-expanding {
padding: 0 20px 0 0;
background: url(/img/preloader-s.gif?v=9673) no-repeat 100% 60%;
}
/* Clear fix
----------------------------------------------*/
.clearfix-lj:after {
content: "";
display: table;
clear: both;
border-collapse: collapse;
}
/* LJ Spoiler
----------------------------------- */
.lj-spoiler {
position: static;
top: auto;
left: auto;
display: inline-block;
width: auto;
height: auto;
margin: 0;
padding: 0;
}
.lj-spoiler .lj-spoiler-head {
position: static;
top: auto;
left: auto;
display: none;
width: auto;
height: auto;
margin: 0;
padding: 0;
}
.lj-spoiler .lj-spoiler-body {
position: static;
top: auto;
left: auto;
display: block;
width: auto;
height: auto;
margin: 0;
padding: 0;
}
#js .lj-spoiler .lj-spoiler-head {
display: block;
}
#js .lj-spoiler .lj-spoiler-body {
display: none;
}
#js .lj-spoiler.lj-spoiler-opened > .lj-spoiler-head {
display: none;
}
#js .lj-spoiler.lj-spoiler-opened > .lj-spoiler-body {
display: block;
}
#js .lj-spoiler.lj-spoiler-opened .lj-spoiler-body BR:first-child,
#js .lj-spoiler.lj-spoiler-opened .lj-spoiler-body BR:last-child {
display: none;
}
/* LJ Banner common 100%x120px and 100%x200px
----------------------------------- */
.b-banner-slide {
border: 1px solid #000;
}
/* Blue strip and menu
----------------------------------- */
.b-adjusting {
margin: 0;
padding: 10px 15px;
list-style: none;
background: #00A3D9;
font-family: 'ProximaNovaSemibold',Helvetica,sans-serif;
font-size: 14px;
font-size: 0.875rem;
color: #FFF;
}
.b-adjusting-list {
margin: 0;
padding: 0;
list-style: none;
}
.b-adjusting-item {
display: inline-block;
}
.b-adjusting-item A,
.b-adjusting-item SPAN {
display: block;
padding: 0.15em 0.769em 0 1.1em;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.05em;
color: #FFF;
}
.b-adjusting-item .b-adjusting-item-disabled {
color: rgba(255, 255, 255, 0.5) !important;
}
.b-adjusting-item-active SPAN {
color: #003040;
}
@media screen and (max-width: 650px) {
.b-adjusting {
font-size: 1em;
}
.b-adjusting-item {
display: block;
}
.b-adjusting-item A,
.b-adjusting-item SPAN {
padding: 0.769em;
}
}
.appwidget-sitemessages ~ .s-body .b-adjusting,
.b-message-mobile ~ .appwidget-sitemessages {
border-top: 1px solid #99BFCC;
}
@media screen and (max-width: 899px) {
.b-message-mobile ~ .appwidget-sitemessages {
border: 0;
}
}
/* Showtime Overlay
----------------------------------- */
/*
Structure:
- body (.p-showtime [.p-showtime-loading])
- - .s-layout
- - .s-footer
- - .l-showtime
- - - .l-showtime-content
- - - - .b-discoveryarticle
*/
.p-showtime {
/**/
}
/* layout */
HTML BODY.p-showtime .s-layout {
position: fixed;
width: 100%;
min-height: 0;
}
/* footer */
.p-showtime .s-footer {
display: none;
}
/* ljtimes */
.p-showtime .b-ljtimes-wrapper {
display: none;
}
/* overlay */
.p-showtime .l-showtime {
display: block;
}
.l-showtime {
display: none;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 5009;
direction: ltr;
text-align: left;
background: rgb(105,118,122);
background: rgba(105,118,122,0.7);
}
/* webkit scrollbar */
.l-showtime::-webkit-scrollbar {
width: 12px;
}
.l-showtime::-webkit-scrollbar-track {
border-radius: 10px;
}
.l-showtime::-webkit-scrollbar-thumb {
border-radius: 10px;
background: rgba(57,191,113,0.6);
}
.l-showtime::-webkit-scrollbar-thumb:window-inactive {
background: rgba(57,191,113,0.4);
}
.l-showtime-content {
margin: 0;
padding: 50px;
}
/* fix angular js */
.l-showtime-content>.ng-scope {
max-width: 1170px;
margin: 0 auto;
}
@media all and (max-width: 800px) {
.l-showtime-content {
padding: 25px;
}
}
@media all and (max-width: 650px) {
HTML BODY.p-showtime .s-layout {
display: none;
}
.l-showtime {
overflow-x: visible;
overflow-y: visible;
position: static;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: auto;
background: transparent;
}
.l-showtime-content {
padding: 0;
}
}
/* Journal Picture
----------------------------------- */
/*
image description
*/
.b-journalpicture {
display: block;
margin: 0;
}
.b-journalpicture:first-child {
margin-top: 0;
}
/* image */
.b-journalpicture-image {
max-width: 100%;
height: auto;
margin: 0;
vertical-align: top;
}
/* caption */
.b-journalpicture-caption {
margin: 8px 0 0;
margin: 0.5rem 0 0;
text-align: left;
font: 14px/1.4 "ProximaNovaSemibold",Tahoma,Arial,sans-serif;
font: 0.875rem/1.4 "ProximaNovaSemibold",Tahoma,Arial,sans-serif;
background: #FFF;
color: #829399;
}
/* hide empty caption */
.b-journalpicture-caption:empty {
display: none;
}
.b-journalpicture-alignment {
text-align: center;
}
.b-journalpicture-alignment .b-journalpicture-caption {
text-align: center;
}
/* Journal Preamble
----------------------------------- */
/*
text
*/
.b-journalpreamble {
margin: 0 0 24px;
margin: 0 0 1.5rem;
font-size: 18px;
font-size: 1.125rem;
font-family: "ProximaNovaSemibold",Tahoma,Arial,sans-serif;
}
HTML BODY .b-journalpreamble .i-ljuser {
font-size: 0.842em;
}
HTML BODY .b-journalpreamble .i-ljuser-profile {
vertical-align: -1px;
}
/* reset preamble for entryunit */
.b-entryunit .b-journalpreamble {
margin: 0;
font-size: 1em;
font-weight: normal;
}
/* Journal Blockquote
----------------------------------- */
/*
quote text
*/
.b-journalblockquote {
margin: 0 0 1.5em;
padding: 0;
}
/* author */
.b-journalblockquote-author {
position: relative;
display: block;
margin: 0 0 16px;
font-style: normal;
}
/* blockquote arrow */
.b-journalblockquote-author:after,
.b-journalblockquote-author:before {
bottom: -17px;
left: 40px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.b-journalblockquote-author:after {
border-color: rgba(255, 255, 255, 0);
border-bottom-color: #FFF;
border-width: 10px;
margin-left: -10px;
}
.b-journalblockquote-author:before {
border-color: rgba(218, 227, 230, 0);
border-bottom-color: #DAE3E6;
border-width: 11px;
margin-left: -11px;
}
/* quote */
.b-journalblockquote-quote {
margin: 0;
padding: 15px 20px;
border: 1px solid #DAE3E6;
border-radius: 3px;
background: #FFF;
}
.b-journalblockquote P {
margin: 0;
}
/* LJ like buttons
-----------------------------------------------*/
.lj-like {
clear: both !important;
margin: 0 !important;
line-height: 1 !important;
}
.lj-like:after {
content: "";
display: table;
border-collapse: collapse;
clear: both;
}
.lj-like-item {
display: inline-block !important;
min-height: 20px;
vertical-align: middle !important;
margin: 6px 12px 0 0 !important;
}
.lj-like-gag {
border: 1px dashed #999;
border-radius: 6px;
}
.lj-like-item A,
.lj-like-item DIV,
.lj-like-item SPAN,
.lj-like-item IFRAME {
vertical-align: middle !important;
}
.lj-like + BR {
display: none;
}
/* Flat Repost
----------------------------------- */
.b-flatrepost {
position: relative !important;
display: inline-block !important;
margin: 0 !important;
padding: 0 0 0 2px !important;
text-transform: uppercase;
letter-spacing: 0.05em;
font: 11px/1 Arial,sans-serif !important;
background: none !important;
box-shadow: none !important;
-moz-column-count: auto !important;
-moz-column-gap: normal !important;
-moz-columns: auto !important;
-webkit-column-count: auto !important;
-webkit-column-gap: normal !important;
-webkit-columns: auto !important;
column-count: auto !important;
column-gap: normal !important;
columns: auto !important;
}
/* disabled icon */
.b-flatrepost-icon {
display: none;
}
/* name */
.b-flatrepost-name {
display: inline-block !important;
height: 19px;
margin: 0 !important;
padding: 6px 12px 0 13px !important;
border: 0 !important;
border-radius: 20px !important;
background: #00A2D9 !important;
color: #FFF !important;
cursor: pointer;
}
.b-flatrepost-name:hover {
background: #27BFF9 !important;
color: #FFF !important;
}
/* ie8 fix */
.lt-ie9 .b-flatrepost-name {
position: relative;
z-index: -1;
}
/* name as link */
HTML#js BODY .b-flatrepost-name:link,
HTML#js BODY .b-flatrepost-name:visited {
border: 0 !important;
text-decoration: none !important;
background: #00A2D9 !important;
color: #FFF !important;
}
HTML#js BODY .b-flatrepost-name:active,
HTML#js BODY .b-flatrepost-name:hover {
border: 0 !important;
text-decoration: none !important;
background: #27BFF9 !important;
color: #FFF !important;
}
/* icon */
.b-flatrepost-name:after {
content: " ";
position: absolute;
top: -1px;
left: 1px;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2220px%22%20height%3D%2220.022px%22%20viewBox%3D%220%200%2020%2020.022%22%3E%0A%3Cpath%20fill%3D%22%2300B0EA%22%20d%3D%22M8.745%2C2.6L6.142%2C0H6.137C3.389%2C1.203%2C1.188%2C3.416%2C0%2C6.172l2.606%2C2.603C3.792%2C6.019%2C5.994%2C3.808%2C8.74%2C2.604%0A%09l0.006%2C0.001C8.746%2C2.604%2C8.785%2C2.582%2C8.745%2C2.6z%22%2F%3E%0A%3Cpath%20fill%3D%22%23003040%22%20d%3D%22M19.066%2C15.506c-1.597%2C0.699-2.874%2C1.986-3.564%2C3.586l4.497%2C0.931L19.066%2C15.506z%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M19.199%2C16.143L20%2C20.022C20.002%2C19.997%2C19.603%2C18.075%2C19.199%2C16.143%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M19.066%2C15.508c-0.361-1.726-0.689-3.286-0.689-3.286l-0.003%2C0c-2.745%2C1.203-4.949%2C3.416-6.135%2C6.172%0A%09l3.263%2C0.697C16.193%2C17.498%2C17.474%2C16.207%2C19.066%2C15.508%22%2F%3E%0A%3Cpath%20fill%3D%22%23819399%22%20d%3D%22M8.702%2C2.558%22%2F%3E%0A%3Cpath%20fill%3D%22%23819399%22%20d%3D%22M8.796%2C2.654%22%2F%3E%0A%3Cpath%20fill%3D%22%23003040%22%20d%3D%22M12.24%2C18.395c1.188-2.756%2C3.39-4.969%2C6.136-6.172h0.001l-9.63-9.619L8.74%2C2.603%0A%09C5.993%2C3.807%2C3.79%2C6.02%2C2.604%2C8.776L12.24%2C18.395z%22%2F%3E%0A%3C%2Fsvg%3E%0A) no-repeat 0 0;
font: 0/0 a;
}
/* ie8 hack */
.lt-ie9 .b-flatrepost-name:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAXJJREFUOMtjYKAr2PRag2HDy80MG14tZqj/z0QdQze8yGBY9+oH0ND/ULyIcsPXv2xEMhCBS+d1MjDUk2n4+tdpGAZOP3WPwdLrIoOBw38GffuFpBu++ZUqw/pX31EMrV1+ksHA7gvYUBgm2fB1r9ahGFq37BSDnt0fFEPhhjssIt5wUATBDJ11+j6Dnv1XrIaSbDgo1kFJC2Swhe95vIaSZXj1oi6iDEXgxcQZHhrKzGBgv2QQGQ5UP/CGgxQRbbj9X/2w5MMnr1xPIDKBgwwHhiEeQ5mNHZ9uPnT80n8IWEBCtsRtOKeZ651HL1+9ghr6/+/fv9dILEiAhoPSLbJLDZ2eP3zxEm4oCLz58PG8kJkHHyWG/1u799AlJJf+nbRszQGwhUaOTmQUgRDD1fzijiG7dPJyiKEgzGLsUk5moV3PdPD0xXigIxcC8c03Hz9eQA4iRkPH1VSpcOT94wWAxasr0CfVwBJxA6OewzGaVpsAInmGT6jNpNMAAAAASUVORK5CYII=);
}
/* opera-mini svg hack */
doesnotexist:-o-prefocus,
.b-flatrepost-name:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAXJJREFUOMtjYKAr2PRag2HDy80MG14tZqj/z0QdQze8yGBY9+oH0ND/ULyIcsPXv2xEMhCBS+d1MjDUk2n4+tdpGAZOP3WPwdLrIoOBw38GffuFpBu++ZUqw/pX31EMrV1+ksHA7gvYUBgm2fB1r9ahGFq37BSDnt0fFEPhhjssIt5wUATBDJ11+j6Dnv1XrIaSbDgo1kFJC2Swhe95vIaSZXj1oi6iDEXgxcQZHhrKzGBgv2QQGQ5UP/CGgxQRbbj9X/2w5MMnr1xPIDKBgwwHhiEeQ5mNHZ9uPnT80n8IWEBCtsRtOKeZ651HL1+9ghr6/+/fv9dILEiAhoPSLbJLDZ2eP3zxEm4oCLz58PG8kJkHHyWG/1u799AlJJf+nbRszQGwhUaOTmQUgRDD1fzijiG7dPJyiKEgzGLsUk5moV3PdPD0xXigIxcC8c03Hz9eQA4iRkPH1VSpcOT94wWAxasr0CfVwBJxA6OewzGaVpsAInmGT6jNpNMAAAAASUVORK5CYII=);
}
/* gain */
.b-flatrepost-gain {
display: none !important;
position: relative;
margin: 0;
padding: 0 15px 0 0;
color: #FFF;
cursor: pointer;
}
/* gain icon */
.b-flatrepost-gain:before {
content: " ";
position: absolute;
top: 50%;
right: 0;
width: 12px;
height: 12px;
margin: -6px 0 0;
padding: 0;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAu0lEQVR42p2SMQoCMRBFt8oeYo8nWG3iDbyBIBZaaSOIoFgKWthmYQvjWdZCq3E+zgcJImrxIPnzf5hMUqzGPeKUoESlM6Jpjj6aK+WsyDusVjHgaN5MazntRtIcFwBraAwlpUTAQ9jOamkOc9kvh7Ke9AHW0FBjyBfWJ06DgQUCDTXuIwJ3BS3g1DwADTXub78Gur9aCs9L+w+X9gwEBEolcVLZWF8ndIH324dLfLj8awyUVrkarWmOvgfkNmJhc5i9kAAAAABJRU5ErkJggg==) no-repeat 0 0;
font: 0/0 a;
}
/* counter */
.b-flatrepost-counter {
display: inline-block !important;
position: relative;
height: 14px;
margin: 0 0 0 9px;
padding: 4px 5px 0;
border: 1px solid #CED6D9;
border-radius: 3px;
background: #FFF;
color: #475559;
}
.b-flatrepost-counter:after,
.b-flatrepost-counter:before {
content: " ";
position: absolute;
top: 50%;
right: 100%;
width: 0;
height: 0;
border: solid transparent;
pointer-events: none;
}
.b-flatrepost-counter:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #FFF;
border-width: 5px;
margin-top: -5px;
}
.b-flatrepost-counter:before {
border-color: rgba(206, 214, 217, 0);
border-right-color: #CED6D9;
border-width: 6px;
margin-top: -6px;
}
/* disabled */
.b-flatrepost-disabled {
}
/* name */
.b-flatrepost-disabled .b-flatrepost-name,
.b-flatrepost-disabled .b-flatrepost-name:link,
.b-flatrepost-disabled .b-flatrepost-name:visited,
.b-flatrepost-disabled .b-flatrepost-name:hover,
.b-flatrepost-disabled .b-flatrepost-name:active {
background: #819399 !important;
color: #FFF !important;
}
.b-flatrepost-disabled .b-flatrepost-gain {
background: #819399;
color: #FFF;
}
/* name as link */
HTML#js BODY .b-flatrepost-disabled .b-flatrepost-name:link,
HTML#js BODY .b-flatrepost-disabled .b-flatrepost-name:visited {
background: #819399 !important;
color: #FFF !important;
}
HTML#js BODY .b-flatrepost-disabled .b-flatrepost-name:active,
HTML#js BODY .b-flatrepost-disabled .b-flatrepost-name:hover {
background: #819399 !important;
color: #FFF !important;
}
/* icon */
.b-flatrepost-disabled .b-flatrepost-name:after {
background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%2220px%22%20height%3D%2220.021px%22%20viewBox%3D%220%200%2020%2020.021%22%3E%0A%3Cpath%20fill%3D%22%23819399%22%20d%3D%22M8.745%2C2.6L6.142%2C0H6.137C3.389%2C1.203%2C1.188%2C3.416%2C0%2C6.172l2.606%2C2.603C3.792%2C6.019%2C5.994%2C3.808%2C8.74%2C2.604%0A%09l0.006%2C0.001C8.746%2C2.604%2C8.785%2C2.582%2C8.745%2C2.6z%22%2F%3E%0A%3Cpath%20fill%3D%22%23003040%22%20d%3D%22M19.066%2C15.506c-1.598%2C0.699-2.875%2C1.986-3.564%2C3.586l4.497%2C0.931L19.066%2C15.506z%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M19.199%2C16.143L20%2C20.022C20.002%2C19.997%2C19.604%2C18.075%2C19.199%2C16.143%22%2F%3E%0A%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M19.066%2C15.508c-0.361-1.726-0.689-3.286-0.689-3.286h-0.003c-2.745%2C1.203-4.949%2C3.416-6.136%2C6.172%0A%09l3.264%2C0.697C16.193%2C17.498%2C17.475%2C16.207%2C19.066%2C15.508%22%2F%3E%0A%3Cpath%20fill%3D%22%23819399%22%20d%3D%22M8.702%2C2.558%22%2F%3E%0A%3Cpath%20fill%3D%22%23819399%22%20d%3D%22M8.796%2C2.654%22%2F%3E%0A%3Cpath%20fill%3D%22%23003040%22%20d%3D%22M12.24%2C18.395c1.188-2.756%2C3.39-4.969%2C6.136-6.172h0.001l-9.63-9.619L8.74%2C2.603%0A%09C5.993%2C3.807%2C3.79%2C6.02%2C2.604%2C8.776L12.24%2C18.395z%22%2F%3E%0A%3C%2Fsvg%3E);
}
/* ie8 hack */
.lt-ie9 .b-flatrepost-disabled .b-flatrepost-name:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAXtJREFUOMtjYKAnqJ80U6Nx4ozNDZNnLq6vr2eiiqGNk2dk1E+e+aNx8sz/YDxpxiKKDW+YNKMRbiAS9kgr7AT6gzzDmybPSEM3MKOh4x6HqetFBgOH/wz69gtJNrxpwnTVxonTvyMb6ptTeorBwO4L2FAYJtXw+kkz1iEb6gcyVM/uD4qhcMMdFhFtOCj2kbz/gEHP/itWQ0k1fNWqVczA1LAEZDCHuft5vIaSY7hPdkkPUYYi8GLigiU0lJnBwH7JIDIcqH7gDQcpItpw+7/6YcmHT165nkBsCmcChyEeQ5mNHZ9uPnT80n8IWEBKWYfTcA5Tl9uPXr56BTX0/9+/f6+RWpAygdMtsksNnZ4/fPHy5X8k8ObDx/NCZh58lBj+b/2+gxeQXPp30rI1B8AWGjk6kVMFgA1X84s7huzSycshhkJzZBm59QvTobOXEoGOXALEt958/HgBOYgYDR1XU6XGkfePFwAWr65Al1YDS8QNDHoOx2habwIA9MCJ76J6YyYAAAAASUVORK5CYII=);
}
/* opera-mini svg hack */
doesnotexist:-o-prefocus,
.b-flatrepost-disabled .b-flatrepost-name:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAXtJREFUOMtjYKAnqJ80U6Nx4ozNDZNnLq6vr2eiiqGNk2dk1E+e+aNx8sz/YDxpxiKKDW+YNKMRbiAS9kgr7AT6gzzDmybPSEM3MKOh4x6HqetFBgOH/wz69gtJNrxpwnTVxonTvyMb6ptTeorBwO4L2FAYJtXw+kkz1iEb6gcyVM/uD4qhcMMdFhFtOCj2kbz/gEHP/itWQ0k1fNWqVczA1LAEZDCHuft5vIaSY7hPdkkPUYYi8GLigiU0lJnBwH7JIDIcqH7gDQcpItpw+7/6YcmHT165nkBsCmcChyEeQ5mNHZ9uPnT80n8IWEBKWYfTcA5Tl9uPXr56BTX0/9+/f6+RWpAygdMtsksNnZ4/fPHy5X8k8ObDx/NCZh58lBj+b/2+gxeQXPp30rI1B8AWGjk6kVMFgA1X84s7huzSycshhkJzZBm59QvTobOXEoGOXALEt958/HgBOYgYDR1XU6XGkfePFwAWr65Al1YDS8QNDHoOx2habwIA9MCJ76J6YyYAAAAASUVORK5CYII=);
}
/* click */
.b-flatrepost-disabled .b-flatrepost-name,
.b-flatrepost-disabled .b-flatrepost-gain {
pointer-events: none;
cursor: default;
}
/* gained */
.b-flatrepost-gained {
}
/* name */
.b-flatrepost-gained .b-flatrepost-name {
padding-right: 10px !important;
padding-left: 22px !important;
}
/* gain */
.b-flatrepost-gained .b-flatrepost-gain {
display: inline-block !important;
}
/* reposted entry */
.b-flatrepost-reposted {
}
/* icon */
.b-flatrepost-reposted .b-flatrepost-name:after {
top: 7px;
left: 6px;
width: 16px;
height: 11px;
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20id%3D%22check-Layer_1%22%20xml%3Aspace%3D%22preserve%22%20height%3D%2211%22%20viewBox%3D%220%200%2016%2011.073%22%20width%3D%2216%22%20version%3D%221.1%22%20y%3D%220px%22%20x%3D%220px%22%20enable-background%3D%22new%200%200%2016%2011.073%22%3E%3Cpath%20d%3D%22m0%204.921c0-0.316%200.121-0.63%200.361-0.871%200.48-0.48%201.259-0.48%201.74%200l4.055%204.054%207.744-7.743c0.48-0.48%201.259-0.48%201.739%200%200.481%200.48%200.481%201.259%200%201.74l-8.614%208.611c-0.479%200.481-1.259%200.481-1.739%200l-4.925-4.921c-0.24-0.241-0.361-0.556-0.361-0.87z%22%20fill%3D%22%23003040%22%2F%3E%3C%2Fsvg%3E);
}
/* ie8 hack */
.lt-ie9 .b-flatrepost-reposted .b-flatrepost-name:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAI9JREFUKM9jYCAH6DkGMRg4fGbQt19InmY9h99AA/4zGNjfJV+znv1HINucgUHbVpbBwNGLgaGeiSTNRvYWUAmH22BBfYfZOA1BcbbDJ4RmENC32wOVwG4IXs1gA+wFgIFxEqshBDXjM8TQIRhFs6GdJf4QRjcEgYnQjNuQT8AYsiItrkGG6NkdAHrjOTGaAdzXVQKB4jMyAAAAAElFTkSuQmCC);
}
/* opera-mini svg hack */
doesnotexist:-o-prefocus,
.b-flatrepost-reposted .b-flatrepost-name:after {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAI9JREFUKM9jYCAH6DkGMRg4fGbQt19InmY9h99AA/4zGNjfJV+znv1HINucgUHbVpbBwNGLgaGeiSTNRvYWUAmH22BBfYfZOA1BcbbDJ4RmENC32wOVwG4IXs1gA+wFgIFxEqshBDXjM8TQIRhFs6GdJf4QRjcEgYnQjNuQT8AYsiItrkGG6NkdAHrjOTGaAdzXVQKB4jMyAAAAAElFTkSuQmCC);
}
/* counter */
.b-flatrepost-reposted .b-flatrepost-counter {
cursor: pointer;
}
/* counted entry */
.b-flatrepost-counted {
}
/* counter */
.b-flatrepost-counted .b-flatrepost-counter {
cursor: pointer;
}
/* give 10 */
.b-flatrepost-give {
}
/* name */
.b-flatrepost-give .b-flatrepost-name {
height: 19px;
padding: 6px 15px 0 25px !important;
}
/* gain */
.b-flatrepost-give .b-flatrepost-gain {
display: none !important;
}
/* title */
.b-flatrepost-give .b-flatrepost-title {
position: relative;
margin-right: 10px;
}
.b-flatrepost-give .b-flatrepost-title:before {
content: " ";
position: absolute;
top: 50%;
right: -17px;
width: 12px;
height: 12px;
margin: -6px 0 0;
padding: 0;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAu0lEQVR42p2SMQoCMRBFt8oeYo8nWG3iDbyBIBZaaSOIoFgKWthmYQvjWdZCq3E+zgcJImrxIPnzf5hMUqzGPeKUoESlM6Jpjj6aK+WsyDusVjHgaN5MazntRtIcFwBraAwlpUTAQ9jOamkOc9kvh7Ke9AHW0FBjyBfWJ06DgQUCDTXuIwJ3BS3g1DwADTXub78Gur9aCs9L+w+X9gwEBEolcVLZWF8ndIH324dLfLj8awyUVrkarWmOvgfkNmJhc5i9kAAAAABJRU5ErkJggg==) no-repeat 0 0;
font: 0/0 a;
}
/* Flat Social (LJSUP-18768)
----------------------------------- */
.b-flatsocial {
position: relative !important;
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
text-transform: uppercase;
text-decoration: none;
letter-spacing: 0.05em;
font: 11px/1 Arial,sans-serif !important;
background: none !important;
box-shadow: none !important;
-moz-column-count: auto !important;
-moz-column-gap: normal !important;
-moz-columns: auto !important;
-webkit-column-count: auto !important;
-webkit-column-gap: normal !important;
-webkit-columns: auto !important;
column-count: auto !important;
column-gap: normal !important;
columns: auto !important;
}
/* link reset */
HTML#js BODY .b-flatsocial:link,
HTML#js BODY .b-flatsocial:visited,
HTML#js BODY .b-flatsocial:hover,
HTML#js BODY .b-flatsocial:active {
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
text-decoration: none !important;
background: none !important;
color: #475559;
}
HTML#js BODY .b-flatsocial:link SPAN,
HTML#js BODY .b-flatsocial:visited SPAN,
HTML#js BODY .b-flatsocial:hover SPAN,
HTML#js BODY .b-flatsocial:active SPAN {
text-decoration: none;
color: #475559;
}
/* name */
.b-flatsocial-name {
display: inline-block !important;
width: 25px !important;
height: 25px !important;
margin: 0 !important;
padding: 0 !important;
border: 0;
font: 0/0 a;
text-shadow: none;
color: transparent;
background: url(/img/icons/flatsocial_25.svg?v=124) no-repeat 0 0;
cursor: pointer;
}
/* ie8 hack */
.lt-ie9 .b-flatsocial-name {
background-image: url(/img/icons/flatsocial_25.png?v=124);
}
/* opera-mini svg hack */
doesnotexist:-o-prefocus,
.b-flatsocial-name {
background-image: url(/img/icons/flatsocial_25.png?v=124);
}
/* counter */
.b-flatsocial-counter {
display: inline-block !important;
position: relative;
height: 14px;
margin: 0 0 0 9px;
padding: 4px 5px 0;
border: 1px solid #CED6D9;
border-radius: 3px;
background: #FFF;
color: #475559;
}
.b-flatsocial-counter:after,
.b-flatsocial-counter:before {
content: " ";
position: absolute;
top: 50%;
right: 100%;
width: 0;
height: 0;
border: solid transparent;
pointer-events: none;
}
.b-flatsocial-counter:after {
border-color: rgba(255, 255, 255, 0);
border-right-color: #FFF;
border-width: 5px;
margin-top: -5px;
}
.b-flatsocial-counter:before {
border-color: rgba(206, 214, 217, 0);
border-right-color: #CED6D9;
border-width: 6px;
margin-top: -6px;
}
/* button only */
.b-flatsocial-button {
}
.b-flatsocial-button .b-flatsocial-counter {
display: none !important;
}
/* 2. facebok */
.b-flatsocial-facebook {
}
.b-flatsocial-facebook .b-flatsocial-name {
background-position: -5px -40px;
}
/* 12. twitter */
.b-flatsocial-twitter {
}
.b-flatsocial-twitter .b-flatsocial-name {
background-position: -5px -392px;
}
/* 3. google plus */
.b-flatsocial-google {
}
.b-flatsocial-google .b-flatsocial-name {
background-position: -5px -75px;
}
/* 13. vk */
.b-flatsocial-vk {
}
.b-flatsocial-vk .b-flatsocial-name {
background-position: -5px -427px;
}
/* 7. ok */
.b-flatsocial-ok {
}
.b-flatsocial-ok .b-flatsocial-name {
background-position: -5px -215px;
}
/* 11. tumblr */
.b-flatsocial-tumblr {
}
.b-flatsocial-tumblr .b-flatsocial-name {
background-position: -5px -357px;
}
/* 8. surfingbird */
.b-flatsocial-surfingbird {
}
.b-flatsocial-surfingbird .b-flatsocial-name {
background-position: -5px -250px;
}
/* 1. digg */
.b-flatsocial-digg {
}
.b-flatsocial-digg .b-flatsocial-name {
background-position: -5px -5px;
}
/* 4. lj */
.b-flatsocial-lj {
}
.b-flatsocial-lj .b-flatsocial-name {
background-position: -5px -110px;
}
/* 5. mail */
.b-flatsocial-mail {
}
.b-flatsocial-mail .b-flatsocial-name {
background-position: -5px -145px;
}
/* 6. moimir */
.b-flatsocial-moimir {
}
.b-flatsocial-moimir .b-flatsocial-name {
background-position: -5px -180px;
}
/* 10. stumbleupon */
.b-flatsocial-stumbleupon {
}
.b-flatsocial-stumbleupon .b-flatsocial-name {
background-position: -5px -322px;
}
/* 9. share */
.b-flatsocial-share {
}
.b-flatsocial-share .b-flatsocial-name {
background-position: -5px -285px;
}
/* SVG Icon System (LJSUP-18925)
----------------------------------- */
.svgicon {
display: inline-block;
width: 16px;
height: 16px;
/* overwrite inline styles */
visibility: inherit !important;
pointer-events: auto !important;
fill: currentColor;
}
/* SVG Preloader
----------------------------------- */
/*
== Ways to add preloader on your page ==
1. Single SVG Tag
2. Single Tag
3. Pseudo-Element
== Sizes ==
16x16px - svgpreloader-16
20x20px - svgpreloader-20
25x25px - svgpreloader-25
30x30px - svgpreloader-30
50x50px - svgpreloader-50
*/
.svgpreloader {
}
/* fix for firefox smoothing */
.svgpreloader-wrapper {
overflow: hidden;
position: relative;
display: block;
border-radius: 50%;
}
.svgpreloader-wrapper .svgpreloader-svg {
position: absolute;
top: 0;
left: 0;
}
/* svg tag and single tag */
.svgpreloader-svg,
.svgpreloader-tag {
display: inline-block;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
}
/* pseudo-element */
.svgpreloader-pseudo:after {
content: " ";
position: absolute;
margin: 0;
padding: 0;
}
/* animation */
.svgpreloader-svg,
.svgpreloader-tag,
.svgpreloader-pseudo:after {
-webkit-animation: svgrotate .57s linear infinite;
-moz-animation: svgrotate .57s linear infinite;
-o-animation: svgrotate .57s linear infinite;
animation: svgrotate .57s linear infinite;
}
@-webkit-keyframes svgrotate {
100% { transform: rotate(360deg); }
}
@-moz-keyframes svgrotate {
100% { transform: rotate(360deg); }
}
@-o-keyframes svgrotate {
100% { transform: rotate(360deg); }
}
@keyframes svgrotate {
100% { transform: rotate(360deg); }
}
/* background for sigle tag and pseudo-element */
.svgpreloader-tag,
.svgpreloader-pseudo:after {
background-repeat: no-repeat;
background-position: 50% 50%;
background-image: url(/img/preloader/preloader-disc-blue-white-16.gif?v=1);
background-image: url(data:image/svg+xml,%3Csvg%20class%3D%22svgpreloader%20svgpreloader-svg%22%20viewBox%3D%220%200%2031%2031%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M15.5%2C31%20C24.0604136%2C31%2031%2C24.0604136%2031%2C15.5%20C31%2C6.93958638%2024.0604136%2C0%2015.5%2C0%20C6.93958638%2C0%200%2C6.93958638%200%2C15.5%20C0%2C24.0604136%206.93958638%2C31%2015.5%2C31%20Z%20M15.5%2C24%20C20.1944204%2C24%2024%2C20.1944204%2024%2C15.5%20C24%2C10.8055796%2020.1944204%2C7%2015.5%2C7%20C10.8055796%2C7%207%2C10.8055796%207%2C15.5%20C7%2C20.1944204%2010.8055796%2C24%2015.5%2C24%20Z%22%20fill%3D%22%2300AFEA%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15.7960584%2C7.00505942%20L15.8509795%2C0.00389541322%20C20.1020367%2C0.0983450811%2023.9309467%2C1.90428116%2026.675877%2C4.7598713%20L26.675877%2C4.7598713%20L21.7412314%2C9.72958246%20C20.2508535%2C8.11838542%2018.1443589%2C7.08544079%2015.7960584%2C7.00505942%20Z%22%20fill%3D%22%23346B7C%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E), none;
}
/* 16x16 */
.svgpreloader-16.svgpreloader-wrapper,
.svgpreloader-16.svgpreloader-svg,
.svgpreloader-16.svgpreloader-tag,
.svgpreloader-16.svgpreloader-pseudo:after {
width: 16px;
height: 16px;
}
/* 20x20 */
.svgpreloader-20.svgpreloader-wrapper,
.svgpreloader-20.svgpreloader-svg,
.svgpreloader-20.svgpreloader-tag,
.svgpreloader-20.svgpreloader-pseudo:after {
width: 20px;
height: 20px;
}
/* 25x25 */
.svgpreloader-25.svgpreloader-wrapper,
.svgpreloader-25.svgpreloader-svg,
.svgpreloader-25.svgpreloader-tag,
.svgpreloader-25.svgpreloader-pseudo:after {
width: 25px;
height: 25px;
}
/* 30x30 */
.svgpreloader-30.svgpreloader-wrapper,
.svgpreloader-30.svgpreloader-svg,
.svgpreloader-30.svgpreloader-tag,
.svgpreloader-30.svgpreloader-pseudo:after {
width: 30px;
height: 30px;
}
/* 50x50 */
.svgpreloader-50.svgpreloader-wrapper,
.svgpreloader-50.svgpreloader-svg,
.svgpreloader-50.svgpreloader-tag,
.svgpreloader-50.svgpreloader-pseudo:after {
width: 50px;
height: 50px;
}
/* file-end: stc/lj-basestrap.css
----------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------
file-start: stc/lj-basestrap-app.css
*/
.i-supus {
display: inline-block;
line-height: 1.6;
width: 2em;
height: 1.6em;
padding: 0.2em 0;
border-radius: 50%;
text-align: center;
font-size: 11px;
color: #FFF;
}
.i-supus-new {
background: #ff7040;
}
.i-supus-empty {
font: 0/0 a;
height: 10px;
width: 10px;
padding: 0;
}
/* Typography
---------------------------------------------------------- */
.b-text {
line-height: 1.5625;
color: #242F33;
}
.b-text B,
.b-text STRONG {
font-weight: normal;
font-family: 'ProximaNovaSemibold', Helvetica, sans-serif;
}
.b-text P {
margin: 0.7em 0;
}
.b-text H1,
.b-text H2,
.b-text H3,
.b-text H4,
.b-text H5,
.b-text H6 {
font-weight: normal;
color: #242F33;
}
.b-text H1 {
line-height: 1;
font-size: 2.0625em;
font-family: 'ProximaNovaRegular', Helvetica, sans-serif;
}
.b-text H2 {
line-height: 1.2;
font-size: 1.5em;
font-family: 'ProximaNovaSemibold', Helvetica, sans-serif;
}
.b-text H3 {
line-height: 1.2;
margin: 0.7em 0;
font-size: 1.125em;
font-family: 'ProximaNovaSemibold', Helvetica, sans-serif;
}
.b-text DIV > H3,
.b-panel H3 {
margin-top: 0;
}
.b-text H4 {
font-size: 1em;
font-family: 'ProximaNovaSemibold', Helvetica, sans-serif;
}
/* ----------------------------------------------------------
End of Typography*/
/*
This is utility css that can be used anywhere in the app
It should be included on all app pages in all schemes
*/
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
content: "";
display: table;
clear: both;
border-collapse: collapse;
}
/* form styles
LABEL.left {
display: block;
float: left;
}*/
INPUT.text,
TEXTAREA.text,
SELECT.select {
margin: 0px 3px 0px 0px;
padding: 2px 2px;
border: 1px solid #BBB;
border-top: 1px solid #999;
border-left: 1px solid #999;
background: #FFF url(/img/input-bg.gif?v=9533) repeat-x 0 -1px;
}
.b-ljform-fill {
padding: 1em;
background-color: #F7F9FA;
border: 1px solid #CED6D9;
border-radius: 2px;
}
.b-ljform-fill FIELDSET {
border: 0;
padding: 0.7em 0;
}
.b-ljform-field {
display: block;
margin: 0 0 1em;
}
.i-ljform-field {
display: inline-block;
margin: 0 1em 1em 0;
}
.i-ljform-control {
position: relative;
display: inline-block;
}
.i-ljform-error {
display: none;
position: absolute;
top: 103%;
left: 0;
white-space: nowrap;
font-size: 11px;
color: #F00;
}
.b-ljform-row {
margin: .176em 0 0;
}
.b-ljform-label {
display: inline-block;
line-height: 16px;
vertical-align: middle;
padding: 0 10px 0 0;
text-transform: uppercase;
font-size: 13px;
color: #7A9199;
}
/* input */
.b-input {
padding: 7px 5px;
border: 1px solid #DAE3E6;
border-radius: 2px;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #F7F9FA;
font: 1.267em/1 "ProximaNovaRegular", Helvetica, sans-serif;
color: #242F33;
}
.b-input:focus,
.b-input:hover {
background-color: #FFF;
border-color: #00A3D9;
}
/* disabled */
.b-input[disabled] {
opacity: 0.7;
}
.b-input[disabled]:focus,
.b-input[disabled]:hover {
background-color: #F7F9FA;
border-color: #DAE3E6;
}
/* simple */
.b-input-simple {
height: auto;
padding: 7px 5px;
vertical-align: top;
font-size: 1em;
}
/* wide */
.b-input-max {
width: 100%;
}
.b-ljform-fill .b-input {
background-color: #FFF;
}
/* error */
.b-input-error {
background: #FFF;
border: 1px solid #D96C6C;
}
@media (min-width: 1366px) {
.b-input {
font: 1.118em/1 'ProximaNovaRegular', Helvetica, sans-serif;
}
}
/* input username */
.b-input-username-wrapper {
display: inline-block;
position: relative;
}
.b-input-username-wrapper:after {
display: block;
position: absolute;
left: 5px;
top: 50%;
width: 16px;
height: 16px;
margin-top: -8px;
content: "";
background-image: url(/img/userinfo_v3.svg?v=1);
background-position: 0 0;
}
.b-input-username {
padding-left: 25px;
}
SELECT.select {
padding: 1px;
}
FIELDSET.nostyle {
margin: 0;
padding: 0;
border: none;
}
/* Elements */
.detail {
font-size: 13px;
font-size: 0.8125rem;
color: #444;
}
P.detail {
margin: 0 0 10px 0;
padding: 0;
}
UL.detail LI {
font-size: 90%;
}
H2.widget-header {
margin: 0 0 6px 0;
padding: 0 0 6px 0;
border-bottom: 1px solid #CCC;
}
HR.hr {
width: 100%;
height: 1px;
border: 0;
background-color: #dae3e6;
color: #dae3e6;
}
/* generic class for removing styling from ul */
UL.nostyle {
margin: 0;
padding: 0;
list-style: none;
}
/* tables where rows alternate colors */
TABLE.alternating-rows TH {
padding: 15px 4px;
border-top: 1px solid #DAE3E6;
border-bottom: 1px solid #DAE3E6;
background-color: #FFF;
text-align: left;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: "ProximaNovaSemibold",sans-serif;
font-weight: normal;
font-size: 13px;
font-size: 0.8125rem;
color: #242F33;
}
TABLE.alternating-rows TH B {
font-weight: normal;
}
TABLE.alternating-rows TR.altrow1 {
background-color: #FFF;
}
TABLE.alternating-rows TR.altrow2 {
background-color: #F7F9FA;
}
TABLE.alternating-rows TD {
padding: 6px 4px;
border-bottom: 1px solid #DAE3E6;
vertical-align: top;
text-align: left;
}
TABLE.alternating-rows .b-tablemenu {
margin: 0;
padding: 0;
list-style: none;
}
TABLE.alternating-rows .b-tablemenu-item {
margin: 0;
}
@media all and (min-width: 1200px) {
TABLE.alternating-rows .b-tablemenu-item {
display: inline;
margin-right: 1em;
}
}
/* columns for content layouts (OLD) */
DIV.columns-2 .columns-2-left {
float: left;
width: 49%;
}
DIV.columns-2 .columns-2-right {
float: right;
width: 49%;
}
DIV.columns-2-r300 {
width: 720px;
}
DIV.columns-2-r300 .columns-2-left {
float: left;
width: 405px;
margin-right: 15px;
}
DIV.columns-2-r300 .columns-2-right {
float: left;
width: 300px;
}
.columns-2 H2 {
margin: 1em 0 0;
padding: 0;
text-transform: uppercase;
font: 1.3125em/1.4 'ProximaNovaLight',Helvetica,sans-serif;
color: #829399;
}
.columns-2 H2 + P {
margin-top: 0.3em;
}
/* default margin for widgets */
.appwidget {
position: relative;
/* margin-bottom: 15px; */
}
.appwidget .more-link {
position: absolute;
top: 6px;
right: 7px;
padding-left: 10px;
background: url(/img/arrow-double-blue.gif?v=11518) no-repeat 0 60%;
text-decoration: none;
text-transform: lowercase;
font-size: 11px;
color: #114577 !important;
}
.appwidget .more-link:hover {
text-decoration: underline;
}
/* add this class to anything to make upgrade icon appear next to it */
.upgrade-account {
padding-right: 18px;
background: url(/horizon/upgrade-paid-icon.gif?v=1) no-repeat right 50%;
}
.arrow-link,
.more-link {
padding-left: 12px;
background: url(/img/arrow-double-black.gif?v=10472) no-repeat 0 50%;
}
/* Used to encapsualte message forms like Invite and Tell a Friend */
.message {
margin-bottom: 15px;
border: 5px solid #EEE;
}
.message blockquote {
margin: 0;
padding: 15px;
border: 1px solid #AAA;
}
/* htdocs/moodlist.bml
cgi-bin/LJ/Hooks/Login.pm
cgi-bin/LJ/Widget/ContentFlagSummary.pm */
.standout-border {
padding: 6px;
border: 1px solid #8FC3F7;
}
.standout-background {
background-color: #C5DFF9;
}
/* Sidebars floated to the right — old Layouts
htdocs/contact/index.bml
htdocs/rename/index.bml
cgi-bin/LJ/Widget/SubmitRequest/Support.pm
*/
DIV.right-sidebar {
float: right;
width: 300px;
margin: 10px;
padding: 10px;
border: 1px solid #8FC3F7;
background-color: #C5DFF9;
color: #000;
}
/*
htdocs/allpics.bml
htdocs/tools/memories.bml
*/
DIV.ad-sidebar {
float: right;
width: 300px;
}
/* Solid background headings */
H2.solid-neutral {
margin: 0 0 8px 0;
padding: 5px 8px;
background: #EDEDED url(/img/corner.gif?v=11411) no-repeat 0 0;
font-weight: bold;
font-size: 14px;
font-family: Arial;
color: #242F33;
}
H2.solid-blue {
position: relative;
margin: 0 0 8px 0;
padding: 5px 8px;
background: #D7E7F7 url(/img/corner.gif?v=11411) no-repeat 0 0;
font-weight: bold;
font-size: 14px;
font-family: Arial;
color: #242F33;
}
.solid-neutral {
background: #EDEDED;
}
/* Our OLD bad friends from lj_base.css
--------------------------------------------------------------------- */
.lj_progresscontainer {
width: 400px;
height: 25px;
margin: 1em;
background: url(/img/progress/inactive.gif?v=6460) repeat;
}
.lj_progressoverlay {
background: url(/img/progress/active.gif?v=6460) repeat;
}
.lj_progressindefinite {
background-image: url(/img/progress/barber.gif?v=6460);
}
.helper,
.details,
.example {
font-size: 0.75rem;
color: #7a9199;
}
/* Buttons OLD
-------------------------------*/
.b-btn {
overflow: visible;
padding: 10px 25px;
border: 1px solid #518593;
border-radius: 5px;
cursor: pointer;
background-color: #6ED1FF;
background-image: -webkit-linear-gradient(top, #6ED1FF 0%, #1BB5FD 3%, #158FC8 100%);
background-image: -moz-linear-gradient(top, #6ED1FF 0%, #1BB5FD 3%, #158FC8 100%);
background-image: -o-linear-gradient(top, #6ED1FF 0%, #1BB5FD 3%, #158FC8 100%);
background-image: linear-gradient(to bottom, #6ED1FF 0%, #1BB5FD 3%, #158FC8 100%);
text-transform: uppercase;
text-shadow: 1px 1px 1px #0B6294;
font-weight: bold;
font-size: 14px;
color: #FFF;
}
.b-btn-disabled {
border-color: #C0C0C0;
background-color: #EAEAEA;
background-image: -webkit-linear-gradient(top, #EAEAEA 0%, #CFCFCF 3%, #C5C5C5 100%);
background-image: -moz-linear-gradient(top, #EAEAEA 0%, #CFCFCF 3%, #C5C5C5 100%);
background-image: -o-linear-gradient(top, #EAEAEA 0%, #CFCFCF 3%, #C5C5C5 100%);
background-image: linear-gradient(to bottom, #EAEAEA 0%, #CFCFCF 3%, #C5C5C5 100%);
text-shadow: 1px 1px 1px #999;
}
.b-btn-tokens {
margin: 30px 0 0;
padding: 10px 6px 7px;
border-color: #025266;
background-color: #1495A7;
background-image: -webkit-linear-gradient(top, #6ED6E5 0%, #1BBBD2 14%, #1BB2C8 37%, #1BA4B8 66%, #1B9EB1 83%, #1495A7 100%);
background-image: -moz-linear-gradient(top, #6ED6E5 0%, #1BBBD2 14%, #1BB2C8 37%, #1BA4B8 66%, #1B9EB1 83%, #1495A7 100%);
background-image: -o-linear-gradient(top, #6ED6E5 0%, #1BBBD2 14%, #1BB2C8 37%, #1BA4B8 66%, #1B9EB1 83%, #1495A7 100%);
background-image: linear-gradient(to bottom, #6ED6E5 0%, #1BBBD2 14%, #1BB2C8 37%, #1BA4B8 66%, #1B9EB1 83%, #1495A7 100%);
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}
/* V Gift AdNectar
-------------------------------*/
.vgift-img-l {
max-width: 220px;
max-height: 220px;
}
.vgift-img-s {
max-width: 100px;
max-height: 100px;
}
/* AdNEctar style for vgift */
.i-vgift-details {
position: relative;
margin: 0;
padding: 0;
}
.i-vgift-details A {
position: relative;
display: block;
border: 0 !important;
}
.i-vgift-details A:hover {
border: 0 !important;
}
.adnectar-play {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 20px;
height: 15px;
background: url(/img/play-button.png?v=8454) no-repeat;
}
.appwidget-friendbirthdays .adnectar-play {
display: none;
}
/* LJ Hidden (We haven't used it yet)
-------------------------------*/
.ljhidden {
position: absolute;
top: 0;
left: 0;
display: block;
width: 0;
height: 0;
margin: 0;
padding: 0;
border: 0;
opacity: 0;
filter: alpha(opacity=0);
line-height: 0;
font-size: 0.1px;
}
/* Look at the NaNoWriMo */
.super {
vertical-align: super;
font-size: .7em;
}
.notice {
color: #f00;
}
.warning-background {
background-image: url(/img/message-warning.gif?v=4888);
}
/* Disabled block
--------------------------- */
/* Must be removed after implementation of Framework! */
.st-disabled {
position:relative;
}
/* Blocking layer */
.b-blocker {
position:absolute;
top:0;
left:0;
display:none;
width:100%;
height:100%;
}
.st-disabled .b-blocker {
display: block;
}
.b-blocker-over {
z-index: 1000000000;
}
.b-blocker-white {
background: #FFF;
}
.b-blocker-gray {
background: #808080;
}
.b-blocker-gray,
.b-blocker-white {
opacity: 0.5;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}
/* Block for adding HTML into headers.
It must be invisible, use it only for reskining */
.b-reskining-header {
display: none;
}
/* List of [un]changed inputs
--------------------------- */
/* Must be removed after implementation of Framework! */
.b-form-changelist .type-text {
color:#808080;
}
.b-form-changelist .type-text:focus,
.b-form-changelist .type-text-focus,
.b-form-changelist .type-text-changed {
color:#000;
}
/* The indicator of something new */
/* Must be removed after implementation of Framework! */
SUP.i-new {
position: relative;
bottom: 0.5em;
padding: 0 1px;
vertical-align: middle;
font-size: 11px;
color: #C00;
}
/* Reject Users in Manage Community
--------------------------- */
/* Must be removed after implementation of Framework! */
.b-pending-users {
float:left;
margin: 0 0 1em;
padding: 0;
list-style: none;
}
.b-pending-users LI {
position: relative;
float: left;
padding: 0 5px 0 0;
}
.b-pending-users LI:hover,
.b-pending-users LI.hover {
z-index: 2;
}
.b-pending-users A {
border-bottom: 0 !important;
text-decoration: none !important;
}
.b-pending-users LI SPAN {
position: relative;
float: left;
margin: 0;
}
.b-pending-users LI SPAN I.i-pending-users-delim {
position: relative;
z-index: -1;
}
.b-pending-users LI:hover SPAN,
.b-pending-users LI.hover SPAN {
margin: -3px -18px -4px -8px;
padding: 2px 17px 3px 7px;
border: 1px solid #CCC;
border-radius: 5px;
background: #F5F5F5;
}
.b-pending-users LI:hover SPAN .i-pending-close,
.b-pending-users LI.hover SPAN .i-pending-close {
position: absolute;
top: 50%;
right: 6px;
display: block;
width: 6px;
height: 7px;
margin: -3px 0 0;
padding: 0;
cursor: pointer;
background: url(/img/buttons/pending-close.gif?v=9474) no-repeat 0 0;
}
.b-pending-reason {
clear: both;
width: 99%;
margin: 0 0 1em;
}
.i-pending-reject {
float: right;
margin: 0.5em 0 0;
}
/* Placeholder
--------------------------- */
/* Must be removed after implementation of Framework! */
.placeholder {
color: #A9A9A9;
}
.placeholder-wrapper {
position: relative;
display: inline-block;
}
.placeholder-label {
position: absolute;
display: none;
margin: 0;
padding: 0 5px;
cursor: text;
line-height: 1.8em;
font-size: 90%;
color: #A9A9A9;
}
/* New badge */
.b-thisisnew {
display: inline;
padding: 2px 4px 0px;
border-radius: 3px;
background: #FFF0A6;
white-space: nowrap;
font: 9px/1 'ProximaNovaRegular',Helvetica,sans-serif;
color: #94938E;
}
/* MassActions
--------------------------------------*/
.b-massaction {
position: relative;
z-index: 9;
clear: both;
margin: 0;
padding: 1em 30px;
border-top: 1px solid #DAE3E6;
background: #F7F9FA;
}
.b-grove-3comments .b-massaction {
display: none;
}
.b-massaction-fixed {
position: fixed;
bottom: 0;
width: 100%;
}
.p-ljtimes .b-massaction-fixed {
bottom: 50px;
}
.b-massaction .b-flatbutton {
padding: 9px 15px;
}
.s-horizon.p-footer-lite .b-massaction-fixed {
margin-bottom: 0;
}
.ljtimes-disabled .b-massaction-fixed {
bottom: 0;
}
.b-massaction-checkall {
display: inline;
margin: 0 0.5em 0 0;
vertical-align: -5px;
}
.b-massaction-checkall INPUT {
margin: 0;
}
.b-massaction-problems {
background: #FFEFEF;
}
.b-massaction-errors {
display: none;
margin: 0;
padding: 10px 0 10px 30px;
background: url(/img/icons/error-mini.png?v=15718) no-repeat 0 6px;
color: #CB1427;
}
.b-massaction-error {
margin: 0;
padding: 0;
}
.b-massaction-problems .b-massaction-errors {
display: block;
}
.b-massaction-preloader {
position: absolute;
right: 26px;
bottom: 13px;
display: none;
width: 30px;
height: 30px;
margin: 0;
padding: 0;
background: url(/img/preloader/preloader-blue-blue.gif?v=16423) no-repeat 0 0;
font: 0/0 serif;
}
.b-massaction-processing .b-massaction-preloader {
display: block;
}
.b-massaction-fixed .b-massaction-preloader {
position: fixed;
}
.ljtimes-disabled .b-massaction-fixed .b-massaction-preloader {
position: fixed;
}
@media screen and (max-width: 1300px), (max-width: 1280px) and (max-height: 800px) {
.g-sensor .b-massaction-fixed,
.mobile-msg .b-massaction-fixed {
position: relative;
bottom: auto;
width: auto;
}
}
@media all and (max-width: 800px) {
.b-massaction {
padding-left: 30px;
padding-right: 30px;
}
}
/* Pager ( Pagination )
--------------------------------------*/
.b-pager {
position: relative;
margin: 0;
padding: 0;
text-transform: uppercase;
font-family: "ProximaNovaSemibold",sans-serif;
font-size: 13px;
font-size: 0.8125rem;
}
.b-pager-prev,
.b-pager-next {
position: relative;
display: inline-block;
margin: -1px 0 0 -1px;
padding: 0;
border: 1px solid #DAE3E6;
vertical-align: top;
font: 0/0 a;
}
.b-pager .b-pager-more,
.b-pager-prev .b-pager-link,
.b-pager-prev .b-pager-link:link,
.b-pager-prev .b-pager-link:visited,
.b-pager-next .b-pager-link,
.b-pager-next .b-pager-link:link,
.b-pager-next .b-pager-link:visited {
display: inline-block;
width: 50px;
height: 50px;
margin: 0;
padding: 0;
background: #FFF;
color: #7A9199;
}
.b-pager-prev .b-pager-link:hover,
.b-pager-prev .b-pager-link:active,
.b-pager-next .b-pager-link:hover,
.b-pager-next .b-pager-link:active {
background: #F7F9FA;
color: #00A3D9;
}
/* arrows */
.b-pager-prev .b-pager-link:before,
.b-pager-next .b-pager-link:before {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 14px;
margin: -7px 0 0 -4px;
padding: 0;
background-image: url(/img/icons/prevnext-8-14.png?v=40802);
background-repeat: no-repeat;
font: 0/0 a;
}
.b-pager-prev .b-pager-link:before {
background-position: -8px 0;
}
.b-pager-next .b-pager-link:before {
background-position: 0 0;
}
.b-pager-prev .b-pager-link:hover:before {
background-position: -8px -14px;
}
.b-pager-next .b-pager-link:hover:before {
background-position: 0 -14px;
}
/* first and last position */
.b-pager-first .b-pager-prev .b-pager-link,
.b-pager-first .b-pager-prev .b-pager-link:link,
.b-pager-first .b-pager-prev .b-pager-link:visited,
.b-pager-first .b-pager-prev .b-pager-link:hover,
.b-pager-first .b-pager-prev .b-pager-link:active,
.b-pager-last .b-pager-next .b-pager-link,
.b-pager-last .b-pager-next .b-pager-link:link,
.b-pager-last .b-pager-next .b-pager-link:visited,
.b-pager-last .b-pager-next .b-pager-link:hover,
.b-pager-last .b-pager-next .b-pager-link:active {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default;
pointer-events: none;
}
/* shortcut */
.b-pager-shortcut {
display: none;
}
.b-pager-prev BR,
.b-pager-next BR {
display: none;
}
.b-pager-prev {
border-radius: 3px 0 0 3px;
}
.b-pager-next {
border-radius: 0 3px 3px 0;
}
.b-pager-pages {
position: relative;
display: inline-block;
max-width: 969px;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
line-height: 50px;
}
.b-pager-page {
display: inline-block;
margin: -1px 0 0 -1px;
padding: 0;
border: 1px solid #DAE3E6;
}
.b-pager-page A:link,
.b-pager-page A:visited,
.b-pager-page A:hover,
.b-pager-page A:active {
display: inline-block;
min-width: 50px;
min-height: 50px;
color: #7A9199;
}
.b-pager-page A:hover,
.b-pager-page A:active {
background: #F7F9FA;
color: #00A3D9;
}
.b-pager-page-active {
background: #DAE3E6;
}
.b-pager-page-active A:link,
.b-pager-page-active A:visited,
.b-pager-page-active A:hover,
.b-pager-page-active A:active {
background: #DAE3E6;
color: #7A9199;
}
/* switcher */
.b-switcher {
margin: 0;
padding: 0;
list-style: none outside none;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: "ProximaNovaSemibold",Tahoma,Arial,sans-serif;
font-size: 0.8125rem;
}
.b-switcher-item {
display: inline-block;
width: 50%;
margin: 0;
padding: 10px 20px;
box-sizing: border-box;
border-bottom: 1px solid #DAE3E6;
text-align: center;
}
.b-switcher-item-active {
border-color: #DAE3E6 #DAE3E6 rgba(0, 0, 0, 0);
border-image: none;
border-style: solid;
border-width: 1px;
}
.b-switcher-item A:link,
.b-switcher-item A:visited,
.b-switcher-item A:hover,
.b-switcher-item A:active {
color: #7B9198;
}
.b-switcher-item-active A:link,
.b-switcher-item-active A:visited,
.b-switcher-item-active A:hover,
.b-switcher-item-active A:active {
color: #242F33;
}
/* paginator without pages (prev next links only) */
.b-pager-nopages {
}
.b-pager-nopages .b-pager-pages {
display: none;
}
.b-pager-nopages .b-pager-prev BR,
.b-pager-nopages .b-pager-prev .b-pager-shortcut,
.b-pager-nopages .b-pager-next BR
.b-pager-nopages .b-pager-next .b-pager-shortcut {
display: none;
}
.b-pager-nopages .b-pager-prev,
.b-pager-nopages .b-pager-next {
text-transform: uppercase;
letter-spacing: 0.05em;
font: 13px/50px "ProximaNovaSemibold",Tahoma,Arial,sans-serif;
}
.b-pager-nopages .b-pager-prev .b-pager-link,
.b-pager-nopages .b-pager-prev .b-pager-link:link,
.b-pager-nopages .b-pager-prev .b-pager-link:visited,
.b-pager-nopages .b-pager-prev .b-pager-link:hover,
.b-pager-nopages .b-pager-prev .b-pager-link:active {
width: auto;
min-width: 70px;
padding-left: 40px;
padding-right: 25px;
text-align: left;
}
.b-pager-nopages .b-pager-next .b-pager-link,
.b-pager-nopages .b-pager-next .b-pager-link:link,
.b-pager-nopages .b-pager-next .b-pager-link:visited,
.b-pager-nopages .b-pager-next .b-pager-link:hover,
.b-pager-nopages .b-pager-next .b-pager-link:active {
width: auto;
min-width: 70px;
padding-left: 25px;
padding-right: 40px;
text-align: right;
}
.b-pager-nopages .b-pager-prev .b-pager-link:before {
left: 15px;
margin-left: 0;
}
.b-pager-nopages .b-pager-next .b-pager-link:before {
left: auto;
right: 15px;
margin-left: 0;
}
/* pages more that 50 */
.b-pager-pages50 {
}
/* pages */
.b-pager-pages50 .b-pager-prev A,
.b-pager-pages50 .b-pager-prev A:link,
.b-pager-pages50 .b-pager-prev A:visited,
.b-pager-pages50 .b-pager-next A,
.b-pager-pages50 .b-pager-next A:link,
.b-pager-pages50 .b-pager-next A:visited {
width: 40px;
height: 40px;
}
.b-pager-pages50 .b-pager-pages {
max-width: 943px;
line-height: 40px;
}
.b-pager-pages50 .b-pager-page A:link,
.b-pager-pages50 .b-pager-page A:visited,
.b-pager-pages50 .b-pager-page A:hover,
.b-pager-pages50 .b-pager-page A:active {
min-width: 40px;
min-height: 40px;
}
/* pages more that 100 */
.b-pager-pages100 {
}
/* pages */
.b-pager-pages100 .b-pager-prev A,
.b-pager-pages100 .b-pager-prev A:link,
.b-pager-pages100 .b-pager-prev A:visited,
.b-pager-pages100 .b-pager-next A,
.b-pager-pages100 .b-pager-next A:link,
.b-pager-pages100 .b-pager-next A:visited {
width: 40px;
height: 40px;
}
.b-pager-pages100 .b-pager-pages {
line-height: 40px;
}
.b-pager-pages100 .b-pager-page A:link,
.b-pager-pages100 .b-pager-page A:visited,
.b-pager-pages100 .b-pager-page A:hover,
.b-pager-pages100 .b-pager-page A:active {
min-width: 40px;
min-height: 40px;
}
/* pages more that 150 */
.b-pager-pages150 {
}
/* pages */
.b-pager-prev,
.b-pager-next {
border-color: #E4EDF0;
}
.b-pager-pages150 .b-pager-prev A,
.b-pager-pages150 .b-pager-prev A:link,
.b-pager-pages150 .b-pager-prev A:visited,
.b-pager-pages150 .b-pager-next A,
.b-pager-pages150 .b-pager-next A:link,
.b-pager-pages150 .b-pager-next A:visited {
width: 30px;
height: 30px;
}
.b-pager-pages150 .b-pager-pages {
line-height: 30px;
}
.b-pager-page {
border-color: #E4EDF0;
}
.b-pager-pages150 .b-pager-page A:link,
.b-pager-pages150 .b-pager-page A:visited,
.b-pager-pages150 .b-pager-page A:hover,
.b-pager-pages150 .b-pager-page A:active {
min-width: 30px;
min-height: 30px;
}
.b-pager-page-active {
background: #E4EDF0;
}
.b-pager-page-active A:link,
.b-pager-page-active A:visited,
.b-pager-page-active A:hover,
.b-pager-page-active A:active {
background: #E4EDF0;
}
/* pages more that 200 */
.b-pager-pages200 {
}
/* pages */
.b-pager-pages100 .b-pager-prev A,
.b-pager-pages100 .b-pager-prev A:link,
.b-pager-pages100 .b-pager-prev A:visited,
.b-pager-pages100 .b-pager-next A,
.b-pager-pages100 .b-pager-next A:link,
.b-pager-pages100 .b-pager-next A:visited {
width: 30px;
height: 30px;
}
.b-pager-pages100 .b-pager-pages {
line-height: 30px;
}
.b-pager-pages100 .b-pager-page A:link,
.b-pager-pages100 .b-pager-page A:visited,
.b-pager-pages100 .b-pager-page A:hover,
.b-pager-pages100 .b-pager-page A:active {
min-width: 30px;
min-height: 30px;
}
@media all and (max-width: 1300px) {
.b-pager .b-pager-pages {
max-width: 867px;
}
.b-pager-pages50 .b-pager-pages {
max-width: 861px;
}
}
@media all and (max-width: 1200px) {
.b-pager .b-pager-pages {
max-width: 765px;
}
}
@media all and (max-width: 1100px) {
.b-pager .b-pager-pages {
max-width: 765px;
}
}
@media all and (max-width: 1000px) {
.b-pager .b-pager-pages {
max-width: 663px;
}
}
@media all and (max-width: 900px) {
.b-pager .b-pager-pages {
max-width: 561px;
}
}
@media all and (max-width: 800px) {
.b-pager .b-pager-pages {
max-width: 510px;
}
}
@media all and (max-width: 700px) {
.b-pager .b-pager-pages {
max-width: 408px;
}
}
@media all and (max-width: 600px) {
.b-pager .b-pager-pages {
max-width: 306px;
}
}
@media all and (max-width: 500px) {
.b-pager .b-pager-pages {
max-width: 255px;
}
}
@media all and (max-width: 450px) {
/* pages */
.b-pager .b-pager-more,
.b-pager .b-pager-prev A,
.b-pager .b-pager-prev A:link,
.b-pager .b-pager-prev A:visited,
.b-pager .b-pager-next A,
.b-pager .b-pager-next A:link,
.b-pager .b-pager-next A:visited {
width: 30px;
height: 30px;
}
.b-pager .b-pager-pages {
max-width: 156px;
line-height: 30px;
}
.b-pager .b-pager-page A:link,
.b-pager .b-pager-page A:visited,
.b-pager .b-pager-page A:hover,
.b-pager .b-pager-page A:active {
min-width: 30px;
min-height: 30px;
}
}
/* jQuery UI Autocomplete
--------------------------------------*/
.ui-autocomplete {
position: absolute;
top: 21px;
left: 0;
z-index: 999;
width: 190px;
margin: 0;
padding: 0;
border: 1px solid #AAA;
border-top: 0;
background: #FFF;
list-style: none;
line-height: 1.4;
}
.ui-autocomplete LI {
margin: 0;
padding: 0;
cursor: pointer;
text-align: left;
}
.ui-autocomplete LI A {
display: block;
margin: 0;
padding: 1px 10px;
text-align: left;
text-decoration: none;
color: #000;
}
.ui-autocomplete .ui-state-hover {
background: #EEE;
}
/* Drop-over
--------------------------------------*/
.b-dropover-container {
position: relative;
z-index: 3;
}
.b-dropover {
position: relative;
top: 0;
left: 0;
z-index: 2;
margin: -15px -15px;
padding: 34px 14px 14px;
border: 1px solid #C0C2C8;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
background: #F7F9FA;
list-style: none;
}
#js .b-dropover {
position: absolute;
display: none;
}
#js .b-dropover-open .b-dropover {
display: block;
}
.b-dropover-close {
position: absolute;
top: 1px;
right: 10px;
z-index: 5;
display: none;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
cursor: pointer;
background: url(/img/icons/popup-close.png?v=15718) 0 0 no-repeat;
font: 0/0 serif;
}
.b-dropover-close:hover {
background-position: 0 -16px;
}
.b-dropover-show .b-dropover-close {
display: block;
}
/* Update button */
.b-updater {
width: 100%;
padding: 8px 0;
border: 0;
border-bottom: 1px solid #ECECEC;
cursor: pointer;
background: #F7F7F7;
font-size: 13px;
}
/* Steps
--------------------------------------*/
.b-steps {
position: relative;
margin: 0 0 10px -9px;
padding: 0;
list-style: none;
color: #7C7D7F;
}
.b-steps:before,
.b-steps:after {
content: "";
display: table;
border-collapse: collapse;
}
.b-steps:after {
clear: both;
}
.b-steps-step {
position: relative;
display: inline-block;
margin: 0 7px 0 0;
padding: 5px 9px;
}
.b-steps-step.active {
border-radius: 0.5em;
background-color: #369AFF;
background-image: -webkit-linear-gradient(top, #3863A0 0%, #369AFF 100%);
background-image: -moz-linear-gradient(top, #3863A0 0%, #369AFF 100%);
background-image: -o-linear-gradient(top, #3863A0 0%, #369AFF 100%);
background-image: linear-gradient(to bottom, #3863A0 0%, #369AFF 100%);
box-shadow: inset 0 0 6px #2B4C7B;
color: #FFF;
}
.b-steps-step.disable A,
.b-tabs .b-steps-step.disable A:link,
.b-tabs .b-steps-step.disable A:visited,
.b-tabs .b-steps-step.disable A:hover,
.b-tabs .b-steps-step.disable A:active {
pointer-events: none;
border-bottom: 0 !important;
cursor: default;
color: #000 !important;
}
/* Panel
--------------------------------------*/
.b-panel {
position: relative;
margin: 0 0 2em;
padding: 2em 1.5em;
border: 0;
border-radius: 2px;
background-color: #dae3e6;
}
/* remove shadow on mobile */
.mobile-msg .b-panel:before,
.g-sensor .b-panel:before {
content: "";
display: none;
}
/* remove shadow on tiny screen */
@media screen and (max-width: 1000px) {
.b-panel:before {
content: "";
display: none;
}
}
/* This styles was removed from screen.css
--------------------------------------*/
.standout {
text-align: center;
}
.standout .container {
width: auto;
margin: auto;
padding: 3px;
border: 1px solid #8FC3F7;
background-color: #C5DFF9 !important;
text-align: left;
color: #000;
}
.standout SPAN.container {
display: inline-block;
padding: 8px 7px !important;
}
.b-standout {
margin: 1.5em;
text-align: center;
}
.b-table {
margin: 1em 0;
font-size: 13px;
font-size: 0.8125rem;
}
.b-table TD,
.b-table TH {
padding: 0.2em 0.625em;
}
.b-table TH {
border-bottom: solid 1px #dae3e6;
background-color: #f7f9fa;
}
.b-table-auto {
margin: auto;
}
.b-table-border {
border: solid 1px #dae3e6;
}
.b-table-border-total {
border-top: 1px solid #dae3e6;
border-right: 1px solid #DAE3E6;
}
.b-table-border-total TD {
border-left: solid 1px #dae3e6;
border-bottom: solid 1px #dae3e6;
}
.borderedtable {
border: solid 1px #dae3e6;
}
.borderedtable TH {
padding-right: 0.625em;
padding-left: 0.625em;
border-bottom: solid 1px #dae3e6;
background-color: #f7f9fa;
white-space: nowrap;
}
.userslist-table {
border: 1px solid #DDD;
}
.userslist-table TH {
padding: 2px 10px;
background: #DDD;
text-align: left;
white-space: nowrap;
}
.userslist-table TD {
padding: 3px 10px;
}
/* -------------------------------------------------------------------------------- */
/* Content zone
----------------------------------*/
.l-body {
width: 940px;
margin: 0 auto;
}
.l-body:after {
content: "";
display: table;
border-collapse: collapse;
clear: both;
}
.l-aside {
float: left;
width: 140px;
margin: 0 20px 0 0;
}
.l-content {
float: left;
width: 460px;
}
.l-content-wide {
width: 760px;
}
.l-content-full {
width: 940px;
}
.l-sidebar {
float: right;
width: 300px;
}
/* The new pages
FIXED WIDTH
----------------------------------------- */
/* Horizon/Vertigo */
.framework-page #content {
width: 940px;
margin: 0 auto 120px;
}
/* Lanzelot */
.framework-page #main_body {
width: 940px;
min-width: 940px;
margin: 0 auto;
}
/* 2 Column - Fixed width
----------------------------------*/
.l-row {
width: 958px;
}
.l-cell {
float: left;
width: 461px;
margin: 0 18px 0 0;
}
/*
Content plus Aside (LJSUP-11159)
- l-contentplus
- - l-contentplus-header
- - l-contentplus-container
- - - [l-contentplus-section]
- - - [l-contentplus-aside]
*/
.l-contentplus {
}
/* header */
.l-contentplus-header {
position: relative;
margin: 0;
padding: 0;
*zoom: 1;
}
.l-contentplus-header:after {
content: "";
display: table;
border-collapse: collapse;
clear: both;
}
/* container */
.l-contentplus-container {
position: relative;
margin: 0;
padding: 0;
*zoom: 1;
}
.l-contentplus-container:after {
content: "";
display: table;
border-collapse: collapse;
clear: both;
}
/* layout for section and sidebar */
.l-contentplus-section {
float: left;
width: 65%;
margin: 0;
}
.l-contentplus-aside {
float: right;
width: 30%;
margin: 0;
padding: 0;
}
/* switch to one column on tiny screen */
@media screen and (max-width: 1050px) {
.l-contentplus-section {
float: none;
width: auto;
}
.l-contentplus-aside {
float: none;
margin: auto;
width: 50%;
}
}
/* remove width from sidebar */
@media screen and (max-width: 650px) {
.l-contentplus-aside {
width: auto;
}
}
/* Styling Aside for Contentplus
--------------------------------------*/
.b-extracontent {
position: relative;
margin: 0;
padding: 30px;
line-height: 1.4;
*padding-left: 0;
border-left: 1px solid #DAE3E6;
}
.b-extracontent-head {
margin: 0 0 1em;
font-weight: bold;
font-style: normal;
font-size: 1em;
color: #000;
}
.b-extracontent P {
margin: 0 0 1em;
}
.b-extracontent-more {
padding-top: 1em;
border-top: 2px solid #C8CFD5;
}
.b-extracontent-shadow {
display: none;
}
.b-extracontent-shadow-inner {
display: none;
}
/* remove shadow on tiny screen */
@media screen and (max-width: 1050px) {
.b-extracontent {
padding-right: 0;
padding-left: 0;
border: 0;
}
}
/*
System Page
- b-service
- - b-service-header
- - - b-service-title
- - - b-service-breadcrumbs
- - - - b-service-breadcrumbs-item
- - - - - b-service-breadcrumbs-link
- - - b-service-menu, b-menu
- - b-service-body
- - - b-service-submenu-wrapper
- - - - b-menu
- - - b-service-controls
*/
.b-service {
}
/* header */
.b-service-header {
margin: 0;
padding: 1.15em 0 0;
background: #F7F9FF;
border-bottom: 1px solid #DAE3E6;
}
/* title */
.b-service-title {
font-size: 2.0625em; /* 33px */
font-weight: normal;
color: #242F33;
}
.b-service-title,
.b-service .b-service-title {
margin: 0 0.9em 0.45em; /* from 33px */
padding: 0;
}
/* breadcrumbs */
.b-service-breadcrumbs {
margin: 0 30px 0.3em ;
padding: 0;
list-style: none;
}
.b-service-breadcrumbs-item {
display: inline;
margin: 0;
padding: 0;
font-size: 13px;
font-size: 0.8125rem;
}
.b-service-breadcrumbs-item:before {
content: " / ";
}
.b-service-breadcrumbs-item:first-child:before {
content: "";
}
.b-service-breadcrumbs-link {
margin: 0;
padding: 0;
}
/* header with tab menu */
.b-service-header-menu {
border-bottom: 0;
}
.b-service-header-menu .b-service-title {
}
/* menu */
.b-service-header-menu .b-service-menu {
padding: 0 1.875em;
}
@media (max-width: 650px) {
.b-service-header-menu .b-service-menu {
padding: 0;
}
}
/* body */
.b-service-body {
}
.b-service-body:after {
content: "";
display: table;
clear: both;
border-collapse: collapse;
}
.b-service-body-inner {
padding: 1.875em;
}
.b-service-inner,
.b-menu.b-service-inner {
padding: 0 1.875em;
}
/* tiny service tabs */
@media screen and (max-width: 650px) {
.b-menu.b-service-inner {
padding: 0;
}
}
.b-service-inner-top {
padding-top: 1.875em;
}
/* submenu */
.b-service-submenu-wrapper {
width: 100%;
background: #FFF;
}
/* controls */
.b-service-controls {
min-height: 50px;
margin: 0 0 1em;
background-color: #DAE3E6;
}
.b-service-controls INPUT,
.b-service-controls SELECT {
}
.b-service-body .b-massaction {
margin: 0;
}
/* with shadow */
BODY .b-service-body-withshadow {
margin-bottom: 5em;
padding-bottom: 30px;
}
/* shadow */
.b-service-bodyshadow {
position: absolute;
bottom: -30px;
left: 0;
right: 0;
overflow: hidden;
height: 30px;
margin: 0;
padding: 0;
}
.b-service-bodyshadow-inner {
position: absolute;
right: 30px;
bottom: 30px;
left: 30px;
height: 500%;
border-radius: 70px;
box-shadow: 0 -1px 25px 0 #324F7A;
}
/* settings control */
.b-drop-control {
display: inline-block;
margin: -4px 0 0 50px;
}
.b-drop-control-open .b-drop-control-icon:after {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.b-drop-control-state {
display: block;
position: relative;
height: 30px;
margin: 0;
cursor: pointer;
}
.b-drop-control-icon {
background-image: url(/img/icons/unit_v3.png?v=40336);
background-repeat: no-repeat;
}
.b-drop-control-icon:after {
background-image: url(../img/schemius/s-icons.svg);
background-repeat: no-repeat;
}
.b-drop-control-icon {
display: block;
position: absolute;
right: 0;
top: 0;
width: 27px;
height: 27px;
padding-right: 20px;
cursor: pointer;
background-position: 0 -68px;
}
.b-drop-control-icon:after {
position: absolute;
right: 0;
top: 50%;
width: 12px;
height: 8px;
margin: -3px 0 0;
padding: 0;
content: "";
transform: none;
background-position: -181px 0;
font: 0px/0 a;
}
.b-drop-control-msg {
display: inline-block;
line-height: 27px;
padding: 0 55px 0 0;
vertical-align: middle;
white-space: nowrap;
}
@media (max-width: 650px) {
.b-drop-control-msg {
display: none;
}
}
/*
Formset
- b-formset-field
- - b-formset-field-head
- - - b-formset-field-subhead
- - b-formset-field-body
- - - b-formset-input-wrapper
- - - b-formset-field-desc
- b-formset-submitbox
*/
/* fields */
.b-formset-field {
margin: 0 0 1em 10em;
padding: 0;
clear: left;
}
/* head */
.b-formset-field-head {
position: relative;
left: -10em;
display: block;
float: left;
width: 9em;
margin: 0 -9em 0 0;
padding: 2px 0 0;
text-align: right;
*zoom: 1;
}
.b-formset-field-subhead {
margin: 0;
font-weight: bold;
}
/* body */
.b-formset-field-body {
margin: 0;
padding: 0;
}
/* desc */
.b-formset-field-desc {
margin: 0.2em 0 1em 0;
font-size: 86%;
color: #748691;
}
.b-reset .b-formset-field-desc {
font-size: 86%;
}
/* warning */
.b-formset-field-warning {
margin: 0.2em 0 0;
font-size: 86%;
color: #F00;
}
/* wrapper */
.b-formset-input-wrapper {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
*display: inline;
}
/* input */
.b-formset-input {
width: 220px;
margin: 0;
padding: 3px 2px;
}
.b-formset-input,
.b-formset-select {
font: 13px/1.1 Arial,sans-serif;
}
/* textarea */
.b-formset-textarea {
resize: both;
font: 13px/1.4 Arial,sans-serif;
}
/* username */
.b-formset-field-username .b-formset-input {
width: 200px;
padding-left: 22px;
font-weight: bold;
color: #0051B7;
}
.b-formset-field-username .b-formset-input-pic {
position: absolute;
top: 50%;
left: 5px;
width: 16px;
height: 16px;
margin: -8px 0 0;
padding: 0;
background: url(/img/userinfo.gif?v=37824) no-repeat 0 0;
font: 0/0 serif;
}
.b-formset-field-community .b-formset-input-pic {
position: absolute;
top: 50%;
left: 5px;
width: 16px;
height: 16px;
margin: -8px 0 0;
padding: 0;
background: url(/img/community.gif?v=556) no-repeat scroll 0 0 #FFF;
font: 0/0 serif;
}
/* options */
.b-formset-options {
margin: 0;
padding: 0;
list-style: none;
}
.b-formset-options-item {
margin: 0 0 0.2em;
padding: 0;
}
/* check */
.b-formset-check {
margin: 0 3px 0 0;
}
/* radio */
.b-formset-radio {
}
/* label */
.b-formset-label {
margin: 0;
}
/* label+check */
.b-formset-labelcheck {
display: block;
padding: 0 0 0 15px;
text-indent: -15px;
}
.b-formset-labelcheck .b-formset-check {
position: relative;
top: -1px;
width: 13px;
height: 13px;
margin: 0;
padding: 0;
vertical-align: bottom;
*overflow: hidden;
}
/* label+radio */
.b-formset-labelradio {
}
.b-formset-labelradio .b-formset-label {
margin: 0 0 0 0.3em;
}
/* submit field */
.b-formset-submitbox {
margin: 2.5em 0 0 10em;
}
.b-formset-submitbox-inner {
display: inline-block;
padding: 0 30px 0 0;
background: url(/img/preloader/preloader-blue-blue.gif?v=16423) no-repeat -700px 0;
}
/* creating */
.b-formset-creating .b-formset-submitbox-inner {
background-position: 100% 50%;
}
/* tiny screen */
@media screen and (max-width: 40em) {
/* fields */
.b-formset-field {
margin-left: 0;
}
.b-formset-field-head {
left: auto;
float: none;
width: auto;
margin-right: 0;
text-align: left;
}
.b-formset-submitbox {
margin-left: 0;
}
}
/* Block 'Work as user' */
.b-workas {
display: inline-block;
padding: 0.625em 0.625em 0.625em 1.25em;
margin: 0 0 1em;
background: #DAE3E6;
border-radius: 2px;
}
.b-workas SELECT {
margin: 0 0.4em;
padding: 0.4em;
}
.b-workas LABEL,
.b-workas SELECT {
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: "ProximaNovaSemibold",Tahoma,Arial,sans-serif;
font-size: 0.825em;
color: #7A9199;
}
@media screen and (max-width: 650px) {
.b-workas {
display: block;
padding: 1em;
text-align: center;
}
.b-workas SELECT {
display: block;
margin: 0.5em 0 1.2em;
width: 100%;
text-align: left;
}
}
/* Flat Journal-Switcher (ex. 'Work as user') [LJSUP-19450] */
/* wrapper */
.flatswitcher-wrapper {
display: inline;
}
/* form */
.flatswitcher-form {
display: inline;
}
/* switcher */
.flatswitcher {
display: inline-block;
padding: 0.625em;
margin: 0;
background: #DAE3E6;
border-radius: 2px;
}
/* label */
.flatswitcher-label {
margin: 0 0.4em 0 0;
vertical-align: -0.45em;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: "ProximaNovaSemibold",Tahoma,Arial,sans-serif;
font-size: 0.825em;
color: #7A9199;
}
/* select */
.flatswitcher-select {
display: inline-block;
margin: 0;
padding: 0;
vertical-align: top;
}
/*
FLATSLIDE
Three-Columns Layout (hidden menu + main column + sidebar)
- l-flatslide
- - l-flatslide-container
- - - l-flatslide-body
- - - - l-flatslide-navigation
- - - - - l-flatslide-menu
- - - - - - l-flatslide-menu-controls
- - - - - - l-flatslide-menu-items
- - - - l-flatslide-wrapper
- - - - - l-flatslide-content
- - - - l-flatslide-aside
*/
/* root */
.l-flatslide {
overflow: hidden;
}
/* container */
.l-flatslide-container {
margin: 0;
}
/* body */
.l-flatslide-body {
width: 100%;
margin: 0;
-webkit-transition: margin 0.1s ease-in;
-moz-transition: margin 0.1s ease-in;
-ms-transition: margin 0.1s ease-in;
-o-transition: margin 0.1s ease-in;
transition: margin 0.1s ease-in;
}
.l-flatslide-body:after {
content: "";
display: table;
border-collapse: collapse;
clear: both;
}
/* navigation */
.l-flatslide-navigation {
margin-left: 0;
margin-right: 0;
}
/* menu */
.l-flatslide-menu {
}
/* controls */
.l-flatslide-menu-controls {
visibility: hidden;
position: fixed;
left: 0;
z-index: 3;
width: 50px;
-webkit-transition: left 0.1s ease-in;
-moz-transition: left 0.1s ease-in;
-ms-transition: left 0.1s ease-in;
-o-transition: left 0.1s ease-in;
transition: left 0.1s ease-in;
}
/* menu button */
.l-flatslide-menu-button,
.l-flatslide-menu-button:link,
.l-flatslide-menu-button:visited,
.l-flatslide-menu-button:hover,
.l-flatslide-menu-button:active {
display: none;
position: absolute;
top: 48px;
left: 0;
width: 50px;
height: 50px;
margin: 0;
padding: 0;
border-radius: 0 3px 3px 0;
background: #DAE3E6;
color: #7A9199;
font: 0/0 a;
}
/* background on lenta */
.b-lenta.b-feedsettings-on .l-flatslide-menu-button,
.b-lenta.b-feedsettings-on .l-flatslide-menu-button:link,
.b-lenta.b-feedsettings-on .l-flatslide-menu-button:visited,
.b-lenta.b-feedsettings-on .l-flatslide-menu-button:hover,
.b-lenta.b-feedsettings-on .l-flatslide-menu-button:active {
background: #F7F9FA;
}
/* disabled friendsfeed settigns */
.b-lenta .l-flatslide-menu-button:before {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 25px;
height: 24px;
margin: -12px 0 0 -13px;
padding: 0;
background: url(/img/icons/unit_v3.png?v=40336) no-repeat 0 -255px;
}
.b-lenta .l-flatslide-menu-button-opened.l-flatslide-menu-button:before {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
padding: 0;
background: url(/img/icons/unit_v3.png?v=40336) no-repeat 0 -113px;
}
/* enabled friends feed settings */
.b-lenta.b-feedsettings-on .l-flatslide-menu-button:before {
display: none;
}
/* svg icons */
.l-flatslide-menu-button-open {
display: block;
}
.l-flatslide-menu-button-open .svgicon {
position: absolute;
top: 50%;
left: 50%;
width: 25px;
height: 25px;
margin: -13px 0 0 -13px;
padding: 0;
}
.l-flatslide-menu-button-close {
display: none;
}
.l-flatslide-menu-button-close .svgicon {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
}
/* show after js load */
.l-flatslide-state-menuinit .l-flatslide-menu-button {
display: block;
}
/* show close button when menu is open */
.l-flatslide-menu-button-opened {
}
.l-flatslide-menu-button-opened .l-flatslide-menu-button-open {
display: none;
}
.l-flatslide-menu-button-opened .l-flatslide-menu-button-close {
display: block;
}
/* settings button */
.l-flatslide-settingslink,
.l-flatslide-settingslink:link,
.l-flatslide-settingslink:visited,
.l-flatslide-settingslink:hover,
.l-flatslide-settingslink:active {
display: none;
position: absolute;
top: 108px;
left: 0;
width: 50px;
height: 50px;
margin: 0;
padding: 0;
border-radius: 0 3px 3px 0;
background: #DAE3E6;
font: 0/0 a;
color: #7A9199;
}
/* background on lenta */
.b-lenta.b-feedsettings-on .l-flatslide-settingslink,
.b-lenta.b-feedsettings-on .l-flatslide-settingslink:link,
.b-lenta.b-feedsettings-on .l-flatslide-settingslink:visited,
.b-lenta.b-feedsettings-on .l-flatslide-settingslink:hover,
.b-lenta.b-feedsettings-on .l-flatslide-settingslink:active {
background: #F7F9FA;
}
/* disabled friendsfeed settigns */
.b-lenta .l-flatslide-settingslink:before {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 27px;
height: 27px;
margin: -13px 0 0 -13px;
padding: 0;
background: url(/img/icons/unit_v3.png?v=40336) no-repeat scroll 0 -68px rgba(0, 0, 0, 0);
}
.b-lenta .l-flatslide-settingslink-opened.l-flatslide-settingslink:before {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
padding: 0;
background: url(/img/icons/unit_v3.png?v=40336) no-repeat 0 -113px;
}
/* enabled feedsettings */
.b-lenta.b-feedsettings-on .l-flatslide-settingslink:before {
display: none;
}
/* svg icons */
.l-flatslide-settingslink-open {
display: block;
}
.l-flatslide-settingslink-open .svgicon {
position: absolute;
top: 50%;
left: 50%;
width: 27px;
height: 27px;
margin: -13px 0 0 -13px;
padding: 0;
}
.l-flatslide-settingslink-close {
display: none;
}
.l-flatslide-settingslink-close .svgicon {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
}
/* show after js load */
.l-flatslide-state-menuinit .l-flatslide-settingslink {
display: block;
}
/* show close button when settings is open */
.l-flatslide-settingslink-opened {
}
.l-flatslide-settingslink-opened .l-flatslide-settingslink-open {
display: none;
}
.l-flatslide-settingslink-opened .l-flatslide-settingslink-close {
display: block;
}
/* scroll to top */
.l-flatslide-scrolltop,
.l-flatslide-scrolltop:link,
.l-flatslide-scrolltop:visited,
.l-flatslide-scrolltop:hover,
.l-flatslide-scrolltop:active {
display: none;
position: absolute;
top: 108px;
left: 0;
width: 50px;
height: 50px;
margin: 0;
padding: 0;
border-radius: 0 3px 3px 0;
background: #DAE3E6;
color: #7A9199;
font: 0/0 a;
}
.ng-isolate-scope.l-flatslide-scrolltop {
display: none;
position: absolute;
}
/* background on lenta */
.b-lenta.b-feedsettings-on .l-flatslide-scrolltop,
.b-lenta.b-feedsettings-on .l-flatslide-scrolltop:link,
.b-lenta.b-feedsettings-on .l-flatslide-scrolltop:visited,
.b-lenta.b-feedsettings-on .l-flatslide-scrolltop:hover,
.b-lenta.b-feedsettings-on .l-flatslide-scrolltop:active {
background: #F7F9FA;
}
/*.l-flatslide-scrolltop:before {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 14px;
height: 18px;
margin: -9px 0 0 -7px;
padding: 0;
background: url(/img/icons/unit_v3.png?v=40336) no-repeat 0 -280px;
}*/
/* svg icons */
.l-flatslide-scrolltop .svgicon {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
}
/* count */
.l-flatslide-scrolltop-count {
display: none;
position: absolute;
top: 15px;
right: -10px;
margin: 0;
padding: 4px;
border: 0;
border-radius: 10px;
font: 11px/1 "ProximaNovaSemibold",Tahoma,Arial,sans-serif;
background: #FD8F40;
color: #FFF;
}
/* items */
.l-flatslide-menu-items {
position: fixed;
left: -240px;
z-index: 3;
width: 239px;
margin: 0;
padding: 0;
list-style: none;
border-right: 1px solid #DAE3E6;
background: #F7F9FA;
text-transform: uppercase;
letter-spacing: 0.05em;
font: 13px/1.1 "ProximaNovaSemibold",Tahoma,Arial,sans-serif;
font: 0.8125rem/1.1 "ProximaNovaSemibold",Tahoma,Arial,sans-serif;
-webkit-transition: left 0.1s ease-in;
-moz-transition: left 0.1s ease-in;
-ms-transition: left 0.1s ease-in;
-o-transition: left 0.1s ease-in;
transition: left 0.1s ease-in;
}
.l-flatslide-menu-items-expandable {
overflow: auto;
}
/* item */
.l-flatslide-menu-item {
position: relative;
display: block;
margin: 0;
padding: 17px 15px;
border-bottom: 1px solid #DAE3E6;
}
/* link */
.l-flatslide-menu-link {
display: block;
margin: -17px -15px;
padding: 17px 15px;
}
.l-flatslide-menu-link:link,
.l-flatslide-menu-link:visited {
color: #00A3D9;
}
.l-flatslide-menu-link:hover,
.l-flatslide-menu-link:active {
color: #0086B3;
}
/* active item */
.l-flatslide-menu-active {
color: #829399;
}
/* link */
.l-flatslide-menu-active > .l-flatslide-menu-link:link,
.l-flatslide-menu-active > .l-flatslide-menu-link:visited,
.l-flatslide-menu-active > .l-flatslide-menu-link:hover,
.l-flatslide-menu-active > .l-flatslide-menu-link:active {
color: #829399;
}
/* parent item */
.l-flatslide-menu-parent {
}
/* link */
.l-flatslide-menu-parent .l-flatslide-menu-link {
margin-left: 17px;
padding-left: 0;
}
/* toggler */
.l-flatslide-menu-toggler {
position: absolute;
top: 15px;
left: 13px;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
background: url(../img/schemius/s-icons.svg?v=2) no-repeat -179px 5px;
font: 0/0 a;
cursor: pointer;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: transform 1s easy 0;
-moz-transition: transform 1s easy 0;
-ms-transition: transform 1s easy 0;
-o-transition: transform 1s easy 0;
transition: transform 1s easy 0;
}
/* sub menu */
.l-flatslide-submenu {
display: none;
margin: 17px 0 0 17px;
padding: 0;
list-style: none;
}
/* sub menu item */
.l-flatslide-submenu .l-flatslide-menu-item {
margin: 0 0 13px;
padding: 0;
border-bottom: 0;
}
/* sub menu link */
.l-flatslide-submenu .l-flatslide-menu-link {
margin: 0;
padding: 0;
}
/* sub sub menu */
.l-flatslide-subsubmenu {
margin: 13px 0 0 13px;
padding: 0;
list-style: none;
}
/* sub sub menu item */
.l-flatslide-subsubmenu .l-flatslide-menu-item {
margin: 0 0 10px;
padding: 0;
border-bottom: 0;
}
/* sub sub menu link */
.l-flatslide-subsubmenu .l-flatslide-menu-link {
margin: 0;
padding: 0;
}
/* closed item */
.l-flatslide-menu-closed {
}
/* submenu */
.l-flatslide-menu-closed .l-flatslide-submenu {
display: none;
}
/* opened item */
.l-flatslide-menu-opened {
}
/* toggler */
.l-flatslide-menu-opened .l-flatslide-menu-toggler {
background-position: -180px 5px;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
/* submenu */
.l-flatslide-menu-opened .l-flatslide-submenu {
display: block;
}
/* more items */
.l-flatslide-menu-item-more {
display: none;
position: relative;
}
/* item */
.l-flatslide-menu-item-more > .l-flatslide-menu-link {
position: relative;
color: #00A3D9;
}
.l-flatslide-menu-item-more > .l-flatslide-menu-link:hover,
.l-flatslide-menu-item-more:hover > .l-flatslide-menu-link {
color: #0086B3;
}
/* arrow */
.l-flatslide-menu-more-icon {
position: absolute;
right: 5px;
top: 50%;
margin-top: -8px;
color: #7A9199;
}
.l-flatslide-menu-more-icon .svgicon {
width: 16px;
height: 16px;
}
/* submenu */
.l-flatslide-menu-item-more > .l-flatslide-menu-link:after {
position: absolute;
top: 50%;
right: 15px;
width: 8px;
height: 14px;
margin: -7px 0 0;
padding: 0;
content: " ";
background: url("/img/icons/prevnext-8-14.png?v=40802") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
font: 0px/0 a;
}
/* enabled feedsettings */
.b-feedsettings-on .l-flatslide-menu-item-more > .l-flatslide-menu-link:after {
display: none;
}
.l-flatslide-menu-item-more .l-flatslide-menu-subitems {
display: none;
overflow-y: auto;
position: absolute;
bottom: -1px;
left: 100%;
width: 239px;
margin: 0;
padding: 0;
border: 1px solid #DAE3E6;
border-bottom: 0;
background:
linear-gradient(#F7F9FA 30%, rgba(255,255,255,0)),
linear-gradient(rgba(255,255,255,0), #F7F9FA 70%) 0 100%,
radial-gradient(farthest-side at 50% 0, rgba(0,0,0,.2), rgba(0,0,0,0)),
radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), rgba(0,0,0,0)) 0 100%;
background-repeat: no-repeat;
background-color: #F7F9FA;
background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
background-attachment: local, local, scroll, scroll;
}
.l-flatslide-menu-item-more:hover .l-flatslide-menu-subitems {
display: block;
}
/* expander */
.l-flatslide-menu-expander {
display: none;
position: absolute;
top: 0;
right: 0;
z-index: 4;
width: 80px;
height: 50px;
margin: 0;
padding: 0;
font: 0/0 a;
cursor: pointer;
}
.l-flatslide-menu-expander:after {
content: " ";
position: absolute;
top: 22px;
right: 10px;
width: 10px;
height: 6px;
margin: 0;
padding: 0;
background: url(/img/icons/unit_v3.png?v=40336) no-repeat 0 -99px;
font: 0/0 a;
}
.l-flatslide-menu-expanded .l-flatslide-menu-expander:after {
background-position: 0 -106px;
}
/* wrapper */
.l-flatslide-wrapper {
float: left;
width: 100%;
}
/* content */
.l-flatslide-content {
margin: 0 420px 4em 50px;
padding: 0 0 50px 40px;
border-right: 1px solid #DAE3E6;
}
/* intro */
.l-flatslide-intro {
position: relative;
margin: 0;
padding: 19px 32px 11px 0;
border-bottom: 1px solid #DAE3E6;
}
.l-flatslide-intro:after {
content: "";
display: table;
border-collapse: collapse;
clear: both;
}
.l-flatslide-intro-heads {
float: left;
max-width: 100%;
margin: 0;
word-wrap: break-word;
overflow-wrap: break-word;
text-transform: uppercase;
font: 1.625em/1 "ProximaNovaLight",Helvetica,Arial,sans-serif;
color: #829399;
}
.l-flatslide-intro-controls {
float: right;
margin: -3px 0 0;
}
/* aside */
.l-flatslide-aside {
float: left;
width: 329px; /* 329 = 300 (sidebar width) + 30 (left margin) - 1 (border width) */
margin: 0 0 0 -421px; /* 361 = 330 + 30 - 1 (content border width) */
padding: 1.8125em 90px 0 0;
border-left: 1px solid #DAE3E6;
}
/* FlatSlide States */
/* show nav */
.l-flatslide-state-shownav {
}
/* margin to slide content (240 - menu width) */
.l-flatslide-state-shownav .l-flatslide-body {
margin-left: 240px;
}
/* slide controls */
.l-flatslide-state-shownav .l-flatslide-menu-controls {
left: 240px;
}
/* show menu */
.l-flatslide-state-shownav .l-flatslide-menu-items {
left: 0;
}
/* scroll nav */
.l-flatslide-state-scrollnav {
}
.l-flatslide-state-scrollnav .l-flatslide-menu-item-more {
display: block;
}
/* Show menu only after initilization */
.l-flatslide-state-menuinit .l-flatslide-menu-controls {
visibility: visible;
}
/* rating scroll */
.l-flatslide-state-scroll {
}
.l-flatslide-state-scroll .l-flatslide-scrolltop {
display: block;
}
/* FlatSlide Media Queries */
/* height */
@media all and (max-height: 600px) {
.l-flatslide-menu-item-more .l-flatslide-menu-subitems {
max-height: 394px;
}
}
@media all and (max-height: 550px) {
.l-flatslide-menu-item-more .l-flatslide-menu-subitems {
max-height: 345px;
}
}
@media all and (max-height: 500px) {
.l-flatslide-menu-item-more .l-flatslide-menu-subitems {
max-height: 296px;
}
}
@media all and (max-height: 450px) {
.l-flatslide-menu-item-more .l-flatslide-menu-subitems {
max-height: 247px;
}
}
@media all and (max-height: 400px) {
.l-flatslide-menu-item-more .l-flatslide-menu-subitems {
max-height: 198px;
}
}
/* l-size screen (1400px) */
@media all and (min-width: 1400px) {
.l-flatslide-container {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
}
/* xl-size screen (1500px) */
@media all and (min-width: 1500px) {
.l-flatslide-state-shownav .l-flatslide-body {
margin-left: 190px;
}
}
/* xxl-size screen (1600px) */
@media all and (min-width: 1600px) {
.l-flatslide-state-shownav .l-flatslide-body {
margin-left: 140px;
}
}
/* xxxl-size screen (1700px) */
@media all and (min-width: 1700px) {
.l-flatslide-state-shownav .l-flatslide-body {
margin-left: 90px;
}
}
/* xxxl-size screen (1790px) */
@media all and (min-width: 1790px) {
/* show nav after js */
.l-flatslide-navigation {
visibility: hidden;
margin-left: 0;
margin-right: 0;
}
.l-flatslide-state-menuinit .l-flatslide-navigation,
.l-flatslide-state-menuinit .l-flatslide-menu-controls {
visibility: visible;
}
/* disable shownav */
.l-flatslide-state-shownav .l-flatslide-body {
margin-left: 0;
}
/* show menu */
.l-flatslide-menu-items {
top: 60px;
left: 0;
bottom: 0;
}
/* show-menu buttons */
#js .l-flatslide-state-shownav .l-flatslide-menu-controls {
left: 0;
}
/* hide menu button */
.l-flatslide-menu-button,
.l-flatslide-menu-button:link,
.l-flatslide-menu-button:visited,
.l-flatslide-menu-button:hover
.l-flatslide-menu-button:active {
z-index: -1;
left: 0;
visibility: hidden;
}
/* friends feed menu buttons */
.b-lenta .l-flatslide-menu-button,
.b-lenta .l-flatslide-menu-button:link,
.b-lenta .l-flatslide-menu-button:visited,
.b-lenta .l-flatslide-menu-button:hover
.b-lenta .l-flatslide-menu-button:active {
left: 240px;
visibility: visible;
}
/* show settings link higher */
.b-lenta .l-flatslide-settingslink {
left: 240px;
}
.l-flatslide .b-lenta-up,
.l-flatslide .b-lenta-new {
left: 240px;
}
/* show scrolltop higher */
.l-flatslide-scrolltop,
.l-flatslide-scrolltop:link,
.l-flatslide-scrolltop:visited,
.l-flatslide-scrolltop:hover,
.l-flatslide-scrolltop:active {
top: 48px;
left: 240px;
}
.l-flatslide-menu-button-opened .l-flatslide-menu-button-close,
.l-flatslide-settingslink-opened .l-flatslide-settingslink-close {
display: none;
}
.l-flatslide-menu-button-opened .l-flatslide-menu-button-open,
.l-flatslide-settingslink-opened .l-flatslide-settingslink-open {
display: block;
}
}
/* 1000 */
@media all and (max-width: 1000px) {
.l-flatslide-body {
}
.l-flatslide-wrapper {
float: none;
width: auto;
padding: 0 90px;
}
.l-flatslide-content {
margin-left: 0;
margin-right: 0;
padding: 0;
border-right: 0;
}
#js .l-flatslide-content {
padding-left: 0;
}
.l-flatslide-aside {
float: none;
width: auto;
margin: 0;
padding: 0 90px 0 90px;
border-left: 0;
text-align: center;
}
}
/* 900 */
@media all and (max-width: 900px) {
.l-flatslide-wrapper {
padding: 0 80px;
}
}
/* 650 */
@media all and (max-width: 650px) {
.l-flatslide-navigation {
min-height: 50px;
margin: 0;
padding: 0;
}
.b-mainpage-state-view-noncyr .l-flatslide-navigation {
min-height: 0;
}
.l-flatslide-wrapper {
padding-left: 30px;
padding-right: 30px;
}
.l-flatslide-aside {
padding-left: 30px;
padding-right: 30px;
}
.l-flatslide-state-shownav .l-flatslide-body {
margin-left: 0;
}
/* convert menu to 'selectbox' */
#js .l-flatslide-menu {
}
#js .l-flatslide-menu-button,
#js .l-flatslide-settingslink {
display: none;
}
/* items */
.l-flatslide-menu-items {
position: absolute;
top: auto !important;
right: 0 !important;
bottom: auto !important;
left: 0 !important;
width: auto;
height: auto !important;
border: 1px solid #DAE3E6;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.l-flatslide-menu-item {
display: none !important;
margin: 0;
}
.l-flatslide-menu-active {
display: block !important;
}
.l-flatslide-menu-link {
display: block;
text-align: left;
}
.l-flatslide-menu-active .l-flatslide-menu-link {
background: none;
color: #666;
}
/* 'more' link */
.l-flatslide-state-scrollnav .l-flatslide-menu-item-more {
display: none !important;
}
/* expander */
.l-flatslide-menu-expander {
display: block;
}
/* expand menu on click */
.l-flatslide-menu-expanded {
}
.l-flatslide-menu-expanded .l-flatslide-menu-items {
}
.l-flatslide-menu-expanded .l-flatslide-menu-item {
display: block !important;
}
/* 'more' link */
.l-flatslide-menu-expanded .l-flatslide-menu-item-more {
display: none !important;
}
}
/* yandex direct (LJSUP-17257 & LJSUP-18546) */
/* old version (before June 6, 2014) */
.b-yadirectwide {
margin: 0;
}
.b-yadirectwide #Ya_sync_0 {
margin: 1em auto 2em;
}
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal .ya-partner_border {
overflow: visible !important;
border: 0 !important;
font: 14px/1.2 "ProximaNovaRegular",Helvetica,Arial,sans-serif !important;
letter-spacing: normal;
}
.b-yadirectwide .ya-partner YATAG.ya-partner__ads {
margin: 0 0 0.3em !important;
text-align: right !important;
}
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal A.ya-partner__ads-link-l:link,
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal A.ya-partner__ads-link-l:visited {
color: #999 !important;
}
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal A.ya-partner__ads-link-l:hover,
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal A.ya-partner__ads-link-l:active {
color: #0086B3 !important;
}
.b-yadirectwide .ya-partner .ya-partner__logo-link {
font: 13px/1.2 "ProximaNovaRegular",Helvetica,Arial,sans-serif !important;
}
.b-yadirectwide .ya-partner_type_horiz .ya-partner__list {
border: 1px solid #DAE3E6 !important;
border-radius: 3px !important;
}
.b-yadirectwide .ya-partner_type_horiz .ya-partner__item {
padding: 1em !important;
}
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal .ya-partner__title-link-text {
font: 16px/1.2 "ProximaNovaRegular",Helvetica,Arial,sans-serif !important;
}
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal .ya-partner__text {
font: 14px/1.2 "ProximaNovaRegular",Helvetica,Arial,sans-serif !important;
}
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal .ya-partner__sitelinks {
font: 13px/1.2 "ProximaNovaRegular",Helvetica,Arial,sans-serif !important;
}
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal .ya-partner__url {
font: 13px/1.2 "ProximaNovaRegular",Helvetica,Arial,sans-serif !important;
}
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal .ya-partner__title-link-text,
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal .ya-partner__title-link-text:link,
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal .ya-partner__title-link-text:visited,
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal .ya-partner__sitelinks-text:link,
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal .ya-partner__sitelinks-text:visited {
color: #00A3D9 !important;
}
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal .ya-partner__title-link-text:hover,
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal .ya-partner__title-link-text:active,
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal .ya-partner__sitelinks-text:hover,
.b-yadirectwide #ya_partner_Ya_sync_0-horizontal .ya-partner__sitelinks-text:active {
color: #0086B3 !important;
}
.b-yadirectwide .ya-partner_type_horiz .ya-partner__gap {
background: url(/img/icons/yadirect-gap.png?v=37423) no-repeat 50% 50% !important;
}
/* new version (after June 6, 2014) */
.b-yadirectwide {
margin: 0;
}
/* container */
.b-yadirectwide #Ya_sync_0 {
margin: 1em auto 2em;
}
/* inner */
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-main {
overflow: visible !important;
border: 0 !important;
font: 14px/1.2 "ProximaNovaRegular",Helvetica,Arial,sans-serif !important;
letter-spacing: normal;
}
/* ya direct logo */
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-logo {
float: right !important;
margin: 0 0 0.3em !important;
text-align: right !important;
}
.b-yadirectwide #yap-Ya_sync_0-horizontal A.yap-logo-text {
font: 13px/1.2 "ProximaNovaRegular",Helvetica,Arial,sans-serif !important;
}
.b-yadirectwide #yap-Ya_sync_0-horizontal A.yap-logo-text:link,
.b-yadirectwide #yap-Ya_sync_0-horizontal A.yap-logo-text:visited {
text-decoration: none !important;
color: #999 !important;
}
.b-yadirectwide #yap-Ya_sync_0-horizontal A.yap-logo-text:hover,
.b-yadirectwide #yap-Ya_sync_0-horizontal A.yap-logo-text:active {
text-decoration: none !important;
color: #0086B3 !important;
}
/* table wrapper */
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-list-wrapper {
border: 1px solid #DAE3E6 !important;
border-radius: 3px !important;
background: #FFF !important;
}
/* table */
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-list {
}
/* td */
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-type-horizontal .yap-item {
background: #FFF !important;
}
/* td inner */
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-item-inner {
padding: 1em !important;
}
/* title */
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-title A.yap-title-text {
font: 16px/1.2 "ProximaNovaRegular",Helvetica,Arial,sans-serif !important;
}
/* body */
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-text A.yap-body-text {
font: 14px/1 "ProximaNovaRegular",Helvetica,Arial,sans-serif !important;
}
/* links */
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-sitelinks {
font: 13px/1.2 "ProximaNovaRegular",Helvetica,Arial,sans-serif !important;
}
/* contacts */
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-contacts {
font: 13px/1.2 "ProximaNovaRegular",Helvetica,Arial,sans-serif !important;
}
/* links */
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-title A.yap-title-text,
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-title A.yap-title-text:link,
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-title A.yap-title-text:visited,
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-sitelinks A.yap-sitelink-text,
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-sitelinks A.yap-sitelink-text:link,
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-sitelinks A.yap-sitelink-text:visited {
text-decoration: none !important;
color: #00A3D9 !important;
}
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-title A.yap-title-text:hover,
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-title A.yap-title-text:active,
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-sitelinks A.yap-sitelink-text:hover,
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-sitelinks A.yap-sitelink-text:active {
text-decoration: none !important;
color: #0086B3 !important;
}
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-contacts A.yap-address-text,
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-contacts A.yap-address-text:link,
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-contacts A.yap-address-text:visited,
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-contacts A.yap-domain-text,
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-contacts A.yap-domain-text:link,
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-contacts A.yap-domain-text:visited {
text-decoration: none !important;
color: #666 !important;
}
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-contacts A.yap-address-text:hover,
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-contacts A.yap-address-text:active,
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-contacts A.yap-domain-text:hover,
.b-yadirectwide #yap-Ya_sync_0-horizontal .yap-contacts A.yap-domain-text:active {
text-decoration: none !important;
color: #0086B3 !important;
}
/* Aside menu m-section (/browse/)
---------------------------*/
.m-section {
}
.m-section .m-section-item {
position: relative;
margin: 0 0 8px;
}
.m-section .m-section-item SPAN {
display: block;
margin: 0;
padding: 0;
/*
padding: 0 0 0 15px;
margin: 0 0 0 -15px;
cursor: pointer;
*/
}
.m-section .m-section-list {
display: block; /* It will be disables with JS*/
margin: 5px 0 0;
font-weight: normal;
font-size: 13px;
}
.m-section .m-section-list LI {
position:relative;
margin: 0 0 5px;
}
.m-section .m-section-list LI UL {
display: none;
margin-left: 15px;
}
.m-section .m-section-list LI STRONG {
color: #808080;
}
.m-section .m-switch {
position: absolute;
display: none;
left: -15px;
top: 0.4em;
width: 9px;
height: 9px;
background: url(/img/arrows-menu.gif?v=9114) no-repeat;
}
.m-section .m-section-list .m-switch {
display: block;
background-position: 0 -20px;
}
.m-section .m-section-item-open .m-section-list {
display: block;
}
.m-section .m-section-item-open .m-section-list UL {
display: none;
}
.m-section .m-section-item-open .m-section-item-open UL {
display: block;
}
.m-section .m-section-item-open .m-switch {
background-position: 0 -10px;
}
.m-section .m-section-item-open LI .m-switch {
background-position: 0 -20px;
}
.m-section .m-section-item-open .m-section-item-open .m-switch {
background-position: 0 -30px;
}
/* IF JS isn't disabled */
#js .m-section .m-switch {
display: block;
display: none; /* temp fix for zlata (LJSUP-18593) */
}
#js .m-section .m-section-list {
display: none;
}
#js .m-section .m-section-item-open .m-section-list {
display: block;
}
#js .m-section .m-section-item-open .m-section-list UL {
display: none;
}
#js .m-section .m-section-item-open .m-section-list .m-section-item-open UL {
display: block;
}
.m-section-open .m-switch {
display: none;
}
.m-section-open .m-section-list,
.m-section-open .m-section-list UL {
display: block;
}
#js .m-section-open .m-switch {
display: none;
}
#js .m-section-open .m-section-list,
#js .m-section-open .m-section-list UL {
display: block;
}
/* file-end: stc/lj-basestrap-app.css
----------------------------------------------------------------------------------*/
/* ---------------------------------------------------------------------------------
file-start: stc/widgets/login.css
*/
/* Login form
---------------------------------------------------------------------- */
.b-loginform {
display: block;
clear: both;
width: 27em; /* width: 430px; */
border: 1px solid #D9E3E6;
background: #FFF;
}
/* Modification for USView
---------------------------------------------------------------------- */
body:nth-of-type(1) .s-loginform {
left: 50%;
top: 50%;
margin: -16em 0 0 -13.5em;
}
.s-loginform {
display: none;
z-index: 5001;
top: -webkit-calc(50% - 16em); /* height:32px */
top: calc(50% - 16em);
left: -webkit-calc(50% - 13.5em);
left: calc(50% - 13.5em);
width: 27em;
margin: 0;
border: 0;
}
.lt-ie10 .s-loginform {
top: 50%;
left: 50%;
margin: -16em 0 0 -13.5em;
}
.p-loginform .s-loginform {
display: block;
position: fixed;
}
@media (max-width: 650px) {
.s-loginform {
/*
display: block;
position: fixed;
top: 0;
left: 100%;
width: calc(100% - 60px);
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
*/
top: 30px;
left: 50%;
margin-left: -13.5em;
}
.logged-out .b-fader-login {
/*display: none;*/
}
.p-loginform .s-loginform {
position: absolute;
}
}
/* End of Modification for USView
---------------------------------------------------------------------- */
/* Login form header */
.b-loginform-header {
position: relative;
padding: 15px 45px 12px 30px;
background: #0099cc;
}
.b-loginform H2 {
margin: 0;
text-transform: uppercase;
font-size: 1.389em;
font-weight: normal;
color: #FFF;
}
@media (max-width: 650px) {
.s-loginform .b-loginform-header {
min-height: 60px;
padding: 0 1em;
line-height: 60px;
}
.s-loginform H2 {
font-size: 1.2em;
}
}
.b-loginform .i-iconus {
background-image: url(/img/schemius/s-icons.svg);
background-repeat: no-repeat;
background-position: -62px 6px;
}
.b-loginform-close {
display: none;
position: absolute;
width: 30px;
height: 30px;
right: 12px;
top: 12px;
cursor: pointer;
}
.s-loginform .b-loginform-close {
display: block;
}
@media (max-width: 650px) {
.s-loginform .b-loginform-close {
display: none;
}
}
/* Login form body */
.b-loginform-body {
padding: 30px;
/* font-size: 0.813em; */
}
@media (max-width: 650px) {
.b-loginform-body {
padding: 1em;
}
}
/* Login form 2 cols */
.b-loginform-col1 {
display: inline-block;
float: left;
width: 34%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.b-loginform-col1:before {
display: inline-block;
width: 1px;
margin: 0 -3px;
content: "";
vertical-align: middle;
}
.b-loginform-col2 {
margin-left: 32%;
text-align: right;
}
/* Login form external block */
.b-loginform-external {
border-bottom: 1px solid #DAE3E6;
}
.b-loginform-external:after {
display: table;
content: " ";
clear: both;
border-collapse: collapse;
}
.b-loginform-external .b-loginform-col1 {
width: 100%;
}
.b-loginform-social,
.b-loginform-droplist {
margin: 0;
padding: 0;
list-style: none;
}
.b-loginform-social {
display: inline-block;
height: 30px;
margin: .5em 0;
vertical-align: top;
white-space: nowrap;
}
.b-loginform-social-item {
overflow: hidden;
position: relative;
display: inline-block;
width: 30px;
height: 30px;
vertical-align: middle;
cursor: pointer;
border-radius: 2px;
}
.b-loginform-social-link {
position: relative;
display: block;
width: 30px;
height: 30px;
border: 0;
background-color: #005673;
font: 0/0 a;
text-shadow: none;
color: transparent;
}
.b-loginform-social-link:after {
content: " ";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
margin: -8px 0 0 -8px;
background: url(/img/icons/flatsocial_16_white.svg?v=1234) no-repeat 0 0;
font: 0/0 a;
cursor: pointer;
}
/* ie8 hack */
.lt-ie9 .b-loginform-social-link:after {
background-image: url(/img/icons/flatsocial_16_white.png?v=1234);
}
/* opera-mini svg hack */
doesnotexist:-o-prefocus,
.b-loginform-social-link:after {
background-image: url(/img/icons/flatsocial_16_white.png?v=1234);
}
/* 2. google+ */
.b-loginform-social-google .b-loginform-social-link:after {
background-position: -1px -19px;
}
.b-loginform-social-google .b-loginform-social-link:hover {
background-color: #DD4B39;
}
/* 4. mail.ru */
.b-loginform-social-mail .b-loginform-social-link:after {
background-position: -1px -55px;
}
.b-loginform-social-mail .b-loginform-social-link:hover {
background-color: #0857a6;
}
/* 8. vk */
.b-loginform-social-vk .b-loginform-social-link:after {
background-position: -1px -127px;
}
.b-loginform-social-vk .b-loginform-social-link:hover {
background-color: #45668E;
}
/* 5. openid */
.b-loginform-social-openid .b-loginform-social-link:after {
background-position: -1px -73px;
}
.b-loginform-social-openid .b-loginform-social-link:hover {
background-color: #F78C40;
}
/* 1. facebook */
.b-loginform-social-fb .b-loginform-social-link:after {
background-position: -1px -1px;
}
.b-loginform-social-fb .b-loginform-social-link:hover {
background-color: #3B5998;
}
/* 7. twitter */
.b-loginform-social-tw .b-loginform-social-link:after {
background-position: -1px -109px;
}
.b-loginform-social-tw .b-loginform-social-link:hover {
background-color: #00ACEE;
}
/* 3. instagram */
.b-loginform-social-instagram .b-loginform-social-link:after {
background-position: -1px -37px;
}
.b-loginform-social-instagram .b-loginform-social-link:hover {
background-color: #517FA4;
}
/* 6. tumblr */
.b-loginform-social-tumblr .b-loginform-social-link:after {
background-position: -1px -91px;
}
.b-loginform-social-tumblr .b-loginform-social-link:hover {
background-color: #2C4762;
}
/* .b-loginform-drop {
position: relative;
width: 30px;
height: 30px;
margin-right: 0;
border: 1px solid #DAE3E6;
border-radius: 2px;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #FFF;
}
.b-loginform-drop:after {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 6px;
margin-top: -3px;
margin-left: -5px;
content: "";
background: url(/img/schemius/s-nav-arrow.png?v=38067) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
} */
/* .b-loginform-droplist {
clear: both;
opacity: 0;
height: 0;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.b-loginform-external-open .b-loginform-droplist {
height: 30px;
opacity: 1;
-webkit-transition: opacity .15s ease-in-out;
-moz-transition: opacity .15s ease-in-out;
-ms-transition: opacity .15s ease-in-out;
-o-transition: opacity .15s ease-in-out;
transition: opacity .15s ease-in-out;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.b-loginform-external-open .b-loginform-drop:after {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
}
*/
/* loginform fields */
.b-loginform-field {
margin: 0 0 20px;
}
.b-loginform-row {
margin: 0.2em 0 0;
}
.b-loginform-row:after,
.b-loginform-field:after {
display: table;
content: " ";
clear: both;
border-collapse: collapse;
}
/* Login form parts */
.b-loginform-link {
vertical-align: middle;
text-decoration: none !important;
white-space: nowrap;
color: #26A1D0 !important;
}
.b-loginform-remember {
text-transform: lowercase;
}
.b-loginform-create {
text-align: right;
margin: 10px 0 0;
}
.b-loginform-create .b-loginform-link {
text-transform: uppercase;
}
/* errors */
.b-loginform-error {
display: none;
float: right;
color: #D92B2B;
}
.b-loginform-field-error .b-loginform-error {
display: inline;
}
/* Login form elements */
.b-ljform-label {
display: inline-block;
line-height: 16px;
vertical-align: middle;
padding: 0 10px 0 0;
text-transform: uppercase;
font-size: 13px;
color: #7A9199;
}
.b-loginform-external-label {
display: block;
padding: 4px 10px 0 0;
}
.b-loginform .b-input {
width: 100%;
}
.b-ljform-input-user {
background: #F7F9FA url(/img/userinfo.gif?v=37824) no-repeat 1px 50%;
}
.b-ljform-checkbox {
margin: 0;
}
.b-flatbutton:focus {
background-color: #00ACE6;
}
/* ---------- */
@media (max-width: 480px) {
.b-loginform-col1,
.b-loginform-col2,
.b-loginform-external .b-loginform-col1,
.b-loginform-external .b-loginform-col2 {
display: block;
float: none;
width: 100%;
margin-left: 0;
margin-right: 0;
text-align: left;
}
.b-loginform-external-label {
display: block;
}
.b-loginform-social,
.b-loginform-droplist {
float: none;
display: inline-block;
vertical-align: top;
opacity: 1;
height: auto;
}
/* .b-loginform-social-item {
margin: 0 10px 10px 0;
} */
.b-loginform-error {
float: none;
}
.b-loginform-field-password {
margin: 0;
}
.b-loginform-create,
.b-loginform-submit {
text-align: center;
}
.b-loginform-remember {
display: inline-block;
margin: 0.5em 0 1em;
}
}
/* this is css for the login widget
.appwidget-login {
margin: 15px;
}
.appwidget-login fieldset.nostyle {
margin-bottom: 0.5em !important;
}
.appwidget-login label.left {
width: 6.25em;
line-height: 22px;
}
.appwidget-login input.text {
width: 160px;
}
.appwidget-login fieldset.nostyle,
.appwidget-login p {
margin: 0 0 0.5em 0;
}
.appwidget-login p {
margin-left: 6.25em;
}
.appwidget-login a.small-link {
font-size: 85%;
color: #777;
}
input.create-account {
font-size: 110%;
color: #fff;
margin: 0;
background: #559A40;
border: 2px solid #76AE65;
border-bottom: 2px solid #447C33;
border-right: 2px solid #447C33;
}*/
/* file-end: stc/widgets/login.css
----------------------------------------------------------------------------------*/