/****************************** - SHOWBIZ PRO STYLES - Created By ThemePunch www.themepunch.com Release Date: 27.02.2013 Modified by lidplussdesugn Modified Date: 25.03.2013 ********************************/ /************************************** - BASIC STYLING FOR CONTENTS - ***************************************/ .showbiz { position:relative;} .showbiz .divide5 { width:100%;height:5px;} .showbiz .divide10 { width:100%;height:10px;} .showbiz .divide15 { width:100%;height:15px;} .showbiz .divide20 { width:100%;height:20px;} .showbiz .divide30 { width:100%;height:30px;} .showbiz .p20 { padding-top:20px;} .showbiz .p30 { padding-top:30px;} .showbiz .p40 { padding-top:30px;} .showbiz .p60 { padding-top:60px;} .showbiz .leftfloat { float:left;} .sbclear { clear:both;} .showbiz .txt-center { text-align: center;} .showbiz .txt-left { text-align: left;} .showbiz .txt-right { text-align: right;} .showbiz .vert-center { vertical-align:middle;height:100%;} .showbiz-title .greenbg { background-color:#366300; padding:2px 10px;} .showbiz-title .redbg { background-color:#b2170a; padding:2px 10px;} .showbiz-title .bluebg { background-color:#1d628a; padding:2px 10px;} .showbiz-title .blackbg { background-color:#000; padding:2px 10px;} .showbiz p { font-size:13px; line-height:22px; color:#777; /*font-family: 'Open Sans', sans-serif;*/ position:relative;} .showbiz p.orange { color:#ff6c00;} .showbiz p.bigger { font-size:17px; line-height:20px;} .showbiz p.bolder { font-weight:700;} .showbiz-title, .showbiz-title a, .showbiz-title a:visited, .showbiz-title a:hover { color:#555; /*font-family: 'Open Sans', sans-serif;*/ font-size:14px; text-transform:uppercase; text-decoration: none; font-weight:700;} .showbiz-title.large, .showbiz-title.large a, .showbiz-title.large a:visited, .showbiz-title.large a:hover { font-size:20px; line-height:25px; font-weight:800;} .showbiz-price .number { color:#555; /*font-family: 'Open Sans', sans-serif;*/ font-size:50px; font-weight: 800;} .showbiz-price .currency { color:#555; /*font-family: 'Open Sans', sans-serif;*/ font-size:35px; font-weight: 400;} .showbiz-button { background:url(../assets/pre.png) repeat-x; height:40px; box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2); width:auto; margin:auto;text-align:center; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-size:14px; color:#555; /*font-family: 'Open Sans', sans-serif;*/ line-height:42px;font-weight:700;text-shadow:0px 1px #fff; position:relative; cursor:pointer; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; padding:10px 20px; overflow: hidden; position: relative; border: 1px solid #ccc; } .showbiz-button:hover { background:url(../assets/prehover.png) repeat-x; box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2); -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0,0,0,0.2); border: 1px solid #999; } /********************************************************* - NAVIGATION SETTINGS - USE STYLE CLASS IN THE SHOWBIZ NAVIGATION CONTAINER **********************************************************/ .showbiz-navigation { width:65px; height:30px;} .showbiz-navigation.center { margin:auto;} .sb-navigation-left, .sb-navigation-right { width:28px;height:28px; cursor:pointer; float:left; border-radius: 3px; -moz-border-radius: 3px;-webkit-border-radius: 3px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .sb-navigation-left { margin-right:5px;} .sb-navigation-left i, .sb-navigation-right i { line-height:28px; font-size:22px; color:#fff; width:100% !important} .sb-navigation-left i:before, .sb-navigation-right i:before { width:100%;} .sb-navigation-left.notclickable { cursor:default; -moz-opacity:0.3; filter:alpha(opacity=30); opacity:0.3;} .sb-navigation-right.notclickable { cursor:default; -moz-opacity:0.3; filter:alpha(opacity=30); opacity:0.3;} /*** WHITE NAV BUTTONS ***/ .sb-nav-light .sb-navigation-left, .sb-nav-light .sb-navigation-right { background:#fff; border:1px solid #d5d5d5; } .sb-nav-light.showbiz-navigation i { color:#777; font-size:19px; line-height:30px;} .sb-nav-light .sb-navigation-left:hover, .sb-nav-light .sb-navigation-right:hover { border:1px solid #b5b5b5;} .sb-nav-light .sb-navigation-left.notclickable:hover, .sb-nav-light .sb-navigation-right.notclickable:hover { border:1px solid #d5d5d5;} /*** GREY BUTTONS ***/ .sb-nav-grey .sb-navigation-left.notclickable:hover, .sb-nav-grey .sb-navigation-right.notclickable:hover, .sb-nav-grey .sb-navigation-left, .sb-nav-grey .sb-navigation-right { background:url(../assets/greyskinbg.png) repeat-x; border-top:1px solid #919191; border-left:1px solid #969696; border-right:1px solid #969696; border-bottom:1px solid #6c6c6; } .sb-nav-grey .sb-navigation-left:hover, .sb-nav-grey .sb-navigation-right:hover { background-image:url(../assets/greyskinbg-hover.png);} /*** DARK GREY BUTTON ***/ .sb-nav-dark .sb-navigation-left.notclickable:hover, .sb-nav-dark .sb-navigation-right.notclickable:hover, .sb-nav-dark .sb-navigation-left, .sb-nav-dark .sb-navigation-right { background:#555; border:1px solid #919191; border:1px solid #333; border-radius: 0px; -moz-border-radius: 0px;-webkit-border-radius: 0px; } .sb-nav-dark .sb-navigation-left:hover, .sb-nav-dark .sb-navigation-right:hover { background:#333} /***************************************** - HOVER ICONS AND ANIMATIONS - ******************************************/ .linkicon, .lupeicon { position:absolute; left:50%;top:50%; -webkit-transform: translateZ(10); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; color:#fff; font-size:28px; font-weight:bold; margin-top:-16px; margin-left:-15px; } .linkicon.notalone { margin-left:8px;} .lupeicon.notalone { margin-left:-38px;} .showbiz .mediaholder .linkicon, .showbiz .mediaholder .lupeicon { top:65%; -webkit-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275); -o-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275); -ms-transition: all 0.2s cubic-bezier(0.175, 0.885, 0.320, 1.275); -moz-opacity:0; filter:alpha(opacity=0); opacity:0; } .showbiz li:hover .mediaholder .linkicon, .showbiz li:hover .mediaholder .lupeicon { top:50%; -moz-opacity:1; filter:alpha(opacity=100); opacity:1;} .showbiz li:hover .mediaholder .lupeicon { transition-delay: 0.1s; -moz-transition-delay: 0.1s; /* Firefox 4 */ -webkit-transition-delay: 0.1s; /* Safari and Chrome */ -o-transition-delay: 0.1s; /* Opera */ } /************************************************** - THE BASIC CONTAINER SETTINGS - NO NEED TO MODIFICATE ANYTHIN HERE ALL DETAIL SETTINGS CAN BE SET VIA THE SKINS **************************************************/ .showbiz ul, .showbiz li { list-style: none; margin:0; padding:0; } .showbiz ul li { position:relative; -webkit-transform: translateZ(10); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; margin-right:15px; } .showbiz .overflowholder { overflow: hidden;position: relative;width: 100%; z-index:2;} .showbiz .overflowholder ul { width:100000px; position: absolute; top: 0px; left: 0px; } .showbiz .overflowholder ul li { float: left !important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position:relative; } .showbiz .mediaholder { position:relative; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; background:transparent;padding:0px; border:none;} .showbiz .mediaholder_innerwrap { position:relative; overflow:hidden; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .showbiz .mediaholder img { width:100%; position:relative; margin-bottom:-5px;} .showbiz .hovercover { width:100%;height:100%; position:absolute; top:0px; left:0px; background-color:#52bde9;background-color:rgba(82,189,233,0.85); -webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; -webkit-transform: translateZ(10); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } .showbiz li:hover .hovercover { -moz-opacity:0.85; filter:alpha(opacity=85); opacity:0.85; } /************************************************* - THE GREY SKIN EXTRAS - **************************************************/ .sb-grey-skin.showbiz-navigation i { text-shadow:0px 1px 0px rgba(0,0,0,0.4); font-size:20px;} .sb-grey-skin .mediaholder { background-color:#d5d5d5;border:1px solid #cecece; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; padding:7px; } .sb-grey-skin .hovercover { background:rgba(0,0,0,0.5); } li.sb-grey-skin:hover .mediaholder img { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); } /************************************************* - THE LIGHT SKIN EXTRAS - **************************************************/ li.sb-light-skin { margin-right:20px; box-shadow:0px 1px 1px 0px rgba(0,0,0,0.2);-moz-box-shadow:0px 1px 1px 0px rgba(0,0,0,0.2);-webkit-box-shadow:0px 1px 1px 0px rgba(0,0,0,0.2); } .sb-light-skin .detailholder { background-color:#fff; padding:10px 20px 10px; border-radius:0px 0px 6px 6px;-moz-border-radius:0px 0px 6px 6px;-webkit-border-radius:0px 0px 6px 6px; } .sb-light-skin .mediaholder_innerwrap { border-radius:6px 6px 0px 0px;-moz-border-radius:6px 6px 0px 0px;-webkit-border-radius:6px 6px 0px 0px; } .sb-light-skin .hovercover { background:rgba(0,168,255,0.75); border-radius:6px 6px 0px 0px; -moz-border-radius:6px 6px 0px 0px; -webkit-border-radius:6px 6px 0px 0px; } .sb-light-skin .reveal_wrapper { border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px; } /************************************************* - THE MEDIA SKIN EXTRAS - **************************************************/ /* TITLE AND CONTENT */ .sb-media-skin .showbiz-title, .sb-media-skin .showbiz-title a, .sb-media-skin .showbiz-title a:visited, .sb-media-skin .showbiz-title a:hover { color:#fff} .sb-media-skin .mediaholder { background-color:#fff;border:none;padding:5px; border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px; } /************************************************* - THE SHOWCASE FULLWIDTH SKIN EXTRAS - **************************************************/ .showbiz ul li.sb-showcase-skin { margin-right:20px; position:relative; background:#fff; padding-top:10px;} .sb-showcase-skin .detailholder { padding:30px 20px;} .sb-showcase-skin .mediaholder img { height:135px;width:auto;} .sb-showcase-skin .mediaholder_innerwrap { text-align: center; } /****************************************************** - THE REVEAL FUNCTIONS - *********************************************************/ .reveal_container { position:absolute; width:100%;height:100%; top:0px; left:0px; -webkit-transform: translateZ(10); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; visibility:hidden; } .reveal_container.tofullwidth { visibility:visible; z-index:20;} .reveal_container.tofullwidth.sb-removemesoon { visibility:visible; z-index:5; background:#ff0000;} .showbiz-title.go-to-top { position:absolute;top:100%; margin-top:-40px;z-index:5; left:20px; -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);-moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);-o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275);-ms-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275); -webkit-transform: translateZ(10);-webkit-backface-visibility: hidden;-webkit-perspective: 1000; } .reveal_container .reveal_wrapper { position:absolute; background:#fff; background:rgba(255,255,255,0.9); width:100%; height:100%; top:0px; left:0px; visibility:hidden; padding:20px 20px 20px; height:0px; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; overflow:hidden; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -moz-opacity:0; filter:alpha(opacity=0); opacity:0; -webkit-transform: translateZ(10); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } /*** BIG WHITE OPENER- DEFAULT ***/ .reveal_opener { width:45px; height:50px; line-height:50px;text-align:center; font-size:22px;color:#888; /*font-family:Arial;*/ font-weight:700; position:absolute; right:0px;bottom:0px;background-color:#fff; border-radius:4px 0px 0px 0px; -moz-border-radius:4px 0px 0px 0px; -webkit-border-radius:4px 0px 0px 0px; cursor:pointer; -webkit-transition: opacity 0.2s ease-out;-moz-transition: opacity 0.2s ease-out;-o-transition: opacity 0.2s ease-out;-ms-transition: opacity 0.2s ease-out; z-index:1; } .reveal_opener.sb-centered { left:50%;top:50%;} /*** SMALL WHITE OPENER ***/ .reveal_opener.opener_small_white { background:#fff; width:25px;height:27px;line-height:25px; border-radius:0px 0px 6px 6px;-moz-border-radius:0px 0px 6px 6px;-webkit-border-radius:0px 0px 6px 6px;} /*** SMALL GRAY OPENER ***/ .reveal_opener.opener_small_grey { background:#d5d5d5; width:25px;height:27px;line-height:25px;border-radius: 0px; -moz-border-radius: 0px;-webkit-border-radius: 0px; bottom:0px;right:0px;} /*** GREY COLORED OPENER ***/ .reveal_opener.opener_big_grey { width:29px; height:29px; line-height:29px;color:#888; background-color:#d5d5d5;font-weight:700; border-radius: 5px 0px 0px 0px; -moz-border-radius: 5px 0px 0px 0px;-webkit-border-radius: 5px 0px 0px 0px; } .reveal_opener.revactive.opener_big_grey { font-size:30px;width:40px;height:35px;line-height:35px;} /** REVEAL OPENER PLAY BUTTON **/ .reveal_opener.sb-controll-button { color:#fff; width:40px;height:40px; line-height:40px; background-color:#000; background-color:rgba(0,0,0,0.8); border-radius: 5px !important; -moz-border-radius: 5px !important;-webkit-border-radius: 5px !important; margin-top:-10px;margin-left:-10px;} /*** HIDE / SHOW OPENER ONLY ON HOVER **/ .reveal_opener.show_on_hover { -moz-opacity:0; filter:alpha(opacity=0); opacity:0; } li:hover .reveal_opener.show_on_hover { -moz-opacity:1; filter:alpha(opacity=100); opacity:1;} .tofullwidth .reveal_wrapper { background:#fff; } .tofullwidth .reveal_wrapper .table { display:table;} .tofullwidth .reveal_wrapper .table-cell { display:table-cell; vertical-align:top; } .tofullwidth .reveal_wrapper .table-cell.onethird { width:33%;} .tofullwidth .reveal_wrapper .table-cell.pl20 { padding-left:20px;} @media only screen and (max-width: 480px) { .tofullwidth .reveal_wrapper .table-cell { display:table-row;} } /******************* REVEAL ACTIONS ***/ .reveal_opener .openme { display:block;} .reveal_opener .closeme { display:none;} .reveal_container.revactive .reveal_wrapper { } .revactive .showbiz-title.go-to-top { position:absolute;top:20px; margin-top:0px; z-index:5; left:20px;} .revactive.reveal_opener .openme { display:none;} .revactive.reveal_opener .closeme { display:block;} .revactive.reveal_opener.sb-controll-button.sb-centered { left:auto; top:10px; right:10px !important; margin:0;} .showbiz-widget2, .showbiz-widget{ position: relative; } .skin-123ecology .showbiz{ background-color: white; } .skin-123ecology .sb-showcase-skin{ -webkit-box-shadow: inset 0 0 0 1px rgba(235, 235, 235, 1); -moz-box-shadow: inset 0 0 0 1px rgba(235, 235, 235, 1); box-shadow: inset 0 0 0 1px rgba(235, 235, 235, 1); } .skin-123ecology .reveal_opener{ background: none; border-top: 1px solid #ebebeb; border-left: 1px solid #ebebeb; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .skin-123ecology .reveal_opener:hover{ border-top: 1px solid #ccc; border-left: 1px solid #ccc; } .skin-123ecology .reveal_opener.opener_big_grey{ height: 30px; width: 30px; text-indent: -99999px; font-size: inherit; line-height: 30px; } .skin-123ecology .reveal_opener .openme{ background: url(../../../Minicons_Pack_1/Add-plus.png) 7px no-repeat; opacity: .75; /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=75); /* IE6-IE8 */ } .skin-123ecology .reveal_opener:hover .openme{ opacity: 1; /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=100); /* IE6-IE8 */ } .skin-123ecology .reveal_opener .closeme{ background: url(../../../Minicons_Pack_1/Delete-minus.png) 7px no-repeat; opacity: .75; /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=75); /* IE6-IE8 */ } .skin-123ecology .reveal_opener:hover .closeme{ opacity: 1; /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=100); /* IE6-IE8 */ } .skin-123ecology .showbiz ul li.sb-showcase-skin{ padding-top: 0; } .skin-123ecology .sb-showcase-skin .mediaholder img{ margin-bottom: 0; height: auto; opacity: 0.85; filter: alpha(opacity=85); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .skin-123ecology .sb-showcase-skin:hover .mediaholder img{ opacity: 1; filter: alpha(opacity=100); } .skin-123ecology .sb-showcase-skin .detailholder{ padding-top: 10px; } .skin-123ecology .showbiz-title, .skin-123ecology .showbiz-title a, .skin-123ecology .showbiz-title a:visited, .skin-123ecology .showbiz-title a:hover{ color: #363636; text-decoration: underline; font-size: 13px; text-transform: inherit; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; line-height: 20px; } .skin-123ecology .showbiz .divide5{ display: none; } .sb-nav-123ecology .sb-navigation-left, .sb-nav-123ecology .sb-navigation-right{ border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #ebebeb; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .sb-nav-123ecology .sb-navigation-left:hover, .sb-nav-123ecology .sb-navigation-right:hover{ border: 1px solid #ccc; } .sb-nav-123ecology .sb-navigation-left i, .sb-nav-123ecology .sb-navigation-right i{ height: 28px; width: 28px; display: block; background-repeat: no-repeat; background-position: 6px; opacity: .75; /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=75); /* IE6-IE8 */ } .sb-nav-123ecology .sb-navigation-left i:hover, .sb-nav-123ecology .sb-navigation-right i:hover{ opacity: 1; /* Chrome 4+, FF2+, Saf3.1+, Opera 9+, IE9, iOS 3.2+, Android 2.1+ */ filter: alpha(opacity=100); /* IE6-IE8 */ } .sb-nav-123ecology .sb-navigation-left i{ background-image: url(../../../Minicons_Pack_1/Rewind.png); } .sb-nav-123ecology .sb-navigation-right i{ background-image: url(../../../Minicons_Pack_1/Fast-Forward.png); } .sb-nav-123ecology.showbiz-navigation{ margin-bottom: 10px; } .sb-nav-123ecology.sb-nav-title{ position: absolute; right:0; top: 0; } .skin-123ecology .showbiz p{ color: #555; } .skin-123ecology .reveal_container .reveal_wrapper{ padding-left: 0; padding-top: 0; padding-bottom: 30px; } .skin-123ecology .reveal_container.revactive .reveal_wrapper{ -webkit-box-shadow: inset 0 0 0 1px rgba(235, 235, 235, 1); -moz-box-shadow: inset 0 0 0 1px rgba(235, 235, 235, 1); box-shadow: inset 0 0 0 1px rgba(235, 235, 235, 1); } .skin-123ecology .tofullwidth .reveal_wrapper .table{ margin-bottom: 0; } .skin-123ecology .showbiz .mediaholder_innerwrap{ margin-bottom: 2px; } .skin-123ecology .showbiz .sb-media-skin .mediaholder_innerwrap{ margin-bottom: 0; } .skin-123ecology .tofullwidth .reveal_wrapper .table-cell.onethird img, .skin-123ecology .showbiz .mediaholder_innerwrap{ border: 1px solid #ebebeb; } .skin-123ecology .sb-navigation-left.notclickable{ opacity: 0.5; filter: alpha(opacity=50); } .skin-123ecology .sb-media-skin .mediaholder{ border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -webkit-box-shadow: inset 0 0 0 1px rgba(235, 235, 235, 1); -moz-box-shadow: inset 0 0 0 1px rgba(235, 235, 235, 1); box-shadow: inset 0 0 0 1px rgba(235, 235, 235, 1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .skin-123ecology .sb-media-skin:hover .mediaholder{ -webkit-box-shadow: inset 0 0 0 1px rgba(225, 225, 225, 1); -moz-box-shadow: inset 0 0 0 1px rgba(225, 225, 225, 1); box-shadow: inset 0 0 0 1px rgba(225, 225, 225, 1); } .skin-123ecology .sb-media-skin .mediaholder img{ opacity: 0.85; filter: alpha(opacity=85); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .skin-123ecology .sb-media-skin:hover .mediaholder img{ opacity: 1; filter: alpha(opacity=100); } .skin-123ecology .showbiz-title .redbg{ background-color: #c4302b; } .skin-123ecology .showbiz-title .bluebg{ background-color: #44bbff; } .skin-123ecology .showbiz-title .blackbg{ background-color: #272727; } .skin-123ecology .showbiz-title.go-to-top{ text-decoration: none; } .skin-123ecology .showbiz-title.go-to-top a{ color: #fff; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); } .skin-123ecology .sb-media-skin .reveal_opener.sb-centered{ border: none; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); } .skin-123ecology .reveal_opener.sb-centered.sb-controll-button{ margin-left: -20px; margin-top: -20px; height: 40px; width: 40px; line-height: 40px; border-radius: 20px !important; -moz-border-radius: 20px !important; -webkit-border-radius: 20px !important; } .skin-123ecology .reveal_opener.sb-centered.sb-controll-button.revactive{ margin: 0; } .skin-123ecology .sb-media-skin .reveal_opener .openme{ background: url(../../../Minicons_Pack_1/Add-plus.png) 12px no-repeat; } .skin-123ecology .sb-media-skin .reveal_opener .closeme{ background: url(../../../Minicons_Pack_1/Delete-minus.png) 12px no-repeat; } .skin-123ecology .sb-media-skin .reveal_opener{ background: white; text-indent: -9999px; height: 40px; width: 40px; line-height: 40px; font-size: inherit; bottom: 5px; right: 5px; border: none; -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); box-shadow: -5px -5px 10px 0 rgba(0, 0, 0, 0.1); } .skin-123ecology .sb-media-skin .reveal_container .reveal_wrapper{ padding: 20px; } .skin-123ecology .sb-media-skin .reveal_container .reveal_wrapper .p40{ text-shadow: 0 1px 0 rgba(255, 255, 255, 1); color: #959595; } .skin-123ecology.woocommerce span.onsale{ left: auto; right: 6px; } .skin-123ecology .reveal_container .reveal_wrapper .price{ display: block; margin-bottom: 10px; } .skin-123ecology.woocommerce .star-rating{ float: none; margin: 0 auto; } .skin-123ecology.woocommerce .table-cell .star-rating{ margin: 10px 0 0 0; } .showbiz .txt-center .price, .skin-123ecology .reveal_container .reveal_wrapper .price, .skin-123ecology .sb-media-skin .reveal_container .reveal_wrapper .price{ text-shadow: none; font-size: 14px; } .showbiz .txt-center .price .from, .skin-123ecology .reveal_container .reveal_wrapper .price .from, .skin-123ecology .sb-media-skin .reveal_container .reveal_wrapper .price .from{ color: #555555; font-size: 12px; text-transform: none; } .showbiz .txt-center .price del, .skin-123ecology .reveal_container .reveal_wrapper .price del, .skin-123ecology .sb-media-skin .reveal_container .reveal_wrapper .price del{ font-size: 12px; color: #959595; } .skin-123ecology .reveal_container:hover .showbiz-title, .skin-123ecology .reveal_container:hover .showbiz-title a, .skin-123ecology .sb-showcase-skin:hover .showbiz-title, .skin-123ecology .sb-showcase-skin:hover .showbiz-title a{ text-decoration: none; }