-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
300 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,300 @@ | ||
|
||
/************************** | ||
* | ||
* 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; | ||
line-height:0; | ||
} | ||
.camera_wrap { | ||
display: none; | ||
float: none; | ||
position: relative; | ||
z-index: 1; | ||
padding-bottom:49px; | ||
margin: 0 !important; | ||
} | ||
.camera_wrap img { | ||
max-width: none !important; | ||
overflow: hidden; | ||
} | ||
.camera_fakehover { | ||
height: 100%; | ||
position: relative; | ||
width: 100%; | ||
/*z-index: 1;*/ | ||
} | ||
.camera_src { | ||
display: none; | ||
} | ||
.cameraCont, .cameraContents { | ||
height: 100%; | ||
position: relative; | ||
width:100%; | ||
text-align: left; | ||
/*z-index: 1;*/ | ||
display: inline-block; | ||
} | ||
.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; | ||
} | ||
.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; | ||
text-align: center; | ||
right: 0; | ||
top: 0; | ||
} | ||
.camera_target_content .camera_link { | ||
display: block; | ||
height: 100%; | ||
text-decoration: none; | ||
} | ||
.camera_loader { | ||
background:#efede0 url(../img/camera-loader.gif) no-repeat center; | ||
height: 36px; | ||
width: 36px; | ||
top: 50%; | ||
left: 50%; | ||
overflow: hidden; | ||
position: absolute; | ||
margin: -18px 0 0 -18px; | ||
z-index: 3; | ||
border-radius:36px; | ||
} | ||
.camera_loader img { | ||
border-radius:36px; | ||
} | ||
.camera_clear { | ||
display: block; | ||
clear: both; | ||
} | ||
.showIt { | ||
display: none; | ||
} | ||
.camera_clear { | ||
clear: both; | ||
display: block; | ||
height: 1px; | ||
margin: 0px; | ||
position: relative; | ||
} | ||
.slider{ | ||
position: relative; | ||
z-index:0; | ||
top: 0; | ||
overflow:hidden; | ||
background:#fff; | ||
min-height:450px; | ||
} | ||
.camera_pag { | ||
position: absolute; | ||
z-index: 10; | ||
bottom:0; | ||
left:0; | ||
width: 100%; | ||
padding:0; | ||
text-align: center; | ||
display:block; | ||
-webkit-box-sizing: border-box; | ||
-moz-box-sizing: border-box; | ||
box-sizing: border-box; | ||
} | ||
.camera_pag ul { | ||
text-align: center; | ||
} | ||
.camera_caption { | ||
position: absolute; | ||
top:35%; | ||
width:100%; | ||
display: block; | ||
padding:0; | ||
-webkit-box-sizing: border-box; | ||
-moz-box-sizing: border-box; | ||
box-sizing: border-box; | ||
text-align:center; | ||
} | ||
.camera_caption .title { | ||
font:72px/86px 'Fjalla One'; | ||
color:#fff; | ||
text-transform:uppercase; | ||
letter-spacing:-1px; | ||
margin-bottom:24px; | ||
} | ||
.camera_caption .description { | ||
font:24px/38px 'Georgia'; | ||
color:#fff; | ||
margin-bottom:74px; | ||
} | ||
.camera_prev span, .camera_next span{ | ||
position: absolute; | ||
display: block; | ||
width:52px; | ||
height:53px; | ||
top:50%; | ||
cursor: pointer; | ||
z-index: 1000; | ||
} | ||
.camera_prev span{ | ||
left:109px; | ||
background:url(../img/prev.png) 0 top no-repeat; | ||
} | ||
.camera_prev span:hover{ | ||
background:url(../img/prev.png) 0 bottom no-repeat; | ||
} | ||
.camera_next span{ | ||
right:109px; | ||
background:url(../img/next.png) 0 top no-repeat; | ||
} | ||
.camera_next span:hover{ | ||
background:url(../img/next.png) 0 bottom no-repeat; | ||
} | ||
.camera_pag_ul { | ||
display: inline-block; | ||
margin:0 0 0 -16px; | ||
} | ||
.camera_pag_ul li{ | ||
text-indent: -100px; | ||
float:left; | ||
margin:0 0 0 16px; | ||
} | ||
.camera_pag_ul li:first-child { | ||
margin-left:0; | ||
} | ||
.camera_pag_ul li>span{ | ||
cursor: pointer; | ||
display: block; | ||
width:15px; | ||
height:15px; | ||
border-radius:100%; | ||
background:none; | ||
text-indent: -100px; | ||
overflow: hidden; | ||
background:#e1e1e1; | ||
border-radius:100%; | ||
-webkit-transition: all 0.25s ease; | ||
transition: all 0.25s ease; | ||
} | ||
.camera_pag_ul li>span>span{ | ||
display:none; | ||
} | ||
.camera_pag_ul li.cameracurrent span, .camera_pag_ul li:hover span{ | ||
background:#828282; | ||
-webkit-transition: all 0.25s ease; | ||
transition: all 0.25s ease; | ||
} | ||
/*---------------------------------------------------------------------------------------------------------------------------*/ | ||
@media (min-width: 1220px) { | ||
} | ||
/*---------------------------------------------------------------------------------------------------------------------------*/ | ||
@media (min-width: 992px) and (max-width: 1219px){ | ||
.camera_caption .title { | ||
font-size: 40px; | ||
line-height: 1em; | ||
} | ||
.camera_caption .description { | ||
font-size:18px; | ||
line-height:20px; | ||
margin-bottom: 50px; | ||
} | ||
.camera_caption { | ||
top: 50%; | ||
} | ||
} | ||
/*---------------------------------------------------------------------------------------------------------------------------*/ | ||
@media (min-width: 768px) and (max-width: 991px) { | ||
.camera_caption .title { | ||
font-size: 40px; | ||
line-height: 1em; | ||
} | ||
.camera_caption .description { | ||
font-size:18px; | ||
line-height:20px; | ||
margin-bottom: 50px; | ||
} | ||
.camera_caption { | ||
top: 50%; | ||
} | ||
} | ||
/*---------------------------------------------------------------------------------------------------------------------------*/ | ||
@media (max-width: 767px) { | ||
.camera_caption .title { | ||
font-size: 40px; | ||
line-height: 1em; | ||
} | ||
.camera_caption .description { | ||
font-size:18px; | ||
line-height:20px; | ||
margin-bottom: 50px; | ||
} | ||
.camera_caption { | ||
top: 50%; | ||
} | ||
} | ||
/*---------------------------------------------------------------------------------------------------------------------------*/ | ||
@media (max-width: 626px) { | ||
} | ||
/*---------------------------------------------------------------------------------------------------------------------------*/ | ||
@media (max-width: 560px) { | ||
} | ||
/*---------------------------------------------------------------------------------------------------------------------------*/ | ||
@media (max-width: 480px) { | ||
.camera_caption .description { | ||
display:none | ||
} | ||
} | ||
/*---------------------------------------------------------------------------------------------------------------------------*/ | ||
@media (max-width: 320px) { | ||
} |