577 lines
8.6 KiB
CSS
577 lines
8.6 KiB
CSS
|
|
||
|
/**************************************************************************************/
|
||
|
/*
|
||
|
/* Web: http://www.asdesigning.com
|
||
|
/* Web: http://www.astemplates.com
|
||
|
/* License: GNU/GPL
|
||
|
/*
|
||
|
/**************************************************************************************/
|
||
|
|
||
|
#camera-slideshow
|
||
|
{
|
||
|
margin: 0 !important;
|
||
|
border-radius: 15px;
|
||
|
min-height: 179px;
|
||
|
-moz-box-shadow: 1px 2px 2px 0px #4c5808;
|
||
|
-webkit-box-shadow: 1px 2px 2px 0px #4c5808;
|
||
|
box-shadow: 1px 2px 2px 0px #4c5808;
|
||
|
}
|
||
|
|
||
|
.camera_wrap a,
|
||
|
.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_wrap
|
||
|
{
|
||
|
direction: ltr;
|
||
|
display: none;
|
||
|
float: left;
|
||
|
position: relative;
|
||
|
z-index: 0;
|
||
|
}
|
||
|
|
||
|
.camera_wrap img
|
||
|
{
|
||
|
max-width: none !important;
|
||
|
border-radius: 15px;
|
||
|
}
|
||
|
|
||
|
.camera_fakehover
|
||
|
{
|
||
|
height: 100%;
|
||
|
min-height: 60px;
|
||
|
position: relative;
|
||
|
width: 100%;
|
||
|
z-index: 1;
|
||
|
}
|
||
|
|
||
|
.camera_wrap
|
||
|
{
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
.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: hidden;
|
||
|
position: absolute;
|
||
|
right: 0;
|
||
|
top: 0;
|
||
|
z-index: 2;
|
||
|
}
|
||
|
|
||
|
.camera_target_content .camera_link
|
||
|
{
|
||
|
background: url(../images/blank.gif);
|
||
|
display: block;
|
||
|
height: 100%;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
|
||
|
.camera_loader
|
||
|
{
|
||
|
background: url('../images/loader.gif') no-repeat center;
|
||
|
background-color: transparent;
|
||
|
border: none;
|
||
|
-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_wrap .slide_title
|
||
|
{
|
||
|
font-size: 36px;
|
||
|
line-height: 36px;
|
||
|
text-transform: uppercase;
|
||
|
font-weight: normal;
|
||
|
margin-bottom: 0px;
|
||
|
}
|
||
|
|
||
|
.camera_bar
|
||
|
{
|
||
|
bottom: 0;
|
||
|
left: 0;
|
||
|
overflow: hidden;
|
||
|
position: absolute;
|
||
|
right: 0;
|
||
|
top: 0;
|
||
|
z-index: 3;
|
||
|
}
|
||
|
|
||
|
.camera_thumbs_wrap.camera_left .camera_bar,
|
||
|
.camera_thumbs_wrap.camera_right .camera_bar
|
||
|
{
|
||
|
height: 100%;
|
||
|
position: absolute;
|
||
|
width: auto;
|
||
|
}
|
||
|
|
||
|
.camera_thumbs_wrap.camera_bottom .camera_bar,
|
||
|
.camera_thumbs_wrap.camera_top .camera_bar
|
||
|
{
|
||
|
height: auto;
|
||
|
position: absolute;
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
.camera_nav_cont
|
||
|
{
|
||
|
height: 65px;
|
||
|
overflow: hidden;
|
||
|
position: absolute;
|
||
|
right: 9px;
|
||
|
top: 15px;
|
||
|
width: 120px;
|
||
|
z-index: 4;
|
||
|
}
|
||
|
|
||
|
.camera_caption
|
||
|
{
|
||
|
top: 50px;
|
||
|
right: 30px;
|
||
|
display: none;
|
||
|
position: absolute;
|
||
|
width: 100%;
|
||
|
text-align: left;
|
||
|
}
|
||
|
|
||
|
.camera_caption p
|
||
|
{
|
||
|
font-family: 'Michroma',sans-serif !important;
|
||
|
line-height: 26px;
|
||
|
}
|
||
|
|
||
|
.camera_caption a.readmore
|
||
|
{
|
||
|
position: absolute;
|
||
|
right: 15px;
|
||
|
top: auto;
|
||
|
padding: 10px 45px 10px 30px;
|
||
|
font-size: 12px;
|
||
|
font-weight: bold;
|
||
|
line-height: 24px;
|
||
|
text-transform: uppercase;
|
||
|
background-repeat: repeat-x;
|
||
|
-webkit-border-radius: 5px;
|
||
|
-moz-border-radius: 5px;
|
||
|
border-radius: 5px;
|
||
|
}
|
||
|
|
||
|
.camera_caption a.readmore .arrow
|
||
|
{
|
||
|
background: url('../images/arrow.png') left top no-repeat;
|
||
|
display: block;
|
||
|
height: 11px;
|
||
|
width: 8px;
|
||
|
right: 25px;
|
||
|
top: 16px;
|
||
|
position: absolute;
|
||
|
}
|
||
|
|
||
|
.camera_caption a.readmore:hover
|
||
|
{
|
||
|
background-repeat: repeat-x;
|
||
|
}
|
||
|
|
||
|
.camera_caption > div
|
||
|
{
|
||
|
padding: 10px 50px;
|
||
|
}
|
||
|
|
||
|
.camerarelative
|
||
|
{
|
||
|
overflow: hidden;
|
||
|
position: relative;
|
||
|
}
|
||
|
|
||
|
.imgFake
|
||
|
{
|
||
|
cursor: pointer;
|
||
|
}
|
||
|
|
||
|
.camera_prevThumbs
|
||
|
{
|
||
|
bottom: 4px;
|
||
|
cursor: pointer;
|
||
|
left: 0;
|
||
|
position: absolute;
|
||
|
top: 4px;
|
||
|
visibility: hidden;
|
||
|
width: 30px;
|
||
|
z-index: 10;
|
||
|
}
|
||
|
|
||
|
.camera_prevThumbs div
|
||
|
{
|
||
|
background: url('../images/prev.png') no-repeat center;
|
||
|
display: block;
|
||
|
height: 40px;
|
||
|
margin-top: -20px;
|
||
|
position: absolute;
|
||
|
top: 50%;
|
||
|
width: 30px;
|
||
|
}
|
||
|
|
||
|
.camera_nextThumbs
|
||
|
{
|
||
|
bottom: 4px;
|
||
|
cursor: pointer;
|
||
|
position: absolute;
|
||
|
right: 0;
|
||
|
top: 4px;
|
||
|
visibility: hidden;
|
||
|
width: 30px;
|
||
|
z-index: 10;
|
||
|
}
|
||
|
|
||
|
.camera_nextThumbs div
|
||
|
{
|
||
|
background: url('../images/next.png') no-repeat center;
|
||
|
display: block;
|
||
|
height: 40px;
|
||
|
margin-top: -20px;
|
||
|
position: absolute;
|
||
|
top: 50%;
|
||
|
width: 30px;
|
||
|
}
|
||
|
|
||
|
.camera_command_wrap .hideNav
|
||
|
{
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.camera_command_wrap
|
||
|
{
|
||
|
left: 0;
|
||
|
position: relative;
|
||
|
right:0;
|
||
|
z-index: 4;
|
||
|
}
|
||
|
|
||
|
.camera_pag
|
||
|
{
|
||
|
position: absolute;
|
||
|
left: auto;
|
||
|
right: 225px;
|
||
|
}
|
||
|
|
||
|
.camera_wrap .camera_pag .camera_pag_ul
|
||
|
{
|
||
|
list-style: none;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
text-align: left;
|
||
|
}
|
||
|
|
||
|
.camera_wrap .camera_pag .camera_pag_ul li
|
||
|
{
|
||
|
-webkit-border-radius: 8px;
|
||
|
-moz-border-radius: 8px;
|
||
|
border-radius: 8px;
|
||
|
cursor: pointer;
|
||
|
display: inline-block;
|
||
|
height: 16px;
|
||
|
margin: 20px 5px;
|
||
|
position: relative;
|
||
|
text-align: left;
|
||
|
text-indent: 9999px;
|
||
|
width: 16px;
|
||
|
}
|
||
|
|
||
|
.camera_commands_emboss .camera_pag .camera_pag_ul li
|
||
|
{
|
||
|
-moz-box-shadow: 0px 1px 0px #CCCCC;
|
||
|
-webkit-box-shadow: 0px 1px 0px #CCCCC;
|
||
|
box-shadow: 0px 1px 0px #CCCCC;
|
||
|
}
|
||
|
|
||
|
.camera_wrap .camera_pag .camera_pag_ul li > span
|
||
|
{
|
||
|
-webkit-border-radius: 5px;
|
||
|
-moz-border-radius: 5px;
|
||
|
border-radius: 5px;
|
||
|
height: 8px;
|
||
|
left: 4px;
|
||
|
overflow: hidden;
|
||
|
position: absolute;
|
||
|
top: 4px;
|
||
|
width: 8px;
|
||
|
}
|
||
|
|
||
|
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span
|
||
|
{
|
||
|
-moz-box-shadow: 0px 1px 0px #FFFFFF, inset 0px 1px 1px #CCCCCC;
|
||
|
-webkit-box-shadow: 0px 1px 0px #FFFFFF, inset 0px 1px 1px #CCCCCC;
|
||
|
box-shadow: 0px 1px 0px #FFFFFF, inset 0px 1px 1px #CCCCCC;
|
||
|
}
|
||
|
|
||
|
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span
|
||
|
{
|
||
|
-moz-box-shadow: 0;
|
||
|
-webkit-box-shadow: 0;
|
||
|
box-shadow: 0;
|
||
|
}
|
||
|
|
||
|
.camera_pag_ul li img
|
||
|
{
|
||
|
display: none;
|
||
|
position: absolute;
|
||
|
}
|
||
|
|
||
|
.camera_pag_ul .thumb_arrow
|
||
|
{
|
||
|
border-left: 4px solid transparent;
|
||
|
border-right: 4px solid transparent;
|
||
|
border-top: 4px solid;
|
||
|
top: 0;
|
||
|
left: 50%;
|
||
|
margin-left: -4px;
|
||
|
position: absolute;
|
||
|
}
|
||
|
|
||
|
.camera_prev,
|
||
|
.camera_next,
|
||
|
.camera_commands
|
||
|
{
|
||
|
cursor: pointer;
|
||
|
height: 40px;
|
||
|
margin-top: -20px;
|
||
|
position: absolute;
|
||
|
top: 50%;
|
||
|
width: 40px;
|
||
|
z-index: 2;
|
||
|
}
|
||
|
|
||
|
.camera_prev
|
||
|
{
|
||
|
left: 15px;
|
||
|
}
|
||
|
|
||
|
.camera_prev > span
|
||
|
{
|
||
|
background: url('../images/prev.png') no-repeat center;
|
||
|
display: block;
|
||
|
height: 40px;
|
||
|
width: 40px;
|
||
|
}
|
||
|
|
||
|
.camera_next
|
||
|
{
|
||
|
right: 15px;
|
||
|
}
|
||
|
|
||
|
.camera_next > span
|
||
|
{
|
||
|
background: url('../images/next.png') no-repeat center;
|
||
|
display: block;
|
||
|
height: 40px;
|
||
|
width: 40px;
|
||
|
}
|
||
|
|
||
|
.camera_commands
|
||
|
{
|
||
|
width: 100%;
|
||
|
top: 50%;
|
||
|
left: 48%;
|
||
|
}
|
||
|
|
||
|
.camera_commands > .camera_play
|
||
|
{
|
||
|
background: url('../images/play.png') no-repeat center;
|
||
|
height: 40px;
|
||
|
width: 40px;
|
||
|
}
|
||
|
|
||
|
.camera_commands > .camera_stop
|
||
|
{
|
||
|
background: url('../images/pause.png') no-repeat center;
|
||
|
display: block;
|
||
|
height: 40px;
|
||
|
width: 40px;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.camera_wrap .camera_pag .camera_pag_ul li
|
||
|
{
|
||
|
-webkit-border-radius: 5px;
|
||
|
-moz-border-radius: 5px;
|
||
|
border-radius: 5px;
|
||
|
cursor: pointer;
|
||
|
display: inline-block;
|
||
|
height: 12px;
|
||
|
margin: 0 5px 0 0;
|
||
|
position: relative;
|
||
|
text-indent: 9999px;
|
||
|
width: 12px;
|
||
|
background: #fff;
|
||
|
}
|
||
|
|
||
|
.camera_thumbs_cont
|
||
|
{
|
||
|
-webkit-border-bottom-right-radius: 4px;
|
||
|
-webkit-border-bottom-left-radius: 4px;
|
||
|
-moz-border-radius-bottomright: 4px;
|
||
|
-moz-border-radius-bottomleft: 4px;
|
||
|
border-bottom-right-radius: 4px;
|
||
|
border-bottom-left-radius: 4px;
|
||
|
overflow: hidden;
|
||
|
position: relative;
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
.camera_commands_emboss .camera_thumbs_cont
|
||
|
{
|
||
|
-moz-box-shadow: 0px 1px 0px #FFFFFF, inset 0px 1px 1px #CCCCCC;
|
||
|
-webkit-box-shadow: 0px 1px 0px #FFFFFF, inset 0px 1px 1px #CCCCCC;
|
||
|
box-shadow: 0px 1px 0px #FFFFFF, inset 0px 1px 1px #CCC;
|
||
|
}
|
||
|
|
||
|
.camera_thumbs_cont > div
|
||
|
{
|
||
|
float: left;
|
||
|
width: 100%;
|
||
|
}
|
||
|
|
||
|
.camera_thumbs_cont ul
|
||
|
{
|
||
|
overflow: hidden;
|
||
|
padding: 3px 4px 8px;
|
||
|
position: relative;
|
||
|
text-align: center;
|
||
|
}
|
||
|
|
||
|
.camera_thumbs_cont ul li
|
||
|
{
|
||
|
display: inline;
|
||
|
padding: 0 4px;
|
||
|
}
|
||
|
|
||
|
.camera_thumbs_cont ul li > img
|
||
|
{
|
||
|
border: 1px solid;
|
||
|
cursor: pointer;
|
||
|
margin-top: 5px;
|
||
|
vertical-align:bottom;
|
||
|
}
|
||
|
|
||
|
.camera_clear
|
||
|
{
|
||
|
display: block;
|
||
|
clear: both;
|
||
|
}
|
||
|
|
||
|
.showIt
|
||
|
{
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.camera_clear
|
||
|
{
|
||
|
clear: both;
|
||
|
display: block;
|
||
|
height: 1px;
|
||
|
margin: -1px 0 25px;
|
||
|
position: relative;
|
||
|
}
|