/* == 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: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar{ -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; } .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; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .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(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); } /* ---------------------------------------- */ /** Responsive utilities @media(max-width:767px){} @media(min-width:768px){} @media(min-width:992px){} @media(min-width:1200px){} */ /** Fonts */ /* @font-face { font-family: 'Ubuntu'; src: url('../fonts/Ubuntu-Regular.eot'); // IE9 Compat Modes src: url('../fonts/Ubuntu-Regular.eot?#iefix') format('embedded-opentype'), // IE6-IE8 url('../fonts/Ubuntu-Regular.woff') format('woff'), // Modern Browsers url('../fonts/Ubuntu-Regular.ttf') format('truetype'), // Safari, Android, iOS url('../fonts/Ubuntu-Regular.svg') format('svg'); // Legacy iOS } */ /** Images */ @media(max-width:767px){ .page-content img{ /*width:90% !important;*/ height:auto !important; display: block; margin:0 auto; } } @media(min-width:768px){} @media(min-width:992px){} @media(min-width:1200px){} /** General settins */ body{ font-family: Ubuntu; min-width: 280px; max-width: 1170px; margin: 0px auto; font-size: 14px; } td,th{ padding: 0; } h1,h2{ letter-spacing: 0.01em; font-weight: 300; } h3 { letter-spacing: 0.01em; font-weight: 300; font-size: 22px; } .frontpage h3 { letter-spacing: 0.01em; font-weight: 300; font-size: 21px; } h3.pull-left { padding-top: 6px !important; } h4,h5,h6{ letter-spacing: 0.01em; font-weight: normal; } a { color: #3377B1; } table.vcard > tbody > tr > td:first-child a { color: #2F6DA1; /* darkened by 10 for accessibility */ } .dropdown-menu{ min-width: 100px; } .breadcrumbcurrent { color: #6B6B6B; } /** Top Panel */ .top-panel { border-top: 3px solid #1f97ff; border-bottom: 1px solid #ddd; background: #f0f0f0; position: relative; z-index: 1001; /*padding: 9px 0 ;*/ } .noleftpadding { padding-left: 0; } .topshortcuts { height: 42px; background: #f0f0f0; /* Old browsers */ background: -moz-linear-gradient(top, #f0f0f0 0%, #e1e1e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f0f0f0 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f0f0f0 0%,#e1e1e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f0f0f0 0%,#e1e1e1 100%); /* IE10+ */ background: linear-gradient(to bottom, #f0f0f0 0%,#e1e1e1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */ } .topshortcuts > ul { padding-top: 11px; } .logocontainer { background: -moz-linear-gradient(top, rgba(126,126,126,0.41) 0%, rgba(0,0,0,0.41) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(126,126,126,0.41)), color-stop(100%,rgba(0,0,0,0.41))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(126,126,126,0.41) 0%,rgba(0,0,0,0.41) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(126,126,126,0.41) 0%,rgba(0,0,0,0.41) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(126,126,126,0.41) 0%,rgba(0,0,0,0.41) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(126,126,126,0.41) 0%,rgba(0,0,0,0.41) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#697e7e7e', endColorstr='#69000000',GradientType=0 ); /* IE6-9 */ } .logo.hidden-lg { float: left; background-color: rgba(51,51,51,0.65); border-radius: 8px; } @media(max-width:767px){ .logocontainer { background: none; } } .rightcontent { margin-top: 1%; } .pagnums { font-weight: bold; } .caret { color: #999; } /** List Menu */ .list-panel { zoom: 1; display: inline-block; float: left; margin: 0.28em 0; padding: 0; } .list-panel:before, .list-panel:after { display: table; content: ""; line-height: 0; } .list-panel:after { clear: both; } .list-panel li { float: left; /*border-left: 2px solid #a0a0a0;*/ border-right: 2px solid #C8C8C8; font-size: 12px; line-height: 12px; display: block; padding: 0 8px; } /* .list-panel li:first-child { border-left: none; } */ .list-panel li:last-child { border-right: none; padding-right: 0; } .list-panel li a { /*color: #6a6a6a;*/ color: #1a1a1a; /*still not good enough*/ } .list-panel li a:hover { color: #1f97ff; } /** Language block */ #language-btngroup{ border-radius: 0; } .language-list{ float:right; padding-top: 4px; margin-right: 5px; } @media(max-width:767px){ .langdiv { text-align: center; height: 42px; padding-right: 9px !important; background: #f0f0f0; /* Old browsers */ background: -moz-linear-gradient(top, #f0f0f0 0%, #e1e1e1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e1e1e1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f0f0f0 0%,#e1e1e1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f0f0f0 0%,#e1e1e1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f0f0f0 0%,#e1e1e1 100%); /* IE10+ */ background: linear-gradient(to bottom, #f0f0f0 0%,#e1e1e1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */ } .mtaname { padding-right: 9px; } } #language-btngroup img{ margin-right: 3%; vertical-align: text-bottom; } .language-list li img{ margin-right: 5%; } /** Header */ @media(max-width:767px){ .header_design{ background: none; } .header_top{ display: block; } .logo{ max-width: 50%; } .mtaname{ margin-top: 1px !important; font-size: 10pt !important; } .instname { font-size: 12pt !important; } } @media(max-width:480px){ /*@media(max-width:767px){*/ .col-xxs-12 { width: 100%; } .langdiv { text-align: center; background: transparent; } .language-list{ float:none; padding-top: 4px; padding-bottom: 4px; } .mtaname{ margin-top: 1px !important; font-size: 6pt !important; margin-top: 0 !important; } .instname { font-size: 10pt !important; } } @media(min-width:768px){ .header_design{ background: url("../img/headerbg.jpg") no-repeat scroll center top rgba(0, 0, 0, 0); border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; } .header_top{ } .logo{ max-width: 75%; } } @media(min-width:992px){ .header_design{ background: url("../img/headerbg.jpg") no-repeat scroll center top rgba(0, 0, 0, 0); } .header_top{ height:80px; } .logo{ max-width: 75%; } } .langdiv { padding-right: 0; } .logo{ display: block; /*margin: 0 auto;*/ margin: 20px auto 20px auto; } .header_design{ background-size: 100% auto; } .institute-name div{ /* color: #fff; word-spacing: 9999px; padding-top: 3.5%; font-size: 3em; */ margin:0; color: #fff; font-weight: 300; letter-spacing: 0.01em; line-height: 1.1; font-size: 22pt; padding-top: 7.9%; padding-right: 29px; text-align: right; /*padding-top: 50%;*/ /*text-shadow: 0 0 5px #fff;*/ text-shadow: -1px 0 #A5A7A8, 0 1px #717778, 1px 0 #717778, 0 -1px #8D9393; } /* .institute-name h1:hover{ color: #1f97ff; cursor: pointer; } */ .claret { /*color: rgb(149,20,25);*/ } .instname { color: #454545 !important; float: right; font-family: Ubuntu; font-size: 20pt; font-weight: 600; margin-top: 1px; } .header_top{ position: relative; overflow: auto; } .header_top img:first-child{ position: relative; float:left; max-width: 100%; display: inline-block; } .header_top img:last-child{ position: absolute; -webkit-backface-visibility: hidden; right:0; top:2%; margin-top: 2.6%; max-width: 75%; display: inline-block; } /* .header_top div:last-child{ font-family: Ubuntu, serif; font-size: 14pt; position: absolute; -webkit-backface-visibility: hidden; right:0; top:2%; margin-top: 10px; max-width: 75%; display: inline-block; } */ .header_top div:last-child{ font-family: Ubuntu, serif; font-size: 13pt; position: absolute; -webkit-backface-visibility: hidden; right:0; top:2%; margin-top: 10px; max-width: 75%; display: inline-block; font-weight: 600; text-align: right; } @media(min-width:1200px){ .header_top img:last-child{ position: absolute; -webkit-backface-visibility: hidden; right:0; top:2%; margin-top: 2.2%; max-width: 75%; display: inline-block; } .header_top div:last-child{ position: absolute; -webkit-backface-visibility: hidden; right:0; top:2%; margin-top: 10px; max-width: 75%; display: inline-block; } } /** Navbar */ nav[role="navigation"]{ min-height: 0; margin-bottom: 0; } .navbar-collapse > .navbar-nav { margin: 0; } @media(max-width:767px){ nav[role="navigation"] ul.navbar-nav > li{ width: 100%; } nav[role="navigation"] button.navbar-toggle, nav[role="navigation"] button.navbar-toggle:focus{ background: none repeat scroll 0 0 #ccc; display: block; float: none; transition: background-color 0.5s ease 0s, color 0.5s ease 0s, border-color 0.5s ease 0s; margin-left: 43%; position: relative; } nav[role="navigation"] li.dropdown-submenu ul{ list-style: none; } nav[role="navigation"] li.dropdown-submenu a { color:#777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #3377B1; padding-top: 10px; padding-bottom: 10px; } } @media(min-width:768px){ nav[role="navigation"] ul.navbar-nav > li{ width: 14.285%; } nav[role="navigation"] .container{ padding:0; font-size: 10px; } nav[role="navigation"] ul.navbar-nav > li > a{ padding: 10px 0; } nav[role="navigation"] ul.navbar-nav > li.dropdown > ul.dropdown-menu > li a{ background: none repeat scroll 0 0 #fff; /*color: #000;*/ display: block; font-size: 14px; font-weight: normal; padding: 8px 20px; text-transform: none; color: #3377B1; } nav[role="navigation"] ul.navbar-nav > li.dropdown > ul.dropdown-menu > li > ul.dropdown-submenu, nav[role="navigation"] ul.navbar-nav > li.dropdown > ul.dropdown-menu{ box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); left: 0; margin: 0; opacity: 0; padding: 0; transform: translateY(20px); transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; visibility: hidden; width: 250px; z-index: 1000; border-radius: 0; } nav[role="navigation"] ul.navbar-nav > li.dropdown > ul.dropdown-menu > li:hover > ul.dropdown-submenu, nav[role="navigation"] ul.navbar-nav > li.dropdown:hover > ul.dropdown-menu{ opacity: 1; transform: translateY(0px); visibility: visible; display: block; } nav[role="navigation"] ul.dropdown-menu{ display: block; } nav[role="navigation"] li.dropdown-submenu{ position: relative; } nav[role="navigation"] li.dropdown-submenu ul{ box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3); border-top: 1px solid rgba(0, 0, 0, 0.3); left: 248px; list-style: none outside none; padding-left: 5px; padding: 0; position: absolute; right: 0; top: 0; visibility: hidden; width: 250px; transition: transform 0.5s ease 0s, opacity 0.5s ease 0s; } nav[role="navigation"] li.dropdown-submenu:hover ul{ visibility: visible; opacity: 1; } } @media(min-width:992px){ nav[role="navigation"] .container{ padding:0; } nav[role="navigation"] ul.navbar-nav > li{ width: 14.285%; font-size: 11px; } } nav[role="navigation"] a{ text-decoration: none; } nav[role="navigation"] ul.navbar-nav li a:hover{ color: #1F97FF; background: #f0f0f0; } nav[role="navigation"] li.dropdown-submenu > a:before{ color: #1f97ff; content: ""; font-size: 9px; float:right; line-height: 12px; font-family: FontAwesome; line-height: 2.5em; } nav[role="navigation"] li.dropdown-submenu > a { display: block; right: 18px; top: 7px; z-index: 5; } nav[role="navigation"]{ background: none repeat scroll 0 0 #f9f9f9; border-top: 1px solid #e4e4e2; font-weight: bold; } nav[role="navigation"].navbar{ background-color: #f9f9f9; border-top: 1px solid #e4e4e2; } nav[role="navigation"] ul.navbar-nav{ width:100%; } nav[role="navigation"] ul.navbar-nav > li{ text-align:center; } nav[role="navigation"] ul.navbar-nav > li > a{ /* transition: all 0.3s ease 0s; text-transform: uppercase; border-top: 3px solid transparent; color: #1b1b1b; */ border-top: 3px solid transparent; color: #1b1b1b; font-size: 15.4px; font-weight: normal; font-weight: normal; transition: all 0.3s ease 0s; } nav[role="navigation"] ul.navbar-nav > li:hover, nav[role="navigation"] ul.navbar-nav > li.active{ box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.1); } nav[role="navigation"] ul.navbar-nav .open a:focus{ background: none; } nav[role="navigation"] ul.navbar-nav > li:hover > a, nav[role="navigation"] ul.navbar-nav > li.active > a, nav[role="navigation"] ul.navbar-nav > li.active > a:focus{ background: none repeat scroll 0 0 #fff; border-top: 3px solid #1f97ff; border-right-width: 1px; border-bottom-width:0px; border-left-width: 1px; color: #3377B1; /*#1f97ff;*/ } nav[role="navigation"] ul.navbar-nav > li.active > a:hover{ background: none repeat scroll 0 0 #fff; color: #3377B1; /*#1f97ff;*/ } .pagination > li > a { color: #3377B1; } .pagination > li > span { color: #3377B1; } .pagination > .active > span { background-color: #3377B1; } /** Single page */ .nopaddingtop { padding-top: 0 !important; } .nopaddingbottom { padding-bottom: 0 !important; } .nomargin { margin: 0 !important; } .novisible { display: none; } .panel-body { /*margin-bottom: 20px;*/ } .acceleratorStatus-1 { color: #fff; background-color: #AC4045; padding: 13px 20px; } .acceleratorStatus-2 { color: #fff; background-color: #3FAD3F; padding: 13px 20px; } /** Title */ .row-title { background: #f0f0f0; background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,245,245,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(240,240,240,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(245,245,245,1) 0%,rgba(240,240,240,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */ padding: 30px 0 32px; margin-bottom: 1%; border-bottom: 1px solid #E7E7E7; } .row-title h1 { font-weight: 300; font-size: 36px; line-height: 38px; color: #444; text-transform: none; margin: 0; float: left; } .row-title h2 { /* for temporal compatibility reasons - must be deleted after the corresponding accesibility bug has been resolved */ font-weight: 300; font-size: 36px; line-height: 38px; color: #444; text-transform: none; margin: 0; float: left; } .row-title .breadcrumb { background: none; float: right; padding: 8px 0 0 ; margin: 0; font-size: 13px; } .row-title .breadcrumb i { margin: 0 8px; } /** BreadCrumb */ div.breadcrumb{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); float: right; font-size: 13px; margin: 0; padding: 8px 0 0; } div.breadcrumb div[itemscope]{ float:left; } div.breadcrumb div[itemscope] a{ font-size: 13px; } div.breadcrumb div[itemscope] a{ color: #1b1b1b; outline: medium none; text-decoration: none; } div.breadcrumb div[itemscope] a:hover { color:#1f97ff; transition: color 0.4s ease 0s, background-color 0.4s ease 0s; } /** Tabs */ ul.resp-tabs-list{ border-right: 1px solid #e4e4e2; } .resp-tabs-list li a{ color: #1f1f1f; font-size: 15.4px; font-weight: normal; line-height: 24px; font-family: Ubuntu; text-decoration: none; transition: color 0.3s ease 0s; display: block; } .resp-tabs-list li.active a, .resp-tabs-list li:hover a{ color: #3377B1; /*#1f97ff;*/ } .resp-tabs-list li { border-top: 1px solid #e4e4e2; cursor: pointer; display: block; float: none; margin: 0; padding: 14px 20px 13px; background: rgb(248,248,248); /* Old browsers */ background: -moz-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(248,248,248,1)), color-stop(20%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(248,248,248,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(248,248,248,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(248,248,248,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(248,248,248,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } .resp-tabs-list li:last-child { border-bottom: 1px solid #e4e4e2; } .resp-tabs-list li.active { /*background: none repeat scroll 0 0 #fff;*/ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(251,251,251,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(80%,rgba(255,255,255,1)), color-stop(100%,rgba(251,251,251,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(251,251,251,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(251,251,251,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(251,251,251,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%,rgba(251,251,251,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=1 ); /* IE6-9 */ border-radius: 6px 0 0 6px; border-right: 3px solid #1f97ff; border-top: medium none; box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); color: #1f97ff; margin-top: 1px; position: relative; z-index: 1; } /** Frontpage */ .frontpage h3{ margin-bottom: 18px; } .frontpage a{ color: #1b1b1b; -webkit-transition: all 1s; -moz-transition:all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; font-size: 14px; } .frontpage a:hover{ color: #1f97ff; text-decoration: none; } .frontpage div.event{ text-align: center; padding: 2%; background-color: rgba(0,0,0,0.15); margin:2%; -webkit-transition: all 2s; -moz-transition:all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s; } .frontpage div.event:hover{ background-color: rgba(0,0,0,0.05); } .frontpage div.event img{ max-width: 150px; margin:3% auto; display: block; } .v_form_input { background: none repeat scroll 0 0 #f0f0f0; border: medium none; border-radius: 4px; box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-sizing: border-box; color: #666; font-size: 13px; height: 40px; line-height: 20px !important; margin: 0 0 10px; outline: medium none; padding: 10px 12px; width: 100%; } .btn-blue { background-color: #006ED4; background-repeat: repeat-x; border-bottom: 1px solid #0d4681 !important; border-top: 1px solid #65bbff !important; color: #fff; margin:2% auto; display:block; } .btn-blue:hover { background-color: #A5D4FF; } .btn-small { background-color: #282828; background-image: linear-gradient(to bottom, #373737, #121212); background-repeat: repeat-x; border-bottom: 1px solid #121212 !important; border-top: 1px solid #6e6e6e !important; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); color: #fff; display: inline-block; font-size: 14px; font-weight: normal; line-height: 1em; padding: 12px 29px; position: relative; text-decoration: none; text-shadow: none; transition: opacity 0.2s ease 0s; z-index: 1; } /** Buttons */ /* Buttons */ .btn-tags { background: #F0F0F0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset; border: none; display: inline-block; font-size: 13px; line-height: 18px; color: #1b1b1b; padding: 6px 14px; text-shadow: none; transition: all 0.3s ease 0s; } .btn-tags:hover { color: #fff; background: #1f97ff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5) inset; } .btn-shadow a{ margin-right: 0 !important; } .btn-double { *zoom: 1; background: rgba(0, 0, 0, 0.15); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4); display: inline-block; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; padding: 9px; border: 1px solid rgba(0, 0, 0, 0.25); } .btn-double:before, .btn-double:after { display: table; content: ""; line-height: 0; } .btn-double:after { clear: both; } .btn-double a { padding: 16px 30px; color: #FFF; display: inline-block; font-size: 26px; font-weight: normal; margin-bottom: 0; line-height: 1em; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3); } .btn-double a.btn-first { -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; background-color: #2498ff; background-image: -moz-linear-gradient(top, #2ba1ff, #198aff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff)); background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff); background-image: -o-linear-gradient(top, #2ba1ff, #198aff); background-image: linear-gradient(to bottom, #2ba1ff, #198aff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0); border-top: 1px solid #65bbff; border-bottom: 1px solid #0d4681 ; border-right: 1px solid #1f90f0 ; border-left: 1px solid #1f90f0 ; margin-right: 1px; } .btn-double a.btn-first:hover { background-color: #e1e1e1; background-image: -moz-linear-gradient(top, #e4e4e4, #dcdcdc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#dcdcdc)); background-image: -webkit-linear-gradient(top, #e4e4e4, #dcdcdc); background-image: -o-linear-gradient(top, #e4e4e4, #dcdcdc); background-image: linear-gradient(to bottom, #e4e4e4, #dcdcdc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4e4e4', endColorstr='#ffdcdcdc', GradientType=0); border-top: 1px solid #f1f1f1; border-bottom: 1px solid #a7a7a7 ; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc ; color: #1b1b1b; } .btn-double a.btn-second { -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; background-color: #489b0c; background-image: -moz-linear-gradient(top, #52a40f, #398e08); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52a40f), to(#398e08)); background-image: -webkit-linear-gradient(top, #52a40f, #398e08); background-image: -o-linear-gradient(top, #52a40f, #398e08); background-image: linear-gradient(to bottom, #52a40f, #398e08); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff52a40f', endColorstr='#ff398e08', GradientType=0); border-top: 1px solid #81be52; border-bottom: 1px solid #1d4804 ; border-right: 1px solid #48980d ; border-left: 1px solid #44950b ; margin-left: 1px; margin-right: 0; } .btn-double a.btn-second:hover { background-color: #e1e1e1; background-image: -moz-linear-gradient(top, #e4e4e4, #dcdcdc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#dcdcdc)); background-image: -webkit-linear-gradient(top, #e4e4e4, #dcdcdc); background-image: -o-linear-gradient(top, #e4e4e4, #dcdcdc); background-image: linear-gradient(to bottom, #e4e4e4, #dcdcdc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4e4e4', endColorstr='#ffdcdcdc', GradientType=0); border-top: 1px solid #f1f1f1; border-bottom: 1px solid #a7a7a7 ; border-right: 1px solid #dcdcdc; border-left: 1px solid #dcdcdc ; color: #1b1b1b; } .btn-large { display: inline-block; font-size: 26px; line-height: 1em; border: none; color: #ffffff; position: relative; -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); background-color: #282828; background-image: -moz-linear-gradient(top, #373737, #121212); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#121212)); background-image: -webkit-linear-gradient(top, #373737, #121212); background-image: -o-linear-gradient(top, #373737, #121212); background-image: linear-gradient(to bottom, #373737, #121212); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff373737', endColorstr='#ff121212', GradientType=0); border-top: 1px solid #6e6e6e; border-bottom: 1px solid #121212; padding: 16px 38px; z-index: 1; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; text-decoration: none; } .btn-large:hover { text-decoration: none; color: #ffffff; border-top: 1px solid #65bbff; border-bottom: 1px solid #0d4681; background-color: #2498ff; background-image: -moz-linear-gradient(top, #2ba1ff, #198aff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff)); background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff); background-image: -o-linear-gradient(top, #2ba1ff, #198aff); background-image: linear-gradient(to bottom, #2ba1ff, #198aff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0); } .btn-large.btn-shadow { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; border: none !important; } .btn-large.btn-shadow > span { display: block; position: relative; background-color: #282828; background-image: -moz-linear-gradient(top, #373737, #121212); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#121212)); background-image: -webkit-linear-gradient(top, #373737, #121212); background-image: -o-linear-gradient(top, #373737, #121212); background-image: linear-gradient(to bottom, #373737, #121212); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff373737', endColorstr='#ff121212', GradientType=0); border-top: 1px solid #6e6e6e; border-bottom: 1px solid #121212; padding: 16px 38px; z-index: 1; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; } .btn-large.btn-shadow:hover { border: none !important; color: #ffffff; text-decoration: none; } .btn-large.btn-shadow:hover > span { border-top: 1px solid #65bbff; border-bottom: 1px solid #0d4681; text-decoration: none; background-color: #2498ff; background-image: -moz-linear-gradient(top, #2ba1ff, #198aff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff)); background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff); background-image: -o-linear-gradient(top, #2ba1ff, #198aff); background-image: linear-gradient(to bottom, #2ba1ff, #198aff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0); } .btn-double.btn-shadow a { -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); } .btn-medium { -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); position: relative; z-index: 1; padding: 15px 29px 17px 29px; display: inline-block; color: #ffffff; text-decoration: none; text-shadow: none; font-weight: normal; background-color: #282828; background-image: -moz-linear-gradient(top, #373737, #121212); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#121212)); background-image: -webkit-linear-gradient(top, #373737, #121212); background-image: -o-linear-gradient(top, #373737, #121212); background-image: linear-gradient(to bottom, #373737, #121212); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff373737', endColorstr='#ff121212', GradientType=0); border: none; border-top: 1px solid #6e6e6e !important; border-bottom: 1px solid #121212 !important; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; font-size: 18px ; line-height: 1em; text-decoration: none; } .alternative .btn-blue, .alternative .btn-large.btn-shadow > span, .alternative .btn-medium, .alternative .btn-large{ border-bottom: none !important; } .btn-medium:hover { outline: none; color: #ffffff; text-shadow: none; background-color: #2498ff; background-image: -moz-linear-gradient(top, #2ba1ff, #198aff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff)); background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff); background-image: -o-linear-gradient(top, #2ba1ff, #198aff); background-image: linear-gradient(to bottom, #2ba1ff, #198aff); background-repeat: repeat-x; text-decoration: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0); } .block-info .btn-small, [id^="newsletter"] .btn-small:hover{ color: #1b1b1b; background-color: #e0e0e0; background-image: -moz-linear-gradient(top, #e4e4e4, #dcdcdc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#dcdcdc)); background-image: -webkit-linear-gradient(top, #e4e4e4, #dcdcdc); background-image: -o-linear-gradient(top, #e4e4e4, #dcdcdc); background-image: linear-gradient(to bottom, #e4e4e4, #dcdcdc); border-top: 1px solid #f1f1f1 !important; border-bottom: 1px solid #a7a7a7 !important; } .btn-small { -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1; padding: 12px 29px; color: #fff; display: inline-block; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; text-decoration: none; text-shadow: none; font-weight: normal; background-color: #282828; background-image: -moz-linear-gradient(top, #373737, #121212); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#121212)); background-image: -webkit-linear-gradient(top, #373737, #121212); background-image: -o-linear-gradient(top, #373737, #121212); background-image: linear-gradient(to bottom, #373737, #121212); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff373737', endColorstr='#ff121212', GradientType=0); border-top: 1px solid #6e6e6e !important; border-bottom: 1px solid #121212 !important; font-size: 14px ; line-height: 1em; } .btn-small:hover { color: #ffffff; border-top: 1px solid #65bbff; border-bottom: 1px solid #0d4681; background-color: #2498ff; background-image: -moz-linear-gradient(top, #2ba1ff, #198aff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff)); background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff); background-image: -o-linear-gradient(top, #2ba1ff, #198aff); background-image: linear-gradient(to bottom, #2ba1ff, #198aff); background-repeat: repeat-x; text-decoration: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0); } .btn-mini { -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1; padding: 8px 29px; color: #fff; display: inline-block; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; text-decoration: none; text-shadow: none; font-weight: normal; background-color: #282828; background-image: -moz-linear-gradient(top, #373737, #121212); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#121212)); background-image: -webkit-linear-gradient(top, #373737, #121212); background-image: -o-linear-gradient(top, #373737, #121212); background-image: linear-gradient(to bottom, #373737, #121212); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff373737', endColorstr='#ff121212', GradientType=0); border-top: 1px solid #6e6e6e; border-bottom: 1px solid #121212; font-size: 13px ; line-height: 1em; border-radius: 3px; /* box-shadow: rgba(0,​ 0,​ 0,​ 0.2) 0px 2px 0px 0px; */ outline-color:rgb(27,​ 27,​ 27); } .btn-mini:hover { color: #ffffff; border-top: 1px solid #65bbff; border-bottom: 1px solid #0d4681; background-color: #2498ff; background-image: -moz-linear-gradient(top, #2ba1ff, #198aff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff)); background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff); background-image: -o-linear-gradient(top, #2ba1ff, #198aff); background-image: linear-gradient(to bottom, #2ba1ff, #198aff); background-repeat: repeat-x; text-decoration: none; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0); } /* .btn-blue { color: #fff; border-top: 1px solid #65bbff !important; border-bottom: 1px solid #0d4681 !important; background-color: #0075E2; background-image: -moz-linear-gradient(top, #2ba1ff, #198aff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff)); background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff); background-image: -o-linear-gradient(top, #2ba1ff, #198aff); background-image: linear-gradient(to bottom, #2ba1ff, #198aff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0); } .btn-blue:hover { background: url(../img/bg-btn-slide-span.jpg) 0 0 repeat-x #232323; color: #fff; } */ .btn-white { color: #1b1b1b; background-color: #e1e1e1; background-image: -moz-linear-gradient(top, #e4e4e4, #dcdcdc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#dcdcdc)); background-image: -webkit-linear-gradient(top, #e4e4e4, #dcdcdc); background-image: -o-linear-gradient(top, #e4e4e4, #dcdcdc); background-image: linear-gradient(to bottom, #e4e4e4, #dcdcdc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4e4e4', endColorstr='#ffdcdcdc', GradientType=0); border-top: 1px solid #f1f1f1 !important; border-bottom: none !important; } .btn-white:hover { color: #fff; background-color: #2498ff; background-image: -moz-linear-gradient(top, #2ba1ff, #198aff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff)); background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff); background-image: -o-linear-gradient(top, #2ba1ff, #198aff); background-image: linear-gradient(to bottom, #2ba1ff, #198aff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0); } .btn-white.btn-shadow span { color: #1b1b1b; background-color: #e1e1e1; background-image: -moz-linear-gradient(top, #e4e4e4, #dcdcdc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e4e4e4), to(#dcdcdc)); background-image: -webkit-linear-gradient(top, #e4e4e4, #dcdcdc); background-image: -o-linear-gradient(top, #e4e4e4, #dcdcdc); background-image: linear-gradient(to bottom, #e4e4e4, #dcdcdc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe4e4e4', endColorstr='#ffdcdcdc', GradientType=0); border-top: 1px solid #f1f1f1; border-bottom: 1px solid #a7a7a7; } .btn-white.btn-shadow:hover span { color: #ffffff; } .btn-blue.btn-shadow span { border-top: 1px solid #65bbff; border-bottom: 1px solid #0d4681; background-color: #2498ff; background-image: -moz-linear-gradient(top, #2ba1ff, #198aff); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ba1ff), to(#198aff)); background-image: -webkit-linear-gradient(top, #2ba1ff, #198aff); background-image: -o-linear-gradient(top, #2ba1ff, #198aff); background-image: linear-gradient(to bottom, #2ba1ff, #198aff); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2ba1ff', endColorstr='#ff198aff', GradientType=0); } .btn-blue.btn-shadow:hover span { background: url(../img/bg-btn-slide-span.jpg) 0 0 repeat-x #232323; border-top: 1px solid #6e6e6e; border-bottom: 1px solid #121212; } .btn-shadow { border: none !important; padding: 10px; background: rgba(0,0,0,0.15); -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4); } .btn-shadow:hover { background: rgba(0, 0, 0, 0.15); } .btn-shadow span { -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 2px 0 rgba(0, 0, 0, 0.3); } .btn-extra, .btn-shadow.btn-extra span, .btn-double.btn-shadow a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn-mini:focus, .btn-extra:focus, .btn-medium:focus{ text-decoration: none; } .btn-blue:focus{ color:#fff; } .list-buttons { margin-bottom: 34px; } .list-buttons.extra { margin: 0; } .list-buttons .btn-double a { margin-bottom: 0; } .list-buttons a, .list-buttons .btn-double { margin-right: 10px; margin-bottom: 11px; } .link { font-size: 14px; display: inline-block; color: #1f97ff; } .link:hover { text-decoration: underline; } .btn-medium, .btn-medium span, .btn-large, .btn-large > span, .btn-large strong, .btn-large-1, .btn-large-1 span, .nav-collapse_ .nav > li > a > span, .nav-collapse_ .nav > li > a, #head-form a, .block, .block-list span, .block-features span, .btn-small span, .block_banner i, .block_banner { transition: all 0.3s ease 0s; } .btn-medium, .btn-medium span, .btn-large, .btn-large > span, .btn-large strong, .btn-large-1, .btn-large-1 span, figure.img-polaroid, figure.img-polaroid img, .block, .foto-carousel, .badge, .badge-old, .btn-small, .btn-small span, .block_banner, .box-tabs, .div_table_1, .selected_div, .block-info { border-radius: 5px; } #content-slider { width: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; border: 1px solid #E4E4E2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .visibleNearby { width: 100%; color: #FFF; padding-top: 25px; } .visibleNearby .rsGCaption { font-size: 16px; line-height: 18px; padding: 12px 0 16px; background: #141414; width: 100%; position: static; float: left; left: auto; bottom: auto; text-align: center; } .visibleNearby .rsGCaption span { display: block; clear: both; color: #bbb; font-size: 14px; line-height: 22px; } /* Scaling transforms */ .visibleNearby .rsSlide img { opacity: 0.45; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .visibleNearby .rsActiveSlide img { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* Non-linear resizing on smaller screens */ @media screen and (min-width: 0px) and (max-width: 900px) { #gallery-1 { padding: 12px 0 12px; } #gallery-1 .rsOverflow, .royalSlider#gallery-1 { height: 400px !important; } } @media screen and (min-width: 0px) and (max-width: 500px) { #gallery-1 .rsOverflow, .royalSlider#gallery-1 { height: 300px !important; } } /** Footer */ footer{ background: none repeat scroll 0 0 #262626; border-top: 3px solid #131313; font-size: 14px; line-height: 22px; position: relative; color: #c6c6c6; } footer div.block-bottom div{ position: relative; padding: 12px 0; } footer div.footer-bottom { background-color: #1b1b1b; position: relative; display: block; padding: 12px 0; } #gotoTop:before { transition: all 0.3s ease 0s; } #gotoTop { background: none repeat scroll 0% 0% #262626; border-radius: 4px; bottom: 30px; color: #FFF; cursor: pointer; display: none; font-size: 24px; height: 40px; left: auto; line-height: 35px !important; position: fixed; right: 17px; text-align: center; top: auto; transition: background-color 0.2s linear 0s; width: 40px; opacity: 0.25; z-index: 100; } @media(max-width:767px){ #gotoTop { visibility: hidden; } } /** Form */ input.inputbox_search { background: none repeat scroll 0% 0% #F0F0F0; display: inline-block; border: 1px solid #E4E4E2; padding: 5px 10px 5px 15px; margin: 0px; float: right; width: 273px; height: 28px; font-size: 13px; line-height: 28px; color: #999898; font-family: Arial,Helvetica,sans-serif; vertical-align: middle; outline: medium none !important; border-radius: 4px; box-shadow: none; } .button_search { text-indent: -9999px; border: medium none; background: none repeat scroll 0% 0% transparent !important; color: #FFF !important; width: 20px !important; height: 20px !important; font-size: 12px; text-transform: uppercase; line-height: 26px !important; font-family: Arial,Helvetica,sans-serif; padding: 0px; font-weight: bold; font-style: normal !important; margin: 0px; cursor: pointer; position: absolute; right: 10px; top: 10px; letter-spacing: 0px; float: none; display: inline-block; border-radius: 0px; box-shadow: none; } .small-form-control { height: 28px; margin-top: 6px; font-size: 12px; } .shortcode_forms form{ margin: 0; } .v_form.dark_bg{ padding:10px; } .form-horizontal span{ padding-left: 10px; font-size: 13px; } .form-horizontal .controls { margin-left: 0; overflow: hidden; } /* .form-horizontal .control-label { width: 95px; text-align: left; float: left; } */ .form-horizontal .control-group { margin-bottom: 15px; } .form-horizontal .control-group.form-elements input{ width: auto; } .v_form input, .v_form select, .v_form textarea{ background-color: #f0f0f0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize:none; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); border: 1px solid #e4e4e2; } .v_form input, .v_form select{ height: 40px; } .v_form textarea{ height: 200px; } input, button, select, textarea { line-height: 20px; font-size: 14px; } label { line-height: 20px; font-size: 14px; max-width: none; } .form-horizontal .input_profiles label{ width: 125px; } .shortcode_forms .v_form .v_text_yellow input, .shortcode_forms .v_form .v_text_red input, .shortcode_forms .v_form .v_text_blue input, .shortcode_forms .v_form .v_text_green input{ width: 200px; } .shortcode_forms .v_form .v_text_yellow input{ border-color: #e7a446; } .shortcode_forms .v_form .v_text_red input{ border-color: #e92d00; } .shortcode_forms .v_form .v_text_blue input{ border-color: #59b1fd; } .shortcode_forms .v_form .v_text_green input{ border-color: #50a11a; } .shortcode_forms .dark_bg input, .shortcode_forms .dark_bg select, .shortcode_forms .dark_bg textarea{ background-color: #1d1d1d; border-color: #131313; } .shortcode_forms .dark_bg{ background-color: rgba(51,51,51,2); } .form-elements input[type="radio"], .form-elements input[type="checkbox"] { position: absolute; opacity: 0; } .form-elements label { cursor: pointer; } .form-elements input[type="radio"]:checked + label:before { background-position: -29px 0; } .form-elements input[type="radio"] + label:before { background-position: -29px -29px; } .form-elements input[type="checkbox"] + label:before { background-position: 0 -29px; left: -8px; margin-right: 0 !important; } .form-elements input[type="checkbox"] + label { margin-left: 26px; text-indent: -26px; } .form-elements input[type="checkbox"]:checked + label:before { background-position: 0 0; } .dark_bg .form-elements label:before { display: inline-block; position: relative; top: 7px; left: 0; content: ''; width: 26px; height: 26px; background-image: url(../img/form_icons_dark.png); margin-right: 10px; } .form-elements label:before { display: inline-block; position: relative; top: 7px; left: 0; content: ''; width: 26px; height: 26px; background-image: url(../img/form_icons.png); margin-right: 10px; } .dark_bg .form-elements input[type="radio"]:checked + label:before { background-position: -26px 0; } .dark_bg .form-elements input[type="radio"] + label:before { background-position: -26px -26px; } .dark_bg .form-elements input[type="checkbox"] + label:before { background-position: 0 -26px; } .dark_bg .form-elements input[type="checkbox"]:checked + label:before { background-position: 0 0; } .form-elements span{ padding: 0; width: 90px; display: inline-block; font-size: 14px; } .form-elements label{ display: inline-block; } .form-elements label:last-child{ margin-left: 10px; } .v_form .select_title{ padding: 8px 39px 7px 9px; color: #8e8e8e; } .v_form .custom_select{ width: 100%; } .v_form .description_table { width: 100%; margin-top: 0; } .v_form .select_title:after { font-size: 20px; font-weight: bold; color: #111111; } .v_form .select_title:before { display: none; } .v_form .select_list > li { color: #8e8e8e; } .shortcode_forms .dark_bg .select_title, .shortcode_forms .dark_bg .select_list { background-color: #1d1d1d; border-color: #131313; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); } .shortcode_forms .dark_bg .select_title.active { border-bottom-color: transparent; background: #1d1d1d; } .shortcode_forms .dark_bg .select_title:after { font-size: 20px; font-weight: bold; color: #fff; } .shortcode_forms .dark_bg input:not([type="submit"]):focus{ border:1px solid #131313; } .v_form .select_title:before { display: none; } .select_title:before { border-left: 1px solid #d4d4d4; content: ""; height: 21px; margin-top: -10px; position: absolute; right: 27px; top: 50%; } .v_form .select_title:after { color: #111111; font-size: 20px; font-weight: bold; } .select_title:after { color: #292f38; content: ""; display: inline-block; font-family: FontAwesome; font-size: 14px; line-height: inherit; margin-top: -10px; position: absolute; right: 8px; top: 50%; } .v_form .select_title { color: #8e8e8e; padding: 8px 39px 7px 9px; } .r_corners { border-radius: 4px; } .select_title { background: none repeat scroll 0 0 #f0f0f0; border: 1px solid #e4e4e2; box-shadow: 0 0 5px #e4e4e2 inset; color: #1b1b1b; cursor: pointer; min-width: 85px; padding: 9px 39px 8px 9px; transition: border-color 0.4s ease 0s; z-index: 1; } .relative { position: relative; } .select_list { background: none repeat scroll 0 0 #fff; border-bottom: 1px solid #e4e4e2; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-left: 1px solid #e4e4e2; border-right: 1px solid #e4e4e2; box-shadow: 0 -1px 5px 0 #e4e4e2 inset; cursor: pointer; left: 0; position: absolute; top: 100%; width: 100%; z-index: 22; padding: 3%; } .select_table{ width: 100%; } .d_none, .tw_buttons li:first-child:before { display: none; } .v_form .select_list > li { color: #8e8e8e; } .select_list > li { color: #6a6a6a; padding: 3px 10px; list-style: none; } .tr_delay_hover, .button_type_2 .scheme_color { transition: color 1s ease 0s, background-color 1s ease 0s, box-shadow 1s ease 0s; } /** FigureBox */ div.figure-box{ border-radius: 5px; min-height: 170px; max-width: 270px; position: relative; font-family: Ubuntu; margin:2%; } div.figure-box a{ display: block; transition: all 0.3s ease 0s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } div.figure-box a:hover{ color:#fff; } div.figure-box div.figure-box-title a:first-child{ font-size: 1.1em; } div.figure-box:hover{ transition: all 0.2s ease 0s; box-shadow: 0 0 4px rgba(0,0,0,0.3); } div.figure-box:hover div.figure-box-img-container{ border-radius: 5px 5px 0 0; background-color: rgba(0,0,0,0.4); width: 100%; height: 100%; transition: all 0.2s ease 0s; } div.figure-box:hover img{ z-index: -1; } div.figure-box img{ border-radius: 5px 5px 0 0; width: 100%; position: relative; } div.figure-box div.figure-box-title{ background: none repeat scroll 0 0 #f0f0f0; border-radius: 0 0 5px 5px; box-sizing: border-box; display: block; overflow: hidden; padding: 8px 20px; position: relative; z-index: 2; transition: all 0.2s ease 0s; width: 100%; height: 54px; border-radius: 0 0 5px 5px; } div.figure-box div.figure-box-title i, div.figure-box div.figure-box-title a:last-child{ display: none; } div.figure-box:hover div.figure-box-title{ background: none repeat scroll 0 0 #1f97ff; height: 100px; margin-top: -46px; /*padding-top: 10%;*/ } div.figure-box:hover div.figure-box-img-container{ margin-bottom: -20px; } div.figure-box:hover div.figure-box-title i, div.figure-box:hover div.figure-box-title a:last-child{ display: block; } .box-block { *zoom: 1; margin-bottom: 45px; padding-top: 18px; } .box-block:before, .box-block:after { display: table; content: ""; line-height: 0; } .box-block:after { clear: both; } .box-block.extra { padding: 20px 0 0; } .baner-text.extra { margin-bottom: 0; } .baner-text { text-align: center; margin: 14px 0 42px; } .baner-text h2 { font-weight: 300; text-transform: uppercase; font-size: 36px; display: block; letter-spacing: -2px; padding-bottom: 9px; color: #1b1b1b; margin: 0; word-spacing: 5px; } .baner-text em { font-style: normal; font-size: 18px; line-height: 1em; display: block; padding-bottom: 38px; } .baner-text .btn-medium { margin: 0 2px; width: 213px; padding: 15px 0 17px; text-align: center; } .baner-text1 { margin: 14px 0 44px; } .block-info { background: #fff; padding: 0; position: relative; overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); } .block-info:hover a { color: #fff; } .block-info:after { display: block; position: absolute; content: ""; height: 3px; background: #1f97ff; bottom: 0; width: 100%; left: 0; right: 0; } .block-info .btn-small { border: none; } .block-info .img-polaroid { width: 100%; } .block-info p { margin-bottom: 14px; } .block-info .inner-block > div { padding: 22px 19px 20px 28px; background: #ffffff; } .block-info h4 { margin: 0 0 19px 0; font-size: 20px; color: #1b1b1b; padding: 0; } .inner-block { overflow: hidden; } /** News */ .box_news.extra > section.block-news:before, .box_news.extra > section.block-news:after { content: ""; display: table; line-height: 0; } .box_news.extra > section.block-news:after { clear: both; } .box_news.extra > section.block-news:before, .box_news.extra > section.block-news:after { content: ""; display: table; line-height: 0; } section.block-news{ background: none repeat scroll 0 0 #e1e1e1; } section.block-news:hover{ cursor: pointer; } .box_news.extra > section.block-news, section.block-news { margin-bottom: 14px; border-radius: 6px; } .badge strong, .badge-old strong { background: none repeat scroll 0 0 #ffffff; color: #1f97ff; display: block; font-size: 30px; font-weight: bold; line-height: 1em; /*padding: 8px 0;*/ padding: 7px 0 6px 0; text-transform: uppercase; } .badge strong span, .badge-old strong span { display: block; font-size: 14px; line-height: 18px; margin-top: -4px; } .badge-old strong { color: #858585; } section.block-news .badge, .badge-old { /* f1f1f1 volt */ background: none repeat scroll 0 0 #e1e1e1; float: left; padding: 4px; text-align: center; text-shadow: none; width: 60px; } section.block-news .extra-wrap{ background-color: #fff; margin: 4px; /*padding: 2%;*/ min-height: 50px; } section.block-news .extra-wrap > div { padding: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .newstype { color: #6A6A6A; } .newstimerow { font-size: 14px; font-weight: normal; padding: 7px 0; color: #555; } .newstoprow { padding: 7px 6px !important; } .newsbottomrow { background-color: #e1e1e1; color: #555; } section.block-news .extra-wrap a{ font-size: 16px; } section.block-news .extra-wrap p{ padding-top: 1%; } #content{ padding-bottom:3%; } .table-custom td:first-child{ background-color: #f0f0f0 !important; } table.table-custom td{ padding: 4px !important; text-indent: 6px; } table.margo td { padding: 4px 20px !important; } /* .table-custom th{ border: 1px solid #e4e4e2; } */ .custom-widget-1{ background: none repeat scroll 0 0 #ffffff; border: 5px solid #f0f0f0; border-radius: 0 5px 5px; margin-bottom: 30px; overflow: hidden; padding: 3%; margin: 3% 0 8% 0; position: relative; z-index: 1; } .rightwidget { margin: 1% 0px 2%; padding: 1% 3% 3% 3%; } .custom-widget-1 > h4, h4.underlined{ border-bottom: 2px solid #f0f0f0; font-size: 18px; margin-bottom: 24px; padding: 2px 0 17px; } h4.apha { border-bottom: 2px solid #f0f0f0; font-size: 18px; text-transform: uppercase; margin-bottom: 24px; padding: 2px 0 17px; } .custom-widget-1 .panel{ border:none; } .custom-widget-1 .panel-heading{ background-color: rgba(0,0,0,0); } .custom-widget-1 .panel-heading .panel-title{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); color: #1b1b1b; display: inline-block; padding: 0; text-decoration: none; transition: margin-left 0.5s linear 0s, color 0.5s linear 0s; font: normal 14px Ubuntu; } .owl-next, .owl-prev, .custom-widget-1 .closebutton{ box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15) inset; background: none repeat scroll 0 0 rgba(240, 240, 240, 0.95); height: 23px; width: 23px; border-radius: 4px; text-align: center; float:right; font-size: 1.15em; } /*div[itemtype="http://schema.org/Person"] {*/ div.noborder { margin: 0 0 2% 0; padding: 1% 0; border: 5px solid #f0f0f0; } .statustable { padding-top: 1%; } label { font-weight: normal; } .noborder { border: 0 !important; } /*-----================== V_Tables ============== ------*/ .tab_var1{ background-color: #f0f0f0; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px; width: 100%; } .tab_var1_pad{ padding: 0 5px 5px 5px; } .v_tables{ margin:0px;padding:0px; } .v_tables table{ border-collapse: collapse; border-spacing: 0; width:100%; height:100%; margin:0px;padding:0px; } .v_tables td{ vertical-align:middle; background-color:#ffffff; border:1px solid #e4e4e2; border-width:0px 1px 1px 0px; text-align:left; padding:13px 20px; font-size:14px; color:#6a6a6a; } .v_tables tr:first-child td{ background-color: transparent; text-align:left; border-width:0px 0px 0px 1px; font-size:14px; color:#000000; } .v_tables tr:last-child td{ border-width:0px 0px 0 1px; } .v_tables tr:last-child td:first-child{ border-width:0px; } .v_tables td:last-child{ border-width:0px 0px 1px 1px; } .v_tables tr:first-child td:first-child{ border-width:0px 0px 0px 0px; } .v_tables tr:first-child td:last-child{ border-width:0px 0px 0px 1px; } .v_tables td.v_td_price, .v_tables td.v_td_price a, .v_price{ color: #1f97ff!important; font-weight: bold; font-size: 16px; } .tab_var2_pad .v_tables{ border: 1px solid #e4e4e2; border-radius: 5px; } .tab_var2_pad .v_tables tr td:last-child{ border-right-width: 0px; } .tab_var2_pad .v_tables tr:first-child td{ border-bottom-width:1px; } .v_tables .tab_var2_pad{ border: 1px solid #000; border-radius: 5px; } .tab_var2_pad .v_tables tr:last-child td:first-child{ -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 0 5px; } .tab_var2_pad .v_tables tr:last-child td:last-child{ -webkit-border-radius: 0 0 0 5px; border-radius: 0 0 5px 0; } .tab_var1_darkBg .tab_var2_pad .v_tables{ border: 1px solid #131313; border-radius: 5px; } .tab_var1_darkBg{ background-color: #262626; } .tab_var1_darkBg .v_tables td{ border-color: #131313; background-color: #333; color: #8b8b8b; } .tab_var1_darkBg .v_tables tr:first-child td{ color: #fff; } /* ----------------------------------- 12. V_Tables2 ------------------------------------- */ .description_table tr td:first-child{ min-width:108px; } .description_table.type_2 tr td:first-child{ min-width:65px; } .description_table.type_3 tr td:first-child{ min-width:175px; } [class*="table_type_"]{ background:#fff; } [class*="table_type_"] td{ border:1px solid #e4e4e2; } [class*="table_type_"] th{ border-width: 0px 0px 0 1px; } .table_type_1 tr:first-child th:first-child, .table_type_2 tr:first-child th:first-child, .table_type_3 tr:first-child th:first-child, .table_type_6 tr:first-child td:first-child, .table_type_8 tr:first-child th:first-child{width:150px;} .table_type_1 tr:first-child th:nth-child(2), .table_type_3 tr:first-child th:nth-child(2), .table_type_3 tr:first-child th:nth-child(3){width:200px;} .table_type_1 tr:first-child th:nth-child(3), /* .table_type_4 tr:first-child th:nth-child(3){width:55px;} */ .table_type_1 tr:first-child th:nth-child(4){width:99px;} .table_type_2 tr:first-child th:not(:first-child){width:330px;} .table_type_4 tr:first-child th:first-child{width:320px;} /* .table_type_4 tr:first-child th:nth-child(2){width:90px;} */ .table_type_5 td:first-child{width:670px;} .table_type_7 tr:first-child th:first-child{width:74px;} .table_type_7 tr:first-child th:nth-child(2){width:180px;} .table_type_7 tr:first-child th:nth-child(4), .table_type_7 tr:first-child th:nth-child(7){width:100px;} .table_type_7 tr:first-child th:nth-child(5){width:65px;} .table_type_7 tr:first-child th:nth-child(6){width:80px;} .table_type_7 tr:first-child th:nth-child(3){width:160px;} .table_type_8 tr:first-child th:nth-child(2){width:262px;} [class*="table_type_"] tr:first-child th{ padding: 20px; border-top:none; font-size: 14px; color: #000000; font-weight: normal; text-align: left; border-right: 1px solid #e4e4e2; } [class*="table_type_"] tr:first-child th:first-child, [class*="table_type_"] tr td:first-child{ border-left:none; } [class*="table_type_"] tr:first-child th:last-child, [class*="table_type_"] tr td:last-child{ border-right:none; } .table_type_1 td,.table_type_4 td{ padding:20px; } .table_type_2 td{ padding:12px 20px; } .table_type_3 td,.table_type_5 td,.table_type_6 td,.table_type_6 td[class*="half_column"],.table_type_7 td{ padding:14px 20px; } .table_type_5 tr:first-child td:first-child{ padding-top:25px; } .table_type_5 tr:last-child td,.table_type_5 tr:nth-last-child(2) td{ border:none; } .table_type_5 tr:nth-last-child(2) td{ padding-bottom:0; } .table_type_8 td{ padding:14px 20px; } .about_project td:first-child{ width:96px; } .about_project tr:not(:first-child){ border-top:1px solid #e2e6e7; } .about_project td{ padding:7px 0; } .about_project tr:first-child td{ padding-top:2px; } .p_table{ width:283px; margin:0 1px; -webkit-transition:box-shadow .2s ease,opacity 1s ease !important; -moz-transition:box-shadow .2s ease,opacity 1s ease !important; -o-transition:box-shadow .2s ease,opacity 1s ease !important; transition:box-shadow .2s ease,opacity 1s ease !important; } .p_table > header{ padding:10px 0 9px; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; } .p_table > .price{ padding:16px 0 17px; } .price dt{ font-size:2.6em; line-height:1em; } .p_list > li{ padding:11.5px 20px; background:#f4f6f7; position:relative; } .p_list i[class^="fa "]{ position:absolute; left:10px; height:100%; } .p_table > footer a{ padding:14px 0 15px; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; } .p_table > .hot_p{ position: absolute; top:-5px; right:-5px; } .p_table:hover,.p_table.active{ margin-top:-15px; margin-left:-4px; margin-right:-4px; width:293px; z-index:2; -webkit-box-shadow:0 0 17px rgba(0,0,0,.13); -moz-box-shadow:0 0 17px rgba(0,0,0,.13); -o-box-shadow:0 0 17px rgba(0,0,0,.13); box-shadow:0 0 17px rgba(0,0,0,.13); } .p_table.active{ z-index:1; } .p_table:hover > header,.p_table.active > header{ padding:12px 0; } .p_table:hover > footer a,.p_table.active > footer a{ padding:17px 0; } .p_table:hover .p_list > li,.p_table.active .p_list > li{ padding:12.5px 25px; } .p_table:hover > .price, .p_table.active .price{ padding-bottom:21px; } .greencolor { color: #008000 !important; } td span.fa { color: #6A6A6A; } ul.iconlist { padding-left: 20px; list-style: none; margin-bottom: 0; } ul.iconlist li { margin-bottom: 10px; } ul.iconlist li:last-child { margin-bottom: 0; } ul.iconlist li:before { font-family: 'FontAwesome'; margin:0 5px 0 -18px; color: #6A6A6A; } ul.publications li:before { content: '\f02D'; } ul.competences li:before { content: '\f0EB'; } ul.projects li:before { content: '\f200'; } ul.research li:before { content: '\f135'; } ul.cv li:before { content: '\f0ED'; } ul.user li:before { content: '\f007'; /* padding-left: 3px;*/ } ul.email li:before { content: '\f003'; } ul.organization li:before { content: '\f0E8'; } ul.extlink li:before { content: '\f14C'; } ul.cooperation li:before { content: '\f0EC'; } ul.instruments li:before { content: '\f0E4'; } @media(max-width:991px){ ul.iconlist { padding-left: 0px; } ul.iconlist li:before { content: '' !important; margin: 0px 5px 0px -5px !important; } .userProfileImage { vertical-align: middle !important; } .userProfileImage > img { max-width: 110px !important; } } /*-----================== Compare_Product ============== ------*/ .compare_table .btn-medium{ padding: 13px 21px 13px 47px; font-size: 14px; } .compare_table td p, .shopping_cart .v_shop_cart p{ margin: 0; } .compare_table .btn-medium:before{ font-family: FontAwesome; content: "\f112"; font-size: 20px; line-height: 38px; color: #1b1b1b; position: absolute; top: 2px; left: 20px; } .compare_table .v_tables td:first-child{ background-color: transparent; text-align: left; border-width: 0px 0 1px 0; font-size: 14px; color: #000000; } .compare_table .v_tables tr:first-child{ vertical-align: middle; border: 1px solid #e4e4e2; border-width: 0px 0px 1px 0px; text-align: left; font-size: 14px; color: #6a6a6a; } .compare_table .tab_var1_pad { padding: 5px; } .compare_table .v_tables tr td:first-child, .compare_table .v_tables tr th:first-child { background-color: #f0f0f0 !important; border-width: 0px 0px 1px 0px; } .compare_table .v_tables tr:first-child td { background-color: #fff; } .compare_table .v_tables tr:first-child td, .compare_table .v_tables tr:last-child td { border-width: 0px 1px 0px 0px; } .compare_table .v_tables tr:first-child td:last-child, .compare_table .v_tables tr:last-child td:last-child{ border-width: 0px 0px 0px 1px; } .compare_table .v_tables tr:first-child td:last-child{ border-radius: 0 5px 0 0; } .compare_table .v_tables tr td:first-child { border-right-width: 0; } .compare_table .v_tables tr:first-child td h5{ padding-top: 20px; letter-spacing: -1px; } .compare_table .v_tables ul{ margin: 0; } .v_reviews a:first-child { border-right: 0; line-height: 12px; } .v_text_black{ color: #1b1b1b !important; } .v_text_red{ color: #e92d00 !important; } /*-----================== List_Orders ============== ------*/ .v_tables.v_list_orders tr td:first-child{ color: #1b1b1b; } /*-----================== Detail_Order ============== ------*/ .v_detail_order h4.heading-h4.reset{ text-transform: uppercase; font-size: 18px; padding: 10px 0 0 0; border-bottom: none; } .v_detail_order .block-widget{ padding: 10px 20px 30px; } .block-widget .block_bord{ border-bottom: 2px solid #f0f0f0; } .v_detail_order .v_tables tr:first-child td:last-child { color: #6a6a6a; } .v_detail_order .v_tables tr td:first-child { width: 22%; } .v_detail_order .span4, .v_detail_order.two_colls_table .v_tables tr td:first-child{ width: 46%; } .v_detail_order .v_tables td.v_td_price a{ font-size: 14px; } .v_detail_order .v_order_list{ list-style: disc !important; margin-top: 15px; color: #1b1b1b; } .v_detail_order .v_order_list li a{ color: #6a6a6a; font-size: 14px; } .v_detail_order ul{ margin: 0 0 0 20px; } .v_detail_order .v_tables tr:first-child td:last-child { color: #6a6a6a; } .v_tables.v_tables3 .v_td_price.v_td_black, .order_block .v_tables.v_shop_cart tr td:last-child{ color: #1b1b1b!important; } .block-widget.order_block{ padding: 10px 20px 30px; } /** Esemenyek */ .eventDescription{ margin:2% 0; } .mediaBox{ box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); display: block; } .mediaBox .preview img{ position: relative; width: 100%; margin: 0 auto; } .mediaBox .preview{ margin: 2% 0; text-align: center; } .mediaBox .preview img{ max-width: 450px; } .owl-prev,.owl-next{ top: 66px; position: absolute; } .owl-prev{ left: 0; } .owl-next{ right: 0; } .owl-item img{ display: block; margin: 0 auto; width: 80%; max-width: 150px; border: 0 none; height: auto; vertical-align: middle; } #calendar{ margin-bottom: 2%; } div[itemtype="http://schema.org/Event"]{ margin-bottom: 2%; } table.vcard tr td:first-child, table.vcard tr td.colorize { background-color:#f0f0f0; } table.vcard tr td:first-child { width: 150px; } table.vcard tbody td{ font-size: 14px; padding: 4px 20px !important; border-color: #e4e4e2; border-image: none; border-style: solid; color: #000000; vertical-align: middle; } table.vcard caption{ margin-bottom: 2%; border-bottom: 2px solid #f0f0f0; padding-bottom: 1%; } table.vcard caption h1, table.vcard caption h2, table.vcard caption h3, table.vcard caption h4, table.vcard caption h5, table.vcard caption h6{ padding:0; margin:0; } .table-bordered { border-radius: 5px; } table.centered td { text-align: center; } table.fullrowheader tr:first-child td { background-color: #f0f0f0; } table.boldheader tr:first-child { font-weight: bold; } table.doubleheader tr:first-child { font-weight: bold; } table.doubleheader tr:nth-child(4n+3) { background-color: #F5F5F5; } /*table.doubleheader tr:nth-child(4n+2) { background-color: #F5F5F5; }*/ table.doubleheader tr:nth-child(4n+2) { background-color: #F5F5F5; } table.doubleheader tr:nth-child(1) { background-color: #f0f0f0; font-weight: bold; } table.doubleheader tr:nth-child(2n+3) { border-top-style: hidden !important; } table.firstrownormal tr:nth-child(2) td:first-child { background-color: transparent !important; } table.szervezeti tr:nth-child(1) th { background-color: #f0f0f0; font-weight: bold; height: 260px; width: 30px; } table.szervezeti td:nth-child(8) { background-color: #f0f0f0; font-weight: bold; } table.szervezeti tr, td, th { position: relative; } table.szervezeti th span { transform-origin: 0 50%; transform: rotate(-90deg); white-space: nowrap; display: block; position: absolute; bottom: 0; left: 50%; } .equal{ display: -webkit-flex; /* Safari */ -webkit-justify-content: space-around; /* Safari 6.1+ */ display: flex; justify-content: space-around; } .center{ text-align: center; } .vcard-border{ border: 5px solid #f0f0f0; border-radius: 0 5px 5px; margin-bottom: 3%; /*padding: 10px 20px 30px;*/ padding: 10px 10px 0; } .vcard-comp, .vcard-event{ -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; border-radius: 6px; margin: 0 2% 2% 2%; padding: 0; } .vcard-comp div, .vcard-event div{ margin: 0; padding-left:0; padding-bottom: 1%; } .vcard-comp figure, .vcard-event figure{ display: inline-block; position: relative; vertical-align: top; padding: 4% 0 ; background: none repeat scroll 0 0 #fff; border-radius: 6px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); margin: 0; opacity: 1; padding: 10px; text-align: center; transform: scale(1); transition: all 0.4s ease 0s; z-index: 10; max-width:100%; } .vcard-comp:hover figure, .vcard-event:hover figure{ box-shadow: none; } .vcard-comp > div:first-child, .vcard-event > div:first-child{ text-align: center; } .vcard-comp, .vcard-event:hover{ background: #ffffff; -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); border-bottom: 3px solid #1f97ff; border-radius: 5px; padding-bottom: 0; } .dl-horizontal dt { width: 180px; /*margin-right: 2%;*/ text-align: left; } .vcard-event img{ max-width: 100%; } .event-button{ margin-top:5%; } .vcard-comp{ padding: 2%; } .vcard-comp h2 { margin-top:5%; } /* .vcard-comp a { color:#1b1b1b; } .vcard-comp a:hover { text-decoration: none; } */ dt, dd { line-height: 2; } .jumbotron, .jumbotron p { font-size: 14px; } .owl-carousel { padding-bottom: 2%; } .contentpadded { padding: 1% 0 2% 0; } .paddedleft2p { padding-left: 2% !important; } #updateContent, #events { /*padding-top: 1%;*/ } .owl-item img:hover{ cursor: pointer; } div[itemtype="http://schema.org/Article"] span[itemprop="subject"]:after, div[itemtype="http://schema.org/Article"] span[itemprop="author"]:after{ content: ", "; } div[itemtype="http://schema.org/Article"] span[itemprop="subject"]:last-child:after, div[itemtype="http://schema.org/Article"] span[itemprop="author"]:last-child:after{ content: ""; } #pubform{ margin:3% auto; } div.chartjs canvas, div.chartjs div.chartjs-legend { display:inline-block; } div.chartjs div.chartjs-legend span { display: inline-block; width:20px; height:20px; margin-right:10px; margin-bottom:-5px; } div.chartjs div.chartjs-legend ul { list-style-type:none; } div.chartjs div.chartjs-legend li { margin-top:10px; } #publication-container{ padding: 2%; } .event:hover{ cursor: pointer; } #portal-sitemap ul{ list-style: none; float:left; } .btn-sitemap:hover, .btn-sitemap:focus{ color:#fff; } /*------------foto-carousel-----------------*/ #work_container .box-work { margin-bottom: 30px; } .foto-carousel, .box-work { -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); display: block; margin-bottom: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .foto-carousel figure, .box-work figure { margin: 0; position: relative; z-index: 1; display: block; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; overflow: hidden; } .foto-carousel figure span, .box-work figure span { display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(../img/shadow.png) 0 0 repeat; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .foto-carousel figure b, .box-work figure b { display: block; position: absolute; left: 50%; width: 50px; height: 50px; background: rgba(13,15,18,0.8); -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; z-index: 5; opacity: 0; top: 50%; transition: all 0.3s ease 0s; margin-top: -25px; margin-left: -25px; text-align: center; } .foto-carousel figure b:before, .box-work figure b:before{ font-family: FontAwesome; font-size: 18px; line-height: 50px; content: "\f067"; color: #fff; } .foto-carousel > span, .box-work > span { display: block; position: relative; z-index: 2; padding: 18px 20px; background: #f0f0f0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .foto-carousel > span i, .box-work > span i { font-size: 13px; display: block; font-style: normal; color: #1B1B1B; z-index: 100; } .foto-carousel > span i a, .box-work > span i a { color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .foto-carousel > span i a:hover, .box-work > span i a:hover { text-decoration: underline; } .foto-carousel > span strong, .box-work > span strong { font-size: 16px; line-height: 20px; color: #1b1b1b; display: block; } .foto-carousel > span strong a, .box-work > span strong a { color: #1B1B1B; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .foto-carousel > span strong a:hover, .box-work > span strong a:hover { color: #000000; } .foto-carousel figure b, .box-work figure b { top: -20%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .foto-carousel:hover figure span, .box-work:hover figure span { opacity: 1; filter: alpha(opacity=100); } .foto-carousel:hover figure b, .box-work:hover figure b { opacity: 1; filter: alpha(opacity=100); } .foto-carousel > span, .box-work > span { display: block; position: relative; z-index: 2; padding: 18px 20px; background: #f0f0f0; height: 56px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.2s; -moz-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; overflow: hidden; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } .foto-carousel > span i, .box-work > span i { font-size: 13px; display: block; font-style: normal; opacity: 0; filter: alpha(opacity=0); color: #ffffff; z-index: 100; } .foto-carousel > span i a, .box-work > span i a { color: #ffffff; } .foto-carousel > span strong, .box-work > span strong { color: #1b1b1b; } .foto-carousel > span strong a, .box-work > span strong a { color: #1b1b1b; } .foto-carousel:hover, .box-work:hover { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } .foto-carousel:hover > span, .box-work:hover > span { background: #1f97ff; height: 76px; margin-top: -20px; } .foto-carousel:hover > span i, .box-work:hover > span i { opacity: 1; filter: alpha(opacity=100); } .foto-carousel:hover > span strong a, .box-work:hover > span strong a { color: #ffffff; } .foto-carousel:hover > span strong a:hover, .box-work:hover > span strong a:hover { color: #000000; } .foto-carousel:hover > span:after, .box-work:hover > span:after { bottom: 0; } .foto-carousel figure span, .box-work figure span { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } nav[role="navigation"] div #bs-example-navbar-collapse-1 ul li.dropdown:last-child ul.dropdown-menu{ right:0 !important; left:auto; } /** * Portal sitemap */ #portal-sitemap{ text-align: center; } #portal-sitemap a{ color: #cacaca; } #portal-sitemap ul{ padding: 0; margin: 0; } #portal-sitemap ul li{ float: left; margin-bottom:2%; } #portal-sitemap ul li ul li:first-child{ font-weight: bolder; } #portal-sitemap ul li ul li{ float: left; width:100%; } @media(max-width:480px){ #portal-sitemap ul li{ width: 100%; } } @media(min-width:481px){ #portal-sitemap ul li{ width: 50%; } } @media(min-width:992px){ #portal-sitemap ul li{ width: 20%; } } @media(min-width:1200px){ #portal-sitemap ul li{ width: 14.285%; } } .search-result{ padding:2% 1%; margin:2% 0; border:thin solid rgba(0,0,0,0.2); background: rgb(248,248,248); /* Old browsers */ background: -moz-linear-gradient(left, rgba(248,248,248,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(248,248,248,1)), color-stop(20%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(248,248,248,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(248,248,248,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(248,248,248,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(248,248,248,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } #footer-container-left{ float: left; } #footer-container-right { float:right; } .glyphicon-refresh-animate { -animation: spin .7s infinite linear; -webkit-animation: spin2 .7s infinite linear; } @-webkit-keyframes spin2 { from { -webkit-transform: rotate(0deg);} to { -webkit-transform: rotate(360deg);} } @keyframes spin { from { transform: scale(1) rotate(0deg);} to { transform: scale(1) rotate(360deg);} } .userProfileImage{ vertical-align: top !important; } .userProfileImage img{ margin-top: 5px; vertical-align: top; } .vcard h3{ text-align: left; width: 95%; } .nopadding{ padding-top: 0; padding-bottm: 0; } .rsContent img.rsMainSlideImage { height: auto !important; } div.panel table.wcard i.fa{ margin-right: 1%; } div.panel table.wcard td{ border-left: 1px solid #e4e4e2 !important; vertical-align: middle; color: #6a6a6a; } div.panel table.wcard tr:not(:first-child) td{ padding-left: 3%; } div.panel table.wcard tr:first-child td[rowspan]{ width: 25%; } div.panel table.wcard tr td:first-child{ background-color: #f0f0f0; width: 20%; color: #000; } .form-group.required .control-label:after { content:"*"; color:red; }