preview site for fix and fresh
This commit is contained in:
@@ -0,0 +1,264 @@
|
||||
/**************************
|
||||
*
|
||||
* GENERAL
|
||||
*
|
||||
**************************/
|
||||
.camera_wrap img,
|
||||
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
|
||||
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
|
||||
.camera_thumbs_wrap a, .camera_thumbs_wrap img,
|
||||
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
|
||||
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
|
||||
background: none;
|
||||
border: 0;
|
||||
font: inherit;
|
||||
font-size: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
vertical-align: baseline;
|
||||
list-style: none
|
||||
}
|
||||
|
||||
.camera_main_container{
|
||||
margin-top: 0px;
|
||||
height: 674px;
|
||||
}
|
||||
.camera_wrap {
|
||||
display: none;
|
||||
float: none;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
.camera_wrap img {
|
||||
max-width: none !important;
|
||||
max-width: 20000px !important;
|
||||
}
|
||||
.camera_fakehover {
|
||||
height: 100%;
|
||||
min-height: 40px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
.camera_wrap {
|
||||
width: 100%;
|
||||
height:428px;
|
||||
}
|
||||
.camera_src {
|
||||
display: none;
|
||||
}
|
||||
.cameraCont, .cameraContents {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
.cameraSlide {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.cameraContent {
|
||||
bottom: 0;
|
||||
display: none;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}
|
||||
.camera_target {
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
text-align: left;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 0;
|
||||
}
|
||||
.camera_overlayer {
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
z-index: 0;
|
||||
}
|
||||
.camera_target_content {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
overflow: visible;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
.camera_target_content .camera_link {
|
||||
display: block;
|
||||
height: 100%;
|
||||
text-decoration: none;
|
||||
}
|
||||
.camera_loader {
|
||||
background: #fff url(../images/camera-loader.gif) no-repeat center;
|
||||
background: rgba(255, 255, 255, 0.9) url(../images/camera-loader.gif) no-repeat center;
|
||||
border: 1px solid #ffffff;
|
||||
-webkit-border-radius: 18px;
|
||||
-moz-border-radius: 18px;
|
||||
border-radius: 18px;
|
||||
height: 36px;
|
||||
left: 50%;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
margin: -18px 0 0 -18px;
|
||||
top: 50%;
|
||||
width: 36px;
|
||||
z-index: 3;
|
||||
}
|
||||
.camera_clear {
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
.showIt {
|
||||
display: none;
|
||||
}
|
||||
.camera_clear {
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 1px;
|
||||
margin: 0px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.camera_prev{
|
||||
background: url(../images/slider_prev_btn.png) left top no-repeat;
|
||||
width: 38px;
|
||||
height: 70px;
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
top: 50%;
|
||||
margin-top: -35px;
|
||||
left: 23px;
|
||||
cursor: pointer;
|
||||
opacity: 1 !important;
|
||||
-webkit-transition:all 0.3s ease;
|
||||
-moz-transition:all 0.3s ease;
|
||||
-o-transition:all 0.3s ease;
|
||||
transition:all 0.3s ease;
|
||||
}
|
||||
|
||||
.camera_prev:hover {
|
||||
background-position: 0 bottom;
|
||||
}
|
||||
|
||||
.camera_next {
|
||||
background: url(../images/slider_next_btn.png) right top no-repeat;
|
||||
width: 38px;
|
||||
height: 70px;
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
top: 50%;
|
||||
margin-top: -35px;
|
||||
right: 23px;
|
||||
cursor: pointer;
|
||||
opacity: 1 !important;
|
||||
-webkit-transition:all 0.3s ease;
|
||||
-moz-transition:all 0.3s ease;
|
||||
-o-transition:all 0.3s ease;
|
||||
transition:all 0.3s ease;
|
||||
}
|
||||
|
||||
.camera_next:hover {
|
||||
background-position: right bottom;
|
||||
}
|
||||
|
||||
|
||||
.caption {
|
||||
position:absolute;
|
||||
top: 39%;
|
||||
z-index:15;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.caption_bg{
|
||||
position: relative;
|
||||
-webkit-box-sizing: border-box; /* Safari */
|
||||
-moz-box-sizing: border-box; /*Firefox 1-3*/
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.caption span.slider_txt1{
|
||||
position: relative;
|
||||
display:block;
|
||||
color:#fff;
|
||||
font:bold 66px/70px "Asap", Arial, Helvetica, sans-serif ;
|
||||
font-style: italic;
|
||||
/*margin-top: 44px;*/
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.camera_wrap .camera_pag {
|
||||
width:100%;
|
||||
z-index:1000;
|
||||
position:absolute;
|
||||
height: 20px;
|
||||
bottom: -48px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.camera_wrap .camera_pag .camera_pag_ul{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin-left: 18px;
|
||||
}
|
||||
.camera_wrap .camera_pag .camera_pag_ul li {
|
||||
float:left;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.camera_wrap .camera_pag .camera_pag_ul li span {
|
||||
text-indent: -999px;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
display:block;
|
||||
width: 14px;
|
||||
height: 14px; background: #bebebe;
|
||||
border-radius: 500px;
|
||||
}
|
||||
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent span, .camera_wrap .camera_pag .camera_pag_ul li:hover span{
|
||||
background: #666667;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*========================================================
|
||||
RESPONSIVE LAYOUTS STYLES
|
||||
=========================================================*/
|
||||
@media only screen and (max-width: 1199px) {
|
||||
.camera_main_container{height: 450px;}
|
||||
}
|
||||
@media only screen and (max-width: 979px) {
|
||||
.caption span.slider_txt1{font:bold 40px/40px "Asap", Arial, Helvetica, sans-serif;}
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
.caption span.slider_txt1{font:bold 26px/30px "Asap", Arial, Helvetica, sans-serif;}
|
||||
.camera_next, .camera_prev {top: auto; bottom: 20px;}
|
||||
}
|
||||
@media only screen and (max-width: 479px) {
|
||||
|
||||
}
|
||||
@media only screen and (max-width: 320px) {
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user