1 line
11 KiB
CSS
1 line
11 KiB
CSS
|
.sliderR .sl-slider-wrapper {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}.demo-2 .sl-slider-wrapper {width: 100%; height: 600px; overflow: hidden; position: relative; background: #2e3740; color: #fff;}.demo-2 .sl-slider h2,.demo-2 .sl-slider blockquote {padding: 100px 30px 10px 30px; width: 80%; max-width: 960px; color: #fff; margin: 0 auto; position: relative; z-index: 100; font-weight: 100 !important;}.demo-2 .sl-slider h2 {font-size: 100px; text-shadow: 0 -1px 0 rgba(0,0,0, 1); font-weight: 100;}.demo-2 .sl-slider blockquote {font-size: 28px; padding-top: 10px; font-weight: 100; text-shadow: 0 -1px 0 rgba(0,0,0, 1);}.demo-2 .sl-slider blockquote cite {font-size: 16px; font-weight: 100; font-style: normal; text-transform: uppercase; letter-spacing: 5px; padding-top: 30px; display: inline-block;}.demo-2 .bg-img {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center;}.sliderR .bg-1 .sl-slide-inner, .sliderR .bg-1 .sl-content-slic, .sliderR .bg-2 .sl-slide-inner, .sliderR .bg-2 .sl-content-slic,.sliderR .bg-3 .sl-slide-inner, .sliderR .bg-3 .sl-content-slic,.sliderR .bg-4 .sl-slide-inner, .sliderR .bg-4 .sl-content-slic,.sliderR .bg-5 .sl-slide-inner, .sliderR .bg-5 .sl-content-slic {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: absolute; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center center;}.nav-arrows span {position: absolute; z-index: 2000; top: 50%; width: 50px; height: 50px; border: 2px solid #ddd; border: 2px solid rgba(255,255,255,0.4); text-indent: -90000px; margin-top: -40px; cursor: pointer; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}.nav-arrows span:hover {font-weight: 100; border-color: rgba(255,255,255,0.9);}.nav-arrows span.nav-arrow-prev {left: 5%; border-right: none; border-top: none; opacity: 0;}.nav-arrows span.nav-arrow-prev:hover {opacity: 1;}.nav-arrows span.nav-arrow-next {right: 5%; border-left: none; border-bottom: none; opacity: 0;}.nav-arrows span.nav-arrow-next:hover {opacity: 1;}.nav-dots {text-align: center; position: absolute; bottom: 2%; height: 30px; width: 100%; left: 0; z-index: 1000;}.nav-dots span {display: inline-block; position: relative; width: 16px; height: 16px; border-radius: 50%; margin: 3px; background: #ddd; background: rgba(150,150,150,0.4); cursor: pointer; box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1);}.demo-2 .nav-dots span {background: rgba(150,150,150,0.1); margin: 6px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 2px rgba(255,255,255,0.5);}.demo-2 .nav-dots span.nav-dot-current,.demo-2 .nav-dots span:hover {box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 5px rgba(255,255,255,0.5);}.nav-dots span.nav-dot-current:after {content: ""; position: absolute; width: 10px; height: 10px; top: 3px; left: 3px; border-radius: 50%; background: rgba(255,255,255,0.8);}.sliderR .deco {width: 260px; height: 260px; border: 2px dashed #ddd; border: 2px dashed rgba(150,150,150,0.4); border-radius: 50%; position: absolute; bottom: 50%; left: 50%; margin: 0 0 0 -130px;}.sliderR [data-icon]:after {content: attr(data-icon); color: #999; text-shadow: 0 0 1px #999; position: absolute; width: 220px; height: 220px; line-height: 220px; text-align: center; font-size: 100px; top: 50%; left: 50%; margin: -110px 0 0 -110px; box-shadow: inset 0 0 0 10px #f7f7f7; border-radius: 50%;}.sliderR .sl-slide h2 {color: #000; text-shadow: 0 0 1px #000; padding: 20px; position: absolute; font-size: 34px; font-weight: 7
|