%PDF-
%PDF-
Mini Shell
Mini Shell
/*------------------------------------------------------------------------
Name: Full Width Slider 2.0
Design and Develpment: Eightyclouds
Author URI: http://www.eightyclouds.com
Version: 1.0
--------------------------------------------------------------------------
01. CSS Reset
02. Slider Styles
03. Media Query
04. Custom
*/
/* ------------------------------- 1. Resets -------------------------------------- */
body .fws2 * {
}
/* ------------------------------- 2. Slider Styles ------------------------------- */
.fws2 {
position: relative;
background:#000;
width:100%;
overflow: hidden;
}
.fws2 .slider_container {
}
.fws2 .slide {
display: none;
position: absolute;
top:0;
left:0;
z-index: 0;
width:100%;
}
.fws2 .slide img {
width:100%;
height: auto;
opacity: 1;
margin-top: -74px;
}
.slide_content_wrap .title{
display: none !important;
}
.fws2 .slidePrev {
background:#000;
width:50px;
height:50px;
position: absolute;
top:34% !important;
left:-50px;
opacity:0;
z-index: 10;
}
.fws2 .slidePrev i {
width:50px;
height:50px;
float:left;
background-position: 50% 50%;
background-repeat: no-repeat;
cursor: pointer;
font-size: 32px;
color:#FFF;
line-height: 1.7;
text-align: center;
}
.fws2 .slideNext {
background:#000;
width:50px;
height:50px;
position: absolute;
top:34% !important;
right:-50px;
opacity:0;
z-index: 10;
}
.fws2 .slideNext i {
width:50px;
height:50px;
float:left;
background-position: 50% 50%;
background-repeat: no-repeat;
cursor: pointer;
font-size: 32px;
color:#FFF;
line-height: 1.7;
text-align: center;
}
.fws2 .timers {
height:4px;
position: absolute;
bottom:15px;
right:0;
z-index: 3;
}
.fws2 .timer {
height:4px;
width:40px;
background-color: #000;
float:left;
margin-right: 10px;
}
.fws2 .progress {
height:4px;
width:0%;
background-color: #FFF;
float:left;
}
.fws2 .bullets {
position: absolute;
bottom:-50px;
z-index: 3;
width:100%;
text-align: center;
}
.fws2 .bullet {
display: inline-table;
cursor: pointer;
padding:0 2px;
}
.fws2 .bullet i {
color:#000;
font-size: 15px;
line-height: 1;
-webkit-transition: color .25s ease-out;
transition: color .25s ease-out;
}
.fws2 .bullet.active i, .fws2 .bullet:hover i {
color:#FFCC33;
}
.fws2 .slide_content {
top:-10%;
left:0;
position: absolute;
width:100%;
height:100%;
}
.fws2 .slide_content_wrap { /* Slider Text Content Container Style */
max-width:1280px;
position: absolute;
left:0;
top:0;
width: 800px;
display: none;
margin-left: 18.3% !important;
margin-top: -225px !important;
}
.fws2 .title { /* Slider Title Style */
opacity: 0;
color:#fff;
font-size:36px;
background:#000;
padding:10px;
float:left;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
}
.fws2 .title a {
color: inherit;
text-decoration: none;
}
.fws2 .description { /* Slider Description Style */
/*margin-left: 20%;*/
}
.fws2 .readmore { /* Slider Read More button Style */
/*margin-left: 200px;*/
}
.fws2 .readmore a {
color: inherit;
text-decoration: none;
}
.fws2 .readmore:hover {
color:#fff;
}
.fws2 .readmore:hover a {
color: inherit;
text-decoration: none;
}
.footer {
width:100%;
float:left;
text-align:center;
}
.footer p {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
font-weight: 400;
font-size:12px;
color:#585858;
margin-top:20px;
}
/* ------------------------------- 3. Media Query ------------------------------- */
@media only screen and (min-width:1450px) and (max-width: 1850px) {
.fws2 .slide_content_wrap {
margin-left: 26% !important;
margin-top: -225px !important;
max-width:1000px;
}
.fws2 .title { font-size:26px; }
.fws2 .description { font-size:14px;}
}
@media only screen and (min-width:1850px) and (max-width: 2250px) {
.fws2 .slide_content_wrap {
margin-left: 30% !important;
margin-top: -225px !important;
max-width:1000px;
}
.fws2 .title { font-size:26px; }
.fws2 .description { font-size:14px;}
}
@media only screen and (min-width:2250px) and (max-width: 2650px) {
.fws2 .slide_content_wrap {
margin-left: 34% !important;
margin-top: -225px !important;
max-width:1000px;
}
.fws2 .title { font-size:26px; }
.fws2 .description { font-size:14px;}
}
@media only screen and (min-width:2650px) and (max-width: 3050px) {
.fws2 .slide_content_wrap {
margin-left: 37% !important;
margin-top: -225px !important;
max-width:1000px;
}
.fws2 .title { font-size:26px; }
.fws2 .description { font-size:14px;}
}
@media only screen and (min-width:3050px) and (max-width: 4050px) {
.fws2 .slide_content_wrap {
margin-left: 38% !important;
margin-top: -225px !important;
max-width:1000px;
}
.fws2 .title { font-size:26px; }
.fws2 .description { font-size:14px;}
}
@media only screen and (min-width:1150px) and (max-width: 1450px) {
.fws2 .slide_content_wrap {
margin-left: 18.3% !important;
margin-top: -225px !important;
max-width:1000px;
}
.fws2 .title { font-size:26px; }
.fws2 .description { font-size:14px;}
}
@media only screen and (min-width:760px) and (max-width: 1149px) {
.fws2 .slide_content_wrap {
margin-left: 18.3% !important;
margin-top: -225px !important;
}
.fws2 .title { font-size:26px; }
.fws2 .description { font-size:14px;}
}
/*
@media only screen and (max-width:759px) {
.fws2 .slide_content_wrap {
top:0 !important;
left:0 !important;
margin:0 !important;
width:100%;
height:100%;
}
.fws2 .slide_content_wrap .title,
.fws2 .slide_content_wrap .description,
.fws2 .slide_content_wrap .readmore {
display:none !important;
}
.fws2 .slide_content_wrap .readmore {
opacity:0 !important;
background: none !important;
font-size: 0 !important;
width:100%;
height: 100%;
margin:0 !important;
padding:0 !important;
float:left;
}
.fws2 .timers { display:none; }
.fws2 .bullets { display:none; }
.fws2 .slide_content {cursor: pointer;}
}
*/
/* ------------------------------- 4. Custom -------------------------------------- */
Zerion Mini Shell 1.0