%PDF- %PDF-
Direktori : /home/bitrix/www/bitrix/templates/p4_new/css/ |
Current File : /home/bitrix/www/bitrix/templates/p4_new/css/fws2.css |
/*------------------------------------------------------------------------ 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 -------------------------------------- */