/* css/ptfont.css */
/* cyrillic-ext */
@font-face {
font-display: swap;
font-family: 'PT Sans';
font-style: italic;
font-weight: 400;
src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v10/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-display: swap;
font-family: 'PT Sans';
font-style: italic;
font-weight: 400;
src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v10/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-display: swap;
font-family: 'PT Sans';
font-style: italic;
font-weight: 400;
src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v10/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-display: swap;
font-family: 'PT Sans';
font-style: italic;
font-weight: 400;
src: local('PT Sans Italic'), local('PTSans-Italic'), url(https://fonts.gstatic.com/s/ptsans/v10/jizYRExUiTo99u79D0e0x8mI.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-display: swap;
font-family: 'PT Sans';
font-style: italic;
font-weight: 700;
src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v10/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-display: swap;
font-family: 'PT Sans';
font-style: italic;
font-weight: 700;
src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v10/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-display: swap;
font-family: 'PT Sans';
font-style: italic;
font-weight: 700;
src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v10/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-display: swap;
font-family: 'PT Sans';
font-style: italic;
font-weight: 700;
src: local('PT Sans Bold Italic'), local('PTSans-BoldItalic'), url(https://fonts.gstatic.com/s/ptsans/v10/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-display: swap;
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v10/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-display: swap;
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v10/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-display: swap;
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v10/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-display: swap;
font-family: 'PT Sans';
font-style: normal;
font-weight: 400;
src: local('PT Sans'), local('PTSans-Regular'), url(https://fonts.gstatic.com/s/ptsans/v10/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-display: swap;
font-family: 'PT Sans';
font-style: normal;
font-weight: 700;
src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v10/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-display: swap;
font-family: 'PT Sans';
font-style: normal;
font-weight: 700;
src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v10/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-display: swap;
font-family: 'PT Sans';
font-style: normal;
font-weight: 700;
src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v10/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-display: swap;
font-family: 'PT Sans';
font-style: normal;
font-weight: 700;
src: local('PT Sans Bold'), local('PTSans-Bold'), url(https://fonts.gstatic.com/s/ptsans/v10/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-display: swap;
font-family: 'PT Serif';
font-style: italic;
font-weight: 400;
src: local('PT Serif Italic'), local('PTSerif-Italic'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRTQgYoZZY2vCFuvAFT_rC1chb-.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-display: swap;
font-family: 'PT Serif';
font-style: italic;
font-weight: 400;
src: local('PT Serif Italic'), local('PTSerif-Italic'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRTQgYoZZY2vCFuvAFT_rm1chb-.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-display: swap;
font-family: 'PT Serif';
font-style: italic;
font-weight: 400;
src: local('PT Serif Italic'), local('PTSerif-Italic'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRTQgYoZZY2vCFuvAFT_rO1chb-.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-display: swap;
font-family: 'PT Serif';
font-style: italic;
font-weight: 400;
src: local('PT Serif Italic'), local('PTSerif-Italic'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRTQgYoZZY2vCFuvAFT_r21cg.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-display: swap;
font-family: 'PT Serif';
font-style: italic;
font-weight: 700;
src: local('PT Serif Bold Italic'), local('PTSerif-BoldItalic'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRQQgYoZZY2vCFuvAFT9gaQZyTfoPNB.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-display: swap;
font-family: 'PT Serif';
font-style: italic;
font-weight: 700;
src: local('PT Serif Bold Italic'), local('PTSerif-BoldItalic'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRQQgYoZZY2vCFuvAFT9gaQZy3foPNB.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-display: swap;
font-family: 'PT Serif';
font-style: italic;
font-weight: 700;
src: local('PT Serif Bold Italic'), local('PTSerif-BoldItalic'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRQQgYoZZY2vCFuvAFT9gaQZyffoPNB.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-display: swap;
font-family: 'PT Serif';
font-style: italic;
font-weight: 700;
src: local('PT Serif Bold Italic'), local('PTSerif-BoldItalic'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRQQgYoZZY2vCFuvAFT9gaQZynfoA.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-display: swap;
font-family: 'PT Serif';
font-style: normal;
font-weight: 400;
src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRVQgYoZZY2vCFuvAFbzr-tdg.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-display: swap;
font-family: 'PT Serif';
font-style: normal;
font-weight: 400;
src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRVQgYoZZY2vCFuvAFSzr-tdg.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-display: swap;
font-family: 'PT Serif';
font-style: normal;
font-weight: 400;
src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRVQgYoZZY2vCFuvAFYzr-tdg.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-display: swap;
font-family: 'PT Serif';
font-style: normal;
font-weight: 400;
src: local('PT Serif'), local('PTSerif-Regular'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRVQgYoZZY2vCFuvAFWzr8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
font-display: swap;
font-family: 'PT Serif';
font-style: normal;
font-weight: 700;
src: local('PT Serif Bold'), local('PTSerif-Bold'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRSQgYoZZY2vCFuvAnt66qfVyvHpA.woff2) format('woff2');
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
font-display: swap;
font-family: 'PT Serif';
font-style: normal;
font-weight: 700;
src: local('PT Serif Bold'), local('PTSerif-Bold'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRSQgYoZZY2vCFuvAnt66qWVyvHpA.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
font-display: swap;
font-family: 'PT Serif';
font-style: normal;
font-weight: 700;
src: local('PT Serif Bold'), local('PTSerif-Bold'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRSQgYoZZY2vCFuvAnt66qcVyvHpA.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-display: swap;
font-family: 'PT Serif';
font-style: normal;
font-weight: 700;
src: local('PT Serif Bold'), local('PTSerif-Bold'), url(https://fonts.gstatic.com/s/ptserif/v10/EJRSQgYoZZY2vCFuvAnt66qSVys.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* templates/skin/banana/css/reset.css */
/*! normalize.css 2012-03-06T10:21 UTC - http://github.com/necolas/normalize.css */
.nav, .floating-hat-share-block, document-item-buttons{display:block}
/* =============================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects block display not defined in IE6/7/8/9 & FF3
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/*
* Corrects inline-block display not defined in IE6/7/8/9 & FF3
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/*
* Prevents modern browsers from displaying 'audio' without controls
* Remove excess height in iOS5 devices
*/
audio:not([controls]) {
display: none;
height: 0;
}
/*
* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
* Known issue: no IE6 support
*/
[hidden] {
display: none;
}
/* =============================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html {
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
/*
* Addresses font-family inconsistency between 'textarea' and other form elements.
*/
html,
button,
input,
select,
textarea {
font-family: 'PT Sans', sans-serif;
}
/*
* Addresses margins handled incorrectly in IE6/7
*/
body {
margin: 0;
}
/* =============================================================================
Links
========================================================================== */
/*
* Addresses outline displayed oddly in Chrome
*/
a:focus {
outline: 0;
}
/*
* Improves readability when focused and also mouse hovered in all browsers
* people.opera.com/patrickl/experiments/keyboard/test
*/
a:hover,
a:active {
outline: 0;
}
/* =============================================================================
Typography
========================================================================== */
/*
* Addresses font sizes and margins set differently in IE6/7
* Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
*/
h1, h2, h3, h4, h5, h6 {
font-size: 13px;
line-height: 1.6em;
font-weight: normal;
margin: 0;
font-family: 'PT Sans', Arial, sans-serif;
}
/*
* Addresses styling not present in IE7/8/9, S5, Chrome
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/*
* Addresses styling not present in S5, Chrome
*/
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE6/7/8/9
*/
mark {
background: #ff0;
color: #000;
}
/*
* Addresses margins set differently in IE6/7
*/
p,
pre {
margin: 0;
}
/*
* Corrects font family set oddly in IE6, S4/5, Chrome
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/
pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
}
/*
* Improves readability of pre-formatted text in all browsers
*/
pre {
}
/*
* 1. Addresses CSS quotes not supported in IE6/7
* 2. Addresses quote property not supported in S4
*/
/* 1 */
q {
quotes: none;
}
/* 2 */
q:before,
q:after {
content: '';
content: none;
}
small {
font-size: 75%;
}
/*
* Prevents sub and sup affecting line-height in all browsers
* gist.github.com/413930
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* =============================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE6/7
*/
dl,
menu,
ol,
ul {
margin: 0 0;
}
dd {
margin: 0 0 0 0;
}
/*
* Addresses paddings set differently in IE6/7
*/
menu,
ol,
ul {
padding: 0 0 0 0;
}
/*
* Corrects list images handled incorrectly in IE7
*/
ul,
ol {
list-style: none;
list-style-image: none;
}
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
* 2. Improves image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/*
* Corrects overflow displayed oddly in IE9
*/
svg:not(:root) {
overflow: hidden;
}
/* =============================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE6/7/8/9, S5, O11
*/
figure {
margin: 0;
}
/* =============================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE6/7
*/
form {
margin: 0;
}
/*
* Define consistent border, margin, and padding
*/
fieldset {
border: none;
margin: 0;
padding: 0;
}
/*
* 1. Corrects color not being inherited in IE6/7/8/9
* 2. Corrects text not wrapping in FF3
* 3. Corrects alignment displayed oddly in IE6/7
*/
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/*
* 1. Corrects font size not being inherited in all browsers
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
* 3. Improves appearance and consistency in all browsers
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/*
* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
*/
button,
input {
line-height: normal; /* 1 */
}
/*
* 1. Improves usability and consistency of cursor style between image-type 'input' and others
* 2. Corrects inability to style clickable 'input' types in iOS
* 3. Removes inner spacing in IE7 without affecting normal text inputs
* Known issue: inner spacing remains in IE6
*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer; /* 1 */
-webkit-appearance: button; /* 2 */
*overflow: visible; /* 3 */
}
/*
* Re-set default cursor for disabled elements
*/
button[disabled],
input[disabled] {
cursor: default;
}
/*
* 1. Addresses box sizing set to content-box in IE8/9
* 2. Removes excess padding in IE8/9
* 3. Removes excess padding in IE7
Known issue: excess padding remains in IE6
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
/*
* 1. Addresses appearance set to searchfield in S5, Chrome
* 2. Addresses box-sizing set to border-box in S5, 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;
}
/*
* Removes inner padding and search cancel button in S5, Chrome on OS X
*/
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
/*
* Removes inner padding and border in FF3+
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Removes default vertical scrollbar in IE6/7/8/9
* 2. Improves readability and alignment in all browsers
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* =============================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
iframe { border: none; }
/* templates/skin/banana/css/font_awesome.css */
/*!
* Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url('/templates/skin/banana/fonts/fontawesome-webfont.eot?v=4.6.3');
src: url('/templates/skin/banana/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('/templates/skin/banana/fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('/templates/skin/banana/fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('/templates/skin/banana/fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('/templates/skin/banana/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
/* templates/skin/banana/css/base.css */
.nav{
display:block;
}
/* -------------------------------------------------------------------
ОСНОВНЫЕ СТИЛИ
------------------------------------------------------------------- */
html {height: 100%;}
* html body {height: 100%;}
body {
font: 16px/22px 'PT Serif', sans-serif;
color: #444;
height: 100%;
position: relative;
}
/* Ссылки
---------------------------------------------------- */
a.link-dashed { border-bottom: 1px dashed #5055b2; text-decoration: none; }
a.link-dashed:hover { border-color: #3A873F; }
a.link-dotted { text-decoration: none; border-bottom: 1px dotted #5055b2; }
a.link-dotted:hover { border-color: #3A873F; }
a { text-decoration: none; color:#3A873F; font-weight: bold; font-size: 17px; font-family: 'PT Sans', sans-serif;}
a:hover { color: #439d48; text-decoration: underline; }
a.link-dashed { border-bottom: 1px dashed; text-decoration: none !important; }
a.link-dotted { border-bottom: 1px dotted; text-decoration: none !important; }
/* Заголовки
---------------------------------------------------- */
h2.page-header { color: #333; font-size: 27px; line-height: 1em; font-weight: normal; margin-bottom: 20px; }
h2.page-header span { color: #aaa; }
h2.page-header i { vertical-align: middle; }
h2.header-table { margin-bottom: 10px; font-size: 22px; font-weight: normal; }
h2.header-table a { color: #275ec2; }
h2.header-table span { color: #949aa1; }
h1, h2, h3, h4, h5, h6 { font-size: 24px; font-weight: bold; line-height: 1.3em; margin-bottom: 0.3em; color: #333; }
h2 { font-size: 22px; margin-bottom: 10px; }
h2 span { color: #3A873F; }
h3 { font-size: 18px; }
/* Footer
------------------------------------------------------ */
#footer-inner { min-width:970px; max-width:1600px; margin:0 auto; padding:0 10px; position:relative }
#footer-inner .right { float:right; background:url(https://recepty.7dach.ru/templates/skin/banana/images/bg-footer-right.png) repeat-x; height:70px; line-height:26px; padding:8px 45px 0 45px; color:#858481; font-weight:bold; text-shadow:0 1px 0 #e8e7e3; border-left:1px dotted #d1d0be; border-right:1px dotted #d1d0be }
#footer-inner .right span { height:17px; line-height:17px; padding:0 6px 3px 6px; border-radius:3px }
#footer-inner .right a { color: #858481; text-decoration:none; height:17px; line-height:17px; padding:0 6px 3px 6px; border-radius:3px }
#footer-inner .right a:hover { color: #858481; text-decoration:none; }
#footer-inner .social-icons { float:right; margin:28px 7px 0 0
}
#footer-inner .social-icons li { display:inline; margin-right:27px }
#footer-inner .social-icons li a { text-decoration:none }
#footer-inner .footer-menu { float:left; margin-top:1px }
#footer-inner .footer-menu li { display:inline; padding-right:20px }
#footer-inner .footer-menu li a { font-size:15px; color:#94918b; text-shadow:0 1px 0 #f7f6f3; text-decoration:none }
#footer-inner .footer-menu li a:hover { text-decoration:underline }
/* Stat
---------------------------------------------------- */
.stat-performance { margin: 0 auto 20px; max-width: 1600px; padding:15px 0; background: #fff; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.stat-performance table { }
.stat-performance table td { width: 200px; vertical-align: top; }
.stat-performance h4 { font-weight: bold; }
/* Userfeed
---------------------------------------------------- */
.userfeed-get-more {display:block; width:90%; margin:0 auto; text-align:center; height:2.5em; padding-top:1em;}
.userfeed-get-more:hover { background: #f0f7fd;}
.userfeed_loading {background: #F7F7F7 url(https://recepty.7dach.ru/templates/skin/banana/images/loader.gif) no-repeat center;}
/* Stream
---------------------------------------------------- */
.stream-get-more {
margin-top: 50px;
border-radius: 5px;
display: block; text-align: center; padding: 12px 0; color: #258fa7; text-decoration: none;
background: #eefbfc;
background: -moz-linear-gradient(top, #eefbfc 0%, #d3edf8 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eefbfc), color-stop(100%,#d3edf8));
background: -webkit-linear-gradient(top, #eefbfc 0%,#d3edf8 100%);
background: -o-linear-gradient(top, #eefbfc 0%,#d3edf8 100%);
background: -ms-linear-gradient(top, #eefbfc 0%,#d3edf8 100%);
background: linear-gradient(top, #eefbfc 0%,#d3edf8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eefbfc', endColorstr='#d3edf8',GradientType=0 );
}
.stream-get-more:hover { background: #eefbfc; color: #258fa7; }
.stream-get-more.loader { background-image: url(https://recepty.7dach.ru/templates/skin/banana/images/loader.gif); background-repeat: no-repeat; background-position: 50% 50%; }
.stream_loading { background: #f7f7f7 url(https://recepty.7dach.ru/templates/skin/banana/images/loader.gif) no-repeat center; }
.stream-comment-preview { position: relative; padding: 5px 10px 6px; background: #fefef1; color: #363636; margin-top: 13px; font-size: 11px; border-radius: 3px; box-shadow: 0 2px 4px #e8e8c0 inset; }
.stream-comment-preview:after { display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #e8e8c0 transparent; border-style: solid; }
.stream-list { margin: 0 0 20px; }
.stream-list li.stream-item { margin-bottom: 23px; min-height: 48px; _height: 48px; border-bottom: 1px solid #e7ebed; padding: 0 0 20px 60px; position: relative; }
.stream-list li.stream-item:last-child { border: none; }
.stream-list li.stream-item .info { color: #b9c2c2; font-size: 11px; line-height: 1em; margin-bottom: 8px; }
.stream-list li.stream-item .info a { color: #333 }
.stream-list li.stream-item .info .date { color: #818189; }
.stream-list li.stream-item .avatar { position: absolute; top: 0; left: 0; }
.stream-list li.stream-item .user-avatar { margin-left: 3px; }
.stream-list li.stream-header-date { font-size: 16px; color: #999; font-family: 'PT Sans', sans-serif; margin-top: 50px; margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #eee; }
/* Userfields
---------------------------------------------------- */
.userfield-list { width: 450px; }
.userfield-list li { background: #eee; margin-bottom: 1px; padding: 10px 10px; overflow: hidden; zoom: 1; line-height: 12px; color: #777; }
.userfield-list li .userfield-actions { float: right; }
.userfield-list li .userfield_admin_name { font-weight: bold; color: #333; }
.userfield-add { text-decoration: none; border-bottom: 1px dashed #70AAE0; }
.userfield-add:hover { color: #333; border-color: #333; }
/* Talk
---------------------------------------------------- */
.talk-search { margin-bottom: 35px; }
.talk-search header { position: relative; min-height: 27px; }
.talk-search header .close { position: absolute; top: 3px; right: 0; font-size: 11px; cursor: pointer; }
.talk-search header .button-group { display:inline-block; margin-right:100px }
.talk-search .talk-search-content { display: none; padding-top: 15px; border-top: 1px solid #fff; }
.talk-search .talk-search-content p { margin-bottom: 25px; }
.talk-search.opened header { border-bottom: 1px solid #e8eef5; padding-bottom: 15px; }
.talk-search.opened .talk-search-content { display: block; }
.talk-search.talk-friends header .close { left: 0; right: auto; }
.talk-search.talk-friends .friend-list { margin-bottom: 15px; font-weight: bold; }
.talk-search.talk-friends .friend-list li { margin-bottom: 5px; }
.talk-blacklist-form { margin-bottom: 15px; }
/* Misc
---------------------------------------------------- */
.avatar-edit { margin-bottom: 15px; }
.avatar-edit img { vertical-align: bottom; }
.avatar-edit label { margin-top: 10px; }
.drafts { float: right; font-size: 11px; color: #275ec2; }
.content-error h2.page-header { font-weight: bold; font-family:'PT Sans', Arial, sans-serif; font-size: 30px; margin-bottom: 35px; }
.content-error a { color: #727a90; }
.content-error a:hover { color: #f00; }
.help {
display: none;
position: relative;
padding: 10px 7px 13px;
background: #fefef1;
color: #363636;
margin-top: 13px;
font-size: 11px;
border-radius: 3px;
-webkit-box-shadow: 0 0 5px #e8e8c0 inset; box-shadow: 0 0 5px #e8e8c0 inset;
}
.help:before { display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #F2F2DD transparent; border-style: solid; }
.help .help-col { float: left; width: 230px; padding: 0 10px; }
.help .help-col.help-wide { float: none; width: 96%; }
.help .help-item { margin-bottom: 20px; }
.help .help-item:last-child { margin-bottom: 0; }
.help .help-item h4 { font-size: 11px; color: #727a90; font-weight: bold; }
.help .help-item h4 a { color: #727a90; border-bottom: 1px dotted #727a90; }
.link-dotted.help-link { font-size: 11px; color: #000; border-color: #000; }
.mtitle { font-size: 22px; color:#504b47; font-family: 'PT Sans', sans-serif; font-weight: bold; margin: 10px 0 10px 0;}
.a-checkbox {
display: none;
}
.a-checkbox:checked + label {
background:#ffdd5e url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/bg-btn2.png) repeat-x;
}
.favourite-item {
display: inline-block; margin-right: 5px; margin-bottom: 5px; overflow: hidden;
/*border: 1px solid #E2E0D4; border-radius: 4px; height: 50px;*/
}
.favourite-item a img {
width: 25px; height: 25px;
}
.favourite-item .favourite-comment {
margin-left: 5px;
margin-right: 10px;
display: block;
float: left;
font-family: 'PT Sans';
}
.topic_shop_offers {
margin-top: 25px;
}
.topic_shop_offers_block {
margin-top: 0;
padding: 10px;
background-color: #eee;
}
.topic_shop_offers ul, .mobile-sticky-banner-canvas ul {
padding-left: 0 !important;
overflow-x: scroll;
white-space:nowrap;
}
.topic_shop_offers li {
display: inline-block;
margin: 5px 10px 10px 0;
width: 150px;
min-height: 215px;
list-style-type: none;
overflow-x: hidden;
white-space:normal;
position: relative;
}
.mobile-sticky-banner-canvas li {
display: inline-block;
margin: 5px 0 5px 5px;
width: 90px;
min-height: 100px;
list-style-type: none;
overflow-x: hidden;
white-space:normal;
position: relative;
}
.topic_shop_offers li .image {
background-size: cover;
height: 150px;
width: 150px;
border-radius: 5px;
}
.mobile-sticky-banner-canvas li .image {
background-size: cover;
height: 90px;
width: 90px;
border-radius: 5px;
}
.topic_shop_offers li a.title {
line-height: 20px;
height: 60px;
overflow: hidden;
display: block;
}
.mobile-sticky-banner-canvas li a.title,
.mobile-sticky-banner-canvas li a.button.button_primary {
display: none;
}
.topic_shop_offers li a.button.button_primary {
text-decoration: none;
display: none;
position: absolute;
top: 40px;
left: 0;
width: 150px;
padding: 0;
text-align: center;
height: 60px;
line-height: 20px;
/*background: #ffdd5e;*/
}
.topic_shop_offers li:hover a.button.button_primary {
display: block;
}
.topic_shop_offers .toggle {
float: right;
}
.topic_shop_offers .collapse {
display: none;
}
.topic_shop_offers.expanded .collapse {
display: block;
}
.topic_shop_offers.expanded .expand {
display: none;
}
.topic_shop_offers.expanded ul {
overflow-x: auto;
white-space:normal;
}
.top_shop_offers .title {
max-height: 70px;
}
.top_shop_offers {
margin-top: 0;
}
.top_shop_offers ul {
padding-left: 0 !important;
overflow-x: scroll;
white-space:nowrap;
}
.top_shop_offers li {
display: inline-block;
margin: 5px 5px 5px 5px;
width: 246px;
min-height: 105px;
list-style-type: none;
overflow-x: hidden;
white-space:normal;
position: relative;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
padding: 5px;
}
.top_shop_offers li:first-child {
margin-left: 5px;
}
.top_shop_offers li:hover {
box-shadow: 0 0 5px 1px rgba(0,0,0,0.75);
}
.top_shop_offers li a.title {
text-align: left;
overflow: hidden;
display: block;
}
.top_shop_offers li .image {
background-size: cover;
height: 100px;
width: 100px;
border-radius: 5px;
}
.top_shop_offers .offer_content>div {
width: 136px;
float: left;
padding-left: 10px;
overflow-x: hidden;
min-height: 100px;
max-height: 65px;
}
.top_shop_offers li>div .button{
background-color: #679c4f;
background-image: none;
color: white;
font-weight: 400;
padding: 0 10px;
}
.top_shop_offers li>div .button:hover{
text-decoration: none;
background-color: #5eb763;
}
.top_shop_offers .offer_content>a {
float: left;
}
.top_shop_offers .toggle {
float: right;
}
.top_shop_offers .collapse {
display: none;
text-decoration: underline;
}
.top_shop_offers .expand {
text-decoration: underline;
}
.top_shop_offers.expanded .collapse {
display: block;
}
.top_shop_offers.expanded .expand {
display: none;
}
.top_shop_offers.expanded ul {
overflow-x: auto;
white-space:normal;
}
#top_shop_container {
min-height: 161px;
}
.top_shop_offers .offer_shop {
vertical-align: top;
}
@media screen and (max-width: 768px){
/*.top_shop_offers, #top_shop_container {
display: none;
}
*/
}
.test-answers { margin-left: 20px !important; }
.topic-photo-add .js-sd-simple-editor-image-rotate{
cursor: pointer;
}
.blog-user {
display: inline-block; margin-right: 5px; margin-bottom: 5px; overflow: hidden;
}
.blog-user a img {
width: 75px; height: 75px;
}
.blog-admin-actions li {
display: block;
}
.hidden { display: none; }
.tag_bottom_block {
margin-top: 15px;
}
.tag_bottom_title {
color: #000;
font-size: 20px;
font-weight: 400;
line-height: 1.1;
margin-left: 0;
text-align: left;
text-decoration: none;
margin-bottom: 15px;
}
.homework_grade {
margin-top: 10px;
margin-left: 5px;
font-family: 'PT Sans', sans-serif;
line-height: 24px;
font-size: 17px;
overflow: hidden;
zoom: 1;
text-align: left;
}
#topic_addons { margin: 24px 0 }
.sidebar-with-banner { margin-top: 100px }
.maheev-sidebar-logo {
display:block;
width: 280px;
position:absolute;
}
@media screen and (max-width:720px) {
.sidebar-with-banner { margin-top: 0
}
.maheev-sidebar-logo { display:none }
}
/* https://7dach.ru/engine/lib/external/jquery/jcrop/jquery.Jcrop.css */
/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder { text-align: left; }
.jcrop-vline, .jcrop-hline
{
font-size: 0px;
position: absolute;
background: white url(https://7dach.ru/engine/lib/external/jquery/jcrop/Jcrop.gif) top left repeat;
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-vline.right { right: 0px; }
.jcrop-hline.bottom { bottom: 0px; }
.jcrop-handle {
font-size: 1px;
width: 7px !important;
height: 7px !important;
border: 1px #eee solid;
background-color: #333;
}
.jcrop-tracker { width: 100%; height: 100%; }
.custom .jcrop-vline,
.custom .jcrop-hline
{
background: yellow;
}
.custom .jcrop-handle
{
border-color: black;
background-color: #C7BB00;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
/* templates/skin/banana/css/grid.css */
/* --------------------------------------------
СЕТКА
-------------------------------------------- */
#container { margin:0 auto; padding:0 12px 0 12px; position:relative; min-height:100% }
#nav { clear:both; overflow:hidden; height:90px; position:relative; padding-right:0 }
#wrapper { overflow: hidden; zoom: 1; margin:10px 0 30px 0; position:relative; padding-right: 370px; }
#wrapper.wrapper_index {
padding-right: 0;
}
#advbar { float:right; width:16%; margin-left: 2%; height: 800px; min-width: 160px; max-height: 800px; }
#content { float:left; width:100%; }
#sidebar { float:right; width:320px; padding-left: 5px; padding-top:15px; margin-right: -370px;
border-left: 5px solid #f2f2f2;
}
.wrapper_index #sidebar { float:right; width:300px; padding-left: 0; padding-top:0; margin-right: -300px;
border-left: none;
}
.hfooter { clear:both; height:110px }
#wrapper .inside { margin-top:20px }
#wrapper.no-sidebar { background-image: none; padding-right: 10px; width: 100%; padding-left: 10px; margin-left: -10px;}
#wrapper.no-sidebar #content { width: 100%; margin-right: 0; }
#container.toolbar-margin #wrapper { margin-right:40px }
#content.content-right { margin-right: 0; float: none; margin-left: 311px; width: auto; }
/*
@media (max-width: 1132px) {
#content { float:left; width:64% }
#sidebar { float:right; width:34%; }
#advbar { display: none;}
}*/
/* templates/skin/banana/css/common.css */
/* -------------------------------------------------------------------
ОБЩИЕ СТИЛИ
------------------------------------------------------------------- */
/* Голосование
---------------------------------------------------- */
.vote { overflow: hidden; zoom: 1; }
.vote .vote-count { float: left; padding: 0 7px; color: #aaa; }
.vote .vote-count a { text-decoration: none; color: #999; outline: none; }
.vote.vote-count-positive .vote-count { color: #390; }
.vote.vote-count-negative .vote-count { color: #f00; }
.vote .vote-up,
.vote .vote-down { width: 9px; height: 11px; float: left; display: block; background: url(/templates/skin/banana/images/voting.png) no-repeat; position: relative; top: 4px; outline: none; }
.vote .vote-up { background-position: 0 0; }
.vote .vote-down { background-position: -18px 0; }
.vote .vote-up:hover { background-position: -9px 0; }
.vote .vote-down:hover { background-position: -27px 0; }
.vote.voted.voted-up .vote-up { background-position: -9px 0; }
.vote.voted.voted-down .vote-down { background-position: -27px 0; }
.vote.voted.voted-up .vote-down:hover { background-position: -18px 0; }
.vote.voted.voted-down .vote-up:hover { background-position: 0 0; }
.vote.guest .vote-up:hover { background-position: 0 0; }
.vote.guest .vote-down:hover { background-position: -18px 0; }
/* Избранное
---------------------------------------------------- */
.favourite { display: inline-block; cursor:pointer; width: 12px; height: 12px; /*vertical-align: text-top;*/ background: url(/templates/skin/banana/images/yellow/comment-favourite.png) 0 0 no-repeat }
.favourite:hover { width:12px; background-position: 0 -12px }
.favourite.active { width:12px; background-position: 0 -12px }
.favourite-count { margin-left: 0; }
.follow { display: inline-block; width: 17px; height: 17px; vertical-align: text-top; background: url(/templates/skin/banana/images/icons-synio.png) 0 -76px no-repeat; cursor: pointer; }
.follow.active { background-position: -17px -76px; }
/* Pagination */
.pagination { font-family: sans-serif; }
.pagination p { font-size: 16px; color: #cecdc5; margin-bottom: 20px; }
.pagination p a { color:#a3a197; text-decoration:none }
.pagination p a:hover { text-decoration:underline }
.pagination ul { overflow: hidden; }
.pagination ul li { float:left; line-height:28px; margin-right:16px; color:#444; font-size:18px }
.pagination ul li a { color:#444; text-decoration:none }
.pagination ul li a:hover { text-decoration:underline }
.pagination ul li.active { color:#3d352a; padding:0 10px; border-radius:4px; background:#ffde64; height:28px; line-height:28px }
.pagination-comments { margin-bottom: 55px;}
/* Actions */
.actions { overflow: hidden; zoom: 1; font-size: 11px; }
.actions a { overflow: hidden; zoom: 1; margin-right: 10px; text-decoration: none; }
.actions li { float: left;}
.actions .edit { padding-left: 16px; background: url(/templates/skin/banana/images/edit.gif) no-repeat 0 1px; }
.actions .delete { padding-left: 15px; background: url(/templates/skin/banana/images/delete.gif) no-repeat 0 1px; color: #f00; }
.actions .join { margin-top: 4px; }
.actions a:hover { text-decoration: underline; }
/* Switcher */
.nav-pills { overflow: hidden; zoom: 1; margin-bottom: 10px;}
.nav-pills li { float: left; margin-right:10px; color:#645b52; font:18px 'PT Serif', Sans-Serif; height:28px; cursor:pointer }
.nav-pills li a {line-height:21px; color:#645b52; border:0; text-decoration:none }
.nav-pills li a:hover { color:#999 }
.nav-pills li.active { background:url(/templates/skin/banana/images/yellow/bg-switcher.png) no-repeat center; border-bottom:0
}
.nav-pills li.active a { background:#ffe06f url(/templates/skin/banana/images/yellow/bg-switcher2.png) repeat-x; color:#645b52; display:block; border:0; height:21px; line-height:21px; padding:0 5px; border-radius:4px }
/* Toolbar
---------------------------------------------------- */
.toolbar { font-family: 'PT Sans', sans-serif; position: fixed; top:350px !important; z-index: 20; }
.toolbar section { width: 25px; padding: 8px; overflow: hidden; line-height: 14px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.03); margin-bottom: 10px; border-radius: 10px; }
.toolbar section i { display: block; width: 25px; height: 25px; }
/* Admin button */
.toolbar .toolbar-admin i { background: url(/templates/skin/banana/images/icons-synio.png) -268px -23px no-repeat; }
.toolbar .toolbar-admin i:hover { background-position: -268px -48px; }
.toolbar .toolbar-admin i:active { background-position: -268px -73px; }
/* Update comments button */
.toolbar .toolbar-update { }
.toolbar .toolbar-update .update-comments { }
.toolbar .toolbar-update .update-comments i { background: url(/templates/skin/banana/images/update.gif) no-repeat; }
.toolbar .toolbar-update .update-comments.active i { background: url(/templates/skin/banana/images/update_act.gif) no-repeat; }
.toolbar .toolbar-update .new-comments { display: block; padding: 5px 0 3px; font-size: 11px; color: #51983c; text-align: center; text-decoration: none; width: 25px; }
/* Topic navigation */
.toolbar .toolbar-topic { width: 19px; padding: 11px; }
.toolbar .toolbar-topic a.toolbar-topic-prev i { display: block; width: 19px; height: 32px; background: url(/templates/skin/banana/images/icons-synio.png) -211px -23px no-repeat; }
.toolbar .toolbar-topic a.toolbar-topic-prev i:hover { background-position: -230px -23px; }
.toolbar .toolbar-topic a.toolbar-topic-prev i:active { background-position: -249px -23px; }
.toolbar .toolbar-topic a.toolbar-topic-next i { display: block; width: 19px; height: 32px; background: url(/templates/skin/banana/images/icons-synio.png) -211px -55px no-repeat; }
.toolbar .toolbar-topic a.toolbar-topic-next i:hover { background-position: -230px -55px; }
.toolbar .toolbar-topic a.toolbar-topic-next i:active { background-position: -249px -55px; }
/* Scroll up */
.toolbar .toolbar-scrollup { display: none; }
.toolbar .toolbar-scrollup i { background: url(/templates/skin/banana/images/icons-synio.png) -294px -23px no-repeat; }
.toolbar .toolbar-scrollup i:hover { background-position: -294px -48px; }
.toolbar .toolbar-scrollup i:active { background-position: -294px -73px; }
.toolbar .toolbar-join { overflow: visible; position: fixed; left: 0; bottom: -133px; height: 133px; width: 100%;
margin: 0;
padding: 0;
border-radius: 0;
text-align: left;
font-size: 15px;
font-weight: bold;
text-decoration: none solid rgb(43, 88, 122);
color: #000;
background: url(/templates/skin/banana/images/fence/fence2.png);
background-width: 100%;
}
#leaves {background: url(/templates/skin/banana/images/fence/autumn-leaves.png); width: 100%; height: 95px; position: absolute; bottom: 0; left: 0; }
.toolbar .toolbar-join span.left {display: block; float: left; margin: 50px 10px 0 20%;}
.toolbar .toolbar-join span.blabla {display: block; float: left; text-align:right; font-weight: bold;font-size: 22px; line-height: 22px; margin: 50px 10px 0 -60px;}
.toolbar .toolbar-join form.subscribe {display: block; position: relative; z-index: 200; width: 685px; float: left; text-align:left; margin: 20px 5px 0 -40px;}
.toolbar .toolbar-join form.subscribe h4 { font-weight: bold; font-size: 30px; color: #000; margin-bottom: 4px;}
.toolbar .toolbar-join form.subscribe p {display: block; width: 40%; float: right; padding: 10px 0 30px 20px; margin: 0 0 0 20px; font-weight: bold; font-size: 20px; color: #000; line-height: 22px; border-left: solid 1px #000;}
.toolbar .toolbar-join form.subscribe input[type='text'] { font-size: 18px; height: 22px; padding: 3px; background: #ebe9e0; width: 200px;}
.toolbar .toolbar-join form.subscribe input[type='submit'] {background: #435336; color: white; font-size: 16px; height: 30px;
border: 2px solid #444;
margin-left: 5px;
}
.toolbar .toolbar-join a {
color: #444;
}
.toolbar .toolbar-join a.close {position: absolute; top: 20px; right: 25px;
font-size: 14px;
font-weight: bold;
text-decoration: none solid rgb(43, 88, 122);
color: #444;}
.toolbar .toolbar-join #someone_special {position: absolute; top: -65px; left: -150px; width: 150px;}
.toolbar .toolbar-join #grass {position: absolute; bottom: 0; left: 0; width: 1280px;}
.toolbar .toolbar-join .social-icon {
display: block; float: left;
vertical-align: inherit;
margin: 50px 10px 0 0;
padding: 0;
width: 50px;
height: 50px;
background: url(/templates/skin/banana/images/fence/fb.png) 0 0 transparent no-repeat;
}
.toolbar .toolbar-join .social-icon.vk {
background: url(/templates/skin/banana/images/fence/vk.png) 0 0 transparent no-repeat;
}
.toolbar .toolbar-join .social-icon.ok {
background: url(/templates/skin/banana/images/fence/ok.png) 0 0 transparent no-repeat;
}
.toolbar .toolbar-join .social-icon.fb {
margin-right: -140px;
}
.toolbar .toolbar-join.photo {
background: url(/templates/skin/banana/images/fence/photo/back.png);
}
.toolbar .toolbar-join.photo .sponsor {
float: right;
width: 18%;
text-align: center;
margin-right: 6%;
margin-top: 30px;
}
.toolbar .toolbar-join.photo .sponsor img {
width: 100%;
}
.toolbar .toolbar-join.photo .close {
font-size: 22px;
}
.toolbar .toolbar-join.photo .enter {
float: right;
background: url(/templates/skin/banana/images/fence/photo/button.png);
width: 24%;
height: 92px;
margin-top: 13px;
margin-right: 3%;
background-size: contain;
background-repeat: no-repeat;
}
.toolbar .toolbar-join.photo p {
font-size: 22px;
line-height: 24px;
float: right;
width: 30%;
height: 92px;
margin-top: 30px;
}
.toolbar .toolbar-join.photo #someone_special {top: 0; }
/* Список пользователей
---------------------------------------------------- */
.user-list-avatar { overflow: hidden; zoom: 1; }
.user-list-avatar li { width: 48px; overflow: hidden; float: left; margin-right: 12px; margin-bottom: 12px; text-align: center; font-size: 11px; }
.user-list-avatar li img { margin-bottom: 2px; display: block; }
.user-list-mini li { padding: 0 25px 4px 5px; margin-bottom: 0; position: relative; }
.user-list-mini li img { width: 17px; height: 17px; position: relative; top: 4px; margin-right: 2px; }
.user-list-mini li input { position: relative; top: 2px; }
.user-list-mini li i { position: absolute; top: 4px; right: 5px; cursor: pointer; display: none; }
.user-list-mini li:hover { background: #fcfce9; }
.user-list-mini li:hover i { display: block; }
/* Поиск
---------------------------------------------------- */
.search { margin-bottom: 20px; position: relative; }
.search .input-text { padding-right: 25px; }
.search .input-submit { border: none; width: 16px; height: 16px; position: absolute; top: 6px; right: 5px; opacity: .7; filter: alpha(opacity=70); }
.search .input-submit:hover { opacity: 1; filter: alpha(opacity=100); }
.search-item { margin-bottom: 35px }
.search-item .input-text { width: 100%; padding-right: 5px; }
.search-item .submit { width: 16px; height: 16px; background: url(/templates/skin/banana/images/icons-synio.png) -115px -55px no-repeat; }
.search-item.search-item-abc ul { overflow: hidden; zoom: 1; margin-top: 10px; }
.search-item.search-item-abc ul li { float: left; }
.search-item.search-item-abc ul li a { float: left; color: #727a90; text-decoration: none; padding: 1px 5px; border-radius: 3px; }
.search-item.search-item-abc ul li a span { border-bottom: 1px dotted #727a90; }
.search-item.search-item-abc ul li a:hover { background: #504B47; color: #fff; }
.search-item.search-item-abc ul li a:hover span { border: none; }
.search-item.search-item-abc ul li.active a { color: #333; }
.search-item.search-item-abc ul li.active a:hover { color: #333; background: none; }
.search-item.search-item-abc ul li.active a span { border: none; }
.search-tags { margin-bottom: 15px; }
.search-form-wrapper { margin-bottom: 15px; }
.search-input-wrapper { position: relative; }
.search-input-wrapper .input-submit { position: absolute; top: 5px; right: 5px; width: 22px; height: 22px; border: none; background: url(/templates/skin/banana/images/icons-synio.png) -319px -24px no-repeat; cursor: pointer; }
.search-input-wrapper .input-submit:hover { background-position: -341px -24px; }
.search-input-wrapper .input-submit:active { background-position: -363px -24px; }
.search-input-wrapper .input-text { padding-right: 25px; }
/* Облако тегов
---------------------------------------------------- */
.tag-cloud { text-align: center; width: 100%; }
.tag-cloud li { display: inline; margin-right: 5px; line-height: 26px; }
.tag-cloud li a { text-decoration: none; white-space: nowrap; color: #444; padding:1px 4px 2px 4px }
.tag-cloud li a:hover { background:#e4e4e4; border-radius:4px; color:#444 }
.tag-cloud li .tag-size-1 { font-size: 13px; }
.tag-cloud li .tag-size-2 { font-size: 13px; }
.tag-cloud li .tag-size-3 { font-size: 15px; }
.tag-cloud li .tag-size-4 { font-size: 15px; }
.tag-cloud li .tag-size-5 { font-size: 20px; }
.tag-cloud li .tag-size-6 { font-size: 20px; }
.tag-cloud li .tag-size-7 { font-size: 22px; }
.tag-cloud li .tag-size-8 { font-size: 22px; }
.tag-cloud li .tag-size-9 { font-size: 24px; }
.tag-cloud li .tag-size-10 { font-size: 24px; }
/* Item List
---------------------------------------------------- */
.item-list { border-top: 1px solid #eee; }
.item-list li { min-height: 51px; padding: 7px 0 10px 58px; border-bottom: 1px solid #eee; position: relative; zoom: 1; }
.item-list li p { padding-top: 2px; font-size: 11px; }
.item-list li a { text-decoration: none; }
.item-list li .avatar { position: absolute; top: 10px; left: 0; margin-right: 10px; }
.item-list li .author { font-weight: bold; color: #333; }
.item-list li .blog-name { font-weight: bold; }
/* Хелперы
---------------------------------------------------- */
.mt-10 { margin-bottom: 10px !important; }
.mt-20 { margin-bottom: 20px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-30 { margin-bottom: 30px !important; }
.ta-c { text-align: center !important; }
.ta-r { text-align: right !important; }
.va-m { vertical-align: middle; }
.fl-r { float: right !important; }
.fl-l { float: left !important; }
.clearfix:before,
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.wrapper { overflow: hidden; zoom: 1; }
.wrapper-content h3 { font-size: 15px; margin-bottom: 10px; font-family: 'PT Serif', sans-serif; }
.word-wrap {
white-space: -moz-pre-wrap !important;
white-space: pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
word-break: break-all;
white-space: normal;
}
/* Разное
---------------------------------------------------- */
.system-message-error { background: #f0c8c8; color: #b22626; padding: 10px 15px; margin-bottom: 15px; }
.system-message-notice { background: #dafad8; color: #4bb23b; padding: 10px 15px; margin-bottom: 15px; }
.comment-list .system-message-notice { background: #dafad8; color: #4bb23b; padding: 0 5px; font-size: 12px; }
.notice-empty { color: #aaa; }
.loader { background: #fafafa url(/templates/skin/banana/images/loader.gif) 50% 50% no-repeat; }
.user, .ls-user { font-weight: bold; color: #333; }
.user:before, .ls-user:before { content: ''; display: inline-block; width: 14px; height: 14px; margin-right: 3px; background: url(/templates/skin/banana/images/icons.png) -168px 0 no-repeat; vertical-align: middle; }
.user .icon-user { margin-right: 3px; }
.username.inactive,
.user.inactive { color: #aaa !important; }
.user-avatar img { width: 16px; height: 16px; vertical-align: middle; margin-right: 1px; }
.user-avatar a { color: #000; font-size: 13px; }
.user-avatar.user-avatar-n a { color: #3F8AD7; font-size: 12px; }
.counter.exceeded { color: #f00; }
.page-header-menu { overflow: hidden; zoom: 1; margin-bottom: 10px; }
.page-header-menu .page-header { float: left; margin-right: 20px; margin-bottom: 10px; }
.page-header-menu .nav.nav-pills { margin-top: 5px; float: left; }
.breadcrumbs { color:#777; font-size:19px; text-transform: uppercase; }
.breadcrumbs a { color:#777; font-size:19px; text-decoration:none }
.breadcrumbs a:hover { color:#3a873f }
.breadcrumbs {line-height: 20px; margin-top: 10px;}
.breadcrumbs .sep {
display: inline-block;
width: 22px;
height: 21px;
background: url(/templates/skin/banana/images/breadcrumbs.png) -22px 0 no-repeat;
background-size: cover;
position: relative;
top: 3px;
margin: 0 10px 0 10px;
}
.btn-social-action {
display: inline-block;
cursor:pointer;
vertical-align: inherit;
margin: 0 2px;
padding: 0;
width: 35px;
height: 35px;
}
.btn-social-action.comment {
margin: 0 2px;
}
.user-badge {
font-family: sans-serif;
background: #3A873F;
color: #fff;
text-transform: capitalize;
font-size: 12px;
padding: 2px 5px;
font-weight: bold;
border-radius: 3px;
}
.mobile-top-banner, .mobile-sticky-banner {
display: none;
}
.mobile-top-banner {
margin: 10px 0 0 10px;
}
.youtube_container {
position: relative;
width: 240px;
height: 180px;
background-size: cover;
margin-bottom: 10px;
cursor: pointer;
}
.youtube_play-button {
position: relative;
left: calc(50% - 32px);
top: 36px;
display: inline-block;
opacity: 0.7;
}
.youtube_play-button .btn_body {
-moz-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
-webkit-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
fill: #212121;
fill-opacity: .8;
}
.youtube_container:hover>.youtube_play-button .btn_body {
-moz-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
-webkit-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
fill: #f00;
fill-opacity: 1;
}
/* templates/skin/banana/css/text.css */
/* -------------------------------------------------------------------
ФОРМАТИРОВАННЫЙ ТЕКСТ
------------------------------------------------------------------- */
.text { font-size: 17px; line-height: 1.3em; overflow: hidden; zoom: 1; text-align: left;}
.text a { text-decoration: underline; }
.text a.link-dashed { font-weight: normal; font-size: 17px; font-family: 'PT Serif'; color: #444;}
.text h2, .text h2 strong { font-size: 28px; margin-bottom: 7px; font-weight: normal; font-family: "PT Sans";}
.text h3 a { font-size: 28px; }
.text h3, .text h3 strong { font-size: 24px; margin-bottom: 7px; font-weight: normal; font-family: "PT Sans"; }
.text h3 a { font-size: 24px; }
.text h4 { font-size: 22px; margin-bottom: 7px; font-weight: bold; }
.text h5 { font-size: 20px; margin-bottom: 7px; font-weight: bold; }
.text h6 { font-size: 18px; margin-bottom: 7px; font-weight: bold; }
.text p { margin-bottom: 1em; }
.text abbr[title] { border-bottom: 1px dotted; }
.text b, .text strong { font-weight: bold; }
.text blockquote { margin: 0; background: #fbfbfc; color: #555; padding: 10px 15px; clear: both; border-left: 5px solid #EDEDF2; }
.text dfn { font-style: italic; }
.text hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
.text ins { background: #ff9; color: #000; text-decoration: none; }
.text mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
.text pre { margin: 0; padding: 10px 15px; border: none; background: #fafafa; font-size: 12px; line-height: 18px; overflow: auto; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; }
.text q { quotes: none; clear: both; }
.text q:before, q:after { content: ""; content: none; }
.text small { font-size: 85%; }
.text sub, .text sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
.text sup { top: -0.5em; }
.text sub { bottom: -0.25em; }
.text ul, .text ol { margin: 0; padding: 0 0 0 40px; }
.text ul, .user-property__description_about ul { list-style-type: disc; list-style-position: inside; }
.text ol, .user-property__description_about ol { list-style-type: decimal; list-style-position: inside; }
.text dd { margin: 0 0 0 40px; }
.text img[align="right"] { margin: 4px 0 5px 15px; }
.text img[align="left"] { margin: 4px 15px 10px 0; }
.text img.image-center { display: block; margin: 0 auto; }
.text object,
.text video,
.text img,
.text iframe,
.comment-list-item img,
.content img { padding: 0; max-width: 100%; vertical-align: top; }
.text img.clickable {cursor: zoom-in; cursor: hand; cursor: pointer;}
.text .ls-user { color: #3F8AD7; }
.text .ls-user:visited { color: #333; }
.text .ls-user:hover { color: #555; }
.text .buttons, .user-property_long .buttons, .tag_description .buttons {
display: block;
text-align: center;
}
.text .button, .user-property_long .button, .tag_description .button {
margin: 10px;
font-size: 17px;
text-decoration: none;
}
.text .offer-desc .button {
margin: 0;
font-size: 14px;
}
.text .text-box, .user-property_long .text-box, .tag_description .text-box {
width: calc(50% - 15px);
padding: 0;
margin: 12px 0 12px 30px;
box-sizing: border-box;
float: right;
font-family: 'PT Sans';
font-size: 32px;
line-height: 40px;
color: #439d48;
text-transform: uppercase;
font-style: italic;
display: block;
}
.text .columns, .user-property_long .columns, .tag_description .columns {
border-bottom: 4px solid #eee;
padding: 15px 0;
width: 100%;
display: block;
}
.text .columns-centered-noborder, .user-property_long .columns-centered-noborder,
.tag_description .columns-centered-noborder,
.text .columns3-centered-noborder, .user-property_long .columns3-centered-noborder,
.tag_description .columns3-centered-noborder {
border-bottom: none;
padding: 15px 0;
width: 100%;
text-align: center;
}
.text .columns .left-column, .text .columns .right-column, .text .columns .right-column2,
.user-property_long .columns .left-column, .user-property_long .columns .right-column, .user-property_long .columns .right-column2,
.tag_description .columns .left-column, .tag_description .columns .right-column, .tag_description .columns .right-column2
{
display: inline-block;
width: calc(50% - 15px);
margin: 0;
padding: 0;
border: 0;
box-sizing: border-box;
vertical-align: top;
}
.text .columns.columns3-centered-noborder .left-column,
.text .columns.columns3-centered-noborder .right-column,
.text .columns.columns3-centered-noborder .right-column2,
.user-property_long .columns.columns3-centered-noborder .left-column,
.user-property_long .columns.columns3-centered-noborder .right-column,
.user-property_long .columns.columns3-centered-noborder .right-column2,
.tag_description .columns.columns3-centered-noborder .left-column,
.tag_description .columns.columns3-centered-noborder .right-column,
.tag_description .columns.columns3-centered-noborder .right-column2
{
width: calc(33.3% - 22px);
}
.text .columns .left-column, .user-property_long .columns .left-column, .tag_description .columns .left-column {
margin-right: 15px;
}
.text .columns .right-column, .user-property_long .columns .right-column, .tag_description .columns .right-column {
margin-left: 15px;
}
.text .columns .right-column2, .user-property_long .columns .right-column2, .tag_description .columns .right-column2 {
margin-left: 30px;
}
@media screen and (max-width:600px) {
.text .columns .left-column, .text .columns .right-column,
.user-property_long .columns .left-column, .user-property_long .columns .right-column,
.tag_description .columns .left-column, .tag_description .columns .right-column,
.text .columns.columns3-centered-noborder .left-column,
.text .columns.columns3-centered-noborder .right-column,
.text .columns.columns3-centered-noborder .right-column2,
.user-property_long .columns.columns3-centered-noborder .left-column,
.user-property_long .columns.columns3-centered-noborder .right-column,
.user-property_long .columns.columns3-centered-noborder .right-column2,
.tag_description .columns.columns3-centered-noborder .left-column,
.tag_description .columns.columns3-centered-noborder .right-column,
.tag_description .columns.columns3-centered-noborder .right-column2 {
width: 100%;
display: block;
margin: 0;
}
.text .columns, .user-property_long .columns, .tag_description .columns {
border: 0;
}
.text .text-box, .user-property_long .text-box, .tag_description .text-box {
width: 100%;
margin: 12px 0 12px 0;
float: none;
}
}
@media screen and (min-width: 721px) and (max-width: 900px) {
.text .columns .left-column, .text .columns .right-column,
.user-property_long .columns .left-column, .user-property_long .columns .right-column,
.tag_description .columns .left-column, .tag_description .columns .right-column,
.text .columns.columns3-centered-noborder .left-column,
.text .columns.columns3-centered-noborder .right-column,
.text .columns.columns3-centered-noborder .right-column2,
.user-property_long .columns.columns3-centered-noborder .left-column,
.user-property_long .columns.columns3-centered-noborder .right-column,
.user-property_long .columns.columns3-centered-noborder .right-column2,
.tag_description .columns.columns3-centered-noborder .left-column,
.tag_description .columns.columns3-centered-noborder .right-column,
.tag_description .columns.columns3-centered-noborder .right-column2 {
width: 100%;
display: block;
margin: 0;
}
.text .columns, .user-property_long .columns, .tag_description .columns {
border: 0;
}
.text .text-box, .user-property_long .text-box, .tag_description .text-box {
width: 100%;
margin: 12px 0 12px 0;
float: none;
}
}
/* templates/skin/banana/css/forms.css */
/* -------------------------------------------------------------------
ФОРМЫ
------------------------------------------------------------------- */
/* Text */
.input-text {
width: 150px;
padding: 8px 5px;
border: 1px solid #EBE9E0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.input-checkbox { position: relative; top: 1px; margin: 0 2px 0 1px; }
.input-width-full { width: 100%; }
.input-width-50 { width: 50px; }
.input-width-100 { width: 100px; }
.input-width-150 { width: 150px; }
.input-width-200 { width: 200px; }
.input-width-250 { width: 250px; }
.input-width-300 { width: 300px; }
.input-width-400 { width: 400px; }
.input-width-500 { width: 500px; }
textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
select { padding: 8px 5px; border: 1px solid #EBE9E0 }
fieldset { margin-bottom: 30px; padding-top: 20px; border-top: 1px solid #eaeaea; }
fieldset legend { color: #000; font-size: 18px; padding-right: 10px; }
form p { margin-bottom: 20px; }
form label { display: block; margin-bottom: 3px; }
form .icon-question-sign { cursor: help; }
.note, .note a { display: block; margin-top: 3px; font-size: 13px; line-height: 16px; color: #aaa; }
.note a { display: inline; }
.note.note-header { margin-bottom: 20px; }
.captcha-image { vertical-align: top; }
.counter-wrapper { margin-bottom: 15px; position: relative; }
.counter-wrapper .counter { color: #777; position: absolute; top: 0; right: 0; }
.counter-wrapper label { margin-right: 50px; }
.poll-create { padding: 15px 20px; margin-bottom: 20px; background: #F1F7FD; }
.question-list { margin-bottom: 15px; }
.question-list li { margin-bottom: 5px; }
.question-list li .input-text { margin-right: 5px; }
dl.form-item { overflow: hidden; zoom: 1; margin-bottom: 20px; }
dl.form-item dt { float: left; width: 125px; padding-top: 4px; padding-right: 15px; overflow: hidden; }
dl.form-item dd { float: left; width: 250px; }
.form-profile { position: relative; }
.form-profile .avatar-change { position: absolute; top: 20px; right: 20px; font-size: 11px; }
.form-profile .avatar-change .avatar { width: 80px; border-radius: 5px; margin-bottom: 10px; background: #fff; padding: 5px; box-shadow: 0 0 5px rgba(0,0,0,.2); }
.form-profile .avatar-change img { width: 80px; vertical-align: top; }
.form-profile .avatar-change a { color: #727a90; border-color: #727a90; }
/* Placeholder */
input:-moz-placeholder { color: #aaa; }
.placeholder { color: #aaa; }
.mceEditor { display: block; margin-bottom: 5px; }
/* Registration form
---------------------------------------------------- */
.registration-form .form-item:last-child { margin-bottom: 0; }
.registration-form dl.form-item dd { position: relative; width: 355px; }
.registration-form dl.form-item dd .form-item-help { width: 100px; height: 20px; position: absolute; top: 1px; right: 0; }
.registration-form dl.form-item dd .form-item-help.active { background: url(https://recepty.7dach.ru/templates/skin/banana/images/dots.png) 0 12px repeat-x; }
.registration-form dl.form-item dd .form-item-help i { background-color: #f8fbfe; }
.registration-form dl.form-item dd .form-item-help i.icon-ok-green { position: absolute; top: 3px; right: 0; }
/* Валидатор
---------------------------------------------------------------*/
.validate-error-hide { display: none; }
.validate-error-show {
display: block;
line-height: 16px;
position: relative;
padding: 10px 15px 12px 38px;
background: #fefef1 url(https://recepty.7dach.ru/templates/skin/banana/images/error.png) 15px 12px no-repeat;
color: #363636;
margin-top: 13px;
font-size: 12px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 5px #e8e8c0 inset; box-shadow: 0 1px 5px #e8e8c0 inset;
}
.validate-error-show:before { display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #F2F2DD transparent; border-style: solid; }
.ui-autocomplete {
z-index: 20000;
}
/* templates/skin/banana/css/buttons.css */
/* -------------------------------------------------------------------
КНОПКИ
Примеры использования:
Preview
------------------------------------------------------------------- */
.button {
display: inline-block;
height: 30px;
padding: 0 10px;
line-height: 30px;
font-size: 14px;
border-radius: 3px;
border: none;
white-space: nowrap;
cursor: pointer;
font-family: "PT Sans", sans-serif;
text-align: center;
}
.button,
.button:active,
.button:visited {
font-weight: bold;
color: #111111;
background-color: #ffda52;
text-decoration: none;
}
.button:hover {
color: #111111;
background-color: #f7ec76;
text-decoration: none!important;
}
.button_primary,
.button_primary:active,
.button_primary:visited {
color: #ffffff;
background-color: #439d48;
}
.button_primary:hover {
color: #ffffff;
background-color: #5eb763;
}
.button_secondary,
.button_secondary:active,
.button_secondary:visited {
background-color: #e1e1e1;
color: #111;
}
.button_secondary:hover {
color: #ffffff;
background-color: #439d48;
}
.button_tertiary,
.button_tertiary:active,
.button_tertiary:visited {
color: #ffffff;
background-color: #e21932;
}
.button_tertiary:hover {
color: #ffffff;
background-color: #f40c28;
}
.button_quaternary,
.button_quaternary:active,
.button_quaternary:visited {
color: #111;
background-color: #fff;
box-sizing: border-box;
border: 2px solid #439d48;
}
.button_quaternary:hover {
color: #439d48;
background-color: #fff;
}
.button_wide {
width: 100%;
box-sizing: border-box;
}
.button[disabled],
.button[disabled]:hover {
color: #ccc;
background-color: #eee;
}
.button_big {
height: 50px;
padding: 0 20px;
line-height: 50px;
font-size: 16px;
border-radius: 5px;
}
.button_big-icon {
height: 50px;
width: 50px;
padding: 0;
line-height: 50px;
font-size: 24px;
text-align: center;
border-radius: 5px;
}
input[type="reset"].button::-moz-focus-inner,
input[type="button"].button::-moz-focus-inner,
input[type="submit"].button::-moz-focus-inner,
input[type="file"].button > input[type="button"]::-moz-focus-inner {
padding: 0 20px;
border: 0;
}
.button:focus{
-moz-box-shadow:0 0 3px #C80;
}
a.foreignlinks.button:after {
display: none;
}
.button-action-join.active {
background-color: #aaaaa9;
}
.button-action-join.active:hover {
background-color: #bdbdbc;
}
/* templates/skin/banana/css/navs.css */
/* --------------------------------------------
НАВИГАЦИЯ
-------------------------------------------- */
.nav-left { width: 100%;}
#all_nav {margin-bottom: 20px;}
.top_banner_holder {height: 120px; width: 100%;}
#signin_menu { display:none; background:#e6e5dc; z-index:3; position:absolute; top: 117px; left: 20px; margin-right: 0; *margin-right: -1px }
#signin_menu li { font-size:11px; clear:both }
#signin_menu li a { display:block; width:100px; text-decoration:none; height:21px; line-height:21px; color:#36302b; text-shadow:0 1px 0 #f8f7f0; padding-left:15px }
#signin_menu li a:hover { background:#d3d1c7 }
/* Menu */
.nav .menu { float: left; display:block; font-size: 15px; padding: 4px 0 4px 5px; margin-top:1px; position:relative; z-index:15; background:#435336 }
.nav .menu > li { float: left; color: #fafafa; height:31px; line-height:15px; padding:3px 5px; margin-right:20px }
.nav .menu > li:last-child { margin-right:0
}
.nav .menu > li > a { text-decoration: none; color: #fafafa; font-family:'PT Sans', sans-serif; font-size:16px; }
.nav .menu > li > a > span {display: block; }
.nav .menu > li > a > div {display: inline-block; }
/* Dropdown */
.nav-pills li.dropdown { position: relative; }
.nav-pills li.dropdown a { padding-right: 16px; }
.nav-pills li.dropdown i { position: absolute; top: 6px; right: 3px; cursor: pointer; }
.nav-pills li.dropdown ul { display: none; position: absolute; }
.dropdown-menu { display: none; padding: 10px 15px 13px; border: 3px solid #edf8fd; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); position: absolute; top: 32px; overflow: hidden; z-index: 10; background: #fff; min-width: 150px; }
.dropdown-menu li { line-height: 1em; margin-bottom: 15px; }
.dropdown-menu li:last-child { margin-bottom: 0; }
.dropdown-menu li a { display: block; }
.dropdown-menu li a:hover { }
.dropdown-menu li.active a {
color: #aaa; }
.block-type-habinav .block-content a {
color: black;
text-decoration: none;
}
.block-type-habinav .block-content a:hover {
color: black;
text-decoration: underline;
}
.favorite-notifications {
display: none;
}
.search-form-wrapper .search-button {
display: none;
}
.nav .menu-mobile-actions {
display: none;
}
.fl-sub-menu-container, .fl-menu-now {
display: none;
}
.fl-menu-underline {
display: none;
}
/* templates/skin/banana/css/icons.css */
/* -------------------------------------------------------------------
ИКОНКИ
Иконки Glyphicons
http://glyphicons.com/
Пример использования:
Remove
------------------------------------------------------------------- */
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
vertical-align: text-top;
width: 14px;
height: 14px;
line-height: 14px;
background: url(https://recepty.7dach.ru/templates/skin/banana/images/icons.png) no-repeat;
}
[class^="icon-synio-"],
[class*=" icon-synio-"] {
background: url(https://recepty.7dach.ru/templates/skin/banana/images/icons-synio.png) no-repeat;
}
.icon-white { background-image: url(https://recepty.7dach.ru/templates/skin/banana/images/icons-white.png); }
.icon-glass { background-position: 0 0; }
.icon-music { background-position: -24px 0; }
.icon-search { background-position: -48px 0; }
.icon-envelope { background-position: -72px 0; }
.icon-heart { background-position: -96px 0; }
.icon-star { background-position: -120px 0; }
.icon-star-empty { background-position: -144px 0; }
.icon-user { background-position: -168px 0; }
.icon-film { background-position: -192px 0; }
.icon-th-large { background-position: -216px 0; }
.icon-th { background-position: -240px 0; }
.icon-th-list { background-position: -264px 0; }
.icon-ok { background-position: -288px 0; }
.icon-remove { background-position: -312px 0; }
.icon-zoom-in { background-position: -336px 0; }
.icon-zoom-out { background-position: -360px 0; }
.icon-off { background-position: -384px 0; }
.icon-signal { background-position: -408px 0; }
.icon-cog { background-position: -432px 0; }
.icon-trash { background-position: -456px 0; }
.icon-home { background-position: 0 -24px; }
.icon-file { background-position: -24px -24px; }
.icon-time { background-position: -48px -24px; }
.icon-road { background-position: -72px -24px; }
.icon-download-alt { background-position: -96px -24px; }
.icon-download { background-position: -120px -24px; }
.icon-upload { background-position: -144px -24px; }
.icon-inbox { background-position: -168px -24px; }
.icon-play-circle { background-position: -192px -24px; }
.icon-repeat { background-position: -216px -24px; }
.icon-refresh { background-position: -240px -24px; }
.icon-list-alt { background-position: -264px -24px; }
.icon-lock { background-position: -287px -24px; }
.icon-flag { background-position: -312px -24px; }
.icon-headphones { background-position: -336px -24px; }
.icon-volume-off { background-position: -360px -24px; }
.icon-volume-down { background-position: -384px -24px; }
.icon-volume-up { background-position: -408px -24px; }
.icon-qrcode { background-position: -432px -24px; }
.icon-barcode { background-position: -456px -24px; }
.icon-tag { background-position: 0 -48px; }
.icon-tags { background-position: -25px -48px; }
.icon-book { background-position: -48px -48px; }
.icon-bookmark { background-position: -72px -48px; }
.icon-print { background-position: -96px -48px; }
.icon-camera { background-position: -120px -48px; }
.icon-font { background-position: -144px -48px; }
.icon-bold { background-position: -167px -48px; }
.icon-italic { background-position: -192px -48px; }
.icon-text-height { background-position: -216px -48px; }
.icon-text-width { background-position: -240px -48px; }
.icon-align-left { background-position: -264px -48px; }
.icon-align-center { background-position: -288px -48px; }
.icon-align-right { background-position: -312px -48px; }
.icon-align-justify { background-position: -336px -48px; }
.icon-list { background-position: -360px -48px; }
.icon-indent-left { background-position: -384px -48px; }
.icon-indent-right { background-position: -408px -48px; }
.icon-facetime-video { background-position: -432px -48px; }
.icon-picture { background-position: -456px -48px; }
.icon-pencil { background-position: 0 -72px; }
.icon-map-marker { background-position: -24px -72px; }
.icon-adjust { background-position: -48px -72px; }
.icon-tint { background-position: -72px -72px; }
.icon-edit { background-position: -96px -72px; }
.icon-share { background-position: -120px -72px; }
.icon-check { background-position: -144px -72px; }
.icon-move { background-position: -168px -72px; }
.icon-step-backward { background-position: -192px -72px; }
.icon-fast-backward { background-position: -216px -72px; }
.icon-backward { background-position: -240px -72px; }
.icon-play { background-position: -264px -72px; }
.icon-pause { background-position: -288px -72px; }
.icon-stop { background-position: -312px -72px; }
.icon-forward { background-position: -336px -72px; }
.icon-fast-forward { background-position: -360px -72px; }
.icon-step-forward { background-position: -384px -72px; }
.icon-eject { background-position: -408px -72px; }
.icon-chevron-left { background-position: -432px -72px; }
.icon-chevron-right { background-position: -456px -72px; }
.icon-plus-sign { background-position: 0 -96px; }
.icon-minus-sign { background-position: -24px -96px; }
.icon-remove-sign { background-position: -48px -96px; }
.icon-ok-sign { background-position: -72px -96px; }
.icon-question-sign { background-position: -96px -96px; }
.icon-info-sign { background-position: -120px -96px; }
.icon-screenshot { background-position: -144px -96px; }
.icon-remove-circle { background-position: -168px -96px; }
.icon-ok-circle { background-position: -192px -96px; }
.icon-ban-circle { background-position: -216px -96px; }
.icon-arrow-left { background-position: -240px -96px; }
.icon-arrow-right { background-position: -264px -96px; }
.icon-arrow-up { background-position: -289px -96px; }
.icon-arrow-down { background-position: -312px -96px; }
.icon-share-alt { background-position: -336px -96px; }
.icon-resize-full { background-position: -360px -96px; }
.icon-resize-small { background-position: -384px -96px; }
.icon-plus { background-position: -408px -96px; }
.icon-minus { background-position: -433px -96px; }
.icon-asterisk { background-position: -456px -96px; }
.icon-exclamation-sign { background-position: 0 -120px; }
.icon-gift { background-position: -24px -120px; }
.icon-leaf { background-position: -48px -120px; }
.icon-fire { background-position: -72px -120px; }
.icon-eye-open { background-position: -96px -120px; }
.icon-eye-close { background-position: -120px -120px; }
.icon-warning-sign { background-position: -144px -120px; }
.icon-plane { background-position: -168px -120px; }
.icon-calendar { background-position: -192px -120px; }
.icon-random { background-position: -216px -120px; }
.icon-comment { background-position: -240px -120px; }
.icon-magnet { background-position: -264px -120px; }
.icon-chevron-up { background-position: -288px -120px; }
.icon-chevron-down { background-position: -313px -119px; }
.icon-retweet { background-position: -336px -120px; }
.icon-shopping-cart { background-position: -360px -120px; }
.icon-folder-close { background-position: -384px -120px; }
.icon-folder-open { background-position: -408px -120px; }
.icon-resize-vertical { background-position: -432px -119px; }
.icon-resize-horizontal { background-position: -456px -118px; }
.icon-contact { width: 16px; height: 16px; background: url(https://recepty.7dach.ru/templates/skin/banana/images/icons-contact.png) no-repeat; }
.icon-contact-default { background-position: 0 0; }
.icon-contact-mail { background-position: -20px 0; }
.icon-contact-icq { background-position: -40px 0; }
.icon-contact-jabber { background-position: -60px 0; }
.icon-contact-phone { background-position: -80px 0; }
.icon-contact-skype { background-position: -100px 0; }
.icon-contact-vkontakte { background-position: -120px 0; }
.icon-contact-twitter { background-position: -140px 0; }
.icon-contact-facebook { background-position: -160px 0; }
.icon-contact-odnoklassniki { background-position: -180px 0; }
.icon-contact-www { background-position: -200px 0; }
.icon-contact.icon-contact-instagram { width: 16px; height: 16px; background: url(https://recepty.7dach.ru/templates/skin/banana/images/icons-contact-instagram.png) no-repeat; }
.icon-contact.icon-contact-telegram { width: 16px; height: 16px; background: url(https://recepty.7dach.ru/templates/skin/banana/images/icons-contact-telegram.png) no-repeat; }
.icon-ok-green { width: 18px; height: 20px; background: url(https://recepty.7dach.ru/templates/skin/banana/images/icons-synio.png) -479px -2px no-repeat; }
.icon-question-sign { width: 23px; height: 23px; background: url(https://recepty.7dach.ru/templates/skin/banana/images/icons-synio.png) -138px 0 no-repeat; }
.icon-synio-arrow-up { width: 9px; height: 9px; background-position: -24px -24px; }
.icon-synio-arrow-down { width: 9px; height: 9px; background-position: -33px -24px; }
.icon-synio-star-green { width: 11px; height: 11px; background-position: 0 -23px; }
.icon-synio-star-blue { width: 11px; height: 11px; background-position: 0 -37px; }
.icon-synio-star-white { width: 11px; height: 11px; background-position: 0 -51px; }
.icon-synio-star-yellow { width: 11px; height: 11px; background-position: 0 -65px; }
.icon-synio-share-blue { width: 11px; height: 11px; background-position: -12px -37px; }
.icon-synio-share-white { width: 11px; height: 11px; background-position: -12px -51px; }
.icon-synio-strength { width: 11px; height: 11px; background-position: -12px -23px; }
.icon-synio-arrows { width: 11px; height: 11px; background-position: -22px -65px; }
.icon-synio-comments-green { width: 11px; height: 11px; background-position: -46px -23px; }
.icon-synio-comments-green-filled { width: 11px; height: 11px; background-position: -46px -51px; }
.icon-synio-comments-blue { width: 11px; height: 11px; background-position: -46px -37px; }
.icon-synio-comments-small { width: 11px; height: 11px; background-position: -28px -51px; }
.icon-synio-tags { width: 15px; height: 11px; background-position: -26px -37px; }
.icon-synio-actions-edit { width: 16px; height: 16px; background-position: -115px -23px; }
.icon-synio-actions-delete { width: 16px; height: 16px; background-position: -131px -23px; }
.icon-synio-actions-draft { width: 16px; height: 16px; background-position: -115px -39px; }
.icon-synio-topic-private { width: 23px; height: 23px; background-position: -230px 0; }
.icon-synio-topic-draft { width: 23px; height: 23px; background-position: -253px 0; }
.icon-synio-topic-link { width: 23px; height: 23px; background-position: -276px 0; }
.icon-synio-close { width: 16px; height: 16px; background-position: -131px -39px; }
.icon-synio-link { width: 11px; height: 11px; background-position: -11px -65px; }
.icon-synio-add-friend { width: 16px; height: 16px; background-position: -147px -23px; }
.icon-synio-send-message { display:none }
.icon-synio-new-message { width: 16px; height: 16px; background-position: -163px -55px; }
.icon-synio-join { display:none }
.icon-synio-search { width: 16px; height: 16px; background-position: -147px -55px; }
.icon-synio-submit { width: 16px; height: 16px; background-position: -115px -55px; }
.icon-synio-arrow-left { width: 16px; height: 16px; background-position: -115px -71px; }
.icon-synio-arrow-right { width: 16px; height: 16px; background-position: -131px -71px; }
.icon-synio-remove { width: 24px; height: 24px; background-position: -368px 0; vertical-align: middle; position: relative; top: -2px; }
.icon-synio-remove:hover { background-position: -392px 0; }
.icon-synio-vote-info-down { width: 16px; height: 16px; background-position: -67px -71px; }
.icon-synio-vote-info-up { width: 16px; height: 16px; background-position: -83px -71px; }
.icon-synio-vote-info-zero { width: 16px; height: 16px; background-position: -99px -71px; }
.icon-synio-vote-info-view { width: 16px; height: 16px; background-position: -179px -39px; }
/* templates/skin/banana/css/tables.css */
/* -------------------------------------------------------------------
ТАБЛИЦЫ
------------------------------------------------------------------- */
.table { width: 100%; margin-bottom: 15px; border-collapse: separate; }
.table th { text-align: left; font-weight: normal; border-bottom: 1px solid #ddd; }
.table td { padding: 13px 10px; }
.table th,
.table .cell-tab .cell-tab-inner { padding: 6px 10px 8px; }
.table tr.active td { background: #CBF4BC; }
.table tbody td { border-top: 1px solid #f1f3f5; }
.table tbody tr:first-child td { border-top: none; }
.table.table-sm td { padding: 5px 0px; }
.table thead a { color: #727a90; text-decoration: none; }
.table thead a span { border-bottom: 1px dotted #727a90; }
.table a.asc,
.table a.desc { color: #000; border-color: #000; }
.table .asc:after { content: " ↑"; }
.table .desc:after { content: " ↓"; }
.table .cell-rating.negative { color: #f00 !important; }
.table .cell-tab { padding: 0; }
.table .cell-tab .cell-tab-inner { position: relative; top: 1px; display: inline-block; border: 1px solid transparent; border-radius: 3px 3px 0 0; border-bottom: none; }
.table .cell-tab .cell-tab-inner.active { background: #fff; border-color: #ddd; }
/* Table Blogs */
.table.table-blogs .cell-info { width: 19px; padding-right: 0; padding-left: 0; }
.table.table-blogs tbody .cell-info { vertical-align: top; }
.table.table-blogs .cell-info .blog-list-info { width: 19px; height: 19px; display: block; background: url(https://recepty.7dach.ru/templates/skin/banana/images/icons-synio.png) 0 -107px no-repeat; cursor: pointer; }
.table.table-blogs .cell-info .blog-list-info:hover,
.table.table-blogs .cell-info .blog-list-info.active { background-position: -19px -107px; }
.table.table-blogs .cell-name { padding-left: 3px; }
.table.table-blogs .cell-name .avatar { float: left; margin-right: 10px; clear: right; }
.table.table-blogs .cell-name p { overflow: hidden; margin-bottom: 5px; }
.table.table-blogs .cell-name p .blog-name { font-size: 16px }
.table.table-blogs .cell-name p i { vertical-align: middle; position: relative; top: -1px }
.table.table-blogs tbody .cell-rating { width: 70px; font-weight: bold; font-size: 13px; color: #5fa459; }
.table.table-blogs .cell-readers { width: 90px; text-align: center; vertical-align: middle; }
.table.table-blogs tbody .cell-readers { text-align: center; vertical-align: middle; font-size: 13px; }
.table.table-blogs .cell-join { width: 130px; text-align: center; vertical-align: middle; }
.table.table-blogs .cell-rating { width: 90px; text-align: center; vertical-align: middle; }
/* Table Plugins */
.table.table-plugins .cell-checkbox { width: 20px; padding: 12px 0 10px 10px; }
.table.table-plugins h3 { font-weight: bold; font-size: 17px; line-height: 20px; margin-bottom: 5px; }
/* Table Profile Notes */
.table.table-profile-notes { border-top: 1px solid #eee; }
.table.table-profile-notes td { vertical-align: top; }
.table.table-profile-notes .cell-username { width: 20%; font-weight: bold; }
.table.table-profile-notes .cell-note { width: 50%; }
.table.table-profile-notes .cell-date { text-align: right; }
/* Table Profile Info */
.table.table-profile-info { margin-bottom: 40px; }
.table.table-profile-info td { vertical-align: top; }
.table.table-profile-info .cell-label { width: 30%; color: #777; }
/* Table Users */
.table.table-users th { }
.table.table-users .cell-follow { width: 17px; text-align: center; }
.table.table-users thead .cell-follow i { position: relative; top: 3px; }
.table.table-users .cell-name { min-width: 190px; padding-right: 0; padding-left: 0; }
.table.table-users .cell-name img { float: left; margin-right: 14px; }
.table.table-users tbody .cell-name div { float: left; min-width: 125px; }
.table.table-users .cell-name .name { margin-top: 2px; }
.table.table-users .cell-name .name.no-realname { margin-top: 11px; }
.table.table-users .cell-name .username { min-width: 125px; position: relative; top: 1px; margin-bottom: 3px; }
.table.table-users .cell-name .realname { font-size: 13px; }
.table.table-users tbody .cell-date { font-size: 13px; }
.table.table-users .cell-rating { text-align: center; width: 70px; }
.table.table-users .cell-skill { text-align: center; width: 70px; }
.table.table-users .cell-date { text-align: center; width: 130px; }
.table.table-users tbody .cell-skill { color: #628fa5; font-size: 13px; font-weight: bold; }
.table.table-users tbody .cell-rating { color: #5fa459; font-size: 13px; }
.table.table-users button { float: left; margin-right: 5px; }
/* Table Talk */
.table.table-talk .cell-checkbox { width: 20px; padding: 15px 0 10px 10px; }
.table.table-talk thead .cell-checkbox { padding: 10px 0 10px 10px; }
.table.table-talk .cell-favourite { text-align: center; }
.table.table-talk tbody .cell-favourite { padding: 15px 0; }
.table.table-talk .cell-recipients { width: 130px; }
.table.table-talk tbody .cell-recipients { font-size: 11px; }
.table.table-talk tbody .cell-recipients a { color: #000; }
.table.table-talk tbody .cell-date { font-size: 11px; width: 115px; }
.table.table-talk tbody .cell-title { }
.table.table-talk tbody .cell-title span { color: #628fa5; font-weight: bold; margin-left: 4px; }
.table.table-talk tbody .cell-title .new { color: #32b319; }
.table.table-talk tbody .cell-title i { position: relative; left: -3px; }
.table.table-talk tbody td { vertical-align: top; }
.table.table-talk tbody .cell-recipients .recipients-mobile {display: none}
@media screen and (max-width:550px) {
.table.table-talk thead .cell-date {display: none}
.table.table-talk tbody .cell-date {display: none}
.table.table-talk thead .cell-recipients {width: 20px}
.table.table-talk tbody .cell-recipients {width: 20px}
.table.table-talk thead .cell-recipients .recipients-full {display: none}
.table.table-talk tbody .cell-recipients .recipients-full {display: none}
.table.table-talk tbody .cell-recipients .recipients-mobile {display: block; font-size: 18px!important;}
.table.table-talk thead .cell-checkbox{ padding-left: 5px !important; padding-right: 5px !important }
.table.table-talk thead td { padding-left: 5px !important; padding-right: 5px !important }
.table.table-talk tbody td { padding-left: 5px !important; padding-right: 5px !important }
}
/* templates/skin/banana/css/topic.css */
/* --------------------------------------------
ТОПИК
-------------------------------------------- */
.topic { margin-bottom:44px; overflow:hidden; /*clear:both;*/ }
.topic:last-child { margin-bottom: 0; }
/* QA */
.topic .qa-p { float:left !important; margin-left:6px }
/* Header */
.topic .title { margin:0 0 5px 5px; font-family:'PT Sans', sans-serif; }
.topic .title a { color:#36302b; text-decoration:none; font-size:24px; font-weight: bold; color:#36302b }
.topic .title a:hover { color:#3A873F }
.topic .topic-list-date { margin:0 0 0 5px; font-family:'PT Sans', sans-serif; font-size:13px; color:#888888 }
.topic .topic-list-date a {color:#888888; text-decoration: none; font-size: 14px; }
.topic .title i { top:7px; position:relative }
.topic .title_tags {margin:0 0 5px 5px; font-family:'PT Sans', sans-serif; }
.topic .title-full { background:#e6e4d9 url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/title-full-bg.png) repeat-x top; margin-bottom:0; min-height:50px; line-height:50px !important; overflow:hidden; text-shadow:0 1px 0 #fff; color:#36302b; font:35px 'PT Serif'; font-weight: bold; padding:0 14px }
.topic .title-full i { top:8px; position:relative }
/* Info-top */
.topic .info-top { font-family:'PT Sans', sans-serif; background:url(https://recepty.7dach.ru/templates/skin/banana/images/bg-action.png) repeat-x scroll 0 2px; font-size:12px; height:30px; margin-bottom:10px; position:relative }
.topic .info-top .title-blog { position:absolute; left:5px; top:0; background:url(https://recepty.7dach.ru/templates/skin/banana/images/actions-strelka.png) no-repeat top; padding-top:5px }
.topic .info-top .title-blog a { color:#afafaf; text-decoration:none }
.topic .info-top .title-blog a:hover { text-decoration:underline }
.topic .info-top .date { position:relative; float:right; top:0; background:url(https://recepty.7dach.ru/templates/skin/banana/images/actions-strelka.png) no-repeat top; padding-top:10px; color:#afafaf }
.topic .info-top .right { float:right; background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/date-full-strelka.png) no-repeat center top; padding-top:16px; }
.topic .info-top .right2 { position:relative; float:right; top:9px; color:#afafaf }
.topic .info-top .right2 a { margin-right:9px; text-decoration:none; background:none; color:#afafaf; height:19px; border:1px solid #e7e7e7; padding:2px 5px; border-radius:3px; line-height:19px }
.topic .info-top .right2 a:hover { color:#666 }
.topic .info-top-full { margin-bottom: 0; margin-left:8px; height:33px; background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/blog-full-strelka.png) no-repeat center bottom; display:table }
.topic .info-top-full a { color:#435336; font-size:19px; text-decoration:none }
.topic .info-top-full a:hover { color:#999 }
.topic .blog-list-info { position:relative; top:5px; left:5px; width: 19px; height: 19px; display: inline-block; background: url(https://recepty.7dach.ru/templates/skin/banana/images/icons-synio.png) 0 -107px no-repeat; cursor: pointer; }
.topic .blog-list-info:hover,
.topic .blog-list-info.active { background-position: -19px -107px; }
/* Content */
.topic .topic-content { margin-bottom: 12px; margin-left:5px; min-height: 40px;}
.topic .topic-content.text { font-family: 'PT Serif', sans-serif; line-height: 24px; }
.document-item-topic .topic-content.text { font-family: 'PT Serif', sans-serif; line-height: 24px; margin-top:20px}
/* Tags */
.topic .tags-top { background:url(https://recepty.7dach.ru/templates/skin/banana/images/bg-action.png) repeat-x center; height:40px; font-size:12px; overflow:hidden; position:relative }
.topic .tags-top .tags-name { position:absolute; left:6px; top:-4px; background:url(https://recepty.7dach.ru/templates/skin/banana/images/actions-strelka.png) no-repeat bottom; padding-bottom:10px; color:#c7c7c7; font-family:'PT Serif', sans-serif; }
.topic .tags-top .read-more { font-size:15px; font-weight: bold; position:absolute; right:0; top:10px; margin-top: -15px; }
.topic .tags-top .read-more a { color:#36302b; font-family:'PT Sans', sans-serif; padding-left:9px; text-decoration:none; background:#fff url(https://recepty.7dach.ru/templates/skin/banana/images/strelka-right.png) no-repeat right; padding-right:12px }
.topic .tags-top .read-more a:hover { color:#36302b;text-decoration: underline; }
.topic .tags { margin:0 0 0 5px; position:relative }
.topic .tags li { display: inline; color: #444; }
.topic .tags li a { text-decoration: none; font-family:'PT Sans', sans-serif;}
.topic .tags li a:hover { text-decoration:underline }
/* Info-bottom-full */
.topic .info-bottom-full { font:13px 'PT Sans'; color:#888888; margin:0 14px 15px 1px; overflow:hidden }
.tags-for-topic { font:13px 'PT Sans'; color:#888888; margin:0 14px 7px 1px; overflow:hidden; display: block; }
.topic .info-bottom-full span.tags { float:left; margin-top:14px; color:#888888; text-decoration:none; max-width: 70%; }
.topic .info-bottom-full span.tags-for-topic span::before {
content: "Запись размещена в разделах: ";
}
.topic .info-bottom-full span.tags-for-photo span::before {
content: "Фотография размещена в разделах: ";
}
.topic .info-bottom-full a:hover { color:#999 }
.topic .info-bottom-full .right { float:right; background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/date-full-strelka.png) no-repeat center top; padding-top:16px;
}
.topic .info-bottom-full .right2 { float:right; margin-top:14px; font-family:'PT Sans', sans-serif; color:#3A873F; font-size: 13px; }
.topic .info-bottom-full .right2 a { margin-right:9px; text-decoration: none; background:none; color:#3A873F; height:19px; border:1px solid #3A873F; padding:0 5px; border-radius:3px; line-height:19px; display: inline-block; white-space: nowrap; margin-bottom: 3px; margin-top: 3px;}
.topic .info-bottom-full .right2 a:hover { color:#666 }
/* Info */
.topic .info { margin-top:6px; overflow: hidden; zoom: 1; height:36px; background:#e8e6dc url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/bg-topic-info.png) repeat-x; }
.topic .info li { float:left }
.topic .info li a { text-decoration: none; }
.topic .voting { font-family:'PT Sans', sans-serif; font-weight:bold; border-right:0 solid #fff; height:30px; margin-top:6px; background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/bg-voting.png) repeat-x; z-index:0; position:relative }
.topic .voting .vote-count { float: left; color:#36302b; padding:0 8px; text-shadow:0 1px 0 #fff; background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/bg-topic-info.png) repeat-x scroll 0 -7px; height:27px; line-height:27px; border-left:1px solid #fff; border-right:1px solid #fff }
.topic .voting .vote-up { float: left; color:#36302b; padding:0 0; text-shadow:0 1px 0 #fff; background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/bg-topic-info.png) repeat-x scroll 0 -7px; height:27px; line-height:27px; border-left:1px solid #fff; border-right:1px solid #fff }
.topic .voting .vote-count a { text-decoration: none; color: #999; outline: none; }
.topic .voting.vote-count-positive .vote-count { color:#fff; text-shadow:0 1px 0 #509556; background:url(https://recepty.7dach.ru/templates/skin/banana/images/good-topic.png) repeat-x}
.topic .voting.vote-count-negative .vote-count { color:#eae8df; text-shadow:0 1px 0 #231f1c; background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/bad-topic.png) repeat-x}
.topic .voting .vote-up,
.topic .voting .vote-down { width: 110px; height: 27px; }
.topic .voting .vote-up a:hover { color:#7F756C; }
.topic .voting.voted.voted-up .vote-up { /*background-position: 0px -33px */ }
.topic .voting.voted.voted-down .vote-down { background-position: -29px -27px }
.topic .voting.voted.voted-up .vote-down:hover { background-position: -29px 0; }
.topic .voting.voted.voted-down .vote-up:hover { background-position: 0 0; }
.topic .info li.voting.guest .vote-up:hover { background-position: 0 0; }
.topic .info li.voting.guest .vote-down:hover { background-position: -29px 0; }
.topic .info li.voting .percent { right:0; background:#36302b; height:2px; width:100%; display:block; bottom:0; z-index:1; position:absolute }
.topic .info li.vk_sharing { padding-left:16px; margin-top:10px; }
.topic .info li.ok_sharing { padding-left:0; margin-top:11px;}
.topic .info li.sharing {margin-top:8px; }
.topic .info li.topic-avatar { margin:7px 1px 0 0; border-right:1px solid #fff }
.topic .info li.topic-avatar img { width:27px; height:27px; }
.topic .info li.username { padding-left:9px; padding-right:9px; margin-top:8px; line-height:27px; height:28px }
.topic .info li.username a { font-family:'PT Sans', sans-serif; font-size: 14px; font-weight: bold; color:#3d352a; text-shadow:0 1px 0 #fff }
.topic .info li.username a:hover { color:#7F756C }
.topic .voting { float:right; border-left:12px solid #fff; margin-top:7px; position:relative }
.topic .voting .like { width:29px; height:27px; background: url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/topic-favourite.png) no-repeat; display:block; float: left; }
.topic .voting .like:hover { background-position:0 -27px }
.topic .voting .like.active { background-position:0 -27px }
.topic .voting.voted.voted-up .like { background-position:0 -27px }
.topic .info li.topic-favour span { display:none; font:10px Arial; color:#eeeeed; padding:1px 4px 0 4px; height:13px; top:-6px; right:2px; line-height:12px; background:#36302b; position:absolute; border-radius:3px }
.topic .info li.topic-favour:hover span { display:block }
.topic .info li.count-comment { float:right; background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/count-favour.png) no-repeat 6px 0; height:34px; border-left:1px solid #fff; overflow:hidden }
.topic .info li.count-comment span { background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/count-favour2.png) repeat-x; margin-top:8px; display:block; height:27px; line-height:27px; font-family:Arial, sans-serif; color:#3d352a; font-weight:bold; text-shadow:0 1px 0 #fff; padding:0 12px }
.topic .info li.count-comment span em { background:#fff; font-style:normal; margin-right:-12px; padding:0 3px; margin-left:5px }
.topic .info li.count-comment.two { background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/count-favour-active.png) no-repeat 6px 0
}
.topic .info li.count-comment.two span { background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/count-favour2-active.png) repeat-x; }
.topic .info li.social-btns { float:right; border-left:10px solid #fff; overflow:hidden; margin-top:7px; }
.topic .info li.social-btns li { border-right:1px solid #fff }
.topic .info li.social-btns li a { background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/topic-social-btns.png) no-repeat; width:29px; height:27px; display:block; text-decoration:none }
.topic .info li.social-btns .vk a { background-position:0 0
}
.topic .info li.social-btns .fb a { background-position:0 -27px }
.topic .info li.social-btns .tw a { background-position:0 -54px }
/* Poll */
.poll { margin: 15px 0 15px 0;}
.poll .poll-vote { margin-bottom: 20px; margin-left: 0; list-style-type: none; }
.poll .poll-vote li { margin-bottom: 10px; }
.poll .poll-vote li:last-child { margin-bottom: 0; }
.poll .poll-vote li label { display: inline; }
.poll .poll-vote li input { position: relative; top: 1px; margin-right: 2px; }
.poll .poll-result { margin-bottom: 10px; list-style-type: none; background: #fff; overflow: hidden; }
.poll .poll-result li { margin-bottom: 20px; }
.poll .poll-result li dl { overflow: hidden; zoom: 1; }
.poll .poll-result li dl dt { float: left; width: 80px; }
.poll .poll-result li dl dt span { font-size: 11px; color: #aaa; }
.poll .poll-result li dl dd { float: left; width: 400px; }
.poll .poll-result li dl dd div { height: 7px; margin-top: 3px; background: #ccc; overflow: hidden; border-radius: 4px; }
.poll .poll-result li.most dl dd div { background: #ceb139 url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/bg-question.png) repeat-x; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); }
.poll .poll-result li.most dl dt { color: #D2A300; }
.poll .poll-total { position: relative; color: #818189; font-size: 11px; line-height: 16px; padding-left: 80px; }
.poll .poll-total .poll-sort { position: absolute; top: 2px; left: 0; width: 23px; height: 23px; background: url(https://recepty.7dach.ru/templates/skin/banana/images/icons-synio.png) -161px 0 no-repeat; cursor: pointer; }
.poll .poll-total .poll-sort.active { background-position: -184px 0; }
/* Topic Photo */
.topic.topic-type-photoset { }
.topic.topic-type-photoset .topic-photo-preview { margin-left:4px; position: relative; margin-bottom: 15px; cursor: pointer; }
.topic.topic-type-photoset .topic-photo-preview img { vertical-align: top; }
.topic.topic-type-photoset .topic-photo-preview .topic-photo-count { display: none; cursor: pointer; position: absolute; top: 5px; right: 5px; background: #000; color: #fff; padding: 4px 7px; background: rgba(0,0,0,.6); }
.topic.topic-type-photoset .topic-photo-preview .topic-photo-desc { display: none; width: 96%; padding: 7px 2%; position: absolute; bottom: 0; left: 0; background: #000; color: #fff; color: #fff; line-height: 16px; background: rgba(0,0,0,.7); }
.topic.topic-type-photoset .topic-photo-images { margin-left:4px; padding-top: 10px; margin-bottom: 15px; }
.topic.topic-type-photoset .topic-photo-images h2 { border-bottom: 1px solid #ccc; padding-bottom: 4px; margin-bottom: 15px; font-size: 25px; }
.topic.topic-type-photoset .topic-photo-images ul { overflow: hidden; zoom: 1; }
.topic.topic-type-photoset .topic-photo-images ul li { float: left; margin: 0 9px 9px 0; position: relative; }
.topic.topic-type-photoset .topic-photo-images ul li .image-number { display: none; position: absolute; top: 5px; right: 5px; background: #000; color: #fff; padding: 1px 6px; font-size: 11px; background: rgba(0,0,0,.6); }
.topic.topic-type-photoset .topic-photo-images ul li:hover .image-number { display: block; }
.topic.topic-type-photoset .topic-photo-images ul li img { vertical-align: top; }
.topic.topic-type-photoset .topic-photo-images .topic-photo-more { display: block; border-top: 1px solid #dbe6f0; text-align: center; padding: 10px 0; margin-bottom: 15px; text-decoration: none; background: #f3f7fa; color: #7b90a5; }
.topic.topic-type-photoset .topic-photo-images .topic-photo-more:hover { background: #eaf2f8; }
.topic-photo-upload { background: #F1F7FD; padding: 15px 15px 15px; margin-bottom: 20px; }
.topic-photo-upload h2 { margin-bottom: 15px; }
.topic-photo-upload ul { overflow: hidden; zoom: 1; }
.topic-photo-upload ul li { min-height: 100px; _height: 100px; margin-bottom: 10px; padding-left: 110px; position: relative; }
.topic-photo-upload ul li img { position: absolute; top: 0; left: 0; }
.topic-photo-upload ul li label { color: #aaa; }
.topic-photo-upload ul li textarea { border: 1px solid #ddd; width: 350px; height: 60px; padding: 3px; font-size: 12px; font-family: Arial, sans-serif; color: #333; }
.topic-photo-upload ul li .image-delete { text-decoration: none; margin-right: 15px; }
.topic-photo-upload ul li .image-delete:hover { color: #f00; }
.topic-photo-upload ul li.marked-as-preview .mark-as-preview { display: inline; color: #43c70f; font-weight: bold; }
.topic-photo-upload ul li .mark-as-preview { display: none; text-decoration: none; }
.topic-photo-upload ul li:hover .mark-as-preview { display: inline; }
.topic-photo-upload .topic-photo-upload-rules { color: #888; margin-bottom: 15px; }
.topic-photo-upload .topic-photo-upload-input { margin-bottom: 20px; }
.topic-photo-upload .topic-photo-upload-input input { margin-top: 3px; }
/* Topic Talk */
.topic.topic-type-talk header .topic-info { background: #f8fbfe; font-size: 11px; padding: 15px; border-radius: 5px; margin-bottom: 0; }
.topic.topic-type-talk .talk-recipients { padding: 15px; background: #f8fbfe; margin-bottom: 0; border-radius: 0; }
.topic.topic-type-talk .talk-recipients-header { font-size: 11px; min-height: 0; }
.topic.topic-type-talk .talk-recipients-content h3 { font-size: 16px; font-weight: normal; margin-bottom: 10px; }
/* Topic Link */
.topic.topic-type-link { }
.topic.topic-type-link .topic-header .topic-title a { color: #27964C; }
.topic.topic-type-link .topic-url { font-size: 11px; margin-bottom: 30px; padding-top: 10px; }
.topic.topic-type-link .topic-url a { color: #27964C; }
.topic.topic-type-link .topic-url a:hover { color: #f00; }
/* Topic Preview */
.topic-preview { margin-top: 30px; }
.topic-preview .profile-page-header { border-top: 1px solid #ddd; }
.topic-preview .topic { margin-bottom: 20px; }
.vote-topic-info li { margin-bottom: 3px; }
.topic-similar {
margin-top: 20px;
}
.topic-similar-head {
font-size: 18px; font-family: 'PT Sans', sans-serif;
background: #ffe06f url(/templates/skin/banana/images/yellow/bg-switcher2.png) repeat-x;
color: #645b52;
display: block;
border: 0;
height: 31px;
line-height: 31px;
padding: 0 5px;
border-radius: 4px;
margin-bottom: 20px;
margin-top: 30px;
}
.main-tag-list-header {
border-bottom: 2px solid #439d48;
padding-bottom: 10px;
margin-top: 30px;
margin-bottom: 20px;
}
a.topic-similar-head,
a.topic-similar-head:visited,
a.topic-similar-head:active {
display: inline-block;
font-size: 36px;
color: #111;
text-decoration: none;
font-weight: normal;
line-height: 1.2;
height: auto;
padding: 0 40px 0 0;
margin: 0;
background: url("/templates/skin/banana/images/icons/arrow2.svg") right bottom 5px no-repeat;
}
a.topic-similar-head:hover {
color: #439d48;
background: url(/templates/skin/banana/images/icons/arrow2-green.svg) right bottom 5px no-repeat;
}
.bigimage {min-height: 800px; width: 100%; padding: 0; margin: 10px 0 5px 0; position: relative}
.bigimage .title {font-size: 24px; margin-bottom: 7px; font-weight: bold; }
.bigimage .back {font-size: 24px; margin-bottom: 7px; font-weight: bold; float: right;}
.bigimage-shares {clear: both; width: 100%; display: block; height: 50px; margin-bottom: 0;}
.bigimage-shares div {float: left; width: 20%;}
.bigimage .navigation, .bigimage .title {
font-size: 100px;
text-decoration: none;
position: absolute;
top: 300px;
color: #fff;
text-shadow: 0 0 10px #000000;
opacity: 0.7;
font-weight: bold;
line-height: 70px;
border-radius: 35px;
display: none;
font-family: "PT Sans";
}
.bigimage .shares {
position: absolute;
top: 0;
left: -50px;
}
.bigimage:hover .navigation, .bigimage:hover .shares {
display: block;
}
.bigimage .navigation:hover {
/*background-color: #435336;*/
opacity: 1;
}
.bigimage .navigation.prev {left: 20px;}
.bigimage .navigation.next {right: 20px;}
.bigimage .navigation.close {right: 20px; top: 0;font-size: 40px; line-height: 40px;}
.bigimage .navigation.fork {font-size: 40px; line-height: 40px; left: 0; top: 300px; width: 100%; text-align: center;}
@media (max-width: 1323px) {
.bigimage .shares {
position: absolute;
top: 40px;
left: 13px;
display: none;
}
.bigimage .navigation.prev {left: 80px;}
}
.bigimage .title {
left: 20px; top: 10px; font-size: 20px; line-height: 20px; display: block;
font-weight: normal;
opacity: 1;
}
.click_to_show_bigimage {
display: none;
padding-right: 200px;
line-height: 30px;
color: #fff;
height: 30px;
overflow: visible;
text-shadow: 0 0 10px #000000;
font-family: "PT Sans";
font-weight: normal;
z-index: 2;
white-space: nowrap;
padding-left: 15px;
}
.text a.passive{
text-decoration: none;
}
.topic-type-gallery br + a.passive {
display: inline-block;
margin-top: 20px;
}
.main-tag-list {margin-top: 25px; }
.main-tag-list li {float: left; width: 48%; margin: 5px 2% 10px 0;}
@media (max-width: 1270px) {
.main-tag-list li {font-size: 15px; margin-bottom: 10px;}
}
.main-tag-list li img {float: left; border-radius: 5px; margin: 0 10px 5px 0; }
#content .block-item-comments { background:#bdbdbc; padding: 3px 8px; color:#fafafa; font-size:16px; border-radius:2px; }
.main-tag-list li a {font-family: 'PT Serif'; font-size: 18px; text-decoration: none; }
.main-tag-list .main-tag-list-see-all {text-align: right;font-family: 'PT Sans'; margin-top: -5px;}
.main-tag-list.bold li a {color: #36302b; font-family: 'PT Sans'; font-size: 18px; font-weight: bold;}
.main-tag-list.bold li a:hover {color: #666666; }
.topic-type-photo .resizeable {cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in;}
.topic-type-photo .resizeable.fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color: #fff;
text-align: center;
padding: 0;
margin: 0;
white-space: nowrap;
}
.topic-type-photo .resizeable.fullscreen img {
max-height: 100%;
border-radius: 0;
}
.topic-type-photo .resizeable.fullscreen:before { /* create a full-height inline block pseudo=element */
content: ' ';
display: inline-block;
vertical-align: middle; /* vertical alignment of the inline element */
height: 100%;
width: 0;
}
.topic-type-photo .resizeable.fullscreen {
vertical-align: middle;
display: inline-block;
max-height: 100%;
cursor: -webkit-zoom-out; cursor: -moz-zoom-out;
}
.topic-list-narrow {
padding-bottom: 10px;
margin: 15px 0 15px 0;
border-bottom: 1px dotted #e6e5e5;
}
.topic-list-narrow img {
float:left; border-radius: 5px; margin: 5px 13px 5px 0; max-width: 29%;
}
.photo-grid.item {
float:left; margin: 0 1% 10px 0; border-radius: 10px; width: 24%; overflow: hidden; position: relative;
}
.photo-grid.item a {
line-height: 0;margin:0;padding: 0;display:block;
}
.topic-list-item .over-photo,
.photo-grid.item .over-photo {
display: none;
width: 90%;
height: 40px;
left: 5%;
top: 30%;
position: absolute;
background: url(https://recepty.7dach.ru/templates/skin/banana/images/bg-add-yellow.png);
background-size: 100% 100%;
border-radius: 5px;
border: none;
text-decoration: none;
color: #36302b;
font-family: 'PT Sans', sans-serif;
font-weight: bold;
text-align: center;
line-height: normal;
font-size: 16px;
text-shadow: 0 1px 0 #f8f8f8;
}
.topic-list-item .over-photo:hover,
.photo-grid.item .over-photo:hover {
background: #ffdd5f url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/bg-submenu-center.png);
background-size: 100% 100%;
text-shadow: 0 1px 0 #ffefb1;
}
.topic-list-item:hover .over-photo,
.photo-grid.item:hover .over-photo {
display: block;
}
.title_tags a {font-size: 14px;}
.tags-for-topic a {font-size: 13px;}
.info-bottom-full .right2 a {font-size: 13px;}
.info-bottom-full .right2 a.delete {color: red;}
a.header-anchor {
width:12px; height:13px; background:url(https://recepty.7dach.ru/templates/skin/banana/images/link-to.png) no-repeat; display: inline-table;
}
.topic .topic-index {margin-bottom: 15px;}
.topic .topic-index-title {font-weight: bold; font-family: 'PT Sans'; font-size: 18px; }
.topic .topic-index-h2 {display: block;font-size: 16px; }
.topic .topic-index-h3 {display: block;margin-left: 15px;font-size: 15px; }
.topic .header-anchor {margin-left: 10px;}
@media screen and (max-width:1100px){
#topic_7pisem_recommendations .article {
width: 48%;
}
}
@media screen and (max-width:600px){
#topic_7pisem_recommendations .article {
width: 98%;
}
}
.index-filter {
font-family: 'PT Sans'; font-weight: bold; font-size: 18px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #edf8fd;
}
.index-filter__count {
line-height: 30px;
}
.index-filter__menu {
float: right;
white-space: nowrap;
line-height: 30px;
}
.index-filter__item {
white-space: nowrap;
margin-right: 10px;
}
.index-filter__item:last-child {
margin-right: 0;
}
.index-filter a, .index-filter span {
text-decoration: none;
margin-right: 10px;
}
.index-filter .active {
background: #ffe06f url(/templates/skin/banana/images/yellow/bg-switcher2.png) repeat-x;
color: #645b52;
display: inline-block;
border: 0;
border-radius: 4px;
padding: 5px 10px;
}
.index-filter-count {float:left}
.index-filter-count span {line-height:40px}
.topic-list-square {
float:left; border-radius: 5px; clear: left; margin: 5px 16px 5px 0; max-width: 31%;
}
.topic-list-wide {
border-radius: 5px; clear: left; margin: 5px 16px 5px 0; max-width: 100%;
display: none;
}
@media screen and (max-width:600px) {
.topic-list-square {
display: none;
}
.topic-list-wide {
display: block;
}
.index-filter a, .index-filter {
font-size: 16px;
}
.index-filter-count {float:none;text-align: center}
.index-filter-count span {line-height:33px}
}
.topic-subscribe {
font-family: 'PT Sans', sans-serif;
}
.topic-top-context-desc {
font-family: 'PT Sans';
font-size: 17px;
margin: 10px 0;
border: 4px #eee solid;
padding: 10px;
}
.topic-see-also { margin:20px 0 0 0 }
.topic-see-also ul { margin: 0; padding: 0 }
.topic-see-also-title { font-weight: 600; margin-bottom: 5px }
.d7-card{
box-shadow: 0 0 10px #999;
background: #fff;
position: relative;
padding: 8px 8px;
margin-bottom:20px;
border: 3px solid #e8e8e8;
}
/* templates/skin/banana/css/comments.css */
/* --------------------------------------------
КОММЕНТАРИИ
-------------------------------------------- */
/* Блок с комментариями */
.comments-header { margin-bottom: 16px; position: relative; overflow:hidden }
.comments-header h3 { font-size: 19px; float:left; color:#7F756B; margin-bottom: 3px; }
.comments-header .subscribe { float:left; padding:5px 0 0 30px; font-size: 12px; color:#afafaf }
.comments-header .subscribe input { top: 2px; }
.comments { margin-bottom: 30px; max-width: 1000px; }
.comment-wrapper { position: relative; }
.comment-wrapper .comment-wrapper { padding-left: 40px; }
@media screen and (max-width: 520px) {
.comment-wrapper .comment-wrapper { padding-left: 20px; }
}
.comment-wrapper .commenter-contest {display: none;}
.comment-preview { padding: 5px 10px 6px; margin-bottom: 10px; background: #fafafa; border: 1px solid #eee; border-radius: 3px; }
.comment-preview { font-size: 13px; line-height: 18px; }
/* Комментарий */
.comment { margin-bottom: 20px; position: relative; zoom: 1; z-index:10}
.comment .deleted { padding: 5px 10px; color: #777; background: #f4f4f4; }
.comment .folding { width: 13px; height: 13px; position: absolute; top: 10px; left: 2px; background: url(https://recepty.7dach.ru/templates/skin/banana/images/icons-synio.png) 0 -94px no-repeat; cursor: pointer; }
.comment .folding.folded { background-position: -13px -94px; }
/* Типы комментариев
*
* deleted - удаленный комментарий
* self - ваш комментарий
* new - новый, непрочитанный комментарий
* current - активный комментарий, который выделяется при исползование кнопки обновления в тулбаре
*
*/
.comment.self .menu-top, .comment.self .menu-top:before { background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/comment-my-bg.png) repeat-x bottom }
.comment.new .menu-top, .comment.new .menu-top:before { background:url(https://recepty.7dach.ru/templates/skin/banana/images/comment-new-bg.png) repeat-x bottom }
.comment.self .menu-top .avatar , .comment.self .menu-top .avatar :before { background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/comment-my-strelka.png) repeat-x bottom }
.comment.new .menu-top .avatar , .comment.new .menu-top .avatar :before { background:url(https://recepty.7dach.ru/templates/skin/banana/images/comment-new-strelka.png) repeat-x bottom }
.ls-user-role-not-admin .comment.comment-deleted { padding: 10px 15px; min-height: 0; background: #f7f7f7; color: #888; }
/* Comment*/
.comment .menu-top { font-family: 'PT Sans'; background:url(https://recepty.7dach.ru/templates/skin/banana/images/comment-bg.png) repeat-x bottom; min-height:48px; font-size:12px; overflow:hidden; position:relative }
.comment .menu-top li { display:inline; line-height:34px }
.comment .menu-top .avatar { position:absolute; line-height:18px; left:30px; top:3px; background:url(https://recepty.7dach.ru/templates/skin/banana/images/actions-strelka.png) no-repeat bottom; padding-bottom:10px; color:#c7c7c7; font-family:'PT Serif', sans-serif; }
.comment .menu-top .avatar img { width:27px; height:27px }
.comment .menu-top .username { font-size:14px; }
.comment .menu-top .username a { color:#3d352a; font-weight:bold; text-decoration:none }
.comment .menu-top .username img { width: 48px; border-radius: 24px; margin-bottom: -22px; margin-right: 8px;}
.comment .menu-top .date { margin-left:10px; color:#afafaf; font-size:12px }
.comment .menu-top .comment-link { float:right; margin:14px 10px 0 0
}
.comment .menu-top .comment-link a { display:block; width:12px; height:13px; background:url(https://recepty.7dach.ru/templates/skin/banana/images/link-to.png) no-repeat }
.comment .menu-top li.favor { float:right; margin-top:4px; margin-left:5px }
.comment .menu-top li.favor .favourite { width: 89px; height: 12px; cursor:pointer; background: url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/comment-favourite.png) 0 0 no-repeat }
.comment .menu-top li.favor .favourite.active { width:12px; background-position: 0 -12px }
.comment .menu-top li.favor span { color:#afafaf; position:relative; top:-2px }
.comment .menu-top .voting { overflow: hidden; zoom: 1; float:right; border:1px solid #e2e0d4; height:26px; border-radius:4px; padding:0 4px 0 6px; margin:7px 0 0 16px; line-height:26px }
.comment .menu-top .voting .vote-count { float:left; font-size:12px; font-weight:bold; font-family:Arial, sans-serif; padding:0 10px }
.comment .menu-top .voting .vote-count a { text-decoration: none; color: #999; outline: none; }
.comment .menu-top .voting.vote-count-positive .vote-count { color: #36302B; }
.comment .menu-top .voting.vote-count-negative .vote-count { color: #bfbdba }
.comment .menu-top li.voting .vote-up,
.comment .menu-top li.voting .vote-down { width: 13px; height: 17px; float: left; top:5px; cursor:pointer; display: block; background: url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/voting-comment.png) no-repeat; position: relative; outline: none }
.comment .menu-top li.voting .vote-up { background-position: 0 0; width: auto; padding-left: 17px; line-height: 15px;background: url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/voting-upcomment.png) no-repeat; }
.comment .menu-top li.voting .vote-down { background-position: -13px 0; }
.comment .menu-top li.voting .vote-up:hover { background-position: 0 -17px }
.comment .menu-top li.voting .vote-down:hover { background-position: -13px -17px }
.comment .menu-top li.voting.voted.voted-up .vote-up { background-position: 0 -17px }
.comment .menu-top li.voting.voted.voted-down .vote-down { background-position: -13px -17px }
.comment .menu-top li.voting.voted.voted-up .vote-down:hover { background-position: -13px 0; }
.comment .menu-top li.voting.voted.voted-down .vote-up:hover { background-position: 0 0; }
.comment .menu-top li.voting.guest .vote-up:hover { background-position: 0 0; }
.comment .menu-top li.voting.guest .vote-down:hover { background-position: -13px 0; }
.comment .reply { margin-left:20px; }
/* Content */
.comment .comment-content { color:#444; font-size:12px; line-height:21px; overflow: hidden; zoom: 1; margin-top:4px }
.comment pre, .comment-preview pre { overflow: auto; width: 95%; padding: 5px 2%; margin-bottom: 10px; background: #f8f8f8 url(https://recepty.7dach.ru/templates/skin/banana/images/code.gif); border: 1px solid #dce6f0; clear: both; }
.comment blockquote, .comment-preview blockquote {font-style: italic; padding: 5px 10px; background: #ffffff; border: 1px solid #ddd;}
.comment .comment-info { clear:both; overflow:hidden; }
.comment .comment-info li { float:right; font-size:13px; color:#afafaf; padding-left:15px; text-transform: lowercase }
.comment .comment-info li a { color:#888; text-decoration:none }
.comment .comment-info li.anwr a { background:url(https://recepty.7dach.ru/templates/skin/banana/images/answer-icon.png) no-repeat 0 2px; padding-left:17px }
.comment .comment-info li a:hover { color:#333 }
/* Actions */
.comment .comment-actions li { display: inline; margin-right: 10px; }
/* Форма комментирования */
.reply-header { font-family: 'PT Sans'; font-weight: bold; font-size: 20px; line-height: 1.3em; margin-bottom: 15px }
.simple-editor-reply-header { font-family: 'PT Sans'; font-weight: bold; font-size: 20px; line-height: 1.2; padding: 5px 20px; background-color: #e8e8e8; color: #444; margin-bottom: 0;}
.simple-editor-reply-header_active {cursor: pointer; padding-bottom: 10px;}
.simple-editor-reply-header_active > span {border-bottom: 1px dotted #444;}
.reply-header h4 { border:0; text-decoration:underline }
.comment-preview { padding: 5px 10px 6px; margin-bottom: 10px; background: #fafafa; border: 1px solid #eee; border-radius: 3px; font-size: 13px; line-height: 1.6em; }
.reply { margin-bottom:30px }
.reply textarea { height: 100px; border: solid 1px #e8e8e8;}
.reply textarea.loader { background: #f7f7f7 url(https://recepty.7dach.ru/templates/skin/banana/images/loader.gif) no-repeat center;}
.reply .mceEditor { display: block; margin-bottom: 10px;}
.wall-submit.wall-submit-reply.wall-submit-comment { -webkit-box-shadow: none; box-shadow: none; margin-top: 0; margin-bottom: 50px; }
.wall-submit.wall-submit-reply.wall-submit-comment:after { display: none; }
.sd-simple-editor-container {
margin-bottom: 10px;
}
.sd-simple-editor {
padding: 10px;
background-color: #e8e8e8;
height: 50px;
box-sizing: border-box;
}
.sd-simple-editor_smiles {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.sd-simple-editor__control {
font-size: 28px;
font-weight: bold;
margin-left: 10px;
cursor: pointer;
}
.sd-simple-editor_drop-area {
height: 120px;
padding-top: 10px;
}
.sd-simple-editor__drop-desc {
font-size: 14px;
font-family: "PT Sans", sans-serif;
font-weight: normal;
}
.sd-simple-editor__smiles {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
overflow-y: auto;
padding: 10px 20px 10px 20px;
font-size: 0;
background-color: #e8e8e8;
}
.sd-simple-editor__smiles > div {
cursor: pointer;
margin-right: 10px;
display: inline-block;
vertical-align: middle;
font-size: 20px;
}
.sd-simple-editor-image-box {
background-color: #e8e8e8;
border-top: 1px solid #c4c4c4;
padding: 10px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
color: #747474;
font-size: 18px;
font-family: "PT Sans", sans-serif;
}
.sd-simple-editor-image-box[hidden] {
display: none;
}
.sd-simple-editor-image,
.sd-simple-editor-image-tools {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1 1 40%;
-ms-flex: 1;
flex: 1 1 40%;
padding: 10px;
max-width: 50%;
}
.sd-simple-editor-image {
padding-right: 0;
text-align: center;
}
.sd-simple-editor-image > img {
max-height: 300px;
max-width: 100%;
}
.sd-simple-editor-image-tools {
position: relative;
padding-bottom: 50px;
}
.sd-simple-editor-image-change {
font-size: 16px;
}
.sd-simple-editor-image-remove {
position: absolute;
bottom: 15px;
left: 10px;
}
.sd-simple-editor-image-one-else {
position: absolute;
bottom: 15px;
right: 10px;
display: none;
}
.sd-simple-editor-image-box:last-child .sd-simple-editor-image-one-else {
display: block;
}
.sd-simple-editor-image-title {
box-sizing: border-box;
width: 100%;
border: 1px solid #e1e1e1;
padding: 10px 20px;
}
input.sd-simple-editor-image-title {
height: 50px;
}
.sd-simple-editor-image-control {
display: inline-block;
margin: 10px 10px 0 0;
border-radius: 5px;
background-color: white;
color: black;
font-size: 25px;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
cursor: pointer;
}
.sd-simple-editor-image-box:first-child .sd-simple-editor-image-control_up {
display: none;
}
.sd-simple-editor-image-box:last-child .sd-simple-editor-image-control_down {
display: none;
}
.sd-simple-editor-image-control i {
vertical-align: middle;
}
.sd-simple-editor-image-remove-button {
cursor: pointer;
}
.sd-simple-editor-loader {
border: 1px solid #747474;
position: relative;
}
.sd-simple-editor-loader-spinner {
background-color: #c4c4c4;
height: 50px;
width: 0;
}
.sd-simple-editor-loader-percent {
color: #747474;
text-align: center;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.comment-embedded-image-container {
display: inline-block;
margin-top: 15px;
}
.comment-embedded-image-title {
display: block;
text-align: center;
}
.sd-simple-editor-image-note {
font-size: 14px;
line-height: 1.2;
}
.sd-simple-editor-image-field_2 {
width: 50%;
box-sizing: border-box;
float: left;
padding-right: 5px;
}
.sd-simple-editor-image-field_2:last-child {
padding-left: 5px;
padding-right: 0;
}
@media screen and (max-width: 720px) {
.sd-simple-editor-image-box {
position: relative;
}
.sd-simple-editor-image-tools {
position: static;
}
.sd-simple-editor-image-control[data-rotate="-90"] {
display: none;
}
.sd-simple-editor-image-control[data-rotate="90"] {
position: absolute;
left: 10px;
top: 0;
z-index: 2;
}
.sd-simple-editor-image {
min-width: 90%;
-webkit-flex: 1 1 50%;
max-width: none;
padding-right: 10px;
}
.sd-simple-editor-image-tools {
max-width: none;
-webkit-flex: 1 1 50%;
}
.sd-simple-editor-image-remove {
left: 20px;
}
.sd-simple-editor-image-one-else {
right: 20px;
}
}
.comment-add-controls {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
font-family: "PT Sans", sans-serif;
position: relative;
z-index: 1;
}
.comment-add-controls-address {
}
.comment-add-controls-address-group {
display: inline-block;
white-space: normal;
margin-right: 20px;
}
.comment-add-controls-address-text {
white-space: nowrap;
font-weight: bold;
vertical-align: middle;
display: inline-block;
}
.comment-add-controls-address-inputs {
white-space: nowrap;
vertical-align: middle;
display: inline-block;
}
.comment-add-controls-button {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
white-space: nowrap;
margin-left: 20px;
margin-top: 10px;
}
.reply .sd-simple-editor-textarea,
.sd-simple-editor-textarea {
border: 1px solid #e8e8e8;
padding: 15px 20px;
height: 100px;
box-sizing: border-box;
line-height: 22px;
}
.sd-simple-editor-text-storage {
position: absolute;
left: -10000px;
padding: 0;
box-sizing: content-box;
word-wrap: break-word;
white-space: pre-wrap;
line-height: 22px;
}
.comment-photo .topic-preview { border-radius: 5px; clear: left; margin: 5px 16px 5px 0; width: 235px;}
@media screen and (min-width: 768px){
.comment-photo { min-height: 185px;}
.comment-photo .document-item-author__avatar {
position: absolute;
left: 250px;
top: 0;
}
.comment-photo .document-item-author {
padding-left: 310px;
}
.comment-photo .topic-preview { float:left; }
}
.emoji { width: 20px; height: 20px; }
/* templates/skin/banana/css/blocks.css */
/* -------------------------------------------------------------------
БЛОКИ
------------------------------------------------------------------- */
.block { clear:both; margin-bottom:30px }
.block:last-child { margin-bottom: 0 }
.sidebar-left .block { margin-bottom: 10px; }
.block .block-header { position: relative; margin-bottom: 4px }
.block .block-header { color:#504b47; font-family:'PT Sans', sans-serif; font-size:24px; font-weight: bold; padding-left:10px; margin-bottom:10px; }
.block .block-header a { text-decoration: none; color: #504b47 }
.block .block-header a:hover { text-decoration: underline }
.block .block-header a.link-dotted { color: #5055B2; }
.block .block-content { padding-left:10px }
.block footer { padding-top: 5px; font-size: 11px; text-align: right; }
.block .nav-pills { margin-left:10px }
.block .max-height-200 { overflow: auto; max-height: 200px; position: relative; }
/* About blog */
.block.aboutblog { overflow:hidden; background:#f6f6f6; padding:15px 20px 12px 20px; border-radius:5px }
.block.aboutblog .left { min-width:150px; float:left }
.block.aboutblog .left p { font:11px 'PT Serif'; color:#404040; line-height:16px; margin-bottom:0 }
.block.aboutblog .right { float:right; margin-top:20px }
.block.aboutblog .right .voting { position:relative; overflow: hidden; margin:0 auto 30px auto; display:table; height:24px }
.block.aboutblog .right .voting .centr { margin:auto; display:table }
.block.aboutblog .right .voting .vote-count { float:left; font-size:12px; font-weight:bold; font-family:Arial, sans-serif; padding:0 10px }
.block.aboutblog .right .voting .vote-count a { text-decoration: none; color: #999; outline: none; }
.block.aboutblog .right .voting.vote-count-positive .vote-count { color: #36302B }
.block.aboutblog .right .voting.vote-count-negative .vote-count { color: #bfbfbf; }
.block.aboutblog .right .voting .vote-up,
.block.aboutblog .right .voting .vote-down { width: 13px; height: 17px; float: left; display: block; background: url(/templates/skin/banana/images/yellow/voting-comment.png) no-repeat; position: relative; outline: none; top:0}
.block.aboutblog .right .voting .vote-up { background-position: 0 0}
.block.aboutblog .right .voting .vote-down { background-position: -13px 0 }
.block.aboutblog .right .voting .vote-up:hover { background-position: 0 -17px }
.block.aboutblog .right .voting .vote-down:hover { background-position: -13px -17px }
.block.aboutblog .right .voting.voted.voted-up .vote-up { background-position: 0 -17px !important }
.block.aboutblog .right .voting.voted.voted-down .vote-down { background-position: -13px -17px }
.block.aboutblog .right .voting.voted.voted-up .vote-down:hover { background-position: -13px 0 }
.block.aboutblog .right .voting.voted.voted-down .vote-up:hover { background-position: 0 0 }
.block.aboutblog .right .voting.guest .vote-up:hover { background-position: 0 0 }
.block.aboutblog .right .voting.guest .vote-down:hover { background-position: -13px 0 }
.block.aboutblog .right .readers { min-width:88px; margin:0 auto; display:table; text-align:center; color:#3d352a; position:relative; font-weight:bold; margin-bottom:20px; font-size:12px; font-family:Arial, sans-serif; height:19px; background:url(/templates/skin/banana/images/yellow/readers-bg.png) repeat-x bottom; padding:0 6px }
.block.aboutblog .right .readers .percent { background:#36302b; height:2px; left:0; width:100%; display:block; bottom:0; z-index:1; position:absolute }
.block.aboutblog .right .button { margin:0 auto; display:table }
/* Block Type - Stream */
.block .block-update { width: 20px; height: 20px; background: url(https://recepty.7dach.ru/templates/skin/banana/images/icons-synio.png) 0 -200px no-repeat; cursor: pointer; }
.block .block-update:hover { background-position: -20px -200px; }
.block .block-update.active { background-position: -40px -200px; }
.block.block-type-stream header a { float:left; }
.block.block-type-stream .block-update { float:left; position:relative; top:6px; left:8px }
.block.block-type-stream .block-content { padding-left:0 }
.block.block-type-stream .block-content .latest-list { font-family:'PT Serif', sans-serif; margin-top:-4px }
.block.block-type-stream .block-content .latest-list li { clear:both; border-bottom:1px dotted #e6e5e5; padding:0 10px 8px 10px; margin-bottom:8px; min-height: 45px; }
.block.block-type-stream .block-content .latest-list li:last-child { padding-bottom:0; border-bottom:0 }
.block.block-type-stream .block-content .latest-list li .avatar { float:left; margin:4px 10px 0 0 }
.block.block-type-stream .block-content .latest-list li .avatar img { width:48px; height:48px; border-radius: 24px; margin-top: -5px; }
.block.block-type-stream .block-content .latest-list li .info { display:table }
.block.block-type-stream .block-content .latest-list li .info p { margin-bottom:0; line-height:15px }
.block.block-type-stream .block-content .latest-list li .info p.stream-topic a { color:#676767; font-size:16px; text-decoration:none }
.block.block-type-stream .block-content .latest-list li .info p.stream-topic a:hover { color:#666; text-decoration:underline }
.block.block-type-stream .block-content .latest-list li .info p.stream-topic span { background:#bdbdbc; padding:0 3px 1px 3px; color:#fafafa; font-size:10px; border-radius:2px }
.block.block-type-stream .block-content .latest-list li .info p.stream-author a { color:#676767; font-size:12px; padding-left:9px; background:url(/templates/skin/banana/images/stream-strelka.png) no-repeat 0 4px; text-decoration:none }
.block.block-type-stream .block-content .latest-list li .info p.stream-author a:hover { text-decoration:underline }
.block.block-type-stream .block-content .latest-list li .info p.stream-topic2 a { color:#676767; font-size:14px; text-decoration:none }
.block.block-type-stream .block-content .latest-list li .info p.stream-topic2 a:hover { text-decoration:underline }
.block.block-type-similar header a { float:left; }
.block.block-type-similar .block-update { float:left; position:relative; top:6px; left:8px }
.block.block-type-similar .block-content { padding-left:0 }
.block.block-type-similar .block-content .latest-list { font-family:'PT Serif', sans-serif; }
.block.block-type-similar .block-content .latest-list li { min-height: 25px; clear:both; border-bottom:1px dotted #e6e5e5; padding:0 10px 8px 10px; margin-bottom:8px; margin-top: 4px; }
.habitomato .block .block-header,
.habitomato .block.block-type-similar .block-content .latest-list li {
padding-left: 0
}
.block.block-type-similar .block-content .latest-list li:last-child { padding-bottom:0; border-bottom:0 }
.block.block-type-similar .block-content .latest-list li .avatar { float:left; margin:4px 10px 0 0 }
.block.block-type-similar .block-content .latest-list li .avatar img { width:27px; height:27px }
.block.block-type-similar .block-content .latest-list li .info { display:flex; width: 100%; }
.block.block-type-similar .block-content .latest-list li .info p { margin-bottom:0; line-height:17px }
.block.block-type-similar .block-content .latest-list li .info p.similar-topic a { color:#333; font-size:16px; text-decoration:none;font-family: sans-serif; word-break: break-word; }
.block.block-type-similar .block-content .latest-list li .info p.similar-topic a:visited { color:#999; }
.block.block-type-similar .block-content .latest-list li .info p.similar-topic a:hover { color:#666; text-decoration:underline }
.block.block-type-similar .block-content .latest-list li .info p.similar-topic span { background:#bdbdbc; padding:0 3px 1px 3px; color:#fafafa; font-size:10px; border-radius:2px }
.block.block-type-similar .block-content .latest-list li .info p.similar-author a { font-family: sans-serif; color:#676767; font-size:13px; text-decoration:none }
.block.block-type-similar .block-content .latest-list li .info p.similar-author a:first-child { padding-left:9px; background:url(/templates/skin/banana/images/stream-strelka.png) no-repeat 0 4px; }
.block.block-type-similar .block-content .latest-list li .info p.similar-author a:hover { text-decoration:underline }
.block.block-type-similar .block-content .latest-list li .info p.similar-topic2 a { color:#676767; font-size:14px; text-decoration:none }
.block.block-type-similar .block-content .latest-list li .info p.similar-topic2 a:hover { text-decoration:underline }
.block.block-type-similar .block-content .latest-list li .info a img {width: 145px; height: 90px; float:left; border-radius: 0; clear: left; margin: 0 12px 0 0;}
.left-column-enabled .block.block-type-similar .block-content .latest-list li .info a img {width: 90px;}
.block.block-type-similar .block-content.sticky-banner .latest-list li .info a img {width: 90px;}
/* Block Type - Activity Settings */
.block.block-type-activity p { margin-bottom: 15px; }
.block.block-type-activity ul li { }
.block.block-type-activity ul.stream-settings-blogs li { margin-bottom: 3px; }
.block.block-type-activity .note { display: block; margin-bottom: 15px; color: #aaa; }
/* Block Type - Profile */
.block .nav.nav-profile { margin-bottom: 15px; }
.block .nav.nav-profile li { float: none; font-size: 15px; border-bottom: 1px dotted #dce1e6; padding: 8px 10px 10px 30px; }
.block .nav.nav-profile li.active a { text-decoration: none; color: #000; }
.block.block-type-profile { background: none; border: none; padding: 0; }
.block.block-type-profile .profile-photo-wrapper { position: relative; min-height: 50px; background:#F8FBFE }
.block.block-type-profile .profile-photo1 { margin:0 auto; display:table; position:relative }
.block.block-type-profile .profile-photo { vertical-align: top; max-width: 240px }
.left-column-layout__sidebar .status,
.block.block-type-profile .status { position: absolute; top: 10px; left: 0; padding: 0 0 0 10px; font-size: 11px; line-height: 18px; height: 20px; }
.left-column-layout__sidebar .status:before,
.block.block-type-profile .status:before { content: '';
position: absolute; top: 0; right: -20px; width: 0; height: 0; border: 10px solid #333;}
.left-column-layout__sidebar .status.status-online,
.block.block-type-profile .status.status-online { background: #8961e4; color: #fff; }
.left-column-layout__sidebar .status.status-online:before,
.block.block-type-profile .status.status-online:before { border-color: #8961e4 transparent #8961e4 #8961e4; }
.left-column-layout__sidebar .status.status-offline,
.block.block-type-profile .status.status-offline { background: #fff; color: #333; opacity: .5; filter: alpha(opacity=50); }
.left-column-layout__sidebar .status.status-offline:before,
.block.block-type-profile .status.status-offline:before { border-color: #fff transparent #fff #fff; }
.block.block-type-profile .upload-photo { padding: 10px 30px 15px 30px; background: #f8fbfe; font-size: 11px; }
.block.block-type-profile .upload-photo a { color: #727a90; border-color: #727a90; }
.block.block-type-profile-note { border: 2px solid #ffe25d; padding: 15px; border-radius: 5px; }
.block.block-type-profile-note p { margin-bottom: 10px; }
.block.block-type-profile-note .actions { margin-bottom: 0; font-size: 11px; }
.block.block-type-profile-note .actions a { color: #275ec2; border-color: #275ec2; }
.block.block-type-profile-note .actions a:hover { color: #f00; border-color: #f00; }
.block.block-type-profile-nav { padding: 0; background: none; border: none; }
.block.block-type-profile-actions { border: none; }
.block.block-type-profile-actions .block-content { padding: 0 0 0 30px; }
.block.block-type-profile-actions ul li { margin-bottom: 5px; font-size: 11px; }
.block.block-type-profile-actions ul li:last-child { margin-bottom: 0; }
.block.block-type-profile-actions ul li a { color: #727a90; }
.block.block-type-profile-actions ul li a:hover { color: #f00; }
.block.block-type-profile-actions ul li a.followed { color: #f00; }
/* Block Type - Foldable */
.block.block-type-foldable { background: none; }
.block.block-type-foldable .block-header { background: none; border: none; padding: 0 0 10px; }
.block.block-type-foldable .block-content { display: none; background: #fafafa; }
.block.block-type-talk-search { margin-bottom: 10px; }
.block.block-type-talk-friends { margin-bottom: 10px; }
/* Block Type - Blogs */
.block.block-type-blogs { margin-top: 15px; }
.block.block-type-blogs header .title { float:left; }
.block.block-type-blogs .block-update { float:left; position:relative; top:5px; left:8px }
.block.block-type-blogs .block-content { padding-left:0 }
.block.block-type-blogs .block-blog-list { font-family:'PT Serif', sans-serif; }
.block.block-type-blogs .block-blog-list li { clear:both; position:relative; overflow:hidden; border-bottom:1px dotted #e6e5e5; padding:0 10px 8px 10px; margin-bottom:8px; vertical-align:middle }
.block.block-type-blogs .block-blog-list li:last-child { padding-bottom:0; border-bottom:0 }
.block.block-type-blogs .block-blog-list li a {}
.block.block-type-blogs .block-blog-list li a:hover { text-decoration:underline }
.block.block-type-blogs .block-blog-list li .rating { position:absolute; right:0; top:0; font-family:Arial, sans-serif; font-size:12px; font-weight:bold; color:#3d352a }
.block.block-type-blogs .block-blog-list li .lock { float:right; margin-left:4px; background: url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/lock.gif); width: 16px; height: 16px;display: inline-block; }
.block-type-blogs__img {
width: 145px;
float: left;
margin-right: 12px;
}
.block-type-blogs__blog {
text-decoration: none;
color: #676767;
}
.block-type-blogs__author {
color:#676767;
font-size:12px;
text-decoration:none;
font-weight: normal;
}
/* Block Type - Tags */
.block.block-type-tags { background:#f0f0f0; padding:10px; border-radius:6px }
.block.floatingFixed.floating {
padding-left: 5px;
margin-left: -5px;
background-color: #FAFAFA;
-webkit-box-shadow: inset 5px 5px 5px 0 rgba(230,228,217,1);
-moz-box-shadow: inset 5px 5px 5px 0 rgba(230,228,217,1);
box-shadow: inset 5px 5px 5px 0 rgba(230,228,217,1);
}
.block .sticky-banner {
min-height: 400px;
border-top: 1px dashed #ccc;
margin-bottom: 20px;
transition: all 1s ease;
}
.block .sticky-banner .sticky {
padding-top: 15px;
min-height: 400px;
width: 300px;
display: block;
position: relative;
z-index: 10;
}
.has-floating-hat .is_stuck {
/*margin-top: 50px;*/
}
.block-type-storefront { padding-left: 10px;}
.block-type-storefront .item {margin-top: 25px; padding-bottom: 25px; border-bottom: 1px dashed #CCC;}
.block-type-storefront .item:last-child {border-bottom: none;}
.block-type-storefront .title {display: block; line-height: 20px; margin-bottom: 10px;}
.block-type-storefront img {max-width: 100%;}
.block-type-storefront .price {color: red; font-weight: bold;font-family: "PT Sans",sans-serif; display: block; font-size: 18px; width: 50%;}
.block-type-storefront .price.old {color: #aaa;position: relative;}
.block-type-storefront .price.old span {
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 10px;
margin: -5px 0 0;
width: 50%;
background: url("/templates/skin/banana/images/cost-old-wide.png") no-repeat scroll 0 0 transparent;}
.block-type-storefront .buy { float: right;
width: 88px; background: linear-gradient(to bottom, #ED1C25 0%, #EB1820 100%) repeat scroll 0 0 transparent; cursor: pointer;text-shadow: 0 1px 0 #FFEFB1;
font-size: 18px;text-decoration: none;
color: #fff;
font-weight: bold;font-family: "PT Sans",sans-serif;
line-height: 18px;
padding: 13px;
display:block;
text-align: center;
}
.block-type-storefront .buy:hover {box-shadow: 0 -2px #ffd100 inset;
background: #ffea00;
color: #ed1b24;
}
.block-type-question .similar-topic > a {font-weight: normal;}
.mobile-sticky-banner {
width: 100%;
max-height: 150px;
position: fixed;
bottom: 0;
right: 0;
z-index: 1000;
}
.mobile-sticky-banner.active {
display: block;
padding: 50px 0 0 0;
margin: 0 0 0 10px;
}
.mobile-sticky-banner-canvas {
width: 100%;
background-color: #333;
text-align: center;
}
.mobile-sticky-banner .yandex-ad {
display: inline-block;
background-color: #fff;
width: 320px;
height: 100px;
}
.mobile-sticky-banner .close-button {
display: none;
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
background-color: #333;
color: #fff;
font-size: 30px;
text-align: center;
line-height: 45px;
border-top-left-radius: 5px;
}
.sidebar-top-banner {
width: 335px;
height: 100px;
margin-left: -5px;
background-color: white;
margin-top: -15px;
margin-bottom: 15px;
/*box-shadow: 5px 5px 5px 0px rgba(230,228,217,1);*/
}
.block-type-lunar {
margin-right: 10px;
}
.block-type-youtube {
overflow: auto;
margin: 10px 0 30px 0;
}
.block-type-youtube .block-header {
padding-left: 0;
}
.block-type-youtube .block-content {
max-height: 600px;
overflow-y: auto;
overflow-x: hidden;
padding-left: 0;
}
.block-type-youtube i {
font-size: 40px;
}
.block-type-youtube iframe {
margin-bottom: 10px;
}
.block-content .stream-item img {
max-width: 100%;
}
.user-events {
margin: 0 0 20px;
font-family: "PT Sans", sans-serif;
font-size: 16px;
line-height: 1.2;
}
.user-events_sidebar {
margin: 0 0 20px;
font-family: "PT Sans", sans-serif;
font-size: 16px;
line-height: 1.2;
}
.user-events__title,
.user-events__title:hover,
.user-events__title:visited,
.user-events__title:active {
font-size: 16px;
line-height: 1.2;
}
.user-events__item {
position: relative;
min-height: 48px;
border-bottom: 1px dotted #e6e5e5;
padding: 0 10px 8px 68px;
margin: 10px 0;
}
.user-events__item.user-events__group {
padding: 0 10px 8px 8px;
}
.user-events_modal .user-events__item {
padding: 0 10px 8px 68px;
}
.user-events__avatar {
position: absolute;
top: 0;
left: 8px;
width:48px;
height:48px;
}
.user-events__avatar img {
width:48px;
height:48px;
border-radius: 24px;
}
.user-events__date {
font-size: 11px;
color: #818189;
}
.user-events_sidebar .user-events__date {
display: none;
}
.user-events__login,
.user-events__login:hover,
.user-events__login:visited,
.user-events__login:active {
color: #333;
font-size: 16px;
line-height: 1.2;
}
.user-events__buttons {
text-align: right;
}
.user-events .text {
font-size: 16px;
line-height: 1.2;
}
.habitomato_right-sticky-1 .block.block-type-similar .block-content .latest-list li .info p.similar-topic a {
font-size: 16px;
}
#block_blog_info img {
max-width: 100%;
}
.adfox-background #container {
background-color: #fff;
margin-top: 250px;
}
.adfox-background .footer .container {
background-color: #fff;
padding: 15px;
color: #000;
margin-top: -72px;
}
.adfox-background .footer .container a {
color: #000;
}
.adfox-background .footer .depositphotos-logo { background-image: url("/templates/skin/banana/images/depositphotos-logo-dark.png"); }
.adfox-background .floating-hat {
display: none;
visibility: hidden;
}
.poll-result-sidebar li {
margin-bottom: 10px;
}
/* templates/skin/banana/css/modals.css */
/* --------------------------------------------
MODALS
-------------------------------------------- */
.modal {
display: none;
position: fixed;
top: 15%;
left: 50%;
width: 660px;
margin-left: -330px;
color: #333;
background-color: #fbfcfc;
border-radius: 10px;
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.5); box-shadow: 0 0 15px rgba(0,0,0,.5);
overflow: hidden;
}
.modal .close {
position: absolute;
top: 7px;
right: 8px;
width: 18px;
height: 18px;
display: block;
cursor: pointer;
}
.modal .close:hover { background-position: -131px -55px; }
.modal .modal-header { padding: 15px 30px 0; }
.modal .modal-header h3 { font-size: 20px; font-weight: bold; margin-right: 20px; }
.modal .modal-content { padding: 30px 30px; }
.jqmOverlay { background-color: #000; }
* html .modal { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }
/* Login */
.modal.modal-login { width: 450px; margin-left: -225px; top: 10px; }
.modal.modal-login .nav { margin-bottom: 0; }
.modal.modal-login .modal-header { margin-bottom: 0; }
.modal.modal-login .modal-content { padding-top: 15px; }
.modal.modal-login .remember-label { font-size: 11px; color: #6c7272; }
.modal.modal-login .remember-label input { top: 2px; }
.modal.modal-login .icon-question-sign { position: relative; top: -3px; }
.modal.modal-login .icon-ok-green { position: relative; top: -1px; }
/* Write */
.modal.modal-write { width: 620px; margin-left: -310px; top: 70px; background: #e0eff9; }
.modal.modal-write .modal-content { padding: 20px 10px 20px; *padding: 20px 10px 25px; }
.modal.modal-write .write-list { *overflow: hidden; *zoom: 1; }
.modal.modal-write .write-list li { width: 125px; margin: 0 10px 20px; font-size: 19px; font-family: 'PT Sans', sans-serif; text-align: center; overflow: hidden; display: inline-table; *float: left; }
.modal.modal-write .write-list li a { color: #727a90; }
.modal.modal-write .write-list li:hover a { color: #275ec2; }
.modal.modal-write .write-list li .write-item-image { display: block; margin: 0 auto; width: 115px; height: 115px; border-radius: 3px; text-align: center; background: url() no-repeat; margin-bottom: 0; }
.modal.modal-write .write-list li.write-item-type-topic .write-item-image { background-position: 0 0; }
.modal.modal-write .write-list li.write-item-type-poll .write-item-image { background-position: -115px 0; }
.modal.modal-write .write-list li.write-item-type-link .write-item-image { background-position: -230px 0; }
.modal.modal-write .write-list li.write-item-type-message .write-item-image { background-position: -345px 0; }
.modal.modal-write .write-list li.write-item-type-blog .write-item-image { background-position: -115px 0; }
.modal.modal-write .write-list li.write-item-type-draft .write-item-image { background-position: 0 0; }
.modal.modal-write .write-list li.write-item-type-topic:hover .write-item-image { background-position: 0 -115px; }
.modal.modal-write .write-list li.write-item-type-poll:hover .write-item-image { background-position: -115px -115px; }
.modal.modal-write .write-list li.write-item-type-link:hover .write-item-image { background-position: -230px -115px; }
.modal.modal-write .write-list li.write-item-type-message:hover .write-item-image { background-position: -345px -115px; }
.modal.modal-write .write-list li.write-item-type-blog:hover .write-item-image { background-position: -115px -115px; }
.modal.modal-write .write-list li.write-item-type-draft:hover .write-item-image { background-position: 0 -115px; }
/* Upload Image */
.modal.modal-image-upload { width: 500px; margin-left: -250px; }
.modal.modal-upload-photo .image-border, .modal.modal-upload-avatar .image-border { float: left; border-radius: 5px; background: #fff; padding: 5px; margin-bottom: 15px; box-shadow: 0 0 5px rgba(0,0,0,.2); }
#avatar-resize-original-img { max-width: 200px; width: 100%; }
.modal.modal-support { width: 600px; margin-left: -300px; top: 10px; }
.modal.modal-domvsadu { width: 360px; top: 40px; margin-left: -180px; display: block; position: fixed;}
.modal.modal-top { top: 5px; }
.modal.modal-scroll { position: absolute; }
.modal.modal-600 {width:600px;margin-left:-300px}
.modal.modal-subscribe
{
width:816px;
margin-left: -408px;
height: 360px;
}
.modal.modal-subscribe .modal-header {
padding: 0;
}
.modal.modal-subscribe .modal-content {
padding: 30px 30px;
height:300px;
}
.modal.modal-subscribe .modal-content .cover
{
float:left;width:300px;height:300px;position:relative;
}
.modal.modal-subscribe .modal-content .form-wrap
{
float:left;width:450px;
}
.modal.modal-subscribe .modal-content .cover .topic
{
display:none;top:0;left:0;width:300px;height:300px;position:absolute;overflow: hidden;
}
.modal.modal-subscribe .modal-content .cover .topic .wrapper
{
width:300px;height:300px;position:relative;
}
.modal.modal-subscribe .modal-content .cover .topic .wrapper .image
{
top:0;left:0;width:300px;height:300px;position:absolute;background-repeat: no-repeat; background-position: center center; background-size: contain;
}
.modal.modal-subscribe .modal-content .cover .topic .wrapper .label
{
bottom: 0;
left: 0;
width: 280px;
height: 50px;
position: absolute;
background-color: #333;
opacity: 0.9;
color: #fff;
padding: 10px;
text-align: center;
font-family: 'PT Sans',sans-serif;
}
.modal.modal-subscribe .modal-content .form-wrap .form-block
{
height:240px;
}
.modal.modal-subscribe .modal-content .form-wrap h3,
.modal.modal-subscribe .modal-content .form-wrap p
{
text-align: center;
}
.modal.modal-subscribe .modal-content .form-block h3 {
font-size: 21px;
padding: 0 0 4px;
}
.modal.modal-subscribe .modal-content .form-block p {
font-size: 16px;
padding: 0 0 4px;
}
#modal-support-author, #modal-support-question {
width: 534px; margin-left: -267px;
top: 50px;
}
#modal-support-author form label, #modal-support-question form label {
display: inline;
margin-right: 10px;
}
#modal-support-author .modal-content.result, #modal-support-question .modal-content.result {
display: none;
}
#modal-support-author button, #modal-support-question button {
display: inline-block;
margin-top: 10px;
width: 210px;
font-size: 16px;
}
#window_ask_form textarea {
resize: none;
overflow-y: auto;
max-height: 100px;
}
@media screen and (max-width: 719px) {
#modal-support-author, #modal-support-question {
width: 100%; margin-left: 0;
top: 0;
}
}
/* templates/skin/banana/css/blog.css */
/* --------------------------------------------
БЛОГ
-------------------------------------------- */
/*.blog-top .page-header { margin-bottom:0; float:left }*/
.blog-top .button { float:left; position:relative; top:3px; left:20px }
.blog-top { position: relative }
.blog-top .voting { position:relative; overflow: hidden; float:right; margin-top:5px; margin-bottom:15px; height:24px;}
.blog-top .voting .centr { margin:auto; display:table }
.blog-top .voting .vote-count { float:left; font-size:12px; font-weight:bold; font-family:Arial, sans-serif; padding:0 10px }
.blog-top .voting .vote-count a { text-decoration: none; color: #999; outline: none; }
.blog-top .voting.vote-count-positive .vote-count { color: #36302B }
.blog-top .voting.vote-count-negative .vote-count { color: #bfbfbf; }
.blog-top .voting .vote-up,
.blog-top .voting .vote-down { width: 13px; height: 17px; float: left; display: block; background: url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/voting-comment.png) no-repeat; position: relative; outline: none; top:0
}
.blog-top .voting .vote-up { background-position: 0 0 !important }
.blog-top .voting .vote-down { background-position: -13px 0 !important; }
.blog-top .voting .vote-up:hover { background-position: 0 -17px !important }
.blog-top .voting .vote-down:hover { background-position: -13px -17px !important }
.blog-top .voting.voted.voted-up .vote-up { background-position: 0 -17px !important }
.blog-top .voting.voted.voted-down .vote-down { background-position: -13px -17px !important }
.blog-top .voting.voted.voted-up .vote-down:hover { background-position: -13px 0 !important; }
.blog-top .voting.voted.voted-down .vote-up:hover { background-position: 0 0 !important; }
.blog-top .voting.guest .vote-up:hover { background-position: 0 0 !important; }
.blog-top .voting.guest .vote-down:hover { background-position: -13px 0 !important; }
/* Blog Mini */
.blog-mini {
margin-bottom: 50px;
overflow: hidden; zoom: 1;
border-radius: 5px;
background:#F0F0F0;
padding:5px 15px;
}
.blog-mini button { margin-left: 20px; }
.blog-mini .fl-r a { margin-left: 14px }
.blog-mini .fl-r a.link-dotted { border-color: #727a90 }
.blog {
overflow: hidden;
margin-bottom: 50px;
background: #F0F0F0;
border-radius: 5px;
clear:both
}
.blog-inner { padding:15px }
/* Header */
.blog .blog-header { position: relative; padding: 10px 0 25px 78px; overflow:hidden; border-bottom: 1px solid #ccc; min-height: 16px; }
.blog .blog-header h2 { font-size: 20px; font-weight: bold; line-height: 1em; margin-top: 3px; margin-bottom: 7px; }
.blog .blog-header h2 i { position: relative; top: 5px; }
.blog .blog-header .close { position: absolute; top: 12px; right: 0; font-size: 12px; cursor: pointer; }
.blog .blog-header .close i { margin-left: 5px; }
.blog .blog-header .avatar { position: absolute; top: 2px; left: 22px; width: 39px; height: 39px; }
.blog .blog-header .vote-label { text-transform: uppercase; text-align: right; font-size: 11px; color: #aaa; }
.blog .blog-header .count { font-size: 34px; line-height: 1em; font-weight: bold; text-align: right; }
.blog .blog-header .vote { position: absolute; top: 15px; right: 15px; }
.blog .blog-header .vote .vote-count { padding-left: 25px; display: block; color: #333; }
.blog .blog-header .vote .vote-up { position: absolute; top: 22px; left: 0; display: none; }
.blog .blog-header .vote .vote-down { position: absolute; top: 35px; left: 0; display: none; }
.blog .blog-header .vote:hover .vote-up,
.blog .blog-header .vote:hover .vote-down,
.blog .blog-header .vote.voted .vote-up,
.blog .blog-header .vote.voted .vote-down { display: inline-block; }
.blog .blog-header .vote.vote-count-positive .vote-count { color: #5055B2; }
.blog-description img {
max-width: 100%;
}
.blog .blog-header .actions { margin-bottom: 0; }
/* Content */
.blog .blog-content { padding: 22px 8px 20px 22px; border-top: 1px solid #fff; }
.blog .blog-content .ttle { font-size:18px; margin-bottom:10px; font-family:'PT Sans', Arial, sans-serif }
.blog .blog-content .blog-description { margin-bottom: 25px}
.blog-add-button {margin: 20px auto 30px; padding-bottom: 20px; text-align: center; border-bottom: 1px solid #e8e8e8}
.blog-add-button > .button {float: none;}
.blog .blog-content .user-avatar { margin-right: 10px; }
.blog-info { width: 300px; margin-bottom: 30px; }
.blog-info li { margin-bottom: 5px; background: url(https://recepty.7dach.ru/templates/skin/banana/images/dots.png) 0 14px repeat-x; position: relative; padding-right: 50px; }
.blog-info li span { padding-right: 2px; }
.blog-info li strong { width: 150px; position: absolute; top: 0; right: 0; padding-left: 2px; font-weight: normal; }
.blog-info li.rating strong { color: #5fa459; }
/* Footer */
.blog .blog-footer { padding: 22px 26px 22px 36px; background: #ddd; font-size: 12px; }
.blog .blog-footer button { margin-right: 10px; }
.blog .blog-footer .admin { float: right; }
.blog .blog-footer .admin img { width: 16px; height: 16px; vertical-align: middle; margin-right: 1px; }
/* More Button */
.blog-more { display: block; padding: 10px 0; text-align: center; text-decoration: none; background: #fafafa; }
.blog-more:hover { background: #eee; }
.button_blog-tag-edit {
margin-right: 5px;
}
/* templates/skin/banana/css/profile.css */
/* --------------------------------------------
СТРАНИЦА ПОЛЬЗОВАТЕЛЯ
-------------------------------------------- */
/* User profile */
.user-profile { margin-bottom: 20px; overflow: hidden; zoom: 1; position: relative; }
.user-profile-top { background:#e6e4d9 url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/title-full-bg.png) repeat-x; margin-bottom:0; height:42px; line-height:42px; overflow:hidden; text-shadow:0 1px 0 #fff; color:#36302b; font:31px 'PT Serif'; padding:0 18px }
.user-profile-top h3 { float:left; font:31px 'PT Serif', sans-serif; display:block; width:220px; overflow:hidden; position:relative; }
.user-profile-top h3 .fon-bg { background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/h3-title-bg.png) no-repeat; position:absolute; top:0; right:0; width:59px; height:42px }
.user-profile-top .friend-btn { float:right; margin-top:7px }
.user-profile-top .friend-btn li { float:left; margin-left:10px }
.user-profile-top .friend-btn .send { display:block; width:187px; height:27px; text-decoration:none; background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/profile-send.png) no-repeat }
.user-profile-top .friend-btn li#add_friend_item a { display:block; width:167px; height:27px; text-decoration:none; background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/friend-btn.png) no-repeat }
.user-profile-top .friend-btn li#delete_friend_item a { display:block; width:167px; height:27px; text-decoration:none; background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/friend-btn.png) no-repeat 0 -27px }
.user-profile-top .friend-btn li#reject_friend_item { display:block; width:167px; height:27px; text-decoration:none; background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/friend-btn.png) no-repeat 0 -81px }
.user-profile-top .friend-btn li#send_friend_item { display:block; width:167px; height:27px; text-decoration:none; background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/friend-btn.png) no-repeat 0 -54px }
.user-profile-info { clear:both; position:relative }
.user-profile-info1 .avatar { float:left; margin-right:12px; width:80px; height:80px; background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/date-full-strelka.png) no-repeat center top; padding-top:16px}
.user-profile-info1 .about-user { padding-top:26px }
.user-profile-info1 .about-user .realname { color:#504b47; font:27px 'PT Serif', sans-serif; margin-bottom:0
}
.user-profile-info1 .about-user .last-visit { color:#918f87; font-size:13px; margin-bottom:0
}
.user-profile-info1 .about-user .live { color:#504b47; margin-bottom:0
}
.user-profile-info1 .about-user .live a { font-size:12px; color:#92918b; font-weight:bold; font-family:'PT Serif', sans-serif }
.user-profile-info1 { overflow:hidden }
.user-profile-info2 { margin-top:30px }
.user-profile-info2 .info-top { background:url(https://recepty.7dach.ru/templates/skin/banana/images/bg-action.png) repeat-x center; height:40px; overflow:hidden; position:relative }
.user-profile-info2 .info-top .info-name { position:absolute; left:6px; top:-3px; background:url(https://recepty.7dach.ru/templates/skin/banana/images/actions-strelka.png) no-repeat bottom; padding-bottom:9px; font:16px 'PT Serif', sans-serif; color:#504b47 }
.user-profile-info2 li { padding-bottom:14px; margin-left:14px; font-size:14px; color:#565656; }
.user-profile-info2 li b { font:14px 'PT Serif', sans-serif; color:#918f87; font-weight:normal; width:130px; display:block; float:left; margin-right: 10px; }
.user-profile-info2 li .about-user2 { display:table }
.user-profile-info3 { margin-top:26px; margin-right:-20px }
.user-profile-info3 .blockinfo { float:left; width:30%; margin-right:20px }
.user-profile-info3 .blockinfo .info-top2 { background:url(https://recepty.7dach.ru/templates/skin/banana/images/bg-action.png) repeat-x center; height:40px; overflow:hidden; position:relative }
.user-profile-info3 .blockinfo .info-top2 .info-name { position:absolute; left:6px; top:-3px; background:url(https://recepty.7dach.ru/templates/skin/banana/images/actions-strelka.png) no-repeat bottom; padding-bottom:9px; font:16px 'PT Serif', sans-serif; color:#504b47 }
.user-profile-info3 .blockinfo ul li { margin-left:10px; display:table; margin-bottom:6px; background:#e2e0d4; padding:0 6px; border-radius:4px; height:18px; line-height:18px }
.user-profile-info3 .blockinfo ul li:hover { background:#ffde64 url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/profile-menu-bg.png) repeat-x }
.user-profile-info3 .blockinfo ul li a { background:url(https://recepty.7dach.ru/templates/skin/banana/images/profile-strelka.png) no-repeat right; padding-right:15px; font-size:12px; color:#565656; text-decoration:none }
.user-profile-info3 .blockinfo ul li a:hover { background:url(https://recepty.7dach.ru/templates/skin/banana/images/profile-strelka-hover.png) no-repeat right; }
.user-profile .voting { margin:16px 10px 0 0; float:right; position:relative }
.user-profile .voting .text { font:12px 'PT Serif', sans-serif; color:#918f87; margin-bottom:2px; }
.user-profile .voting .count { display:none; font:12px 'PT Serif', sans-serif; color:#eeeeed; padding:0 4px 0 3px; height:13px; top:4px; right:34px; line-height:12px; background:#36302b; position:absolute; border-radius:3px }
.user-profile .voting:hover .count { display:block }
.user-profile .voting .vote-count { float: left; color:#36302b; padding:0 8px; font-family:'PT Serif', sans-serif; font-size:14px; font-weight:bold; text-shadow:0 1px 0 #fff; background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/bg-topic-info.png) repeat-x scroll 0 -7px; height:27px; line-height:27px; border-left:1px solid #fff; border-right:1px solid #fff }
.user-profile .voting .vote-count a { text-decoration: none; color: #999; outline: none; }
.user-profile .voting.vote-count-positive .vote-count { color:#fff; text-shadow:0 1px 0 #509556; background:url(https://recepty.7dach.ru/templates/skin/banana/images/good-topic.png) repeat-x}
.user-profile .voting.vote-count-negative .vote-count { color:#eae8df; text-shadow:0 1px 0 #231f1c; background:url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/bad-topic.png) repeat-x}
.user-profile .voting .vote-up,
.user-profile .voting .vote-down { width: 29px; height: 27px; float: left; cursor:pointer; display: block; background: url(https://recepty.7dach.ru/templates/skin/banana/images/yellow/voting-icon.png) no-repeat; position: relative; outline: none; top:0
}
.user-profile .voting .vote-up { background-position: 0 0 }
.user-profile .voting .vote-down { background-position: -29px 0 }
.user-profile .voting .vote-up:hover { background-position: 0 -27px }
.user-profile .voting .vote-down:hover { background-position: -29px -27px }
.user-profile .voting.voted.voted-up .vote-up { background-position: 0 -27px }
.user-profile .voting.voted.voted-down .vote-down { background-position: -29px -27px }
.user-profile .voting.voted.voted-up .vote-down:hover { background-position: -29px 0; }
.user-profile .voting.voted.voted-down .vote-up:hover { background-position: 0 0; }
.user-profile .voting.guest .vote-up:hover { background-position: 0 0; }
.user-profile .voting.guest .vote-down:hover { background-position: -29px 0; }
.user-profile .strength { float: right; margin-top:16px }
.user-profile .strength .total { height:27px; background:#e9e7de;padding:0 20px; line-height:27px; color:#3d352a; font-size:14px; font-weight:bold; text-shadow:0 1px 0 #fff }
.user-profile .strength .text { font:12px 'PT Serif', sans-serif; color:#918f87; margin-bottom:2px }
.user-profile-header { font-size: 18px; margin-bottom: 7px; border-bottom: 1px solid #ccc; }
.user-profile-table { width: 100%; }
.user-profile-table td { vertical-align: top; padding: 0 0 5px; }
.user-profile-table td.var { width: 150px; font-weight: bold; color: #999; }
.user-profile-table td .user { margin-right: 7px; }
.profile-dotted-list { margin-bottom: 50px; }
.profile-dotted-list li { overflow: hidden; zoom: 1; margin-bottom: 5px; background: url(https://recepty.7dach.ru/templates/skin/banana/images/dots.png) 0 14px repeat-x; }
.profile-dotted-list li span { background: #fff; }
.profile-dotted-list li strong { float: right; width: 190px; font-weight: normal; background: #fff; }
.profile-contact-list { margin-bottom: 50px; }
.profile-contact-list li { margin-bottom: 5px; padding-left: 21px; position: relative; }
.profile-contact-list li i { position: absolute; top: 2px; left: 0; }
/* templates/skin/banana/css/wall.css */
/* --------------------------------------------
СТЕНА
-------------------------------------------- */
.wall-submit { margin-bottom: 30px; position: relative; }
.wall-submit .counter { position: absolute; bottom: 18px; right: 15px; color: #818189; }
.wall-submit .counter.exceeded { color: #f00; }
.wall-submit textarea { margin: 0 0 10px; }
.wall-submit.wall-submit-reply { margin: 15px 0 2px 0; -webkit-box-shadow: 0 0 7px #E2EAF1 inset; box-shadow: 0 0 7px #E2EAF1 inset; }
.wall-submit.wall-submit-reply:after { display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #eaf1f7 transparent; border-style: solid; }
.wall-submit.wall-submit-reply .counter { display: none; }
.wall-submit.wall-submit-reply textarea { margin-bottom: 0; height: 28px; *height: 16px; *width: 590px; }
.wall-submit.wall-submit-reply button { display: none; }
.wall-submit.wall-submit-reply.active textarea { height: 80px; margin-bottom: 10px; }
.wall-submit.wall-submit-reply.active button { display: block; }
.wall-submit.wall-submit-reply.active .counter { display: block; }
.wall-submit p { margin-bottom: 5px; }
.wall-item-wrapper { margin-bottom: 23px; border-bottom: 1px solid #e7ebed; padding: 0 0 20px 55px; position: relative; }
.wall-item-wrapper:last-child { border-bottom:none; }
.wall-item .avatar { width: 40px; height: 40px; position: absolute; top: 0; left: 0; }
.wall-item .info { font-weight: bold;color: #b9c2c2; font-size: 12px; line-height: 1em; margin-bottom: 8px; }
.wall-item .info .date { font-weight:normal; color: #818189; font-size:11px; }
.wall-item .actions.wall-item-actions { margin-top: 5px; margin-bottom: 0; }
.wall-item .actions.wall-item-actions a { color: #727a90; border-color: #727a90; }
.wall-item-replies { padding: 4px 5px 2px; background: #fefef1; position: relative; color: #363636; margin-top: 15px; margin-bottom: 5px; font-size: 11px; border-radius: 5px; -webkit-box-shadow: 0 2px 4px #e8e8c0 inset; box-shadow: 0 2px 4px #e8e8c0 inset; }
.wall-item-replies:after { display: block; content: ""; position: absolute; top: -12px; left: 15px; width: 0; height: 0; border-width: 6px; border-color: transparent transparent #EEEED8 transparent; border-style: solid; }
.wall-item-reply { padding: 4px 0 8px 40px; margin: 0 7px; position: relative; font-size: 11px; border-bottom: 1px solid #ededc9; border-top: 1px solid #fff; }
.wall-item-reply:first-child { border-top: none; padding-top: 0; margin-top: 3px; }
.wall-item-reply:first-child .avatar { top: 4px; }
.wall-item-reply:last-child { border-bottom: none; }
.wall-item-reply .text { font-size: 11px; }
.wall-item-reply .avatar { position: absolute; top: 8px; left: 0; width: 30px; height: 30px; }
.wall-item-reply .actions { margin-bottom: 0; }
.wall-item-reply .actions .date { color: #818189; }
.wall-item-reply .author { font-weight: bold; }
.wall-more { }
.wall-more:hover { background: #F4F4D9; }
.wall-more-reply {
display: block;
border-radius: 5px;
text-decoration: none;
text-align: center;
padding: 7px 0;
font-size: 11px;
margin-bottom: 10px;
color: #898953;
border: 1px solid #eaeac4;
box-shadow: 0 1px 2px #dbdbba, 0 1px 0 #fff inset;
background: #fffffa;
background: -moz-linear-gradient(top, #fffffa 0%, #fefef1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffffa), color-stop(100%,#fefef1));
background: -webkit-linear-gradient(top, #fffffa 0%,#fefef1 100%);
background: -o-linear-gradient(top, #fffffa 0%,#fefef1 100%);
background: -ms-linear-gradient(top, #fffffa 0%,#fefef1 100%);
background: linear-gradient(top, #fffffa 0%,#fefef1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffa', endColorstr='#fefef1',GradientType=0 );
}
.wall-more-reply:hover { color: #898953; }
.wall-more.loader { background: #F4F4D9 url(https://recepty.7dach.ru/templates/skin/banana/images/loader.gif) 50% 50% no-repeat; }
.wall-more.loader .wall-more-inner { visibility: hidden; }
.wall-note h3 { font-size: 15px; margin-bottom: 20px; font-family: 'PT Serif', sans-serif; }
/* templates/skin/banana/css/infobox.css */
/* --------------------------------------------
ВСПЛЫВАЮЩИЕ ПОДСКАЗКИ
-------------------------------------------- */
.infobox {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 3500;
text-align: left;
padding: 15px;
min-width: 50px;
max-width: 450px;
color: #fff;
background: rgba(0,0,0,.8);
border-radius: 5px;
}
.infobox .tip-arrow { position: absolute; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: rgba(0,0,0,.8); }
.infobox .tip-arrow.tip-arrow-top { top: -12px; left: 15px; border-top-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; }
.infobox .tip-arrow.tip-arrow-bottom { bottom: -12px; left: 15px; border-bottom-color: transparent !important; border-left-color: transparent !important; border-right-color: transparent !important; }
.infobox .tip-arrow.tip-arrow-right { top: 50%; margin-top: -6px; right: -12px; border-bottom-color: transparent !important; border-top-color: transparent !important; border-right-color: transparent !important; }
.infobox .tip-arrow.tip-arrow-left { top: 50%; margin-top: -6px; left: -12px; border-bottom-color: transparent !important; border-top-color: transparent !important; border-left-color: transparent !important; }
.infobox a { color: #3A873F; }
.infobox a:hover { color: #999999; }
/* Default Tip */
.infobox.infobox-standart { background: rgba(0,0,0,.8); }
.infobox.infobox-standart .tip-arrow { border-color: rgba(0,0,0,.8); }
/* Yellow */
.infobox.infobox-yellow { background: #fffea8; color: #3e3e16; border-radius: 10px; padding: 15px 20px; font-size: 16px; line-height: 17px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); box-shadow: 0 0 15px rgba(0,0,0,.3); }
.infobox.infobox-yellow .tip-arrow { border-color: #fffea8; }
/* Topic */
.infobox.infobox-topic { font-size: 11px; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); background: #1d1d1d; border-radius: 10px; }
.infobox.infobox-topic i { margin-right: 5px; }
.infobox.infobox-topic .tip-arrow { left: 50%; margin-left: -5px; border-color: #1d1d1d; }
/* Help */
.infobox.infobox-help { background: #fff; width: 300px; color: #000; border-radius: 10px; padding: 15px; font-size: 16px; line-height: 20px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); box-shadow: 0 0 15px rgba(0,0,0,.3); }
.infobox.infobox-help .tip-arrow { display:none }
.infobox.infobox-help .blog-info { margin-bottom: 30px; }
.infobox.infobox-help .blog-info li span { background: #fff; }
.infobox.infobox-help .blog-info li strong { background: #fff; }
/* Share */
.infobox.infobox-share { background: #fff; width: 300px; border: 3px solid #edf8fd; color: #000; border-radius: 10px; padding: 10px 15px; font-size: 12px; line-height: 18px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3); box-shadow: 0 0 15px rgba(0,0,0,.3); }
.infobox.infobox-share .tip-arrow { border: none; width: 15px; height: 11px; background: url(https://recepty.7dach.ru/templates/skin/banana/images/icons-synio.png) no-repeat; }
.infobox.infobox-share .tip-arrow.tip-arrow-top { background-position: -38px -107px; top: -11px; left: 50%; margin-left: -7px; }
.infobox.infobox-share .tip-arrow.tip-arrow-bottom { background-position: -53px -107px; bottom: -11px; left: 50%; margin-left: -7px; }
/* templates/skin/banana/css/rating.css */
.dacha-rating {margin-bottom: 30px; margin-top: 30px;}
.dacha-rating-para {margin-top: 20px;}
.dacha-rating .dacha-photo {float: left; width: 35%;}
.dacha-rating .dacha-photo img {width: 100%; border-radius: 8px;}
.dacha-rating .dacha-photo .rating, .dacha-rating .dacha-posts .position { font-family:'PT Sans', sans-serif; background:#ffe06f url(/templates/skin/banana/images/yellow/bg-switcher2.png) repeat-x; color:#645b52; display:block; border:0; height:25px; line-height:25px; font-size: 20px; padding:0 5px; border-radius:4px; float: left;}
.dacha-rating .dacha-photo .rating { text-align: center; width: 80px; font-weight: bold; left: 50%; position: relative; margin-left: -45px; margin-top: -17px;}
.dacha-rating .dacha-posts h2 span.position { text-align: center; width: 30px; margin-right: 10px; font-weight: bold; display:inline-block;}
.dacha-rating .dacha-posts {float: left; width: 45%; padding-left: 2%; padding-right: 2%;}
.dacha a, .dacha-rating .dacha-posts a, .dacha-rating .dacha-author a { color:#36302b; text-decoration:none }
.dacha a:hover, .dacha-rating .dacha-posts a:hover, .dacha-rating .dacha-author a:hover { color:#7F756C }
.dacha-rating .dacha-posts time { font-family:'PT Sans', sans-serif; color:#afafaf; font-size: 12px;}
.dacha-rating .dacha-posts p {margin-bottom: 10px; line-height: 16px;}
.dacha-rating .dacha-author {float: left; width: 14%; padding-left: 1%; border-left: dashed 1px #435336;}
.dacha-rating .dacha-author .city { font-family:'PT Sans', sans-serif; color:#afafaf; font-size: 12px;}
.btn-contest {
display: block;
background: url(/templates/skin/banana/images/contest_ph/btn_participate.gif) no-repeat 0 0;
width: 266px;
height: 61px;
}
.rating-rules ul {
margin-right: -15px;
}
.rating-rules li {
background: #fff; /* Цвет фона */
/*box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
padding: 5px;
text-align: center;
width: 26%;
margin-bottom: 5px;
margin-right: 5px;
float: left;
font-size: 13px;
min-height: 140px;
font-family:'PT Sans', sans-serif;
}
.rating-rules li a {
color: #435336;
}
.rating-rules li:hover {
box-shadow: 0 0 20px rgba(255,220,90,0.7); /* Параметры тени */
}
.rating-rules li img {
max-width: 100%;
max-height: 90px;
}
.rating-rules p {
margin-bottom: 0.7em;
}
.rating-rules h3 {
font-family: 'PT Sans', serif; font-weight: bold; font-size: 22px;
}
.rating-rules h4 {
font-family: 'PT Sans', serif; font-weight: bold; font-size: 18px;
}
h2.dacha {
font-family: 'PT Sans', serif; font-weight: bold;
}
.rating_steps span {
float: left;
display: block;
padding: 20px 20px 0 0;
}
.rating_steps span.plant_check {
padding: 0;
width: 100px;
height: 69px;
}
/* templates/skin/banana/css/photo_contest.css */
.contest-battle {
margin: 0 0 0 0;
}
.contestants {
display: flex;
}
.contest-battle .contestant {
width: 48%;
float: left;
text-align: center;
margin: 20px 0 10px 0;
flex: 1;
display: flex;
flex-direction: column;
}
.contest-battle .contestant.left {
margin-right: 10px;
}
.contest-battle .contestant.right {
margin-left: 10px;
}
.contest-battle .contestant .photo {
margin-bottom: 15px;
}
.contest-battle .contestant:hover .photo {
}
.contest-battle .photo {
overflow: hidden;
width: 100%;
height: 510px;
background-color: #fff;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: block;
position: relative;
cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
overflow: visible;
}
#wrapper.battle #content {
position: fixed;
width: 98%;
left: 0;
top: 0;
background-color: #fff;
z-index: 100;
height: 100%;
overflow: auto;
padding: 1%;
}
.contest-battle .photo.fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
background-color: #fff;
text-align: center;
padding: 0;
margin: 0;
white-space: nowrap;
}
.contest-battle .photo.fullscreen:before { /* create a full-height inline block pseudo=element */
content: ' ';
display: inline-block;
vertical-align: middle; /* vertical alignment of the inline element */
height: 100%;
width: 0;
}
.contest-battle .photo.fullscreen {
vertical-align: middle;
display: inline-block;
max-height: 100%;
cursor: -webkit-zoom-out; cursor: -moz-zoom-out;
}
.contest-battle h1 {
font-size: 30px;
margin: 0 0 16px 0;
text-align: center;
}
.contest-battle .photo h2 {
width: 100%;
text-align: center;
padding: 8px;
font-size: 16px;
line-height: 16px;
position: absolute;
top: -29px;
left: 0;
font-family: 'PT Sans';
font-weight: normal;
margin-bottom: 0;
}
.contest-battle .photo.fullscreen h2 {
width: 100%;
text-align: center;
padding: 8px;
font-size: 18px;
line-height: 16px;
position: absolute;
top: auto;
bottom: 0;
left: 0;
font-family: 'PT Sans';
color: #fff;
text-shadow: 0 0 10px #000000;
font-weight: normal;
}
.contest-battle .contestant textarea {
width: 100%;
margin-bottom: 15px;
}
.contest-battle .vote.left, .contest-battle .vote.right {
text-align: center;
width: 200px;
height: 42px;
display: inline-block;
text-transform: uppercase;
line-height: 42px;
float: none;
}
.contest-battle .vote, .contest-battle .vote.clicked.saved {
font-size: 24px;
font-weight: bold;
padding: 5px;
border-radius: 5px;
background-color: #ffe06f;
color: #333;
cursor: pointer;
display: block;
font-family: 'PT Sans';
}
.contest-battle .vote.skip, .contest-battle .vote.skip.saved {
font-size: 16px;
display: block;
float: right;
background: transparent;
border: 1px solid #989898;
color: #989898;
padding: 10px;
margin-right: 5px;
}
.contest-battle .vote:hover, .contest-battle .vote.clicked {
color: #fff;
background: #435336;
border-color: #435336;
box-shadow: 3px 3px #000;
}
.contest-battle .vote.saved {
display: none;
}
.battle-points {
width: 200px;
height: 200px;
background-color: #ffe06f;
border-radius: 100px;
position: absolute;
top: 200px;
left: 50%;
margin-left: -100px;
font-family: 'PT Sans';
color: #333;
}
.battle-points .points {
font-size: 40px;
text-align: center;
width: 100%;
margin-top: 10px;
}
.battle-points .text {
font-size: 20px;
text-align: center;
width: 100%;
}
.battle-points .note-text {
color: #666;
margin-top: 60px;
font-size: 14px;
text-align: center;
width: 100%;
}
.battle-points.skipped {
opacity: 0;
}
.battle-status {
margin-bottom: 16px;
}
.battle-status a {
color: #333;
}
.battle-status li {
float: left;
width: 33.33%;
margin: 0 20px 0 0;
}
.battle-status .big-percent {
font-size: 36px;
float: left;
display: block;
line-height: 36px;
margin: 5px 10px 0 0;
}
.battle-history {
margin-bottom: 16px;
}
.battle-history h2 {
font-size: 26px;
margin: 32px 0 0 0;
}
.battle-history .contestant {
width: 49.5%;
height: 200px;
margin: 8px 0 8px 0;
background-color: #eee;
display: block;
float: left;
flex: 1;
}
.battle-history .contestant a {
color: #333;
}
.battle-history .contestant h3 a {
text-decoration: none;
}
.battle-history .contestant h3 a:hover {
text-decoration: underline;
}
.battle-history .contestant.left {
margin-right: 1%;
}
.battle-history .contestant img.photo {
width: 200px;
height: 200px;
}
.battle-history .contestant.left img.photo {
float: right;
margin-left: 10px;
}
.battle-history .contestant.right img.photo {
float: left;
margin-right: 10px;
}
.battle-history .contestant img.avatar {
width: 80px; border-radius: 50%; height: 80px; border: none; float: left; margin-right: 10px;
}
.battle-history .contestant .topic-info {padding: 8px;color: #777; }
.battle-history .contestant .topic-title {color: #333; font-size: 24px; font-weight: normal; line-height: 26px; margin-bottom: 10px;}
.battle-history .battle.win-right .contestant.right, .battle-history .battle.win-left .contestant.left {
background-color: #ffe06f;
}
.contest-rating, .contest-rating .contestant {
clear: both;
width: 100%;
display: block;
}
.contest-rating .contestant {
height: 125px;
}
.contest-rating.voters .contestant {
height: 70px;
}
.contest-rating .contestant .profile {
float: left;
width: 36%;
padding: 0;
position: relative;
}
.contest-rating.voters .contestant .profile {
width: 80%;
}
.contest-rating .contestant .profile .points {
color: #435336;
font-family: "PT Sans";
font-size: 16px;
font-weight: bold;
}
.contest-rating.voters .contestant .profile .battles {
color: #435336;
font-family: "PT Sans";
font-size: 16px;
font-weight: bold;
}
.contest-rating .contestant .profile .username, .contest-rating .contestant .profile .username a {
color: #333;
font-family: "PT Sans";
font-size: 16px;
font-weight: bold;
}
.contest-rating .contestant .profile .position {
position: absolute;
width: 40px;
height: 40px;
background-color: #435336;
top: -20px;
left: 80px;
border-radius: 20px;
text-align: center;
line-height: 40px;
color: #fff;
font-family: "PT Sans";
font-size: 20px;
}
.contest-rating.voters .contestant .profile .position {
left: 28px;
}
.contest-rating .contestant .profile .position-text, .contest-rating .contestant .profile .jury-vote {
color: #435336;
font-family: "PT Sans";
font-size: 16px;
font-weight: bold;
position: absolute;
width: 40px;
height: 40px;
top: -10px;
left: 122px;
display: block;
}
.contest-rating.voters .contestant .profile .position-text {
left: 70px;
}
.contest-rating .contestant .profile .jury-vote {
left: 170px; width: 81px;
}
.jury-vote .star {
transition: transform 1000ms; margin: 0; padding: 0; display: inline-block;
width: 17px; height: 18px; vertical-align: text-top;
background-image: url(https://recepty.7dach.ru/templates/skin/banana/images/icons-synio.png);
background-position: 0 -76px;
background-repeat: no-repeat;
cursor: pointer;
background-clip: content-box;
}
.jury-vote .star.clicked { transform: rotate(720deg);}
.jury-vote.votes-1 span:nth-child(2),
.jury-vote.votes-2 span:nth-child(2),
.jury-vote.votes-3 span:nth-child(2),
.jury-vote.votes-2 span:nth-child(3),
.jury-vote.votes-3 span:nth-child(3),
.jury-vote.votes-3 span:nth-child(4),
.jury-vote:hover > span { background-position: -17px -76px; }
.jury-vote > span:hover ~ span { background-position: 0 -76px; }
.jury-vote .star.reset {
background-position: -131px -23px;
height: 16px;
margin-top: 2px;
display: none;
}
.jury-vote.votes-1 .star.reset,
.jury-vote.votes-2 .star.reset,
.jury-vote.votes-3 .star.reset {
display: inline-block;
}
.contest-rating.voters .contestant .profile .points,
.contest-rating.voters .contestant .profile .battles,
.contest-rating.voters .contestant .profile .last-vote {
width: 20%;
display: block;
float: right;
}
.contest-rating .contestant .profile .first-photo-date,
.contest-rating.voters .contestant .profile .last-vote
{
font-family: "PT Sans";
font-size: 13px;
color: #666;
}
.contest-rating .contestant .avatar {
position: relative;
float: left;
margin-right: 10px;
}
.contest-rating .top-photos {
width: 64%;
height: 80px;
display: block;
float: right;
}
.contest-rating .top-photos .photo {
float: left;
width: 10.2%;
margin: 0 2% 0 2%;
}
.contest-rating .top-photos .photo img {
width: 100%;
padding: 5px;
box-shadow: 0 0 10px #000;
}
.contest-rating h2 {
font-size: 20px;
margin: 5px 0 0 0;
color: #435336;
font-family: "PT Sans";
}
.contest-rating .top-photos .photo .percent {
width: 100%;
text-align: center;
display: block;
color: #435336;
font-family: "PT Sans";
font-size: 15px;
font-weight: bold;
padding-left: 5px;
margin-top: 0;
}
.cleared:after {
clear:both;
content:" ";
display:block;
height:0;
overflow:hidden;
}
.contest-ph a {
/*color: #035aff;*/
}
.contest-ph p {
margin: 0 0 28px;
}
.contest-desc {
margin: 0 0 12px;
}
.contest-head {
font-family: 'PT Serif', sans-serif;
font-weight: bold;
font-size: 35px;
margin-right: 25%;
}
.socils-share {
display: inline-block;
float: left;
margin: 0 10px 0 0;
vertical-align: middle;
}
.banner-place {
text-align: center;
}
.contest-desc.border-b {
border-bottom: 1px solid #c1c1c1;
}
.contest-desc .contest-desc__left {
float: left;
width: 70%;
}
.contest-desc .contest-desc__right {
float: right;
width: 25%;
margin: 0;
}
.contest-desc .contest-desc__right_short {
margin: 0;
}
.contest-desc_flex {
width: 100%;
margin: 0 0 12px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: space-between;
}
.contest-desc__left_flex {
min-width: 50%;
margin-right: 20px;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1 1 50%;
-ms-flex: 1;
flex: 1 1 50%;
}
.contest-desc__right_flex {
margin-bottom: 20px;
width: 300px;
}
.contest-prize-line {
margin: 0 0 30px;
text-align: center;
}
.col-title {
font-size: 16px;
margin: 0 0 20px;
text-align: left;
position: relative;
}
.col-title.f20 {
font-size: 20px;
font-weight: bold;
margin-top: 30px;
font-family: 'PT Serif', sans-serif;
font-weight: bold;
}
.col-title .logo_bosch {
position: absolute;
left: 50%;
top: 150px;
margin-left: -100px;
}
.contest-prize img {
max-width: 100%;
max-height: 200px;
}
.contest-prize-line .name {
line-height: 1.2;
margin: 10px 0 20px;
text-align: center;
}
.contest-prize-line .name a {
font-size: 15px;
/*font-style: italic;*/
}
.contest-prize-line.first .contest-prize {
float: left;
width: 23%;
margin: 0 2% 0 0;
}
.contest-prize-line .list-prize3 li {
display: inline-block;
width: 30%;
margin: 0 0 0 0;
vertical-align: top;
}
.contest-prize-line .list-prize3 li .image img {
max-width: 100%;
max-height: 140px;
}
.contest-prize-line .list-prize3 li .image {
min-height: 145px;
}
.contest-prize-line .list-prize5 li {
display: inline-block;
width: 16%;
margin: 0 0 0 0;
vertical-align: top;
}
.contest-prize-line .list-prize5 li .image img {
max-width: 100%;
max-height: 140px;
}
.contest-prize-line .list-prize5 li .image {
min-height: 145px;
}
.contest-prize-line .list-prize6 li {
display: inline-block;
width: 14%;
margin: 0 1.5% 0 0;
vertical-align: top;
}
.contest-prize-line .list-prize6 li .image img {
max-width: 100%;
max-height: 140px;
}
.contest-prize-line .list-prize6 li .image {
min-height: 145px;
}
.contest-prize-line .list-prize li {
display: inline-block;
width: 22%;
vertical-align: top;
}
.contest-prize .list-prize li .image {
min-height: 110px;
}
.contest-prize .list-prize li.narrow {
display: inline-block;
width: 15%;
vertical-align: top;
}
.contest-border-box {
border-top: 1px solid #c1c1c1;
border-bottom: 1px solid #c1c1c1;
padding: 15px 0;
margin: 0 0 20px;
}
/*.contest-border-box*/ .btn-contest {
display: block;
background: url(/templates/skin/banana/images/contest_ph/btn_participate.gif) no-repeat 0 0;
width: 266px;
height: 61px;
}
.contest-rules-box {}
.contest-col__left {
float: left;
width: 48.1651%;
}
.contest-col__right {
float: right;
width: 48.1651%;
}
.elektro-venik p {
padding-top: 20px;
}
.bosch img {
margin-left: 40px;
margin-top: -5px;
}
.bosch p {
margin-left: 20px;
padding-top: 15px;
}
.contest-share-box {
margin: 10px 0 40px;
}
.contest-share-box .col-title-18 {
display: inline-block;
vertical-align: middle;
padding-right: 15px;
*display: inline;
zoom: 1;
}
.contest-share-box .social-btns {
display: inline-block;
*display: inline;
zoom: 1;
}
.contest-about-box {
margin: 0 0 60px;
}
.contest-about-box ul li {
margin: 0 0 20px;
}
.col-title-18 {
font-size: 18px;
margin: 25px 0 30px;
}
.col-title-img {
margin: 0 0 16px;
}
a.btn-support-participant, a.btn-support-participant:visited {
font-size: 24px; font-weight: bold; font-family: 'PT Sans', sans-serif; background-color: #ffe06f; color: #645b52; display: inline-block; width: 270px; border: 0; height: 31px; text-decoration: none; line-height: 31px; padding: 5px 15px; border-radius: 4px; margin-bottom: 20px;
}
.contest-prizes {
display: table;
text-align: center;
width: 100%;
}
.contest-prizes__line {
display: table-row;
}
.contest-prizes__item {
display: table-cell;
}
.contest-prizes__item_7 {
white-space: nowrap;
padding-top: 30px;
}
.contest-prizes__item_support {
padding-top: 30px;
}
@media screen and (max-device-width: 800px) {
.battle-history .contestant {
height: auto;
}
.battle-history .contestant.left img.photo,
.battle-history .contestant.right img.photo {
float: none;
margin: 0;
}
.contest-battle .photo {
height: 300px;
}
.contest-prizes {
display: block;
}
.contest-prizes__line {
display: block;
}
.contest-prizes__item {
display: block;
width: 100%;
}
.contest-prizes__item img {
max-width: 100%;
}
}
@media screen and (max-device-width: 500px) {
.contest-battle .photo {
height: 150px;
}
}
/* templates/skin/banana/css/jquery.notifier.css */
/* --------------------------------------------
ВСПЛЫВАЮЩИЕ УВЕДОМЛЕНИЯ
-------------------------------------------- */
#notifier {
width: 250px;
position: fixed;
top: 10px;
right: 10px;
font-size: 13px;
line-height: 16px;
z-index: 9999;
/* IE 6 Fix */
_position: absolute;
_top: expression( eval(document.documentElement.scrollBottom) + 10 +"px" );
}
#notifier .n-box {
position: relative;
padding: 10px 15px 11px;
margin-bottom: 10px;
color: #fff;
background: #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
}
#notifier .n-box h3 { color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 3px; }
#notifier .n-box p { margin: 0; }
#notifier .n-box.n-notice { background: #64DD49; color: #000; opacity: 0.95; }
#notifier .n-box.n-notice h3 { color: #333; }
#notifier .n-box.n-error { background: #BC0000; color: #fff; opacity: 0.8; }
/* templates/skin/banana/themes/default/style.css */
/* SMTH */
/* templates/skin/banana/css/print.css */
/* --------------------------------------------
СТИЛИ ДЛЯ ПЕЧАТИ
-------------------------------------------- */
@media print {
@page { margin: 0.5cm; }
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; font-family: Arial, sans-serif !important; }
body, .text { font-size: 14pt; }
a, a:visited { text-decoration: underline; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
h1 { font-size: 30pt !important; font-weight: bold !important; }
h4 { font-size: 26pt !important; }
h5 { font-size: 23pt !important; }
h6 { font-size: 20pt !important; }
p, h3, h4, h5 { orphans: 3; widows: 3; }
h3, h4, h5 { page-break-after: avoid; }
h1 a { text-decoration: none !important; }
.header-top, #userbar, #nav, #sidebar, #footer, #comments, .toolbar, .nav-filter-wrapper,
.topic-footer, .stat-performance, .topic-actions, .reply-header, .nav { display: none !important; }
#wrapper { -webkit-box-shadow: none; box-shadow: none; border: 0; padding: 0; }
#content { width: 100%; margin: 0; }
.topic { margin-bottom: 100px; }
}
/* templates/skin/banana/css/fotorama/fotorama.css */
/*!
* Fotorama 4.6.3 | http://fotorama.io/license/
*/
.fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__html, .fotorama__img, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0
}
.fotorama--fullscreen, .fotorama__img {
max-width: 99999px !important;
max-height: 99999px !important;
min-width: 0 !important;
min-height: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
padding: 0 !important
}
.fotorama__wrap .fotorama__grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab
}
.fotorama__grabbing * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing
}
.fotorama__spinner {
position: absolute !important;
top: 50% !important;
left: 50% !important
}
.fotorama__wrap--css3 .fotorama__arr, .fotorama__wrap--css3 .fotorama__fullscreen-icon, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border, .fotorama__wrap--css3 .fotorama__video-close, .fotorama__wrap--css3 .fotorama__video-play {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.fotorama__caption, .fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before, .fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__stage .fotorama__img, .fotorama__wrap--css3 .fotorama__stage__frame {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
.fotorama__arr:focus, .fotorama__fullscreen-icon:focus, .fotorama__nav__frame {
outline: 0
}
.fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after {
content: '';
border-radius: inherit;
background-color: rgba(0, 175, 234, .5)
}
.fotorama__wrap--video .fotorama__stage, .fotorama__wrap--video .fotorama__stage__frame--video, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img, .fotorama__wrap--video .fotorama__stage__shaft {
-webkit-transform: none !important;
transform: none !important
}
.fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__thumb-border {
transition-property: -webkit-transform, width;
transition-property: transform, width;
transition-timing-function: cubic-bezier(0.1, 0, .25, 1);
transition-duration: 0ms
}
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__no-select, .fotorama__video-close, .fotorama__video-play, .fotorama__wrap {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fotorama__select {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text
}
.fotorama__nav, .fotorama__nav__frame {
margin: auto;
padding: 0
}
.fotorama__caption__wrap, .fotorama__nav__frame, .fotorama__nav__shaft {
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*display: inline;
*zoom: 1
}
.fotorama__nav__frame, .fotorama__thumb-border {
box-sizing: content-box
}
.fotorama__caption__wrap {
box-sizing: border-box
}
.fotorama--hidden, .fotorama__load {
position: absolute;
left: -99999px;
top: -99999px;
z-index: -1
}
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__nav, .fotorama__nav__frame, .fotorama__nav__shaft, .fotorama__stage__frame, .fotorama__stage__shaft, .fotorama__video-close, .fotorama__video-play {
-webkit-tap-highlight-color: transparent
}
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {
background: url(https://recepty.7dach.ru/templates/skin/banana/css/fotorama/fotorama.png) no-repeat
}
.fotorama__thumb {
background-color: #7f7f7f;
background-color: rgba(127, 127, 127, .2)
}
@media print {
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__thumb-border, .fotorama__video-close, .fotorama__video-play {
background: none !important
}
}
.fotorama {
min-width: 1px;
overflow: hidden
}
.fotorama:not(.fotorama--unobtrusive) > *:not(:first-child) {
display: none
}
.fullscreen {
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: #000
}
.fotorama--fullscreen {
position: absolute !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
float: none !important;
z-index: 2147483647 !important;
background: #000;
width: 100% !important;
height: 100% !important;
margin: 0 !important
}
.fotorama--fullscreen .fotorama__nav, .fotorama--fullscreen .fotorama__stage {
background: #000
}
.fotorama__wrap {
-webkit-text-size-adjust: 100%;
position: relative;
direction: ltr;
z-index: 0
}
.fotorama__wrap--rtl .fotorama__stage__frame {
direction: rtl
}
.fotorama__nav, .fotorama__stage {
overflow: hidden;
position: relative;
max-width: 100%
}
.fotorama__wrap--pan-y {
-ms-touch-action: pan-y
}
.fotorama__wrap .fotorama__pointer {
cursor: pointer
}
.fotorama__wrap--slide .fotorama__stage__frame {
opacity: 1 !important
}
.fotorama__stage__frame {
overflow: hidden
}
.fotorama__stage__frame.fotorama__active {
z-index: 8
}
.fotorama__wrap--fade .fotorama__stage__frame {
display: none
}
.fotorama__wrap--fade .fotorama__fade-front, .fotorama__wrap--fade .fotorama__fade-rear, .fotorama__wrap--fade .fotorama__stage__frame.fotorama__active {
display: block;
left: 0;
top: 0
}
.fotorama__wrap--fade .fotorama__fade-front {
z-index: 8
}
.fotorama__wrap--fade .fotorama__fade-rear {
z-index: 7
}
.fotorama__wrap--fade .fotorama__fade-rear.fotorama__active {
z-index: 9
}
.fotorama__wrap--fade .fotorama__stage .fotorama__shadow {
display: none
}
.fotorama__img {
-ms-filter: "alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
border: none !important
}
.fotorama__error .fotorama__img, .fotorama__loaded .fotorama__img {
-ms-filter: "alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img, .fotorama__img--full {
display: none
}
.fotorama--fullscreen .fotorama__loaded--full .fotorama__img--full {
display: block
}
.fotorama__wrap--only-active .fotorama__nav, .fotorama__wrap--only-active .fotorama__stage {
max-width: 99999px !important
}
.fotorama__wrap--only-active .fotorama__stage__frame {
visibility: hidden
}
.fotorama__wrap--only-active .fotorama__stage__frame.fotorama__active {
visibility: visible
}
.fotorama__nav {
font-size: 0;
line-height: 0;
text-align: center;
display: none;
white-space: nowrap;
z-index: 5
}
.fotorama__nav__shaft {
position: relative;
left: 0;
top: 0;
text-align: left
}
.fotorama__nav__frame {
position: relative;
cursor: pointer
}
.fotorama__nav--dots {
display: block
}
.fotorama__nav--dots .fotorama__nav__frame {
width: 18px;
height: 30px
}
.fotorama__nav--dots .fotorama__nav__frame--thumb, .fotorama__nav--dots .fotorama__thumb-border {
display: none
}
.fotorama__nav--thumbs {
display: block
}
.fotorama__nav--thumbs .fotorama__nav__frame {
padding-left: 0 !important
}
.fotorama__nav--thumbs .fotorama__nav__frame:last-child {
padding-right: 0 !important
}
.fotorama__nav--thumbs .fotorama__nav__frame--dot {
display: none
}
.fotorama__dot {
display: block;
width: 4px;
height: 4px;
position: relative;
top: 12px;
left: 6px;
border-radius: 6px;
border: 1px solid #7f7f7f
}
.fotorama__nav__frame:focus .fotorama__dot:after {
padding: 1px;
top: -1px;
left: -1px
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {
width: 0;
height: 0;
border-width: 3px
}
.fotorama__nav__frame.fotorama__active .fotorama__dot:after {
padding: 3px;
top: -3px;
left: -3px
}
.fotorama__thumb {
overflow: hidden;
position: relative;
width: 100%;
height: 100%
}
.fotorama__nav__frame:focus .fotorama__thumb {
z-index: 2
}
.fotorama__thumb-border {
position: absolute;
z-index: 9;
top: 0;
left: 0;
border-style: solid;
border-color: #00afea;
background-image: linear-gradient(to bottom right, rgba(255, 255, 255, .25), rgba(64, 64, 64, .1))
}
.fotorama__caption {
position: absolute;
z-index: 12;
bottom: 0;
left: 0;
right: 0;
font-family: 'Helvetica Neue', Arial, sans-serif;
font-size: 14px;
line-height: 1.5;
color: #000
}
.fotorama__caption a {
text-decoration: none;
color: #000;
border-bottom: 1px solid;
border-color: rgba(0, 0, 0, .5)
}
.fotorama__caption a:hover {
color: #333;
border-color: rgba(51, 51, 51, .5)
}
.fotorama__wrap--rtl .fotorama__caption {
left: auto;
right: 0
}
.fotorama__wrap--no-captions .fotorama__caption, .fotorama__wrap--video .fotorama__caption {
display: none
}
.fotorama__caption__wrap {
background-color: #fff;
background-color: rgba(255, 255, 255, .9);
padding: 5px 10px
}
@-webkit-keyframes spinner {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes spinner {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
.fotorama__wrap--css3 .fotorama__spinner {
-webkit-animation: spinner 24s infinite linear;
animation: spinner 24s infinite linear
}
.fotorama__wrap--css3 .fotorama__html, .fotorama__wrap--css3 .fotorama__stage .fotorama__img {
transition-property: opacity;
transition-timing-function: linear;
transition-duration: .3s
}
.fotorama__wrap--video .fotorama__stage__frame--video .fotorama__html, .fotorama__wrap--video .fotorama__stage__frame--video .fotorama__img {
-ms-filter: "alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0
}
.fotorama__select {
cursor: auto
}
.fotorama__video {
top: 32px;
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: 10
}
@-moz-document url-prefix() {
.fotorama__active {
box-shadow: 0 0 0 transparent
}
}
.fotorama__arr, .fotorama__fullscreen-icon, .fotorama__video-close, .fotorama__video-play {
position: absolute;
z-index: 11;
cursor: pointer
}
.fotorama__arr {
position: absolute;
width: 32px;
height: 32px;
top: 50%;
margin-top: -16px
}
.fotorama__arr--prev {
left: 2px;
background-position: 0 0
}
.fotorama__arr--next {
right: 2px;
background-position: -32px 0
}
.fotorama__arr--disabled {
pointer-events: none;
cursor: default;
*display: none;
opacity: .1
}
.fotorama__fullscreen-icon {
width: 32px;
height: 32px;
top: 2px;
right: 2px;
background-position: 0 -32px;
z-index: 20
}
.fotorama__arr:focus, .fotorama__fullscreen-icon:focus {
border-radius: 50%
}
.fotorama--fullscreen .fotorama__fullscreen-icon {
background-position: -32px -32px
}
.fotorama__video-play {
width: 96px;
height: 96px;
left: 50%;
top: 50%;
margin-left: -48px;
margin-top: -48px;
background-position: 0 -64px;
opacity: 0
}
.fotorama__wrap--css2 .fotorama__video-play, .fotorama__wrap--video .fotorama__stage .fotorama__video-play {
display: none
}
.fotorama__error .fotorama__video-play, .fotorama__loaded .fotorama__video-play, .fotorama__nav__frame .fotorama__video-play {
opacity: 1;
display: block
}
.fotorama__nav__frame .fotorama__video-play {
width: 32px;
height: 32px;
margin-left: -16px;
margin-top: -16px;
background-position: -64px -32px
}
.fotorama__video-close {
width: 32px;
height: 32px;
top: 0;
right: 0;
background-position: -64px 0;
z-index: 20;
opacity: 0
}
.fotorama__wrap--css2 .fotorama__video-close {
display: none
}
.fotorama__wrap--css3 .fotorama__video-close {
-webkit-transform: translate3d(32px, -32px, 0);
transform: translate3d(32px, -32px, 0)
}
.fotorama__wrap--video .fotorama__video-close {
display: block;
opacity: 1
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__video-close {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
opacity: 0
}
.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
opacity: 1
}
.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--video .fotorama__fullscreen-icon {
opacity: 0 !important
}
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon {
display: none
}
.fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__arr:focus, .fotorama__wrap--css2.fotorama__wrap--no-controls.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:focus {
display: block
}
.fotorama__wrap--css2.fotorama__wrap--video .fotorama__arr, .fotorama__wrap--css2.fotorama__wrap--video .fotorama__fullscreen-icon {
display: none !important
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__fullscreen-icon:not(:focus) {
-webkit-transform: translate3d(32px, -32px, 0);
transform: translate3d(32px, -32px, 0)
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--prev:not(:focus) {
-webkit-transform: translate3d(-48px, 0, 0);
transform: translate3d(-48px, 0, 0)
}
.fotorama__wrap--css3.fotorama__wrap--no-controls.fotorama__wrap--slide.fotorama__wrap--toggle-arrows .fotorama__arr--next:not(:focus) {
-webkit-transform: translate3d(48px, 0, 0);
transform: translate3d(48px, 0, 0)
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__fullscreen-icon {
-webkit-transform: translate3d(32px, -32px, 0) !important;
transform: translate3d(32px, -32px, 0) !important
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--prev {
-webkit-transform: translate3d(-48px, 0, 0) !important;
transform: translate3d(-48px, 0, 0) !important
}
.fotorama__wrap--css3.fotorama__wrap--video .fotorama__arr--next {
-webkit-transform: translate3d(48px, 0, 0) !important;
transform: translate3d(48px, 0, 0) !important
}
.fotorama__wrap--css3 .fotorama__arr:not(:focus), .fotorama__wrap--css3 .fotorama__fullscreen-icon:not(:focus), .fotorama__wrap--css3 .fotorama__video-close:not(:focus), .fotorama__wrap--css3 .fotorama__video-play:not(:focus) {
transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
transition-duration: .3s
}
.fotorama__nav:after, .fotorama__nav:before, .fotorama__stage:after, .fotorama__stage:before {
content: "";
display: block;
position: absolute;
text-decoration: none;
top: 0;
bottom: 0;
width: 10px;
height: auto;
z-index: 10;
pointer-events: none;
background-repeat: no-repeat;
background-size: 1px 100%, 5px 100%
}
.fotorama__nav:before, .fotorama__stage:before {
background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 0 50%, rgba(0, 0, 0, .4), transparent);
background-position: 0 0, 0 0;
left: -10px
}
.fotorama__nav.fotorama__shadows--left:before, .fotorama__stage.fotorama__shadows--left:before {
left: 0
}
.fotorama__nav:after, .fotorama__stage:after {
background-image: linear-gradient(transparent, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .3) 75%, transparent), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, .4), transparent);
background-position: 100% 0, 100% 0;
right: -10px
}
.fotorama__nav.fotorama__shadows--right:after, .fotorama__stage.fotorama__shadows--right:after {
right: 0
}
.fotorama--fullscreen .fotorama__nav:after, .fotorama--fullscreen .fotorama__nav:before, .fotorama--fullscreen .fotorama__stage:after, .fotorama--fullscreen .fotorama__stage:before, .fotorama__wrap--fade .fotorama__stage:after, .fotorama__wrap--fade .fotorama__stage:before, .fotorama__wrap--no-shadows .fotorama__nav:after, .fotorama__wrap--no-shadows .fotorama__nav:before, .fotorama__wrap--no-shadows .fotorama__stage:after, .fotorama__wrap--no-shadows .fotorama__stage:before {
display: none
}
/* templates/skin/banana/css/mobile.css */
/* */
.display-block {
display: block!important;
}
.border-off {
border: solid 1px transparent!important;
background: transparent!important;
}
@media screen and (max-width:800px) {
body.mobile-enabled #wrapper {
padding-right: 0;
}
body.mobile-enabled #sidebar {
display: none!important;
}
body.mobile-enabled .left-stiky-content {
display: none!important;
}
}
/* */
@media screen and (max-width:720px){
.hidden-sm-down {
/* copied from bootstrap css*/
display: none !important;
}
body.mobile-enabled .topic-title{
font-size: 30px;
margin-top: 0;
}
body.mobile-enabled .text ul{
padding-left: 20px;
}
body.mobile-enabled .topic-author-full .document-item-author{
margin-top:15px
}
body.mobile-enabled.mobile-menu-visible #outer_container {
position: relative!important;
left: 70%!important;
overflow-x:hidden!important;
}
body.mobile-enabled {
/*font-family: "PT Serif", "PT Sans", sans-serif!important;*/
background: none!important;
}
body.mobile-enabled #all_nav { /* Menu */
display: none;
width: 37px!important;
height: 30px!important;
background: #393531;
padding: 0 !important;
margin: 0 !important;
position: absolute;
top: 11px;
left: 11px;
border: solid 1px #433e3b;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
}
body.mobile-enabled #all_nav:hover {
cursor: pointer;
}
body.mobile-enabled .search-form-wrapper {
float: none;
}
body.mobile-enabled .search-form-wrapper {
float: none;
}
body.mobile-enabled .search-button {
display: block!important;
width: 37px!important;
height: 30px!important;
background: #393531;
padding: 0 !important;
margin: 0 !important;
position: absolute;
top: 11px;
right: 11px;
border: solid 1px #433e3b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
z-index: 60;
}
body.mobile-enabled .search-form-wrapper:hover {
cursor: pointer;
}
body.mobile-enabled .search-form-wrapper form {
display: none;
}
body.mobile-enabled .search-form-wrapper input.text {
border: solid 1px #433e3b!important;
background: #393531!important;
height: 30px!important;
position: relative;
font-size: 18px!important;
color: #959391!important;
top: -24px;
left: -11px;
padding: 0 35px 0 10px!important;
margin: 0 !important;
z-index: 30;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
body.mobile-enabled .search-form-wrapper .search-submit {
display: none!important;
}
body.mobile-enabled .favorite-notifications {
background: #393531;
position: absolute;
display: block;
width: 37px;
height: 30px;
top: 11px;
right: 59px;
border: solid 1px #433e3b;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
body.mobile-enabled .favorite-notifications:hover {
cursor: pointer;
}
body.mobile-enabled .favorite-notifications .counter {
top: 4px;
right: 4px;
padding: 2px 2px;
font-size: 10px;
line-height: 8px;
position: absolute;
color: white;
background: #439d49;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
body.mobile-enabled div.nav-left {
display: none;
}
body.mobile-enabled .menu-mobile-actions {
background: #292522;
}
body.mobile-enabled ul.menu {
float: none!important;
display: block!important;
z-index: 99;
padding: 0;
margin: 0!important;
background: #292522!important;
cursor: default;
}
body.mobile-enabled .menu li div span {
display: inline!important;
}
body.mobile-enabled .menu li, body.mobile-enabled .menu-mobile-actions li {
border-top: solid 1px #3f3c39;
}
body.mobile-enabled .menu li, body.mobile-enabled .sub-menu li, body.mobile-enabled .menu-mobile-actions li {
margin: 0!important;
padding: 8px 20px!important;
float: none!important;
text-transform: uppercase;
background: transparent!important;
height: auto!important;
}
body.mobile-enabled .menu-mobile-actions li {
padding: 10px!important;
}
body.mobile-enabled .menu a, body.mobile-enabled .menu-mobile-actions a {
color: #959391;
}
body.mobile-enabled .menu a:hover, body.mobile-enabled .menu-mobile-actions a:hover,
body.mobile-enabled .menu .active a, body.mobile-enabled .menu-mobile-actions .active a {
color: #ffd94d!important;
}
.nav-left-mobile .menu a:hover {
background-color: transparent;
}
body.mobile-enabled .menu a, body.mobile-enabled .sub-menu a, body.mobile-enabled .menu-mobile-actions a {
font-size: 14px!important;
display: block!important;
text-decoration: none!important;
line-height: 30px;
}
body.mobile-enabled .sub-menu a {
color: #332e2a!important;
}
body.mobile-enabled .menu i.hnav {
display: none!important;
}
body.mobile-enabled .sub-menu {
margin: 0!important;
background: #ffda52!important;
height: auto!important;
}
body.mobile-enabled .sub-menu li {
border-top: solid 1px #e8c64a;
}
body.mobile-enabled .sub-menu:after, body.mobile-enabled .sub-menu:before {
box-shadow: none!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
}
/*.nav .sub-menu:before, .nav .sub-menu:after, .nav .search:before, .nav .search:after*/
body.mobile-enabled #container {
position: relative;
max-width: 720px!important;
width: 100%!important;
min-width: 240px!important;
padding: 0 !important;
}
body.mobile-enabled #wrapper {
padding: 0 10px;
}
body.mobile-enabled .topic-breadcrumbs,
body.mobile-enabled .topic-blog-title {
padding: 0 10px;
}
body.mobile-enabled #wrapper {
margin: 0;
width: 100%;
box-sizing: border-box;
}
body.mobile-enabled #wrapper #content {
box-sizing: content-box;
}
body.mobile-enabled #content {
width: inherit!important;
float: none!important;
}
body.mobile-enabled .tags {
font-family: 'PT Sans'!important;
text-transform: uppercase;
text-decoration: none!important;
margin: 0 !important;
}
body.mobile-enabled .text {
overflow: visible!important;
margin-left: 0;
}
body.mobile-enabled .topic .info-bottom-full span.tags {
float: none!important;
}
body.mobile-enabled .info-bottom-full {
margin: 0 0 !important;
}
body.mobile-enabled .tags span:before {
content: no-close-quote!important;
}
/*
body.mobile-enabled .tags a:after {
content: url(https://recepty.7dach.ru/templates/skin/banana/images/mobile/ico-notifications-360.png)!important;
position: relative;
margin: 0px 5px;
display: inline-block;
top: 2px;
}
body.mobile-enabled .tags a:nth-last-child(1):after {
content: no-close-quote!important;
}
*/
body.mobile-enabled .tags a {
display: inline-block;
font-size: 12px;
}
body.mobile-enabled .tags strong {
font-weight: normal!important;
}
body.mobile-enabled .topic .right {
background: none!important;
float: none;
padding-top: 0;
margin-bottom: 10px;
}
body.mobile-enabled .info-top-full {
/* height: auto!important;
display: block!important;
border-bottom: solid 2px #e1e1e1;
*/
margin: 0 !important;
padding: 0 0;
font-family: 'PT Sans'!important;
background: none!important;
}
/*
body.mobile-enabled .info-top-full a {
color: #000000!important;
font-size: 32px!important;
}
body.mobile-enabled .info-top-full a:before {
width: 30px;
height: 17px;
display: inline-block;
content: url(https://recepty.7dach.ru/templates/skin/banana/images/mobile/or.png);
float: right;
}*/
body.mobile-enabled .title-full {
padding: 10px 0 10px 0 !important;
font-weight: normal!important;
background: none!important;
color: #3a873f!important;
line-height: 33px!important;
}
body.mobile-enabled #sidebar {
display: none!important;
}
body.mobile-enabled #top_banner, body.mobile-enabled div.cover-background, body.mobile-enabled div.brand-right-background, body.mobile-enabled div.brand-left-background, body.mobile-enabled div.brand-brand, body.mobile-enabled div.brand-catalog {
display: none!important;
}
/* ICO */
body.mobile-enabled .mobile-favorite, body.mobile-enabled .mobile-search {
margin: 4px 0 0 8px;
display: inline-block;
}
body.mobile-enabled .mobile-menu {
background: url(https://recepty.7dach.ru/templates/skin/banana/images/mobile/ico-mobile.png) -22px 0;
width: 22px;
height: 22px;
background-size: cover;
}
body.mobile-enabled .mobile-favorite {
background: url(https://recepty.7dach.ru/templates/skin/banana/images/mobile/ico-mobile.png) 44px 0;
width: 22px;
height: 22px;
background-size: cover;
}
body.mobile-enabled .mobile-search {
background: url(https://recepty.7dach.ru/templates/skin/banana/images/mobile/ico-mobile.png) 67px 0;
width: 22px;
height: 22px;
background-size: cover;
}
body.mobile-enabled .mobile-action-phot, body.mobile-enabled .mobile-action-write, body.mobile-enabled .mobile-action-ask, body.mobile-enabled .mobile-action-home {
margin-right: 10px;
position: relative;
top: 3px;
}
.menu-mobile-actions > li {
position: relative;
}
.menu-mobile-actions > li > a:before {
color: white;
font-size: 20px;
margin-right: 10px;
width: 25px;
display: inline-block;
vertical-align: middle;
text-align: center;
margin-top: -5px;
}
.menu-mobile-actions > li > a.icomoon_sign-in,
.menu-mobile-actions > li > a.icomoon_sign-in:before,
.menu-mobile-actions > li > a.icomoon_sign-in:hover,
.menu-mobile-actions > li > a.icomoon_sign-in:visited,
.menu-mobile-actions > li > a.icomoon_sign-in:active {
color: #ffda52;
}
.menu-mobile-actions > li > a.new_message:before {
color: #439d48;
}
.menu-mobile-actions__avatar-user {
width: 25px;
height: 25px;
vertical-align: middle;
margin-top: -3px;
margin-right: 5px;
}
body.mobile-enabled .mobile-action-home {
background: url(https://recepty.7dach.ru/templates/skin/banana/images/mobile/ico-mobile.png) 87px 0;
width: 22px;
height: 22px;
background-size: cover;
}
body.mobile-enabled .mobile-action-ask {
background: url(https://recepty.7dach.ru/templates/skin/banana/images/mobile/ico-mobile.png) -44px 0;
width: 22px;
height: 22px;
background-size: cover;
}
body.mobile-enabled .mobile-action-write {
background: url(https://recepty.7dach.ru/templates/skin/banana/images/mobile/ico-mobile.png) 0 0;
width: 22px;
height: 22px;
background-size: cover;
}
body.mobile-enabled .mobile-action-phot {
background: url(https://recepty.7dach.ru/templates/skin/banana/images/mobile/ico-mobile.png) -88px 0;
width: 22px;
height: 22px;
background-size: cover;
}
body.mobile-enabled .breadcrumbs {
padding: 10px 10px 0 10px;
margin-top: 0;
}
body.mobile-enabled .main-tag-list li {
width: 100%;
margin: 5px 0 10px 0;
}
body.mobile-enabled .b-share .b-share-btn__wrap {
margin-bottom: 10px;
}
body.mobile-enabled #toolbar_join, body.mobile-enabled #toolbar_join_park {
display: none;
}
body .modal,
body .modal.modal-upload-photo,
body .modal.modal-upload-avatar,
body .modal.modal-subscribe,
body .modal.modal-domvsadu,
body .modal.modal-support,
body .modal.modal-image-upload,
body .modal.modal-write,
body .modal.modal-login,
body .modal.modal-600 {
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: auto;
margin-left: 0;
border-radius: 0;
overflow: auto;
}
body .modal-content {
max-height: 100%;
overflow: auto;
}
body .modal.modal-login .login-form-input-label {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
body .modal.modal-login .input-width-300,
body .modal.modal-login .input-width-250 {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
body .modal.modal-login .login-form-input-icons {
display: inline-block;
width: 42px;
margin-left: 2px;
white-space: nowrap;
}
.login-form-input-icons_small {
width: 24px;
}
body.mobile-enabled .photo-grid.item {
width: 49%;
}
body.mobile-enabled .tag_filter {
display: none;
}
body.mobile-enabled .tag_topic_list {
padding-left: 0 !important;
}
body.mobile-enabled .master {
display: none;
}
body .modal.modal-subscribe {
top: 0;
height: auto;
}
body .modal.modal-subscribe div.cover {
display: none;
}
body .modal.modal-subscribe .modal-content .form-wrap {
width: auto;
}
body .modal.modal-subscribe .modal-content {
height:auto;
}
body .modal.modal-subscribe .modal-content .form-wrap .form-block {
height: auto;
padding-top: 10px;
padding-bottom: 10px;
}
body.mobile-enabled .index-filter__menu {
float: none;
white-space: normal;
display: block;
}
body.mobile-enabled .mobile-top-banner {
display: block;
}
}
@media (max-height: 470px) {
body.mobile-enabled .mobile-sticky-banner,
body.mobile-enabled .mobile-top-banner {
display: none;
}
body .modal.modal-subscribe {
}
body .modal.modal-subscribe div.cover {
display: none;
}
body .modal.modal-subscribe .modal-content .form-wrap {
width: auto;
}
body .modal.modal-subscribe .modal-content .form-wrap .form-block {
height: auto;
padding-top: 10px;
padding-bottom: 10px;
}
}
.stop-force-full-version {
display: none;
}
.stop-force-full-version {
display: block;
text-align: center;
}
.yellow-ribbon {
padding: 20px;
background: #ffeeaa;
}
.yellow-ribbon span {
font-size: 17px;
}
.yellow-ribbon button {
font-size: 17px;
}
/*
.topic-mobile-yandex {
display: none;
}*/
@media screen and (max-width:400px){
body.mobile-enabled .topic-mobile-yandex {
display: block;
}
}
/* templates/skin/banana/css/facelift.css */
@font-face {
font-family: Lifehack Sans;
src: url("/templates/skin/banana/fonts/Lifehack Sans.otf") format("opentype");
}
@font-face {
font-family: Lifehack Sans Medium;
src: url("/templates/skin/banana/fonts/Lifehack Sans Medium.otf") format("opentype");
}
@font-face {
font-family: Lifehack Bold;
src: url("/templates/skin/banana/fonts/Lifehack Bold.otf") format("opentype");
}
@font-face {
font-family: Lifehack;
src: url("/templates/skin/banana/fonts/Lifehack.otf") format("opentype");
}
#all_nav [class^="icon-"], #all_nav [class*=" icon-"],
.nav-left [class^="icon-"], .nav-left [class*=" icon-"],
#reply [class^="icon-"], #reply [class*=" icon-"] {
background: none!important;
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-delete:before {
content: "\e600";
}
.icon-Index-off-litel:before {
content: "\e601";
}
.icon-smile:before {
content: "\e602";
}
.icon-Index-on-litel:before {
content: "\e603";
}
.icon-Index-on:before {
content: "\e604";
}
.icon-menu-point:before {
content: "\e605";
}
.icon-write:before {
content: "\e606";
}
.icon-like:before {
content: "\e607";
}
.icon-question:before {
content: "\e608";
}
.icon-comment:before {
content: "\e609";
}
.icon-menu:before {
content: "\e60a";
}
.icon-new:before {
content: "\e60b";
}
.icon-good:before {
content: "\e60c";
}
.icon-home:before {
content: "\e60d";
}
.icon-contest:before {
content: "\e60e";
}
.icon-settings:before {
content: "\e60f";
}
.icon-good-mood:before {
content: "\e610";
}
.icon-event:before {
content: "\e611";
}
.icon-photo:before {
content: "\e612";
}
.icon-sign-in:before {
content: "\e613";
}
.icon-search:before {
content: "\e614";
}
.icon-edit:before {
content: "\e615";
}
.icon-user:before {
content: "\e616";
}
.icon-exit:before {
content: "\e617";
}
.icon-message:before {
content: "\e618";
}
.icon-case:before {
content: "\e619";
}
.icon-Index-off:before {
content: "\e61a";
}
.icon-rotate-right:before {
content: "\f0e2";
}
.icon-rotate-left:before {
content: "\f0e3";
}
.icon-close:before {
content: "\e61b";
}
.nav .search .text {
width: 230px;
}
.nav .menu > li > a {
font-size: 12px;
padding: 12px 4px !important;
display: block;
text-transform: uppercase;
color: #332e2a!important;
text-align: left;
font-weight: bold;
}
.nav .menu > li {
padding: 0 !important;
margin: 0 !important;
display: table-cell!important;
float: none!important;
line-height: 12px;
position: relative;
}
@media screen and (min-width:1207px){
.nav .menu > li > a {
font-size: 16px;
padding: 15px 20px 15px 20px!important;
}
.nav .menu > li {
line-height: 16px;
}
}
@media screen and (min-width: 1007px) {
#container {
min-width: 826px!important;
}
}
@media screen and (min-width:720px) {
body {
background: none !important;
}
}
#container {
max-width: 1200px !important;
/*min-width: 1007px!important*/
}
.nav-left {
width: 100%;
display: table;
border-bottom: solid 1px #bbbbbb;
}
ul.menu {
background: #ffffff!important;
float: none!important;
display: table-row!important;
position: relative;
}
ul.menu_opacity {
background-color: rgba(255,255,255,0.3) !important;
}
.menu > li:hover .fl-sub-menu-container {
display: block;
}
.nav .menu li.active {
background: #e9e9e9;
border:none!important;
border-radius: 0 !important;
}
.menu li.fl-menu-now a div {
color: #439d48;
}
.menu li.fl-menu-now a span{
color: #332e2a;
}
.menu a:hover {
background: #e9e9e9;
}
.menu li i {
display: none;
}
.menu li li i {
display: inline-block;
color: #000000;
}
.menu > li:hover .fl-menu-underline {
background: url("/templates/skin/banana/images/fl/border-menu-hover.jpg");
position: absolute;
left: 30%;
bottom: -1px;
width: 50px;
height: 2px;
z-index: 120;
display: block!important;
}
/* */
.fl-sub-menu-container {
border-top: solid 1px #bbbbbb;
padding: 15px 0;
width: auto;
position: absolute;
background: #ffffff;
z-index: 90;
-webkit-box-shadow: 0 7px 7px 1px #444;
-moz-box-shadow: 0 7px 7px 1px #444;
box-shadow: 0 7px 7px 1px #444;
}
.menu .position-right {
right: 0 !important;
}
.fl-sub-menu-container a {
font-size: 14px!important;
text-transform: none!important;
font-weight: normal!important;
}
ul.fl-sub-menu {
vertical-align: top;
display: table-cell;
border-right: solid 1px #bbbbbb;
padding: 0 15px;
}
ul.fl-sub-menu:last-child {
border-right: none;
}
.fl-sub-menu li {
white-space: nowrap;
}
.menu li li {
float: none!important;
padding: 0 50px 0 0 !important;
margin: 0 0 0 0 !important;
display: block;
text-align: left;
position: relative;
height: auto!important;
}
.menu li li .fl-sub-menu-comment {
padding: 5px 0 5px 5px!important;
font-family: "PT Sans", sans-serif!important;
font-weight: bold;
}
.menu li li.fl-sub-menu-br {
height: 0!important;
border-bottom: 1px dotted #bbbbbb;
margin: 10px 0!important;
padding: 0!important;
}
.menu li .fl-sub-menu li,
.menu li .fl-sub-menu li.fl-sub-menu-additional a {
color: #838383!important;
}
.menu li .fl-sub-menu li a {
font-size: 16px!important;
color: #111111!important;
}
.menu li .fl-sub-menu li.fl-sub-menu-title a {
font-family: 'PT Sans'!important;
padding-left: 3px;
font-size: 16px;
color: #439d49!important;
text-transform: uppercase!important;
}
.menu li .fl-sub-menu li a:hover {
color: #3A873F!important;
}
.menu li .fl-sub-menu li.fl-sub-menu-common-item,
.menu li .fl-sub-menu-top li {
text-transform: uppercase!important;
font-size: 12px!important;
color: #838383!important;
padding: 0 50px 0 10px!important;
}
.menu li .fl-sub-menu li.fl-sub-menu-common-item a,
.menu li .fl-sub-menu-top li a {
padding: 5px 0 5px 8px!important;
font-size: 12px!important;
color: #838383!important;
text-transform: uppercase!important;
font-weight: bold!important;
}
.menu li .fl-sub-menu-top li i {
font-size: 16px!important;
position: relative;
top: 2px;
}
.menu li li a.fl-sub-button {
font-size: 15px!important;
text-transform: none!important;
padding: 10px 31px !important;
background: #ffda52;
color: #332e2a!important;
font-weight: bold!important;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.menu li li a:hover {
background: inherit;
}
.menu li li a.fl-sub-button:hover {
background: #439d49;
color: #ffffff!important;
}
.menu li .fl-sub-menu li.fl-sub-menu-common-button,
.menu li .fl-sub-menu-top li:last-child {
padding: 50px 0 0 !important;
text-align: center;
}
.menu li .fl-sub-menu li:first-child span {
color: #439d49;
}
.menu li li a {
font-weight: normal!important;
text-align: left!important;
display: inline-block;
padding: 5px 0 5px 5px!important;
vertical-align: baseline;
}
ul.fl-sub-menu .fl-sub-menu-title,
ul.fl-sub-menu h4 {
font-family: 'PT Sans'!important;
padding-left: 3px;
font-size: 16px;
color: #439d49;
text-transform: uppercase!important;
}
.fl-sub-menu-top {
margin-top: 20px;
width: 43%;
display: table-cell;
padding-left: 10px;
}
ul.fl-sub-menu span, .fl-sub-menu-top span {
color: #838383;
position: absolute;
right: 10px;
top: 5px;
font-size: 12px;
}
ul.fl-sub-menu span {
right: 20px;
}
/* ICON */
.icon-search {
cursor: pointer;
color: #ffffff;
font-size: 16px;
position: absolute;
right: 4px;
top: 14px;
}
.footer { background: #332e2a; color: #aaa; padding: 20px 0; }
.footer .container { margin: 0 auto; padding: 0 12px 0 12px; position: relative; max-width: 1280px; /*min-width: 1007px;*/}
.footer .container p { font-size: 15px; line-height: 26px; margin-bottom: 20px; font-family: 'PT Sans'; }
.footer .container a { font-size: 15px; color: #ddd; font-weight: normal; font-family: 'PT Sans'; }
.footer .container a:hover {text-decoration: none; color: #ffda52;}
.footer .row-footer { width: 100%; }
.footer .row-footer:first-of-type { margin-bottom: 10px; }
.footer .col-ft-cop { display: inline-block; width: 35%; margin-right: 6%;}
.footer .col-ft-cop2 { display: inline-block; width: 57%; }
.footer .col-ft-menu1 { width: 17%; display: inline-block; margin-right: 3%; }
.footer .col-ft-menu2 { width: 13%; display: inline-block; margin-right: 2%; }
.footer .col-ft-menu3 { display: inline-block; width: 22%; }
.footer .col-ft-menu1 li, .col-ft-menu2 li, .col-ft-menu3 li { margin-bottom: 6px; line-height: 20px;}
.footer .counr { width: 31px; height: 31px; background: #ffc146; float: left; }
.footer .soclink { float: left; margin-top: 5px; }
.footer .soclink li { float: left; margin-left: 24px; }
.footer .soclink li a { color: #ccc !important; font-size: 24px; }
.footer .soclink li a:hover { color: #fff !important; }
.footer .depositphotos-logo { display: inline-block; width:190px; height:35px; background-image: url("/templates/skin/banana/images/depositphotos-logo-light.png"); background-size: cover; background-repeat: no-repeat; }
@media screen and (max-width:1007px){
.footer .col-ft-cop,
.footer .col-ft-cop2,
.footer .col-ft-menu1,
.footer .col-ft-menu2,
.footer .col-ft-menu3 { width: 100%; margin-right: 0; }
.footer .container {min-width: 300px;}
.footer .col-ft-cop2{margin-top:10px;}
}
.semena-ua-banner {
display: none;
}
@media screen and (min-width: 1280px) {
.semena-ua #container{
width: 1006px;
}
.semena-ua .nav .menu > li > a {
font-size: 12px;
}
.semena-ua-banner {
display: block;
overflow: hidden;
width: 458px;
height: 1024px;
position: fixed;
left: 50%;
top: 0;
z-index: 20;
background: transparent none 0 0 no-repeat;
}
.semena-ua-banner_left {
margin-left: -961px;
background-image: url(/media/semena-ua/semena-ua-left.jpg);
}
.semena-ua-banner_right {
margin-left: 503px;
background-image: url(/media/semena-ua/semena-ua-right.jpg);
}
.semena-ua-banner__link {
width: 180px;
height: 100%;
display: block;
}
.semena-ua-banner_left > .semena-ua-banner__link {
float: right;
}
.semena-ua-banner_right > .semena-ua-banner__link {
float: left;
}
}
@media screen and (max-width: 1360px) {
.semena-ua-banner_left {
background-position: 25px 0;
}
.semena-ua-banner_right {
background-position: -25px 0;
}
}
.favorite-form {
margin-top: 5px;
}
.favorite-form__tag.fa {
font-family: "PT Sans", sans-serif;
cursor: pointer;
display: inline-block;
border: solid 1px #ccc;
border-radius: 3px;
position: relative;
overflow: visible;
padding: 5px;
margin-right: 5px;
}
.favorite-form__tag:before {
font-family: FontAwesome;
color: #3f6b42;
position: absolute;
right: -5px;
top: -5px;
}
.favorite-form__tag_new:before {
right: -8px;
background-color: white;
}
.favourite-tag-list {
margin-top: 5px;
max-height: 100px;
overflow-y: scroll;
}
#sidebar.left-column-enabled {
width: 240px;
margin-right: -290px;
}
.right-top-block {
margin-bottom: 0;
}
.right-top-block.is_stuck{background-color: #fff}
.right-top-block > .habitomato {
margin-bottom: 30px;
}
#wrapper.left-column-enabled {
padding-right: 290px;
}
#wrapper.left-column-enabled.no-sidebar {
padding-right: 0;
}
@media screen and (max-width:1024px) {
#wrapper.left-column-enabled #sidebar {
display: none;
}
#wrapper.left-column-enabled {
padding-right: 0;
}
}
@media screen and (max-width:720px) {
#wrapper.left-column-enabled.no-sidebar {
padding-right: 10px;
}
}
.maheev-berry-popup-alert {
width: 900px;
margin-left: -450px;
overflow: visible;
top: 5%;
}
.maheev-berry-popup-alert p, .maheev-berry-popup-alert .button {
font-family: "PT Sans", sans-serif;
font-size: 20px;
}
.maheev-berry-popup-alert .modal-content {
padding-bottom: 450px;
background: url("/media/contest-test/maheev/popup-left.png") no-repeat bottom 20px left 20px;
position: relative;
}
.maheev-berry-popup-alert .modal-content:after {
content: '';
background: url("/media/contest-test/maheev/popup-right.png") no-repeat bottom left;
width: 500px;
height: 462px;
position: absolute;
right: 20px;
bottom: -40px;
}
@media screen and (max-width: 900px) {
.maheev-berry-popup-alert {
display: none!important;
}
}
/* templates/skin/banana/css/floating-hat.css */
.floating-hat {
height: 50px;
background: #4c4742 url(/templates/skin/banana/images/fl/bg3.jpg) repeat-x top;
text-align: right;
color: white;
font-size: 0;
line-height: 50px;
width: 100%;
font-family: "PT Sans", sans-serif;
top: -50px;
transition: top 0.5s ease-out 0s;
position: absolute;
white-space: nowrap;
}
.floating-hat_fixed {
position: fixed;
top: 0;
z-index: 20;
}
.floating-hat__left {
float: left;
margin-left: 20px;
margin-top: 10px;
height: 30px;
position: relative;
}
.floating-hat__logo {
background: rgba(0, 0, 0, 0) url("/templates/skin/banana/images/fl/logo2.png") no-repeat scroll 0 0;
width: 66px;
height: 30px;
background-size: cover;
display: inline-block;
text-decoration: none;
}
.floating-hat__index {
margin-left: 60px;
width: 325px;
overflow: hidden;
vertical-align: top;
color: white;
height: 30px;
border-style: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
background: #3d3634 url("/templates/skin/banana/images/fl/open-index.png") no-repeat 300px 14px;
cursor: pointer;
font-size: 16px;
line-height: 100%;
text-align: left;
display: none;
}
.floating-hat .fa-bars{
display:none;
}
.floating-hat_has-index .floating-hat__index {
display: inline-block;
}
.floating-hat__index:hover, .floating-hat__index_active{
margin-top: -10px;
height: 50px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background-color: #635c57;
background-position: 300px 24px;
}
.floating-hat__index::after {
content: '';
width: 55px;
height: 30px;
position: absolute;
text-align: right;
display: block;
z-index: 5;
top: 0;
right: 30px;
background: -webkit-linear-gradient(left, rgba(61,54,52,0), rgba(61,54,52,1));
background: -o-linear-gradient(right, rgba(61,54,52,0), rgba(61,54,52,1));
background: -moz-linear-gradient(right, rgba(61,54,52,0), rgba(61,54,52,1));
background: linear-gradient(to right, rgba(61,54,52,0), rgba(61,54,52,1));
}
.floating-hat__index:hover::after, .floating-hat__index_active::after {
height: 50px;
background: -webkit-linear-gradient(left, rgba(99,92,87,0), rgba(99,92,87,1));
background: -o-linear-gradient(right, rgba(99,92,87,0), rgba(99,92,87,1));
background: -moz-linear-gradient(right, rgba(99,92,87,0), rgba(99,92,87,1));
background: linear-gradient(to right, rgba(99,92,87,0), rgba(99,92,87,1));
}
.floating-hat__index:hover .floating-hat__index-text, .floating-hat__index_active .floating-hat__index-text {
margin-top: 17px;
}
.floating-hat__index-text {
display: block;
margin: 7px 35px 3px 12px;
white-space: nowrap;
overflow: hidden;
font-weight: bold;
}
.floating-hat__index-options {
display: none;
color: #635c57;
z-index: 19;
width: 325px;
font-size: 16px;
background-color: white;
box-shadow: 0 0 6px 0 #e8e8e8;
font-family: "PT Sans", sans-serif;
position: fixed;
top: 50px;
}
.floating-hat__index-options_opened {
display: block;
}
.floating-hat__index-options_scrollable {
overflow-y: scroll;
}
.floating-hat__index-option {
cursor: pointer;
display: block;
padding: 8px 20px;
}
.floating-hat__index-option_search {
cursor: default;
padding: 3px 20px 11px 20px;
}
.floating-hat__index-option:first-child {
padding-top: 16px;
}
.floating-hat__index-option_important {
font-weight: bold;
}
.floating-hat__index-option:hover {
background-color: #cccccc;
}
.floating-hat__search {
margin-left: 60px;
vertical-align: top;
color: white;
font-size: 16px;
width: 325px;
height: 30px;
position: relative;
display: none;
}
.floating-hat_has-search .floating-hat__search {
display: inline-block;
}
.floating-hat__search_in-index {
display: block;
}
.floating-hat__search-input {
width: 275px;
height: 30px;
border-style: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: #3d3634;
padding-right: 35px;
padding-left: 5px;
color: white;
position: absolute;
top: 0;
left: 0;
}
.floating-hat__search-button {
border-style: none;
background-color: transparent;
width: 20px;
height: 20px;
display: inline-block;
color: white;
vertical-align: middle;
font-family: FontAwesome;
position: absolute;
right: 15px;
top: 5px;
z-index: 23;
}
.floating-hat__search-button::before {
content: "\f002";
}
.floating-hat__search-button:focus,
.floating-hat__search-input:focus {
border-style: none;
outline: 0;
}
.floating-hat__search-input:-webkit-autofill {
color: white;
background-color: #3d3634;
}
.floating-hat__index-options .floating-hat__search {
width: 275px;
display: block;
margin-left: 0;
}
.floating-hat__index-options .floating-hat__search-input {
width: 235px;
background-color: #635c57;
}
.floating-hat__index-options .floating-hat__search-button {
color: inherit;
}
.has-floating-hat .floating-hat-anchor,
.has-floating-hat .anchor-comment {
display: block;
margin-top: -50px;
height: 50px;
position: relative;
z-index: -1;
}
.has-floating-hat .comment-info {
position: relative;
z-index: 1;
}
.floating-hat__arrow-up {
display: inline-block;
vertical-align: middle;
height: 50px;
width: 50px;
line-height: 50px;
font-weight: bold;
color: white;
font-size: 18px;
text-align: center;
cursor: pointer;
border-style: none;
margin-left: 10px;
}
.floating-hat__arrow-up:hover {
background-color: #635c57;
}
.floating-hat__arrow-up .fa {
vertical-align: middle;
}
.floating-hat__button {
margin-left: 10px;
border-radius: 5px;
height: 30px;
font-size: 16px;
cursor: pointer;
border-style: none;
display: inline-block;
padding: 0 15px;
vertical-align: middle;
font-weight: bold;
}
.floating-hat__button_thank {
background-color: #f5d95d;
color: black;
}
.floating-hat__button_thank:hover {
background-color: #f7ec76;
}
.floating-hat__button_favorites {
background-color: #679c4f;
color: white;
}
.floating-hat__button_favorites:hover {
background-color: #5eb763;
}
.floating-hat__social {
display: inline-block;
vertical-align: middle;
}
.floating-hat__social .ya-share2__badge {
border-radius: 5px;
padding: 3px;
margin-left: 5px;
}
.floating-hat__share {
display: none;
}
.floating-hat-share-block {
display: none;
z-index: 20;
position: fixed;
top: 53px;
left: 0;
width: 100%;
padding: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: white;
border-bottom: solid 1px #e1e1e1;
font-family: "PT Sans", sans-serif;
box-shadow: 0 0 6px 0 #e8e8e8;
}
.floating-hat-share-block_opened {
display: block;
}
.floating-hat-share-block__title {
font-weight: bold;
}
.floating-hat-share-block__buttons {
padding-bottom: 20px;
padding-top: 10px;
}
.floating-hat-share-block__buttons .ya-share2__badge {
padding: 8px;
margin-right: 10px;
border-radius: 3px;
}
@media screen and (max-width:1020px) {
body.mobile-enabled .floating-hat {
height: 53px;
line-height: 53px;
background: #332e2a none;
top: -53px;
}
body.mobile-enabled .floating-hat_fixed {
top: 0;
}
body.mobile-enabled .floating-hat__left {
position: static;
}
body.mobile-enabled .floating-hat__right {
margin-right: 10px;
}
body.mobile-enabled .floating-hat__logo {
position: absolute;
left: 62px;
top: 10px;
width: 71px;
height: 32px;
}
body.mobile-enabled .floating-hat__button,
body.mobile-enabled .floating-hat__social {
display: none;
}
body.mobile-enabled .floating-hat__index-text {
display: none;
}
.floating-hat .fa-bars {
display: block;
margin-top: 9px;
margin-left: 12px;
}
.floating-hat__share .fa-share-alt{font-size:24px;margin: 0;padding: 0 9px;}
body.mobile-enabled .floating-hat__index,
body.mobile-enabled .floating-hat__share,
body.mobile-enabled .floating-hat .floating-hat__search,
body.mobile-enabled .floating-hat__arrow-up {
vertical-align: middle;
width: 40px;
height: 33px;
color: #959391;
border: solid 1px #433e3b;
margin-left: 5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
/*background: #393531 none no-repeat 12px 8px;*/
-webkit-background-size: 17px 17px;
background-size: 17px 17px;
cursor: pointer;
position: static;
}
body.mobile-enabled .floating-hat__index:hover, body.mobile-enabled .floating-hat__index_active {
margin-top: 0;
height: 33px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
body.mobile-enabled .floating-hat__index_active {
background: #393531 none 12px 8px;
}
body.mobile-enabled .floating-hat__index,
body.mobile-enabled .floating-hat__index:focus,
body.mobile-enabled .floating-hat__index:hover {
margin-left: 0;
position: absolute;
left: 10px;
top: 9px;
line-height: 30px;
background-size: 17px 17px;
}
body.mobile-enabled .floating-hat__index:after {
display: none;
}
body.mobile-enabled .floating-hat__share {
display: inline-block;
text-align: left;
}
body.mobile-enabled .floating-hat__arrow-up {
display: inline-block;
line-height: 30px;
}
body.mobile-enabled .floating-hat__index-options {
top: 53px;
left: 0;
width: 100%;
}
body.mobile-enabled .floating-hat__index-option:hover {
background-color: transparent;
}
body.mobile-enabled .floating-hat__index-option_current:hover {
background-color: #eeeeee;
}
body.mobile-enabled .floating-hat__index-option_search {
padding-top: 10px;
}
body.mobile-enabled .floating-hat__index-option {
padding: 10px 0;
margin: 0 20px;
border-bottom: solid 1px #e1e1e1;
color: #555555;
}
body.mobile-enabled .floating-hat__index-option_current {
background-color: #eeeeee;
margin: 0;
padding: 10px 20px;
}
body.mobile-enabled .floating-hat__index-option_prev {
border-bottom-color: transparent;
}
body.mobile-enabled .floating-hat__index-option_important {
color: black;
}
body.mobile-enabled .floating-hat__index-option:first-child {
padding-top: 20px;
}
body.mobile-enabled .floating-hat__index-option:last-child {
padding-bottom: 20px;
border-style: none;
}
.has-floating-hat.mobile-enabled .floating-hat-anchor {
display: block;
margin-top: -53px;
height: 53px;
}
body.mobile-enabled .floating-hat .floating-hat__search {
position: absolute;
left: 10px;
top: 9px;
margin-left: 0;
}
body.mobile-enabled .floating-hat_search-opened .floating-hat__search {
right: 10px;
width: auto;
padding-left: 5px;
padding-right: 40px;
}
body.mobile-enabled .floating-hat .floating-hat__search-input {
display: none;
background-color: transparent;
}
body.mobile-enabled .floating-hat__index-options .floating-hat__search {
width: 100%;
}
body.mobile-enabled .floating-hat__index-options .floating-hat__search-input,
body.mobile-enabled .floating-hat_search-opened .floating-hat__search-input {
display: block;
width: 100%;
color: white;
padding: 0;
height: 33px;
position: static;
}
body.mobile-enabled .floating-hat__index-options .floating-hat__search-input {
box-sizing: border-box;
padding-left: 5px;
padding-right: 35px;
}
body.mobile-enabled .floating-hat_search-opened .floating-hat__search-input:-webkit-autofill {
background-color: transparent;
}
body.mobile-enabled .floating-hat .floating-hat__search-button {
color: #959391;
width: 33px;
height: 26px;
font-weight: normal;
right: 3px;
top: 3px;
line-height: 26px;
}
}
/* templates/skin/banana/css/hub-layout.css */
.hub-layout {
}
/* ROW */
.hub-layout-row_type-a,
.hub-layout-row_type-b,
.hub-layout-row_type-c,
.hub-layout-row_type-d,
.hub-layout-row_type-e,
.hub-layout-row_type-f,
.hub-layout-row_type-g {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-moz-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-moz-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.hub-layout-row_150 > .hub-layout-block {
min-height: 150px;
max-height: 190px;
}
.hub-layout-row_300 > .hub-layout-block {
min-height: 300px;
max-height: 320px;
}
.hub-layout-row_450 > .hub-layout-block {
height: 450px;
}
.hub-layout-row_600 > .hub-layout-block {
height: 600px;
}
.hub-layout-row_750 > .hub-layout-block {
height: 750px;
}
/* BLOCKS */
.hub-layout-block {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-webkit-order: 0;
-ms-flex-order: 0;
order: 0;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1 1 80px;
-ms-flex: 1 1 80px;
flex: 1 1 80px;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
min-width: 240px;
box-sizing: border-box;
padding: 35px 20px 30px;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.hub-layout-block:first-child {
padding-left: 0;
}
.hub-layout-block:last-child {
padding-right: 0;
}
.hub-layout-block_x2 {
-webkit-box-flex: 2;
-moz-box-flex: 2;
-webkit-flex: 2 1 160px;
-ms-flex: 2 1 160px;
flex: 2 1 160px;
}
.hub-layout-block_x3 {
-webkit-box-flex: 3;
-moz-box-flex: 3;
-webkit-flex: 3 1 240px;
-ms-flex: 3 1 240px;
flex: 3 1 240px;
}
.hub-layout-block:last-child {
border-right: none;
}
.hub-layout-block_empty {
display: none;
}
.hub-layout.editable .hub-layout-block_empty {
display: block;
}
.hub-layout-block_nopadding {
padding: 0;
}
/* HEADER */
.hub-block-header {
font-size: 24px;
font-weight: normal;
font-family: "PT Sans", sans-serif;
padding: 0 0 10px;
color: #111;
}
.hub-block-header > a,
.hub-block-header > a:hover,
.hub-block-header > a:visited,
.hub-block-header > a:active {
font-size: 24px;
font-weight: normal;
font-family: "PT Sans", sans-serif;
padding: 0 0 10px;
color: #111;
text-decoration: none;
}
.hub-block-header > a:hover {
color: #439d48;
}
.hub-block-header > a::after {
content: '\a0\a0\f054';
font-family: FontAwesome;
font-size: 14px;
}
.hub-layout-row_150 .hub-block-header {
padding-right: 20px;
}
/* BODY */
.hub-block-container {
height: 100%;
max-height: 100%;
box-sizing: border-box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.hub-layout-row_150.hub-layout-row_type-a .hub-block-container {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.hub-block-container_image-link {
padding: 0;
display: block;
overflow: visible;
}
.hub-template-block-body {
position: relative;
min-height: 100px;
overflow-y: auto;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1 0;
-ms-flex: 1 0;
flex: 1 0;
}
.hub-layout-row_150.hub-layout-row_type-a .hub-template-block-body {
overflow-y: hidden;
}
.hub-template-block-body_no-scroll {
overflow-y: hidden;
}
.hub-block-additional-elements {
padding-top: 20px;
}
.hub-layout-row_150.hub-layout-row_type-a .hub-block-additional-elements{
padding-left: 10px;
padding-top: 0;
}
.hub-block-container.hub-block-container-empty {
display: none;
}
.hub-layout.editable .hub-block-container.hub-block-container-empty {
display: block;
}
.hub-template-block-action {
display: none;
}
.hub-layout.editable .hub-block-container.hub-block-container-notempty .hub-template-block-action {
display: block;
}
.hub-template-block-hover-drag {
display: none;
position: absolute;
width: 100%;
height: 100%;
background-color: #c5c5c5;
top: 0;
opacity: 0.5;
}
.hub-layout.editable .hub-template-block-hover-drag {
display: block;
}
.hub-layout-row_empty {
display: none;
}
.hub-layout.editable .hub-layout-row_empty {
display: -webkit-flex;
display: flex;
}
/* CURATOR AND SPONSOR */
.hub-curator {
margin-bottom: 45px;
margin-top: 45px;
color: #000;
font-size: 16px;
}
.hub-curator-left {
padding: 35px 15px;
display: inline-block;
width: calc(100% - 380px);
box-sizing: border-box;
vertical-align: top;
}
.hub-curator-title {
color: #fff;
background-color: rgba(0,0,0,0.8);
display: inline;
padding-left: 20px;
padding-right: 20px;
font-size: 48px;
line-height: 1.5;
font-weight: bold;
}
.hub-curator-info {
background-color: #fff;
border-radius: 6px;
border-style: none;
box-sizing: border-box;
width: 350px;
padding: 30px;
display: inline-block;
vertical-align: top;
font-family: "PT Sans", sans-serif;
}
.hub-block-curator-title {
font-weight: bold;
margin-bottom: 10px;
}
.hub-curator-name {
font-weight: bold;
}
.hub-sponsor-description {
font-style: italic;
}
.hub-sponsor-logo {
max-width: 100%;
max-height: 200px;
margin-bottom: 10px;
}
.hub-sponsor-underground {
position: absolute;
width: 100%;
background: transparent url('/templates/skin/banana/images/curator-bg.png');
}
.hub-curator-name {
font-size: 18px;
font-weight: bold;
}
.hub-curator-description {
font-size: 14px;
margin-top: 10px;
}
.hub-curator-avatar {
float: left;
margin: 0 10px 10px 0;
}
.hub-curator-ask {
width: 100%;
margin-top: 45px;
height: 50px;
border-radius: 6px;
border-style: none;
background-color: #3d8847;
color: white;
font-weight: bold;
}
.hub-curator-ask:focus {
outline: none;
}
/* EXPAND */
.hub-block-expand {
height: 30px;
text-align: right;
font-size: 14px;
font-weight: bold;
margin-top: 10px;
visibility: hidden;
}
.hub-layout-row_150 .hub-block-expand {
display: none;
}
.hub-block-expand-action,
.hub-block-compress-action {
font-family: "PT Sans", sans-serif;
cursor: pointer;
}
.hub-template-block_expandable .hub-block-expand {
visibility: visible;
}
.hub-block-expand-action .fa,
.hub-block-compress-action .fa {
margin-left: 10px;
}
.hub-block-compress-action {
float: right;
display: none;
margin-right: 15px;
margin-top: 12px;
font-size: 20px;
}
.hub-template-block_expanded {
position: fixed;
max-height: none;
z-index: 100;
background-color: #fff;
list-style: none;
}
.hub-template-block_expanded .hub-template-block-body,
.hub-template-block_expanded .hub-template-block-body {
overflow-y: auto;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.hub-template-block_expanded .hub-block-container {
padding-right: 0;
}
.hub-template-block_expanded .hub-block-compress-action {
display: inline;
}
.hub-template-block_expanded .hub-block-expand-action {
display: none;
}
.hub-template-block_expanded .hub-template-block-header {
font-size: 24px;
margin-right: 100px;
}
/* ADMIN FORMS */
.hub-admin-letter {
display: inline-block;
width: 20px;
vertical-align: middle;
}
.hub-admin-symbol {
display: inline-block;
height: 20px;
border: 1px solid #bbbbbb;
border-radius: 3px;
margin-right: 2px;
vertical-align: middle;
}
.hub-admin-symbol-100x150 {
width: 48px;
}
.hub-admin-symbol-300x600 {
width: 10px;
}
.hub-admin-symbol-x600 {
width: 20px;
}
.hub-admin-symbol-x600-l {
width: 34px;
}
.hub-admin-symbol-x600-h {
width: 22px;
}
/* SHARE AND HEADER */
.hub-share-top {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
border-bottom: 2px solid #439d48;
padding-bottom: 10px;
margin-top: 30px;
}
.hub-page-header,
.hub-page-header a {
font-size: 36px;
color: #111;
text-decoration: none;
font-weight: normal;
line-height: 1.2;
margin-bottom: 0;
font-family: "PT Sans", sans-serif;
}
.hub-share-top > .hub-page-header {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.hub-share-top > .ya-share2 {
white-space: nowrap;
}
.hub-share-top .ya-share2__container_size_m .ya-share2__icon {
width: 36px;
height: 36px;
background-size: cover;
}
.hub-share-top .ya-share2__badge {
border-radius: 5px;
}
/* MOBILE */
@media screen and (max-width: 760px) {
.hub-layout-row_type-b > .hub-layout-block_x2,
.hub-layout-row_type-c > .hub-layout-block_x2 {
min-width: 100%;
border-right: none;
padding-right: 0;
padding-left: 0;
}
.hub-layout-row_type-b > .hub-layout-block:nth-child(2) {
padding-left: 0;
}
.hub-layout-row_type-c > .hub-layout-block:nth-child(2) {
border-right: none;
padding-right: 0;
}
.hub-layout-row_type-d {
display: block;
overflow-y: auto;
}
.hub-layout-row_type-d .hub-layout-block {
display: block;
overflow-y: auto;
width: 100%;
border-right: none;
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 720px) {
.hub-layout-block,
.hub-layout-block:first-child,
.hub-layout-block:last-child,
.hub-layout-row_type-b > .hub-layout-block:first-child,
.hub-layout-row_type-b > .hub-layout-block:nth-child(2),
.hub-layout-row_type-c > .hub-layout-block:nth-child(2),
.hub-layout-row_type-c > .hub-layout-block:last-child {
padding: 20px 10px;
}
}
@media screen and (max-width: 520px) {
body.mobile-enabled .hub-layout-row {
}
body.mobile-enabled .hub-layout-row_empty {
display: none;
}
body.mobile-enabled .hub-layout.editable .hub-layout-row_empty {
display: block;
}
body.mobile-enabled .hub-layout-block {
width: 100%;
border-right: none;
display: block;
}
body.mobile-enabled .hub-curator {
width: calc(100% + 20px);
margin-left: -10px;
}
body.mobile-enabled .hub-curator-info {
float: left;
width: 100%;
border-radius: 0;
margin-bottom: 10px;
}
body.mobile-enabled .hub-curator:after {
content: '';
height: 0;
clear: both;
}
body.mobile-enabled .hub-curator-left {
width: auto;
}
.hub-layout-row_type-b > .hub-layout-block_x2,
.hub-layout-row_type-c > .hub-layout-block_x2 {
min-width: 0;
width: 100%;
}
body.mobile-enabled .hub-layout-row_150.hub-layout-row_type-a .hub-template-block-body{
padding-top: 20px;
}
body.mobile-enabled .hub-block-expand {
padding-top: 10px;
padding-bottom: 10px;
}
body.mobile-enabled .hub-layout {
padding: 0;
width: 100%;
}
.hub-share-top > .hub-page-header {
padding-left: 10px;
padding-right: 10px;
}
.hub-share-top > .ya-share2 {
white-space: nowrap;
margin: 10px 0 5px;
padding-left: 10px;
padding-right: 10px;
}
}
/* templates/skin/banana/css/hub.css */
.segment-block_topics{display:none}
.hub-block-photos {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.hub-layout-row_150.hub-layout-row_type-a .hub-block-photos,
.hub-layout-row_300.hub-layout-row_type-a .hub-block-photos {
display: block;
white-space: nowrap;
margin-top: -10px;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
}
.hub-photo-item {
display: inline-block;
margin: 10px;
text-align: center;
width: 100%;
}
.hub-layout-row_150.hub-layout-row_type-a .hub-photo-item:first-child,
.hub-layout-row_300.hub-layout-row_type-a .hub-photo-item:first-child {
margin-left: 0;
}
.hub-layout-block_x2 .hub-photo-item {
width: auto;
min-width: 25%;
}
.hub-layout-block_x3 .hub-photo-item {
width: auto;
min-width: 15%;
}
.hub-layout-row_150.hub-layout-row_type-a .hub-photo-item,
.hub-layout-row_300.hub-layout-row_type-a .hub-photo-item {
width: auto;
}
.hub-photo-item__image {
width: 100%;
max-width: 200px;
}
.hub-layout-row_150.hub-layout-row_type-a .hub-photo-item__image {
width: 90px;
}
.hub-layout-row_300.hub-layout-row_type-a .hub-photo-item__image {
width: 145px;
}
.hub-layout-block .block-item-comments {
background: #bdbdbc;
padding: 0 3px 1px 3px;
color: #fafafa;
font-size: 10px;
border-radius: 2px;
}
.hub-layout-block .button {
padding: 0 10px;
margin-right: 0;
}
.hub-layout-block img {
max-width: 100%;
}
.hub-block-topic {
min-height: 25px;
clear: both;
border-bottom: 1px dotted #e6e5e5;
padding: 0 10px 8px 10px;
margin-bottom: 8px;
margin-top: 4px;
}
.hub-block-topic__content {
display: table;
width: 100%;
}
.hub-block-topic__content-extended {
display: none;
}
.hub-block-topic__image {
width: 90px;
height: 56px;
float: left;
clear: left;
margin: 0 12px 0 0;
}
.hub-block-type-x600 .hub-block-topic__image {
width: 145px;
height: 90px;
}
.hub-block-topic__title {
color: #333;
font-size: 16px;
text-decoration: none;
font-family: 'PT Sans', serif;
}
.hub-block-topic__text {
font-family: 'PT Sans', serif;
}
.hub-villages-router-controls {
margin-bottom: 10px;
}
.hub-villages-router-title {
margin-bottom: 20px;
}
.hub-villages-router-select {
padding: 4px 4px;
border-left-style: none;
border-right-style: none;
width: 100%;
margin-bottom: 10px;
}
.hub-villages-router-data {
font-weight: bold;
}
.hub-villages-router-img {
vertical-align: middle;
}
.hub-villages-router-data-no-jams {
font-size: 12px;
color: #838383;
}
.hub-villages-router-item {
display: inline-block;
vertical-align: middle;
margin-left: 10px;
white-space: normal;
width: 135px;
}
.hub-villages-list {
max-width: 100%;
overflow-x: hidden;
}
.hub-villages-village {
margin-top: 10px;
font-family: 'PT Sans';
white-space: nowrap;
line-height: 1.2;
padding: 5px 0;
}
.hub-villages-village_selected {
background-color: #ffe08f;
}
.hub-villages-router-controls .button {
padding: 0 10px;
margin-right: 5px;
}
.hub-villages-router-controls:after {
content: '';
display: block;
clear: both;
}
.hub-villages-move-to {
cursor: pointer;
font-size: 12px;
color: #3f6b42;
}
.hub-villages-move-to > .fa {
font-size: 18px;
}
.main-page-block-loader,
.hub-villages-loader {
height: 16px;
}
.hub-villages-change-sort-type {
color: #3f6b42;
float: right;
border-bottom: dotted 1px #3f6b42;
font-weight: bold;
cursor: pointer;
margin-right: 10px;
}
.hub-villages-set-point {
padding: 10px;
margin: 10px 0;
border: 1px solid red;
border-radius: 5px;
}
.hub-villages-show-with-prices {
font-size: 14px;
margin-bottom: 10px;
}
.hub-villages-nearest {
width: 100%;
}
.hub-villages-nearest-item {
display: inline-block;
margin-bottom: 15px;
}
.hub-villages-nearest-item__image {
border-radius: 5px;
}
.hub-map-container {
width: 100%;
height: 100%;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.hub-comments-list {
margin-top: 10px;
}
.hub-block-link-image {
cursor: pointer;
width: 100%;
height: 100%;
}
.hub-block-link-image > img {
width: 100%;
height: 100%;
}
.main-page-blocks {
margin-top: 10px;
font-family: 'PT Sans', sans-serif;
}
.main-page-block {
display: block;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-lines: single;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
border: 5px solid #f2f2f2;
padding: 15px 15px 0 15px;
margin-top: -5px;
}
.main-page-block-collapse {
float: right;
cursor: pointer;
}
.main-page-block-title {
font-size: 16px;
font-weight: bold;
padding: 0 0 15px 0;
color: black;
}
.main-page-block__content {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
max-width: 100%;
}
.main-page-block__footer {
text-align: right;
padding: 10px 0 15px 0;
}
.main-page-block-action {
cursor: pointer;
text-decoration: none;
font-size: 16px;
font-family: PT Sans, sans-serif;
color: #444;
margin-left: 20px;
font-weight: normal;
}
.main-page-block-action > i {
margin-left: 5px;
}
.main-page-block-topics,
.main-page-block-questions,
.main-page-block-photos {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-justify-content: space-around;
justify-content: space-around;
max-width: 100%;
}
.main-page-block-topics-topic,
.main-page-block-questions > li,
.main-page-block-photos__item {
display: inline-block;
margin-right: 5px;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.main-page-block-photos__item {
min-width: 15%;
-webkit-flex: 1 1 15%;
flex: 1 1 15%;
}
.main-page-block-questions > li {
min-width: 45%;
-webkit-flex: 1 1 45%;
flex: 1 1 45%;
}
.main-page-block-topics-topic {
min-width: 45%;
margin-bottom: 15px;
-webkit-flex: 1 1 45%;
flex: 1 1 45%;
}
.main-page-block-question {
min-height: 25px;
border-bottom: 1px dotted #e6e5e5;
padding:0 10px 8px 0;
margin-bottom:8px;
margin-top: 4px;
line-height: 17px;
}
.main-page-block-question__link {
color: #333;
font-size: 16px;
text-decoration: none;
font-weight: normal;
}
.main-page-block-question__link:hover {
color: #666;
}
.main-page-block-question__comments {
font-size: 10px;
padding: 0 3px 1px 3px;
background-color: #bdbdbc;
color: #fafafa;
border-radius: 2px;
}
.main-page-block-photos__image {
width: 100%;
}
.main-page-block-topics-topic-image {
width: 70px;
margin-right: 10px;
float: left;
}
.main-page-block-topic_with-image {
margin-left: 80px;
display: block;
}
.main-page-block-topics-topic-image_avatar {
width: 48px;
border-radius:24px;
}
.main-page-block-topics-topic-link {
font-size: 16px;
font-weight: normal;
color: #333;
}
.main-page-block-topics-topic-link:hover {
color: #333;
}
.main-page-block-topic-info {
font-size: 13px;
line-height: 1.2;
margin-top: 5px;
}
.main-page-block-topic-info > a,
.main-page-block-topic-info > a:hover {
font-size: 13px;
color: #676767;
text-decoration: none;
margin-right: 8px;
font-weight: normal;
}
@media screen and (max-width:720px) {
.main-page-block-photos__item {
min-width: 45%;
-webkit-flex: 1 1 45%;
flex: 1 1 45%;
}
.main-page-block-questions > li,
.main-page-block-topics-topic {
min-width: 90%;
-webkit-flex: 1 1 90%;
flex: 1 1 90%;
}
}
.hub-block-tags {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: 100%;
overflow-x: hidden;
font-family: "PT Sans", sans-serif;
min-height: 100%;
}
.hub-block-tags__set {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 20px;
margin-left: -20px;
padding-left: 15px;
padding-right: 20px;
border-left: 1px solid #bbb;
padding-bottom: 20px;
min-height: 100%;
}
.hub-block-tags__delimiter {
height: 0;
border: none;
border-bottom: 1px dotted #bbb;
margin: 10px 0;
}
.hub-block-tags__item {
}
.hub-block-tags__tag {
font-size: 16px;
color: #111;
font-weight: normal;
text-decoration: none;
line-height: 1;
padding: 5px 0 5px 5px;
white-space: nowrap;
}
.hub-block-tags__tag_title {
color: #439d49;
text-transform: uppercase;
}
.hub-block-tags__tag_additional {
color: #838383;
}
.hub-contest-competitor-links {
white-space: nowrap;
font-size: 12px;
line-height: 1.2;
font-family: "PT Sans", sans-serif;
}
.hub-contest-competitor-links__item {
cursor: pointer;
border-bottom: #111 dotted 1px;
padding: 0 3px;
}
.hub-contest-competitor-links__item_active {
cursor: default;
border-bottom: none;
background-color: #ccc;
border-radius: 3px;
color: #fff;
font-weight: bold;
}
.hub-user-list {
width: 100%;
margin-top: 10px;
table-layout: fixed;
}
.hub-user-list__row > td {
vertical-align: middle;
font-size: 18px;
line-height: 1.2;
padding: 10px 0 0;
color: #111;
font-family: "PT Sans", sans-serif;
}
.hub-user-list__row > td.hub-user-list__info {
padding-left: 10px;
overflow: hidden;
}
.hub-user-list__avatar {
width: 100px;
}
.hub-user-list__avatar > img {
width: 100px;
height: 100px;
max-width: none;
}
.hub-user-list__login,
.hub-user-list__login:visited,
.hub-user-list__login:hover {
color: #111;
font-size: 18px;
font-weight: bold;
text-decoration: none;
line-height: 1.2;
}
.hub-user-list__login:hover {
color: #439d48;
}
.hub-user-list-data__item {
display: block;
font-size: 16px;
color: #777;
}
.hub-user-list-data__rating {
font-weight: normal;
}
.hub-contest-competitor-list .pagination p {
margin-bottom: 5px;
}
.hub-contest-competitor-list .pagination a,
.hub-contest-competitor-list .pagination p,
.hub-contest-competitor-list .pagination ul li {
font-size: 13px;
line-height: 1.2;
}
.hub-contest-competitor-list .pagination ul li.active {
font-size: 13px;
line-height: 1.5;
height: auto;
}
.hub-block-topics-all {
margin-top: 15px;
padding-bottom: 30px;
text-align: right;
}
.hub-block-topics-all > a,
.hub-block-topics-all > a:visited,
.hub-block-topics-all > a:active,
.hub-block-topics-all > a:hover {
color: #999;
font-weight: bold;
font-size: 16px;
line-height: inherit;
white-space: nowrap;
text-decoration: none;
}
.hub-block-topics-all > a:hover {
color: #439d48;
}
.hub-block-topics-all a:after {
content: '\a0\a0\f054';
font-family: FontAwesome;
font-size: 12px;
margin-left: 12px;
}
@media screen and (max-width: 540px) {
.hub-block-tags__set {
min-width: 60%;
min-height: 0;
}
}
/* templates/skin/banana/css/icomoon.css */
@font-face {
font-display: swap;
font-family: 'icomoon';
src: url('/templates/skin/banana/fonts/icomoon.eot');
}
@font-face {
font-display: swap;
font-family: 'icomoon';
src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAABiIABAAAAAAKGQAABgrAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCbggECYRlEQgKvES0PwE2AiQDgQwLSgAEIAWDGweCcQwuG/ciRUXNJK34ZP8fC9Qh8xzYqoQktSydnt1ZZwsslzMjl7bhVD59nHbbzvNuYd9KXc2RrLJrbeCloVsZ9zZ9wCOu6yAY7gTXQInHL/EHaez/bAu5XGOEEQJTU96Rby9Hz28bG0oJT/1+v7N7FVGJOv0nPIll06rxZRLTNWuiVPFIIv4hlDtFbv4vATvhiRVBRTs2qq0T4iNo+D6CfGzYSpry8OQpNsRULM+Pjo8wqInRpJPGJKSRzieNJKbxSG2GtMbWtuGlLiTEQhO9TnxEpLanMagzswIOkOU4AOAoVdDJBQ6RhqV9ABoL02+46p+Ly/acACXjBJfzg1tpkeeG2VbY+REnlJr8ebvsT6DJeXcv5alS0YA1NAhRSZM5vJ/uZtpFyNkI+IhOLsrA///v1+5HNLmlMX+4lgKJRfVQNJQpiX3eHwFSwUtksZ/cV7LryULOLMwbvKvMyqxqVu03iup0736aFDC/RBlcdgNKa8fgOH9Ieor03otT104YFIpIyVm23N33ot0D8dW3vmN30CAMaJwhJGxE8P8tTekf+eZ5105pRc8oBZBGg8LQzKzstzOjizVzdXWn97S6utK11dWRa4XpqLKwAKRdN8l1dWmSS0P3gkwDGwYNk8Cok2GzogpyyNKu87+c6zE225n/zQJ1gRObSF18xRUBAvD+en4KwPM/9KeAr/0HDNRmxUAtgCIIXSAt8UPAxKoMYod1uN8CSGv+XcwH6+oW6P2kPC6Wg8nv0JW6DISM7SpsBtlOdJt1dzOdbwZS0qtBMA1QSkTxCO39X7j8d9tPWxpK4SGQj22THv0c7OiqD0cpVekUGBBPIabUrYbtpYOj8b8ZdCWnFHaD+G6mZ1HuC0OLClwCvowCBdgMusftXbvw2s3LywVNXMJ3t2BNHjm/YCbRVVbHK08LQCMvjMpyhCaf7BehUF2YP0kiZJdzmn/5OkKiIj8bWljgVhJSVtF+6RRHagrIahOuFhwO+LARLYmNMRKU1eby+sz4kEwlobeiKSzhmgN/ClYF5O2cRSBf1xyBnnBbbZRfKub3SKVcaYmuPsYtG1HMT8iEYjYSlfCsiyvwAyoU5A0DMI1Tu2dg4GCvP+siHKE0ngQLm/apghY+IS+BIyvKTKlprJSnzJQD2l3GhJiD72EeJeHdsAHtMb0NxAbVkqrNdFwivHOORDDzi1IRPx1utYmZRYstdtYIPtc6k7IsrynhA5QSSelZcbQUCJu5uByxYwSLVVpqoD/d2Cxy7gBt8DscmQF5Rz1nRt6yqlB9PMbbh11hH2HWUi+HQ8RCOO4BMV+2jIFTpzcZeWVqwA3Gk8ZqsBYOSyngAvlcqhPjZSVRPCS2CTTjwBmpS4CkH6OWk/QishuoFiKYkoOgS84756qTWcrGQwlqzRu8BC/kBbzDLYTM5IMcwlCSsGw6IwXSB6JIFxTejwgoZTSZ9/kWBQDVGdbnRNTtDjUp0OeCyzQIJE1gMsJnryUjyx0HM4HlDxFRuG9rOKBlZoYH0foKbAsLGLbc1PmFm+cpqLz87caJULZQkJc3P4Ferc1k3Yv7FMvoKSqGX1j6UOLV9OvXuOVHr32p2JeIIh9f+y3//jWq6cErjyJfvsQM+/2t2+MhttVSSuS2YqyzqaOGjFlrojAnUoCDw+9El5cpPb0T5mJh/oZ5OIdXiq1Vocs9Ra3dr1/oCQbDi7qWn5NjY/3688QxyYSSuSL1zokOz2V1WG5VGw2wQWdzC7ErTsZ2ptRVNjURRIpT3dL07KlBVFcpzcaYVGQ4IULV5SJdlaVA6RintJceRKPE72k/QttGQr9EPKqdqP7uc5wjCCOIX51egH1HhA9BvMHsAtDtlLQxjlBOD/Xib5IrM52MoNVunX7X+qCcXZH3KKeYASDKJosTPmYnD4XcxAKl1JGZcZeLOFSdds7kGP+ZgSECWjC8Bse1QRC0isror0g2/YuJWjcsdDwX9hxH7TmbQiib480m7gfY8ffQzTfZs3M98AmFOVpwG1TsGyrUp8SYYDxFJScAadhXzfnwoayoKJlTsz36JRZbQDAuCp18QJGxTrkZrCHiFEbGQiYSnUXo7003kGCB+sQ5zV/tOJ807xBxpFZzdZigMm+T1hgM/UzXJTVqv3PtQunuhMgz7F0rpQnSABNCGZKWZji3lOtV7uCWpzgreBA9yMTAv+oeCkC1sbkw2cq7gr97SgF4SX97OCEhbjnXVYx+RXPj62egjUZlPb3TZM4JtTN032V2qwMr4zJ0UE4vfnl7y1q3DE1Ezp7qqk62UtHXrJpd6MKqUqp7m+b4YAWummULbqNCsla7FGyJTFuhlkD/8pTidjgMItn+1gm6XNndEG+0Q/qJr4/SsonkaYQS1d9SPgsHTh2Fe+alXAsdHu+v7hZ6gZqzU7y5gve66K1S67dv//bWCzp/5LaAEI+WzS27Uahzu6pDn6HcbVWsMBZR/NBlFKnFt7FvDpV9YvEwFtn6ASVAm4U7Fc5UOFLhuoz6iIl47Dd2SQdnk4J2K07TSts0u3ZBP+93Zmx1Imq4Zcz/xcoUl50GRohiKlAEIApCK9lj04jdDiGJgT3vNrRJ22zxfSFJl4ONPyrZOSx0sc+qRnR1q6djHLnjl2WZqLCUNvl0T2uc70u9pub931w+4UyFOxWulJCZidpSvPTUXGPoFdR70clOyHgCmn4BSe5BUej2BTRcDqHF5eSD01lhCy+lva4BYkt1ksdTnRawUgvlvJckKQjYWsaWAXPvCX62yVz4Q8d6rEDEQyxYA4G9CwHnWqXY+BIyXXAN/BFGTGkaIS5xSxeis08540nce8ZKlgJOT7zVDbusUaHDHcnY5rSBIWT0YOS2FHKcR5EEUYCH/l4bT/xa8/ecM8aIZtVxOLAbtVxos/khyQljOqqGRrfTh4sDgBZ8dK0Qx6r1oJOeN7THz+ZP9S7aBsH2aTRlM5vbmdWP2kLnvg+MMy/unfjCugCRJqXmBHTbz9+P7a8oBY7Nq0i2OPf/w3Eb19E1VmWY3MMnippprk9HkrJbuw3HsnRSoumyqUiVqx7h6VDcIW8bkdTSCgMloJKCEtnGl8ZvdUyWecMr+Lg9eldq8kNUIuHSYB93xu7JrSjIElqGxc5u4XVR9YgfuxAa9goY3entyxM32/UrXLcQej6xuT8wGI1kkPNTdDqDcOlxBJ0+6c4NJBIhaM9Z2j7SHVB2fQV3k6Qjd/+Lc+staMBk/iywkLO/kemIuwW2LQQaVivECkRSrs7plh4NREUl0Q4PcyUZnRJJZ4YkNyOju6NmhA39wnFiisbe1ZQfIdAKm5cHmUkVGh7fT5HQOTf294h1LK477TmZkUOlAsicAZ/H8KOUOtl03f8YZGu3Wa1zVvxfeGuXNR5eKh72DaKJi7rQQRD9g89VLotJTfVtdXkLbub13lSuIAaVfO7/Tnhc/WmX3zQaThsUk5ktilEWhk4Cu9O6oaG6IHs56y2oibtrqo7SV1eP4k0VBQgAFcSligcVHQSIlrjybPiPrkCrdd142hUOX3BqsS3f1TVfxrZs2XizOW5jsxvNLYvGM5ODEdJlFCmCePL/Y2NvEnecWyv2bpEo65Z0jDahh8O0cZUz14QqNFrVdP2aCkL7CCeuzcTVwnR6GE2puAWJsoqu1ofurRZIkKHdCpNx+CN79UyoxGzuDJ2Z7MSbb7ySzaz+yDYOKIyhYqxgxbAym1aexHPv9cWk8uxCmbQwW5ijVre2M+vWSOld/nG3oBST2EJR651gR2j1m26KNnp6q0VXbtpN9vQUqW9uolXDtHo7itpikkGUqwm1fnuX8ZcNh0sUF84Oz7F7tkZIzLckgZs3G5nEi1t75th3d5LiQrhkmA091wyfRVcmUFNN/tSSFMjpSPjcuE/JMj+lrGf9yamRVi3XMXj8LebtJKyyRi6valnvm4+DTCgPyZHZq65lw/Iagl21TZaVA6qqjBrkIwIBJUISPmoQRVivJt2jxEKnfyCqIh8gRYE+8Tk58QuPnMPOTfY6Ujw7hxjPLAGzQmSz5aQGkRcqNrmxwaLkXF5jdm8ZqBE05i4BT90trOM1vlnMq6e8h/rFDy0WNJlNGA+ihZjfBbDatCnIA6m59NA4iJ6Mnr9gz+8sBst8U12lTlL+awE+irVgEQEq7B9FKeuOlGhJa7z9xLJVNcuNV2/HR6i+R659r6KdjSuK0igiuDS1mTGbJD2GmxJSBgNUAQisRQFJMl4yzoZOOHHU8Pq9U8EcH9/N+G3i+Z5BQb0uxyQOmBBMR+Cl3kPk9/7J0tmylhJZGEGRMF+w4rXyrnY/P3wd/LULUyWU+EZzMqiJrIxot2oJuhODvaFJO/lLd9efyqJTsX3UfBZ1bWJa/r/ow4bQg4/JpS3IVe7pq1euThT4hPXqHzLhZ+K5Wta6EvVz3exBSVZMUslQJwfHCIUgbhup0SvZk33qTDA72YvSyG2DIEYoByeTJHEYeJ3soEn5sIS1jqc9nFuNtpKmj+l/vD1mCFXzhLglaQfRTKeoLLS3uzS3NHRvMMv3hs0lXtM4miU/KUkMp9+8TaMnkml5t2+G52VUtoeyvPeW5uJl6CwW+j0ezTRnyRtHxWsUXG2v3UdMAtJK0h6DKDmCDJ2v1irsvFstt2kGUqAUvBUpxARhIUyni0zX9rlNP/DZqWnI6VuQ7rOuky6gaIV7rfhyMRaZoDtv9V5oL4XO7tT66tIkQpuOoNMPQN/bSPcxEDYII0Tq3GXklLYEzYBuaCjktFEkxs/IYVMGCNjwFVNDfUZj36A+in/rjw1+ExzrXHtF1eTu3qS6clus8nRXN81bpxZ7eorVt680qd09VeLXt2agYNMsTjy5NVA8OysOnpkU42ZNgdDWyUtjrUwQzrpMacMz7WxUbhQ1Z7bhbVYew2Zj46w2T7YNn1UtysfbJkLLJt2V7CHFXGZWYyY534vZ+fVkN+vnsjK5jdlkdgnYc7O59f9rJZT2tCnTV/l0TBr008HFu8aqRtR9zzcYjx83GT/z6xBmeZemOcAgp2lW2lfp1C1CzX2gj5L2MQuPF8vSaGj13YKFiFMauxuDfm6Ix3/M+oPyVlG3bqC4QT5QF43kDcXr5ODmmcE42Aaowcr1f8q8YXBtSfybpEbaNb5vF1imp+4LejrMgqkpgaW9R3B/atpc3tFzv3x6eq9Bdw8aZgf7jWtl6G+fvAr4amKZTGpmSCydnlh0D2RZOWQgY8jF4wkrnXM732VSmcxdB68Bmr02E2k0U/BYfxs6Q4vFjtq2bKQBigvEYgQMhpjHKVhMJPnluUhEQAACDi/CGHuO/TwEgAEat/Y+OJzbNggK4m5U2Uaxbmk09E8vrE+GSU+uS94upTx8SJFu3xlr9fihlLK9h/WeWf+5rU3nQyeE4Bi6g3Q/QhgdNzas4HMi9oaXbadIHz6WUrx3tPCMo6NGXnOLkVnFM7b8yTOQG1uaawy5iwsgqODcpgXw8rDlI+GjZW7uSIFlbD8vhlqVSLwE+aQM0DPnoicmzAKPfyN1kdHym8fGbm5vduSRSGeRiKtKEBg1Zpcs7k+BhzNHoTcJv3J3aWIfX+BoLl0oKrpkItOP8/klJVEXPGzlS1Rxs3Z/FbRmQnVckaS1Od8woNQLVjgRljVKBeXlwEmRj0v4uZUnBXJlvgHzqKWK9bzboJHVVO2SSQ15z6uq8nZJZbtYVTUaVreMtSv+XoPjCJVvjUu5/c0cONzeESAveXsE2rIu4uhANZVmwqJwNL80DCbBfVaPfBvLYsSPJOcxfdoeS+bQY0fiWXRypP0ls3uGr3+GH60J4z+Utm0bIKf5R9ujfQnA5Ujb20/dEAyGKnFEsnJRz4c/K+IZLHIkYcRXzOwD9hxwZ/P52f+Mg8yiSgTob1COKKQPEqxejfyKRDWhkGqpefPqXDBKKOR71VPQ2ork67rcBo8+j0OpG511cQTsrDlV6nyoeaquLBP8VwIGimVNxZ2ZIIu+vMGLyEogEkeJXoe9QnbwGq8NmzZE+rNyJpNy/CMPrygJsRpt+L1UJiu+valYKittL5XaY5tuF8tWJN17dB7MV75VS+exIHjxC5cv1J+er6I9P0p9fcivvZ+ZWx5r/Gx49H8Yb2/zS3Pn/Ov7n9HDqqdlt9GvlG0e8PQ/9L6XX6B6Y0+m3f9vT/DF76WMvjs/f3cLFhtC+G4C2Ab3SePHjZ8e7h8efhy1/fAH9T7oP3/9XNt4/f77b7Pwtn/9uHhdvDta58/QcadzHvTJEfY7u7s749vBX+wsh05Dx+3vvn+nOJay8cFBp6V+CfWvv3y6+27l/cpXD5nyQ0Tah8u2VZP+V1Oiv0qhtUAjfIQyAhOPyx0cVnGsnWlHDKdoJN29GAtCRxhDgMfLEb2GUR1gWojHqGubGyAgQM5boSI3Dlh1XFe3QnHnaIFVnXmmeSg5O+DoYlXGFTCwidYy3TKRP7uTpSCY2nFXd0UJnD3FRbgRhipuzO6NVNqQI8Q8O0JoyboQVhLwIlSPj/LGGSCR1J4DXfIBttZc3EBbjGWRckdCpV1AGGGgrehCFB5TRxTDiAcMQ9StMBSC0BDOdPLMm8LSTNPM8NKmApn+0Ov2AZpkg8O2do0Ig9B7ggHS1zzQK2eaWow0k77aQ9lun82c0JBq6gW7oRGaGUe9cARGLUuLYOprMKEFmqDyueY3NrBVClFNxne2K8OK0zc2v2/Ped7qn3NOueRlpLahVJY8UUMPzgTfRxGZxxSJAka1gGUh8Bh1bv1+0jOmgF3MWAneU3MtWBHdbtY75UKEhQSiSDEbQhYEqClXCHXo1IhoQZgIfQh4C+NAxYSI5IlMhhBj0wCOaIKP1R0qhxDvdsgcz8EVZXU2Vyi6hcVljSJNNUJXN05BLY1SWLaxECYoRUde28dWpRItdzw0aARCdJo2cyF4EsggvI8R4wOFEscxSgDGRrwtMZMtW79SlrfFe89LWCABpUs7h40lZSawssNTPAYwA7Mdk7W+/Tm/A4ZYR9H9FEPmGyXBf/BNiJKJnmg5HKZT+Z6oP2Q/tod9dBHsdv6YZttaNZFJprK5BDoyIAyq1gDUwZ5WLwfC88fDYINLOK4MEcGNA3MHRBGMzIAZxbjsS7HH6IxsUSC6BTEdUJAVNy04zFDGidx1wT6+hDPb3wOCFejyTZe2drYMVx/DkM6sbDlx3hCr2g0hFTovM29CErrrjKdoJd2DGB8qUsKUNJmLHjVRW7kdQH0w0jUCSjSdarLDfK4Dwpm2TXSWmdSadO4I9LnssmMVTlZCUSkrWXchKgLdsK7kxi0SKzl7gARCgNwMwFFhSCCvApjBjOKAASOvLyMnBFbcbKIXwFAhR2J6WdSCKYMksrzmHcU4urq9St97tjiz28CIOE0h5lHCXmw8YSxxz1mxI+SEcwT3GAnuVLZjz1lqbc6iLIysgNGQuxBrWy3lTsFkLLbbFhBDJZdFgBui2bQj1wkQgEAWOQ0VLBQIvN3dPJ2CMqQVTFE3E7AvTEOv1FIuhcCJEAkUkIqArc+w0jk6eGqiKUpEqbpzf7QdqeOsLXo5ZaDKV0UQtUS4YKvB4/UQtQ7nEWXnVShYm8lef0agiiVW2lsGlKLERzW+n4r0jxYQyt6AMasL0cv6AXa9oaKEktB3mV+F6LuFmGcFAt3cX1NB+E+hPf66PkF6ktpLDoRewF/ELFgpELK0BLijDfBrzz+cWZjtZFEA/S6oygLmr/9e1nQYG7HW+w/SL6d2IOgN/3vWpMJFfqLH9MPxYnoSfvBDoreBwlUgnMKG9wK/OoBnqwpmaPw3l08s1byY9kn3b19T3brYyUNhSKmt6r2BCqXcqj8tBMr3SHE/MjiHLF562VHE4cuewPmpCml0BRjEKv4qzwBSXI8MHkAWj7/sqFXGPQ1n0YWM2KCenJlx3cnMBGytzOM8TwAzlNScDBC2w2CtPgdS7FfX/aK9eYGSjZ02jCiIyNGfcG3b23lCDXCYHCXDB6iW8pEx4STwSgrwKnixZA7DSesyMHowHVhXT+VGjrLATIxB5ZywOob8D4K9hlfSDYhSKmLKiARIAQ1kQA4UQAlUP8SujRboAANi6XEMjEzMLKxs7BycXNw8vLO8+y6NJh3utyqd/AndWvrTjq0iJsxYsGLDjgMnLtz4bhGBH56u7dMQMGHGghUbdhw4ceF2RI+5qkOF1dF+wSYDJod1L//P0gdgd5c1TX/vh+nZURbl+ooA+H404G/xUkq5GA==) format('woff2'),
url('/templates/skin/banana/fonts/icomoon.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.icomoon:before {
font-family: 'icomoon';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icomoon_delete:before {content: "\e600";}
.icomoon_Index-off-litel:before { content: "\e601";}
.icomoon_smile:before { content: "\e602";}
.icomoon_Index-on-litel:before { content: "\e603";}
.icomoon_Index-on:before { content: "\e604";}
.icomoon_menu-point:before { content: "\e605";}
.icomoon_write:before { content: "\e606";}
.icomoon_like:before { content: "\e607";}
.icomoon_question:before { content: "\e608";}
.icomoon_comment:before { content: "\e609";}
.icomoon_menu:before { content: "\e60a";}
.icomoon_new:before { content: "\e60b";}
.icomoon_good:before { content: "\e60c";}
.icomoon_home:before { content: "\e60d";}
.icomoon_contest:before { content: "\e60e";}
.icomoon_settings:before { content: "\e60f";}
.icomoon_good-mood:before { content: "\e610";}
.icomoon_event:before { content: "\e611";}
.icomoon_photo:before { content: "\e612";}
.icomoon_sign-in:before { content: "\e613";}
.icomoon_search:before { content: "\e614";}
.icomoon_edit:before { content: "\e615";}
.icomoon_user:before { content: "\e616";}
.icomoon_exit:before { content: "\e617";}
.icomoon_message:before { content: "\e618";}
.icomoon_case:before { content: "\e619";}
.icomoon_Index-off:before { content: "\e61a";}
.icomoon_rotate-right:before { content: "\f0e2";}
.icomoon_rotate-left:before { content: "\f0e3";}
.icomoon_close:before { content: "\e61b";}
/* templates/skin/banana/css/header-top.css */
.header-top {
/*background: transparent url("/templates/skin/banana/images/yellow/bg3.jpg") repeat-x scroll center top;
background-size: contain;*/
background: rgba(27, 3, 3, 0.8);
height: 73px;
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox; /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
-webkit-box-orient: horizontal;
-webkit-box-lines: single;
flex-flow: row nowrap;
justify-content: space-between;
align-content: center;
}
.header-top__left {
float: left;
-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 1; /* OLD - Firefox 19- */
-webkit-flex: 1; /* Chrome */
-ms-flex: 1; /* IE 10 */
flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
white-space: nowrap;
line-height: 58px;
}
.header-top__mobile-menu {
display: none;
}
.header-top__logo {
background: transparent url("/templates/skin/banana/images/yellow/logo2.png") no-repeat 0 0;
width: 112px;
height: 53px;
margin-left: 20px;
display: inline-block;
vertical-align: bottom;
background-size: cover;
}
@media screen and (min-width: 0) {
.header-top__logo {
background-image: url("/templates/skin/banana/images/fl/logo2.png");
width: 106px;
height: 48px;
}
}
.header-top__search {
display: inline-block;
vertical-align: bottom;
box-sizing: border-box;
width: calc(100% - 126px);
line-height: 32px;
}
.header-top__search-input {
box-sizing: border-box;
width: calc(100% - 50px);
min-width: 150px;
margin-left: 20px;
padding-left: 5px;
padding-right: 35px;
border-style: none;
border-bottom: solid white 1px;
background-color: transparent;
color: white;
height: 30px;
}
.header-top__search-input::-webkit-input-placeholder { color: #fff;}
.header-top__search-input::-moz-placeholder { color: #fff;}
.header-top__search-input:-moz-placeholder { color: #fff;}
.header-top__search-input:-ms-input-placeholder { color: #fff;}
.header-top__search-input[placeholder] { color: #fff;}
.header-top__search-input:focus {
outline: none;
}
.header-top__search-submit {
border-style: none;
background-color: transparent;
color: white;
width: 25px;
height: 25px;
margin-left: -30px;
margin-top: 5px;
}
.header-top__search-submit:focus {
outline: none;
}
.header-top__menu {
float: right;
-webkit-box-flex: 0; /* OLD - iOS 6-, Safari 3.1-6 */
-moz-box-flex: 0; /* OLD - Firefox 19- */
-webkit-flex: none; /* Chrome */
-ms-flex: none; /* IE 10 */
flex: none; /* NEW, Spec - Opera 12.1, Firefox 20+ */
white-space: nowrap;
display: block;
line-height: 58px;
margin-right: 20px;
}
.header-top-menu-item {
display: inline-block;
vertical-align: bottom;
height: 41px;
margin-right: 10px;
}
@media screen and (max-width: 960px) {
.header-top-menu-item__text {
display: none;
}
}
.header-top-menu-item:last-child {
margin-right: 0;
}
.header-top-menu-item_group {
margin-left: 15px;
}
.header-top-menu-item_icon-only {
margin-right: 5px;
}
.header-top-menu-item_mail {
position: relative;
}
.header-top-menu-item_avatar {
position: relative;
}
.header-top-menu-item_star{
position: relative;
top: 7px;
}
.header-top-menu-item_icon-only:last-child {
margin-right: 0;
}
.header-top-menu-item > a,
.header-top-menu-item > a:hover,
.header-top-menu-item > a:visited,
.header-top-menu-item > a:active {
font-size: 16px;
color: white;
text-decoration: none;
font-weight: normal;
}
.header-top-menu-item > a:before {
vertical-align: middle;
margin-right: 5px;
font-size: 20px;
display: inline-block;
margin-top: -4px;
}
.header-top-menu-item_icon-only > a:before {
margin-right: 0;
}
.header-top-menu-item > a.icomoon_sign-in,
.header-top-menu-item > a.icomoon_sign-in:hover,
.header-top-menu-item > a.icomoon_sign-in:visited,
.header-top-menu-item > a.icomoon_sign-in:active {
color: #ffda52;
}
.header-top-menu-item__avatar-user {
width: 24px;
height: 24px;
vertical-align: middle;
margin-top: -3px;
margin-right: 2px;
}
@media screen and (min-width: 720px) {
.header-top-menu-item__master:before {
content: '';
margin-right: 5px;
margin-top: -4px;
display: inline-block;
height: 24px;
width: 24px;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAEXklEQVR4nO3ba4hUZRzH8VmVTUXIyiTTQigKoiCiItF8E0QppdYLIQ1KsMI0jCIjSCQqe1EUhNqNbqQFUkI3KtQiyqIwwyCxktIiC2sjTYsu++nFObMcZ87snpl5zjy7sF9Ydpmd+f9/v98+c85zma1UIoBReBwH0IPXMCGGlo6DEZivnocwPra+0sAY3IXvc8xX+Quv4KzYeoOCedjbj/Fa/sEajIutvS1wDB5twngtu3B2bB8tgbHY0ob5KocxI7afpkjNvxvAfJXfcVFsX4VAl+RCFpqfMTm2vwHB3SWYr/IBumN7bAjOwb8lBgDLY/tsCN4o2TzJ7PHY2F7rwIUdMF/ljth+65BMXDrFtth+j0KyuPm1gwH8h4mxffeBqR00X2VmbN99YGaEABbG9t0HLosQwJLYvvvA9AgBXBvbdx+YEyGAK2P7rlQqlQq68WJG2G709iP8MD7FRjwh2Rp7Ce9LFj39cSDz80aDYQcJ99aIXI3F6qfEr2MWRg5QbxqezQnxfvVzjRc65bOR2C7srxH1cPq7OdguWcDMbaH2xXgbX2BZ+tjTNb3+FnNajMk5w3RDif3y1hrTy+pXRNCpOYLeK7Hfjpx+8XaLME79e/0PjCqh1/icXjAldK9mhX2eI+qCEvrk3Wr3h+7TirClOcJWltDnyZw+q0P3aUVYt/oN0O8wImCPcThU02O7wXJukIawHL9kBF4esP4Nmbo9eGDQmM+C2zNCP0JXgJrd+CZTd2kIraUguVJnh+qCADWXZ+odwJgQWktDcgBa5Qec2EatKY6e/98UUmsppEP2y4zoLQaY/zeoMxafZep8LOCFtVRwnuSou8pTzYSA0Xg18/qDOLNMzcGRrAizvKXAwgUTsS3zul7M74Tm4GBFTQh7cEXeUMZIXI19NeZvjqE9GFgmWbZm2Yd1aUArJBsjP9Y8508siq0/CJK1/deKswPnxtZdGEzAjVic87tR6fdu3CrZ4MijF59gUfUtIuckGEuw0GCYCabG12SG+Nqc52zGtJrHpmI2rsd1kq2ySTXPmYt3cuqtT3sdwspoQWABfqv5K+YFsFdylPUyZuhneiy5EM7C1rTezpznrK/puR+XhvbXkFTkYw2GcaMAsvyUmliVDueluAebcgItEoA04FWdCmBtA/NFA2iGogFUubNs87cMIDh2AL24qizzp0kONQZzACQfpjq+jAA2FRCcF8C3bQTwYQsBwLrQ5k+XXGhaCeD5NgK4r8UAjgj56XM8WFBwXgAnSYZls+yWc48vGADcFjKAnQWbPtLg9ZPwnGQ6vGeAr68k64TjGtR6pqCWN0OZn6D/016St0fT539taBrobkSyh9D+AY1iH3/bFcBXs7p6Cug6OUSjeQUa1d2uykax2+v5IRpdM4QDaP9sYogHMDtEo+EAhgMYDmA4gOEAhgMYmgHMCtHokiEcwBkhGo3WeC9/MAewVajTZJwi+Rf3I0MggIPYgBOK1Pkf2w9kAZsn0IIAAAAASUVORK5CYII=');
background-repeat: no-repeat;
background-size: 24px 24px;
}
}
@media screen and (max-width: 1207px) {
.header-top-menu-item > a,
.header-top-menu-item > a:hover,
.header-top-menu-item > a:visited,
.header-top-menu-item > a:active {
font-size: 14px;
}
.header-top-menu-item > a:before {
font-size: 16px;
}
.header-top-menu-item__master:before {
height: 20px;
width: 20px;
background-size: 20px 20px;
}
}
.header-top-menu-item__message-count {
background: #439d49 none repeat scroll 0 0;
display: block;
font-size: 12px;
font-weight: bold;
line-height: 20px;
padding: 0 4px 2px;
position: absolute;
right: -2px;
top: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.header-top-menu-item__event-count {
background: #439d49 none repeat scroll 0 0;
display: block;
font-size: 12px;
font-weight: bold;
line-height: 20px;
padding: 0 4px 2px;
position: absolute;
right: -10px;
top: 0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.nav-left-mobile {
display: none;
font-family: "PT Sans", "PT Sans", sans-serif;
font-weight: bold;
position: absolute;
left: 0;
top: 0;
width: 70%;
z-index: 90;
}
.sweet-maheev-top-logo {
display:block;
position:absolute;
top: -1000px;
left: 48%;
z-index: 1;
width: 100px;
}
.sweet-maheev-full-top-logo {
position: relative;
top: 2px;
display:block;
z-index: 1;
width: 100px;
}
.sweet-maheev-floating-top-logo {
display: inline-block;
}
.sweet-maheev-floating-top-logo>img {
height: 30px;
}
.sweet-maheev-floating-top,
.sweet-maheev-floating-top-mobile {
float: left;
margin-top: 10px;
margin-left: 10px;
height: 30px;
}
.sweet-maheev-floating-top-mobile {
display: none;
}
/*OBI*/
.obi-top-logo {
position: relative;
bottom: 12px;
z-index: 1;
margin-left: 10px;
}
/*OBI END*/
@media screen and (max-width:1020px) {
body.mobile-enabled .sweet-maheev-floating-top-mobile {
position: static;
margin-left: 150px;
display: inline-block;
}
body.mobile-enabled .sweet-maheev-floating-top {
display: none;
}
}
@media screen and (max-width:720px) {
body.mobile-enabled .sweet-maheev-top-logo {
top: 14px;
}
body.mobile-enabled .header-top {
display: block;
height: 53px;
background: #332e2a none;
padding: 0 10px;
position:relative;
}
body.mobile-enabled .header-top__left {
float: none;
display: block;
line-height: 50px;
position: relative;
}
body.mobile-enabled .header-top__logo {
width: 66px;
height: 30px;
margin-left: 5px;
display: inline-block;
vertical-align: middle;
}
body.mobile-enabled .header-top__mobile-menu,
body.mobile-enabled .header-top__search {
display: inline-block;
vertical-align: middle;
box-sizing: content-box;
width: 37px;
height: 30px;
background: #393531;
border: solid 1px #433e3b;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
text-align: center;
line-height: 30px;
color: #959391;
font-size: 18px;
cursor: pointer;
}
body.mobile-enabled .header-top__search {
position: absolute;
right: 0;
top: 11px;
}
body.mobile-enabled .header-top__search-input {
box-sizing: border-box;
width: 100%;
min-width: 0;
margin-left: 5px;
padding-left: 0;
padding-right: 36px;
border-bottom-style: none;
}
body.mobile-enabled .header-top__search-submit {
color: #959391;
width: auto;
height: auto;
margin-top: 0;
margin-left: 0;
position: absolute;
top: 2px;
right: 5px;
}
body.mobile-enabled .header-top_search .header-top__search {
width: 100%;
box-sizing: border-box;
height: 32px;
}
body.mobile-enabled .header-top_search .header-top__logo,
body.mobile-enabled .header-top_search .header-top__mobile-menu,
body.mobile-enabled .header-top_search .header-top-menu-item_mail,
body.mobile-enabled .header-top_search .header-top-menu-item_avatar{
display: none;
}
body.mobile-enabled .header-top__menu .header-top-menu-item:not(.header-top-menu-item_mail, .header-top-menu-item_avatar) {
display: none;
}
body.mobile-enabled .header-top__menu .header-top-menu-item_login {
display: none;
}
body.mobile-enabled .header-top__menu .header-top-menu-item_mobile_hidden {
display: none;
}
body.mobile-enabled .header-top__menu .header-top-menu-item_mail {
position: absolute;
right: 50px;
top: 5px;
}
body.mobile-enabled .header-top__menu .header-top-menu-item_avatar {
position: absolute;
right: 80px;
top: 0;
}
body.mobile-enabled.mobile-menu-visible .nav-left-mobile {
display: block;
}
body.mobile-enabled.mobile-menu-visible .sweet-maheev-top-logo {
top: -1000px;
}
}
/* templates/skin/banana/css/components/profile.css */
.profile-user-title-motto {
margin-top: 5px;
font-weight: normal;
font-size: 18px;
font-family: "PT Sans", sans-serif;
color: #111;
}
.profile-share {
float: right;
font-size: 24px;
color: #777;
cursor: pointer;
margin-right: 15px;
}
.profile-data {
border-top: 1px solid #e8e8e8;
padding: 30px 0 60px 0;
}
.profile-data__full-info {
}
.user-place {
display: block;
font-size: 16px;
}
.user-place__where {
display: inline-block;
margin-right: 5px;
}
.user-place__where-link {
color: #0a9d12;
font-weight: bold;
font-size: 16px;
}
.user-place__last-visit {
display: inline-block;
color: #777;
}
.user-place__last-visit:before {
display: inline-block;
content: '•';
margin-right: 5px;
}
.user-place__last-visit:first-child:before {
display: none;
}
.user-data {
margin-top: 15px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
justify-content: space-around;
max-width: 100%;
}
.user-property {
display: inline-block;
min-width: 15%;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
}
.user-property_long {
margin-top: 15px;
display: block;
}
.user-property__name {
font-size: 16px;
color: #777;
}
.user-property__description {
font-size: 18px;
color: #111;
display: block;
margin-top: 5px;
}
.user-property__description img {
max-width: 100%;
}
.user-property__link {
color: #0a9d12;
font-weight: bold;
font-size: 16px;
cursor: pointer;
}
.profile-contacts {
margin-top: 10px;
}
.profile-contacts a {
margin-top: 10px;
font-size: 16px;
}
.profile-contacts .icon-contact {
margin-top: 3px;
}
.profile-section-title {
font-size: 32px;
line-height: 1;
font-weight: normal;
color: #111;
}
.profile-data > .profile-section-title {
padding-bottom: 20px;
}
.profile-data > .segment__title {
margin-top: 0;
margin-bottom: 20px;
}
a.profile-section-title__link,
a.profile-section-title__link:visited {
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: #777;
float: right;
}
a.profile-section-title__link:hover {
color: #5eb763;
}
a.profile-section-title__button {
display: inline-block;
float: right;
height: 50px;
padding: 0 20px;
line-height: 50px;
font-size: 16px;
border-radius: 5px;
border: none;
white-space: nowrap;
cursor: pointer;
font-family: "PT Sans", sans-serif;
text-align: center;
font-weight: bold;
color: #111111;
background-color: #ffda52;
text-decoration: none;
}
a.profile-section-title__button:hover {
color: #111111;
background-color: #f7ec76;
text-decoration: none!important;
}
@media screen and (max-width:720px) {
.user-data {
display: block;
}
.user-property {
display: block;
white-space: nowrap;
margin-bottom: 5px;
}
.user-property:last-child {
margin-bottom: 0;
}
.user-property__name,
.user-property__link,
.user-property__description {
display: inline-block;
white-space: normal;
vertical-align: top;
}
.user-property__description {
margin-top: 0;
}
.user-property__name,
.user-property__link {
width: 150px;
}
.user-property_long > .user-property__name {
width: auto;
display: block;
}
}
/* templates/skin/banana/css/components/topic-list.css */
.topic-list {
font-family: "PT Sans", sans-serif;
}
.topic-list_photo {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
justify-content: space-between;
max-width: 100%;
}
.topic-list-item {
margin: 5px 0 30px;
position: relative;
}
.topic-list-item__topic-photos {
white-space: nowrap;
margin-top: 10px;
}
.topic-list-item__topic-photos > .topic-list-item__photo {
display: inline-block;
max-width: 32%;
max-width: calc( 33.3% - 6.7px );
margin-right: 10px;
}
.topic-list-item__topic-photos > .topic-list-item__photo:last-child {
margin-right: 0;
}
.topic-list-item__topic-photos > .topic-list-item__photo > img {
width: 100%;
}
.topic-list_photo {
font-size: 0;
}
.topic-list-item_offer {
font-size: 16px;
}
.topic-list_photo > .topic-list-item {
display: inline-block;
min-width: 27%;
max-width: 32%;
max-width: calc(33.33% - 20px);
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1 1 27%;
-ms-flex: 1;
flex: 1 1 27%;
margin-left: 30px;
margin-top: 0;
margin-bottom: 30px;
box-sizing: border-box;
overflow: hidden;
position: relative;
}
.topic-list_photo > .topic-list-item:nth-child(3n+1) {
margin-left: 0;
}
.topic-list_photo > .topic-list-item > .topic-list-item__photo {
max-width: 100%;
display: block;
}
.topic-list_photo > .topic-list-item > .topic-list-item__photo > img {
width: 100%;
display: block;
}
.topic-list_photo > .topic-list-item:last-child {
margin-right: 0;
}
.topic-list_photo > .topic-list-item > .topic-list-item__title {
margin-top: 10px;
}
.topic-list-item:last-child {
margin-bottom: 0;
}
.topic-list_photo > .topic-list-item:last-child {
margin-bottom: 30px;
}
.topic-list-item_with-photo {
padding-left: 216px;
}
.topic-list-item_with-photo > .topic-list-item__photo {
max-width: 31%;
position: absolute;
left: 0;
top: 0;
}
.topic-list-item__top {
margin-bottom: 5px;
}
.topic-list-item__author,
.topic-list-item__author:hover,
.topic-list-item__author:visited {
color: #777;
font-weight: bold;
text-decoration: none;
font-size: 16px;
}
.topic-list-item__author:hover {
color: #5eb763;
}
.topic-list-item__date {
color: #777;
font-size: 16px;
margin-right: 5px;
}
.topic-list-item__title {
margin-bottom: 5px;
}
.topic-list-item__title > a,
.topic-list-item__title > a:visited,
.topic-list-item__title > a:hover {
font-size: 24px;
font-weight: bold;
color: #333;
text-decoration: none;
}
.topic-list-item__title > a:hover {
text-decoration: underline;
}
.topic-list-item__comments {
background-color: #e1e1e1;
color: #000;
padding: 0 10px;
font-size: 14px;
border-radius: 3px;
margin-left: 5px;
display: inline-block;
line-height: 26px;
vertical-align: top;
}
.topic-list-item__tags {
margin-bottom: 5px;
}
.topic-list-item__tag,
.topic-list-item__tag:visited,
.topic-list-item__tag:hover {
color: #777;
font-weight: bold;
font-size: 16px;
text-decoration: none;
margin-right: 5px;
}
.topic-list-item__tag:hover {
color: #5eb763;
}
.topic-list-item__tag:after {
display: inline-block;
content: '•';
margin-left: 10px;
cursor: default;
}
.topic-list-item__tag:hover:after {
color: #777;
}
.topic-list-item__tag:last-child:after {
display: none;
}
.topic-list-item__content {
font-size: 17px;
color: #333;
font-family: 'PT Serif',sans-serif;
}
.topic-list-item__read-more {
font-size: 18px;
color: #111;
margin-top: 5px;
}
.topic-list-item__read-more > a,
.topic-list-item__read-more > a:visited,
.topic-list-item__read-more > a:hover {
color: #777;
font-weight: bold;
font-size: 16px;
text-decoration: none;
margin-right: 5px;
}
.topic-list-item__read-more > a:hover {
color: #5eb763;
}
@media screen and (max-width: 720px) {
.topic-list-item_with-photo {
padding-left: 108px;
}
.topic-list-item_with-photo > .topic-list-item__photo {
width: 100px;
}
.topic-list-item_with-photo > .topic-list-item__photo > img {
width: 100%;
}
.topic-list_photo > .topic-list-item {
min-width: 40%;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1 1 40%;
-ms-flex: 1;
flex: 1 1 40%;
max-width: 45%;
max-width: calc(50% - 5px);
margin-bottom: 10px;
}
.topic-list_photo > .topic-list-item:nth-child(odd) {
margin-left: 0;
}
.topic-list_photo > .topic-list-item:nth-child(even) {
margin-left: 10px;
}
.topic-list_photo > .topic-list-item > .topic-list-item__title {
margin-top: 5px;
}
.topic-list-item__topic-photos > .topic-list-item__photo {
display: inline-block;
max-width: 31%;
margin-right: 10px;
}
}
.photo-content {
z-index: 1;
background-image: url(https://7dach.ru/templates/skin/banana/images/film-back.png);
width: 100%;
position: absolute;
height: 50px;
bottom: -96px;
margin-top: 11px;
padding: 30px 16px 16px;
font-size: 14px;
color: #ffffff;
transition: bottom 0.2s ease-in-out; -webkit-transition: bottom 0.2s ease-in-out;
cursor: pointer;
}
.topic-list-item:hover > .photo-content {
bottom: 0;
}
.photo-content__profile-photo {
float: left;
margin-right: 10px;
}
.photo-content__profile-photo > img {
width: 50px;
height: 50px;
border-radius: 25px;
}
.photo-content a {
color: #fff;
font-family: 'PT Sans', sans-serif;
font-weight: normal;
text-decoration: none;
font-size: 14px;
}
.photo-content a:hover {
text-decoration: underline;
}
.photo-content__photo-title,
.photo-content__username,
.photo-content__title-tags {
height: 20px;
overflow: hidden;
margin-left: 60px;
}
.photo-content__photo-title > a {
font-size: 16px;
}
.photo-content__title-tags a {
font-size: 13px;
line-height: 13px;
}
.photo-content__title-tags {
margin-top: -5px;
}
.topic-list-item__parent { color: #00b050 }
/* templates/skin/banana/css/components/comments.css */
.comment-list-item {
padding-bottom: 20px;
border-bottom: 1px solid #e8e8e8;
margin-bottom: 25px;
}
.profile-data .comment-list-item:last-child {
padding-bottom: 0;
border-bottom-style: none;
margin-bottom: 0;
}
.comment-list-item__binding {
font-size: 16px;
color: #777;
margin-bottom: 10px;
}
.comment-list-item__post,
.comment-list-item__post:visited,
.comment-list-item__post:hover {
color: #111;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
.comment-list-item__post:hover {
text-decoration: underline;
}
.comment-list-item__content {
font-size: 18px;
color: #333;
font-family: 'PT Serif',sans-serif;
}
.comment-list-item__content_bad {
color: #aaa;
}
.comment-list-item__notice {
white-space: nowrap;
}
@media screen and (max-width: 910px) {
.comment-wrapper .comment-wrapper .comment-wrapper {
padding-left: 0;
}
}
/* templates/skin/banana/css/components/popup.css */
.habicasa-popup {
background-color: #fff;
box-shadow: 0 0 8px #ccc;
position: absolute;
left: -10000px;
top: -10000px;
max-width: 100%;
max-height: 100%;
font-size: 16px;
font-family: "PT Sans", sans-serif;
color: #111;
z-index:100;
}
.habicasa-popup_modal {
position: fixed;
}
.habicasa-popup__wrapper {
overflow: auto;
margin: 20px;
}
.habicasa-popup__close {
position: absolute;
font-size: 16px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
vertical-align: middle;
cursor: pointer;
top: 0;
right: 0;
color: #777;
background-color: #fff;
border-radius: 15px;
}
.habicasa-popup__arrow {
content: '';
position: absolute;
border: 10px solid transparent;
border-bottom-color: #fff;
right: 20px;
top: -20px;
}
.habicasa-popup__arrow::before {
content: '';
background-color: transparent;
position: absolute;
top: 3px;
left: -7px;
width: 14px;
height: 14px;
transform: rotate(45deg);
box-shadow: 0 0 8px #ccc;
z-index: -1;
}
.habicasa-popup-body {
display: none;
}
.habicasa-popup-content-block {
margin-top: 10px;
}
.habicasa-popup-content-block:first-child {
margin-top: 0;
}
.habicasa-popup-content-note {
color: #777;
font-size: 16px;
}
.habicasa-popup-content-block > input {
font-size: 16px;
}
/* templates/skin/banana/css/components/habiselect.css */
.habiselect {
position: relative;
width: 100%;
height: 49px;
font-size: 16px;
font-family: "PT Sans", sans-serif;
color: #777;
white-space: nowrap;
}
.habiselect__value {
position: absolute;
top: 0;
left: 0;
height: 45px;
line-height: 40px;
vertical-align: middle;
width: 100%;
color: #111;
border: 2px solid #e1e1e1;
box-sizing: border-box;
padding: 0 20px;
cursor: pointer;
}
.habiselect__value_placeholder {
color: #ccc;
}
.habiselect__value_placeholder:hover {
color: #777;
}
.habiselect__arrow {
position: absolute;
right: 20px;
top: 10px;
width: 20px;
height: 20px;
text-align: right;
line-height: 20px;
cursor: pointer;
}
.habiselect__arrow > .fa {
display: inline-block;
vertical-align: middle;
color: #111;
}
.habiselect__list {
display: none;
max-height: 300px;
position: absolute;
top: 45px;
left: 0;
width: 100%;
background-color: #fff;
}
.habiselect_select > .habiselect__list {
display: block;
z-index: 10;
}
.habiselect__list-item {
line-height: 30px;
padding: 0 20px;
cursor: pointer;
border: 1px solid #eee;
border-top: none;
}
.habiselect__list-item_active,
.habiselect__list-item:hover {
background-color: #eee;
color: #111;
}
.habiselect__control {
height: 45px;
line-height: 40px;
vertical-align: middle;
width: 100%;
color: #111;
border: 2px solid #e1e1e1;
box-sizing: border-box;
padding: 0 20px;
-webkit-appearance: none;
background-image: url('/media/habiselect-arrow.png');
background-position: right center;
background-repeat: no-repeat;
background-color: #fff;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
-ms-appearance: none;
appearance: none!important;
}
.habiselect__control::-ms-expand {
display: none;
}
/* templates/skin/banana/css/components/segment.css */
.segments {
margin-right: 300px;
}
.segment {
margin-bottom: 20px;
font-family: "PT Sans", sans-serif;
line-height: 1.2;
}
.segment__title {
border-bottom: 2px solid #439d48;
padding-bottom: 10px;
margin-top: 30px;
}
.lazyload .segment__title, .lazyload .segment-blocks{display:none}
.segment__title-link,
.segment__title-link:hover,
.segment__title-link:visited,
.segment__title-link:active {
font-size: 36px;
color: #111;
text-decoration: none;
font-weight: normal;
line-height: 1.2;
padding-right: 40px;
background: url("/templates/skin/banana/images/icons/arrow2.svg") right bottom 5px no-repeat;
}
.segment__title-link:hover {
color: #439d48;
background: url("/templates/skin/banana/images/icons/arrow2-green.svg") right bottom 5px no-repeat;
}
.segment-blocks {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
width: calc(100% + 20px);
margin-left: -20px;
}
.segment-block {
min-width: 200px;
max-width: 100%;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
padding: 35px 20px 0;
border-left: 1px solid #eee;
box-sizing: border-box;
}
.segment-block:nth-child(1),
.segment-block:nth-child(2) {
border-bottom: 1px solid #eee;
}
.segment-block_topics {
-webkit-box-flex: 2;
-moz-box-flex: 2;
-webkit-flex: 2 2 60%;
-ms-flex: 2 2 60%;
flex: 2 2 60%;
}
.segment-block-bn {
display: block;
width: 100%;
text-align: center;
}
.segment-block-bn__img {
width: 100%;
max-width: 300px !important;
}
.segment-block__head {
margin-bottom: 25px;
}
.segment-block__title,
.segment-block__title:hover,
.segment-block__title:visited,
.segment-block__title:active {
display: inline;
padding-right: 20px;
position: relative;
color: #111;
text-decoration: none;
font-weight: normal;
}
.segment-block__title:hover {
color: #439d48;
}
.segment-block__title::after {
content: '\a0\a0\f054';
font-family: FontAwesome;
font-size: 14px;
}
.segment-block__all,
.segment-block__all:hover,
.segment-block__all:active,
.segment-block__all:visited {
color: #999;
font-weight: bold;
font-size: 16px;
line-height: inherit;
white-space: nowrap;
text-decoration: none;
}
.segment-block__all:hover {
color: #439d48;
}
.segment-block__all > .fa {
font-size: 12px;
margin-left: 12px;
}
.segment-block__title {
font-size: 24px;
color: #111;
}
.segment-block__title-mobile {
display: none;
}
.segment-block-item {
margin-bottom: 20px;
}
.segment-block-item__photo {
margin-bottom: 5px;
}
.segment-block-item__photo,
.segment-block-item__photo > img {
display: block;
width: 100%;
min-height:160px;
}
.segment-block-item__photo > img {max-width: 300px;min-height: 97px}
.segment-block-item_first .segment-block-item__photo > img {max-width: 580px;min-height: 219px}
.segment-block-item__title,
.segment-block-item__title:visited,
.segment-block-item__title:active,
.segment-block-item__title:hover {
color: #111;
text-decoration: none;
font-size: 18px;
font-weight: normal;
line-height: 1.3;
}
.segment-block-item__photo:hover + .segment-block-item__title,
.segment-block-item__title:hover {
color: #439d48;
}
.segment-block_topics .segment-block-items {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-lines: multiple;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
align-items: flex-start;
width: calc(100% + 40px);
margin-left: -40px;
}
.segment-block_topics .segment-block-item {
min-width: 50%;
max-width: 50%;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
padding-left: 40px;
box-sizing: border-box;
}
.segment-block_topics .segment-block-item_first {
min-width: 100%;
max-width: 100%;
-webkit-box-flex: 2;
-moz-box-flex: 2;
-webkit-flex: 2 2 100%;
-ms-flex: 2 2 100%;
flex: 2 2 100%;
box-sizing: border-box;
}
.segment-block-item_first .segment-block-item__title,
.segment-block-item_first .segment-block-item__title:visited,
.segment-block-item_first .segment-block-item__title:active,
.segment-block-item_first .segment-block-item__title:hover {
font-size: 24px;
}
.segment-block-item__author {
margin-top: 5px;
}
.segment-block-item__author-name,
.segment-block-item__author-name:active,
.segment-block-item__author-name:visited,
.segment-block-item__author-name:hover {
white-space: nowrap;
color: #999;
font-weight: bold;
text-decoration: none;
margin-right: 5px;
display: inline-block;
}
.segment-block-item__author-name:hover {
color: #439d48;
}
.segment-block-item__author-place {
white-space: nowrap;
color: #999;
}
.segment-block_companies, .segment-block_companies:nth-child(1){
border: 4px solid #eee;
padding: 26px 26px 6px;
}
.lazyload .segment-block_companies{display:none}
.segment-block__buttons {
margin-top: 15px;
padding-bottom: 30px;
text-align: right;
}
.segments-header {
margin-top: 20px;
}
.segments-header__wrapper {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 0;
-moz-column-gap: 0;
column-gap: 0;
}
.segments-header__block {
padding: 0 0 0 110px;
position: relative;
height: 115px;
line-height: 115px;
border-bottom: 1px solid #eee;
}
.segments-header__block:nth-child(4n) {
border-bottom: none;
}
/*
.segments-header__block::before {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 80px;
height: 80px;
margin-top: -35px;
background: #449d49 no-repeat left center;
border-radius: 40px;
}
*/
.segments-header__block-link-photo {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 80px;
height: 80px;
margin-top: -35px;
background: #449d49 no-repeat left center;
border-radius: 40px;
}
.segments-header__block_rockwool::before {
background: url(/templates/skin/banana/images/icons/rockwool.png) no-repeat left center ;
}
.segments-header__block_photo::before {
background: url(/media/internal/photo-2017-spring.png) no-repeat left center ;
}
.segments-header__block_lubimyi-sort::before {
background: url(/templates/skin/banana/images/icons/lubimyi-sort.jpg) no-repeat left center ;
}
.segments-header__block_ny-master-class::before {
background: url(/templates/skin/banana/images/icons/ny.jpg) no-repeat left center ;
}
.segments-header__block_viessmann::before {
background: url(/templates/skin/banana/images/icons/viessmann.png) no-repeat center center ;
background-size: contain;
}
.segments-header__block_sedek::before {
background: url(/templates/skin/banana/images/icons/sedek.gif) no-repeat;
}
.segments-header__block_poisk::before {
background: url(/media/contest-vopros/poisk/logo-poisk-small.png) no-repeat;
}
.segments-header__block_evakom::before {
background: url(/templates/skin/banana/images/icons/evacom.png) no-repeat;
}
.segments-header__block_partner::before {
background: url(/templates/skin/banana/images/icons/partner.png) no-repeat;
}
.segments-header__block_useful::before {
background: url(/templates/skin/banana/images/icons/hat-white.png) #449d49 no-repeat left center;
background: linear-gradient(transparent, transparent), url(/templates/skin/banana/images/icons/hat-white.svg) #449d49 no-repeat left 12px center;
background-size: 55px 55px;
}
.segments-header__block_catalog::before {
background: url(/templates/skin/banana/images/icons/company-white.png) #449d49 no-repeat left center;
background: linear-gradient(transparent, transparent), url(/templates/skin/banana/images/icons/catalog-white.svg) #449d49 no-repeat left 15px center;
background-size: 50px 50px;
}
.segments-header__block_harvest::before {
background: url(/templates/skin/banana/images/icons/harvest.png) no-repeat left center;
}
.segments-header__block_rockwool-gallery::before {
background: url(https://img.7dach.ru/image/90-90/03/64/88/2016/09/23/ce7fda.jpg) no-repeat left center;
background-size: cover;
}
.segments-header__block_gardena::before {
background: url(/media/contest-blog/gardena/gardena-logo-pic.png) no-repeat left center;
background-size: cover;
}
.segments-header__block_recipes-winter::before {
background: url(/media/philips/contest_ny_2017/recipes-pic.png) no-repeat left center;
background-size: cover;
}
.segments-header__block_recipes-spring::before {
background: url(/media/internal/recipe-spring-2017.jpg) no-repeat left center;
background-size: cover;
}
.segments-header__block_aelita::before {
background: url(/media/internal/aelita.png) no-repeat left center;
background-size: cover;
}
.block-type-sticky-links .segments-header__block { height: 90px; line-height: 90px }
.block-type-sticky-links .segments-header__block-link-photo { margin-top: -40px }
.block-type-sticky-links .segments-header__block a { font-size:16px; text-decoration:none }
.hub-share-segments .segments-header__block { height: 90px; line-height: 90px; margin-right: 30px; border: 0 }
.hub-share-segments .segments-header__block a { font-size: 16px; }
.hub-share-segments {
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;
border-bottom: 2px solid #439d48; padding-bottom: 10px; margin-top: 10px;
}
.segments-header__link,
.segments-header__link:hover,
.segments-header__link:visited,
.segments-header__link:active {
display: inline-block;
vertical-align: middle;
font-size: 24px;
line-height: 1.2;
font-weight: normal;
color: #111;
text-decoration: none;
}
.segments-header__link:hover {
color: #439d48;
}
.segments-header__link > .fa {
font-size: 14px;
vertical-align: middle;
}
.segments-slider {
display: none;
}
@media screen and (max-width: 900px) {
.segments .segment-block_topics .segment-block-item {
min-width: 100%;
max-width: none;
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
}
.segments .segments-header__wrapper {
-moz-column-count: auto;
-webkit-column-count: auto;
column-count: auto;
}
.segments .segments-header__block:nth-child(2n),
.segments .segments-header__block:nth-child(4n) {
border-bottom: 1px solid #eee;
}
.segment-block-item__photo > img {
width: 50%;
}
.segments .segment-block-item:first-child .segment-block-item__photo > img {
width: 100%;
}
.segment-block-item__photo,
.segment-block-item__photo > img {
min-height:100px;
}
}
@media screen and (max-width: 720px) {
.segments {
margin-right: 0;
}
.hub-share-segments .segments-header__wrapper {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
}
@media screen and (max-width: 540px) {
.segments-header {
width: 100%;
overflow: hidden;
margin-top: 15px;
border-bottom: 1px solid #eee;
}
.segments .segments-header__block:nth-child(1),
.segments .segments-header__block:nth-child(2),
.segments .segments-header__block:nth-child(3),
.segments .segments-header__block:nth-child(4),
.segments .segments-header__block:nth-child(5),
.segments .segments-header__block:nth-child(6),
.segments .segments-header__block:nth-child(7),
.segments .segments-header__block:nth-child(8) {
border-bottom: none;
}
.segments-header__block {
display: block;
width: 100%;
padding-top: 0;
padding-bottom: 15px;
box-sizing: border-box;
height: auto;
white-space: normal;
line-height: 80px;
}
.segments-header__block::before {
top: 0;
margin-top: 0;
}
.segments-header__link,
.segments-header__link:hover,
.segments-header__link:visited,
.segments-header__link:active {
font-size: 18px;
}
.segments-header__link > .fa {
display: none;
}
.segments-header__wrapper[data-index="1"] {
position: relative;
margin-left: -100%;
left: -20px;
}
.segments-header__wrapper[data-index="2"] {
position: relative;
margin-left: -200%;
left: -40px;
}
.segments-header__wrapper[data-index="3"] {
position: relative;
margin-left: -300%;
left: -60px;
}
.segment__title {
font-size: 27px;
margin-top: 15px;
}
.segments-slider {
display: block;
width: 100%;
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
color: #777;
font-size: 15px;
font-family: "PT Sans", sans-serif;
padding: 20px 0;
}
.segments-slider__left {
text-align: left;
cursor: pointer;
background: url(/templates/skin/banana/images/icons/arrow-left-grey.svg) no-repeat left center;
}
.segments-slider__right {
text-align: right;
cursor: pointer;
background: url(/templates/skin/banana/images/icons/arrow-right-grey.svg) no-repeat right center;
}
.segments-slider__index {
text-align: center;
}
.segment__title > .svg-icon {
display: none;
}
.segment-blocks {
display: block;
width: 100%;
margin-left: 0;
}
.segment-block {
padding: 0;
border-left: none;
border-bottom: 1px solid #eee;
}
.segment-block_topics > .segment-block__head {
display: block;
}
.segments .segment-block-items,
.segments .segment-block-item,
.segments .segment-block_topics .segment-block-items {
display: none;
}
.segment-block_expanded.segment-block_topics > .segment-block-items {
display: block;
margin-left: 0;
width: 100%;
}
.segment-block_expanded .segment-block-item,
.segment-block_expanded .segment-block-items {
display: block;
}
.segments .segment-block_topics .segment-block-item {
padding-left: 0;
display: block;
vertical-align: top;
width: 100%;
min-width: 0;
white-space: normal;
margin-right: 0;
margin-bottom: 15px;
}
.segment-block-item__photo > img {
width: 100%;
max-width:540px;
}
.segment-block-item_first .segment-block-item__photo > img {
width: 100%;
max-width:540px;
}
.segment-block-item__title,
.segment-block-item__title:visited,
.segment-block-item__title:active,
.segment-block-item__title:hover,
.segment-block-item_first .segment-block-item__title,
.segment-block-item_first .segment-block-item__title:visited,
.segment-block-item_first .segment-block-item__title:active,
.segment-block-item_first .segment-block-item__title:hover {
font-size: 16px;
}
.segment-block > .hub-user-list {
display: none;
}
.segment-block_expanded > .hub-user-list {
display: block;
display: table;
}
.segment-block__title {
display: none;
}
.segment-block__title-mobile,
.segment-block__title-mobile:hover,
.segment-block__title-mobile:visited,
.segment-block__title-mobile:active {
color: #111;
text-decoration: none;
font-size: 18px;
font-weight: normal;
line-height: 50px;
display: block;
width: 100%;
position: relative;
}
.segment-block__title-mobile::after {
content: '\f054';
font-family: FontAwesome;
font-size: 12px;
position: absolute;
right: 0;
bottom: 0;
}
.segment-block_expanded .segment-block__title-mobile::after {
content: '\f078';
}
.segment-block__head {
margin-bottom: 0;
}
.segment-block__buttons {
display: none;
}
.segment-block_expanded .segment-block__buttons {
display: block;
}
}
/* templates/skin/banana/css/components/sidebar.css */
.index-sidebar {
float: right;
width: 300px;
font-family: "PT Sans", sans-serif;
}
.sidebar-block-title {
font-size: 24px;
font-family: "PT Sans", sans-serif;
font-weight: normal;
margin-bottom: 5px;
}
/* sidebar stats */
.sidebar-stats {
padding: 20px 30px 30px;
}
.sidebar-stats__item {
padding: 0 0 0 75px;
border-bottom: 1px solid #eee;
background: no-repeat left 5px center;
background-size: 54px 54px;
height: 115px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.sidebar-stats__item:hover {
text-decoration: none;
}
.sidebar-stats__item_questions {
background-image: url(/templates/skin/banana/images/icons/questions-grey.png);
background-image: linear-gradient(transparent, transparent), url(/templates/skin/banana/images/icons/questions-grey.svg);
}
.sidebar-stats__item_photos {
background-image: url(/templates/skin/banana/images/icons/photos-grey.png);
background-image: linear-gradient(transparent, transparent), url(/templates/skin/banana/images/icons/photos-grey.svg);
}
.sidebar-stats__item_articles {
background-image: url(/templates/skin/banana/images/icons/topics-grey.png);
background-image: linear-gradient(transparent, transparent), url(/templates/skin/banana/images/icons/topics-grey.svg);
}
.sidebar-stats__item_blogs {
background-image: url(/templates/skin/banana/images/icons/blogs-grey.png);
background-image: linear-gradient(transparent, transparent), url(/templates/skin/banana/images/icons/blogs-grey.svg);
}
.sidebar-stats__item_questions:hover {
background-image: url(/templates/skin/banana/images/icons/questions-grey.png);
background-image: linear-gradient(transparent, transparent), url(/templates/skin/banana/images/icons/questions-green.svg);
}
.sidebar-stats__item_photos:hover {
background-image: url(/templates/skin/banana/images/icons/photos-grey.png);
background-image: linear-gradient(transparent, transparent), url(/templates/skin/banana/images/icons/photos-green.svg);
}
.sidebar-stats__item_articles:hover {
background-image: url(/templates/skin/banana/images/icons/topics-grey.png);
background-image: linear-gradient(transparent, transparent), url(/templates/skin/banana/images/icons/topics-green.svg);
}
.sidebar-stats__item_blogs:hover {
background-image: url(/templates/skin/banana/images/icons/blogs-grey.png);
background-image: linear-gradient(transparent, transparent), url(/templates/skin/banana/images/icons/blogs-green.svg);
}
.sidebar-stats__value {
font-size: 30px;
font-weight: bold;
text-decoration: none;
color: #111;
line-height: 1.2;
}
a:hover > .sidebar-stats__value {
color: #439d48;
}
.sidebar-stats__type {
font-size: 18px;
font-weight: normal;
text-decoration: none;
color: #111;
line-height: 1.2;
}
a:hover > .sidebar-stats__type {
color: #439d48;
}
.sidebar-advertiser,
.sidebar-advertiser:hover,
.sidebar-advertiser:visited,
.sidebar-advertiser:active {
font-size: 14px;
line-height: 20px;
font-weight: normal;
color: #111;
text-decoration: none;
display: block;
margin-top: 20px;
background: url("/templates/skin/banana/images/icons/info-gray.svg") right center no-repeat;
}
.sidebar-advertiser:hover {
background-image: url("/templates/skin/banana/images/icons/info-green.svg");
color: #439d48;
}
/* subscribe */
.sidebar-subscribe {
border: 4px solid #eee;
padding: 26px;
}
.sidebar-subscribe__desc {
font-size: 16px;
line-height: 1.3;
color: #999;
margin: 10px 0 20px;
}
.sidebar-subscribe__email {
display: block;
margin: 25px 0 10px;
}
.sidebar-subscribe__form {
margin-bottom: 15px;
}
.sidebar-subscribe__note {
font-size: 14px;
color: #999;
line-height: 1.5;
}
.sidebar-subscribe__link {
color: #111;
font-weight: normal;
font-size: 14px;
line-height: 1.2;
text-decoration: none;
cursor: pointer;
}
.sidebar-subscribe__link:hover {
color: #439d48;
}
.sidebar-subscribe__unsubscribe-note {
width: 300px;
}
.sidebar-subscribe__domain,
.sidebar-subscribe__domain:hover,
.sidebar-subscribe__domain:visited,
.sidebar-subscribe__domain:active {
font-size: inherit;
color: #999;
text-decoration: none;
font-weight: bold;
line-height: inherit;
}
.sidebar-subscribe__domain:hover {
color: #439d48;
}
.sidebar-discussed {
padding: 30px;
}
.sidebar-discussed {
padding: 20px 35px 35px;
}
.sidebar-discussed > .segment-block__head {
line-height: 25px;
}
.sidebar-discussed__list {
}
.sidebar-discussed__comment {
border-bottom: 1px solid #eee;
padding: 15px 0;
}
.sidebar-discussed-author {
padding-left: 30px;
background: url(/templates/skin/banana/images/icons/arrow4-grey.svg) left top no-repeat;
min-height: 25px;
}
.sidebar-discussed-author__name,
.sidebar-discussed-author__name:hover,
.sidebar-discussed-author__name:visited,
.sidebar-discussed-author__name:active {
display: inline-block;
color: #999;
text-decoration: none;
font-weight: bold;
font-size: 16px;
margin-right: 5px;
white-space: nowrap;
}
.sidebar-discussed-author__name:hover {
color: #439d48;
}
.sidebar-discussed-author__place {
color: #999;
font-size: 16px;
}
.sidebar-discussed__text {
margin-top: 10px;
}
.sidebar-discussed__text-link,
.sidebar-discussed__text-link:hover,
.sidebar-discussed__text-link:visited,
.sidebar-discussed__text-link:active {
color: #111;
font-size: 18px;
font-weight: normal;
text-decoration: none;
}
.sidebar-discussed__text-link:hover {
color: #439d48;
}
.sidebar-social {
padding: 30px;
}
.sidebar-social__block {
margin-top: 25px;
}
.lazyload .sidebar-social__block{display:none}
.block-instagram {
box-sizing: border-box;
border-radius: 4px;
padding: 14px;
border: 1px solid #e4e9ed;
}
.block-instagram div {
box-sizing: inherit;
}
.block-instagram__header {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #e4e9ed;
display: flex;
}
.block-instagram__header-text {
margin: auto 0 auto 15px;
}
.block-instagram__logo {
width: 34px;
height: 34px;
display: inline-block;
background-position: 0 0;
background-image: url(/templates/skin/banana/images/instagram/logo.png);
background-position: no-repeat;
background-size: cover;
}
.block-instagram__row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
margin-top: 15px;
}
.block-instagram__img {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.block-instagram__img img { width: 100%; }
.segment-block .block .block-header,
.segment-block .block .block-content {
padding-left: 0;
}
.block-type-photo-of-the-day img {
max-width: 100%;
}
@media screen and (max-width: 720px) {
.index-sidebar {
display: none;
}
}
#sidebar .sticky-banner {
margin-top: 15px;
}
/* templates/skin/banana/css/components/inputs.css */
.habicasa-checkbox {
display: block;
margin-bottom: 7px;
position: relative;
padding-left: 40px;
}
.habicasa-checkbox__input {
display: none;
}
.habicasa-checkbox__text {
vertical-align: middle;
color: #111;
line-height: 1.3;
}
.habicasa-checkbox__text:before,
.habicasa-checkbox__text::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
box-sizing: content-box;
border: #e1e1e1 solid 1px;
border-radius: 3px;
}
.habicasa-checkbox__input:checked + .habicasa-checkbox__text:before,
.habicasa-checkbox__input:checked + .habicasa-checkbox__text::before {
background: url(/templates/skin/banana/images/checkbox-checked.png) center center no-repeat;
}
.habicasa-input-text {
border: 1px solid #e1e1e1;
padding: 0 20px;
height: 50px;
box-sizing: border-box;
line-height: 48px;
color: #111;
}
.habicasa-input-text::-webkit-input-placeholder { color: #898989;}
.habicasa-input-text::-moz-placeholder { color: #898989;}
.habicasa-input-text:-moz-placeholder { color: #898989;}
.habicasa-input-text:-ms-input-placeholder { color: #898989;}
.habicasa-input-text:focus {
outline: none;
}
.habicasa-input-text_wide {
width: 100%;
}
/* templates/skin/banana/css/components/index-sticky-topics.css */
.fotorama__arr:focus:after, .fotorama__fullscreen-icon:focus:after, .fotorama__nav__frame:focus .fotorama__dot:after, .fotorama__nav__frame:focus .fotorama__thumb:after {
background-color: #111;
}
.fotorama__nav-wrap {
position: absolute;
bottom: 45px;
left: 64px;
right: 64px;
}
.fotorama__dot {
border: 2px solid #111111;
}
.fotorama__nav__frame.fotorama__active .fotorama__dot {
border-width: 2px;
}
.index-sticky-topics {
position:relative;
padding-right: 300px;
min-height: 380px;
}
.index-sticky-topics_dacha {
padding-right: 0;
}
.fotorama-layout {
position: relative;
}
.index-sticky-topics .fotorama {
width:100%;
}
.index-sticky-topics .fotorama-caption {
position: absolute;
top: 65px;
bottom: 65px;
left: 80px;
width: 60%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column wrap;
-moz-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
-webkit-justify-content: space-around;
justify-content: space-around;
}
.index-sticky-topics_dacha .fotorama-caption {
cursor: pointer;
}
.index-sticky-topics .fotorama-caption .topic-list-date {
display: none;
}
.fotorama-caption__title,
.fotorama-caption__title:visited,
.fotorama-caption__title:active,
.fotorama-caption__title:hover {
line-height: 1.4;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
background: rgba(255, 255, 255, 0.7);
font-size: 40px;
font-weight: normal;
padding: 0 10px;
color: #111;
text-decoration: none;
}
.fotorama-caption__title:hover {
color: #439d48;
}
.fotorama-caption__wrap {
position: relative;
overflow: visible;
}
.fotorama-caption__wrap_contest:after {
content: '';
position: absolute;
width: 80px;
height: 80px;
border-radius: 40px;
background: url(/templates/skin/banana/images/icons/cup-white.svg) #439d48 center center no-repeat;
background-size: 50px 50px;
top: -65px;
left: -50px;
}
.index-sticky-topics .fotorama__arr {
width: 64px;
height: 64px;
top: auto;
bottom: 20px;
background: center center no-repeat;
background-size: 40px 40px;
}
.index-sticky-topics .fotorama__arr--prev {
background-image: url(/templates/skin/banana/images/icons/arrow-left.svg);
}
.index-sticky-topics .fotorama__arr--next {
background-image: url(/templates/skin/banana/images/icons/arrow-right.svg);
right: 0;
}
.index-sticky-topics .fotorama__stage__frame {
cursor:hand;
cursor:pointer;
}
.index-sticky-topics .fotorama__nav__shaft .fotorama__nav__frame {
width: 30px;
height: 30px;
}
.index-sticky-topics .fotorama__nav__shaft .fotorama__dot,
.index-sticky-topics .fotorama__nav__shaft .fotorama__active .fotorama__dot {
width: 10px;
height: 10px;
border-radius: 12px;
}
.index-sticky-topics .fotorama__nav__shaft .fotorama__active .fotorama__dot {
background-color: #111;
}
.index-stycky-topics__index {
position: absolute;
left: 64px;
right: 64px;
bottom: 45px;
text-align: center;
font-family: "PT Sans", sans-serif;
font-size: 24px;
color: #111;
text-shadow: 0 0 5px #fff;
display: none;
}
@media screen and (max-width: 1023px) {
body.mobile-enabled #wrapper.wrapper_index {
margin-top: 0;
padding: 0 20px;
}
body.mobile-enabled .index-sticky-topics {
padding-right: 0;
margin-left: -20px;
margin-right: -20px;
}
body.mobile-enabled .index-sticky-topics .fotorama-caption {
width: auto;
left: 20px;
right: 80px;
}
body.mobile-enabled .fotorama-caption__title,
body.mobile-enabled .fotorama-caption__title:visited,
body.mobile-enabled .fotorama-caption__title:active,
body.mobile-enabled .fotorama-caption__title:hover {
font-size: 27px;
}
body.mobile-enabled .fotorama-caption__wrap_contest:after {
width: 66px;
height: 66px;
border-radius: 33px;
background-size: 41px 41px;
left: 0;
}
body.mobile-enabled .index-stycky-topics__index {
display: block;
}
body.mobile-enabled .fotorama__nav-wrap {
display: none;
}
body.mobile-enabled .fotorama__stage__frame {
text-align: center;
overflow: visible;
}
}
@media screen and (max-width: 600px) {
.fotorama__nav-wrap {
bottom: 20px;
}
.index-sticky-topics .fotorama__arr {
bottom: -5px;
}
.index-sticky-topics .fotorama-caption {
top: 30px;
}
body.mobile-enabled .fotorama-caption__title,
body.mobile-enabled .fotorama-caption__title:visited,
body.mobile-enabled .fotorama-caption__title:active,
body.mobile-enabled .fotorama-caption__title:hover {
font-size: 24px;
}
.index-stycky-topics__index {
bottom: 20px;
}
}
@media screen and (max-width: 480px) {
.index-sticky-topics .fotorama-caption {
top: 30px;
}
body.mobile-enabled .fotorama-caption__wrap_contest:after {
width: 30px;
height: 30px;
border-radius: 15px;
background-size: 19px 19px;
top: -30px;
left: auto;
right: 0;
}
}
@media screen and (max-width: 360px) {
body.mobile-enabled .fotorama-caption__title,
body.mobile-enabled .fotorama-caption__title:visited,
body.mobile-enabled .fotorama-caption__title:active,
body.mobile-enabled .fotorama-caption__title:hover {
font-size: 18px;
}
}
.block-7pisem {
margin-top: 10px;
}
.block-7pisem h3 {
font-family: 'PT Sans', sans-serif;
margin-bottom: 10px;
}
.block-7pisem .article {
width: 31%;
height: 67px;
overflow: hidden;
display: block;
float: left;
margin: 0 2% 10px 0;
line-height: 16px;
}
.block-7pisem .article .title {
font-size: 17px;
}
.block-7pisem .article img {
width: 90px;
float: left;
margin-right: 10px;
}
@media screen and (max-width:1100px) {
.block-7pisem .article {
width: 48%;
}
}
@media screen and (max-width:600px) {
.block-7pisem .article {
width: 98%;
}
}
/* sidebar about */
.sidebar-about {
height: 100%;
width: 300px;
padding: 26px;
box-sizing: border-box;
border: 4px solid #eee;
font-family: "PT Sans", sans-serif;
font-size: 16px;
line-height: 1.25;
color: #111;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-lines: single;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-justify-content: space-between;
justify-content: space-between;
position: absolute;
top: 0;
right: 0;
}
.sidebar-about__buttons > button {
margin-top: 10px;
}
@media screen and (max-width: 1150px) {
.sidebar-about {
font-size: 14px;
}
}
@media screen and (max-width: 1023px) {
.sidebar-about {
position: relative;
display: block;
width: auto;
height: auto;
font-size: 16px;
padding: 30px 20px;
border: none;
}
.sidebar-about__sign {
margin-top: 25px;
}
}
/* templates/skin/banana/css/components/topic-album.css */
.topic-album {
position: relative;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #e8e8e8;
}
.topic-album__main {
margin-right: 120px;
cursor: pointer;
text-align: center;
vertical-align: middle;
}
.topic-album__main img {
max-width: 100%;
}
.topic-album__other {
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 110px;
overflow: auto;
}
.topic-album__other-item {
margin-bottom: 5px;
cursor: pointer;
}
.topic-album__other-item img {
max-width: none;
}
.topic-album-comments {
margin-top: 30px;
}
.topic-album-comments__all,
.topic-album-comments__all:hover,
.topic-album-comments__all:visited,
.topic-album-comments__all:active {
margin-left: 30px;
color: #111;
font-size: 16px;
line-height: 50px;
text-decoration: none;
font-weight: bold;
}
.topic-album-comments__all:hover {
text-decoration: underline;
}
.topic-album__caption {
margin-top: 15px;
margin-bottom: 15px;
font-style: italic;
line-height: 1.2;
text-align: left;
}
@media screen and (max-width: 720px) {
.topic-album__main {
margin-right: 0;
margin-bottom: 120px;
}
.topic-album__other {
position: absolute;
top: auto;
right: 0;
bottom: 0;
width: auto;
left: 0;
height: 110px;
overflow: auto;
white-space: nowrap;
}
.topic-album__other-item {
margin-bottom: 0;
display: inline-block;
margin-right: 20px;
cursor: pointer;
}
}
/* templates/skin/banana/css/components/document-item.css */
.document-item-author {
padding-left: 60px;
position: relative;
margin-bottom: 10px;
margin-right: 60px;
min-height: 48px;
font-family: "PT Sans", sans-serif;
}
.document-item-author > .system-message-notice {
white-space: nowrap;
}
.document-item-author__avatar {
position: absolute;
left: 0;
top: 0;
}
.document-item-author__avatar > img {
border-radius: 24px;
}
.document-item-author__badge {
background-color: #439d48;
padding: 1px 8px;
position: relative;
color: #fff;
text-transform: uppercase;
font-size: 14px;
font-style: italic;
white-space: nowrap;
border-top-left-radius: 10px 20px;
border-bottom-right-radius: 10px 20px;
}
.document-item-author__badge.document-item-author__badge-color-1{
background-color: #e1e1e1;
color: #000;
}
.document-item-author__badge.document-item-author__badge-color-2{
background-color: #ffda52;
color: #000;
}
.document-item__data-item {
color: #777;
white-space: nowrap;
}
.document-item__data-item:before {
content: '•';
display: inline-block;
margin-right: 5px;
}
.document-item__data-item:first-child:before {
display: none;
}
.document-item__main-link,
.document-item__main-link:visited,
.document-item__main-link:active,
.document-item__main-link:hover {
color: #111;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
.document-item__main-link:hover {
text-decoration: underline;
}
.document-item-buttons {
margin-top: 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.document-item-buttons-group_left {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.document-item-buttons__control {
margin-left: 30px;
font-size: 24px;
height: 24px;
color: #777;
cursor: pointer;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
}
.document-item-buttons__control_marked,
.document-item-buttons__control:hover {
color: #439d48;
}
.document-item-buttons__control_auto {
height: auto;
}
.document-item-buttons__list {
line-height: 35px;
}
.document-item-buttons__control > .ya-share2 {
white-space: nowrap;
}
.document-item-buttons__control .ya-share2__container_size_m .ya-share2__icon {
width: 36px;
height: 36px;
}
.document-item-buttons__control .ya-share2__container_size_m .ya-share2__item {
margin: 0 4px 0 0;
}
.document-item-buttons__control .ya-share2__badge {
border-radius: 5px;
}
.document-item-buttons__adv {
margin-left: 30px;
font-size: 17px;
height: 24px;
line-height: 24px;
color: #777;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
font-family: "PT Sans", sans-serif;
}
.document-item-thank-count {
margin-right: 10px;
font-weight: bold;
color: #111;
}
.document-item-thank-count_none {
display: none;
}
.document-item-thank-count_none.voted {
display: inline;
}
.document-item-thank-count.voted,
.document-item-thank-count_thanked {
color: #439d48;
}
.document-item-row {
margin-top: 30px;
}
/* TOPIC */
.topic-breadcrumbs {
margin-top: 20px;
}
.topic-breadcrumbs_offer {
margin-top: 0;
margin-bottom: 20px;
display: block;
}
.topic-breadcrumbs__item {
color: #777;
white-space: nowrap;
font-family: "PT Sans", sans-serif;
font-size: 18px;
line-height: 1.2;
font-weight: normal;
}
.topic-breadcrumbs__link:hover {
text-decoration: none;
}
.topic-breadcrumbs__item:hover {
color: #439d48;
}
.topic-breadcrumbs__item-wrapper:before {
content: '•';
display: inline-block;
margin: 0 10px;
color: #777;
font-size: 18px;
line-height: 1.2;
font-weight: normal;
}
.topic-breadcrumbs__item-wrapper:first-child:before {
display: none;
}
.topic-blog-title {
margin-top: 20px;
}
.topic-blog-title__link {
font-family: "PT Sans", sans-serif;
font-size: 20px;
line-height: 1.2;
font-weight: normal;
color: #777;
text-decoration: none;
}
.topic-blog-title__link:hover {
color: #439d48;
text-decoration: none;
}
.topic-title {
font-family: "PT Sans", sans-serif;
font-size: 36px;
line-height: 1.2;
font-weight: normal;
color: #111;
margin-top: 10px;
margin-bottom: 10px;
}
.topic-top-controls {
border-bottom: 1px solid #eee;
margin: 0;
padding-bottom: 20px;
}
.topic-author-short {
padding-top: 20px;
margin-bottom: 10px;
}
.subscribe-table {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.subscribe-table:nth-child(2) {
margin-top: 20px;
}
.topic-subscribe__tip {
font-size: 14px;
color: #999;
margin-top: 5px;
}
.topic-subscribe__tip > a,
.topic-subscribe__tip > a:hover,
.topic-subscribe__tip > a:visited,
.topic-subscribe__tip > a:active {
font-size: 14px;
font-weight: normal;
color: #111;
text-decoration: none;
}
.topic-subscribe__tip > a:hover {
color: #439d48;
}
.subscribe-table-item {
box-sizing: border-box;
min-width: 50%;
max-width: 50%;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
.subscribe-table-item:nth-child(2n) {
padding-left: 15px;
}
.subscribe-table-item > .sidebar-subscribe__email {
margin: 0;
}
.topic-stats {
margin: 20px 0;
border-top: 1px solid #eee;
font-family: "PT Sans", sans-serif;
}
.tags-for-topic + .topic-stats {
margin-top: 7px;
}
.topic-stat-item {
display: inline-block;
margin-right: 50px;
text-align: center;
color: #777;
font-size: 14px;
line-height: 1.2;
}
.topic-stat-item_list {
margin-right: 0;
margin-left: 10px;
zoom: 0.9;
vertical-align: bottom;
}
.topic-stat-item__count {
display: block;
text-align: left;
line-height: 32px;
padding-left: 40px;
color: #111;
font-size: 14px;
font-weight: bold;
position: relative;
}
.topic-stat-item_list .topic-stat-item__count {
padding-left: 35px;
}
.topic-stat-item__count::before {
content: '';
width: 32px;
height: 32px;
margin-right: 8px;
background: url("/templates/skin/banana/images/icons/topic-icons.png") no-repeat;
position: absolute;
left: 0;
}
.topic-stat-item__count_comments::before {
background-position: 0 0;
}
.topic-stat-item__count_thanks::before {
background-position: -32px 0;
}
.topic-stat-item__count_favourite::before {
background-position: -64px 0;
}
.topic-stat-item__count_read::before {
background-position: -96px 0;
}
.topic-stat-item__count_subscribers::before {
background-position: -128px 0;
}
.topic-stat-item:hover,
.topic-stat-item:hover > .topic-stat-item__count {
color: #439d48;
cursor: pointer;
}
.topic-stat-item_static:hover {
color: #777;
cursor: default;
}
.topic-stat-item_static:hover > .topic-stat-item__count {
color: #111;
cursor: default;
}
.topic-stat-item:hover > .topic-stat-item__count::before {
background-position-y: -32px;
cursor: pointer;
}
.topic-stat-item_static:hover > .topic-stat-item__count::before {
background-position-y: 0;
cursor: default;
}
.topic-author-full {
margin-top: 30px;
padding-bottom: 30px;
font-family: "PT Sans", sans-serif;
border-bottom: 1px solid #eee;
}
.topic-author-full__left {
float: left;
width: 50%;
}
.topic-author-full__left_no-blog {
float: none;
width: 100%;
}
.topic-author-full__right {
float: left;
}
.topic-author-full__header {
font-size: 24px;
color: #111;
padding-bottom: 10px;
border-bottom: 1px solid #eee;
}
.topic-author-full .document-item-author,
.topic-author-full__blog {
margin-top: 30px;
margin-bottom: 0;
padding-left: 120px;
min-height: 100px;
margin-right: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-box-orient: vertical;
-webkit-box-orient: vertical;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-moz-box-pack: justify;
-webkit-box-pack: justify;
box-pack: justify;
justify-content: space-between;
}
.topic-author-full .document-item-author {
border-right: 1px solid #eee;
}
.topic-author-full__left_no-blog .document-item-author {
border-right: none;
}
.topic-author-full__blog {
padding-left: 20px;
border-right: none;
}
.topic-author-full .document-item-author__avatar > img {
border-radius: 0;
}
.topic-author-full a {
text-decoration: none;
}
.topic-author-full__control {
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1 1;
-ms-flex: 1 1;
flex: 1 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-moz-box-orient: vertical;
-webkit-box-orient: vertical;
-webkit-flex-flow: column nowrap;
-moz-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-moz-box-pack: end;
-webkit-box-pack: end;
box-pack: end;
justify-content: flex-end;
}
.topic-author-full__control .topic-stat-item {
margin-left: 20px;
margin-right: 0;
}
.topic-favourite-full {
margin: 50px 0;
font-family: "PT Sans", sans-serif;
}
.topic-favourite-full__info {
float: left;
width: 50%;
margin-right: 20px;
}
.topic-favourite-full__controls {
float: left;
}
.topic-favourite-full__controls .topic-stat-item {
margin-left: 20px;
}
.topic-author-full__blog {
min-height: 0;
}
.topic-author-full__blog .topic-author-full__control {
display: none;
}
.button_favourite:before {
content: '';
display: inline-block;
width: 30px;
height: 30px;
margin-top: -3px;
vertical-align: middle;
background: url("/templates/skin/banana/images/icons/favourite_white.png") center center no-repeat;
}
@media screen and (max-width: 355px) {
.document-item-buttons-group_left { flex: 0 0 100%; margin-bottom: 20px }
.topic-stat-item { display: block; text-align: left }
}
@media screen and (max-width: 540px) {
.topic-breadcrumbs {
padding: 0 10px;
}
.topic-stat-item {
max-height: 32px;
overflow: hidden;
margin-right: 10px;
}
.topic-stat-item__count {
display: inline-block;
}
.text .ya-share2 ul {
padding: 0;
}
.topic-favourite-full__info {
float: none;
width: 100%;
margin-right: 0;
}
.topic-favourite-full__info .document-item-author {
margin-right: 0;
}
.topic-favourite-full__controls button {
vertical-align: top;
margin-top: 2px;
}
.topic-author-full .document-item-author__avatar > img {
width: 48px;
border-radius: 24px;
}
.topic-author-full__left {
float: none;
width: 100%;
}
.topic-author-full .document-item-author {
border-right: none;
padding-left: 60px;
}
.topic-author-full .topic-author-full__control {
margin-left: -60px;
margin-top: 10px;
}
.topic-author-full .topic-author-full__control a {
vertical-align: top;
margin-top: 2px;
}
.topic-author-full__blog {
padding-left: 0;
}
.subscribe-table-item {
min-width: 100%;
max-width: 100%;
display: block;
}
.subscribe-table-item:nth-child(2n) {
padding-left: 0;
}
.subscribe-table-item button {
margin-top: 10px;
width: 100%;
}
.document-item-buttons__control {
margin-left: 0;
}
.topic-author-full__control button {
vertical-align: top;
margin-top: 2px;
}
.topic-breadcrumbs {
margin-bottom: 15px;
}
}
@media screen and (max-width: 1020px) {
.document-item-buttons__adv {
margin-left: 0;
display: block;
margin-top: 10px;
}
}
/* templates/skin/banana/css/components/thank.css */
.thank {
font-family: "PT Sans", sans-serif;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
-moz-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.thank__count {
line-height: 45px;
display: inline-block;
vertical-align: middle;
background: #459e4a;
padding: 0 7px 0 45px;
border: 1px solid #21952a;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
font-size: 22px;
font-weight: bold;
color: #ffffff;
}
.thank__say {
display: inline-block;
vertical-align: middle;
background-color: #e1e1e1;
color: #111111;
font-size: 16px;
line-height: 45px;
font-weight: bold;
padding: 0 15px 0 7px;
border: 1px solid #dedede;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
cursor: pointer;
-webkit-box-flex: 1;
-moz-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.thank__say:hover {
background-color: #ffffff;
}
.thank__say_thanked {
cursor: default;
background-color: #ffffff;
}
.thank__thanked{
-webkit-transform: translate(0, 10px);
-ms-transform: translate(0, 10px);
-o-transform: translate(0, 10px);
transform: translate(0, 10px);
position: absolute;
opacity: 0;
font-size: 16px;
font-weight: bold;
font-family: "PT Sans";
color: #111;
padding: 17px;
background: #fff;
border-radius: 4px;
-webkit-box-shadow: 0 2px 15px 1px rgba(0,0,0,0.38);
-moz-box-shadow: 0 2px 15px 1px rgba(0,0,0,0.38);
box-shadow: 0 2px 15px 1px rgba(0,0,0,0.38);
z-index: 10;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.thank__thanked:before{
content: '';
display: block;
position: absolute;
border: 9px solid transparent;
border-bottom: 12px solid #fff;
top: -21px;
left: 45px;
}
.thank__thanked:after{
content: '';
display: block;
clear: both;
}
.thank__thanked img{
display: block;
float: left;
}
.thank:hover + .thank__thanked, .thank__thanked:hover{
opacity: 1;
-webkit-transform: translate(0);
-ms-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
/* templates/skin/banana/css/components/left-column-layout.css */
.left-column-layout {
font-family: PT Sans, sans-serif;
}
.left-column-layout:after {
content: '';
display: block;
height: 0;
line-height: 0;
font-size: 0;
clear: both;
}
.left-column-layout__sidebar {
float: left;
width: 280px;
}
.left-column-layout__sidebar-menu {
border: 3px solid #e8e8e8;
padding: 25px;
}
.left-column-layout__header {
margin-left: 320px;
}
.left-column-layout__title {
font-weight: bold;
font-size: 32px;
font-family: "PT Serif", serif;
padding-bottom: 5px;
color: #333;
margin-right: 50px;
}
.left-column-layout__content {
margin-left: 320px;
overflow: hidden;
}
.left-sidebar-photo {
position: relative;
}
.left-sidebar-photo img {
max-width: 100%;
}
.left-sidebar-photo__user-photo {
width: 100%;
max-width: 300px;
}
.left-sidebar-title {
color: #111;
font-size: 20px;
margin-bottom: 15px;
}
.left-sidebar-title__link,
.left-sidebar-title__link:hover,
.left-sidebar-title__link:visited,
.left-sidebar-title__link:active {
color: #111;
font-size: 20px;
font-weight: normal;
margin-bottom: 15px;
text-decoration: none;
}
.left-sidebar-title__link:hover {
color: #439d48;
}
.left-sidebar__info {
margin-top: 15px;
}
.left-sidebar__does {
margin-top: 10px;
font-size: 16px;
}
.left-sidebar__property {
display: block;
color: #777;
font-size: 16px;
}
.left-sidebar__description {
font-size: 18px;
font-weight: bold;
}
.left-sidebar__buttons {
margin-top: 20px;
}
.left-sidebar__buttons > .button {
margin-bottom: 10px;
}
.left-sidebar__buttons > .button:last-child {
margin-bottom: 0;
}
.left-sidebar__social {
margin-top: 15px;
}
.left-sidebar__social .ya-share2__list_direction_horizontal > .ya-share2__item {
margin-top: 8px;
}
.left-sidebar__social .ya-share2__link {
margin-right: 5px;
}
.left-sidebar__social .ya-share2__badge {
border-radius: 3px;
padding: 3px;
}
.left-sidebar-menu__open {
display: none;
}
.left-sidebar-menu__items {
margin: 30px -28px -25px -28px;
}
.left-sidebar-menu__item {
padding: 15px 25px;
border: 3px solid #e8e8e8;
border-top-width: 1px;
border-bottom: none;
line-height: 1;
overflow-x: hidden;
position: relative;
}
.left-sidebar-menu__item_space {
height: 30px;
padding: 0;
border-right: none;
border-left: none;
background: #fff;
}
.left-sidebar-menu__item > .button {
vertical-align: middle;
}
.left-sidebar-menu__link,
.left-sidebar-menu__link:visited {
color: #777;
font-size: 16px;
text-decoration: none;
font-weight: bold;
display: block;
max-width: 100%;
overflow: hidden;
margin-right:20px;
}
.left-sidebar-menu__link:hover {
color: #5eb763;
}
.left-sidebar-menu__link_shift {
padding-left: 30px;
}
.left-sidebar-menu__item_active {
border-left-color: #439d48;
}
.left-sidebar-menu__item_active > a,
.left-sidebar-menu__item_active > a:visited,
.left-sidebar-menu__item_active > a:hover {
color: #111;
cursor: default;
text-decoration: none;
}
.left-sidebar-menu__count {
position: absolute;
top: 0;
right: 20px;
margin-left: 5px;
margin-top: 16px;
border-radius: 9px;
padding: 0 5px;
font-size: 14px;
color: #fff;
background-color: #439d48;
line-height: 18px;
font-weight: normal;
}
.left-sidebar-menu__obi .left-sidebar-menu__link,
.left-sidebar-menu__obi.left-sidebar-menu__item_active > a,
.left-sidebar-menu__obi.left-sidebar-menu__item_active > a:visited,
.left-sidebar-menu__obi.left-sidebar-menu__item_active > a:hover {
color: #ff7e21;
}
.left-sidebar-menu__obi.left-sidebar-menu__item_active {
border-left-color: #ff7e21;
}
@media screen and (max-width:720px) {
.left-column-layout {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.left-column-layout__sidebar {
width: auto;
-webkit-box-ordinal-group: 3;
-moz-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
}
.left-column-layout__sidebar-menu {
border: none;
padding: 0;
}
.left-column-layout__header {
margin-left: 0;
margin-top: 10px;
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
}
.left-column-layout__content {
margin-left: 0;
-webkit-box-ordinal-group: 4;
-moz-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3;
}
.profile-data:first-child {
border-top: none;
}
.left-sidebar__social {
display: none;
}
.left-sidebar-menu {
height: 49px;
overflow: hidden;
position: relative;
cursor: pointer;
margin-top: 15px;
z-index: 5;
border-bottom: 1px solid #e8e8e8;
}
.left-sidebar-menu_opened {
overflow: visible;
}
.left-sidebar-menu__items {
margin: 0;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
width: 100%;
}
.left-sidebar-menu__open {
content: "\f107";
font-family: FontAwesome;
font-size: 14px;
display: block;
position: absolute;
width: 48px;
height: 48px;
text-align: center;
line-height: 48px;
color: #777;
z-index: 2;
right: 0;
}
.left-sidebar-menu__item {
height: 48px;
padding: 0 18px;
border: 1px solid #e1e1e1;
border-bottom-width: 0;
line-height: 50px;
white-space: nowrap;
overflow-y: hidden;
}
.left-sidebar-menu__link_long::after {
content: '';
position: absolute;
right: 20px;
height: 50px;
width: 50px;
background: url('/templates/skin/banana/images/left-index-long.png') no-repeat;
}
.left-sidebar-menu__item:last-child {
border-bottom-width: 1px;
}
.left-sidebar-menu__item_active {
padding-right: 45px;
}
.left-sidebar-menu_opened .left-sidebar-menu__item_active {
padding-right: 18px;
}
.left-sidebar-menu__link,
.left-sidebar-menu__link:visited {
line-height: 48px;
}
.left-sidebar-menu__item_active > a,
.left-sidebar-menu__item_active > a:visited {
cursor: pointer;
}
.blog-info {
width: 100%;
}
}
/* templates/skin/banana/css/habigallery.css */
.habigallery {
height: 100%;
width: 100%;
}
.habigallery-image-container {
text-align: center;
position: absolute;
top: 0;
left: 0;
right: 400px;
bottom: 130px;
font-size: 0;
white-space: nowrap;
background: #f4f4f4 url("/templates/skin/banana/images/loader-circle.gif") center center no-repeat;
}
.habigallery-image-container:before {
content: '';
display: inline-block;
width: 0;
vertical-align: middle;
height: 100%;
}
.habigallery-close {
cursor: pointer;
color: #333;
}
.habigallery-close:hover {
color: #777;
}
.habigallery-image {
max-height: 100%;
max-width: 100%;
display: inline-block;
vertical-align: middle;
margin: auto;
}
.habigallery-image-container__go {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 10%;
cursor: pointer;
color: #333;
font-size: 0;
text-align: center;
}
.habigallery-image-container__go:hover {
color: #777;
}
.habigallery-image-container__go:last-child {
left: 90%;
bottom: 100px;
top: 100px;
}
.habigallery-image-container__go:before {
content: '';
display: inline-block;
vertical-align: middle;
height: 100%;
}
.habigallery-image-container__go-item {
font-size: 80px!important;
font-weight: normal;
display: inline-block;
vertical-align: middle;
}
.habigallery-image-info-switch,
.habigallery-image-expand {
position: absolute;
cursor: pointer;
top: 20px;
right: 20px;
color: #333;
font-size: 36px;
}
.habigallery-image-expand > .fa-compress {
display: none;
}
.habigallery_expanded .habigallery-image-expand > .fa-compress {
display: block;
}
.habigallery_expanded .habigallery-image-expand > .fa-expand {
display: none;
}
.habigallery_expanded .habigallery-close {
display: none;
}
.habigallery-image-expand:hover {
color: #777;
}
.habigallery_expanded > .habigallery-info {
display: none;
}
.habigallery_expanded > .habigallery-image-container {
right: 0;
bottom: 0;
}
.habigallery_expanded > .habigallery-preview {
display: none;
}
.habigallery-image-info-switch {
display: none;
}
.habigallery-info {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 400px;
overflow: auto;
box-sizing: border-box;
padding: 10px 30px 30px;
font-family: "PT Sans", sans-serif;
}
.habigallery-info .document-item__data {
font-size: 14px;
line-height: 1.2;
}
.habigallery-info .document-item__data-item {
white-space: nowrap;
}
.habigallery-info .comment-list-item {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
a.habigallery-photo-controls {
margin-right:9px;
text-decoration: none;
background:none;
color:#3A873F;
height:19px;
border:1px solid #3A873F;
padding:0 5px;
border-radius:3px;
font-size: 13px;
line-height:19px;
display: inline-block;
white-space: nowrap;
margin-bottom: 3px;
margin-top: 3px;
}
a.habigallery-photo-controls:hover {
color: #666
}
a.habigallery-photo-controls_delete {
color: #666
}
.habigallery-photo-tags {
margin-bottom: 10px;
font-size: 14px;
line-height: 16px;
}
.habigallery-photo-tags > a {
font-size: 14px;
}
.habigallery-photo-comments {
margin-top: 10px;
}
.habigallery-photo-button {
margin-top: 10px;
}
.habigallery-photo-contest,
.habigallery-photo-contest > a {
margin-top: 10px;
font-size: 14px;
line-height: 16px;
}
.habigallery-close {
font-size: 48px;
position: absolute;
right: 10px;
top: 10px;
width: 50px;
line-height: 50px;
vertical-align: middle;
text-align: center;
font-weight: normal;
}
.habigallery-preview {
position: absolute;
left: 0;
right: 400px;
bottom: 0;
height: 130px;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
line-height: 130px;
text-align: center;
}
.habigallery-preview__image {
cursor: pointer;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
height: 90px;
width: 90px;
}
.habigallery-i {
margin: 20px auto 0;
width: 240px;
height: 1000px;
display: block;
}
@media screen and (max-width: 1200px) {
.habigallery-info {
width: 300px;
padding: 10px 20px 0;
}
.habigallery-image-container {
right: 300px;
}
.habigallery-preview {
right: 300px;
}
}
.habigallery-info > .ya-share2 {
white-space: nowrap;
margin: 10px 0 20px;
}
.habigallery-info .ya-share2__container_size_m .ya-share2__icon {
width: 36px;
height: 36px;
}
.habigallery-info .ya-share2__badge {
border-radius: 5px;
}
@media screen and (max-device-width: 720px) {
.habigallery-info {
padding-top: 80px;
display: none;
}
.habigallery-image-container {
right: 0;
}
.habigallery-preview {
right: 0;
}
.habigallery-image-info-switch {
left: 10px;
right: auto;
bottom: auto;
top: 10px;
display: block;
}
.habigallery-image-info-switch > .fa-file-text-o {
display: block;
}
.habigallery-image-info-switch > .fa-file-photo-o {
display: none;
}
.habigallery_switched > .habigallery-info {
display: block;
width: auto;
left: 0;
bottom: 120px;
}
.habigallery_switched > .habigallery-image-container {
display: none;
}
.habigallery_switched .habigallery-image-info-switch > .fa-file-photo-o {
display: block;
}
.habigallery_switched .habigallery-image-info-switch > .fa-file-text-o {
display: none;
}
.habigallery_expanded > .habigallery-image-info-switch ,
.habigallery_expanded > .habigallery-close,
.habigallery_expanded > .habigallery-preview {
display: none;
}
.habigallery_expanded > .habigallery-image-container {
bottom: 0;
}
.habigallery-image-expand {
top: auto;
bottom: 20px;
}
.habigallery-close {
}
.habigallery-image-container__go-item {
}
.habigallery-image-container__go {
display: none;
}
}
/* templates/skin/banana/css/market_offers.css */
.offer-image-container {
width: 48%; height: 150px;
margin-right: 10px;
overflow: hidden;
display: block;
}
.offer-image {
background-size: contain; background-repeat: no-repeat;
background-position: center;
width: 100%; height: 100%;
transform: scale(1.3);
}
.offer-desc {
float: right;
width: 48%;
margin: 10px 5px 0 0;
line-height: 17px;
font-family: 'PT Sans';
}
.offer-desc .offer-name {
display: block;
margin-bottom: 5px;
color: #333;
height: 68px;
overflow: hidden;
}
.offer-desc .offer-shop-name {
font-weight: normal;
font-size: 14px;
color: #666;
line-height: 31px;
overflow: visible;
}
.offer-item {
float:left;
margin: 1.4% 0 0 1.4%;
width: 31.91%;
height: 150px;
overflow: hidden;
text-overflow: ellipsis;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
display: block;
position: relative;
}
.ls-user-role-admin .search-result-container .offer-item {
height: 170px;
}
.left-column-layout__content .offer-item {
width: 48.6%;
margin: 1.4% 0.7% 0 0.7%;
}
.offer-item .favorite-button {
position: absolute;
right: 10px;
bottom: 5px;
padding: 5px;
}
.offer-item .favorite-button:hover {
font-weight: 600;
}
.offer-item .shop-tag-button {
position: absolute;
right: 40px;
bottom: 5px;
padding: 5px;
}
.offer-item .shop-tag-button:hover {
font-weight: 600;
}
.offer-item:hover {
box-shadow: 0 0 5px 1px rgba(0,0,0,0.75);
}
.offer-item:hover .offer-desc .offer-name {
text-decoration: underline;
}
.offer-item .price {
line-height: 30px;
}
.offer-item .button-buy {
float: right;
}
.topic-text .offer-item {
width: 47%;
}
#bottom_tag_filter.tag_filter {
width: 100%;
min-height: 100px;
display: block;
float: none;
}
#bottom_tag_filter li {
float: left;
padding-right: 10px;
}
.offer-item .title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tag_filter.market {
margin: 1.4% 1.4% 0 0;
width: 31.91%;
box-sizing: border-box;
background: none;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
}
.tag_filter.market .hidden {
display: none;
}
.tag_filter.market .tag_filter_list {
-moz-column-width: 120px;
-webkit-column-width: 120px;
column-width: 120px;
margin: 0 0 10px 0;
border-top: 1px #ccc solid;
}
.tag_filter.market .tag_filter_list li {
padding: 5px 0 5px 0;
margin: 0;
display: inline-block;
}
form .tag_filter_list li {
display: block;
}
.tag_filter.market .tag_filter_list li label {
display: inline;
}
.tag_filter.market > li {
margin-bottom: 7px;
}
.tag_filter.market > li > a {
display: block;
width: 100%;
font-size: 19px;
padding-bottom: 3px;
}
.tag_filter.market li li a {
font-size: 16px;
font-weight: normal;
}
.search-result-container.loader {
opacity: 0.6;
}
#window_shop_user_tag .modal-content.loader {
opacity: 0.6;
}
.market-top__search {
display: block;
line-height: 32px;
margin-bottom: 20px;
}
.market-top__search-input {
box-sizing: border-box;
width: calc(100% - 5px);
min-width: 150px;
padding-left: 5px;
padding-right: 35px;
border: solid #777 1px;
background-color: transparent;
color: #777;
height: 30px;
}
.market-top__search-input::-webkit-input-placeholder { color: #777;}
.market-top__search-input::-moz-placeholder { color: #777;}
.market-top__search-input:-moz-placeholder { color: #777;}
.market-top__search-input:-ms-input-placeholder { color: #777;}
.market-top__search-input[placeholder] { color: #777;}
.market-top__search-input:focus {
outline: none;
}
.market-top__search-submit {
border-style: none;
background-color: transparent;
color: #777;
width: 25px;
height: 25px;
margin-left: -30px;
margin-top: 5px;
}
.market-top__search-submit:focus {
outline: none;
}
#shop_user_tag_form #user_tag_list {
max-height: 200px;
overflow-y: scroll;
}
.topic-text .offer-item .favorite-button {
display: none;
}
@media screen and (max-width: 500px){
.button-buy.button { font-size: 12px; }
.price { font-size: 15px; }
.offer-desc .offer-shop-name { font-size: 12px; }
.offer-item .shop-tag-button {
right: 25px;
padding: 5px 2px;
}
.offer-item .favorite-button {
right: 5px;
padding: 5px 2px;
}
}
@media screen and (max-width: 1000px){
body.mobile-enabled .offer-item {
width: 48.6%;
}
body.mobile-enabled .topic-text .offer-item {
width: 98%;
}
body.mobile-enabled .tag_filter {
width: 100%;
/*max-height: 200px;
overflow-y: scroll;*/
display: block;
float: none;
}
}
@media screen and (max-width: 780px){
body.mobile-enabled .offer-item,
body.mobile-enabled .topic-text .offer-item {
width: 100%;
margin-left: 0;
}
}
/* templates/skin/banana/css/topic-premium.css */
@media screen and (min-width:720px){
.topic-premium {
padding: 75px;
padding-top: 40px;
}
.document-item-topic.topic-premium .topic-content.text {
font-size: 19px;
line-height: 26px;
}
.document-item-topic.topic-premium .topic-content.text a {
font-size: 19px;
/*font-family: 'PT Serif';
font-weight: normal;*/
}
.document-item-topic.topic-premium .topic-content.text a.foreignlinks::after {
display:none;
}
.document-item-topic.topic-premium .topic-content.text .tags a {
font-size: 13px;
}
}
@media screen and (min-width:1200px){
.topic-premium {
padding: 120px;
padding-top: 40px;
}
}
/* templates/skin/banana/css/sale.css */
.sale-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin-right: -15px;
margin-left: -15px;
box-sizing: border-box;
margin-top: 20px;
}
.sale-wrapper .sale-item {
flex-basis: 0;
flex-grow: 1;
padding-right: 15px;
padding-left: 15px;
position: relative;
width: 100%;
min-height: 1px;
flex: 0 0 100%;
max-width: 100%;
box-sizing: border-box;
margin-bottom: 30px;
}
.sale-wrapper .sale-item .sale-item-content {
border-radius: 5px;
box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
cursor: pointer;
overflow: hidden;
height: 180px;
position: relative;
padding-bottom: 40px;
font-size: 14px;
}
.sale-wrapper .sale-item .sale-item-content:hover {
box-shadow: 0 0 5px 1px rgba(0,0,0,0.75);
}
.sale-wrapper .sale-item .sale-item-img{
height: 90px;
text-align: center;
padding: 10px 10px 0 10px;
}
.sale-wrapper .sale-item .sale-item-img img {
border: 0 none;
box-sizing: border-box;
height: auto;
margin-left: auto;
margin-right: auto;
max-height: 100%;
max-width: 100%;
vertical-align: middle;
width: auto;
}
.sale-wrapper .sale-item .sale-item-text {
height: 70px;
text-align: center;
padding: 10px 10px 0 10px;
overflow: hidden;
}
.sale-wrapper .sale-item .sale-item-title {
text-align: center;
background-color: #439d48;
border-radius: 0 0 5px 5px;
overflow: hidden;
height: 40px;
line-height: 40px;
position: absolute;
bottom: 0;
width: 100%;
}
.sale-wrapper .sale-item .sale-item-title a{
text-decoration: none;
font-weight: bold;
font-size: 20px;
color: #ffffff;
}
@media (min-width: 768px) {
.sale-wrapper .sale-item {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1200px) {
.sale-wrapper .sale-item {
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
.sale-subscribe .button { margin-left: 20px }
.sale-main-item { margin-bottom: 20px }
#modal-sale .sale-left { float: left; width: 50%; padding-right: 10px; box-sizing: border-box; }
#modal-sale .sale-right { float: left; width: 50%; padding-left: 10px; box-sizing: border-box;}
#modal-sale .sale-logo { margin-top: 10px }
#modal-sale .sale-desc { margin-top: 10px }
#modal-sale .button { width: 100%; margin-top: 10px; }
#modal-sale .sale_subscribe_wrapper { display: inline-block; margin-top: 10px; }
#modal-sale .sale-short_rules-title { display: inline-block; margin: 15px 0; }
#modal-sale .sale-short_rules { margin: 0 0 15px 0; }
#modal-sale .sale-full_rules-title { display: inline-block; cursor: pointer; color:#27ae60; }
#modal-sale .sale-full_rules-title:hover { border-bottom: 1px dashed; }
#modal-sale .sale-full_rules { display: none }
#modal-sale img {
border: 0 none;
box-sizing: border-box;
height: auto;
max-width: 100%;
vertical-align: middle;
}
#modal-sale .sale-logo img { width: 180px }
/* https://7dach.ru/plugins/editcomment/templates/skin/default/css/style.css */
.edited_comment
{
text-align: right;
font-size: 80%;
}
.editcomment_sponsor_link
{
margin-top:20px;
font-size: 80%;
opacity: 0.35;
}
button#comment-button-cancel
{
margin-left: 5px;
}
button#comment-button-history
{
margin-left: 5px;
}
.modal.editcomment-history
{
width: 740px;
margin-left: -370px;
}
#editcomment-history-content
{
padding: 10px;
width: 660px;
max-width: 660px;
max-height: 350px;
overflow: auto;
}
.editcomment_history_item
{
border: 1px solid #777;
margin-bottom: 10px;
}
.editcomment_history_item header
{
padding: 5px;
background-color: #777;
}
/* https://7dach.ru/plugins/flow/templates/skin/banana/css/flow.css */
/* Flow wrapper
---------------------------------------------- */
#wrapper.flow-page { padding: 0 0 30px; background: none; box-shadow: none; border-bottom: none; width: 100%; overflow: visible; margin-bottom: 50px; margin-top: 30px; zoom: 1; }
#wrapper.flow-page #content { padding: 0; background: none;}
#wrapper.flow-page:before,
#wrapper.flow-page:after { content: ""; display: table; }
#wrapper.flow-page:after { clear: both; }
/* Flow nav
---------------------------------------------- */
.flow-nav { margin-bottom: 20px; padding-bottom:20px; border-bottom:1px solid #eee; overflow: hidden; zoom: 1; }
.flow-nav .menu { margin-bottom: 0; float: right }
.flow-nav .menu li { float:left; margin-right:15px }
.flow-nav .menu li:first-child { float:left; margin-right:8px }
.flow-nav .menu li a { border-bottom:1px dotted }
.flow-nav .menu li a:hover { color:#999 }
.flow-nav .menu li a:active { color:#000 }
/* Flow blocks
---------------------------------------------- */
.flow-blocks { width: 988px; }
.flow-item { margin: 0 12px 12px 0; float: left; }
.flow-block { max-width: 300px; border-radius: 10px; box-shadow: 0 0 10px #999; overflow: hidden; background: #fff; position: relative; }
.flow-block:hover { box-shadow: 0 0 9px 3px #FFDC5A }
.flow-block img.cover { max-width: 100%; vertical-align: top; border-radius: 10px 10px 0 0; }
.flow-block .flow-block-header { padding: 14px 14px 0; }
.flow-block .flow-block-header .title { margin-bottom:8px; font-family: 'PT Sans'; font-weight: bold; line-height:24px; color:#36302b }
.flow-block .flow-block-header .title a { color:#36302b; text-decoration:none; font-size: 20px; }
.flow-block .flow-block-header .title a:hover { color: #3A873F; text-decoration: underline; }
.flow-block .flow-block-header .blog { font-size: 15px; line-height: 1.2em; margin-bottom: 8px; font-family: 'PT Sans', sans-serif; }
.flow-block .flow-block-header .blog { padding:3px }
.flow-block .flow-block-header .blog a { color:#333; text-decoration:none }
.flow-block .flow-block-header .blog a:hover { text-decoration:underline }
.flow-block .flow-block-content { padding: 0 14px 8px; position: relative; margin-bottom: 0px; font-size: 16px; line-height: 18px; cursor: hand; cursor: pointer;}
.flow-block .flow-block-content .fade {
position: absolute;
left: 0;
bottom: 0;
width: 232px;
height: 50px;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
}
.flow-block .flow-block-info-top { font-family: 'PT Sans'; padding: 6px 14px; border-bottom: 1px solid #eee; overflow: hidden; zoom: 1; font-size: 12px; line-height: 16px; }
.flow-block .flow-block-info-top li { float: left; }
.flow-block li.flow-block-info-date { color: #afafaf; }
.flow-block li.flow-block-info-author { margin-right: 10px; max-width: 150px; overflow: hidden; height: 18px; white-space: nowrap; }
.flow-block li.flow-block-info-author a { font-size: 14px;}
.flow-block li.flow-block-info-author a:hover { }
.flow-block li.flow-block-info-author a img { width: 16px; height: 16px; vertical-align: middle; margin-right: 1px; }
.flow-block .flow-block-info { font-family: 'PT Sans'; padding: 7px 8px 7px 10px; overflow: hidden; font-size: 12px; line-height: 11px; }
.flow-block .flow-block-info li { float: left; margin-right: 10px; border-right: 1px solid #fff; padding: 6px; }
.flow-block .flow-block-info li a { text-decoration: none; }
.flow-block .flow-block-info li.topic-info-comments a { text-decoration: underline; float: left; font-size: 12px;
line-height: 11px; }
.flow-block .flow-block-info li.topic-info-comments a:hover { color: #666 }
.flow-block .flow-block-info li.topic-info-comments i { float: left; background:url(https://7dach.ru/plugins/flow/templates/skin/banana/images/comm-icon.png) no-repeat; height:16px; width:16px; margin-right: 4px; position: relative; top: -1px; }
.flow-block .flow-block-info li.topic-info-favourite { padding: 6px; color: #666; cursor: pointer; }
.flow-block .flow-block-info li.topic-info-favourite i { float: left; margin-right: 4px; }
.flow-block .flow-block-info li.topic-info-favourite:hover i { background-position: 0 -12px; }
.flow-block.flow-block-wide { max-width: 600px }
.flow-block.flow-block-wide .flow-block-header .title { font-size: 30px; }
.flow-block.flow-block-wide .flow-block-header .blog { font-size: 20px; }
.flow-block.flow-block-wide .flow-block-content .fade { width: 482px }
.flow-block.flow-block-wide .flow-block-info-top { display: none; }
.flow-block.flow-block-wide .flow-block-info { border-top: 1px dotted #d6dee2; padding: 8px 7px 11px 14px; }
.flow-block.flow-block-wide .flow-block-info li.flow-block-info-author { padding: 5px 0 0; max-width: 250px; }
.flow-block.flow-block-wide .flow-block-info li.flow-block-info-author a { text-decoration: underline; }
.flow-block.flow-block-wide .flow-block-info li.flow-block-info-author a img { position: relative; top: -1px; }
.flow-block.flow-block-wide .flow-block-info li.topic-info-share { position: relative; right: 2px; top: 1px; }
.flow-block.flow-block-wide .flow-block-share { bottom: 38px; }
/* Flow more
---------------------------------------------- */
.flow-more {
height: 70px;
width: 230px;
border: 1px solid #eee;
float: left;
border-radius: 10px;
box-shadow: 0 0 5px #eee;
color: #3f8ad7;
font-weight: bold;
font-size: 11px;
cursor: pointer;
position: relative;
}
.flow-more .icon-flow-more { width: 7px; height: 9px; background: url(https://7dach.ru/plugins/flow/templates/skin/banana/images/icon-flow-more.png) no-repeat; vertical-align: middle; margin-right: 5px; }
.flow-more .flow-more-inner { width: 100%; text-align: center; display: none; position: absolute; top: 50%; margin-top: -9px; }
.flow-more:hover { border-color: #fff; background: #fff; box-shadow: 0 0 3px 1px #FFDC5A }
.flow-more:hover .flow-more-inner { display: block; }
.flow-more-bottom {
background: #fff;
border-radius: 10px;
box-shadow: 0 0 5px #eee;
color: #666;
text-align: center;
font-weight: bold;
font-size: 11px;
padding: 15px 0;
cursor: pointer;
display: none;
}
.flow-more-bottom:hover { box-shadow: 0 0 3px 1px #FFDC5A }
.flow-more-bottom .icon-flow-more { width: 7px; height: 9px; background: url(https://7dach.ru/plugins/flow/templates/skin/banana/images/icon-flow-more.png) no-repeat; vertical-align: middle; margin-right: 5px; }
.flow-more-bottom.loader { background-image: url(https://7dach.ru/plugins/flow/templates/skin/banana/images/loader.gif); background-repeat: no-repeat; background-position: 50% 50%; }
.flow-more-bottom.loader .flow-more-bottom-text-loader {display: block;}
.flow-more-bottom.loader .flow-more-bottom-text-static {display: none;}
.flow-more-bottom-text-loader { display: none; }
/* Infobox */
#flow-block-stream { width:450px !important }
#flow-block-tags { width:450px !important }
#flow-block-tags .block-type-tags { background:#fff; padding:0 }
.infobox.infobox-block { background: #fff; width: 300px; border: 3px solid #edf8fd; color: #000; border-radius: 10px; padding: 15px; font-size: 12px; line-height: 20px; box-shadow: 0 0 15px rgba(0,0,0,.3); }
.infobox.infobox-block .tip-arrow { border: none; width: 15px; height: 11px; background: url(https://7dach.ru/plugins/flow/templates/skin/banana/images/icons-synio.png) no-repeat; }
.infobox.infobox-block .tip-arrow.tip-arrow-top { background-position: -38px -107px; top: -11px; left: auto; right: 15px; }
.infobox.infobox-block .tip-arrow.tip-arrow-bottom { background-position: -53px -107px; bottom: -11px; left: auto; right: 15px; }
.infobox.infobox-block a { color: #3f8ad7; }
.infobox.infobox-block .blog-info { margin-bottom: 30px; }
.infobox.infobox-block .blog-info li span { background: #fff; }
.infobox.infobox-block .blog-info li strong { background: #fff; }
.infobox.infobox-block .infobox-topic { color: #727a90; font-size: 11px; }
.infobox.infobox-block .infobox-actions { font-size: 11px; }
.infobox.infobox-block .close {
position: absolute;
top: 7px;
right: 8px;
width: 16px;
height: 16px;
background: url(https://7dach.ru/plugins/flow/templates/skin/banana/images/icons-synio.png) no-repeat -131px -39px;
}
.infobox.infobox-block .close:hover { background-position: -131px -55px; }
.flow-block-share { background: #fff; border: 3px solid #edf8fd; padding: 3px; border-radius: 5px; position: absolute; bottom: 35px; left: 0; right: 0; display: none; z-index: 100; }
.flow-block-share .arrow { position: absolute; border: none; width: 15px; height: 11px; background: url(https://7dach.ru/plugins/flow/templates/skin/banana/images/icons-synio.png) no-repeat; background-position: -53px -107px; bottom: -11px; right: 10px; }
.infobox-flow { width: 240px !important; visibility: visible; display: none; z-index: 1; }
.infobox-flow.infobox-help .tip-arrow.tip-arrow-top { right: 10px; left: auto !important; }
@media screen and (max-width: 480px) {
.flow-block,
.flow-block.flow-block-wide {
max-width: 100%;
left: 6px!important;
}
}
/* https://7dach.ru/plugins/habihonorar/templates/skin/default/css/style.css */
.clear {clear:both;}
.alignright {float:right;}
.alignleft {float:left;}
.habihonorar_form {position:relative;width:825px;padding:10px 5px;}
.habihonorar_form div.hab_form_block {position:relative;width:805px;float:left;margin:0 0 20px 0;text-align:left;}
.habihonorar_form div.hab_form_block label {position:relative;width:160px;float:left;text-align:right;margin:3px 15px 0 0;}
.habihonorar_form div.hab_form_block input[type="text"] {position:relative;width:100px;float:left;margin:0 15px 0 0;}
.habihonorar_form div.hab_form_block select {position:relative;width:190px;float:left;margin:0 15px 0 0;}
.habihonorar_form div.hab_form_block p.hab_form_checks {position:relative;float:left;margin:0 20px 0 0;padding:3px 0 0;}
.habihonorar_form div.hab_form_block p.hab_form_checks input {position:relative;margin:-3px 6px 0 0;}
.habihonorar_form div.hab_form_block p.hab_form_medium_input {position:relative;float:left;margin:0 20px 0 0;}
.habihonorar_form div.hab_form_block p.hab_form_medium_input input[type="text"] {position:relative;width:80px;float:left;}
.habihonorar_form div.hab_form_block p.hab_form_medium_input span {position:relative;float:left;margin:5px 0 0;}
.habihonorar_form div.hab_form_block p.hab_form_small_input {position:relative;float:left;margin:0 20px 0 0;}
.habihonorar_form div.hab_form_block p.hab_form_small_input input[type="text"] {position:relative;width:30px;float:left;}
.habihonorar_form div.hab_form_block p.hab_form_small_input span {position:relative;float:left;margin:5px 0 0;}
.habihonorar_form div.hab_form_block .datepicker {position:relative;width:157px !important;float:left;border:none;background:transparent url(https://7dach.ru/plugins/habihonorar/templates/skin/default/images/field.png) no-repeat 0 0;margin:0 15px 0 0;}
.habihonorar_form div.hab_form_block .hab_form_archive_links {position:relative;float:left;margin:4px 0 0 20px;width:240px;color:#333;}
.habihonorar_form div.hab_form_block .hab_form_archive_links p {color:#333;font-size:13px;font-weight:bold;}
.habihonorar_form div.hab_form_block .hab_form_archive_links p a {text-decoration:underline;font-weight:normal;}
.habihonorar_form div.hab_form_block .hab_form_archive_links p a:hover {text-decoration:none;}
.hab_stats_table {position:relative;width:500px;}
.hab_table tr th {text-align:left;border:1px solid #b0b0b0;}
.hab_table tr td {vertical-align:middle;border:1px solid #b0b0b0;}
.hab_table tr td.hab_table_td_small {width:15px;}
.hab_table tr td.hab_table_td_med {width:80px;}
.hab_table tr td.hab_table_td_med input[type="text"] {width:30px;margin:3px 0 0 7px;}
/* https://7dach.ru/plugins/habitags/templates/skin/default/css/style.css */
.tag_description_outer, .tag_description {
overflow: hidden;
}
.tag_description {
padding-top: 1em;
font-family: 'PT Serif', sans-serif;
}
.tag_description.show-more {
max-height: 198px;
}
.tag_description_fade {
display: block; position: relative;
width: 100%;
height: 50px;
margin-top: -50px;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(1%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
background: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%);
}
.tag_description_show_more {
color: #36302B;
font-family: 'PT Serif', sans-serif;
padding-left: 9px;
text-decoration: none;
background: white url(/templates/skin/banana/images/strelka-right.png) no-repeat right;
padding-right: 12px;
font-size: 15px;
font-weight: bold;
}
.tag_topgroups {
font-family: 'PT Sans', sans-serif;
font-size: 17px;
clear: both;
display: block;
width: 100%;
padding: 0;
margin: 20px 0 0;
columns: 150px 4;
-webkit-columns: 150px 4; /* Safari and Chrome */
-moz-columns: 150px 4; /* Firefox */
}
.left-column-layout .tag_topgroups {
margin: 0;
}
.tag_subgroups {
font-family: 'PT Sans', sans-serif;
clear: both;
display: none;
width: 100%;
padding: 0;
margin: 0;
columns: 100px 3;
-webkit-columns:100px 3; /* Safari and Chrome */
-moz-columns:100px 3; /* Firefox */
}
.tag_group_filter { overflow: hidden; zoom: 1; margin-bottom: 10px;}
.tag_group_filter li { float: left; margin-right:1px; color:#ccc; font:13px 'PT Sans', Sans-Serif; height:28px; line-height:21px; padding:0px 4px; }
.tag_group_filter li a { border-bottom:1px dotted; color:#645b52; border:0px; text-decoration:none; cursor:pointer; }
.tag_group_filter li a:hover { color:#999 }
.tag_group_filter li.active { background:#ffe06f url(/templates/skin/banana/images/yellow/bg-switcher2.png) repeat-x; color:#645b52; display:block; border:0px; height:21px; line-height:21px; border-radius:4px }
.btn-ask {
display: block;
background: url(/templates/skin/banana/images/btn_ask.png) no-repeat 0 0;
width: 266px;
height: 61px;
margin-right: 10px;
float: left;
}
.tag_filter {
display: block;
width: 150px;
float: left;
margin: 10px 30px 20px 0;
padding: 15px;
background-color: #FAFAFA;
-webkit-box-shadow: inset -5px 5px 5px 0px rgba(230,228,217,1);
-moz-box-shadow: inset -5px 5px 5px 0px rgba(230,228,217,1);
box-shadow: inset -5px 5px 5px 0px rgba(230,228,217,1);
}
.tag_filter li {
font-weight: bold;
margin-bottom: 15px;
font-family: 'PT Sans';
font-variant: small-caps;
font-size: 20px;
}
.tag_filter_list {
margin-top: 3px;
}
.tag_filter_list li {
font-weight: normal;
font-variant: normal;
font-size: 16px;
margin: 4px 0 5px 0;
padding-left: 10px;
line-height: 15px;
}
.tag_filter_list li a {
color: #676767;
}
.tag_filter li a {
color: #3A873F;
}
.tag_filter li li a {
color: #666;
}
.tag_filter li li a:hover {
color: #3A873F;
}
.tag_topic_list {
display: block;
}
/* https://7dach.ru/plugins/habitomato/templates/skin/default/css/habitomato.css */
.tomato_top {
width: 100%;
max-height: 151px;
cursor: pointer;
}
.habitomato_right-top,
.habitomato_right-sticky-1,
.habitomato_right-sticky-2,
.habitomato_right-sticky-3,
.habitomato_right-sticky-4,
.habitomato_right-sticky-5 {
margin-left: 10px;
}
.habitomato_content, .habitomato_content-mob {
float: right;
max-width: 40%;
margin: 0 0 10px 5px;
cursor: pointer;
}
.habitomato img {
max-width: 100%;
}
.habitomato_blog-left {
margin: 20px 0;
}
.habitomato_mobile-top {
display: none;
}
.habitomato_mobile-top img {
max-width: 100%;
}
@media screen and (max-width: 720px) {
.habitomato_mobile-top {
display: block;
}
.habitomato_blog-left {
display: none;
}
}