/* * Camera slideshow v1.3.3 - a jQuery slideshow with many effects, transitions, easy to customize, using canvas and mobile ready, based on jQuery 1.4+ * * Copyright (c) 2012 by Manuel Masia - www.pixedelic.com * Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php * */ /************************** * * GENERAL * **************************/ .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 { display: none; float: left; position: relative; z-index: 0; background:#e9e9e9; width: 100%; } .camera_wrap img { max-width: none!important; } .camera_fakehover { height: 100%; min-height: 165px; position: relative; width: 100%; z-index: 1; background:#e9e9e9; } .camera_src {display: none;} .cameraCont, .cameraContents { height: 100%; position: relative; width: 100%; z-index: 1; overflow:hidden; } .cameraSlide { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; background:#e9e9e9; overflow:hidden; } .cameraContent { bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; width: 100%; overflow:hidden; } .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")/*tpa=http://www.faustel.com/wp-content/themes/theme1757/images/blank.gif*/; display: block; height: 100%; text-decoration: none; } .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; } /*---------------------------------------- Caption ---------------------------------------- */ .camera_caption { bottom: 0; display: block; position: absolute; left:0; width:100%; font-size:12px; line-height:14px; color: #fefefe; text-align:left; } .camera_caption > div { padding: 16px 20px 13px 20px; background:url("../images/bg-caption.png")/*tpa=http://www.faustel.com/wp-content/themes/theme1757/images/bg-caption.png*/ 0 0 repeat; } .camera_caption > div h2 { font-size:17px; line-height:20px; color:#fefefe; margin-bottom:4px; display:inline-block; border-bottom:none; padding:0 20px 0 0; background:url("../images/slider-marker.png")/*tpa=http://www.faustel.com/wp-content/themes/theme1757/images/slider-marker.png*/ 100% 50% no-repeat; } .camera_caption > div p {margin-bottom:17px;} /*---------------------------------------- Paginations ---------------------------------------- */ .camera_wrap .camera_pag { position:absolute; bottom:-70px; left:50%; width:100%; margin-left:-50%; text-align:center; } .camera_wrap .camera_pag .camera_pag_ul { list-style: none; margin: 0; padding: 0; text-align: center; } .camera_wrap .camera_pag .camera_pag_ul li { cursor: pointer; display: inline-block; margin: 0px 3px 0 3px; text-indent: -9999px; width: 14px; height:14px; background:#f5f4f4; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .camera_wrap .camera_pag .camera_pag_ul li:hover {background:#4e4d4d;} .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent {background:#4e4d4d;} /*---------------------------------------- Thumbs ---------------------------------------- */ .camera_thumbs_cont { overflow: hidden; position: relative; width: 100%; background:none; } .camera_thumbs_cont > div { float: left; width: 100%; } .camera_thumbs_cont ul { overflow: hidden; display:block; padding: 10px 0px 0px; position: relative; text-align: left; float: left; min-width:990px; } .camera_thumbs_cont ul li { display: inline; padding: 0 10px 0 0px; position:relative; float:left; } .camera_thumbs_cont ul li.lasts {padding: 0 0px 0 0px;} .camera_thumbs_cont ul li > img { border: none; cursor: pointer; margin: 0; vertical-align:bottom; border-radius:4px 4px 5px 5px; position:relative; z-index:1; } .camera_thumbs_cont ul li > .thumb-title { position:absolute; z-index:2; left:0; bottom:0; width:175px; height:28px; overflow:hidden; padding:8px 0 0 11px; background:#f5f5f5; border-bottom:1px solid #d6d5d5; border-right:1px solid #e8e8e8; border-top:1px solid #f9f9f9; border-left:1px solid #f7f7f7; font-size:12px; line-height:17px; color:#a4a4a4; text-transform:none; border-radius:0 0 4px 4px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .camera_thumbs_cont ul li.cameracurrent > .thumb-title, .camera_thumbs_cont ul li:hover > .thumb-title { background:#353434; color:#a3a3a3; border-bottom:1px solid #2e2e2e; border-right:1px solid #2d2d2d; border-top:1px solid #353434; border-left:1px solid #353434; } .camera_pag_ul li img { display: none; position: absolute; border: 2px solid #4e4d4d; } .camera_pag_ul .thumb_arrow { border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #4e4d4d; top: 0px; left: 50%; margin-left: -6px; position: absolute; } .camerarelative { overflow: hidden; position: relative; } .imgFake { cursor: pointer; } .camera_command_wrap .hideNav {display: none;} .camera_command_wrap { left: 0; position: relative; right:0; z-index: 4; } /*---------------------------------------- Prev & Next ---------------------------------------- */ .camera_prev, .camera_next { cursor: pointer; height: 40px; margin-top: 0px; position: absolute; top: 50%; width: 40px; z-index: 2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .camera_prev { left: 0px; background: url("../images/camera_skins.png")/*tpa=http://www.faustel.com/wp-content/themes/theme1757/images/camera_skins.png*/ no-repeat 0 0 #f5f4f4; } .camera_next { right: 0px; background: url("../images/camera_skins.png")/*tpa=http://www.faustel.com/wp-content/themes/theme1757/images/camera_skins.png*/ no-repeat -40px 0 #f5f4f4; } .camera_prev:hover, .camera_next:hover {background-color:#e9e9e9;} /*---------------------------------------- Play & Pause ---------------------------------------- */ .camera_commands { right: 40px; top:50%; height: 40px; width: 40px; cursor: pointer; position: absolute; z-index: 2; } .camera_commands > .camera_play { background: url("../images/camera_skins.png")/*tpa=http://www.faustel.com/wp-content/themes/theme1757/images/camera_skins.png*/ no-repeat -80px 0 #f5f4f4; height: 40px; width: 40px; } .camera_commands > .camera_stop { background: url("../images/camera_skins.png")/*tpa=http://www.faustel.com/wp-content/themes/theme1757/images/camera_skins.png*/ no-repeat -120px 0 #e9e9e9; display: block; height: 40px; width: 40px; } .showIt { display: none; } .camera_clear { clear: both; display: block; height: 1px; margin: -1px 0 25px; position: relative; }