/*** CSS File: /css/podster_player/jquery.mCustomScrollbar.css ***/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(../../css/podster_player/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /*** CSS File: /css/style.css ***/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;} button::-moz-focus-inner {padding:0; border:0} button {font-family:Arial, Helvetica, sans-serif; overflow:auto;} form {font-family:Arial, Helvetica, sans-serif !important;} input:focus, select:focus, textarea:focus, button:focus {outline:none;} input, textarea {border-radius:0;} input:focus::-webkit-input-placeholder, input:focus:-moz-placeholder, input:focus::-moz-placeholder, input:focus:-ms-input-placeholder { color:transparent; } * {margin:0; padding:0;} img {border:0;} .clear {clear:both; line-height:0; height:0; font-size:1px;} .wrapper {padding:57px 0 0 0;} .center {max-width:1000px; margin:0 auto; position:relative;} body {background:#EDEFF0; font:12px Arial, Helvetica, sans-serif; color:#666; line-height:1;} a {color:#008ace; text-decoration:none; cursor:pointer; outline:none;} a:hover {color:#000;} /*******global*******/ .load_more {text-align:center; padding:20px 0 0 0;} .pseudo_link {color:#008ace; display:inline-block; cursor:pointer; border-bottom:1px dotted #008ace; line-height:normal;} .rounded {position:relative;} .rounded img {display:block; border-radius:50%;} .rounded .rounded_block {display:block; z-index:3; width:100%; height:100%; position:relative;} .rounded .rounded_block:before {content:""; display:block; position:absolute; z-index:2; border-radius:50%; left:0; top:0; width:100%; height:100%;} .title {font-size:20px; color:#262D33; font-weight:normal; margin:0 0 20px 0; position:relative;} .title_locality:before {content:""; display:block; position:absolute; left:-28px; top:-6px; width:20px; height:35px; background:url(/i/icons.png) no-repeat -229px -496px;} .title_flag {padding-left:22px;} .title_flag:before {content:""; display:block; position:absolute; left:0; top:8px; width:22px; height:12px; background:url(/i/icons.png) no-repeat -82px -1213px;} .title_2 {font-size:16px; font-weight:bold; color:#666; padding:0 0 16px 0; position:relative;} .separator {overflow:hidden; position:relative; margin:0 0 25px 0;} .separator_none_margin {margin:0;} .separator span {display:block; width:100%; height:1px; background:#ededed; box-shadow:0 0 5px #aaa;} .separator_top {padding-top:5px;} .separator_bottom {padding-bottom:5px;} .hgroup_title h2 {font-size:22px; color:#9d9d9d; font-weight:normal; padding:0 0 5px 0;} .hgroup_title h3 {font-size:13px; color:#666; font-weight:normal;} .top {padding:0 0 20px 0;} .top .title {margin:0 0 5px 0;} .top_wrapper {position:relative; min-height:29px; padding:0 550px 0 0; font-size:13px;} .top_search .top_wrapper {padding:0 270px 0 0;} .error_text {font-size:14px; line-height:17px; padding:0 0 34px 0;} .podcast_img_holder {width:220px; height:220px; padding:12px; background:url(/i/empty.gif) no-repeat 0px 0px #363636; box-shadow:2px 0px 5px rgba(0,0,0,0.6); border-radius:12px; text-align:center; line-height:202px; margin:0 auto 20px; position:relative;} .podcast_img_holder img {max-width:100%; height:auto; vertical-align:middle;} html,body {height:100%;} .wrap_it_all {min-height:100%; margin:0 auto; max-width:1100px; min-width:990px; background:#fff; overflow:hidden; position:relative;} * html .wrap_it_all {height:100%;} /*page_content*/ .page_content {z-index:22; position:relative; padding:0 20px;} .page_content_shade {box-shadow:0 0 6px #EAEAEA;} .columns_layout {padding:30px 0;} .column_top {position:relative; margin:0 0 12px 0; min-height:30px;} .column_left {float:left; width:258px;} .column_right {float:right; width:680px;} .columns_layout_left .column_left {width:680px;} .columns_layout_left .column_right {width:258px;} /*index site page */ .center_bar{width:312px;float: left;padding-left: 33px;} .left_bar{float:left; width:312px} .right_bar{float:right; width:312px;} .best_name{ text-align: center; font-size: 20px; margin-bottom: 10px } .last_articles { text-align: left; margin-left: 50px; margin-top: 20px; padding: 10px 0; font-weight: 600; font-size: 20px; line-height: 20px; } .left_bar .block_wrapper{min-height: 300px; padding: 0 0 0 20px} .center_bar .block_wrapper{min-height: 300px; padding: 0 0 0 20px} .right_bar .block_wrapper{min-height: 300px; padding: 0 0 0 20px} .left_bar .block_content{padding: 170px 0 5px 0} .center_bar .block_content{padding: 170px 0 5px 0} .right_bar .block_content{padding: 80px 0 5px 0} .center_bar img{width: 150px;height: 150px;} .right_bar img{width: 150px;height: 150px;} .left_bar .block_header{padding: 0 80px 5px 0;} .center_bar .block_header{padding: 0 80px 5px 0;} .right_bar .block_header{padding: 0 80px 5px 0; } /*player*/ .podster_audio_player {position:relative; margin:0 0 -5px 0;} .podster_audio_player_holder {position:relative; padding:0 1px; min-width:448px;} .podster-audio {height:63px; background:url(/i/player/player_bg_standart.png) repeat-x 0px 0px; position:relative; z-index:10; padding:0 100px 0 250px;} .podster_audio_player:before, .podster_audio_player:after {content:""; position:absolute; display:block; width:1px; height:100%; left:0; top:0; z-index:2; background:url(/i/player/player_left_standart.png) no-repeat 0px 0px;} .podster_audio_logo:before {content:""; display:block; position:absolute; right:-1px; top:13px; background:url(/i/player/player_podster.png) no-repeat 0px 0px; width:120px; height:45px; z-index:5;} .podster_audio_player:after {left:auto; right:0; background:url(/i/player/player_right_standart.png) no-repeat 0px 0px;} .podster-progress {position:absolute; left:0; top:0; height:7px; width:100%; overflow:hidden; z-index:5;} .podster-seek-bar {background:url(/i/player/podster-seek-bar_standart.png) repeat-x 0px 0px; height:100%; left:0; top:0; position:absolute;} .podster-play-bar {background:url(/i/player/podster-play-bar_standart.png) repeat-x 0px 0px; height:100%; left:0; top:0; position:absolute;} .podster-interface .podster-controls {display:block; position:absolute; width:24px; height:24px; overflow:hidden; left:18px; top:19px;} .podster-interface .podster-controls li {display:block; float:left;} .podster-interface .podster-controls a {display:block; text-indent:-9999px; width:24px; height:24px; background:url(/i/player/player_set.png) no-repeat -9999px;} .podster-interface .podster-controls .podster-play {background-position:0px 0px;} .podster-interface .podster-controls .podster-play:hover {background-position:-24px 0px;} .podster-interface .podster-controls .podster-pause {background-position:0px -24px;} .podster-interface .podster-controls .podster-pause:hover {background-position:-24px -24px;} .podster-duration {position:absolute; left:57px; top:17px; font-size:13px; color:#272727; text-shadow:1px 1px 1px #eff0ef; width:51px; text-align:right;} .podster-current-time {position:absolute; left:57px; top:34px; font-size:11px; color:#757575; text-shadow:1px 1px 1px #e6e6e6; width:51px; text-align:right;} .podster-mute-control {position:absolute; display:none;} .podster-volume-bar {position:absolute; left:126px; top:27px; width:94px;} .podster-audio .ui-widget-content {background:url(/i/player/podster-volume-bar.png) repeat; border-bottom:1px solid #f7f7f7; height:9px; border-radius:4px; box-shadow:inset 1px 1px 2px rgba(0,0,0,0.75);} .podster-audio .podster-volume-bar .ui-slider-handle {background:url(/i/player/player_set.png) no-repeat -48px 0px; width:19px; height:19px; top:-4px; margin:0 0 0 -8px; position:absolute; left:0; z-index:2; cursor:pointer;} .podster_player_actions {position:absolute; right:16px; top:0;} .podster_playlist {position:absolute; right:46px; top:0; width:17px; height:58px;} .podster_playlist_button {display:block; position:absolute; left:0; top:23px; width:17px; height:18px; background:url(/i/player/player_set.png) no-repeat 0 -65px; cursor:pointer;} .podster_playlist_button:hover, .podster_playlist_active .podster_playlist_button {background-position:-24px -65px;} .podster_share {position:absolute; right:0; top:0; width:23px; height:58px; overflow:hidden;} .podster_share .podster_share_button {display:block; position:absolute; right:0; top:21px; width:23px; height:19px; background:url(/i/player/player_set.png) no-repeat 0 -107px; cursor:pointer;} .podster_share .podster_share_button:hover, .podster_share:hover .podster_share_button {background-position:-24px -107px;} .podster_share_block {width:340px; position:absolute; left:-340px; top:7px; height:51px; background:url(/i/player/player_share_bg.png) repeat-x 0px 0px;} .podster_share_block:before, .podster_share_block:after {content:""; display:block; position:absolute; left:0; top:0; width:6px; height:51px; background:url(/i/player/player_share_l.png) no-repeat 0px 0px;} .podster_share_block:after {left:auto; right:0; background:url(/i/player/player_share_r.png) no-repeat 0px 0px;} .podster_share_vk {display:block; position:absolute; left:13px; top:16px; width:19px; height:20px; background:url(/i/player/player_set.png) no-repeat -19px -158px; text-indent:-9999px;} .podster_share_fb {display:block; position:absolute; left:38px; top:16px; width:19px; height:20px; background:url(/i/player/player_set.png) no-repeat 0 -158px; text-indent:-9999px;} .podster_share_link {position:absolute; left:65px; top:16px;} .podster_share_link:before {content:""; display:block; position:absolute; right:7px; top:4px; background:url(/i/player/player_set.png) no-repeat -15px -126px; width:16px; height:11px;} .podster_share_link input {display:block; width:196px; border:none; background:#fff; box-shadow:inset 1px 1px 2px rgba(0,0,0,0.54); border-radius:9px; height:18px; padding:0 30px 0 10px; font-size:11px; color:#505050; line-height:19px;} .podster_share_download {position:absolute; right:12px; top:16px; background:url(/i/player/player_set.png) no-repeat 0 -140px; width:19px; height:18px; text-indent:-9999px;} .podster_share_opened .podster_share {width:374px;} .podster_share_opened .podster_playlist {right:386px;} .podster_share_opened .podster_share_block {left:0;} .podster_share_opened .podster_player_name {display:none;} .podster_player_name {padding:7px 0 0 0; overflow:hidden;} .podster_player_name_cell {display:table-cell; height:41px; padding:5px 0; vertical-align:middle; width:100%;} .podster_player_name_cell a {color:#505050; text-shadow:1px 1px 1px #EFF0EF; font-size:13px; display:block; position:relative; white-space:nowrap;} .podster_player_name_time {padding:0 16px 0 0;} .podster_player_name_time:before {content:""; display:block; position:absolute; right:0; top:0; width:12px; height:12px; background:url(/i/player/player_set.png) no-repeat -32px -126px;} .podster_playlist_active .podster_playlist:before {display:block;} .podster_player_close {position:absolute; cursor:pointer; display:block; right:4px; top:11px; width:14px; height:14px; background:url(/i/player/player_set.png) no-repeat 0 -126px;} .playlist {background:#fff; box-shadow:0 0 3px rgba(0, 0, 0, 0.3); margin:-5px 0 10px 0; padding:2px 0 0 0; display:none;} .podster_playlist_active .playlist {display:block;} .playlist ul li {display:block; list-style:none;} .playlist ul li table {width:100%; border-spacing:0; border-collapse:collapse;} .playlist ul li table tr td {vertical-align:top; padding:6px 10px; font-size:11px; line-height:14px;} .playlist ul li table tr .playlist_count {padding:5px 0; width:28px; text-align:center; font-size:11px; color:#ccc;} .playlist ul .playlist_active table tr .playlist_count {color:#fff;} .playlist ul li table tr .playlist_podcast_cell .playlist_podcast {position:relative; padding:0 0 0 20px;} .playlist ul li table tr .playlist_podcast_cell .playlist_podcast .playlist_podcast_status {position:absolute; width:10px; height:14px; background:#000; left:0; top:0; display:block;} .playlist ul li table tr .playlist_podcast_cell .playlist_podcast .palylist_podcast_name {line-height:14px;} .playlist ul li table tr .playlist_podcast_go .playlist_podcast_go_button {display:block; width:6px; height:10px; cursor:pointer; background:#000;} .playlist ul .playlist_bg {background:#f6f6f5;} .playlist ul .playlist_active {background:#00aeef; color:#fff;} /*filter*/ .have_filter {min-height:29px;} .have_filter.title_2 {line-height:29px;} .have_filter.title {line-height:29px;} .filter {position:absolute; right:0; top:0;} .top_wrapper .filter {top:auto; bottom:0;} .filter .filter_buttons {float:left; padding:0 0 0 16px;} .filter .filter_buttons a {display:block; float:left; height:27px; line-height:27px; border:1px solid #d3d3d3; margin:0 0 0 -1px; padding:0 15px; color:#666; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #f9f9f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#f9f9f9 100%); /* W3C */ -webkit-transition: all 0.1s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all 0.1s ease-out; /* Firefox 4-15 */ -o-transition: all 0.1s ease-out; /* Opera 10.50–12.00 */ transition: all 0.1s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ } .filter .filter_buttons a:hover { background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top, #f9f9f9 0%, #fefefe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f9f9f9 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f9f9f9 0%,#fefefe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f9f9f9 0%,#fefefe 100%); /* IE10+ */ background: linear-gradient(to bottom, #f9f9f9 0%,#fefefe 100%); /* W3C */ } .filter a.filter_selected {cursor:default;} .filter a.filter_selected, .filter a.filter_selected:hover, .filter a:active {box-shadow:inset 1px 1px 2px #c6c6c6; background: #dbdbdb; /* Old browsers */ background: -moz-linear-gradient(top, #dbdbdb 0%, #f0f0f0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #dbdbdb 0%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #dbdbdb 0%,#f0f0f0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #dbdbdb 0%,#f0f0f0 100%); /* IE10+ */ background: linear-gradient(to bottom, #dbdbdb 0%,#f0f0f0 100%); /* W3C */ } .filter_select {float:left;} .filter_select_label {display:block; float:left; font-size:13px; padding:0 5px 0 0;} .filter_select select {display:block; float:left; padding:2px; border:1px solid #d3d3d3;} .filter_select .yaselect-anchor {display:block; float:left;} /*button*/ .button, .button2 {display:inline-block; cursor:pointer; text-decoration:none; background:none; border:none; color:#fff;} .button span, .button2 span {display:block; border:1px solid #009ed9; border-radius:1px; height:27px; line-height:27px; padding:0 12px; font-size:13px; position:relative; background: #28c4fe; /* Old browsers */ background: -moz-linear-gradient(top, #28c4fe 0%, #01aff0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28c4fe), color-stop(100%,#01aff0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #28c4fe 0%,#01aff0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #28c4fe 0%,#01aff0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #28c4fe 0%,#01aff0 100%); /* IE10+ */ background: linear-gradient(to bottom, #28c4fe 0%,#01aff0 100%); /* W3C */ -webkit-transition: all 0.1s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all 0.1s ease-out; /* Firefox 4-15 */ -o-transition: all 0.1s ease-out; /* Opera 10.50–12.00 */ transition: all 0.1s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ } .button:hover {color:#fff !important; box-shadow:0 0 3px rgba(38, 195, 254, 0.75);} .button:hover span { background: #2bc9fe; /* Old browsers */ background: -moz-linear-gradient(top, #2bc9fe 0%, #05b5f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2bc9fe), color-stop(100%,#05b5f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2bc9fe 0%,#05b5f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2bc9fe 0%,#05b5f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2bc9fe 0%,#05b5f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #2bc9fe 0%,#05b5f2 100%); /* W3C */ } .button:active {box-shadow:inset 1px 2px 2px #1c89b1;} .button:active span { background: #22b0e5; /* Old browsers */ background: -moz-linear-gradient(top, #22b0e5 0%, #019fd9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22b0e5), color-stop(100%,#019fd9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #22b0e5 0%,#019fd9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #22b0e5 0%,#019fd9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #22b0e5 0%,#019fd9 100%); /* IE10+ */ background: linear-gradient(to bottom, #22b0e5 0%,#019fd9 100%); /* W3C */ } .button_dark:hover {box-shadow:0 0 5px rgba(0, 0, 0, 0.2);} .button_dark:hover span { background: #28c9fe; /* Old browsers */ background: -moz-linear-gradient(top, #28c9fe 0%, #01b6f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28c9fe), color-stop(100%,#01b6f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #28c9fe 0%,#01b6f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #28c9fe 0%,#01b6f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #28c9fe 0%,#01b6f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #28c9fe 0%,#01b6f2 100%); /* W3C */ } .button_dark:active {box-shadow:inset 0 0 2px #1c89b1;} /*button2*/ .button2 {color:#666;} .button2 span {border:1px solid #d3d3d3; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #f9f9f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#f9f9f9 100%); /* W3C */ } .button2:hover {color:#666 !important; box-shadow:0 0 2px #d2f3ff;} .button2:hover span {border-color:#a8d8e6;} .button2:active {box-shadow:inset 1px 2px 2px #c4c4c4;} .button2:active span {border-color:#d3d3d3; background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(top, #f4f4f4 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 0%,#efefef 100%); /* W3C */ } /*button_file*/ .button_file {display:block; overflow:hidden;} .row .button_file {float:left;} .button_file_holder {overflow:hidden; height:40px; position:relative; width:120px; float:left; margin:0 5px 0 0;} .button_file_text {display:block; float:left; line-height:29px; font-size:14px; color:#323232;} .button_file_holder span {padding:4px 0; text-align:center; height: 40px;} .button_file_holder input {margin-top: -50px; margin-left:-410px; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; font-size:150px; height: 100px; cursor:pointer;} /*button icons*/ .button_plus span {padding-left:26px;} .button_plus span:before {content:""; display:block; position:absolute; left:8px; top:50%; width:12px; height:12px; background:url(/i/icons.png) no-repeat -26px -1174px; margin:-6px 0 0 0;} .button.button_plus span:before {background-position:-46px -1174px;} .button_minus span {padding-left:26px;} .button_minus span:before {content:""; display:block; position:absolute; left:8px; top:50%; width:12px; height:12px; background:url(/i/icons.png) no-repeat -26px -1212px; margin:-6px 0 0 0;} .button.button_minus span:before {background-position:-46px -1212px;} .button_menu span {padding-left:26px;} .button_menu span:before {content:""; display:block; position:absolute; left:8px; top:50%; width:11px; height:11px; background:url(/i/icons.png) no-repeat -232px -1153px; margin:-6px 0 0 0;} .button_anchor span {padding-left:26px;} .button_anchor span:before {content:""; display:block; position:absolute; left:8px; top:50%; width:16px; height:11px; background:url(/i/icons.png) no-repeat -219px -1131px; margin:-5px 0 0 0;} .button.button_anchor span:before {background-position:-199px -1131px;} .button_play span {padding-left:26px;} .button_play span:before {content:""; display:block; position:absolute; left:10px; top:50%; width:10px; height:14px; background:url(/i/icons.png) no-repeat -29px -1153px; margin:-7px 0 0 0;} .button_search span {width:64px; padding:0; text-indent:-9999px;} .button_search span:before {content:""; display:block; position:absolute; left:50%; top:50%; width:13px; height:13px; background:url(/i/set.png) no-repeat 0px 0px; margin:-6px 0 0 -6px;} .button_remove span {width:64px; padding:0; text-indent:-9999px;} .button_remove span:before {content:""; display:block; position:absolute; left:50%; top:50%; width:10px; height:10px; background:url(/i/icons.png) no-repeat -160px -1192px; margin:-5px 0 0 -5px;} .button_add span {padding-left:34px;} .button_add span:before {content:""; display:block; position:absolute; left:8px; top:50%; width:18px; height:18px; background:url(/i/icons.png) no-repeat -28px -1129px; margin:-9px 0 0 0;} .button2.button_add span:before {background-position:-5px -1128px;} .button_edit span {padding-left:34px;} .button_edit span:before {content:""; display:block; position:absolute; left:8px; top:50%; width:14px; height:17px; background:url(/i/icons.png) no-repeat -198px -1101px; margin:-8px 0 0 0;} .button2.button_edit span:before {background-position:-170px -1101px;} .button_area_bold span, .button_area_img span, .button_area_play span, .button_area_anchor span {padding:0; width:29px;} .button_area_bold span:before {content:""; display:block; position:absolute; left:50%; top:50%; width:10px; height:12px; background:url(/i/set.png) no-repeat -161px -102px; margin:-6px 0 0 -5px;} .button_area_img span:before {content:""; display:block; position:absolute; left:50%; top:50%; width:17px; height:16px; background:url(/i/set.png) no-repeat -173px -102px; margin:-8px 0 0 -8px;} .button_area_play span:before {content:""; display:block; position:absolute; left:50%; top:50%; width:10px; height:14px; background:url(/i/set.png) no-repeat -192px -102px; margin:-7px 0 0 -5px;} .button_area_anchor span:before {content:""; display:block; position:absolute; left:50%; top:50%; width:16px; height:11px; background:url(/i/set.png) no-repeat -113px -37px; margin:-5px 0 0 -8px;} .button_down span, .button_up span {padding:0; width:29px;} .button_down span:before {content:""; display:block; position:absolute; left:50%; top:50%; background:url(/i/icons.png) no-repeat -152px -1152px; width:10px; height:13px; margin:-6px 0 0 -5px;} .button_up span:before {content:""; display:block; position:absolute; left:50%; top:50%; background:url(/i/icons.png) no-repeat -192px -1152px; width:10px; height:13px; margin:-6px 0 0 -5px;} .button_upload span {padding-left:26px;} .button_upload span:before {content:""; display:block; position:absolute; left:10px; top:50%; width:7px; height:7px; background:#ff411b; border-radius:3px; margin:-3px 0 0 0;} .button_empty span {padding:0; width:29px; text-indent:-9999px;} .button_anchor.button_empty span:before {left:50%; margin-left:-8px;} .button_add.button_empty span:before {left:50%; margin-left:-9px;} .button_text_empty:before {display:none !important;} .button_text_toggle .button_text_appear, .button_text_toggle:hover .button_text_top {display:none;} .button_text_toggle:hover .button_text_appear {display:block;} .button_disabled {cursor:default !important; color:#666 !important;} .button_disabled span {background:#d3d3d3 !important; border-color:#d3d3d3 !important; cursor:default !important;} .button_disabled:hover {box-shadow:none !important; color:#666 !important;} .button_price span {} /*achivments*/ .achivment {display:block; float:left; position:relative;} .achivment .achivment_img, .achivment .achivment_img a, .achivment .achivment_img img {display:block;} .achivment_rounded .achivment_img, .achivment_rounded .achivment_img img, .achivment .achivment_img a {border-radius:50%;} .achivment_left {float:left !important;} .achivment_number .achivment_img {background:#e3e2df; text-align:center; color:#666;} .achivment_description {width:74px; text-align:center; line-height:18px; padding:10px 0 0 0;} .achivment .achivment_img a {position:relative;} .achivment .achivment_img a:before {content:""; position:absolute; left:0; top:0; border:3px solid #00aeef; border-radius:50%; display:none;} .achivment .achivment_img a:hover {box-shadow:0 0 24px rgba(81, 208, 255, 0.45);} .achivment .achivment_img a:hover:before {display:block;} .achivment_buy.achivment_number .achivment_img {background:#00aeef; color:#fff; font-size:18px; font-weight:bold;} .achivment_buy.achivment_number .achivment_img a {color:#fff;} .achivment_small {width:31px; height:31px; margin:2px;} .achivment_small.achivment_buy {width:31px;} .achivment_small .achivment_img {width:31px; height:31px;} .achivment_small .achivment_img img {width:31px; height:31px;} .achivment_small.achivment_number .achivment_img {line-height:31px; height:31px; width:31px;} .achivment_small .achivment_img a:before {width:25px; height:25px;} .achivment_big {min-height:74px; width:136px; margin:0 0 26px 0;} .achivment_big.achivment_buy {width:74px;} .achivment_big .achivment_img {width:74px; height:74px;} .achivment_big .achivment_img img {width:74px; height:74px;} .achivment_big.achivment_number .achivment_img {line-height:74px; height:74px; width:74px;} .achivment_big .achivment_img a:before {width:68px; height:68px;} .achivment_count {display:block; position:absolute; left:98px; top:0; line-height:74px; font-size:16px; color:#999;} .achivment_count:before {content:""; display:block; position:absolute; left:-16px; top:50%; margin:-5px 0 0 0; background:url(/i/set.png) no-repeat -98px -51px; width:10px; height:10px;} /*navigation*/ .navigation {padding:15px 0 0;} .navigation_text {padding:0 0 4px 0; color:#999;} .navigation_links {padding:6px 100px 1px 100px; position:relative; overflow:hidden; text-align:center;} .navigation_links li {display:inline-block; vertical-align:top; position:relative;} .navigation_links li.page:before {content:""; position:absolute; display:block; width:100%; height:6px; background:url(/i/corner.png) no-repeat top center; background-size:100% 100%; left:0; top:-6px; display:none;} .navigation_links li a {display:block; height:26px; line-height:26px; padding:0 8px;} .navigation_links .previous {display:block; position:absolute; left:0; top:6px; line-height:26px; height:26px;} .navigation_links .previous a {padding:0 0 0 15px;} .navigation_links .previous:before {content:""; display:block; position:absolute; width:12px; height:9px; background:url(/i/icons.png) no-repeat -166px -1175px; left:0; top:8px;} .navigation_links .next {display:block; position:absolute; right:0; top:6px; line-height:26px; height:26px;} .navigation_links .next a {padding:0 15px 0 0;} .navigation_links .next:before {content:""; display:block; position:absolute; width:12px; height:9px; background:url(/i/icons.png) no-repeat -125px -1175px; right:0; top:8px;} .navigation_bord {display:block; width:100%; height:1px; background:#dddcd9; position:absolute; left:0; bottom:0; box-shadow:0 0 5px #dddcd9;} .navigation_links li.selected {background:#e3e2df;} .navigation_links li.selected a {color:#666;} .navigation_links li.selected:before {display:block;} .navigation_links .first, .navigation_links .last {display:none;} /*socmedia*/ .socmedia {} .socmedia a {display:inline-block; background:url(/i/social_icons.png) no-repeat -9999px; vertical-align:top; -webkit-transition: all 0.1s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all 0.1s ease-out; /* Firefox 4-15 */ -o-transition: all 0.1s ease-out; /* Opera 10.50–12.00 */ transition: all 0.1s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ } .socmedia a:hover {opacity:0.8;} .socmedia_small a {width:18px; height:18px; margin:0 0 6px 6px;} .socmedia_medium a {width:27px; height:27px; margin:0 0 6px 6px;} .socmedia_small .socmedia_vk {background-position:0px -38px;} .socmedia_small .socmedia_fb {background-position:-20px -38px;} .socmedia_small .socmedia_tw {background-position:-40px -38px;} .socmedia_small .socmedia_gp {background-position:-60px -38px;} .socmedia_small .socmedia_lj {background-position:-80px -38px;} .socmedia_medium .socmedia_tw {background-position:-60px -86px;} .socmedia_medium .socmedia_fb {background-position:-30px -86px;} .socmedia_medium .socmedia_lj {background-position:-120px -86px;} .socmedia_medium .socmedia_gp {background-position:-90px -86px;} .socmedia_medium .socmedia_vk {background-position:0px -86px;} .socmedia_button {float:left; padding:0 10px 0 0;} .socmedia_button_vk {width:100px; padding:0;} .socmedia_button_tw {width:110px; padding:0;} /*form style*/ .form_text, .form_area, .row input, .row textarea {display:block; width:100%; padding:0 12px; border:1px solid #ccc; box-shadow:inset 1px 2px 2px #f2f2f2; height:40px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#666; font-size:13px; -webkit-transition: all 0.1s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all 0.1s ease-out; /* Firefox 4-15 */ -o-transition: all 0.1s ease-out; /* Opera 10.50–12.00 */ transition: all 0.1s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ } .form_area {min-width:100%; max-width:100%; height:215px; min-height:215px; padding:12px; font-family:arial, sans-sefir; overflow:auto;} .form_text:hover, .form_area:hover, .row input:hover, .row textarea:hover {box-shadow:inset 1px 2px 2px #f2f2f2, 0 0 3px #8de6fe; outline:none;} .form_text:focus, .form_area:focus, .row input:focus, .row textarea:focus {border:1px solid #bce4f8; box-shadow:inset 1px 2px 2px #f2f2f2, 0 0 3px #8de6fe; outline:none; color:#000;} span.required {color:#ff0000;} .color_picker_img {float:left; width:30px; height:30px; background-image:url(/i/color_picker_img.png); background-repeat:no-repeat; padding:3px; background-position:3px 3px; border-radius:6px; cursor:pointer;} .color_picker_text {float:left; line-height:36px; padding:0 0 0 9px;} .form_account {position:relative; padding:0 0 0 122px; display:inline-block; box-shadow:0 0 4px rgba(196, 196, 196, 0.25); height:50px; line-height:50px; border:1px solid #e7e7e7;} .form_account_action {padding:0 10px;} .form_account_status {width:122px; height:50px; position:absolute; left:0; top:0; background:url(/i/icons.png) no-repeat -9999px;} .account_free .form_account_status {background-position:-4px -695px;} .row {padding:24px 0; font-size:14px; line-height:29px;} .row label {display:block; font-size:14px; padding:0 0 8px 0; position:relative; line-height:normal;} .row input, .row textarea {width:80%; font-size:16px; float:left; margin:0 7px 0 0;border-radius: 6px;} .row_area_full textarea {width:100%; max-width:100%; min-width:100%;} .row .button_file_holder input {margin:-50px 0 0 -410px; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; font-size:150px; height: 100px; cursor:pointer; width:auto; padding:0; border:none; box-shadow:none; float:none;} .row .title_2 {line-height:normal; padding:0 0 10px 0;} .row_text {float:left; margin:0 7px 0 0;} .row textarea {min-width:250px; height:115px; min-height:115px; max-width:100%; padding:12px; font-family:arial, sans-sefir; overflow:auto;} span.required {color:#ff0000;} .errorMessage {background:#ff6b5c; color:#fff; font-size:12px; padding:3px 8px; border-radius:7px; line-height:1.3; margin:4px 0 0 0; float:left; display:none;} .icon_stat {width:18px; height:18px; background:url(/i/icons.png) no-repeat -9999px; float:left; margin:5px 0 0 -31px; display:none; border-radius:50%; position:relative; z-index:51;} .error input, .error textarea {border:1px solid #fabdb1; box-shadow:inset 1px 2px 2px #f2f2f2, 0 0 3px #feb9b1;} .error .icon_stat {background-position:-234px -840px; display:block; background-color:#fff;} .error .errorMessage {display:block;} .success .icon_stat {background-position:-50px -1128px; display:block; background-color:#fff;} .row input:focus + .icon_stat, .row select:focus + .icon_stat, .row textarea:focus + .icon_stat {display:none;} .warning {font-size:12px; color:#999; padding:8px 0; display:block; line-height:15px;} .row_password {display:none;} .row select {display:block; float:left; width:auto; padding:4px; line-height:20px; border:1px solid #ccc; box-shadow:inset 1px 2px 2px #f2f2f2; margin:0 7px 0 0; max-width:100%;} /* Version:3.4.5 Timestamp:Mon Nov 4 08:22:42 PST 2013 */ .select2-container {position:relative; display:block; zoom:1; float:left; margin:0 7px 0 0; min-width:45px;} .select2-container, .select2-drop, .select2-search, .select2-search input {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .select2-container .select2-choice {display:block; border-radius:1px; height:27px; line-height:27px; padding:0 24px 0 13px; font-size:13px; border:1px solid #d3d3d3; overflow:hidden; position:relative; white-space:nowrap; line-height:26px; text-decoration:none; background-clip:padding-box; color:#666; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #f9f9f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#f9f9f9 100%); /* W3C */ } .select2-container .select2-choice:hover {border-color:#a8d8e6; box-shadow:0 0 2px #d2f3ff;} .select2-container.select2-drop-above .select2-choice {box-shadow:inset 1px 2px 2px #c4c4c4; border-color:#d3d3d3; background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(top, #f4f4f4 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 0%,#efefef 100%); /* W3C */ } .select2-container .select2-choice > .select2-chosen {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .select2-container .select2-choice abbr {display:none; width:12px; height:12px; position:absolute; right:24px; top:7px; font-size:1px; text-decoration:none; border:0; background:url('/i/select2.png') right top no-repeat; cursor:pointer; outline:0;} .select2-container.select2-allowclear .select2-choice abbr {display:inline-block;} .select2-container .select2-choice abbr:hover {background-position:right -11px; cursor:pointer;} .select2-drop-mask {border:0; margin:0; padding:0; position:fixed; left:0; top:0; min-height:100%; min-width:100%; height:auto; width:auto; opacity:0; z-index:9998; /* styles required for IE to work */ background-color:#fff; filter:alpha(opacity=0);} .select2-search {padding:4px;} .select2-drop {width:100%; position:absolute; z-index:9999; top:100%; background-color:#fff; box-shadow:0 1px 6px rgba(0, 0, 0, 0.3);} .select2-drop-auto-width {width:auto;} .select2-container .select2-choice .select2-arrow {display:block; position:absolute; right:6px; top:11px; width:9px; height:6px; background:url(/i/set.png) no-repeat -13px -7px;} .select2-search input {width:100%; height:auto !important; min-height:26px; padding:4px 20px 4px 5px; margin:0; outline:0; font-family:sans-serif; font-size:1em; border:1px solid #aaa; border-radius:0; -webkit-box-shadow:none; box-shadow:none; background:#fff url('/i/select2.png') no-repeat 100% -22px; background:url('/i/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background:url('/i/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background:url('/i/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background:url('/i/select2.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%); } .select2-drop.select2-drop-above .select2-search input {margin-top:4px;} .select2-search input.select2-active { background:#fff url('/i/select2-spinner.gif') no-repeat 100%; background:url('/i/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); background:url('/i/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); background:url('/i/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); background:url('/i/select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%); } .select2-container-active .select2-choice, .select2-container-active .select2-choices {border-color:#a8d8e6; box-shadow:0 0 2px #d2f3ff;} .select2-dropdown-open .select2-choice { box-shadow:inset 1px 2px 2px #c4c4c4; border-color:#d3d3d3; background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(top, #f4f4f4 0%, #efefef 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#efefef)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 0%,#efefef 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 0%,#efefef 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 0%,#efefef 100%); /* W3C */ } /* results */ .select2-results {max-height:260px; position:relative; overflow-x:hidden; overflow-y:auto; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);} .select2-results ul.select2-result-sub > li .select2-result-label { padding-left:20px } .select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left:40px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left:60px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left:80px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left:100px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left:110px } .select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left:120px } .selecter .selecter-item { background:#fff; color:#666; cursor:pointer; display:block; overflow:hidden; padding:6px 13px; text-overflow:ellipsis; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; line-height:1.2; min-height:29px;} .selecter .selecter-item:hover {background:#eeeeec;} .selecter .selecter-item.selected {background:#00aeef; color:#fff;} .selecter .selecter-item.disabled {color:#999; cursor:default;} .select2-results li {list-style:none; display:block; color:#666;} .select2-results li.select2-result-with-children > .select2-result-label {font-weight:bold;} .select2-results .select2-result-label {cursor:pointer; display:block; overflow:hidden; padding:8px 13px; text-overflow:ellipsis; width:100%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; line-height:1.2; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;} .select2-results .select2-highlighted {background:#00aeef; color:#fff;} .select2-results li em {background:#feffde; font-style:normal;} .select2-results .select2-highlighted em {background:transparent;} .select2-results .select2-highlighted ul {background:#fff; color:#000;} .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {background:#f4f4f4; display:list-item;} .select2-results .select2-no-results {padding:8px 13px;} /* disabled look for disabled choices in the results dropdown */ .select2-results .select2-disabled.select2-highlighted {color:#666; background:#f4f4f4; display:list-item; cursor:default;} .select2-results .select2-disabled {background:#f4f4f4;display:list-item;cursor:default;} .select2-results .select2-selected {display:none;} .select2-more-results.select2-active {background:#f4f4f4 url('/i/select2-spinner.gif') no-repeat 100%;} .select2-more-results {background:#f4f4f4; display:list-item;} /* disabled styles */ .select2-container.select2-container-disabled .select2-choice {background-color:#f4f4f4; background-image:none; border:1px solid #ddd; cursor:default;} .select2-container.select2-container-disabled .select2-choice .select2-arrow {background-color:#f4f4f4; background-image:none; border-left:0;} .select2-container.select2-container-disabled .select2-choice abbr {display:none;} .select2-result-selectable .select2-match,.select2-result-unselectable .select2-match {text-decoration:underline;} .select2-offscreen, .select2-offscreen:focus {clip:rect(0 0 0 0) !important; width:1px !important; height:1px !important; border:0 !important; margin:0 !important; padding:0 !important; overflow:hidden !important; position:absolute !important; outline:0 !important; left:0px !important; top:0px !important;} .select2-display-none {display:none;} .select2-measure-scrollbar {position:absolute; top:-10000px; left:-10000px; width:100px; height:100px; overflow:scroll;} .row input[type=checkbox], .row input[type=radio] {width:auto; height:auto; line-height:normal; vertical-align:middle; display:block; width:20px; height:20px; position:relative; margin:0 7px 0 0; float:left; cursor:pointer;} .checkbox_set {padding:0 0 12px 0; margin:-10px 0 0 0;} .checkbox_area, .radio_area {padding:5px 0; position:relative;} .checkbox_area input[type=checkbox], .radio_area input[type=radio] {z-index:2; opacity:0;} .checkbox_area label, .radio_area label {cursor:pointer; float:left; margin:0 20px 0 0; line-height:20px; padding:0;} .checkbox_area label span {vertical-align:middle;} .input_area {margin:0 0 12px 0; overflow:hidden; position:relative; padding:3px 3px 0 24px; color:#000; font-size:14px;} .row .input_area:last-child {margin:0;} .input_area input {width:296px;} .input_area .warning {padding:4px 0 0 0; clear:both;} .row .icon {position:absolute; left:0; top:9px; background:url(/i/social_icons.png) no-repeat -9999px; display:block; width:18px; height:18px;} .icon.vkontakt {background-position:0px -38px;} .icon.facebook {background-position:-20px -38px;} .icon.twitter {background-position:-40px -38px;} .icon.itunes {background:url(/i/dpr/itunes.png) no-repeat 0px 0px; background-size:100% 100%;} .icon.site_www {background:url(/i/www.png) no-repeat 0px 0px; background-size:100% 100%;} .submit input {display:block; cursor:pointer; float:left; border:1px solid #009ed9; border-radius:1px; padding:5px 16px; font-size:13px; height:auto; line-height:normal; width:auto; color:#fff; box-shadow:none; background: #28c4fe; /* Old browsers */ background: -moz-linear-gradient(top, #28c4fe 0%, #01aff0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#28c4fe), color-stop(100%,#01aff0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #28c4fe 0%,#01aff0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #28c4fe 0%,#01aff0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #28c4fe 0%,#01aff0 100%); /* IE10+ */ background: linear-gradient(to bottom, #28c4fe 0%,#01aff0 100%); /* W3C */ -webkit-transition: all 0.1s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all 0.1s ease-out; /* Firefox 4-15 */ -o-transition: all 0.1s ease-out; /* Opera 10.50–12.00 */ transition: all 0.1s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ } .submit input:hover {color:#fff; box-shadow:0 0 3px rgba(38, 195, 254, 0.75) !important; background: #2bc9fe; /* Old browsers */ background: -moz-linear-gradient(top, #2bc9fe 0%, #05b5f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2bc9fe), color-stop(100%,#05b5f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2bc9fe 0%,#05b5f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2bc9fe 0%,#05b5f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2bc9fe 0%,#05b5f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #2bc9fe 0%,#05b5f2 100%); /* W3C */ } .submit input:active, .submit input:focus {box-shadow:inset 1px 2px 2px #1c89b1 !important; color:#fff !important; border:1px solid #009ed9 !important; background: #22b0e5; /* Old browsers */ background: -moz-linear-gradient(top, #22b0e5 0%, #019fd9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22b0e5), color-stop(100%,#019fd9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #22b0e5 0%,#019fd9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #22b0e5 0%,#019fd9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #22b0e5 0%,#019fd9 100%); /* IE10+ */ background: linear-gradient(to bottom, #22b0e5 0%,#019fd9 100%); /* W3C */ } .submit .button2 {display:block; float:left;} .sub_text {float:left; line-height:29px;} .address_area .sub_text {width:140px;} .address_area input {width:180px;} .row_date input {width:50px; padding:0 5px; text-align:center;} .row_date .icon_stat {margin:5px 7px 0 0;} .row_card {float:left; margin:0 7px 0 0;} .row_card img {display:block; margin:-8px 0 0 0;} .row_card_number {float:left; width:82px;} .row_card_number input {width:73px; padding:0 0 0 8px; font-size:14px;} /*custom form elements*/ .custom_checkbox_holder {position:relative; width:20px; height:20px; margin:0 7px 0 0; float:left;} .custom_checkbox_holder input {display:block; position:absolute; left:0; top:0; width:20px; height:20px; opacity:0; z-index:2; cursor:pointer;} .custom_checkbox_holder i {background:#ffffff; width:18px; height:18px; border:1px solid #cfcfcf; box-shadow:inset 1px 2px 2px #ebebeb; cursor:pointer; display:block; position:relative;} .custom_checkbox_holder:hover i, label:hover input + i {border:1px solid #b6e3fa; box-shadow:inset 1px 2px 2px #ebebeb, 0 0 3px #9cebff;} .custom_checkbox_holder input:checked + i:before {position:absolute; display:block; content:""; width:16px; height:12px; left:1px; top:3px; background:url(/i/icons.png) no-repeat -94px -1131px;} .custom_radio_holder {position:relative; width:20px; height:20px; margin:0 7px 0 0; float:left;} .custom_radio_holder input {display:block; position:absolute; left:0; top:0; width:20px; height:20px; opacity:0; z-index:2; cursor:pointer;} .custom_radio_holder i {background:#ffffff; width:18px; height:18px; border:1px solid #cfcfcf; box-shadow:inset 1px 2px 2px #ebebeb; cursor:pointer; display:block; position:relative; border-radius:50%;} .custom_radio_holder:hover i, label:hover input + i {border:1px solid #b6e3fa; box-shadow:inset 1px 2px 2px #ebebeb, 0 0 3px #9cebff;} .custom_radio_holder input:checked + i:before {position:absolute; display:block; content:""; width:8px; height:8px; background:#00aeef; position:absolute; left:50%; top:50%; margin:-4px 0 0 -4px; border-radius:50%;} /*breadcrumbs*/ .breadcrumbs {padding:0 0 20px 0; line-height:18px;} .breadcrumbs a, .breadcrumbs span {display:block; float:left; color:#333;} .breadcrumbs .breadcrumb_separator {width:8px; height:5px; background:url(/i/icons.png) no-repeat -88px -1178px; margin:6px 4px 0 4px;} .breadcrumbs .breadcrumb_user {position:relative; padding:0 0 0 10px;} .breadcrumbs .breadcrumb_user:before {content:""; display:block; position:absolute; left:0px; top:5px; background:url(/i/icons.png) no-repeat -69px -1176px; width:7px; height:8px;} .breadcrumbs .breadcrumb_last {color:#666;} /*lines_img*/ .lines_img {position:relative; padding:7px; margin:0 0 10px 0;} .lines_img img {width:243px; height:243px; box-shadow:1px 2px 2px rgba(0, 0, 0, 0.6); display:block;} .lines_img .line_1 {display:block; position:absolute; left:0; top:39px; width:100%; height:1px; background:url(/i/dots_h.png) repeat-x 0px 0px; z-index:5;} .lines_img .line_2 {display:block; position:absolute; left:0; bottom:39px; width:100%; height:1px; background:url(/i/dots_h.png) repeat-x 0px 0px;z-index:5; } .lines_img .line_3 {display:block; position:absolute; left:27px; top:0; width:1px; height:100%; background:url(/i/dots_v.png) repeat-y 0px 0px; z-index:5;} .lines_img .line_4 {display:block; position:absolute; right:27px; top:0; width:1px; height:100%; background:url(/i/dots_v.png) repeat-y 0px 0px; z-index:5;} /*jcarousel buttons left and right*/ .jcarousel_left_button, .jcarousel_right_button, .jcarousel-prev, .jcarousel-next {display:block; position:absolute; left:0; top:0; width:60px; height:100%; background:none; border:none; cursor:pointer; opacity:0.8;} .jcarousel_left_button:hover, .jcarousel_right_button:hover, .jcarousel-prev:hover, .jcarousel-next:hover {opacity:1;} .jcarousel_left_button span, .jcarousel_right_button span, .jcarousel-prev span, .jcarousel-next span {display:block; position:absolute; width:24px; height:37px; background:url(/i/icons.png) no-repeat -215px -750px; left:50%; top:50%; margin:-18px 0 0 -12px;} .jcarousel_right_button, .jcarousel-next {left:auto; right:0;} .jcarousel_right_button span, .jcarousel-next span {background-position:-34px -799px;} .jcarousel_dark .jcarousel_left_button span, .jcarousel_dark .jcarousel-prev span {background-position:-186px -750px;} .jcarousel_dark .jcarousel_right_button span, .jcarousel_dark .jcarousel-next span {background-position:-5px -799px;} .jcarousel-prev-disabled, .jcarousel-next-disabled {cursor:not-allowed;} /*play_it*/ .play_it {position:absolute; left:50%; top:60%; line-height:47px; color:#dedede; font-size:14px; width:97px; height:47px; margin:-23px 0 0 -64px; padding:0 0 0 32px; opacity:0; -webkit-transition: all 0.1s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all 0.1s ease-out; /* Firefox 4-15 */ -o-transition: all 0.1s ease-out; /* Opera 10.50–12.00 */ transition: all 0.1s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ } .play_it:before {content:""; display:block; position:absolute; left:-10px; top:0; width:100%; height:100%; background:#000; opacity:0.7; border-radius:9px;} .play_it:after {content:""; display:block; position:absolute; left:10px; top:14px; background:url(/i/play.png) no-repeat 0px 0px; width:14px; height:20px;} .play_it small {display:block; position:absolute; z-index:2; width:97px; text-align:center; height:100%;} a:hover .play_it, span:hover .play_it { opacity:1; top:50%; -webkit-transition: all 0.2s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all 0.2s ease-out; /* Firefox 4-15 */ -o-transition: all 0.2s ease-out; /* Opera 10.50–12.00 */ transition: all 0.2s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ } .play_it_static {opacity:1; top:50%;} .play_it_small {width:47px; padding:0; margin-left:-23px;} .play_it_small small {display:none !important;} .play_it_smaller {width:20px; height:20px; padding:0; margin:-10px 0 0 -10px;} .play_it_smaller:before {border-radius:2px;} .play_it_smaller:after {background:url(/i/icons.png) no-repeat -109px -1195px; width:10px; height:10px; left:50%; top:50%; margin:-5px 0 0 -4px;} /*preloader*/ @keyframes rotate { from { -moz-transform:rotate(0); -ms-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0); } to { -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); } } @-webkit-keyframes rotate { from {-webkit-transform:rotate(0);} to {-webkit-transform:rotate(360deg);} } .podcast_status_playing {position:absolute; left:-4px; top:0; width:16px; height:16px;} .podcast_status_playing .playing {display:block; position:absolute; left:0; top:0; width:15px; height:15px; background:url(/i/loading.png) no-repeat 0px 0px; border-radius:50%; animation:rotate linear 1.5s infinite; -webkit-animation:rotate linear 1.5s infinite; } .playing_arrow {position:absolute; display:block; left:2px; top:2px; width:11px; height:11px; background:url(/i/preloader_arrow_g_s.png) no-repeat 3px 3px #fff; border-radius:50%; z-index:3;} .preloader {position:relative; /*animation:rotate linear 1.5s infinite; -webkit-animation:rotate linear 1.5s infinite; */ } .preloader_small {width:15px; height:15px;} .preloader_small:after {content:""; display:block; position:absolute; width:15px; height:15px; left:0; top:0; background:url(/i/preloader_circle_g_s.png) no-repeat 0px 0px;} .preloader_small:before {content:""; display:block; position:absolute; width:5px; height:5px; left:5px; top:4px; background:url(/i/poreloader_arrow_g_s.png) no-repeat 0px 0px;} .preloader_big {width:28px; height:28px;} .preloader_big:after {content:""; display:block; position:absolute; width:28px; height:28px; left:0; top:0; background:url(/i/preloader_circle_g_b.png) no-repeat 0px 0px;} .preloader_big:before {content:""; display:block; position:absolute; width:8px; height:9px; left:10px; top:9px; background:url(/i/poreloader_arrow_g_b.png) no-repeat 0px 0px;} /*site_header*/ .site_header {z-index:998; position:fixed; left:0; top:0; width:100%;} .header_podster {position:relative; width:100%; height:57px; background:#fff; max-width:1100px; min-width:980px; margin:0 auto;} .logo {position:absolute; left:10px; top:7px; width:148px; height:39px; line-height:39px; font-weight:bold; font-size:20px; text-transform:uppercase;} .logo a {display:block; color:#414042; background:url(/i/logo.png) no-repeat 0px 0px; width:148px; height:39px; text-indent:-9999px;} .header_search {position:absolute; left:183px; top:14px; width:330px;} .header_search_text {padding:0 72px 0 12px; width:100%;} .header_search_text {display:block; width:100%; padding:0 72px 0 12px; border:1px solid #ccc; box-shadow:inset 1px 2px 2px #f2f2f2; height:29px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; color:#666; font-size:13px; -webkit-transition: all 0.1s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all 0.1s ease-out; /* Firefox 4-15 */ -o-transition: all 0.1s ease-out; /* Opera 10.50–12.00 */ transition: all 0.1s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ } .form_area {min-width:100%; max-width:100%; height:215px; min-height:215px; padding:12px; font-family:arial, sans-sefir; overflow:auto;} .form_text:hover, .form_area:hover {box-shadow:inset 1px 2px 2px #f2f2f2, 0 0 3px #8de6fe; outline:none;} .form_text:focus, .form_area:focus {border:1px solid #bce4f8; box-shadow:inset 1px 2px 2px #f2f2f2, 0 0 3px #8de6fe; outline:none; color:#000;} .header_search .button_search {position:absolute; display:block; right:0; top:0;} .search_popup {position:absolute; left:0; top:29px; width:100%;} .search_popup_wrapper {margin:0 66px 0 0;} .search_popup {display:block; position:absolute; left:0; top:29px; overflow-y:auto; max-height:400px; box-shadow:0 0 6px rgba(0, 0, 0, 0.2); background:#fff;} .search_popup li {display:block; list-style:none; padding:2px; overflow:hidden;} .search_popup_img {float:left; display:block; margin:0 5px 0 0;} .search_popup_img img {display:block; box-shadow:1px 2px 2px #e0e0de; width:40px; height:40px; border:1px solid #c9c9bf;} .search_popup_content {padding:5px 0; line-height:15px;} .search_popup_content .search_popup_title {display:block; font-weight:normal;} .search_popup_content .search_popup_text {font-size:11px; color:#999;} .search_popup_content a {color:#666;} .search_popup_content a:hover {color:#000;} .search_popup .search_popup_highlight {color:#161717 !important;} .search_popup li:hover {background:#eee;} .header_menu_links {position:absolute; left:505px; top:14px;} .header_menu {float:left; padding:0 10px 0 0; position:relative; z-index:25;} .header_menu ul li {display:block; float:left; list-style:none; position:relative;} .header_menu ul li a {display:block; padding:0 18px; font-size:13px; line-height:57px;} .header_menu ul li .header_menu_arrow {position:relative; padding-right:26px;} .header_menu ul li .header_menu_arrow span {display:block; position:absolute; right:12px; width:9px; height:6px; background:url(/i/icons.png) no-repeat -146px -1195px; top:50%; margin:-3px 0 0 0;} .header_menu ul li .header_menu_arrow:before {content:""; display:block; position:absolute; left:50%; bottom:-1px; width:15px; height:11px; margin:0 0 0 -7px; background:url(/i/icons.png) no-repeat -4px -1212px; z-index:5; display:none;} .header_menu ul li ul {display:block; position:absolute; left:0; top:57px; width:236px; background:#fff; box-shadow:-2px 0px 2px rgba(0, 0, 0, 0.2), 2px 2px 3px rgba(0, 0, 0, 0.3); border-top:1px solid #c6c6c6; display:none;} .header_menu ul li ul li {float:none;} .header_menu ul li ul li a {padding:12px 14px; line-height:1.2; font-size:12px; color:#666;} .header_menu ul li ul li a span {font-size:11px; color:#999;} .header_menu ul li ul li a:hover {background:#eee;} .header_menu ul li:hover .header_menu_arrow:before, .header_menu ul li:hover ul {display:block;} .header_menu_single_link {display:block; float:left; line-height:29px; margin:0 0 0 15px;} .header_menu_upload {float:left; position:relative; padding:0 0 0 15px;} .header_menu_upload:before {content:""; display:block; position:absolute; left:50%; bottom:-15px; width:15px; height:11px; margin:0 0 0 -7px; background:url(/i/icons.png) no-repeat -4px -1212px; z-index:5; display:none;} .header_upload_form {position:absolute; left:50%; top:43px; background:#fff; box-shadow:-2px 0px 2px rgba(0, 0, 0, 0.2), 2px 2px 3px rgba(0, 0, 0, 0.3); border-top:1px solid #c6c6c6; width:226px; padding:10px; margin:0 0 0 -123px; display:none; line-height:1;} .header_upload_form .row {padding:0 0 10px 0;} .header_upload_form .row label {display:none;} .header_upload_form .row textarea {width:100%; min-width:100%; max-width:100%;} .header_upload_form .submit {padding:5px 0 0 0;} .header_upload_form .submit input {padding-left:5px; padding-right:5px;} .header_upload_wrapper {position:relative;} .header_upload_link {position:absolute; right:0; bottom:0; height:29px; line-height:29px;} .header_menu_upload_active .header_upload_form, .header_menu_upload_active:before {display:block;} .logged_in {position:absolute; right:0; top:0; height:57px; line-height:57px; padding:0 80px 0 0; cursor:pointer;} .logged_in_name {display:block; font-weight:normal; text-align:right; overflow:hidden; text-overflow:ellipsis; line-height:1.5; overflow:hidden; height:57px; width:160px; color:#000;} .logged_in_name_cell {vertical-align:middle; display:table-cell; height:57px; width:200px;} .logged_in_avatar {width:50px; height:50px; position:absolute; right:24px; top:50%; margin:-25px 0 0 0;} .logged_in_avatar img {width:50px; height:50px;} .logged_in_menu {position:absolute; right:0; top:0; width:23px; height:57px;} .logged_in_menu:before {content:""; display:block; position:absolute; left:50%; bottom:-1px; width:15px; height:11px; margin:0 0 0 -7px; background:url(/i/icons.png) no-repeat -4px -1212px; z-index:5; display:none;} .logged_in_menu ul li {display:block; list-style:none;} .logged_in_menu .logged_in_menu_button {display:block; cursor:pointer; background:none; border:none; width:23px; height:57px; position:relative;} .logged_in_menu .logged_in_menu_button span {display:block; position:absolute; left:50%; top:50%; width:9px; height:6px; background:url(/i/icons.png) no-repeat -146px -1195px; margin:-3px 0 0 -4px;} .logged_in_menu ul li .logged_in_menu_links {display:block; position:absolute; right:0; top:57px; width:246px; background:#fff; box-shadow:0 0 3px rgba(0, 0, 0, 0.3); border-top:1px solid #c6c6c6; display:none;} .logged_in_menu ul li ul li {line-height:normal; overflow:hidden;} .logged_in_menu ul li ul li a {padding:12px 14px; display:block; line-height:1.2; font-size:12px; color:#666; position:relative;} .logged_in_menu_link_left, .logged_in_menu_link_right {float:left; width:95px;} .logged_in_menu ul li ul li a.logged_in_menu_link_right {text-align:right; color:#008ace} .logged_in_menu_count {display:block; position:absolute; right:14px; top:12px; font-weight:bold; color:#FF411B; text-shadow:1px 1px 1px #fff;} .logged_in_menu ul li ul li:hover {background:#eeeeec;} .logged_in_menu ul li a:hover, .logged_in_menu ul li a.logged_in_menu_link_right:hover {color:#000;} .logged_in:hover ul li .logged_in_menu_links, .logged_in:hover .logged_in_menu:before {display:block;} .logged_in:hover .logged_in_name {color:#000;} .menu_pro {background:#424242; height:49px; border-bottom:1px solid #292929; line-height:49px; text-align:center; cursor:default;} .logged_in_alert {position:absolute; right:-4px; top:-1px; background:#ff411b; color:#fff; padding:0 5px; height:16px; border-radius:8px; z-index:5; font-size:11px; display:block; line-height:17px;} .header_auth_links {position:absolute; right:9px; top:0;} .header_auth_links a {float:left; display:block; line-height:57px; padding:0 9px;} /*login_banner*/ .login_banner {position:relative; width:100%; height:299px; background:url(/i/login_banner.jpg?1) no-repeat top center #00a4c7; overflow:hidden; z-index:30;} .login_banner .center {max-width:1000px; padding:0 20px; width:auto; min-width:960px;} .login_banner:before {content:""; display:block; position:absolute; left:0; bottom:-1px; width:100%; height:1px; box-shadow:0 0 5px rgba(0, 0, 0);} .login_form {position:absolute; right:20px; top:11px; width:360px; color:#fff;} .login_form a {color:#fff; text-decoration:underline;} .login_form_bg {display:block; position:absolute; width:100%; height:100%; background:#000; opacity:0.45;} .login_form_wrapper {position:relative; z-index:2;} .login_form_top {position:relative;} .login_form_top .login_form_bg {border-radius:10px 10px 0 0;} .login_form_top .login_form_wrapper {padding:18px 0; margin:0 auto; width:314px;} .login_form_title {display:block; font-size:16px; padding:0 0 15px 0;} .login_form_features {padding:0 0 8px 0;} .login_form_features ul li {display:block; float:left; width:119px; padding:0 0 8px 30px; min-height:34px; list-style:none; font-size:12px; color:#dedede; line-height:16px; position:relative;} .login_form_features ul li span {display:block; position:absolute; width:34px; height:34px; left:0; top:0; background:url(/i/icons.png) no-repeat -9999px;} .login_form_features ul li.login_form_feature_recommend span {background-position:-182px -800px;} .login_form_features ul li.login_form_feature_podcast span {background-position:-5px -841px;} .login_form_features ul li.login_form_feature_list span {background-position:-143px -800px;} .login_form_features ul li.login_form_feature_comment span {background-position:-44px -841px;} .login_form_features ul li.login_form_feature_recommend, .login_form_features ul li.login_form_feature_list {width:115px;} .login_form_features ul li.login_form_feature_podcast, .login_form_features ul li.login_form_feature_comment {width:90px;} .login_form_features ul li.login_form_feature_2, .login_form_features ul li.login_form_feature_4 {float:right;} .login_form_features ul li.login_form_feature_2, .login_form_features ul li.login_form_feature_4 {padding-left:36px; width:113px;} .login_form_features ul li.login_form_feature_1 span {background-position:0px -1227px; width:29px; height:29px; left:-5px;} .login_form_features ul li.login_form_feature_2 span {background-position:-98px -1227px; width:34px; height:28px; left:-4px;} .login_form_features ul li.login_form_feature_3 span {background-position:-69px -1227px; width:20px; height:31px;} .login_form_features ul li.login_form_feature_4 span {background-position:-35px -1227px; width:26px; height:23px; top:4px;} .login_form_fields_top {padding:0 0 9px 0;} .login_form_fields_left, .login_form_fields_right {float:left; width:149px; position:relative;} .login_form_fields_right {float:right;} .login_form_fields_top input {display:block; width:135px; border:1px solid #ccc; background:none; padding:0 6px !important; height:27px; color:#c9c9c9; position:relative; z-index:2;} .login_form_fields_top .login_form_input_bg {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5;} .login_form_fields_top input:hover {} .login_form_fields_top input:focus {} .login_form_fields_bottom label {display:block; cursor:pointer; line-height:20px; position:relative; padding:0 0 0 30px; color:#dedede;} .login_form_fields_bottom label input {display:block; position:absolute; left:0; top:0; z-index:5;} .login_form_fields_bottom label .custom_checkbox_holder {float:none; position:absolute; left:0; top:0;} .login_form_fields_bottom label .custom_checkbox_holder i {background:none; width:18px; height:18px; border:1px solid #ccc; box-shadow:none;} .login_form_fields_bottom label .custom_checkbox_holder input:checked + i:before {position:absolute; display:block; content:""; width:16px; height:12px; left:1px; top:3px; background:url(/i/icons.png) no-repeat -94px -1131px; z-index:2;} .login_form_fields_bottom label .custom_checkbox_holder i:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5;} .login_form_fields_bottom a {display:block; line-height:20px;} .login_form_bottom {border-top:1px solid #007c9c; position:relative;} .login_form_bottom .login_form_bg {border-radius:0 0 10px 10px; opacity:0.6;} .login_form_bottom .login_form_wrapper {padding:14px 0; width:314px; margin:0 auto;} .login_form_bottom .button {display:block; float:left; margin:0 8px 0 0; box-shadow:0 0 8px #494b45;} .login_form_bottom a {display:block; float:left; line-height:28px; margin:0 8px 0 0; font-size:13px;} .login_form_bottom a:hover {opacity:0.8;} .login_form_bottom .login_form_link {width:24px; height:25px; text-indent:-9999px; background:url(/i/social_icons.png) no-repeat -9999px; margin:4px 6px 0 0; line-height:1;} .login_form_bottom .login_form_link_vk {background-position:0px -58px;} .login_form_bottom .login_form_link_fb {background-position:-26px -58px;} .login_form_bottom .login_form_link_tw {background-position:-52px -58px;} .login_form_bottom .login_form_link_more {background:url(/i/icon_more.png) no-repeat 0px 0px;} .login_banner .podster_slogan {position:absolute; right:420px; top:37px; width:298px; height:172px; background:url(/i/podster_slogan.png) no-repeat 0px 0px; z-index:4;} /*channels*/ .channels_top {height:77px; padding:0 20px; min-width:960px} .channels_top .hgroup_title {position:absolute; left:20px; bottom:10px;} .channels_tabs {position:absolute; right:20px; bottom:-1px;} .channels_tabs ul li {display:block; float:left;} .channels_tabs ul li span {display:block; height:37px; line-height:37px; padding:0 15px; border:1px solid #d3d3d3; border-bottom:none; cursor:pointer; margin:5px 0 0 -1px; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #f9f9f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#f9f9f9 100%); /* W3C */ } .channels_tabs ul li span:hover {color:#000;} .channels_tabs ul .channels_tab_active span {color:#fff; height:43px; line-height:43px; border:none; margin:0; background:#aaa; margin:0 0 0 -1px; position:relative; z-index:2; border-radius:1px 1px 0 0 !important; } .channels_tabs ul .channels_tab_active span:hover {color:#fff;} .channels_views {padding:7px 0 0 0; background:#aaa; overflow:hidden; position:relative; -webkit-transition: all 0.2s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all 0.2s ease-out; /* Firefox 4-15 */ -o-transition: all 0.2s ease-out; /* Opera 10.50–12.00 */ transition: all 0.2s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ } .channels_views .podster-audio {height:58px;} .channels_views .podster_audio_player {display:none;} .channel_view {display:none;} .channel_view_active {display:block;} .channel_img {overflow:hidden; cursor:pointer; position:relative;} .channel_img img {display:block; width:100%; height:auto;} .channel_list {position:relative; overflow:hidden;} .channel_list:before, .channel_list:after {content:""; display:block; position:absolute; width:100%; height:1px; left:0; top:-2px; box-shadow:0 0 5px rgba(0, 0, 0, 0.4);} .channel_list:after {top:auto; bottom:-1px; border-top:none; box-shadow:0 0 5px #000;} .author_list_wrapper {width:100%; overflow:hidden; height:356px; position:relative;} .author_list_wrapper ul li {display:block; float:left; width: 296px; height: unset; margin: 0 16px; position:relative;} .author_list_wrapper ul li .channel_list_shade {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.3; display:none;} .author_list_wrapper ul li a {display:block; position:relative; z-index:2;width: 100%; height:unset;} .author_list_wrapper ul li .channel_list_img {display:block; width:103px; height:103px; margin:0 auto 20px; position:relative;} .author_list_wrapper ul li .channel_list_img img {display:block; width:103px; height:103px; box-shadow:inset 0 0 1px #000, 1px 2px 2px rgba(0, 0, 0, 0.2);} .author_list_wrapper ul li strong {display:block; line-height:1.2; font-weight:normal; padding:0 0 5px 0; text-align:center;} .author_list_wrapper ul li span {color:#cbccd0; font-size:10px; text-align:center; display:block;} .author_list_wrapper ul li:hover .channel_list_shade {display:block;} .author_list_wrapper .jcarousel-container {position:relative; padding:0 60px;} .author_list_wrapper .jcarousel-clip {width:100%; overflow:hidden;} .channel_text {position:absolute; color:#fff; font-size:14px; z-index:5; left:56px; top:130px; line-height:17px; width: 400px;} .channel_text_lower {top:200px;} .channel_list_wrapper {width:100%; overflow:hidden; height:216px; position:relative;} .channel_list_wrapper ul li {display:block; float:left; width:196px; height:216px; position:relative;} .channel_list_wrapper ul li .channel_list_shade {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.3; display:none;} .channel_list_wrapper ul li a {display:block; color:#fff; position:relative; z-index:2; padding:25px 0 0 0; height:191px;} .channel_list_wrapper ul li .channel_list_img {display:block; width:103px; height:103px; margin:0 auto 20px; position:relative;} .channel_list_wrapper ul li .channel_list_img img {display:block; width:103px; height:103px; box-shadow:inset 0 0 1px #000, 1px 2px 2px rgba(0, 0, 0, 0.2);} .channel_list_wrapper ul li strong {display:block; line-height:1.2; font-weight:normal; padding:0 0 5px 0; text-align:center;} .channel_list_wrapper ul li span {color:#cbccd0; font-size:10px; text-align:center; display:block;} .channel_list_wrapper ul li:hover .channel_list_shade {display:block;} .channel_list_wrapper .jcarousel-container {position:relative; padding:0 60px;} .channel_list_wrapper .jcarousel-clip {width:100%; overflow:hidden;} /*selection*/ .selection {border:1px solid #eaeaea; box-shadow:0 0 5px rgba(196, 196, 196, 0.5); margin:0 0 16px 0; background:#fff;} .selection ul li {display:block; list-style:none;} .selection ul li a {display:block; position:relative; padding:12px 47px 12px 27px; line-height:1.3; border-bottom:1px solid #dddcd9; color:#666; font-size:13px; overflow:hidden; -webkit-transition: all 0.1s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all 0.1s ease-out; /* Firefox 4-15 */ -o-transition: all 0.1s ease-out; /* Opera 10.50–12.00 */ transition: all 0.1s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ } .search-rubric-selector ul li a {padding:12px 27px;} .selection ul li a:before {content:""; display:block; position:absolute; left:0; top:-1px; width:100%; height:1px; box-shadow:0 0 5px rgba(0, 0, 0, 0.5); display:none;} .selection ul li.selection_first a {border-top:none;} .selection ul li:last-child a {border-bottom:none;} .selection ul li .selection_check {display:block; position:absolute; width:16px; height:12px; background:url(/i/icons.png) no-repeat -191px -1195px; left:6px; top:14px; display:none;} .selection ul li .selection_count {display:block; position:absolute; width:47px; text-align:center; right:0; top:14px; color:#999; font-size:11px;} .selection ul li a:hover {background:#f6f6f5;} .selection ul li a:hover:before {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:100%; border:1px solid #fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .selection ul li .selection_active, .selection ul li .selection_active:hover {background:#eeeeec; box-shadow:0 0 3px rgba(0, 0, 0, 0.20)/*, 0 0 8px rgba(0, 0, 0, 0.15)*/;} .selection ul li .selection_active:hover:before {display:none;} .selection ul li .selection_active .selection_check {display:block;} /*.selection ul li .selection_active:before {display:block;}*/ .selection_feature {background:#00aeef;} .selection_feature ul li a, .selection_feature ul li.selection_first a {border-color:#0096cb; color:#fff; padding-right:12px;} .selection_feature ul li .selection_check {background-position:-73px -1131px;} .selection_feature ul li a:hover {background:#00b5f1;} .selection_feature ul li a:hover:before {border-color:rgba(255,255,255,0.3);} .selection_feature ul li .selection_active, .selection_feature ul li .selection_active:hover {background:#00a2dd;} .selection_flag {} .selection_flag label {display:inline-block; position:relative; padding:0 0 0 24px; min-height:12px; line-height:18px; cursor:pointer;} .selection_flag input {display:block; position:absolute; left:0; top:0; width:21px; height:12px; opacity:0; visibility:hidden;} .selection_flag input + i {display:block; position:absolute; width:21px; height:12px; left:0; top:5px; background:url(/i/icons.png) no-repeat -124px -1213px;} .selection_flag input:hover + i {box-shadow:none; border:none;} .selection_flag input:checked + i {background-position:-82px -1213px;} /*bottom*/ .bottom {background:#eee; position:relative; overflow:hidden;} .bottom:before {content:""; display:block; position:absolute; left:0; top:-1px; width:100%; height:1px; box-shadow:0 0 5px rgba(0, 0, 0, 0.5);} .bottom_wrapper {margin:0 auto; padding:24px 20px; max-width:1000px;} .bottom_column {float:left; width:33.3%;} .bottom_column_wrapper {padding:0 60px 0 0;} .bottom_title {font-size:16px; font-weight:bold; color:#666; padding:0 0 24px 0;} .bottom_about p {line-height:18px; padding:0 0 10px 0;} .bottom_disqus {width:43.3%;} .bottom_disqus_wrapper {padding:0; width:312px;} .bottom_authors {width:23.3%;} .bottom_person {position:relative; padding:0 0 0 58px; min-height:50px;} .avatar {position:absolute; display:block; width:50px; height:50px; left:0; top:0; display:block; overflow:hidden;} .avatar a {display:block; position:relative; width:100%; height:100%;} .avatar img {display:block; width:100%; height:100%;} .bottom_person_wrapper {position:relative; padding:0 0 8px 0; margin:0 0 8px 0; min-height:54px;} .bottom_person_wrapper:before {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#dededa; border-bottom:1px solid #f6f6f0;} .bottom_person_top {padding:0 0 8px 0; color:#999; font-size:11px;} .bottom_person_name {font-size:12px;} .bottom_disqus .bottom_person_name {color:#666;} .bottom_person_wrapper p {line-height:15px;} .bottom_person_wrapper p a {font-size:14px;} .bottom_authors .bottom_column_wrapper {padding:0;} .bottom_authors .bottom_person_wrapper {padding:0 0 8px 11px;} .bottom_authors .bottom_person_name {display:inline-block; position:relative;} .bottom_authors .bottom_person_name:before {content:""; display:block; position:absolute; left:-11px; top:1px; width:7px; height:8px; background:url(/i/set.png) no-repeat -162px -37px;} .bottom_authors ul li {display:block; list-style:none; line-height:17px;} .bottom_authors ul li a {color:#666;} .bottom_column a:hover {color:#000;} .arrow_separator {display:inline-block; vertical-align:middle; background:url(/i/icons.png) no-repeat -88px -1178px; width:8px; height:5px; margin:0 2px;} .bottom_column_wrapper .bottom_person:last-child .bottom_person_wrapper:before {display:none;} /*site_footer*/ .empty {height:120px;} .site_footer {position:relative; z-index:21; padding:0 20px; height:120px; margin:-120px auto 0; max-width:1060px; min-width:950px; background:#fff; font-size:11px;} .footer_wrapper {padding:14px 0 0 0;} .footer_menu {padding:0 0 10px 0;} .footer_menu ul li {display:block; float:left;} .footer_menu ul li a {display:block; margin:0 63px 10px 0;} .footer_menu ul li.footer_menu_last a {margin:0;} .footer_content {position:relative; padding:0 250px 0 0;} .copy {line-height:15px;} .apps {position:absolute; right:0; top:50%; margin:-21px 0 0 0;} .apps a {display:block; float:left; background:url(/i/icons.png) no-repeat -9999px; -webkit-transition: all 0.1s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all 0.1s ease-out; /* Firefox 4-15 */ -o-transition: all 0.1s ease-out; /* Opera 10.50–12.00 */ transition: all 0.1s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ } .apps .apps_ios {display:block; width:135px; height:40px; margin:0 16px 0 0; background:url(/i/ios/ru/badge_app.png) no-repeat 0px 0px;} .apps .apps_ios_en {background:url(/i/ios/en/badge_app.png) no-repeat 0px 0px;} .apps .apps_android {display:block; width:36px; height:42px; background-position:-9px -751px;} .apps a:hover {opacity:0.75;} .lang_select a, .lang_select span {margin:0 15px 0 0; display:inline-block; vertical-align:top;} .lang_active {color:#666;} /*slider*/ .slider {position:relative; width:100%; overflow:hidden;} .slider ul li {float:left; display:block; list-style:none;} .slider ul li a, .slider ul li img {display:block;} .slider ul li.slider_first {position:relative;} .slider .anythingWindow ul li {position:relative;} .slider .anythingWindow ul li.slider_first {position:relative;} .slider ul {height:298px; width:100%; overflow:hidden;} .anythingSlider {display: block; overflow: visible !important; position: relative;} .anythingSlider .anythingWindow {overflow: hidden; position: relative; width: 100%; height: 100%;} .anythingSlider .anythingWindow:before {content:""; display:block; position:absolute; left:0; bottom:-1px; box-shadow:0 0 5px rgba(0, 0, 0, 0.3); width:100%; height:1px; z-index:10;} .anythingSlider .anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0;} .anythingSlider .arrow span, .anythingSlider .anythingControls span { display: block; visibility: hidden;} /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ .anythingSlider .arrow.disabled {display: none;} .anythingSlider .panel {background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0;} /* vertical mode */ .anythingSlider .vertical .panel {float: none;} /* fade mode */ .anythingSlider .fade .panel {float: none; position: absolute; top: 0; left: 0; z-index: 0;} /* fade mode active page - visible & on top */ .anythingSlider .fade .activePage {z-index: 1;} .arrow {position:absolute; z-index:30; width:24px; height:36px; background:url(/i/icons.png) no-repeat -9999px; top:50%; margin:-18px 0 0 0; cursor:pointer; opacity:0.8} .slider .anythingControls {display:none;} .back {left:18px; background-position:-215px -750px;} .forward {right:18px; background-position:-34px -799px;} .arrow:hover {opacity:1;} /**********************************************/ /******************************* podcast page */ /**********************************************/ .podcast_single {padding:0 0 14px 0;} .podcast_header {position:relative; padding:0 0 20px 0;} .podcast_header .raiting {height:auto; line-height:1;} .podcast_top {padding:0 0 10px 0;} .podcast_top .breadcrumbs {padding-right:60px;} /*podacsat main img*/ .podcast_main_img {position:relative; overflow:hidden;} .podcast_main_img:before {content:""; display:block; position:absolute; left:0; bottom:0; box-shadow:0 0 6px rgba(0, 0, 0, 0.6); width:100%; height:1px;} .podcast_main_img a, .podcast_main_img img {display:block;} /*podacast content*/ .podcast_content {padding:0 0 36px 0;} .podcast_category {padding:0 0 10px 0; text-transform:uppercase;} .podcast_category a {color:#ff5d5d;} .podcast_content_top {position:relative; padding:0 60px 0 0;} .podcast_content_text {line-height:1.5;} .podcast_content_text p {padding:0 0 20px 0;} .podcast_content_text ul {padding:0 0 20px 0;} .podcast_content_text ul li {display:block; position:relative; list-style:none; padding:0 0 0 16px;} .podcast_content_text ul li:before {content:""; display:block; position:absolute; left:0; top:8px; width:12px; height:1px; background:#666;} .podcast_content_issue {padding:0 0 10px 0;} .podcast_content_issue_name {float:left; width:45%;} .podcast_content_issue_listening {float:right; width:45%; text-align:right;} .podcast_content_issue_name span {font-size:11px; color:#999;} .podcast_content_gallery {text-align:center; padding:0 0 20px 0;} /*sidebar*/ .sidebar {margin:-130px 0 0 0;} .sidebar_links {padding:0 0 14px 0; text-align:center;} .sidebar_links .button:first-child {margin-left:0;} .sidebar_title {font-size:16px; font-weight:normal; padding:0 0 16px 0;} .sidebar_links_blocks .button {display:inline-block; margin:3px;} .sidebar_links .button {vertical-align:top; margin-left:-1px;} .podcast_prices {font-size:14px; padding:20px 0 0 0;} /*sidebar_authors*/ .sidebar_authors {padding:10px 0 0 0;} .sidebar_authors ul li {display:block; list-style:none; padding:0 0 10px 0;} .sidebar_authors ul li a {display:inline-block; position:relative; padding:0 0 0 73px; height:50px;} .sidebar_authors ul li .sidebar_authors_img {display:block; position:absolute; left:0; top:0; width:50px; height:50px;} .sidebar_authors ul li .sidebar_authors_img img {width:50px; height:50px; display:block;} .sidebar_authors ul li .sidebar_authors_name {font-weight:normal; font-size:14px; display:table-cell; height:50px; vertical-align:middle; width:100%;} .sidebar_authors ul li .sidebar_authors_name .user_icon:before {top:3px;} /*info_list*/ .info_list {padding:0 0 20px 0;} .info_list ul li {display:block; list-style:none; border-bottom:1px solid #dddcd9; padding:6px 0; line-height:19px;} .info_list_left {float:left; width:45%;} .info_list_itunes:before {content:url(/i/listen_on_apple.png); display:block; position:absolute;right: 20px;top: 0;} .info_list_rss:before {content:url(/i/listen_on_rss.png); display:block; position:absolute;right:0;top: 0;} .info_list_right {float:right; width:45%; text-align:right;} .info_list_rait .info_list_right {color:#19d82b;} .info_list_user_rait .info_list_left {width:65%;} .info_list_user_rait .info_list_right {width:30%; overflow:hidden;} .info_list_user_rait .info_list_right .podcast_small_count {display:block; padding:0 0 0 12px; float:right;} .info_list_user_rait .info_list_right .podcast_small_count small {top:3px;} .info_list ul .info_list_socmedia {padding-bottom:0;} .info_list_socmedia .info_list_left {width:50%;} .info_list_socmedia .info_list_right {width:50%;} .info_list strong {color:#333;} .info_list_achivments .achivment_small {margin:0 20px 20px 0;} .info_list_achivments_wrapper {width:268px;} .info_list ul .info_list_achivments {padding:20px 0 0 10px; overflow:hidden;} .info_list_left_bigger .info_list_left {width:65%;} .info_list_left_bigger .info_list_right {width:30%;} .info_list_right_bigger .info_list_left {width:30%;} .info_list_right_bigger .info_list_right {width:65%;} .info_list_bottom {margin:60px 0 0 0; border-top:1px solid #dddcd9;} .podcast {position:relative;} .podcast_sub_issue {float:left; width:48%;} .podcast_listening {float:right; width:48%; text-align:right;} .podcast_sub_issue span {color:#999; font-size:11px;} /*raiting*/ .raiting {position:absolute; padding:0 12px; width:54px; text-align:center; right:0; top:0; font-size:12px; color:#646464; height:24px; line-height:34px;} .rait_up, .rait_down {display:block; border:none; cursor:pointer; width:24px; height:24px; position:absolute; right:0; top:50%; display:none; margin:-6px 0 0 0;} .rait_up {background:url(/i/like.png) no-repeat;background-size: contain;} .rait_down {background:url(/i/dislike.png) no-repeat;background-size: contain;left:0; right:auto;} .rait_up:hover {background:url(/i/like_hover.png) no-repeat;background-size: contain;} .rait_down:hover {background:url(/i/dislike_hover_.png) no-repeat;background-size: contain;left:0; right:auto;} .rait_up:active {background:url(/i/like_active.png) no-repeat;background-size: contain;} .rait_up_active {background:url(/i/like_active.png) no-repeat;background-size: contain;} .rait_down:active {background:url(/i/dislike_active.png) no-repeat;background-size: contain;left:0; right:auto;} .rait_down_active {background:url(/i/dislike_active.png) no-repeat;background-size: contain;} .raiting:hover .rait_up, .raiting:hover .rait_down {display:block;} .raiting_visible .rait_up, .raiting_visible .rait_down {display:block;} .raiting:hover .rait_total {cursor:default;} .podcast .raiting {position:absolute; right:0; top:0;} .raiting button:disabled {display:none;} /*insert*/ .insert {position:relative; border-bottom:1px solid #dddcd9; padding:0 0 6px 0; margin:6px 0 22px 0;} .insert_toggle {position:relative; padding:0 0 0 20px; display:inline-block; vertical-align:middle; cursor:pointer; line-height:27px; height:27px; margin:0 10px 0 0;} .insert_toggle span {color:#008ace; border-bottom:1px dotted #008ace;} .insert_toggle:before {content:""; display:block; position:absolute; left:0; top:8px; width:16px; height:11px; background:url(/i/icons.png) no-repeat -219px -1131px;} .player_download_link {display:inline-block; vertical-align:middle; margin:0 10px 0 0;} .player_download_link a {display:block; padding:0 0 0 16px; line-height:12px; position:relative;} .player_download_link a i {display:block; position:absolute; left:0; top:0; width:12px; height:12px; background:url(/i/player/player_set.png) no-repeat -45px -126px;} .player_apple_link {display:inline-block; vertical-align:middle; margin:0 10px 0 0;} .player_apple_link a {display:block; padding:0 0 0 16px; line-height:12px; position:relative;} .player_apple_link a i {display:block; position:absolute; left:0; top:-1px; width:12px; height:13px; background:url(/i/player/player_set.png) no-repeat -60px -125px;} .insert .socmedia {position:absolute; right:0; top:0;} .insert_form {padding:20px 0; display:none;} .insert_form_botton {padding:0 0 10px 0;} .insert_form_select {float:left; width:230px; margin:0 15px 20px 0;} .insert_form_select strong {display:block; font-weight:normal; font-size:14px; padding:0 0 4px 0;} .insert_form_select select {width:100%;} .insert_form_select .select2-container {width:100% !important;} .insert_form_check {line-height:20px; font-size:14px; padding:0 0 20px 0;} .insert_form_check .custom_checkbox_holder {position:absolute; left:0; top:0;} .insert_form_check label {display:inline-block; cursor:pointer; position:relative; padding:0 10px 0 26px; vertical-align:top;} .insert_form_copy {position:relative;} .insert_form_copy .form_text {color:#999;} .insert_form_copy .insert_form_button {position:absolute; right:0; top:0; z-index:5;height: 100%;margin-right: 10px;} .podcast_type_toggle {float:right; line-height:27px; cursor:pointer;} .podcast_type_toggle span {color:#008ace; border-bottom:1px dotted #008ace;} .podcast_type_content {line-height:1.5; padding:20px 0;} .podcast_type_content_text {display:none;} .podcast_text {padding:0 0 14px 0;} .podcast_text, .podcast_excerpt {line-height:18px;} .podcast_text p {padding:0 0 14px 0;} .podcast_text ul {padding:0 0 14px 0;} .podcast_text ul li {list-style:none;} .podcast_gallery {padding:0 0 14px 0;} .podcast_gallery_main_img {text-align:center;} .podcast_gallery_main_img a {display:block;} .podcast_gallery_main_img img {display:inline-block; max-width:100%; height:auto;} .podcast_gallery_pics {text-align:center;} .podcast_gallery_pics img {display:inline-block; width:42px; height:42px; vertical-align:top; cursor:pointer; margin:3px;} .podcast_gallery_pics .podcast_gallery_pics_selected {margin:0; border:3px solid #e3e2df;} .podcast_gallery_pics img:hover {box-shadow:0 0 3px #333;} .podcast_gallery_pics .podcast_gallery_pics_selected:hover {box-shadow:none;} /*editions*/ .editions {position:relative;} .editions_wrapper {overflow:hidden; margin:-5px 0;} #editions_carousel li {display:block; float:left; width:20%;} .edition_wrapper {position:relative; padding:18px 0 50px 0; width:100px; margin:0 auto;} .edition_img {width:100px; height:100px; display:block; padding:0 0 8px 0;} .edition_img a {display:block;} .edition_img img {width:100px; height:100px; display:block;} .edition_title {display:block; padding:0 0 6px 0; font-weight:normal; line-height:16px;} .edition_sub {color:#999;} .edition .button2, .edition .button {position:absolute; bottom:10px; left:0; display:none;} .edition .button2 span, .edition .button span {font-size:12px; padding-right:0; width:72px;} .edition .button span {text-align:center; padding:0;} .edition:hover {background:#e3e2df;} .edition:hover .button2, .edition:hover .button {display:block;} .editions_wrapper .jcarousel-container {padding:0 60px;} .editions_wrapper .jcarousel-clip {width:100%; overflow:hidden;} .edition_unpaid .edition_img, .edition_unpaid .edition_title, .edition_unpaid .edition_sub {opacity:0.7;} .edition_unpaid .edition_title a {color:#555;} .edition_unpaid .edition_title a:hover {color:#000;} .editions_list {position:relative;} .editions_links {position:absolute; right:0; top:0; width:280px;} .editions_links .editions_prev {display:block; padding:0 0 0 15px; float:right; position:relative;} .editions_links .editions_prev:before {content:""; display:block; position:absolute; width:12px; height:9px; background:url(/i/icons.png) no-repeat -166px -1175px; left:0; top:1px;} .editions_links .editions_prev:hover:before {background-position:-146px -1175px;} .editions_links .editions_next {display:block; padding:0 15px 0 0; float:right; text-align:right; position:relative; margin:0 0 0 15px;} .editions_links .editions_next:before {content:""; display:block; position:absolute; width:12px; height:9px; background:url(/i/icons.png) no-repeat -125px -1175px; right:0; top:1px;} .editions_links .editions_next:hover:before {background-position:-105px -1175px;} /*comments*/ .comments_list li {display:block; list-style:none; padding:7px 18px;} .comments_list .comment {position:relative; padding:8px 65px 0 65px; min-height:50px;} .comment_avatar {position:absolute; left:0; top:0; width:50px; height:50px;} .comment_avatar a {display:block;} .comment_avatar img {display:block; width:50px; height:50px; border-radius:50%;} .comment_meta {width:110px; line-height:14px; float:left; margin-left:-100%;} .comment_meta .comment_name {display:block; font-weight:normal; max-width:100%; text-overflow:ellipsis; overflow:hidden;} .comment_meta .comment_name a {color:#666;} .comment_meta .comment_time {display:block; font-size:11px; color:#999;} .comment_meta .comment_link {font-size:14px; vertical-align:middle; color:#666;} .comment_meta .comment_edit {display:inline-block; vertical-align:middle; width:10px; height:10px; background:url(/i/icons.png) no-repeat -64px -1213px; text-indent:-9999px; margin:0 0 0 6px} .comment_meta .comment_delete {display:inline-block; vertical-align:middle; width:10px; height:10px; background:url(/i/icons.png) no-repeat -160px -1192px; text-indent:-9999px; margin:0 0 0 6px;} .comments_list .comment .comment_body {line-height:16px; color:#000; float:left; width:100%;} .comments_list .comment .comment_body_wrapper {margin:0 0 0 120px; overflow:hidden;} .comments_list .comment .comment_body blockquote {display:block; border-left:2px solid #b2b2b2; padding:0 0 0 8px; margin:0 0 8px 0; color:#939393;} .comments_list .comment_negative .raiting .rait_total {color:#e63a3a;} .comments_list .comment_negative .comment_avatar, .comments_list .comment_negative .comment_meta, .comments_list .comment_negative .comment_body {opacity:0.4;} .comments .raiting {position:absolute; right:0; top:10px; line-height:normal; height:auto;} .comments_list .comment .comment_meta .comment_name a:hover {color:#000;} /*respond*/ .respond {padding:18px; background:#eee; margin:20px 0 0 0;} .respond .respond_wrapper {position:relative; padding:0 0 0 65px;} .respond .respond_wrapper .respond_avatar {position:absolute; left:0; top:0; width:50px; height:50px;} .respond .respond_wrapper .respond_avatar a {display:block;} .respond .respond_wrapper .respond_avatar img {display:block; width:50px; height:50px; border-radius:50%;} .respond .respond_wrapper .respond_meta {position:absolute; left:65px; width:110px; line-height:16px;} .respond .respond_wrapper .respond_meta .respond_name {display:block; font-weight:normal;} .respond .respond_wrapper .respond_meta .respond_name a {color:#666;} .respond .respond_wrapper .respond_meta .respond_time {display:block; font-size:11px; color:#999;} .respond .respond_wrapper .respond_body {float:left; width:100%;} .respond .respond_wrapper .respond_body .respond_body_wrapper {margin:0 0 0 120px;} .respond .respond_wrapper .respond_body .form_area {height:120px; min-height:120px;} .respond_submit {text-align:right; padding:10px 0 0 0;} /*similar*/ .similar {position:relative; z-index:30;} .similar_title {font-size:22px; color:#9d9d9d; padding:0 0 15px 0; width:990px; margin:0 auto;} .similar_container {position:relative; background:#eee; overflow:hidden; padding:0 60px;} .similar_container:before, .similar_container:after {content:""; display:block; position:absolute; left:0; top:0; width:100%; height:1px; background:#ddd; box-shadow:0 0 6px rgba(0, 0, 0, 0.6);} .similar_container:after {top:auto; bottom:0;} .similar_wrapper {width:100%; position:relative; overflow:hidden;} #similar_list li {display:block; float:left; text-align:center; position:relative; height:216px; width:196px;} .similar_shade {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.1; display:none;} #similar_list li:hover .similar_shade {display:block;} #similar_list li a {display:block; position:relative; z-index:2; display:block; padding:14px 0; height:188px;} #similar_list li .similar_img {padding:0 0 10px 0; height:129px; line-height:127px; text-align:center; margin:0 auto; display:block;} #similar_list li .similar_img img {display:inline-block; height:100%; width:auto; vertical-align:middle;} #similar_list li .similar_name {font-size:14px; font-weight:normal; padding:0 0 6px 0; display:block;} #similar_list li a .similar_sub {color:#999;} /**********************************************/ /********************************** user page */ /**********************************************/ .user_podcasts {position:relative;} .user_podcasts_button {position:absolute; right:0; top:0; z-index:10;} .user_podcasts .title, .user_podcasts .title_2 {line-height:29px;} .user_content {position:relative;} .user_content header {padding:0 100px 0 0;} .user_icon {display:inline-block; position:relative;} .user_icon:before {content:""; display:block; position:absolute; left:-11px; top:1px; width:7px; height:8px; background:url(/i/set.png) no-repeat -162px -37px;} .user_top {padding:0 0 20px 0;} .user_top .column_right {position:relative;} .user_pic {width:192px; height:192px; margin:0 auto 20px;} .user_top .user_pic {margin:0 auto;} .user_pic_podster_upper {margin-top:-100px;} .user_pic_podster {margin-bottom:10px; width:auto; height:auto;} .user_pic img {width:192px; height:192px;} .user_pic_podster img {display:block; box-shadow:2px 0px 5px rgba(0, 0, 0, 0.75); border-radius:15px; width:auto; height:auto;} .user_offline, .user_online {display:inline-block; position:relative; padding-right:18px;} .user_indicator {display:block; position:absolute; right:0; top:50%; background:#d0d8ce; width:10px; height:10px; border-radius:50%; margin:-5px 0 0 0;} .user_online .user_indicator {background:#22e50d;} .user_description {line-height:18px; padding:0 0 56px 0;} .user_top .user_description {padding:0;} .user_default_avatar {width:193px; height:193px; margin:0 auto 15px;} .user_links {text-align:center;} .user_links_top {padding:0 0 10px 0;} .user_links_top .button, .user_links_top .button2 {display:block; width:173px; margin:0 auto;} .user_links_top .button span, .user_links_top .button2 span {padding:0 26px;} .user_links_author span {width:190px; padding:0; text-align:center; font-weight:bold;} /*statistic*/ .statistic {padding:0 0 30px 0;} .statistic_block {border:1px solid #eaeaea; box-shadow:0 0 5px #f2f2f2;} .statistic_filter {padding:20px 0 0 20px; border-bottom:1px solid #ddd;} .statistic_filter select {display:block; height:27px; line-height:27px; margin:0 20px 20px 0;} .statistic_filter .yaselect-anchor {float:left; margin:0 20px 20px 0; width:180px;} .statistic_filter .yaselect-anchor select {height:auto; line-height:normal; margin:0;} .statistic_filter .button2 {display:block; float:left; margin:0 20px 20px 0;} .statistic_content {padding:20px; min-height:1px;} .statistic_table {} .stat_table_filter {padding:0 0 16px 0;} .stat_table_filter_left {float:left;} .stat_table_filter_right {float:right;} .stat_table_filter .button, .stat_table_filter .button2 {display:block; float:left;} .stat_table_filter .sub_text {float:left; line-height:29px; padding:0 10px 0 0;} .statistic_table table {width:100%; border-collapse:collapse; border-spacing:0; margin:0 0 20px 0;} .statistic_table tr td {padding:10px; vertical-align:top; line-height:1.4;} .statistic_table tr.statistic_table_top td {background:#F2F2F0; border-bottom:#d3d3d3; color:#333;} .statistic_table tr.statistic_table_bg td {background:#F6F6F5;} .statistic_table tr.statistic_table_total td.statistic_table_price {text-align:right; font-size:14px; font-weight:bold; white-space:nowrap;} .statistic_table tr.statistic_table_total td {border-top:1px solid #d3d3d3;} .statistic_table tr .statistic_table_price {text-align:right;} .statistic_table .stat_table_podacst_name {width:450px;} /*programs*/ .programs {padding:0 0 24px 0;} .programs_wrapper {border:1px solid #eaeaea; box-shadow:0 0 5px #f2f2f2; position:relative;} .programs_wrapper .podcast_small {border:none; box-shadow:none; margin:0 0 5px 0;} .programs .editions_wrapper {margin-bottom:0;} /*user_playlist*/ .user_playlist_container {padding:25px 0 0 0;} .user_playlist {position:relative;} .user_playlist .title {line-height:29px; min-height:29px;} .user_playlist_actions {position:absolute; right:0; top:0;} .user_playlist_share {float:left; position:relative; width:345px;} .user_playlist_share button {display:block; position:absolute; right:0; top:0;} .user_playlist_share input {padding-right:121px; font-size:12px;} .user_playlist_download {float:left; margin:0 0 0 10px;} .user_playlist .title_2 {line-height:29px;} .user_playlist_block {position:relative; padding:5px 142px 20px 56px; border-bottom:1px solid #eee; min-height:42px;} .user_playlist_img {position:absolute; left:5px; top:5px;} .user_playlist_img .user_playlist_play {display:block; cursor:pointer; position:relative; width:42px; height:42px;} .user_playlist_img .user_playlist_play .play_it {opacity:0.65;} .user_playlist_img .user_playlist_play:hover .play_it {opacity:1;} .user_playlist_img img {display:block; width:40px; height:40px; border:1px solid #cdcdc3; box-shadow:2px 2px 2px #e8e8e8;} .user_playlist_block_actions {position:absolute; right:0; top:5px; display:none;} .user_playlist_block_actions .button2 {display:block; float:left; margin:0 0 0 -1px;} .user_playlist_block_top .button_up span:before, .user_playlist_block_bottom .button_down span:before {opacity:0.6;} .user_playlist_block_top .button_up, .user_playlist_block_bottom .button_down {cursor:default;} .user_playlist_content {position:relative; padding:0 0 0 14px; line-height:16px;} .user_playlist_status {position:absolute; left:0; top:2px; width:10px; height:10px; background:url(/i/icons.png) no-repeat -69px -1195px;} .user_playlist_content .user_playlist_name {display:block; padding:0 0 4px 0; color:#333; font-weight:normal;} .user_playlist_content .user_playlist_name a {color:#333;} .user_playlist_content .user_playlist_podcast_name {display:block; color:#a9a9a9;} .user_playlist_content .user_playlist_podcast_name a {color:#a9a9a9;} .user_playlist_content a:hover {color:#000;} .user_playlist_block:hover .user_playlist_block_actions {display:block;} .user_playlist .preloader {position:absolute; left:-3px; top:0;} .user_playlist_reproduced .user_playlist_status {background-position:-8px -1195px;} .user_playlist_loading .user_playlist_status {display:none;} .user_playlist_loading .preloader {display:block;} /*user_editions*/ .user_editions {position:relative;} .user_editions .user_editions_add {position:absolute; right:0; top:0;} /*user_tabs*/ .user_tabs {height:58px; position:relative; width:100%; overflow:hidden; background: #eeeeec; /* Old browsers */ background: -moz-linear-gradient(top, #eeeeec 0%, #e2e2e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeec), color-stop(100%,#e2e2e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeec 0%,#e2e2e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeec 0%,#e2e2e0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeec 0%,#e2e2e0 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeec 0%,#e2e2e0 100%); /* W3C */ } .user_tabs .center {height:58px; padding:0 20px;} .user_tabs nav {position:absolute; right:20px; bottom:-1px;} /*.user_tabs nav:before {content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; box-shadow:0 0 6px rgba(0, 0, 0, 0.6);}*/ .user_tabs nav ul li {display:block; float:left; list-style:none;} .user_tabs nav ul li a {display:block; height:36px; line-height:36px; padding:0 16px; color:#666; border:1px solid #d3d3d3; margin:6px 0 0 -1px; position:relative; overflow:hidden; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #fefefe 11%, #f9f9f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(11%,#fefefe), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#fefefe 11%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#fefefe 11%,#f9f9f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#fefefe 11%,#f9f9f9 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#fefefe 11%,#f9f9f9 100%); /* W3C */ } .user_tabs nav ul li a:before {content:""; display:block; position:absolute; left:0; bottom:-1px; width:100%; height:1px; box-shadow:0 0 6px rgba(0, 0, 0, 0.6);} .user_tabs nav ul li a:hover {color:#000;} .user_tabs nav ul li.user_tabs_active a {margin-top:0; height:42px; line-height:42px; background:#fff; padding:0 26px; border-radius:1px 1px 0 0 !important;} .user_tabs nav ul li.user_tabs_active a:before {display:none;} .user_tabs nav ul li:first-child a {border-radius:1px 0 0 0;} .user_tabs nav ul li:last-child a {border-radius:0 1px 0 0;} /********* promoblock */ .promoblock {background:#fff;} .promoblock_view {background:url(/i/podcast_cover/view_default.jpg) repeat #00bae9; position:relative; overflow:hidden; height:300px;} .podcast_cover_1 {background:url(/i/podcast_cover/view_1.jpg) repeat #878787;} .podcast_cover_2 {background:url(/i/podcast_cover/view_2.jpg) repeat #ff4e7c;} .podcast_cover_3 {background:url(/i/podcast_cover/view_3.jpg) repeat #588bf6;} .podcast_cover_4 {background:url(/i/podcast_cover/view_4.jpg) repeat #9070ef;} .podcast_cover_5 {background:url(/i/podcast_cover/view_5.jpg) repeat #1bbf76;} .promoblock_view:before, .promoblock_view:after {content:""; display:block; position:absolute; width:100%; height:1px; left:0; top:-1px; box-shadow:0 0 6px #000; border-top:1px solid #fff;} .promoblock_view:after {top:auto; bottom:-1px; border-bottom:1px solid #fff; border-top:0;} /************************* promotion */ .promotion_top .podcast_content, .promotion_block .podcast_content {padding-bottom:0;} .promotion_block .column_left, .promotion_block .column_right {padding:26px 0;} .promotion_block .column_right {border-bottom:1px solid #dddcd9;} .promotion_date {padding:10px 0 22px 0;} .promotion_date .promotion_date_title {font-size:14px; padding:0 0 6px 0;} .promotion_date .form_text {padding:0; text-align:center; width:37px; display:block; float:left;} .promotion_date .promotion_date_text {float:left; line-height:29px; padding:0 7px; color:#999;} .promotion_progress {border-bottom:1px solid #dddcd9; position:relative; padding:8px 0 8px 62px; min-height:38px;} .promotion_progress .promotion_progress_img {position:absolute; left:12px; top:8px; width:38px; height:38px;} .promotion_progress .promotion_progress_img img {width:38px; height:38px;} .promotion_progress .promotion_progress_name {padding:0 0 6px 0;} .promotion_progress .promotion_progress_date {color:#999;} .promotion_progress .promotion_progress_status {color:#33cc33;} .promotion_progress_complete .promotion_progress_status {color:#ff6666;} .promotion_progress .promotion_progress_link {padding:6px 0 0 0;} .promotion_achivments .achivment_big {margin:0 0 26px 0;} .promotion_achivments_title {font-size:14px; padding:0 0 12px 0;} /*wall*/ .share_audio {background:#eeeeec; padding:16px; margin:0 0 12px 0; position:relative;} .share_audio_form .submit {padding:0;} .share_audio_form .row textarea {width:100%; min-width:100%; max-width:100%;} .share_audio_link {position:absolute; right:16px; bottom:16px; height:29px; line-height:29px; display:block;} /*doings*/ .doings_post {border:1px solid #eaeaea; box-shadow:0 0 5px rgba(196, 196, 196, 0.5); margin:0 0 14px 0; padding:12px;} .doings_wrapper {position:relative; padding:0 100px 0 90px; min-height:88px;} .doings_time {position:absolute; right:0; top:0; font-size:11px; color:#999;} .doings_actions {position:absolute; right:0; bottom:0;} .doings_actions span {padding:0 20px;} .doings_left {position:absolute; left:0; top:0; height:88px; width:74px; line-height:90px; text-align:center;} .doings_achivment .doings_left img {display:inline-block; vertical-align:middle;} .doings_comment .doings_left .rounded {display:inline-block; width:50px; height:50px;} .doings_comment .doings_left .rounded img {width:50px; height:50px;} .doings_achivment_content {width:100%; height:88px; display:table-cell; vertical-align:middle; line-height:18px;} .doings_domment_top {line-height:18px; padding:0 0 20px 0;} .doings_comment_text {color:#999; line-height:15px; padding:0 0 5px 0;} /**********************************************/ /******************************** single page */ /**********************************************/ .content_single {line-height:18px; padding:0 0 10px 0;} .content_single p {padding:0 0 16px 0;} .logo_download {overflow:hidden;} .logo_download a {display:block;} .logo_download img {display:block; height:auto; max-width:100%; margin:0 0 28px 0;} .logo_download small {color:#666; font-size:11px;} .single_top_text {padding:0 0 26px 0;} .sidebar_single ul li {display:block; list-style:none; padding:0 0 14px 0;} .sidebar_single ul li a {font-size:14px; line-height:18px;} .sidebar_single ul li.sidebar_single_current a {color:#666;} /*team*/ .team_block {float:left; width:157px; height:270px; margin:0 77px 0 0; text-align:center;} .team_block_last {margin:0;} .team_block a, .team_block strong, .team_block span {display:block;} .team_block .team_link_profile {margin:0 0 6px 0;} .team_block .team_avatar {width:157px; height:157px; margin:0 0 10px 0;} .team_block .team_avatar img {width:157px; height:157px;} .team_block .team_title {font-size:14px; color:#333; font-weight:normal; padding:0 0 4px 0;} .team_block .team_sub {color:#666;} .team_block .team_link_card span {display:inline-block; width:21px; height:20px; background:url(/i/icons.png) no-repeat -138px -1101px;} .avatar_none .rounded_block {background:#000; border-radius:50%; box-shadow:none;} .team_block a:hover .team_title, .team_block a:hover .team_sub {color:#000;} /*card_page*/ .card_page {background:url(/i/decor_bg.jpg) repeat #00bae9;} .card_container {padding:53px 20px;} .card_holder {max-width:900px; box-shadow:0 0 20px rgba(0, 0, 0, 0.25); background:#fff; overflow:hidden; margin:0 auto; border:1px solid #fafafa;} .card_page .site_header {position:relative; left:auto; right:auto;} .card_page .site_header .header_podster {min-width:300px;} .card {padding:40px 68px 40px 326px; position:relative;} .card_title {color:#9d9d9d; font-size:22px; font-weight:normal; padding:0 0 10px 0;} .card_sub_title {font-size:16px; padding:0 0 10px 0;} .card_avatar {width:193px; height:193px; position:absolute; left:68px; top:40px;} .card_avatar img {width:193px; height:193px;} .card_content {font-size:14px; padding:0 0 50px 0;} .card_block {padding:10px 0; border-bottom:1px solid #dddcd9;} .card_left {float:left; width:35%;} .card_right {float:right; width:60%; text-align:right;} .card_vcard {font-size:14px;} .card_vcard .card_vcard_img {padding:0 0 20px 0; margin:-39px;} /*tariffs*/ .tariffs_grid {border:1px solid #e7e7e7; box-shadow:0 0 5px rgba(196, 196, 196, 0.25); padding:14px;} .tariffs_grid table {width:100%; border-spacing:0; border-collapse:collapse;} .tariffs_grid table tr td {vertical-align:middle; width:124px; padding:16px 1px; border-bottom:1px solid #d9d8d5; line-height:18px; text-align:center;} .tariffs_grid table tr td.tariff_description {width:270px; text-align:left;} .tariffs_grid table tr.tariff_top td {border-bottom:none; padding:0 1px; vertical-align:top;} .tariffs_grid table .tariffs_img {width:124px; height:51px; background:url(/i/icons.png) no-repeat -9999px;} .tariffs_grid table .tariff_standard .tariffs_img {background-position:-4px -695px;} .tariffs_grid table .tariff_pro .tariffs_img {background-position:-117px -568px;} .tariffs_grid table .tariff_proplus .tariffs_img {background-position:-4px -640px;} .tariffs_grid table tr td .tariff_check {display:inline-block; width:16px; height:12px; background:url(/i/icons.png) no-repeat -94px -1131px;} .tariffs_grid table tr td .tariffs_text {font-weight:bold; color:#222; font-size:16px;} .tariffs_grid table tr.tarrif_bottom td {border-bottom:none;} .tariffs_grid table .tariff_price {padding:0 0 20px 0; color:#333;} .tariffs_grid table .tariff_price strong {font-size:32px; font-weight:normal;} /*tariff_info*/ .tariff_info {border:1px solid #e7e7e7; box-shadow:0 0 5px rgba(196, 196, 196, 0.25); padding:10px; margin:0 0 26px 0;} .tariff_info table {width:100%; border-spacing:0; border-collapse:collapse;} .tariff_info table tr td {vertical-align:middle; min-height:51px;} .tariff_info table tr .tariff_info_left {padding:0 10px 0 0; width:380px; border-right:1px solid #d9d8d5; line-height:18px;} .tariff_info table tr .tariff_info_price {padding:12px 8px; color:#333;} .tariff_info table tr .tariff_info_price strong {font-size:32px; font-weight:normal;} .tariff_info table tr .tariff_info_description {position:relative; padding:0 0 0 136px; display:inline-block;} .tariff_info table tr .tariff_info_icon {width:124px; height:51px; position:absolute; background:url(/i/icons.png) no-repeat -9999px; left:0; top:50%; margin:-25px 0 0 0;} .tariff_info table tr .tariff_info_icon:before {content:""; display:block; position:absolute; left:16px; top:50%; width:16px; height:12px; background:url(/i/icons.png) no-repeat -73px -1131px; margin:-6px 0 0 0;} .tariff_info table tr .tariff_info_text {display:inline-block; vertical-align:middle;} .tariff_info_pro table tr .tariff_info_icon {background-position:-117px -568px;} .tariff_info_proplus table tr .tariff_info_icon {background-position:-4px -640px;} /*partners*/ .partner {float:left; width:184px; height:316px; border:1px solid #e7e7e7; box-shadow:0 0 5px rgba(196, 196, 196, 0.25); margin:0 15px 15px 0;} .partner_last {margin-right:0;} .partner_img {margin:5px; border:1px solid #c9c9bf; box-shadow:1px 2px 2px #e8e8e8;} .partner_img a, .partner_img img {display:block; max-width:100%; height:auto;} .partner_title {height:33px; font-size:14px; padding:5px; line-height:18px;} .partner_title a {color:#666;} .partner_title a:hover {color:#000;} .partner_description {line-height:15px; border-top:1px solid #eee; padding:5px;} /*programs*/ .programs_set {overflow:hidden; padding:5px;} .program {float:left; width:184px; border:1px solid #e7e7e7; box-shadow:0 0 5px rgba(196, 196, 196, 0.25); margin:0 15px 15px 0;} .program_last {margin-right:0;} .program_top {padding:0 0 10px 0; min-height:250px; padding:5px;} .program_img {overflow:hidden; margin:0 auto 10px; border:1px solid #c9c9bf; box-shadow:1px 2px 2px #e8e8e8;} .program_img a, .program_img img {display:block; max-width:100%; height:auto;} .program_title {font-size:14px; font-weight:normal; display:block; line-height:17px; padding:0 0 6px 0;} .program_sub {display:block; line-height:15px;} .program_sub a {color:#999;} .program a:hover {color:#000;} .program_description {padding:5px; line-height:15px; border-top:1px solid #eee; min-height:110px;} /*post*/ .post {border:1px solid #eaeaea; box-shadow:0 0 4px #ddd; padding:20px 0 0 0; margin:0 0 16px 0;} .post_wrapper {position:relative; padding:0 20px 8px 20px;} .post_top {padding:0 90px 12px 0; line-height:18px;} .post_title {font-size:14px; font-weight:normal; padding:0 0 8px 0;} .post_category {text-transform:uppercase; color:#ff5d5d;} .post_category a {color:#ff5d5d;} .post_info {position:absolute; right:0; top:0; color:#999; font-size:11px;} .post_info .raiting {position:relative; right:auto; top:auto; display:inline-block;} .post_comments_count, .post_like_count {float:left; padding:0 14px 0 16px; min-height:10px; position:relative;} .post_comments_count span, .post_like_count span {display:block; position:absolute; left:0; top:0; background:url(/i/icons.png) no-repeat -174px -1195px; width:12px; height:10px;} .post_like_count span {background-position:-212px -1152px; width:10px; height:12px; top:-2px;} .post_footer {border-top:1px solid #e7e7e7; padding:10px 10px 10px 20px; line-height:16px;} .post_date {float:left; width:30%; color:#999;} .post_authors {float:right; width:65%; text-align:right;} .post_authors a {display:inline-block; vertical-align:top; color:#999; padding:0 10px; position:relative;} .post_authors a:before {content:""; display:block; position:absolute; left:0; top:4px; background:url(/i/icons.png) no-repeat -69px -1176px; width:7px; height:8px;} .post_authors a:hover, .post_category a:hover {color:#000;} .post_promoted_icon {position:absolute; right:0; bottom:0; width:81px; height:26px; background:url(/i/icons.png) no-repeat -112px -1063px; display:none;} .post_promoted .post_info {padding:0 0 32px 0;} .post_promoted .post_top {min-height:44px;} .post_promoted .post_promoted_icon {display:block;} .post_single .post_title {font-size:16px; font-weight:bold;} .post_single .post_info {text-align:center; width:81px;} .post_single {margin:0 0 26px 0;} .post_content {line-height:18px;} .post_content p {padding:0 0 12px 0;} .post_content img {max-width:100%; height:auto;} /*login*/ .login_container {background:#fff; box-shadow:0 0 20px rgba(0, 0, 0, 0.25);} .login_popup {border:1px solid #fafafa; width:415px; top:15%; position:absolute; left:50%; margin:0 0 0 -208px;} .login_top {position:relative; width:100%; height:82px;} .login_site_link {display:block; position:absolute; left:46px; top:50%; top:19px; width:148px; height:39px; background:url(/i/logo.png) no-repeat 0px 0px; text-indent:-9999px;} .login_register_link {display:block; position:absolute; right:0; top:0; padding:0 46px; height:82px; line-height:82px;} .login_wrapper {position:relative; overflow:hidden; padding:30px 46px;} .login_wrapper .submit {padding:0;} .login_wrapper:before {content:""; display:block; position:absolute; left:0; top:-1px; height:1px; width:100%; box-shadow:0 0 5px rgba(0, 0, 0, 0.5);} .login_fields .form_block_wrapper {width:100%;} .login_openid {padding:0 0 8px 0;} .login_openid .login_openid_text {line-height:1; font-size:14px; padding:0 0 24px 0;} .login_openid .login_openid_link {display:block; float:left; margin:0 18px 18px 0; width:34px; height:35px; text-indent:-9999px; background:url(/i/social_icons.png) no-repeat -9999px;} .login_openid .login_openid_vk {background-position:0px 0px;} .login_openid .login_openid_fb {background-position:-36px 0px;} .login_openid .login_openid_tw {background-position:-72px 0px;} .login_openid a:hover {opacity:0.8;} .login_wrapper .form_checkbox {padding:0 0 26px 0;} .login_submit .button {display:block; float:left;} .login_submit .button span {padding:0 22px;} .login_wrapper .login_cant {display:block; float:left; margin:0 0 0 20px; height:29px; line-height:29px;} /***************************************************************/ /************************ blocks ***************************/ /***************************************************************/ .block {border:1px solid #eaeaea; box-shadow:0 0 5px rgba(196, 196, 196, 0.5); margin:0 0 14px 0; position:relative; font-size:12px; -webkit-transition: all 0.1s ease-out; /* Chrome 1-25, Safari 3.2+ */ -moz-transition: all 0.1s ease-out; /* Firefox 4-15 */ -o-transition: all 0.1s ease-out; /* Opera 10.50–12.00 */ transition: all 0.1s ease-out; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */ } .block_holder {padding:5px; position:relative; background:#fff; z-index:20;} .block_wrapper {position:relative; padding:0 0 0 186px; min-height:174px;} .block_player_open {padding-top:63px;} .block_player_open_new {padding-top:100px;} .block .podster_audio_player {position:absolute; left:0; top:0; width:100%;} /*block content*/ .block_content {position:relative; padding:10px 0 5px 0; min-height:1px;} .block_content_holder {min-height:125px; padding:0 0 5px 0;} .block_text {line-height:1.4; padding:0 0 5px 0; font-size:12px;} .block_text p {font-size:12px;} .block_content ul li {display:block; position:relative; list-style:none; padding:0 0 0 16px;} .block_content ul li:before {content:""; display:block; position:absolute; left:0; top:9px; width:12px; height:1px; background:#666;} /*block img*/ .block_img {position:absolute; left:0; top:0; z-index:2; text-align:center; width:174px;} .block_img a {display:block; position:relative;} .block_img a .play_it {opacity:0.7;} .block_img a:hover .play_it {opacity:1;} .block_img span {color:#999; font-size:11px; display:block;} .block_disabled .block_img {opacity:0.4;} .block_img_play {width:174px; height:174px;} .block_img_play img {display:block; box-shadow:inset 0 0 1px #000, 1px 2px 2px rgba(0, 0, 0, 0.3); width:174px; height:174px;} .block_img_user {width:157px; height:157px; left:11px; top:8px;} .block_img_user img {display:block; width:157px; height:157px;} .block_img_podcast a {display:block; width:157px; height:157px; margin:0 auto 5px;} .block_img_podcast img {width:157px; height:157px;} .block_podlojka .block_img_podcast a {width:141px; height:141px; background:url(/i/podcast_img_holder_2.jpg) no-repeat 0px 0px #363636; padding:8px; border-radius:12px; box-shadow:2px 0px 5px rgba(0,0,0,0.6);} .block_podlojka .block_img_podcast img {width:141px; height:141px;} .right_bar .block_img_play img {width:150px; height:150px;} .left_bar .block_img_play img {width:150px; height:150px;} .center_bar .block_img_play img {width:150px; height:150px;} /*block info*/ .block_info {position:absolute; right:10px; top:15px; z-index:3; font-size:11px; color:#999; text-align:right;} .block_time {vertical-align:middle; display:inline-block;} .block_time a {color:#666;} .block_count {display:inline-block; vertical-align:middle; position:relative; padding:0 0 0 12px; margin:0 0 0 12px;} .block_count small {display:block; position:absolute; left:0; top:-2px; width:10px; height:12px; background:url(/i/icons.png) no-repeat -212px -1152px;} .block_promoted_label {height:27px; width:129px; display:block; position:absolute; right:-5px; bottom:0; overflow:hidden; background:url(/i/icons.png) no-repeat -4px -1099px; display:none;} .block_promoted_label strong {text-indent:-9999px; display:none;} .podcast_promoted .block_info {padding:0 5px 32px 0; right:5px;} .podcast_promoted .block_promoted_label {display:block;} /*block header*/ .block_header {padding:0 150px 5px 0; line-height:1.3;} .block_title_1, .block_title_2, .block_title_3 {padding:0 0 5px 0; position:relative;} .block_title_1 {font-size:12px; color:#999;} .block_title_1 a {color:#999; vertical-align:middle; font-size:12px;} .block_title_2 {position:relative;} .block_title_2 h2 {display:inline-block; vertical-align:middle; font-size:14px; font-weight:normal;} .block_title_3 {text-transform:uppercase;} .block_title_3 a {color:#ff5d5d;} .block .user_icon {position:relative; display:inline-block; padding:0 0 0 11px; color:#666;} .block_header .user_icon:before {left:0; top:5px;} .itunes_link {position:relative; display:inline-block; padding:0 0 0 15px; vertical-align:middle; color:#666; font-size:12px; margin:0 0 0 5px;} .itunes_link:before {content:""; display:block; position:absolute; left:0; top:3px; width:10px; height:9px; background:url(/i/icons.png) no-repeat -227px -1195px;} .block_flag {position:relative; padding-left:25px;} .block_flag:before {content:""; display:block; position:absolute; left:0; top:5px; width:21px; height:12px; background:url(/i/icons.png) no-repeat -124px -1213px;} /*block footer*/ .block_actions {padding:0 5px 0 0;} .block_actions a, .block_actions .button_disabled {margin:0 6px 0 0; vertical-align:top;} .block_actions_right {text-align:right;} .block_actions_right a, .block_actions_right .button_disabled {margin:0 0 0 6px;} .block a:hover {color:#000;} .block .block_header a:hover, .block .block_info a:hover {color:#000;} .block_actions_ppls {border-top:1px solid #e7e7e7; padding:10px 8px 0 0; margin:0 -5px 0 0;} .block_actions .user_icon:before {left:0; top:2px;} .block_actions_ppls .user_icon {padding:0 16px 5px 11px; margin:0;} /*block preloader and status*/ .block_podcast .block_title_2 {padding-left:15px;} .podcast_status {position:absolute; left:0; top:4px; width:10px; height:10px; background:url(/i/icons.png) no-repeat -69px -1195px; display:none;} .block_podcast .podcast_status, .user_playlist_block .podcast_status {display:block;} .block .preloader {position:absolute; left:-3px; top:2px; display:none;} .podcast_reproduced .podcast_status {background-position:-8px -1195px; display:block;} .podcast_playing .podcast_status {display:none;} .podcast_playing .preloader {display:block;} /*block_player*/ .block_player .block_holder {padding:0 0 0 50px;} .block_player .block_wrapper {padding:5px 5px 5px 10px; min-height:1px;} .block_player .block_content_holder {min-height:1px;} .block_player .block_info .raiting {position:relative; display:inline-block; vertical-align:middle; margin:0 0 0 12px; display:none; height:auto; line-height:1;} .podcast_player_toggle {position:absolute; left:0; top:0; width:50px; background:#EEEEEC; height:100%; cursor:pointer; z-index:50;} .podcast_player_toggle button {display:block; text-indent:-9999px; width:24px; height:24px; background:url(/i/player/player_set.png) no-repeat 0px 0px; position:absolute; left:13px; top:14px; border:none; cursor:pointer;} .podcast_player_toggle:hover button {background-position:-24px 0px;} .block_player .comments {border-top:1px solid #dddcd9; display:none;} .block_player .comments_list li {padding-left:24px; padding-right:10px;} .block_player .podster_audio_player {display:none;} .block_player .raiting {height:auto; line-height:1;} .block_remove {display:block; position:absolute; right:10px; top:14px; width:14px; height:14px; border:none; cursor:pointer; z-index:30; background:url(/i/icons.png) no-repeat -211px -1195px; display:none;} .block_remove:hover {background-position:-238px -1195px;} .block_remove:active {top:15px;} .block_player_active {padding:63px 0 0 0;} .block_player_active .block_remove {background-position:-238px -1195px;} .block_player_active .podster_audio_player {display:block;} .block_player_active .comments {display:block;} .block_player_active .block_info .raiting {display:inline-block;} .block_player_active .podcast_player_toggle {display:none;} .block_player_active .block_holder {padding:0;} .block_player_active .block_wrapper {padding-left:24px;} .block_player_active .block_actions {display:none;} .block_player_active .block_info {right:10px !important;} .block_player_active .block_info .block_time, .block_player_active .block_info .block_count {display:none;} /*podcast_unactive*/ .podcast_unactive {box-shadow:none; border-color:#efefef;} .podcast_unactive .block_holder {background:#efefef;} .podcast_unactive .block_img, .podcast_unactive .block_content_holder, .podcast_unactive .block_info {opacity:0.7;} .podcast_unactive .block_img_play img {box-shadow:none;} .podcast_unactive .block_header a, .podcast_unactive .block_time a {color:#555;} .podcast_unactive .block_header, .podcast_unactive .block_time {color:#555;} .podcast_unactive.block_player_open {padding-top:58px;} .podcast_unactive .podster_audio_player {opacity:0.7;} .podcast_unactive .block_img a:hover .play_it {opacity:0.7;} .podcast_unactive .podster_player_actions {display:none;} /*user_logged_in*/ .user_logged_in .block_info {right:30px;} .user_logged_in .block_remove {display:block;} .user_logged_in .podster_player_actions {right:35px;} /*podcast_player*/ .podcast_player_toggle {position:absolute; left:0; top:0; width:50px; background:#EEEEEC; height:100%; cursor:pointer; z-index:50;} .podcast_player_toggle button {display:block; text-indent:-9999px; width:23px; height:23px; background:url(/i/player/player_set.png) no-repeat 0px 0px; position:absolute; left:13px; top:14px; border:none; cursor:pointer;} .podcast_player_toggle:hover button {background-position:-24px 0px;} .podcast_player_active .podcast_player_toggle {display:none;} .podcast_player_active .podcast_small_wrapper {padding-left:24px; padding-bottom:20px;} .podcast_player_active .comments {display:block;} .podcast_player_active .podcast_small_info, .podcast_player_active .podcast_small_actions {display:none;} .podcast_player_active .raiting {display:block;} .podcast_player_active .podcast_player_top .user_icon {padding:0;} .podcast_player_active .podcast_player_top .user_icon:before {left:-11px;} .podcast_player_active .podster_audio_player {display:block;} /*podcast_paid*/ .podcast_paid .podster_share {display:none;} .podcast_paid .podster_playlist {right:0;} .podcast_paid .podster_audio_player {margin:0; padding:0 0 15px 0;} /*podcast_unpaid*/ .podcast_unpaid .podster_player_actions, .podcast_unpaid .podcast_content_issue_listening {display:none;} .podcast_unpaid .podster_audio_player {margin:0; padding:0 0 15px 0;} .podcast_unpaid .comments {display:none;} .podcast_unpaid .podcast_content_issue, .podcast_unpaid .podster_audio_player, .podcast_unpaid .podcast_content_text, .podcast_unpaid .podcast_content_gallery {opacity:0.7;} .podcast_unpaid .podcast_content_text a {color:#555;} .podcast_unpaid .podcast_content_text a:hover {color:#000;} .podcast_content_unpaid_text {margin:0 0 20px 0; font-size:14px; color:#000; padding:10px; border:1px solid #d3d3d3; background:#efefef; text-align:center;} .podcast_unpaid .podcast_content_top {padding:0;} .podcast_unpaid .title {padding:0 60px 0 0;} /*podcast_paid_edit*/ .podcast_paid_edit_top {} .podcast_paid_edit_top .title {float:left;} .podcast_paid_edit_top .row {float:right; padding:0;} /*podcast_promo*/ .podcast_promo {padding:0 0 22px 0;} .podcast_promo .button_disabled {display:none;} /*alert*/ /*.alert_on {overflow:hidden;}*/ .alert {position:fixed; height:100%; width:100%; left:0; top:0; z-index:1000; display:none;} .alert_on .alert {display:block;} .overlay {position:absolute; height:100%; width:100%; left:0; top:0; background:#efefef; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 5-7 */ filter: alpha(opacity=50); /* Netscape */ -moz-opacity: 0.5; /* Safari 1.x */ -khtml-opacity: 0.5; /* Good browsers */ opacity: 0.5; } .alert_block {position:relative; width:100%; height:100%; left:0; top:0; overflow:hidden; z-index:10;} .alert_outer {position:absolute; left:0; top:0; width:100%; height:100%; z-index:40;} .alert_block_empty {height:100px;} .alert_block_content {position:absolute; z-index:50; width:500px; left:50%; margin:-58px 0 0 -271px; top:50%; border:1px solid #d3d3d3; box-shadow:0 0 10px rgba(0,0,0, 0.4); padding:20px; text-align:center; background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #f9f9f9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%,#f9f9f9 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%,#f9f9f9 100%); /* W3C */} .alert_block_text {font-size:16px; line-height:1.5; padding:0 0 20px 0;} .alert_block_actions .button, .alert_block_actions .button2 {margin:0 10px; width:80px;} .alert_block_form .row {text-align:center;} .alert_block_form .row .custom_radio_holder {float:none; display:inline-block; vertical-align:top;} .alert_block_form .radio_area label {float:none; display:inline-block; vertical-align:top; margin:0;} .alert_block_close {position:absolute; right:-11px; top:-11px; width:20px; height:20px; border:1px solid #aaa; border-radius:6px; background:#fff; cursor:pointer; z-index:20;} .alert_block_close span {position:absolute; left:50%; top:50%; margin:-5px 0 0 -5px; width:10px; height:10px; display:block; background:url(/i/icons.png) no-repeat -160px -1192px;} /*confirm_popup*/ .confirm_text {line-height:1.5; padding:0 0 20px 0;} /*error_illustration*/ .error_illustration {background:url(/i/404_img.png) no-repeat center #00aeef;} .error_illustration_link {width:100%; height:100%; display:block; text-indent:-9999px;} /* For mobile */ .mobile .wrapper {padding:0;} .mobile .site_header {position:relative; left:auto; top:auto;} .mobile .button span, .mobile .button2 span {border-radius:0;} /*cabinet page*/ .cabinet_page .wrap_it_all:before {content:""; display:block; position:absolute; left:0; top:0; width:280px; height:100%; background:url(/i/cabinet_bg.jpg) repeat #5e5d59;} .cabinet_columns {position:relative; z-index:22; padding:25px 0; min-height:1px;} .cabinet_content {float:left; width:100%;} .cabinet_content_wrapper {margin:0 20px 0 300px;} .cabinet_sidebar {float:left; width:280px; margin-left:-100%; color:#fff; background:url(/i/cabinet_bg.jpg) repeat #5e5d59;} /*cabinet_sidebar*/ .cabinet_sidebar a {color:#4dc4ff;} .cabinet_sidebar a:hover {color:#fff;} .my_money {padding:0 0 50px 0;} .my_money_block {padding:0 0 10px 0;} .my_money_title {font-size:14px; color:#fff; padding:10px 20px 15px 20px; line-height:1.4;} .my_money_total {background:url(/i/purse.png) no-repeat left center; min-height:32px; padding:12px 0 0 54px; font-size:32px; line-height:1; margin:0 15px 5px 30px;} .my_money_deposit {padding:10px 20px;} .my_money_sections {margin:0 20px; padding:7px 0 0 0;} .my_money_sections li {display:block; list-style:none; padding:2px 0; min-height:1px; line-height:1.4;} .my_money_withdraw {margin:0 20px; padding:5px 0 10px 0;} .my_money_sep {border-bottom:1px solid #52514d; background:#848381; height:1px; margin:0 20px;} .cabinet_menu {padding:0 0 15px 0; min-height:1px;} .cabinet_menu ul li {display:block; list-style:none; line-height:1.4; font-size:16px;} .cabinet_menu ul li a {display:block; padding:10px 20px; color:#4dc4ff; min-height:1px;} .cabinet_menu ul li.cabinet_menu_current a {background:#159bcc; color:#fff;} .cabinet_call_support a {display:block; padding:10px 20px; line-height:1.4;} /*cabinet_content*/ .cabinet_title {font-size:22px; padding:0 0 20px 0;} .cabinet_content .user_tabs {background:none; height:43px; margin:0 0 -1px 0;} .cabinet_content .user_tabs .center {height:43px;} .cabinet_content .user_tabs nav {right:0; left:20px;} .cabinet_content_holder {border:1px solid #d3d3d3; padding:15px 20px 0 20px; min-height:1px;} .cabinet_period_choose {padding:0 0 15px 0;} .cabinet_period_choose .sub_text {padding:0 10px;} .cabinet_text {padding:0 0 20px 0; font-size:14px; line-height:1.4;} .cabinet_text span {padding:0 5px;} .cabinet_text a {margin:0 10px;} .cabinet_text i {font-size:12px;} .cabinet_table table {width:100%; border-collapse:collapse; border-spacing:0;} .cabinet_table table tr td {padding:10px; vertical-align:middle; line-height:1.4;} .cabinet_table table .cabinet_table_top td {background:#f2f2f0; border-bottom:1px solid #dcdcdc; color:#333;} .cabinet_table table tr td.cabinet_table_podcast {width:350px;} .cabinet_table table .cabinet_table_bg td {background:#f6f6f5;} .cabinet_table table tr .cabinet_table_count {font-size:14px;} .cabinet_table table tr .cabinet_table_money {font-size:16px; white-space:nowrap;} .cabinet_table table .cabinet_table_top .cabinet_table_count, .cabinet_table table .cabinet_table_top .cabinet_table_money {font-size:12px; white-space:normal;} .cabinet_table table tr.cabinet_table_summ td {font-weight:bold;} .cabinet_radio_set {padding:0 0 10px 0; overflow:hidden;} .cabinet_radio_set .cabinet_radio_block {display:block; float:left; margin:0 20px 0 0; line-height:29px;} .cabinet_radio_set .cabinet_radio_block span {font-size:14px;} .cabinet_radio_set .cabinet_radio_block span, .cabinet_radio_set .cabinet_radio_block input {vertical-align:middle; display:inline-block;} .cabinet_radio_set .cabinet_radio_block input[type=radio] {cursor:pointer;} .cabinet_radio_set .cabinet_radio_block span {padding:0 5px;} .cabinet_radio_set .cabinet_radio_block .form_text {display:inline-block; float:none; width:240px; display:none;} /*cabinet_partner*/ .cabinet_partner_filter {padding:0 250px 15px 0;} .cabinet_partner_filter_holder {position:relative; height:29px; padding:0 40px 0 0;} .cabinet_partner_filter .sub_text {padding:0 10px;} .cabinet_parter_search {position:absolute; right:0; top:0; width:100%;} .cabinet_parter_search .cabinet_parter_search_form {z-index:5;} .cabinet_parter_search .cabinet_parter_search_form .button_search {position:absolute; display:block; right:0; top:0;} .cabinet_parter_search .cabinet_parter_search_form .form_text {padding-right:60px; display:block; position:absolute; right:0; top:0; visibility:hidden; width:0;} #cabinet_partner_search_show {display:block; position:absolute; right:0; top:0; z-index:10;} #cabinet_partner_search_hide {display:block; position:absolute; right:30px; top:0; z-index:10; display:none;} #cabinet_partner_search_hide span {background:none; border:none; width:30px; height:30px;} #cabinet_partner_search_hide:hover {box-shadow:none;} #cabinet_partner_search_hide:active {box-shadow:none;} .cabinet_parter_search_active {width:100%; z-index:25;} .cabinet_parter_search_active #cabinet_partner_search_show {display:none;} .cabinet_parter_search_active #cabinet_partner_search_hide {display:block;} .cabinet_parter_search_active .cabinet_parter_search_form .form_text {width:100%; visibility:visible;} .cabinet_partner_codes {margin:0 0 15px 0; border:1px solid #d3d3d3; padding:10px 10px 5px 10px; background:#efefef;} .cabinet_partner_codes_buttons {text-align:center;} .cabinet_partner_codes_buttons button {margin:0 0 10px 0;} .cabinet_partner_codes_blocks {display:none;} .cabinet_partner_codes_block {padding:0 0 10px 0;} .cabinet_partner_codes_block strong {font-weight:normal; display:block; padding:0 0 5px 0;} .cabinet_partner_content {width:100%; float:left;} .cabinet_partner_content_wrapper {margin:0 250px 0 0;} .cabinet_partner_podcasts {float:left; width:230px; margin:0 0 0 -230px; padding:0 0 15px 0;} .cabinet_partner_content .cabinet_table table tr td {padding:0;} .cabinet_partner_content .cabinet_table table tr.cabinet_table_bg td {background:none;} .cabinet_partner_content .load_more {padding:0 0 15px 0;} /*cabinet_partner_podcasts*/ .cabinet_partner_podcasts .cabinet_partner_podcasts_title {padding:0 0 10px 0; line-height:1.4; border-bottom:1px solid #ddd; color:#555; font-weight:bold;} .cabinet_partner_podcasts ul li {display:block; list-style:none; padding:10px; border:1px solid #ddd; border-top:none; line-height:1.4; background:#f9f9f9;} .cabinet_partner_podcasts_name {font-size:14px; padding:0 0 2px 0;} .cabinet_partner_podcasts_category, .cabinet_partner_podcasts_subscribers, .cabinet_partner_podcasts_listners {padding:0 0 2px 0;} /*partner_block*/ .partner_block {border:1px solid #eaeaea; box-shadow:0 0 2px rgba(196, 196, 196, 0.2); margin:0 0 15px 0; padding:10px; min-height:1px; position:relative; padding-right:50px;} .partner_block .partner_codes {position:absolute; right:10px; top:10px;} .partner_block .partner_codes a {display:block; margin:0 0 5px 0;} .partner_edition {font-size:14px;} .partner_podcast {padding:0 0 5px 0; font-style:italic;} .partner_podcast a {font-style:normal;} .partner_text {float:left; padding:0 10px 0 0; line-height:1.4;} .partner_link {padding:5px 0 0 0;} .cabinet_page .currency {font-size:12px; font-weight:normal;} .partner_block_main .partner_podcast {font-size:14px; font-style:normal; font-weight:bold;} .partner_block_main {border-color:#d3d3d3; box-shadow:0 0 5px rgba(196, 196, 196, 0.4); padding-right:10px;} .partner_block_main .partner_text {padding:0; width:100%;} .partner_block_main .cabinet_table .partner_block {margin:15px 0 0 0;} .partner_block_main .cabinet_table .partner_block .partner_text {width:auto; padding:0 10px 0 0;} .cabinet_partner_content_podcasts .cabinet_table .partner_edition {font-size:12px; padding:0 0 5px 0;} /* tarif_block */ .tarif-col{ padding-right: 7px; width: 33%; float: left; position: relative; min-height: 1px; padding-left: 12px; box-sizing: border-box; line-height: 1.5; } .tarif-box { padding: 0; -webkit-box-shadow: none; box-shadow: none; margin: 3px 0; border: 1px solid #CCC; } .tarif-color-dark { border-color: #00aeef; } .tarif-header { text-align: center; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: relative; min-height: 38px; background: #f7f7f7; background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); background-image: -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%); background-image: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0); color: #669FC7; border-bottom: 1px solid #DDD; padding-left: 12px; } .tarif-color-dark > .tarif-header { border-color: #00aeef; background: #00aeef; } .tarif-header > .widget-title { line-height: 36px; padding: 0; margin: 0; display: inline; font-size: 16px; color:white; } .tarif-body { background-color: #FFF; } .widget-main { padding: 12px; } .spaced2 > li { margin-top: 15px; margin-bottom: 15px; } .list-unstyled{ margin-left: 0; } .list-unstyled > li > .ace-icon:first-child, .list-inline > li > .ace-icon:first-child { width: 18px; text-align: center; } .list-unstyled > li { list-style-type: none; } .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; } .green { color: #69AA46 !important; } .tarif-color-orange { border-color: #00aeef; } .tarif-color-orange > .tarif-header { color: #855D10 !important; border-color: #00aeef; background: #00aeef; } .tarif-color-blue { border-color: #00aeef; } .tarif-color-blue > .tarif-header { background: #00aeef; border-color: #00aeef; } .bigger-110 { font-size: 110% !important; } .price { font-size: 22px; line-height: 20px; height: 28px; text-align: center; color: #555; } .widget-main > hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .tarif-btn_dark { font-size: 13px; background-color: #00aeef !important; border-color: #555555; display: inline-block; color: #FFF !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: none !important; border: 1px solid #009ed9; border-radius: 0; box-shadow: none !important; transition: background-color 0.15s, border-color 0.15s, opacity 0.15s; cursor: pointer; vertical-align: middle; position: relative; width: 95%; font-weight: normal; text-align: center; line-height: 1.42857143; text-decoration: none; margin-left: 5px; margin-top: 5px; margin-bottom: 5px; } .tarif-btn_orange { font-size: 13px; background-color: #00aeef !important; border-color: #00aeef; display: inline-block; color: #FFF !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: none !important; border: 1px solid #009ed9; border-radius: 0; box-shadow: none !important; transition: background-color 0.15s, border-color 0.15s, opacity 0.15s; cursor: pointer; vertical-align: middle; position: relative; width: 95%; font-weight: normal; text-align: center; line-height: 1.42857143; text-decoration: none; margin-left: 5px; margin-top: 5px; margin-bottom: 5px; } .tarif-btn_blue { font-size: 13px; background-color: #00aeef !important; border-color: #428BCA; display: inline-block; color: #FFF !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: none !important; border: 1px solid #009ed9; border-radius: 0; box-shadow: none !important; transition: background-color 0.15s, border-color 0.15s, opacity 0.15s; cursor: pointer; vertical-align: middle; position: relative; width: 95%; font-weight: normal; text-align: center; line-height: 1.42857143; text-decoration: none; margin-left: 5px; margin-top: 5px; margin-bottom: 5px; } .desc_tarif_header{ line-height: 1.6; font-size: 15px; padding-left: 12px; padding-bottom: 10px; } .desc_tarif_header > h1 { font-size: 20px; } .authors .del, .authors .del:hover { color: #FF0000; } .authors ul { list-style: none; padding: 0 0 5px 0; margin: 0; float: left; } .authors li { float: left; padding-right: 5px; } .authors .change { color: green; padding-left: 5px; } /*модальное окно превышения возможностей тарифа */ #modal_form { width: 300px; height: 200px; /* Рaзмеры дoлжны быть фиксирoвaны */ border-radius: 5px; border: 3px #000 solid; background: #fff; position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */ top: 45%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */ left: 50%; /* пoлoвинa экрaнa слевa */ margin-top: -150px; margin-left: -150px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */ display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */ opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */ z-index: 5; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */ padding: 20px 10px; } /* Кнoпкa зaкрыть для тех ктo в тaнке) */ #modal_form #modal_close { width: 21px; height: 21px; position: absolute; top: 10px; right: 10px; cursor: pointer; display: block; } /* Пoдлoжкa */ #overlay { z-index:3; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */ position:fixed; /* всегдa перекрывaет весь сaйт */ background-color:#000; /* чернaя */ opacity:0.8; /* нo немнoгo прoзрaчнa */ -moz-opacity:0.8; /* фикс прозрачности для старых браузеров */ filter:alpha(opacity=80); width:100%; height:100%; /* рaзмерoм вo весь экрaн */ top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */ left:0; cursor:pointer; display:none; /* в oбычнoм сoстoянии её нет) */ } #modal_div{ line-height: 1.5; font-size: 19px; padding-top: 15px; } .logo_pay_img { height: 30px; } /*** CSS File: /css/podster_player/brona.css ***/ *{ margin:0; padding:0; border:0; outline:none; } a{ text-decoration: none; } body, html{ /*height: 100%;*/ font-family: 'Inter', sans-serif; font-size: 14px; line-height: 1.71429; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #11142D; } #hap-wrapper{ position: relative; font-family: Arial, Helvetica, sans-serif; margin: 100px auto; width: 100%; max-width:800px; display: none; } .hap-player-outer{ transition: opacity 0.3s ease-in-out; opacity: 0; /*padding: 40px;*/ } .hap-brona-light .hap-player-outer { background: #fff; } body.dark .hap-brona-light .hap-player-outer { background: #23262F; } .hap-brona-dark .hap-player-outer { background: #23262F; } .hap-player-holder{ position:relative; display: flex; flex-direction:row; flex-wrap:nowrap; padding: 30px; } .hap-player-thumb-wrapper{ width:256px; height: 256px; position:relative; overflow:hidden; flex-shrink:0; margin-right: 20px; } .hap-player-thumb-wrapper .hap-player-mobile-info{ display: none; } .hap-player-thumb{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: 50% 50%; background-size: cover; transition: opacity 0.3s ease-in-out; opacity: 0; border-radius: 100%; } .hap-player-thumb-img{ display: none; } .hap-contr-btn{ position: relative; float: left; width: 40px; height: 40px; } .hap-btn{ display: none; height:100%; } /* material icons */ .hap-contr-btn i{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: color .1s ease-out; } /* svg */ .hap-contr-btn svg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 20px; fill:currentColor; transition: color .1s ease-out; } .hap-brona-light .hap-contr-btn svg, .hap-brona-light .hap-contr-btn i{ color:#999; } .hap-brona-light .hap-btn:hover svg, .hap-brona-light .hap-btn:hover i, .hap-brona-light .hap-contr-btn:hover > svg, .hap-brona-light .hap-contr-btn-hover svg, .hap-brona-light .hap-contr-btn:hover i, .hap-brona-light .hap-contr-btn-hover i{ color:#d24de9; } .hap-brona-dark .hap-contr-btn svg, .hap-brona-dark .hap-contr-btn i{ color:#666; } .hap-brona-dark .hap-btn:hover svg, .hap-brona-dark .hap-btn:hover i, .hap-brona-dark .hap-contr-btn:hover > svg, .hap-brona-dark .hap-contr-btn-hover svg, .hap-brona-dark .hap-contr-btn:hover i, .hap-brona-dark .hap-contr-btn-hover i{ color:#e91e63; } .hap-player-right{ position: relative; top:60px; height: 100%; overflow:hidden; flex:1; display: flex; flex-direction:column; margin-left: 25px; } .hap-seekbar-wrap{ margin-top: 31px; } .hap-seekbar{ position:relative; top:0; left:0; width: 100%; height:10px; cursor: pointer; touch-action: none; } .hap-progress-bg{ position:absolute; width:100%; top:50%; height:4px; } .hap-brona-light .hap-progress-bg{ background:#ccc; } .hap-brona-dark .hap-progress-bg{ background:#ccc; } .hap-load-level{ position:absolute; top:0; height:100%; } .hap-brona-light .hap-load-level{ background:#ddd; } .hap-brona-dark .hap-load-level{ background:#ddd; } .hap-progress-level{ position:absolute; top:0; height:100%; } .hap-brona-light .hap-progress-level{ background:#d24de9; } .hap-brona-dark .hap-progress-level{ background:#e91e63; } .hap-ad-progress-level{ background: #ffeb3b!important; } .hap-media-time{ position: relative; pointer-events:none; display: flex; flex-direction: row; justify-content: space-between; z-index: 2;/*above range handles!*/ } .hap-media-time-current, .hap-media-time-total{ position:relative; text-align: center; padding: 0!important; font-size:11px!important; pointer-events:none; width:auto; } .hap-media-time-current{ margin-left: 1px; } .hap-media-time-total{ margin-right: 1px; } .hap-media-time-ad{ display: none; position: relative; pointer-events: none; font-size: 11px; } .hap-brona-light .hap-media-time-current, .hap-brona-light .hap-media-time-total, .hap-brona-light .hap-media-time-ad{ color:#333 !important; } body.dark .hap-brona-light .hap-media-time-current, body.dark .hap-brona-light .hap-media-time-total, body.dark .hap-brona-light .hap-media-time-ad{ color:#fff !important; } .hap-brona-dark .hap-media-time-current, .hap-brona-dark .hap-media-time-total, .hap-brona-dark .hap-media-time-ad{ color:#fff !important; } .hap-center-elements{ position: relative; margin-left: 20px; } .hap-info{ position: relative; } .hap-player-title{ font-size:20px; margin:0; padding:0; margin-bottom: 5px; font-weight: 600; padding-right: 60px; line-height: 1.3em; } .hap-brona-light .hap-player-title{ color:#222; } body.dark .hap-brona-light .hap-player-title { color:#fff; } .hap-brona-dark .hap-player-title{ color:#fff; } .hap-player-artist{ font-size:14px; margin:0; padding:0; } .hap-brona-light .hap-player-artist{ color:#fff; } body.dark .hap-brona-light .hap-player-artist{ color:#fff; } .hap-brona-dark .hap-player-artist{ color:#fff; } .hap-player-stat { position: absolute; right: 0; top: 0; font-size: 14px; } .hap-brona-light .hap-player-stat{ color: #222; } body.dark .hap-brona-light .hap-player-stat{ color:#fff; } .hap-brona-dark .hap-player-stat{ color: #fff; } .hap-brona-light .hap-player-description{ color:#222; } body.dark .hap-brona-light .hap-player-description{ color:#fff; } .hap-brona-dark .hap-player-description{ color:#fff; } .hap-controls{ display: flex; flex-direction: row; justify-content: space-between; position: relative; margin-top: 5px; } .hap-controls-left{ margin-left: -12px; } .hap-controls-right{ margin-right: -12px; } .hap-controls-right .hap-contr-btn i{ font-size: 19px; } .hap-share-toggle i{ font-size: 18px!important; } .hap-listen-on-podster { display: flex; justify-content: center; align-items: center; } .hap-listen-on-podster img { width: 18px; height: 18px; } .hap-volume-seekbar{ position: relative; width:120px; height:100%; left: 40px; cursor: pointer; touch-action: none; display: none; } .hap-volume-wrap:hover .hap-volume-seekbar{ display: block; } .hap-volume-toggle i{ font-size: 20px!important; } .hap-volume-bg{ position:absolute; top:19px; left:10px; width:100px; height:4px; } .hap-brona-light .hap-volume-bg{ background:#ddd; } .hap-brona-dark .hap-volume-bg{ background:#ddd; } .hap-volume-level{ position:absolute; top:0; left:0; height:100%; } .hap-brona-light .hap-volume-level{ background:#d24de9; } .hap-brona-dark .hap-volume-level{ background:#e91e63; } #hap-playlist-list{ display:none; } .hap-playlist-holder{ position:relative; width:100%; overflow:hidden; height: auto; } .hap-playlist-inner{ position: relative; padding: 30px; min-height: 150px; max-height: 340px; box-sizing:border-box; height: calc(100% - 40px); } .hap-playlist-item{ position: relative; top:0px; left:0px; font-size:16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: flex; padding: 13px 0; } .hap-brona-light .hap-playlist-item{ border-top: 1px solid #efefef; } .hap-playlist-item:first-child { border-top:none; } .hap-playlist-item-content { cursor: pointer; flex:1; display:flex; align-items:center; overflow: hidden; margin-right: 10px; } .hap-playlist-thumb{ position:relative; top:0px; left:0px; height:40px; flex-shrink: 0; overflow:hidden; margin-right: 10px; border-radius: 12px; } .hap-thumbimg{ position:relative; top:0px; left:0px; display:block; height:100%; max-width: none!important; opacity: 0; -webkit-backface-visibility: hidden; } .hap-brona-light .hap-playlist-title-wrap{ color: #222; } .hap-brona-dark .hap-playlist-title-wrap{ color: #ccc; } .hap-brona-light .hap-playlist-item-selected .hap-playlist-title-wrap{ color:#d24de9; } .hap-brona-dark .hap-playlist-item-selected .hap-playlist-title-wrap{ color:#e91e63; } .hap-playlist-info{ flex:1; display: flex; flex-direction: column; justify-content: space-around; overflow: hidden; margin-right: 10px; } .hap-playlist-info2{ position: relative; margin-left: auto; flex-shrink:0; display: flex; flex-direction:column; justify-content: space-around; text-align: right; } .hap-playlist-description{ font-size: 13px; } .hap-brona-light .hap-playlist-description{ color: #222; } .hap-brona-dark .hap-playlist-description{ color: #787878; } .hap-playlist-duration{ font-size: 14px; } .hap-brona-light.hap-playlist-duration{ color: #222; } .hap-brona-dark .hap-playlist-duration{ color: #ccc; } .hap-playlist-date{ font-size: 11px; } .hap-brona-light.hap-playlist-date{ color: #666; } .hap-brona-dark .hap-playlist-date{ color: #787878; } .hap-playlist-title-wrap{ display: flex; flex-direction: row; align-items: baseline; } .hap-playlist-icons{ display:flex; margin-left: auto; } .hap-playlist-item-multiline .hap-playlist-item{ flex-direction:column; } .hap-playlist-item-multiline .hap-playlist-icons{ margin-top: 10px; } .hap-download, .hap-link{ text-align: center; min-width: 30px; margin: 0 10px; border: 0!important; box-shadow: none!important; display: flex; justify-content: center; flex-direction: column; position: relative; } .hap-brona-light .hap-download, .hap-brona-light .hap-link{ color:#666!important; } .hap-brona-dark .hap-download, .hap-brona-dark .hap-link{ color:#666!important; } .hap-download svg, .hap-link svg{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 16px; fill:currentColor; transition: color .1s ease-out; } .hap-brona-light .hap-download:hover i, .hap-brona-light .hap-link:hover i{ color:#d24de9!important; } .hap-brona-dark .hap-download:hover i, .hap-brona-dark .hap-link:hover i{ color:#e91e63!important; } .hap-playlist-filter-msg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; } .hap-playlist-filter::placeholder { color: inherit!important; } .hap-playlist-filter-msg span{ position: relative; float: left; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 16px; } .hap-brona-light .hap-playlist-filter-msg span{ color: #d24de9; } .hap-brona-dark .hap-playlist-filter-msg span{ color: #e91e63 !important; } .hap-bottom-bar{ position:relative; top:0; height:40px; width:100%; display: flex; align-items: center; overflow: hidden; justify-content: center; } .hap-search-filter{ position:relative; width:200px!important; height:23px!important; margin:0!important; padding:0!important; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; border-radius:0 !important; box-shadow:none!important; line-height:1!important; outline:none; font-size: 13px; text-align: center; } .hap-brona-light .hap-search-filter{ background: #fff!important; color: #828282 !important; border-bottom: 1px solid #ccc!important; } .hap-brona-dark .hap-search-filter{ background: #2a2a2a!important; color: #828282 !important; } .hap-search-filter::placeholder { color: inherit!important; } .hap-playback-rate-holder, .hap-share-holder{ position: absolute; width: 300px; height: 70px; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10; display: none; } .hap-share-holder{ max-width: 400px; width:100%; } .hap-brona-light .hap-playback-rate-holder, .hap-brona-light .hap-share-holder{ background: #fff; border: 1px solid #ddd; } .hap-brona-dark .hap-playback-rate-holder, .hap-brona-dark .hap-share-holder{ background: #1b1b1b; border: 1px solid #333; } .hap-share-holder-inner{ height: 34px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; } .hap-playback-rate-close, .hap-share-close{ position: absolute; width: 34px; height: 34px; top: 0; right: 0; } .hap-playback-rate-close i, .hap-share-close i{ font-size: 18px; } .hap-share-item{ position:relative; width:25px; height:100%; text-align: center; float: left; margin-right: 15px; } .hap-share-item[data-type="facebook"] svg{ color: #3b5998!important; } .hap-share-item[data-type="twitter"] svg{ color: #00aced!important; } .hap-share-item[data-type="tumblr"] svg{ color: #34526f!important; } .hap-share-item[data-type="whatsapp"] svg{ color: #25D366!important; } .hap-share-item[data-type="linkedin"] svg{ color: #007bb6!important; } .hap-share-item[data-type="reddit"] svg{ color: #FF4301!important; } .hap-share-item[data-type="digg"] svg{ color: #005be2!important; } .hap-share-item[data-type="pinterest"] svg{ color: #cb2027!important; } /* playback rate */ .hap-playback-rate-seekbar{ position: relative; width:200px; height:30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; touch-action: none; } .hap-playback-rate-bg{ position:absolute; top:17px; left:10px; width:180px; height:4px; } .hap-brona-light .hap-playback-rate-bg{ background:#ddd; } .hap-brona-dark .hap-playback-rate-bg{ background:#ddd; } .hap-playback-rate-level{ position:absolute; top:0; left:0; height:100%; } .hap-brona-light .hap-playback-rate-level{ background:#d24de9; } .hap-brona-dark .hap-playback-rate-level{ background:#e91e63; } .hap-tooltip{ position:absolute; text-align:center; z-index:10000; pointer-events:none; display:none; font-size:12px!important; padding:2px 5px !important; line-height:20px !important; white-space:nowrap; } .hap-brona-light .hap-tooltip{ background:#d24de9; color:#fff!important; box-shadow: 1px 1px 5px #999; } .hap-brona-dark .hap-tooltip{ background:#e91e63; color:#fff!important; } .hap-preloader { position:absolute; top:50%; left:50%; width: 40px; height: 40px; margin-left:-20px; margin-top:-34px; -webkit-animation: hap_preloader 1.2s infinite ease-in-out; animation: hap_preloader 1.2s infinite ease-in-out; } .hap-brona-light .hap-preloader { background-color: #d24de9; } .hap-brona-dark .hap-preloader { background-color: #e91e63; } @-webkit-keyframes hap_preloader { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes hap_preloader { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } .hap-visible { opacity: 1!important; -webkit-transition: opacity 500ms ease-out; -moz-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out; } .hap-playlist-inner .mCSB_inside > .mCSB_container { margin-right: 30px; } .hap-mCSB_full{/* hide scroll area when no scroll */ margin-right: 0!important; } /* @media only screen and (max-width: 650px) { .hap-player-holder{ height: auto; flex-direction:column; } .hap-player-thumb-wrapper{ width: 100%; height: auto; padding-top: 100%; } .hap-player-right{ flex:none; } .hap-center-elements{ margin-left: 0; margin-top: 20px; } .hap-playlist-inner{ padding: 0 30px 30px 30px; } } @media only screen and (max-width: 550px) { .hap-volume-seekbar{ display: none!important; } .hap-popup-toggle, .hap-playback-rate-toggle{ display: none; } }*/ .hap-mobile-controls { display: none; } .hap-mobile-controls .material-icons { font-size: 54px; } .hap-mobile-controls .hap-contr-btn { width: 60px; height: 60px; } /* javascript breakpoints */ .hap-breakpoint-650 .hap-player-holder{ height: auto; flex-direction:column; align-items: center; padding: 0; } /*.hap-breakpoint-650 .hap-player-thumb-wrapper{ width: 35%; height: auto; padding-top: 35%; margin-top: 10px; margin-right: 0; }*/ .hap-breakpoint-650 .hap-player-thumb-wrapper{ display: flex; width: unset; height: auto; padding-top: 0; margin-top: 10px; margin-right: 0; } .hap-breakpoint-650 .hap-info .hap-player-title{ display: none; } .hap-player-mobile-info .hap-player-title { padding-right: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .hap-breakpoint-650 .hap-info .raiting{ display: none; } .hap-breakpoint-650 .hap-player-thumb-wrapper .hap-player-mobile-info{ display: block; width: 100%; margin-left: 5px; } .hap-breakpoint-650 .hap-player-thumb{ display: none; } .hap-breakpoint-650 .hap-player-thumb-img{ display: block; width: 35%; height: 35%; margin: 0 5px; } .hap-breakpoint-650 .hap-player-right{ flex:none; top: 0; margin: 0 10px; width: 96%; } .hap-breakpoint-650 .hap-center-elements{ margin-left: 0; } .hap-breakpoint-650 .hap-playlist-inner{ padding: 0 30px 30px 30px; } .hap-breakpoint-650 .hap-cntr-btn { font-size: 46px!important; } .hap-breakpoint-650 .hap-volume-toggle i { font-size: 36px!important; } .hap-breakpoint-550 .hap-popup-toggle { display: none; } .hap-breakpoint-650 .hap-mobile-controls { display: flex; } .hap-breakpoint-650 .material-icons { font-size: 36px; } .hap-breakpoint-650 .hap-contr-btn { width: 36px; height: 36px; } .hap-breakpoint-650 .hap-contr-btn svg{ height: 30px; } .hap-breakpoint-650 .hap-controls-right .hap-contr-btn i { font-size: 28px!important; } .hap-breakpoint-650 .hap-controls-right { margin-right: 0px; } .hap-breakpoint-650 .hap-seekbar-wrap { margin-top: 20px; } .hap-breakpoint-550 .hap-volume-seekbar{ top:8%; } .hap-breakpoint-650 .hap-share-toggle i { font-size: 36px!important; left:48%; } .hap-breakpoint-650 .hap-listen-on-podster img { width: 24px; height: 24px; } .hap-breakpoint-650 .hap-share-holder { height: auto; } .hap-breakpoint-650 .hap-share-holder-inner { flex-wrap: wrap; padding: 8px 0; transform: unset; height: unset; position: unset; } .hap-breakpoint-650 .hap-playback-rate-close i, .hap-breakpoint-650 .hap-share-close i { font-size: 26px!important; } .hap-youtube-holder, .hap-iframe-blocker{ position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; } .hap-media{ width: 100%; height: 100%; position:absolute; user-select: none; visibility: visible; top:0; left:0; max-width:none!important; } /* statistics */ .hap-stats{ height: 100%; line-height: 1; display: flex; justify-content:space-around; min-width:200px; } .hap-play-count, .hap-like-count, .hap-download-count{ display: flex; flex: 1; box-shadow: none; cursor:pointer; border: none; margin: 0 10px; align-items: center; color: inherit; } .hap-stats svg{ width:25px; height:15px; text-align: center; fill:currentColor; } .hap-stats span{ margin:0!important; padding:0!important; font-size:12px!important; pointer-events:none; flex-shrink:0; } .hap-stats svg, .hap-stats span{ color:#666; } .hap-play-count:hover > svg, .hap-like-count:hover > svg, .hap-download-count:hover > svg{ color:#e91e63; } /* load more */ .hap-load-more-wrap{ position: relative; display: flex; align-items: center; justify-content: center; padding: 5px; } .hap-load-more-btn{ display: inline-block; padding: 0 5px; transition: all 0.2s ease-out; cursor: pointer; opacity: 0; font-size: 16px; } .hap-brona-light .hap-load-more-btn{ color: #333; background: #ddd; } .hap-brona-light .hap-load-more-btn:hover{ color: #fff; background: #777; } .hap-brona-dark .hap-load-more-btn{ color: #ccc; background: #e91e63; } .hap-brona-dark .hap-load-more-btn:hover{ color: #fff; background: #b8b8b8; } /*raiting*/ .raiting {position:absolute; padding:0 12px; width:74px; text-align:center; right:0; top:0; font-size:12px; color:#646464; height:24px; line-height:34px;} .rait_up, .rait_down {display:block; border:none; cursor:pointer; width:24px; height:24px; position:absolute; right:0; top:50%; display:none; margin:-6px 0 0 0;} .rait_up {background:url(/i/like.png) no-repeat;background-size: contain;} .rait_down {background:url(/i/dislike.png) no-repeat;background-size: contain;left:0; right:auto;} .rait_up:hover {background:url(/i/like_hover.png) no-repeat;background-size: contain;} .rait_down:hover {background:url(/i/dislike_hovering.png) no-repeat;background-size: contain;left:0; right:auto;} .rait_up:active {background:url(/i/like_active.png) no-repeat;background-size: contain;} .rait_up_active {background:url(/i/like_active.png) no-repeat;background-size: contain;} .rait_down:active {background:url(/i/dislike_active.png) no-repeat;background-size: contain;left:0; right:auto;} .rait_down_active {background:url(/i/dislike_active.png) no-repeat;background-size: contain;} .raiting:hover .rait_up, .raiting:hover .rait_down {display:block;} .raiting_visible .rait_up, .raiting_visible .rait_down {display:block;} .raiting:hover .rait_total {cursor:default;} .podcast .raiting {position:absolute; right:0; top:0;} .raiting button:disabled {display:none;}