preview site for fix and fresh
This commit is contained in:
+3125
File diff suppressed because it is too large
Load Diff
@@ -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) {
|
||||
|
||||
}
|
||||
@@ -0,0 +1,395 @@
|
||||
/* Contact Form variables
|
||||
========================================================*/
|
||||
/*========================================================
|
||||
Main variables
|
||||
=========================================================*/
|
||||
/*hover color*/
|
||||
/*hover 2 color*/
|
||||
/*color of content*/
|
||||
/*color of border*/
|
||||
/*========================================================
|
||||
Typography
|
||||
=========================================================*/
|
||||
/*color of input fields in contact form*/
|
||||
/* Contact Form Basic Styles
|
||||
========================================================*/
|
||||
#contact-form {
|
||||
position: relative;
|
||||
margin-top: 83px;
|
||||
}
|
||||
#contact-form label.message {
|
||||
max-width: 100%;
|
||||
margin-top: 36px;
|
||||
}
|
||||
#contact-form label {
|
||||
position: relative;
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
min-height: 66px;
|
||||
}
|
||||
#contact-form label.message {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
top: -1px;
|
||||
}
|
||||
#contact-form fieldset {
|
||||
border: none;
|
||||
}
|
||||
/* Contact Form Placeholder Styles
|
||||
========================================================*/
|
||||
#contact-form ._placeholder {
|
||||
width: 100% !important;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: block;
|
||||
line-height: 34px;
|
||||
font-size: 18px;
|
||||
font-family: 'Lato', Arial, sans-serif;
|
||||
padding: 5px 17px 5px;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
border-radius: 0;
|
||||
cursor: text;
|
||||
color: #545454;
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
}
|
||||
#contact-form ._placeholder.focused {
|
||||
opacity: 0.4;
|
||||
filter: alpha(opacity=40);
|
||||
/*.box-shadow(0px 0px 7px 0px rgba(0, 0, 0, 0.7));*/
|
||||
}
|
||||
#contact-form ._placeholder.hidden {
|
||||
display: none;
|
||||
}
|
||||
#contact-form .file ._placeholder {
|
||||
display: none;
|
||||
}
|
||||
/* Contact Form Input
|
||||
========================================================*/
|
||||
#contact-form input[type='text'] {
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
line-height: 34px;
|
||||
font-size: 18px;
|
||||
font-family: 'Lato', Arial, sans-serif;
|
||||
padding: 5px 17px 5px;
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
outline: none;
|
||||
color: #545454;
|
||||
height: 41px;
|
||||
border: none;
|
||||
border-bottom: 1px solid #bfbfbf;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
background: none;
|
||||
}
|
||||
input,
|
||||
textarea {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
/* Contact Form File Input
|
||||
========================================================*/
|
||||
#contact-form .input-group {
|
||||
position: relative;
|
||||
display: table;
|
||||
border-collapse: separate;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#contact-form input.form-control[disabled] {
|
||||
cursor: not-allowed;
|
||||
background-color: #fafafa;
|
||||
opacity: 1;
|
||||
}
|
||||
#contact-form input.form-control {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
float: left;
|
||||
width: 100%;
|
||||
margin-bottom: 0;
|
||||
padding: 6px 12px;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
|
||||
-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
||||
-moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
||||
transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
|
||||
}
|
||||
#contact-form .input-group-btn:first-child > .btn {
|
||||
border-bottom-right-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
margin: 0 -1px 0 0;
|
||||
}
|
||||
#contact-form .input-group .form-control:last-child {
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
#contact-form .input-group-btn:last-child > .btn {
|
||||
border-bottom-left-radius: 0;
|
||||
border-top-left-radius: 0;
|
||||
}
|
||||
#contact-form .input-group .form-control:first-child {
|
||||
border-bottom-right-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
#contact-form input.form-control,
|
||||
#contact-form .input-group-btn {
|
||||
display: table-cell;
|
||||
border-collapse: separate;
|
||||
float: none !important;
|
||||
}
|
||||
#contact-form .input-group-btn label {
|
||||
width: auto;
|
||||
margin-left: -1px;
|
||||
}
|
||||
#contact-form .input-group-btn {
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
white-space: nowrap;
|
||||
width: 1%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
#contact-form .btn {
|
||||
margin-top: 26px;
|
||||
}
|
||||
#contact-form .btn + .btn {
|
||||
margin-left: 5px;
|
||||
}
|
||||
#contact-form .btn-default {
|
||||
color: #333333;
|
||||
background-color: #ffffff;
|
||||
border-color: #cccccc;
|
||||
}
|
||||
#contact-form .btn-default:hover {
|
||||
color: #333333;
|
||||
background-color: #ebebeb;
|
||||
border-color: #adadad;
|
||||
}
|
||||
#contact-form .btn-default:active,
|
||||
#contact-form .btn-default:focus {
|
||||
outline-offset: -2px;
|
||||
outline: none;
|
||||
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
|
||||
}
|
||||
/* Contact Form Textarea
|
||||
========================================================*/
|
||||
#contact-form textarea {
|
||||
width: 100%;
|
||||
border-radius: 0;
|
||||
line-height: 34px;
|
||||
font-size: 18px;
|
||||
font-family: 'Lato', Arial, sans-serif;
|
||||
padding: 5px 17px 5px;
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
outline: none;
|
||||
border: none;
|
||||
border: 1px solid #bfbfbf;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
resize: none;
|
||||
color: #545454;
|
||||
height: 166px;
|
||||
background: none;
|
||||
}
|
||||
#contact-form .btns {
|
||||
text-align: center;
|
||||
}
|
||||
#contact-form .btns a {
|
||||
margin-top: 73px;
|
||||
}
|
||||
/* Contact Form Error messages
|
||||
========================================================*/
|
||||
#contact-form .empty-message,
|
||||
#contact-form .error-message {
|
||||
position: absolute;
|
||||
right: 18px;
|
||||
top: -5px;
|
||||
color: red;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
font-size: 11px;
|
||||
-webkit-transition: 0.3s ease-in height;
|
||||
transition: 0.3s ease-in height;
|
||||
z-index: 99;
|
||||
}
|
||||
#contact-form .invalid .error-message,
|
||||
#contact-form .empty .empty-message {
|
||||
height: 20px;
|
||||
}
|
||||
/* Contact Form Processing Box
|
||||
========================================================*/
|
||||
#contact-form .contact-form-loader {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: rgba(255, 255, 255, 0.9);
|
||||
background-image: url('../images/form-loader.gif');
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
opacity: 0;
|
||||
}
|
||||
#contact-form.processing .contact-form-loader {
|
||||
opacity: 1;
|
||||
z-index: 99;
|
||||
-webkit-transition: all 0.3s ease-in;
|
||||
transition: all 0.3s ease-in;
|
||||
}
|
||||
/* Contact Form Modal
|
||||
========================================================*/
|
||||
.modal-open {
|
||||
overflow: hidden;
|
||||
}
|
||||
#contact-form .modal {
|
||||
display: none;
|
||||
overflow: auto;
|
||||
overflow-y: scroll;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1050;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
outline: 0;
|
||||
font-family: 'Lato', Arial, sans-serif;
|
||||
font-size: 13px;
|
||||
}
|
||||
#contact-form .modal h4 {
|
||||
font-size: 24px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
#contact-form .modal h4:before {
|
||||
display: none;
|
||||
}
|
||||
.modal.fade .modal-dialog {
|
||||
-webkit-transform: translate(0, -25%);
|
||||
-ms-transform: translate(0, -25%);
|
||||
transform: translate(0, -25%);
|
||||
-webkit-transition: -webkit-transform 0.3s ease-out;
|
||||
-moz-transition: -moz-transform 0.3s ease-out;
|
||||
-o-transition: -o-transform 0.3s ease-out;
|
||||
transition: transform 0.3s ease-out;
|
||||
}
|
||||
.modal.in .modal-dialog {
|
||||
-webkit-transform: translate(0, 0);
|
||||
-ms-transform: translate(0, 0);
|
||||
transform: translate(0, 0);
|
||||
}
|
||||
.modal-content {
|
||||
position: relative;
|
||||
background-color: #ffffff;
|
||||
border: 1px solid #999999;
|
||||
border: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-radius: 6px;
|
||||
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
|
||||
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
|
||||
background-clip: padding-box;
|
||||
outline: none;
|
||||
}
|
||||
.modal-backdrop {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 1040;
|
||||
background-color: #000000;
|
||||
}
|
||||
.modal-backdrop.fade {
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
}
|
||||
.modal-backdrop.in {
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
.modal-header {
|
||||
padding: 15px;
|
||||
border-bottom: 1px solid #e5e5e5;
|
||||
min-height: 16.42857143px;
|
||||
}
|
||||
.modal-header .close {
|
||||
margin-top: -2px;
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
.modal-title {
|
||||
margin: 0;
|
||||
line-height: 1.42857143;
|
||||
}
|
||||
.modal-body {
|
||||
position: relative;
|
||||
padding: 20px;
|
||||
}
|
||||
.modal-dialog {
|
||||
width: 600px;
|
||||
margin: 10px auto;
|
||||
}
|
||||
@media only screen and (max-width: 768px) {
|
||||
.modal-dialog {
|
||||
position: relative;
|
||||
width: auto;
|
||||
margin: 10px;
|
||||
}
|
||||
}
|
||||
/* Contact Form Close icon
|
||||
========================================================*/
|
||||
.close {
|
||||
float: right;
|
||||
font-size: 21px;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
color: #000000;
|
||||
text-shadow: 0 1px 0 #ffffff;
|
||||
opacity: 0.2;
|
||||
filter: alpha(opacity=20);
|
||||
}
|
||||
.close:hover,
|
||||
.close:focus {
|
||||
color: #000000;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
opacity: 0.5;
|
||||
filter: alpha(opacity=50);
|
||||
}
|
||||
button.close {
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
border: 0;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
@media only screen and (max-width: 1199px) {
|
||||
#contact-form {
|
||||
padding-right: 0;
|
||||
}
|
||||
}
|
||||
@media only screen and (max-width: 979px) {
|
||||
#contact-form label {
|
||||
width: 100%;
|
||||
}
|
||||
#contact-form .btn {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,475 @@
|
||||
/* http://meyerweb.com/eric/tools/css/reset/
|
||||
v2.0 | 20110126
|
||||
License: none (public domain)
|
||||
*/
|
||||
html,
|
||||
body,
|
||||
div,
|
||||
span,
|
||||
applet,
|
||||
object,
|
||||
iframe,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
blockquote,
|
||||
pre,
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
big,
|
||||
cite,
|
||||
code,
|
||||
del,
|
||||
dfn,
|
||||
em,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
q,
|
||||
s,
|
||||
samp,
|
||||
small,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
sup,
|
||||
tt,
|
||||
var,
|
||||
b,
|
||||
u,
|
||||
i,
|
||||
center,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ol,
|
||||
ul,
|
||||
li,
|
||||
fieldset,
|
||||
form,
|
||||
label,
|
||||
legend,
|
||||
table,
|
||||
caption,
|
||||
tbody,
|
||||
tfoot,
|
||||
thead,
|
||||
tr,
|
||||
th,
|
||||
td,
|
||||
article,
|
||||
aside,
|
||||
canvas,
|
||||
details,
|
||||
embed,
|
||||
figure,
|
||||
figcaption,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
output,
|
||||
ruby,
|
||||
section,
|
||||
summary,
|
||||
time,
|
||||
mark,
|
||||
audio,
|
||||
video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: top;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before,
|
||||
blockquote:after,
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
.clearfix:before,
|
||||
.clearfix:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0;
|
||||
}
|
||||
.clearfix:after {
|
||||
clear: both;
|
||||
}
|
||||
.container .alpha {
|
||||
margin-left: 0px;
|
||||
}
|
||||
.container .omega {
|
||||
margin-right: 0px;
|
||||
}
|
||||
.row {
|
||||
margin-left: -30px;
|
||||
}
|
||||
.row:before,
|
||||
.row:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0;
|
||||
}
|
||||
.row:after {
|
||||
clear: both;
|
||||
}
|
||||
[class*="grid_"] {
|
||||
float: left;
|
||||
min-height: 1px;
|
||||
margin-left: 30px;
|
||||
}
|
||||
.container {
|
||||
width: 1170px;
|
||||
}
|
||||
.grid_12 {
|
||||
width: 1170px;
|
||||
}
|
||||
.grid_11 {
|
||||
width: 1070px;
|
||||
}
|
||||
.grid_10 {
|
||||
width: 970px;
|
||||
}
|
||||
.grid_9 {
|
||||
width: 870px;
|
||||
}
|
||||
.grid_8 {
|
||||
width: 770px;
|
||||
}
|
||||
.grid_7 {
|
||||
width: 670px;
|
||||
}
|
||||
.grid_6 {
|
||||
width: 570px;
|
||||
}
|
||||
.grid_5 {
|
||||
width: 470px;
|
||||
}
|
||||
.grid_4 {
|
||||
width: 370px;
|
||||
}
|
||||
.grid_3 {
|
||||
width: 270px;
|
||||
}
|
||||
.grid_2 {
|
||||
width: 170px;
|
||||
}
|
||||
.grid_1 {
|
||||
width: 70px;
|
||||
}
|
||||
.preffix_12 {
|
||||
margin-left: 1230px;
|
||||
}
|
||||
.preffix_11 {
|
||||
margin-left: 1130px;
|
||||
}
|
||||
.preffix_10 {
|
||||
margin-left: 1030px;
|
||||
}
|
||||
.preffix_9 {
|
||||
margin-left: 930px;
|
||||
}
|
||||
.preffix_8 {
|
||||
margin-left: 830px;
|
||||
}
|
||||
.preffix_7 {
|
||||
margin-left: 730px;
|
||||
}
|
||||
.preffix_6 {
|
||||
margin-left: 630px;
|
||||
}
|
||||
.preffix_5 {
|
||||
margin-left: 530px;
|
||||
}
|
||||
.preffix_4 {
|
||||
margin-left: 430px;
|
||||
}
|
||||
.preffix_3 {
|
||||
margin-left: 330px;
|
||||
}
|
||||
.preffix_2 {
|
||||
margin-left: 230px;
|
||||
}
|
||||
.preffix_1 {
|
||||
margin-left: 130px;
|
||||
}
|
||||
.container {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.container:before,
|
||||
.container:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0;
|
||||
}
|
||||
.container:after {
|
||||
clear: both;
|
||||
}
|
||||
@media (min-width: 980px) and (max-width: 1199px) {
|
||||
.row {
|
||||
margin-left: -20px;
|
||||
}
|
||||
.row:before,
|
||||
.row:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0;
|
||||
}
|
||||
.row:after {
|
||||
clear: both;
|
||||
}
|
||||
[class*="grid_"] {
|
||||
float: left;
|
||||
min-height: 1px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.container {
|
||||
width: 940px;
|
||||
}
|
||||
.grid_12 {
|
||||
width: 940px;
|
||||
}
|
||||
.grid_11 {
|
||||
width: 860px;
|
||||
}
|
||||
.grid_10 {
|
||||
width: 780px;
|
||||
}
|
||||
.grid_9 {
|
||||
width: 700px;
|
||||
}
|
||||
.grid_8 {
|
||||
width: 620px;
|
||||
}
|
||||
.grid_7 {
|
||||
width: 540px;
|
||||
}
|
||||
.grid_6 {
|
||||
width: 460px;
|
||||
}
|
||||
.grid_5 {
|
||||
width: 380px;
|
||||
}
|
||||
.grid_4 {
|
||||
width: 300px;
|
||||
}
|
||||
.grid_3 {
|
||||
width: 220px;
|
||||
}
|
||||
.grid_2 {
|
||||
width: 140px;
|
||||
}
|
||||
.grid_1 {
|
||||
width: 60px;
|
||||
}
|
||||
.preffix_12 {
|
||||
margin-left: 980px;
|
||||
}
|
||||
.preffix_11 {
|
||||
margin-left: 900px;
|
||||
}
|
||||
.preffix_10 {
|
||||
margin-left: 820px;
|
||||
}
|
||||
.preffix_9 {
|
||||
margin-left: 740px;
|
||||
}
|
||||
.preffix_8 {
|
||||
margin-left: 660px;
|
||||
}
|
||||
.preffix_7 {
|
||||
margin-left: 580px;
|
||||
}
|
||||
.preffix_6 {
|
||||
margin-left: 500px;
|
||||
}
|
||||
.preffix_5 {
|
||||
margin-left: 420px;
|
||||
}
|
||||
.preffix_4 {
|
||||
margin-left: 340px;
|
||||
}
|
||||
.preffix_3 {
|
||||
margin-left: 260px;
|
||||
}
|
||||
.preffix_2 {
|
||||
margin-left: 180px;
|
||||
}
|
||||
.preffix_1 {
|
||||
margin-left: 100px;
|
||||
}
|
||||
}
|
||||
@media (min-width: 768px) and (max-width: 979px) {
|
||||
.row {
|
||||
margin-left: -20px;
|
||||
}
|
||||
.row:before,
|
||||
.row:after {
|
||||
display: table;
|
||||
content: "";
|
||||
line-height: 0;
|
||||
}
|
||||
.row:after {
|
||||
clear: both;
|
||||
}
|
||||
[class*="grid_"] {
|
||||
float: left;
|
||||
min-height: 1px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.container {
|
||||
width: 748px;
|
||||
}
|
||||
.grid_12 {
|
||||
width: 748px;
|
||||
}
|
||||
.grid_11 {
|
||||
width: 684px;
|
||||
}
|
||||
.grid_10 {
|
||||
width: 620px;
|
||||
}
|
||||
.grid_9 {
|
||||
width: 556px;
|
||||
}
|
||||
.grid_8 {
|
||||
width: 492px;
|
||||
}
|
||||
.grid_7 {
|
||||
width: 428px;
|
||||
}
|
||||
.grid_6 {
|
||||
width: 364px;
|
||||
}
|
||||
.grid_5 {
|
||||
width: 300px;
|
||||
}
|
||||
.grid_4 {
|
||||
width: 236px;
|
||||
}
|
||||
.grid_3 {
|
||||
width: 172px;
|
||||
}
|
||||
.grid_2 {
|
||||
width: 108px;
|
||||
}
|
||||
.grid_1 {
|
||||
width: 44px;
|
||||
}
|
||||
.preffix_12 {
|
||||
margin-left: 788px;
|
||||
}
|
||||
.preffix_11 {
|
||||
margin-left: 724px;
|
||||
}
|
||||
.preffix_10 {
|
||||
margin-left: 660px;
|
||||
}
|
||||
.preffix_9 {
|
||||
margin-left: 596px;
|
||||
}
|
||||
.preffix_8 {
|
||||
margin-left: 532px;
|
||||
}
|
||||
.preffix_7 {
|
||||
margin-left: 468px;
|
||||
}
|
||||
.preffix_6 {
|
||||
margin-left: 404px;
|
||||
}
|
||||
.preffix_5 {
|
||||
margin-left: 340px;
|
||||
}
|
||||
.preffix_4 {
|
||||
margin-left: 276px;
|
||||
}
|
||||
.preffix_3 {
|
||||
margin-left: 212px;
|
||||
}
|
||||
.preffix_2 {
|
||||
margin-left: 148px;
|
||||
}
|
||||
.preffix_1 {
|
||||
margin-left: 84px;
|
||||
}
|
||||
}
|
||||
.select-menu {
|
||||
display: none !important;
|
||||
}
|
||||
@media (max-width: 767px) {
|
||||
.container {
|
||||
width: 420px;
|
||||
padding: 0 0px;
|
||||
}
|
||||
.row {
|
||||
margin-left: 0;
|
||||
}
|
||||
[class*="grid_"] {
|
||||
float: none;
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.select-menu {
|
||||
display: block !important;
|
||||
}
|
||||
}
|
||||
@media (max-width: 479px) {
|
||||
body {
|
||||
padding: 0;
|
||||
}
|
||||
.container {
|
||||
width: 300px;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.row {
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,48 @@
|
||||
|
||||
.class { behavior:url(js/PIE.htc); position:absolute;}
|
||||
|
||||
#back-top { behavior:url(js/PIE.htc);}
|
||||
|
||||
a.magnifier2:hover .zoom{
|
||||
display: block;
|
||||
}
|
||||
a.magnifier2 .zoom, .bottom_p{
|
||||
display: none;
|
||||
}
|
||||
|
||||
body {
|
||||
min-width: 1290px;
|
||||
}
|
||||
|
||||
#form .invalid .error-message,
|
||||
#form .empty .empty-message {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#form .error-message,
|
||||
#form .empty-message {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#contact-form .contact-form-loader {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#contact-form.loading .contact-form-loader {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
.sf-menu > li > a strong:before{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sf-menu > li.current > a strong:before {
|
||||
display: block;
|
||||
}
|
||||
.sf-menu > li.sfHover > a strong:before {
|
||||
display: block;
|
||||
}
|
||||
.sf-menu a:hover strong:before {
|
||||
display: block;
|
||||
}
|
||||
+128
@@ -0,0 +1,128 @@
|
||||
/* http://meyerweb.com/eric/tools/css/reset/
|
||||
v2.0 | 20110126
|
||||
License: none (public domain)
|
||||
*/
|
||||
html,
|
||||
body,
|
||||
div,
|
||||
span,
|
||||
applet,
|
||||
object,
|
||||
iframe,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
blockquote,
|
||||
pre,
|
||||
a,
|
||||
abbr,
|
||||
acronym,
|
||||
address,
|
||||
big,
|
||||
cite,
|
||||
code,
|
||||
del,
|
||||
dfn,
|
||||
em,
|
||||
img,
|
||||
ins,
|
||||
kbd,
|
||||
q,
|
||||
s,
|
||||
samp,
|
||||
small,
|
||||
strike,
|
||||
strong,
|
||||
sub,
|
||||
sup,
|
||||
tt,
|
||||
var,
|
||||
b,
|
||||
u,
|
||||
i,
|
||||
center,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ol,
|
||||
ul,
|
||||
li,
|
||||
fieldset,
|
||||
form,
|
||||
label,
|
||||
legend,
|
||||
table,
|
||||
caption,
|
||||
tbody,
|
||||
tfoot,
|
||||
thead,
|
||||
tr,
|
||||
th,
|
||||
td,
|
||||
article,
|
||||
aside,
|
||||
canvas,
|
||||
details,
|
||||
embed,
|
||||
figure,
|
||||
figcaption,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
output,
|
||||
ruby,
|
||||
section,
|
||||
summary,
|
||||
time,
|
||||
mark,
|
||||
audio,
|
||||
video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
font: inherit;
|
||||
vertical-align: top;
|
||||
}
|
||||
/* HTML5 display-role reset for older browsers */
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
display: block;
|
||||
}
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
blockquote,
|
||||
q {
|
||||
quotes: none;
|
||||
}
|
||||
blockquote:before,
|
||||
blockquote:after,
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
content: none;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
@@ -0,0 +1,252 @@
|
||||
#owl {
|
||||
/*overflow: hidden;*/
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
padding: 0px 42px 0px;
|
||||
margin: 0 -15px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#owl p{
|
||||
float: left;
|
||||
}
|
||||
#owl .more_btn{
|
||||
float: right;
|
||||
}
|
||||
|
||||
#owl .owl-item {
|
||||
float: left;
|
||||
width: 100%;
|
||||
/*margin: 0 15px;*/
|
||||
}
|
||||
|
||||
#owl .item {
|
||||
position: relative;
|
||||
margin: 0 15px;
|
||||
}
|
||||
#owl p{max-width: 100%;}
|
||||
|
||||
.owl-wrapper-outer {
|
||||
overflow: hidden;
|
||||
padding-top: 0px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.owl-wrapper {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.owl-controls{text-align: center;}
|
||||
.owl-pagination {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
.owl-pagination span {
|
||||
display: block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
cursor: pointer;
|
||||
/*background: url(../images/pagination.png) right 0 no-repeat;*/
|
||||
background: #bebebe;
|
||||
border-radius: 1000px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.owl-pagination .active span {
|
||||
/*background-position: 0 0;*/
|
||||
background: #a36217;
|
||||
}
|
||||
|
||||
.owl-pagination span:hover {
|
||||
/*background-position: 0 0;*/
|
||||
background: #a36217;
|
||||
}
|
||||
|
||||
.owl-page {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.owl-page+.owl-page {
|
||||
/*margin-left: 4px;*/
|
||||
}
|
||||
|
||||
|
||||
/* Owl content */
|
||||
|
||||
|
||||
|
||||
.owl-carousel .owl-wrapper{
|
||||
display: none;
|
||||
position: relative;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
-webkit-perspective: 1000;
|
||||
}
|
||||
|
||||
|
||||
#owl .owl-wrapper {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
|
||||
#owl .owl-prev, #owl .owl-next {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
background: url(../images/owl_prev_btn.png) 0 0 no-repeat;
|
||||
display: block;
|
||||
width: 16px;
|
||||
height: 30px;
|
||||
left: 17px;
|
||||
top: 11px;
|
||||
overflow: hidden;
|
||||
text-indent: -999px;
|
||||
opacity: 0.5;
|
||||
|
||||
}
|
||||
|
||||
#owl .owl-next {
|
||||
/*right: 0px;
|
||||
left: auto;*/
|
||||
left: auto;
|
||||
right: 17px;
|
||||
background: url(../images/owl_next_btn.png) 0 0 no-repeat;
|
||||
|
||||
}
|
||||
#owl .owl-next:hover {
|
||||
background-position: 0 bottom;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#owl .owl-prev:hover {
|
||||
background-position: 0 bottom;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#owl2 {
|
||||
/*overflow: hidden;*/
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
top: 0px;
|
||||
padding: 0px 0px 0px;
|
||||
margin: 0 -15px;
|
||||
margin-top: 18px;
|
||||
}
|
||||
|
||||
#owl2 .owl-item {
|
||||
float: left;
|
||||
width: 100%;
|
||||
/*margin: 0 15px;*/
|
||||
}
|
||||
|
||||
#owl2 .item {
|
||||
position: relative;
|
||||
margin: 0 15px;
|
||||
}
|
||||
|
||||
/* Owl content */
|
||||
|
||||
|
||||
|
||||
.owl-carousel .owl-wrapper{
|
||||
display: none;
|
||||
position: relative;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
-webkit-perspective: 1000;
|
||||
}
|
||||
|
||||
|
||||
#owl2 .owl-wrapper {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
|
||||
#owl2 .owl-prev, #owl2 .owl-next {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
background: url(../images/owl_prev_btn.png) 0 0 no-repeat;
|
||||
display: block;
|
||||
height: 25px;
|
||||
left: 50%;
|
||||
bottom: -43px;
|
||||
width: 24px;
|
||||
overflow: hidden;
|
||||
text-indent: -999px;
|
||||
opacity: 0.5;
|
||||
margin-left: -27px;
|
||||
|
||||
}
|
||||
|
||||
#owl2 .owl-next {
|
||||
/*right: 0px;
|
||||
left: auto;*/
|
||||
margin-left: 5px;
|
||||
background: url(../images/owl_next_btn.png) 0 0 no-repeat;
|
||||
|
||||
}
|
||||
#owl2 .owl-next:hover {
|
||||
background-position: 0 bottom;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#owl2 .owl-prev:hover {
|
||||
background-position: 0 bottom;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
|
||||
#owl2 .owl-controls{
|
||||
position: absolute;
|
||||
bottom: -69px;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
}
|
||||
.owl-pagination {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.owl-pagination span {
|
||||
display: block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
cursor: pointer;
|
||||
/*background: url(../images/pagination.png) right 0 no-repeat;*/
|
||||
background: #aca8a2;
|
||||
border-radius: 1000px;
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
.owl-pagination .active span {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
.owl-pagination span:hover {
|
||||
background-position: 0 0;
|
||||
}
|
||||
@@ -0,0 +1,27 @@
|
||||
/* Stuck menu styles
|
||||
========================================================*/
|
||||
.isStuck {
|
||||
background: #61ae24;
|
||||
padding: 0px 0 0px;
|
||||
z-index: 999;
|
||||
text-align: center;
|
||||
top: -20px;
|
||||
}
|
||||
.isStuck .search_main,
|
||||
.isStuck h1 {
|
||||
/*height: 100px;*/
|
||||
display: none;
|
||||
}
|
||||
.isStuck nav {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
margin-top: 0;
|
||||
}
|
||||
.isStuck .sf-menu {
|
||||
float: none;
|
||||
}
|
||||
@media only screen and (max-width: 979px) {
|
||||
.isStuck {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,143 @@
|
||||
/* The gallery overlay */
|
||||
|
||||
#galleryOverlay{
|
||||
width:100%;
|
||||
height:100%;
|
||||
position:fixed;
|
||||
top:0;
|
||||
left:0;
|
||||
opacity:0;
|
||||
z-index:100000;
|
||||
/*background-color:#fff;*/
|
||||
background: url("../images/touchtouch/bg_transparent.png");
|
||||
/*background-color:rgba(0,0,0,0.8);*/
|
||||
overflow:hidden;
|
||||
display:none;
|
||||
|
||||
-moz-transition:opacity 1s ease;
|
||||
-webkit-transition:opacity 1s ease;
|
||||
transition:opacity 1s ease;
|
||||
}
|
||||
|
||||
/* This class will trigger the animation */
|
||||
|
||||
#galleryOverlay.visible{
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
#gallerySlider{
|
||||
height:100%;
|
||||
|
||||
left:0;
|
||||
top:0;
|
||||
|
||||
width:100%;
|
||||
white-space: nowrap;
|
||||
position:absolute;
|
||||
|
||||
-moz-transition:left 0.4s ease;
|
||||
-webkit-transition:left 0.4s ease;
|
||||
transition:left 0.4s ease;
|
||||
}
|
||||
|
||||
#gallerySlider .placeholder{
|
||||
background: url("../images/touchtouch/preloader.gif") no-repeat center center;
|
||||
height: 100%;
|
||||
line-height: 1px;
|
||||
text-align: center;
|
||||
width:100%;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
/* The before element moves the
|
||||
* image halfway from the top */
|
||||
|
||||
#gallerySlider .placeholder:before{
|
||||
content: "";
|
||||
display: inline-block;
|
||||
height: 50%;
|
||||
width: 1px;
|
||||
margin-right:-1px;
|
||||
}
|
||||
|
||||
#gallerySlider .placeholder img{
|
||||
display: inline-block;
|
||||
max-height: 100%;
|
||||
max-width: 100%;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
#gallerySlider.rightSpring{
|
||||
-moz-animation: rightSpring 0.3s;
|
||||
-webkit-animation: rightSpring 0.3s;
|
||||
}
|
||||
|
||||
#gallerySlider.leftSpring{
|
||||
-moz-animation: leftSpring 0.3s;
|
||||
-webkit-animation: leftSpring 0.3s;
|
||||
}
|
||||
|
||||
/* Firefox Keyframe Animations */
|
||||
|
||||
@-moz-keyframes rightSpring{
|
||||
0%{ margin-left:0px;}
|
||||
50%{ margin-left:-30px;}
|
||||
100%{ margin-left:0px;}
|
||||
}
|
||||
|
||||
@-moz-keyframes leftSpring{
|
||||
0%{ margin-left:0px;}
|
||||
50%{ margin-left:30px;}
|
||||
100%{ margin-left:0px;}
|
||||
}
|
||||
|
||||
/* Safari and Chrome Keyframe Animations */
|
||||
|
||||
@-webkit-keyframes rightSpring{
|
||||
0%{ margin-left:0px;}
|
||||
50%{ margin-left:-30px;}
|
||||
100%{ margin-left:0px;}
|
||||
}
|
||||
|
||||
@-webkit-keyframes leftSpring{
|
||||
0%{ margin-left:0px;}
|
||||
50%{ margin-left:30px;}
|
||||
100%{ margin-left:0px;}
|
||||
}
|
||||
|
||||
/* Arrows */
|
||||
|
||||
#prevArrow,#nextArrow{
|
||||
border:none;
|
||||
text-decoration:none;
|
||||
background:url('../images/touchtouch/arrows.png') no-repeat;
|
||||
opacity:0.5;
|
||||
cursor:pointer;
|
||||
position:absolute;
|
||||
width:43px;
|
||||
height:58px;
|
||||
|
||||
top:50%;
|
||||
margin-top:-29px;
|
||||
|
||||
-moz-transition:opacity 0.2s ease;
|
||||
-webkit-transition:opacity 0.2s ease;
|
||||
transition:opacity 0.2s ease;
|
||||
}
|
||||
|
||||
#prevArrow:hover, #nextArrow:hover{
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
#prevArrow{
|
||||
background-position:left top;
|
||||
left:40px;
|
||||
}
|
||||
|
||||
#nextArrow{
|
||||
background-position:right top;
|
||||
right:40px;
|
||||
}
|
||||
@media only screen and (min-width: 480px) and (max-width: 767px) {
|
||||
#gallerySlider .placeholder img {width:400px;}
|
||||
}
|
||||
Reference in New Issue
Block a user