/** * @author RocketTheme http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2015 RocketTheme, LLC * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only */ /* Features - Layout Slideshow - Core */ .layout-slideshow {position: relative; box-shadow: 5px 0px 5px rgba(158, 176, 183, 0.5);} .layout-slideshow:after {display: table;content: "";*zoom: 1;clear: both;} .layout-slideshow ul {list-style: none !important;margin: 0;padding: 0;} .layout-slideshow ul li {margin: 0;padding: 0;} .layout-slideshow .sprocket-none {opacity: 0;visibility: hidden;display: none;} /* Features - Layout Slideshow - Content */ .layout-slideshow .sprocket-features-img-list {position: relative;overflow: hidden;box-shadow: -5px 0px 5px rgba(158, 176, 183, 0.5);} .layout-slideshow .sprocket-features-img-container {position: absolute;top: 0;} .layout-slideshow .sprocket-features-img-container img {width: 100%;} .layout-slideshow .sprocket-features-img-container:before { display:block; content:''; width:240px; height:100%; position:absolute; top:0; left:0; background-image:-moz-linear-gradient(0% 16% 0deg,rgb(197,227,232) 0%,rgba(238,244,247,0) 100%); background-image:-webkit-gradient(linear,0% 16%,100% 16%,color-stop(0, rgb(197,227,232)),color-stop(1, rgba(238,244,247,0))); background-image:-webkit-linear-gradient(0deg,rgb(197,227,232) 0%,rgba(238,244,247,0) 100%); background-image:-o-linear-gradient(0deg,rgb(197,227,232) 0%,rgba(238,244,247,0) 100%); background-image:linear-gradient(90deg,rgb(197,227,232) 0%,rgba(238,244,247,0) 100%); } .layout-slideshow .sprocket-features-content {position: absolute; width: 360px; height:200px; left:65px; top: 50%; margin-top: -100px; text-align:center; padding-top:40px;background-color:rgba(255,255,255,0.9);} .layout-slideshow .sprocket-features-title {font-size: 2.0em; font-weight:700; line-height: 110%;margin: 0 30px;display: block; letter-spacing:0.02em; } .layout-slideshow .sprocket-features-desc {font-size: 1.4em;line-height: 110%;margin: 5px 30px;display: block; letter-spacing:0.02em;} #g-showcase .sprocket-features-img-list .sprocket-features-title {color:#578D9D;} #g-showcase .sprocket-features-img-list li.software .sprocket-features-title {color:#00B200;} #g-showcase .sprocket-features-img-list li.tools .sprocket-features-title {color:#0072FD;} #g-showcase .sprocket-features-img-list li.servis .sprocket-features-title {color:#F01800;} #g-showcase .sprocket-features-img-list a.btn { text-shadow:none; font-size:16px; text-transform:uppercase; padding-bottom: 8px; margin-top:10px; letter-spacing:0.02em; background:#578D9D;} #g-showcase .sprocket-features-img-list li.software a.btn {background:#00B200;} #g-showcase .sprocket-features-img-list li.tools a.btn {background:#0072FD;} #g-showcase .sprocket-features-img-list li.servis a.btn {background:#F01800;} /* Features - Layout Slideshow - Enable First Item */ .layout-slideshow .sprocket-features-index-1 .sprocket-features-img-container {position: relative;} .layout-slideshow .sprocket-features-index-1 .sprocket-features-img-container, .layout-slideshow .sprocket-features-index-1 .sprocket-features-content {z-index: 2;} /* Features - Layout Slideshow - Navigation */ .layout-slideshow .sprocket-features-arrows .arrow {position: absolute;display: block;width: 50px;height: 50px;top: 50%;margin-top: -25px;opacity: 0.5;cursor: pointer;z-index: 10;text-align: center;font-size: 4em; line-height:50%;} .layout-slideshow .sprocket-features-arrows .prev {left: 0px;} .layout-slideshow .sprocket-features-arrows .next {right: 0px;} .arrows-onhover .sprocket-features-arrows .arrow {opacity: 0;} .sprocket-features.arrows-onhover:hover .sprocket-features-arrows .arrow {opacity: 0.75;} .sprocket-features.arrows-onhover:hover .sprocket-features-arrows .arrow:hover, .layout-slideshow .sprocket-features-arrows .arrow:hover {opacity: 1;} .layout-slideshow .sprocket-features-pagination {position: absolute;left: 50px;bottom: 15px;z-index: 10;} .layout-slideshow .sprocket-features-pagination li {display: inline-block;padding: 4px;opacity: 0.4;border-radius: 1em;cursor: pointer;} .layout-slideshow .sprocket-features-pagination li.active {opacity: 1;} .layout-slideshow .sprocket-features-pagination li span {display: none;font-size: 0.85em;line-height: 1em;} .layout-slideshow .sprocket-features-pagination-hidden {display: none;} /* Features - Layout Slideshow - Colors */ .layout-slideshow .sprocket-features-pagination li, .layout-slideshow .sprocket-features-arrows .arrow {background: #578D9D;color: #fff;box-shadow: 1px 1px 1px rgba(255,255,255,0.5);} .layout-slideshow .sprocket-features-title, .layout-slideshow .sprocket-features-desc {} /* Features - Layout Slideshow - Transitions */ .layout-slideshow .sprocket-features-pagination li, .layout-slideshow .sprocket-features-arrows .arrow {-webkit-transition: opacity 0.2s ease-in;-moz-transition: opacity 0.2s ease-in;-o-transition: opacity 0.2s ease-in;transition: opacity 0.2s ease-in;} @media only screen and (min-width: 1200px) { .layout-slideshow .sprocket-features-content { } } @media only screen and (max-width: 1200px) { .layout-slideshow .sprocket-features-content { width: 280px; height:160px; margin-top: -80px; padding-top: 30px; } .layout-slideshow .sprocket-features-title {font-size: 1.6em;} .layout-slideshow .sprocket-features-desc {font-size: 1.2em;} .layout-slideshow .sprocket-features-arrows .arrow {width: 40px;height: 40px;font-size: 3em;line-height: 65%;margin-top: -20px;} } @media only screen and (max-width: 960px), (max-device-width: 960px) { .layout-slideshow .sprocket-features-content { width: 240px; height:140px; left:45px; margin-top: -70px; padding-top: 30px; } .layout-slideshow .sprocket-features-title {font-size: 1.4em;} .layout-slideshow .sprocket-features-desc {font-size: 1.1em;} } @media only screen and (max-width: 768px), (max-device-width: 768px) { .layout-slideshow .sprocket-features-content { width: 100%; height:40px; top:100%; left:0; margin:-40px 0 0 0; padding-top:10px; } .layout-slideshow .sprocket-features-title {font-size: 1.2em; display:inline; margin:0;} .layout-slideshow .sprocket-features-desc {font-size: 1.0em; display:inline; margin:0 6px;} #g-showcase .sprocket-features-img-list a.btn { font-size:14px; line-height:16px; padding-bottom: 5px; margin-top:-5px;} .layout-slideshow .sprocket-features-pagination {left: 15px;top: 5px;} }