first commit
This commit is contained in:
2
themes/at_movic/_dev/.htaccess
Normal file
2
themes/at_movic/_dev/.htaccess
Normal file
@@ -0,0 +1,2 @@
|
||||
Order deny,allow
|
||||
Deny from all
|
||||
95
themes/at_movic/_dev/css/_theme_variables.scss
Normal file
95
themes/at_movic/_dev/css/_theme_variables.scss
Normal file
@@ -0,0 +1,95 @@
|
||||
@import "partials/variables";
|
||||
|
||||
/**
|
||||
* Web Application Prefix Apply For Making Owner Styles
|
||||
*/
|
||||
$app-brand-prefix : leo !default;
|
||||
|
||||
/**
|
||||
* Blocks Layout Selectors
|
||||
*/
|
||||
$block-prefix : block!default;
|
||||
$block-selector : block !default;
|
||||
$block-heading-selector : title_block !default;
|
||||
$block-content-selector : block_content !default;
|
||||
|
||||
//------- Path Variables
|
||||
$image-path: "images/"!default;
|
||||
$image-theme-base-path: "../img/"!default;
|
||||
$image-base-path: "../../../img/"!default;
|
||||
$image-module-path: "../../../img/icon/"!default;
|
||||
$module-path: "../../../modules/"!default;
|
||||
|
||||
/***********************************************************************/
|
||||
// some basic colors
|
||||
|
||||
$white: #FFFFFF !default;
|
||||
$black: #000000 !default;
|
||||
$blue: #6087D2 !default;
|
||||
$wild-sand: #ffffff !default;
|
||||
$silver: #f5f5f5 !default;
|
||||
$red: #f7525a !default;
|
||||
$red-light: #ff9999 !default;
|
||||
$yellow-light: #fcd54c !default;
|
||||
$nocolor: transparent!default;
|
||||
|
||||
// Variables Font Family
|
||||
// ========================================================================
|
||||
|
||||
$font-family-tertiary : $font-family-base !default; // font for menu
|
||||
$font-family-septenary : $font-family-base !default; // font for slideshow
|
||||
$font-family-senary : $font-family-base !default; // font for Price
|
||||
|
||||
$font-icon: "FontAwesome" !default;
|
||||
$font-icon-2: "Material Icons" !default;
|
||||
$font-icon-3: "themify" !default;
|
||||
|
||||
//-------- Variables defined for Themes + Skins
|
||||
|
||||
$theme-color-default : #000 !default;
|
||||
$theme-color-secondary : #333 !default; // Category page
|
||||
$theme-color-tertiary: #999999 !default;
|
||||
$theme-color-senary: #666666 !default; // Product Page
|
||||
|
||||
//-------- BORDERS
|
||||
$border-color: #eee !default;
|
||||
$main-border: 1px solid $border-color !default;
|
||||
$main-border-hover: 1px solid $theme-color-default !default;
|
||||
|
||||
|
||||
//-------- Variables RTL
|
||||
$rtl-left : left;
|
||||
$rtl-right : right;
|
||||
$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
|
||||
// LAYOUT VARIABLES
|
||||
// ========================================================================
|
||||
|
||||
// Header Nav
|
||||
$header-nav-outside-bg: #282d35 !default;
|
||||
$header-nav-bg: $nocolor !default;
|
||||
$header-nav-color: $theme-color-tertiary !default;
|
||||
$header-nav-font-size: $base-font-size !default;
|
||||
$header-nav-height: 50px !default;
|
||||
|
||||
// Header Top
|
||||
$header-top-outside-bg: $white !default;
|
||||
$header-top-bg: $nocolor !default;
|
||||
$header-top-color: $black !default;
|
||||
|
||||
// Footer
|
||||
$footer-outside-bg: #25292f !default;
|
||||
$footer-bg: $nocolor !default;
|
||||
$footer-color: $theme-color-tertiary !default;
|
||||
|
||||
$footer-top-outside-bg: $white !default;
|
||||
$footer-top-bg: $nocolor !default;
|
||||
$footer-top-color: $footer-color !default;
|
||||
|
||||
$footer-center-outside-bg: $footer-outside-bg !default;
|
||||
$footer-center-bg: $nocolor !default;
|
||||
$footer-center-color: $footer-color !default;
|
||||
|
||||
$footer-bottom-outside-bg: #191c21 !default;
|
||||
$footer-bottom-bg: $nocolor !default;
|
||||
$footer-bottom-color: $footer-color !default;
|
||||
722
themes/at_movic/_dev/css/app/_animations.scss
Normal file
722
themes/at_movic/_dev/css/app/_animations.scss
Normal file
@@ -0,0 +1,722 @@
|
||||
/**/
|
||||
.no-padding { padding: 0 !important; }
|
||||
.no-margin { margin: 0 !important; }
|
||||
|
||||
.effect-1{
|
||||
overflow: hidden;
|
||||
img{
|
||||
@include transition(all 1s);
|
||||
@include backface-visibility(hidden);
|
||||
}
|
||||
&:hover{
|
||||
img{
|
||||
@include transform(scale3d(1.05,1.05,1.05));
|
||||
}
|
||||
}
|
||||
}
|
||||
.effect-2{
|
||||
img{
|
||||
@include transition(all .4s);
|
||||
}
|
||||
&:hover{
|
||||
img{
|
||||
@include filter(brightness(30%));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes effectzoom {
|
||||
0% { @include scale(1); }
|
||||
50% { @include scale(1.2); }
|
||||
100% { @include scale(1); }
|
||||
}
|
||||
@-o-keyframes effectzoom{
|
||||
0% { @include scale(1); }
|
||||
50% { @include scale(1.2); }
|
||||
100% { @include scale(1); }
|
||||
}
|
||||
@-webkit-keyframes effectzoom{
|
||||
0% { @include scale(1); }
|
||||
50% { @include scale(1.2); }
|
||||
100% { @include scale(1); }
|
||||
}
|
||||
@-moz-keyframes effectzoom{
|
||||
0% { @include scale(1); }
|
||||
50% { @include scale(1.2); }
|
||||
100% { @include scale(1); }
|
||||
}
|
||||
|
||||
|
||||
// Dropdown effect
|
||||
.e-scale{
|
||||
.popup-content{
|
||||
@include scale(0);
|
||||
@include transition(all 0.3s ease 0s);
|
||||
}
|
||||
&.popup-over:hover{
|
||||
.popup-content{
|
||||
@include scale(1);
|
||||
@include transition(all 0.3s ease 0s);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.e-translate-left{
|
||||
.popup-content{
|
||||
@include opacity(0);
|
||||
@include translate(-200px, 0px);
|
||||
@include transition(all 0.3s ease 0s);
|
||||
}
|
||||
&.popup-over:hover{
|
||||
.popup-content{
|
||||
@include opacity(1);
|
||||
@include translate(0, 0);
|
||||
@include transition(all 0.3s ease 0s);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.e-translate-right{
|
||||
.popup-content{
|
||||
@include opacity(0);
|
||||
@include translate(200px, 0px);
|
||||
@include transition(all 0.3s ease 0s);
|
||||
}
|
||||
&.popup-over:hover{
|
||||
.popup-content{
|
||||
@include opacity(1);
|
||||
@include translate(0, 0);
|
||||
@include transition(all 0.3s ease 0s);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.e-translate-top{
|
||||
.popup-content{
|
||||
@include opacity(0);
|
||||
@include translate(0, 200px);
|
||||
@include transition(all 0.3s ease 0s);
|
||||
}
|
||||
&.popup-over:hover{
|
||||
.popup-content{
|
||||
@include opacity(1);
|
||||
@include translate(0, 0);
|
||||
@include transition(all 0.3s ease 0s);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.e-translate-down{
|
||||
.popup-content{
|
||||
@include opacity(0);
|
||||
height: 0;
|
||||
@include transition(all 0.3s ease 0s);
|
||||
}
|
||||
&.popup-over:hover{
|
||||
.popup-content{
|
||||
@include opacity(1);
|
||||
height: auto;
|
||||
@include transition(all 0.3s ease 0s);
|
||||
}
|
||||
}
|
||||
}
|
||||
// Image Effect
|
||||
.effect {
|
||||
a{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
&:before{
|
||||
position: absolute;
|
||||
content: "";
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin: auto;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
@include transition (all 0.3s ease-out 0s);
|
||||
}
|
||||
&:after{
|
||||
content: "";
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
@include transition (all 0.3s ease-out 0s);
|
||||
}
|
||||
&:hover:before,
|
||||
&:hover:after{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
/* effect *******************/
|
||||
/*
|
||||
@media (min-width: 991px) {
|
||||
.dropdown-menu,
|
||||
.popup-content{
|
||||
animation: animationmenus ease-in-out 0.4s;
|
||||
-webkit-animation: animationmenus ease-in-out 0.4s;
|
||||
-moz-animation: animationmenus ease-in-out 0.4s;
|
||||
-o-animation: animationmenus ease-in-out 0.4s;
|
||||
-ms-animation: animationmenus ease-in-out 0.4s;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes animationmenus {
|
||||
from {
|
||||
@include opacity(0);
|
||||
transform: translateY(20px);
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
to {
|
||||
@include opacity(1);
|
||||
transform: translateY(0px);
|
||||
backface-visibility: visible;
|
||||
}
|
||||
}
|
||||
@-moz-keyframes animationmenus {
|
||||
from {
|
||||
@include opacity(0);
|
||||
transform: translateY(20px);
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
to {
|
||||
@include opacity(1);
|
||||
transform: translateY(0px);
|
||||
backface-visibility: visible;
|
||||
}
|
||||
}
|
||||
@-o-keyframes animationmenus {
|
||||
from {
|
||||
@include opacity(0);
|
||||
transform: translateY(20px);
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
to {
|
||||
@include opacity(1);
|
||||
transform: translateY(0px);
|
||||
backface-visibility: visible;
|
||||
}
|
||||
}
|
||||
@keyframes animationmenus {
|
||||
from {
|
||||
@include opacity(0);
|
||||
transform: translateY(20px);
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
to {
|
||||
@include opacity(1);
|
||||
transform: translateY(0px);
|
||||
backface-visibility: visible;
|
||||
}
|
||||
}
|
||||
*/
|
||||
.ImageWrapper {display: block;overflow: hidden;position: relative;}
|
||||
/* =============================================
|
||||
Button Layout and Color Scheme
|
||||
============================================= */
|
||||
.WhiteRounded {background-color: #ffffff;border: medium none;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
|
||||
.WhiteRounded > a {color: #222222;display: block;font-weight: normal;}
|
||||
.RedRounded {background-color: #D8322B;border: medium none;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
|
||||
.RedRounded > a {color: #FFFFFF;display: block;font-weight: normal;}
|
||||
.BlackRounded {background-color: #222222;border: medium none;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
|
||||
.BlackRounded > a {color: #ffffff;display: block;font-weight: normal;}
|
||||
.WhiteHollowRounded {border: 1px solid #ffffff;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
|
||||
.WhiteHollowRounded > a {color: #ffffff;display: block;font-weight: normal;}
|
||||
.BlackHollowRounded {border: 1px solid #222222;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
|
||||
.BlackHollowRounded > a {color: #222222;display: block;font-weight: normal;}
|
||||
.WhiteSquare {background-color: #ffffff;border: medium none;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 4px 4px 4px;-moz-border-radius: 4px 4px 4px;-ms-border-radius: 4px 4px 4px;-o-border-radius: 4px 4px 4px;border-radius: 4px 4px 4px;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
|
||||
.WhiteSquare > a {color: #222222;display: block;font-weight: normal;}
|
||||
.BlackSquare {background-color: #222222;border: medium none;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 4px 4px 4px;-moz-border-radius: 4px 4px 4px;-ms-border-radius: 4px 4px 4px;-o-border-radius: 4px 4px 4px;border-radius: 4px 4px 4px;-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);-o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);box-shadow: 0 0 1px rgba(0, 0, 0, 0.5), inset 0 0 2px rgba(0, 0, 0, .1);}
|
||||
.BlackSquare > a {color: #ffffff;display: block;font-weight: normal;}
|
||||
.WhiteHollowSquare {border: 1px solid #ffffff;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 4px 4px 4px;-moz-border-radius: 4px 4px 4px;-ms-border-radius: 4px 4px 4px;-o-border-radius: 4px 4px 4px;border-radius: 4px 4px 4px;}
|
||||
.WhiteHollowSquare > a {color: #ffffff;display: block;font-weight: normal;}
|
||||
.BlackHollowSquare {border: 1px solid #222222;display: inline-block !important;float: none !important;font-size: 14px;font-weight: normal;height: 40px;line-height: 40px;margin: 0 2px;text-align: center;width: 40px;-webkit-border-radius: 4px 4px 4px;-moz-border-radius: 4px 4px 4px;-ms-border-radius: 4px 4px 4px;-o-border-radius: 4px 4px 4px;border-radius: 4px 4px 4px;}
|
||||
.BlackHollowSquare > a {color: #222222;display: block;font-weight: normal;}
|
||||
.VisibleButtons {margin: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;}
|
||||
.VisibleImageOverlay {position: absolute;background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);width: 100%;height: 100%;top: 0;left: 0;opacity: .6;visibility: visible;}
|
||||
/* =============================================
|
||||
Overlay Effects
|
||||
============================================= */
|
||||
.ImageWrapper .ImageOverlayH {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);bottom: 0;display: block;height: 100%;left: 0;opacity: 0;position: absolute;right: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayH {opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayHe {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 0;display: block;height: 0;left: 0;opacity: 0;position: absolute;top: 50%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayHe {height: 100%;top: 0;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayLi:after {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;content:"";display: block;left: 0;opacity: 0;position: absolute;top: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayLi:after {top: -50%;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayLi:before {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);bottom: -100%;height: 100%;content:"";display: block;left: 0;opacity: 0;position: absolute;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayLi:before {bottom: -50%;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayBe:after {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;content:"";display: block;left: 0;opacity: 0;position: absolute;top: -100%;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayBe:after {top: 50%;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayBe:before {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);bottom: -100%;height: 100%;content:"";display: block;left: 0;opacity: 0;position: absolute;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayBe:before {bottom: 50%;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayB {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;left: 50%;opacity: 0;position: absolute;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 0;}
|
||||
.ImageWrapper:hover .ImageOverlayB {left: 0;width: 100%;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayC:after {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;content:"";display: block;right: -100%;opacity: 0;position: absolute;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayC:after {right: -50%;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayC:before {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;content:"";display: block;left: -100%;opacity: 0;position: absolute;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayC:before {left: -50%;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayN:after {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;content:"";display: block;right: -100%;opacity: 0;position: absolute;top: 0;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayN:after {right: 50%;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayN:before {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;content:"";display: block;left: -100%;opacity: 0;position: absolute;top: 0;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayN:before {left: 50%;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayO {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;left: -100%;opacity: 0;position: absolute;top: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayO {left: 0;top: 0;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayF {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;right: -100%;opacity: 0;position: absolute;top: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayF {right: 0;top: 0;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayNe {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;left: -100%;opacity: 0;position: absolute;bottom: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayNe {bottom: 0;left: 0;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayNa {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;right: -100%;opacity: 0;position: absolute;bottom: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayNa {bottom: 0;right: 0;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayMg {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;left: 0;opacity: 0;position: absolute;top: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayMg {top: 0;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayAl {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;left: 0;opacity: 0;position: absolute;bottom: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayAl {bottom: 0;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlaySi {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;top: 0;opacity: 0;position: absolute;right: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlaySi {right: 0;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayP {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;top: 0;opacity: 0;position: absolute;left: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;}
|
||||
.ImageWrapper:hover .ImageOverlayP {left: 0;opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayS {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;top: 0;opacity: 0;position: absolute;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;-webkit-transform: rotate(180deg) scale(0);-moz-transform: rotate(180deg) scale(0);-ms-transform: rotate(180deg) scale(0);-o-transform: rotate(180deg) scale(0);transform: rotate(180deg) scale(0);}
|
||||
.ImageWrapper:hover .ImageOverlayS {-webkit-transform: rotate(0deg) scale(1);-moz-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayCl {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);height: 100%;display: block;top: 0;opacity: 0;position: absolute;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;-webkit-transform: rotate(-180deg) scale(0);-moz-transform: rotate(-180deg) scale(0);-ms-transform: rotate(-180deg) scale(0);-o-transform: rotate(-180deg) scale(0);transform: rotate(-180deg) scale(0);}
|
||||
.ImageWrapper:hover .ImageOverlayCl {-webkit-transform: rotate(0deg) scale(1);-moz-transform: rotate(0deg) scale(1);-ms-transform: rotate(0deg) scale(1);-o-transform: rotate(0deg) scale(1);transform: rotate(0deg) scale(1);opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayArLeft:before {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity: 0;content:"";display: block;position: absolute;top: -50%;-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s;width: 100%;height: 100%;left: -100%;overflow: hidden;}
|
||||
.ImageWrapper .ImageOverlayArLeft:after {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity: 0;content:"";display: block;position: absolute;top: 50%;-webkit-transition: all 0.2s ease .2s;-moz-transition: all 0.2s ease .2s;-ms-transition: all 0.2s ease .2s;-o-transition: all 0.2s ease .2s;transition: all 0.2s ease .2s;width: 100%;height: 100%;left: -100%;overflow: hidden;}
|
||||
.ImageWrapper .ImageOverlayArRight:before {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity: 0;content:"";display: block;position: absolute;top: -50%;-webkit-transition: all 0.2s ease .3s;-moz-transition: all 0.2s ease .3s;-ms-transition: all 0.2s ease .3s;-o-transition: all 0.2s ease .3s;transition: all 0.2s ease .3s;width: 100%;height: 100%;right: -100%;overflow: hidden;}
|
||||
.ImageWrapper .ImageOverlayArRight:after {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity: 0;content:"";display: block;position: absolute;top: 50%;-webkit-transition: all 0.2s ease .5s;-moz-transition: all 0.2s ease .5s;-ms-transition: all 0.2s ease .5s;-o-transition: all 0.2s ease .5s;transition: all 0.2s ease .5s;width: 100%;height: 100%;right: -100%;overflow: hidden;}
|
||||
.ImageWrapper:hover .ImageOverlayArLeft:before, .ImageWrapper:hover .ImageOverlayArLeft:after {opacity: 1;left: 50%;}
|
||||
.ImageWrapper:hover .ImageOverlayArRight:before, .ImageWrapper:hover .ImageOverlayArRight:after {opacity: 1;right: 50%;}
|
||||
.ImageWrapper .ImageOverlayK {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity: 0;position: absolute;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;-o-transform-origin: top left;transform-origin: top left;-webkit-transform-style: preserve-3D;-moz-transform-style: preserve-3D;-ms-transform-style: preserve-3D;-o-transform-style: preserve-3D;transform-style: preserve-3D;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .ImageOverlayK {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayCa {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity: 0;position: absolute;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;-o-transform-origin: top right;transform-origin: top right;-webkit-transform-style: preserve-3D;-moz-transform-style: preserve-3D;-ms-transform-style: preserve-3D;-o-transform-style: preserve-3D;transform-style: preserve-3D;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .ImageOverlayCa {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);opacity: 1;}
|
||||
.ImageWrapper .ImageOverlaySc {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity: 0;position: absolute;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform-origin: bottom left;-moz-transform-origin: bottom left;-ms-transform-origin: bottom left;-o-transform-origin: bottom left;transform-origin: bottom left;-webkit-transform-style: preserve-3D;-moz-transform-style: preserve-3D;-ms-transform-style: preserve-3D;-o-transform-style: preserve-3D;transform-style: preserve-3D;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .ImageOverlaySc {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);opacity: 1;}
|
||||
.ImageWrapper .ImageOverlayTi {background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);opacity: 0;position: absolute;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform-origin: bottom right;-moz-transform-origin: bottom right;-ms-transform-origin: bottom right;-o-transform-origin: bottom right;transform-origin: bottom right;-webkit-transform-style: preserve-3D;-moz-transform-style: preserve-3D;-ms-transform-style: preserve-3D;-o-transform-style: preserve-3D;transform-style: preserve-3D;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .ImageOverlayTi {-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);opacity: 1;}
|
||||
/* =============================================
|
||||
Background Transform
|
||||
============================================= */
|
||||
.GrayScale {-webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");filter: gray;-webkit-filter: grayscale(100%);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);opacity: .6;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.GrayScale:hover {-webkit-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");-webkit-filter: grayscale(0%);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
|
||||
.BackgroundS img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.BackgroundS:hover img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}
|
||||
.BackgroundRR img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.BackgroundRR:hover img {-webkit-transform: rotate(-10deg) scale(1.4);-moz-transform: rotate(-10deg) scale(1.4);-ms-transform: rotate(-10deg) scale(1.4);-o-transform: rotate(-10deg) scale(1.4);transform: rotate(-10deg) scale(1.4);}
|
||||
.BackgroundR img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.BackgroundR:hover img {-webkit-transform: rotate(10deg) scale(1.4);-moz-transform: rotate(10deg) scale(1.4);-ms-transform: rotate(10deg) scale(1.4);-o-transform: rotate(10deg) scale(1.4);transform: rotate(10deg) scale(1.4);}
|
||||
.BackgroundRS img {-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.BackgroundRS:hover img {-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);}
|
||||
.BackgroundF img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.BackgroundF:hover img {opacity: 0;}
|
||||
.BackgroundFS img {-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.BackgroundFS:hover img {-webkit-transform: scale(10);-moz-transform: scale(10);-ms-transform: scale(10);-o-transform: scale(10);transform: scale(10);opacity: 0;}
|
||||
.BackgroundFRS img {-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.BackgroundFRS:hover img {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;}
|
||||
.SquareCircle {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.SquareCircle:hover {-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;}
|
||||
.CircleSquare {-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.CircleSquare:hover {-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0;}
|
||||
/* =============================================
|
||||
Cubic Effects
|
||||
============================================= */
|
||||
.ImageWrapper .CStyleH {margin: 0;opacity: 0;position: absolute;text-align: center;top: 0;visibility: hidden;width: 100%;-webkit-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-moz-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-ms-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-o-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);}
|
||||
.ImageWrapper:hover .CStyleH {margin-top: -20px;opacity: 1;top: 50%;visibility: visible;}
|
||||
.ImageWrapper .CStyleHe {visibility: hidden;margin: 0;opacity: 0;position: absolute;text-align: center;bottom: 0;width: 100%;-webkit-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-moz-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-ms-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-o-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);}
|
||||
.ImageWrapper:hover .CStyleHe {margin-bottom: -20px;opacity: 1;bottom: 50%;visibility: visible;}
|
||||
.ImageWrapper .CStyleLi {visibility: hidden;margin: 0;opacity: 0;position: absolute;text-align: right;right: 0;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-moz-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-ms-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-o-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);}
|
||||
.ImageWrapper:hover .CStyleLi {margin-right: -42px;opacity: 1;right: 50%;visibility: visible;}
|
||||
.ImageWrapper .CStyleBe {visibility: hidden;margin: 0;opacity: 0;position: absolute;text-align: left;left: 0;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-moz-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-ms-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-o-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);}
|
||||
.ImageWrapper:hover .CStyleBe {margin-left: -42px;opacity: 1;left: 50%;visibility: visible;}
|
||||
.ImageWrapper .CStyleB {visibility: hidden;margin: 0;opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;-webkit-transform: scale(0.2);-moz-transform: scale(0.2);-ms-transform: scale(0.2);-o-transform: scale(0.2);transform: scale(0.2);-webkit-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-moz-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-ms-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);-o-transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);transition: all 400ms cubic-bezier(1.000, -0.600, 0.570, -0.150);}
|
||||
.ImageWrapper:hover .CStyleB {opacity: 1;visibility: visible;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
|
||||
.ImageWrapper .CStyleC span {position: absolute;}
|
||||
.ImageWrapper .CStyleC span:nth-of-type(1) {bottom: 50%;top: 50%;left: 0;margin: -20px 0 0 -68px;visibility: hidden;opacity: 0;-webkit-transition: all 400ms cubic-bezier(1.000, 0, 0.570, 0) !important;-webkit-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-moz-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-ms-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-o-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;}
|
||||
.ImageWrapper .CStyleC span:nth-of-type(2) {bottom: 50%;top: 50%;left: 50%;right: 50%;margin: -20px 0 0 -20px;visibility: hidden;opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper .CStyleC span:nth-of-type(3) {bottom: 50%;top: 50%;right: 0;margin: -20px -68px 0 0;visibility: hidden;opacity: 0;-webkit-transition: all 400ms cubic-bezier(1.000, 0, 0.570, 0) !important;-webkit-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-moz-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-ms-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;-o-transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;transition: all 400ms cubic-bezier(1.000, -0.360, 0.570, -0.150)!important;}
|
||||
.ImageWrapper:hover .CStyleC span:nth-of-type(1) {left: 50%;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper:hover .CStyleC span:nth-of-type(2) {visibility: visible;opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
|
||||
.ImageWrapper:hover .CStyleC span:nth-of-type(3) {right: 50%;visibility: visible;opacity: 1;}
|
||||
/* =============================================
|
||||
Button Effects
|
||||
============================================= */
|
||||
.ImageWrapper .StyleH {visibility: hidden;margin: 0;opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleH {opacity: 1;visibility: visible;}
|
||||
.ImageWrapper .StyleHe {margin: 0;opacity: 0;position: absolute;text-align: center;top: 0;visibility: hidden;width: 100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleHe {margin-top: -20px;opacity: 1;top: 50%;visibility: visible;}
|
||||
.ImageWrapper .StyleLi {visibility: hidden;margin: 0;opacity: 0;position: absolute;text-align: center;bottom: 0;width: 100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleLi {margin-bottom: -20px;opacity: 1;bottom: 50%;visibility: visible;}
|
||||
.ImageWrapper .StyleBe {visibility: hidden;opacity: 0;position: absolute;text-align: right;right: 0;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleBe {margin-right: -42px;opacity: 1;right: 50%;visibility: visible;}
|
||||
.ImageWrapper .StyleB {visibility: hidden;opacity: 0;position: absolute;text-align: left;left: 0;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleB {margin-left: -42px;opacity: 1;left: 50%;visibility: visible;}
|
||||
.ImageWrapper .StyleC {visibility: hidden;opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;-webkit-transform: scale(0.2);-moz-transform: scale(0.2);-ms-transform: scale(0.2);-o-transform: scale(0.2);transform: scale(0.2);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleC {opacity: 1;visibility: visible;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
|
||||
.ImageWrapper .StyleN {visibility: hidden;opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;visibility: visible;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleN {opacity: 1;visibility: visible;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
|
||||
.ImageWrapper .StyleO span {position: absolute;}
|
||||
.ImageWrapper .StyleO span:nth-of-type(1) {bottom: 50%;top: 50%;left: 50%;margin: -20px 0 0 -42px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper .StyleO span:nth-of-type(2) {bottom: 50%;top: 50%;right: 50%;margin: -20px -42px 0 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleO span:nth-of-type(1) {opacity: 1;visibility: visible;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
|
||||
.ImageWrapper:hover .StyleO span:nth-of-type(2) {opacity: 1;visibility: visible;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);}
|
||||
.ImageWrapper .StyleF {visibility: hidden;-webkit-transform: scale(0.5) rotateX(360deg);-moz-transform: scale(0.5) rotateX(360deg);-ms-transform: scale(0.5) rotateX(360deg);-o-transform: scale(0.5) rotateX(360deg);transform: scale(0.5) rotateX(360deg);margin: 0;opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleF {opacity: 1;-webkit-transform: scale(1) rotateX(0deg);-moz-transform: scale(1) rotateX(0deg);-ms-transform: scale(1) rotateX(0deg);-o-transform: scale(1) rotateX(0deg);transform: scale(1) rotateX(0deg);visibility: visible;}
|
||||
.ImageWrapper .StyleNe {visibility: hidden;margin: 0;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleNe {opacity: 1;-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);visibility: visible;}
|
||||
.ImageWrapper .StyleNa {visibility: hidden;-webkit-transform: scale(0.2) rotateY(360deg);-moz-transform: scale(0.2) rotateY(360deg);-ms-transform: scale(0.2) rotateY(360deg);-o-transform: scale(0.2) rotateY(360deg);transform: scale(0.2) rotateY(360deg);margin: 0;opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleNa {opacity: 1;-webkit-transform: scale(1) rotateY(0deg);-moz-transform: scale(1) rotateY(0deg);-ms-transform: scale(1) rotateY(0deg);-o-transform: scale(1) rotateY(0deg);transform: scale(1) rotateY(0deg);visibility: visible;}
|
||||
.ImageWrapper .StyleMg span {position: absolute;}
|
||||
.ImageWrapper .StyleMg span:nth-of-type(1) {bottom: 50%;top: 50%;left: 50%;margin: -20px 0 0 -82px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper .StyleMg span:nth-of-type(2) {bottom: 50%;top: 50%;right: 50%;margin: -20px -82px 0 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleMg span:nth-of-type(1) {margin: -20px 0 0 -42px;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper:hover .StyleMg span:nth-of-type(2) {margin: -20px -42px 0 0;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper .StyleAl span {position: absolute;}
|
||||
.ImageWrapper .StyleAl span:nth-of-type(1) {top: 0;left: 50%;margin: -20px 0 0 -42px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper .StyleAl span:nth-of-type(2) {bottom: 0;right: 50%;margin: 0 -42px -20px 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleAl span:nth-of-type(1) {top: 50%;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper:hover .StyleAl span:nth-of-type(2) {bottom: 50%;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper .StyleSi span {position: absolute;}
|
||||
.ImageWrapper .StyleSi span:nth-of-type(1) {bottom: 0;left: 50%;margin: 0 0 -20px -42px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper .StyleSi span:nth-of-type(2) {top: 0;right: 50%;margin: -20px -42px 0 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleSi span:nth-of-type(1) {bottom: 50%;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper:hover .StyleSi span:nth-of-type(2) {top: 50%;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper .StyleP span {position: absolute;}
|
||||
.ImageWrapper .StyleP span:nth-of-type(1) {top: 0;left: 0;margin: -40px 0 0 -40px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper .StyleP span:nth-of-type(2) {bottom: 0;right: 0;margin: 0 -40px -40px 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleP span:nth-of-type(1) {top: 50%;left: 50%;margin: -20px 0 0 -42px;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper:hover .StyleP span:nth-of-type(2) {bottom: 50%;right: 50%;margin: 0 -42px -20px 0;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper .StyleS span {position: absolute;}
|
||||
.ImageWrapper .StyleS span:nth-of-type(1) {bottom: 0;left: 0;margin: -40px 0 0 -40px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper .StyleS span:nth-of-type(2) {top: 0;right: 0;margin: 0 -40px -40px 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleS span:nth-of-type(1) {bottom: 50%;left: 50%;margin: 0 0 -20px -42px;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper:hover .StyleS span:nth-of-type(2) {top: 50%;right: 50%;margin: -20px -42px 0 0;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper .StyleCl {visibility: hidden;margin: 0;opacity: 0;position: absolute;text-align: center;width: 100%;top: 50%;margin-top: -20px;visibility: visible;-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleCl {opacity: 1;visibility: visible;-webkit-transform:rotateX(360deg);-moz-transform:rotateX(360deg);-ms-transform:rotateX(360deg);-o-transform:rotateX(360deg);transform:rotateX(360deg);}
|
||||
.ImageWrapper .StyleAr span {position: absolute;}
|
||||
.ImageWrapper .StyleAr span:nth-of-type(1) {top: 50%;bottom: 50%;left: 50%;margin: -20px 0 0 -42px;visibility: hidden;opacity: 0;-webkit-transform: scale(0.2) rotate(0deg);-moz-transform: scale(0.2) rotate(0deg);-ms-transform: scale(0.2) rotate(0deg);-o-transform: scale(0.2) rotate(0deg);transform: scale(0.2) rotate(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper .StyleAr span:nth-of-type(2) {top: 50%;bottom: 50%;right: 50%;margin: -20px -42px -0 0;visibility: hidden;opacity: 0;-webkit-transform: scale(0.2) rotate(0deg);-moz-transform: scale(0.2) rotate(0deg);-ms-transform: scale(0.2) rotate(0deg);-o-transform: scale(0.2) rotate(0deg);transform: scale(0.2) rotate(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleAr span:nth-of-type(1) {visibility: visible;opacity: 1;-webkit-transform: scale(1) rotate(360deg);-moz-transform: scale(1) rotate(360deg);-ms-transform: scale(1) rotate(360deg);-o-transform: scale(1) rotate(360deg);transform: scale(1) rotate(360deg);}
|
||||
.ImageWrapper:hover .StyleAr span:nth-of-type(2) {visibility: visible;opacity: 1;-webkit-transform: scale(1) rotate(360deg);-moz-transform: scale(1) rotate(360deg);-ms-transform: scale(1) rotate(360deg);-o-transform: scale(1) rotate(360deg);transform: scale(1) rotate(360deg);}
|
||||
.ImageWrapper .StyleK span {position: absolute;}
|
||||
.ImageWrapper .StyleK span:nth-of-type(1) {top: 50%;bottom: 50%;left: 50%;margin: -20px 0 0 -42px;visibility: hidden;opacity: 0;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper .StyleK span:nth-of-type(2) {top: 50%;bottom: 50%;right: 50%;margin: -20px -42px -0 0;visibility: hidden;opacity: 0;-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleK span:nth-of-type(1) {visibility: visible;opacity: 1;-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
|
||||
.ImageWrapper:hover .StyleK span:nth-of-type(2) {visibility: visible;opacity: 1;-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg);}
|
||||
.ImageWrapper .StyleCa span {position: absolute;}
|
||||
.ImageWrapper .StyleCa span:nth-of-type(1) {top: 50%;bottom: 50%;left: 50%;margin: -20px 0 0 -42px;visibility: hidden;opacity: 0;-webkit-transform: scale(0.2) rotateY(0deg);-moz-transform: scale(0.2) rotateY(0deg);-ms-transform: scale(0.2) rotateY(0deg);-o-transform: scale(0.2) rotateY(0deg);transform: scale(0.2) rotateY(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper .StyleCa span:nth-of-type(2) {top: 50%;bottom: 50%;right: 50%;margin: -20px -42px -0 0;visibility: hidden;opacity: 0;-webkit-transform: scale(0.2) rotateY(0deg);-moz-transform: scale(0.2) rotateY(0deg);-ms-transform: scale(0.2) rotateY(0deg);-o-transform: scale(0.2) rotateY(0deg);transform: scale(0.2) rotateY(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleCa span:nth-of-type(1) {visibility: visible;opacity: 1;-webkit-transform: scale(1) rotateY(360deg);-moz-transform: scale(1) rotateY(360deg);-ms-transform: scale(1) rotateY(360deg);-o-transform: scale(1) rotateY(360deg);transform: scale(1) rotateY(360deg);}
|
||||
.ImageWrapper:hover .StyleCa span:nth-of-type(2) {visibility: visible;opacity: 1;-webkit-transform: scale(1) rotateY(360deg);-moz-transform: scale(1) rotateY(360deg);-ms-transform: scale(1) rotateY(360deg);-o-transform: scale(1) rotateY(360deg);transform: scale(1) rotateY(360deg);}
|
||||
.ImageWrapper .StyleSc span {position: absolute;}
|
||||
.ImageWrapper .StyleSc span:nth-of-type(1) {bottom: 50%;top: 50%;left: 0;margin: -20px 0 0 -68px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper .StyleSc span:nth-of-type(2) {top: 0;right: 50%;left: 50%;margin: -20px 0 0 -20px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper .StyleSc span:nth-of-type(3) {bottom: 50%;top: 50%;right: 0;margin: -20px -68px 0 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleSc span:nth-of-type(1) {left: 50%;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper:hover .StyleSc span:nth-of-type(2) {top: 50%;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper:hover .StyleSc span:nth-of-type(3) {right: 50%;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper .StyleTi span {position: absolute;}
|
||||
.ImageWrapper .StyleTi span:nth-of-type(1) {bottom: 50%;top: 50%;left: 0;margin: -20px 0 0 -68px;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper .StyleTi span:nth-of-type(2) {bottom: 50%;top: 50%;left: 50%;right: 50%;margin: -20px 0 0 -20px;visibility: hidden;opacity: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper .StyleTi span:nth-of-type(3) {bottom: 50%;top: 50%;right: 0;margin: -20px -68px 0 0;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .StyleTi span:nth-of-type(1) {left: 50%;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper:hover .StyleTi span:nth-of-type(2) {visibility: visible;opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
|
||||
.ImageWrapper:hover .StyleTi span:nth-of-type(3) {right: 50%;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper .StyleV span {position: absolute;}
|
||||
.ImageWrapper .StyleV span:nth-of-type(1) {top: 0;left: 50%;margin: -20px 0 0 -68px;visibility: hidden;opacity: 0;-webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;-moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;-ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;-o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .2s;}
|
||||
.ImageWrapper .StyleV span:nth-of-type(2) {top: 0;left: 50%;margin: -20px 0 0 -20px;visibility: hidden;opacity: 0;-webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;-moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;-ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;-o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .3s;}
|
||||
.ImageWrapper .StyleV span:nth-of-type(3) {top: 0;right: 50%;margin: -20px -68px 0 0;visibility: hidden;opacity: 0;-webkit-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;-moz-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;-ms-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;-o-transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;transition: all 200ms cubic-bezier(0.000, 1.135, 0.730, 1.405) .4s;}
|
||||
.ImageWrapper:hover .StyleV span:nth-of-type(1) {top: 50%;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper:hover .StyleV span:nth-of-type(2) {top: 50%;visibility: visible;opacity: 1;}
|
||||
.ImageWrapper:hover .StyleV span:nth-of-type(3) {top: 50%;visibility: visible;opacity: 1;}
|
||||
/* =============================================
|
||||
Plus Button Effects
|
||||
============================================= */
|
||||
.ImageWrapper .PStyleH {background: url(#{$image-theme-base-path}plus.png) no-repeat scroll center center / 60px 60px #222222;height: 100%;left: 0;opacity: 0;overflow: hidden;position: absolute;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;z-index: 7;}
|
||||
.ImageWrapper:hover .PStyleH {opacity: .6;visibility: visible;}
|
||||
.ImageWrapper .PStyleHe {position: absolute;background: url(#{$image-theme-base-path}plus.png) no-repeat scroll center center / 100% 100% #222222;width: 100%;height: 100%;z-index: 3;-webkit-background-origin: padding-box, padding-box;-moz-background-origin: padding-box, padding-box;-ms-background-origin: padding-box, padding-box;-o-background-origin: padding-box, padding-box;background-origin: padding-box, padding-box;background-position: center center;background-repeat: no-repeat;-webkit-background-size: 10px 10px, 100% 100%;-moz-background-size: 10px 10px, 100% 100%;-ms-background-size: 10px 10px, 100% 100%;-o-background-size: 10px 10px, 100% 100%;background-size: 10px 10px, 100% 100%;opacity: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .PStyleHe {opacity: .6;-webkit-background-size: 60px 60px, 100% 100%;-moz-background-size: 60px 60px, 100% 100%;-ms-background-size: 60px 60px, 100% 100%;-o-background-size: 60px 60px, 100% 100%;background-size: 60px 60px, 100% 100%;visibility: visible;}
|
||||
.ImageWrapper .PStyleLi {-webkit-transform: scale(0.5) rotateY(180deg);-moz-transform: scale(0.5) rotateY(180deg);-ms-transform: scale(0.5) rotateY(180deg);-o-transform: scale(0.5) rotateY(180deg);transform: scale(0.5) rotateY(180deg);background: url(#{$image-theme-base-path}plus.png) no-repeat scroll center center / 60px 60px #222222;height: 100%;left: 0;opacity: 0;overflow: hidden;position: absolute;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;z-index: 7;}
|
||||
.ImageWrapper:hover .PStyleLi {opacity: .6;-webkit-transform: scale(1) rotateY(0deg);-moz-transform: scale(1) rotateY(0deg);-ms-transform: scale(1) rotateY(0deg);-o-transform: scale(1) rotateY(0deg);transform: scale(1) rotateY(0deg);visibility: visible;}
|
||||
.ImageWrapper .PStyleBe {-webkit-transform: scale(0.5) rotateX(180deg);-moz-transform: scale(0.5) rotateX(180deg);-ms-transform: scale(0.5) rotateX(180deg);-o-transform: scale(0.5) rotateX(180deg);transform: scale(0.5) rotateX(180deg);background: url(#{$image-theme-base-path}plus.png) no-repeat scroll center center / 60px 60px #222222;height: 100%;left: 0;opacity: 0;overflow: hidden;position: absolute;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;width: 100%;z-index: 7;}
|
||||
.ImageWrapper:hover .PStyleBe {opacity: .6;-webkit-transform: scale(1) rotateX(0deg);-moz-transform: scale(1) rotateX(0deg);-ms-transform: scale(1) rotateX(0deg);-o-transform: scale(1) rotateX(0deg);transform: scale(1) rotateX(0deg);visibility: visible;}
|
||||
.ImageWrapper .PStyleB {position: absolute;background: url(#{$image-theme-base-path}plus.png) no-repeat scroll top left / 100% 100% #222222;width: 100%;height: 100%;z-index: 3;-webkit-background-origin: padding-box, padding-box;-moz-background-origin: padding-box, padding-box;-ms-background-origin: padding-box, padding-box;-o-background-origin: padding-box, padding-box;background-origin: padding-box, padding-box;background-position: top left;background-repeat: no-repeat;-webkit-background-size: 10px 10px, 100% 100%;-moz-background-size: 10px 10px, 100% 100%;-ms-background-size: 10px 10px, 100% 100%;-o-background-size: 10px 10px, 100% 100%;background-size: 10px 10px, 100% 100%;opacity: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .PStyleB {opacity: .6;-webkit-background-size: 60px 60px, 100% 100%;-moz-background-size: 60px 60px, 100% 100%;-ms-background-size: 60px 60px, 100% 100%;-o-background-size: 60px 60px, 100% 100%;background-size: 60px 60px, 100% 100%;visibility: visible;background-position: center center;}
|
||||
.ImageWrapper .PStyleC {position: absolute;background: url(#{$image-theme-base-path}plus.png) no-repeat scroll top left / 100% 100% #222222;width: 100%;height: 100%;z-index: 3;-webkit-background-origin: padding-box, padding-box;-moz-background-origin: padding-box, padding-box;-ms-background-origin: padding-box, padding-box;-o-background-origin: padding-box, padding-box;background-origin: padding-box, padding-box;background-position: top right;background-repeat: no-repeat;-webkit-background-size: 10px 10px, 100% 100%;-moz-background-size: 10px 10px, 100% 100%;-ms-background-size: 10px 10px, 100% 100%;-o-background-size: 10px 10px, 100% 100%;background-size: 10px 10px, 100% 100%;opacity: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .PStyleC {opacity: .6;-webkit-background-size: 60px 60px, 100% 100%;-moz-background-size: 60px 60px, 100% 100%;-ms-background-size: 60px 60px, 100% 100%;-o-background-size: 60px 60px, 100% 100%;background-size: 60px 60px, 100% 100%;visibility: visible;background-position: center center;}
|
||||
.ImageWrapper .PStyleN {position: absolute;background: url(#{$image-theme-base-path}plus.png) no-repeat scroll top left / 100% 100% #222222;width: 100%;height: 100%;z-index: 3;-webkit-background-origin: padding-box, padding-box;-moz-background-origin: padding-box, padding-box;-ms-background-origin: padding-box, padding-box;-o-background-origin: padding-box, padding-box;background-origin: padding-box, padding-box;background-position: bottom right;background-repeat: no-repeat;-webkit-background-size: 10px 10px, 100% 100%;-moz-background-size: 10px 10px, 100% 100%;-ms-background-size: 10px 10px, 100% 100%;-o-background-size: 10px 10px, 100% 100%;background-size: 10px 10px, 100% 100%;opacity: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .PStyleN {opacity: .6;-webkit-background-size: 60px 60px, 100% 100%;-moz-background-size: 60px 60px, 100% 100%;-ms-background-size: 60px 60px, 100% 100%;-o-background-size: 60px 60px, 100% 100%;background-size: 60px 60px, 100% 100%;visibility: visible;background-position: center center;}
|
||||
.ImageWrapper .PStyleO {position: absolute;background: url(#{$image-theme-base-path}plus.png) no-repeat scroll top left / 100% 100% #222222;width: 100%;height: 100%;z-index: 3;-webkit-background-origin: padding-box, padding-box;-moz-background-origin: padding-box, padding-box;-ms-background-origin: padding-box, padding-box;-o-background-origin: padding-box, padding-box;background-origin: padding-box, padding-box;background-position: bottom left;background-repeat: no-repeat;-webkit-background-size: 10px 10px, 100% 100%;-moz-background-size: 10px 10px, 100% 100%;-ms-background-size: 10px 10px, 100% 100%;-o-background-size: 10px 10px, 100% 100%;background-size: 10px 10px, 100% 100%;opacity: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .PStyleO {opacity: .6;-webkit-background-size: 60px 60px, 100% 100%;-moz-background-size: 60px 60px, 100% 100%;-ms-background-size: 60px 60px, 100% 100%;-o-background-size: 60px 60px, 100% 100%;background-size: 60px 60px, 100% 100%;visibility: visible;background-position: center center;}
|
||||
.ImageWrapper .PStyleF {position: absolute;background: url(#{$image-theme-base-path}plus.png) no-repeat scroll top left / 100% 100% #222222;width: 100%;height: 100%;z-index: 3;-webkit-background-origin: padding-box, padding-box;-moz-background-origin: padding-box, padding-box;-ms-background-origin: padding-box, padding-box;-o-background-origin: padding-box, padding-box;background-origin: padding-box, padding-box;background-position: top center;background-repeat: no-repeat;-webkit-background-size: 10px 10px, 100% 100%;-moz-background-size: 10px 10px, 100% 100%;-ms-background-size: 10px 10px, 100% 100%;-o-background-size: 10px 10px, 100% 100%;background-size: 10px 10px, 100% 100%;opacity: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .PStyleF {opacity: .6;-webkit-background-size: 60px 60px, 100% 100%;-moz-background-size: 60px 60px, 100% 100%;-ms-background-size: 60px 60px, 100% 100%;-o-background-size: 60px 60px, 100% 100%;background-size: 60px 60px, 100% 100%;visibility: visible;background-position: center center;}
|
||||
.ImageWrapper .PStyleNe {position: absolute;background: url(#{$image-theme-base-path}plus.png) no-repeat scroll top left / 100% 100% #222222;width: 100%;height: 100%;z-index: 3;-webkit-background-origin: padding-box, padding-box;-moz-background-origin: padding-box, padding-box;-ms-background-origin: padding-box, padding-box;-o-background-origin: padding-box, padding-box;background-origin: padding-box, padding-box;background-position: bottom center;background-repeat: no-repeat;-webkit-background-size: 10px 10px, 100% 100%;-moz-background-size: 10px 10px, 100% 100%;-ms-background-size: 10px 10px, 100% 100%;-o-background-size: 10px 10px, 100% 100%;background-size: 10px 10px, 100% 100%;opacity: 0;top: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .PStyleNe {opacity: .6;-webkit-background-size: 60px 60px, 100% 100%;-moz-background-size: 60px 60px, 100% 100%;-ms-background-size: 60px 60px, 100% 100%;-o-background-size: 60px 60px, 100% 100%;background-size: 60px 60px, 100% 100%;visibility: visible;background-position: center center;}
|
||||
/* =============================================
|
||||
Content Transform
|
||||
============================================= */
|
||||
.ContentWrapperH .ContentH {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperH:hover .ContentH {opacity: 1;visibility: visible;}
|
||||
.ContentWrapperH .ContentH .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperH .ContentH .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperH .ContentH .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperH .ContentH .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperH .ContentH .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperHe .ContentHe {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: scale(0.0);-moz-transform: scale(0.0);-ms-transform: scale(0.0);-o-transform: scale(0.0);transform: scale(0.0);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperHe:hover .ContentHe {opacity: 1;visibility: visible;-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-ms-transform: scale(1.0);-o-transform: scale(1.0);transform: scale(1.0);}
|
||||
.ContentWrapperHe .ContentHe .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperHe .ContentHe .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperHe .ContentHe .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperHe .ContentHe .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperHe .ContentHe .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperLi img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperLi:hover img {-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
|
||||
.ContentWrapperLi .ContentLi {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperLi:hover .ContentLi {opacity: 1;visibility: visible;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
|
||||
.ContentWrapperLi .ContentLi .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperLi .ContentLi .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperLi .ContentLi .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperLi .ContentLi .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperLi .ContentLi .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperBe img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;opacity: 1;}
|
||||
.ContentWrapperBe:hover img {-webkit-transform: scale(10);-moz-transform: scale(10);-ms-transform: scale(10);-o-transform: scale(10);transform: scale(10);opacity: 0;}
|
||||
.ContentWrapperBe .ContentBe {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperBe:hover .ContentBe {opacity: 1;visibility: visible;}
|
||||
.ContentWrapperBe .ContentBe .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperBe .ContentBe .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperBe .ContentBe .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperBe .ContentBe .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperBe .ContentBe .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperB img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperB:hover img {-webkit-transform: translateY(100%);-moz-transform: translateY(100%);-ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%);}
|
||||
.ContentWrapperB .ContentB {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: -100%;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperB:hover .ContentB {opacity: 1;visibility: visible;top: 0;}
|
||||
.ContentWrapperB .ContentB .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperB .ContentB .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperB .ContentB .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperB .ContentB .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperB .ContentB .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperC img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperC:hover img {-webkit-transform: translateY(-100%);-moz-transform: translateY(-100%);-ms-transform: translateY(-100%);-o-transform: translateY(-100%);transform: translateY(-100%);}
|
||||
.ContentWrapperC .ContentC {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;bottom: -100%;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperC:hover .ContentC {opacity: 1;visibility: visible;bottom: 0;}
|
||||
.ContentWrapperC .ContentC .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperC .ContentC .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperC .ContentC .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperC .ContentC .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperC .ContentC .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperN img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperN:hover img {-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);}
|
||||
.ContentWrapperN .ContentN {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;right: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperN:hover .ContentN {opacity: 1;visibility: visible;right: 0;}
|
||||
.ContentWrapperN .ContentN .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperN .ContentN .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperN .ContentN .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperN .ContentN .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperN .ContentN .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperO img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperO:hover img {-webkit-transform: translateX(100%);-moz-transform: translateX(100%);-ms-transform: translateX(100%);-o-transform: translateX(100%);transform: translateX(100%);}
|
||||
.ContentWrapperO .ContentO {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperO:hover .ContentO {opacity: 1;visibility: visible;left: 0;}
|
||||
.ContentWrapperO .ContentO .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperO .ContentO .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperO .ContentO .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperO .ContentO .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperO .ContentO .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperF img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperF:hover img {-webkit-transform: translateX(20%);-moz-transform: translateX(20%);-ms-transform: translateX(20%);-o-transform: translateX(20%);transform: translateX(20%);}
|
||||
.ContentWrapperF .ContentF {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 50%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: perspective(600px) rotateY(90deg);-moz-transform: perspective(600px) rotateY(90deg);-ms-transform: perspective(600px) rotateY(90deg);-o-transform: perspective(600px) rotateY(90deg);transform: perspective(600px) rotateY(90deg);-webkit-transform-origin: left center 0;-moz-transform-origin: left center 0;-ms-transform-origin: left center 0;-o-transform-origin: left center 0;transform-origin: left center 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperF:hover .ContentF {opacity: 1;visibility: visible;-webkit-transform: perspective(600px) rotateY(0deg);-moz-transform: perspective(600px) rotateY(0deg);-ms-transform: perspective(600px) rotateY(0deg);-o-transform: perspective(600px) rotateY(0deg);transform: perspective(600px) rotateY(0deg);}
|
||||
.ContentWrapperF .ContentF .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperF .ContentF .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperF .ContentF .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperNe img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperNe:hover img {-webkit-transform: translateY(20%);-moz-transform: translateY(20%);-ms-transform: translateY(20%);-o-transform: translateY(20%);transform: translateY(20%);}
|
||||
.ContentWrapperNe .ContentNe {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 50%;display: block;top: 0;left: 0;-webkit-transform: perspective(600px) rotateX(-90deg);-moz-transform: perspective(600px) rotateX(-90deg);-ms-transform: perspective(600px) rotateX(-90deg);-o-transform: perspective(600px) rotateX(-90deg);transform: perspective(600px) rotateX(-90deg);-webkit-transform-origin: center top 0;-moz-transform-origin: center top 0;-ms-transform-origin: center top 0;-o-transform-origin: center top 0;transform-origin: center top 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperNe:hover .ContentNe {opacity: 1;visibility: visible;-webkit-transform: perspective(600px) rotateX(0deg);-moz-transform: perspective(600px) rotateX(0deg);-ms-transform: perspective(600px) rotateX(0deg);-o-transform: perspective(600px) rotateX(0deg);transform: perspective(600px) rotateX(0deg);}
|
||||
.ContentWrapperNe .ContentNe .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperNe .ContentNe .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperNe .ContentNe .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperNa img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperNa:hover img {-webkit-transform: translateX(-20%);-moz-transform: translateX(-20%);-ms-transform: translateX(-20%);-o-transform: translateX(-20%);transform: translateX(-20%);}
|
||||
.ContentWrapperNa .ContentNa {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 50%;height: 100%;display: block;top: 0;right: 0;-webkit-transform: perspective(600px) rotateY(-90deg);-moz-transform: perspective(600px) rotateY(-90deg);-ms-transform: perspective(600px) rotateY(-90deg);-o-transform: perspective(600px) rotateY(-90deg);transform: perspective(600px) rotateY(-90deg);-webkit-transform-origin: right center 0;-moz-transform-origin: right center 0;-ms-transform-origin: right center 0;-o-transform-origin: right center 0;transform-origin: right center 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperNa:hover .ContentNa {opacity: 1;visibility: visible;-webkit-transform: perspective(600px) rotateY(0deg);-moz-transform: perspective(600px) rotateY(0deg);-ms-transform: perspective(600px) rotateY(0deg);-o-transform: perspective(600px) rotateY(0deg);transform: perspective(600px) rotateY(0deg);}
|
||||
.ContentWrapperNa .ContentNa .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperNa .ContentNa .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperNa .ContentNa .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperMg img {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperMg:hover img {-webkit-transform: translateY(-20%);-moz-transform: translateY(-20%);-ms-transform: translateY(-20%);-o-transform: translateY(-20%);transform: translateY(-20%);}
|
||||
.ContentWrapperMg .ContentMg {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 50%;display: block;bottom: 0;left: 0;-webkit-transform: perspective(600px) rotateX(90deg);-moz-transform: perspective(600px) rotateX(90deg);-ms-transform: perspective(600px) rotateX(90deg);-o-transform: perspective(600px) rotateX(90deg);transform: perspective(600px) rotateX(90deg);-webkit-transform-origin: center bottom 0;-moz-transform-origin: center bottom 0;-ms-transform-origin: center bottom 0;-o-transform-origin: center bottom 0;transform-origin: center bottom 0;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperMg:hover .ContentMg {opacity: 1;visibility: visible;-webkit-transform: perspective(600px) rotateY(0deg);-moz-transform: perspective(600px) rotateY(0deg);-ms-transform: perspective(600px) rotateY(0deg);-o-transform: perspective(600px) rotateY(0deg);transform: perspective(600px) rotateY(0deg);}
|
||||
.ContentWrapperMg .ContentMg .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperMg .ContentMg .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperMg .ContentMg .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperAl .ContentAl {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: rotateY(0deg) scale(0.0);-moz-transform: rotateY(0deg) scale(0.0);-ms-transform: rotateY(0deg) scale(0.0);-o-transform: rotateY(0deg) scale(0.0);transform: rotateY(0deg) scale(0.0);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperAl:hover .ContentAl {opacity: 1;visibility: visible;-webkit-transform: rotateY(360deg) scale(.9);-moz-transform: rotateY(360deg) scale(.9);-ms-transform: rotateY(360deg) scale(.9);-o-transform: rotateY(360deg) scale(.9);transform: rotateY(360deg) scale(.9);}
|
||||
.ContentWrapperAl .ContentAl .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperAl .ContentAl .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperAl .ContentAl .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperAl .ContentAl .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperAl .ContentAl .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperSi .ContentSi {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: rotateX(0deg) scale(0.0);-moz-transform: rotateX(0deg) scale(0.0);-ms-transform: rotateX(0deg) scale(0.0);-o-transform: rotateX(0deg) scale(0.0);transform: rotateX(0deg) scale(0.0);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperSi:hover .ContentSi {opacity: 1;visibility: visible;-webkit-transform: rotateX(360deg) scale(.9);-moz-transform: rotateX(360deg) scale(.9);-ms-transform: rotateX(360deg) scale(.9);-o-transform: rotateX(360deg) scale(.9);transform: rotateX(360deg) scale(.9);}
|
||||
.ContentWrapperSi .ContentSi .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperSi .ContentSi .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperSi .ContentSi .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperSi .ContentSi .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperSi .ContentSi .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperP .ContentP {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: rotateY(0deg) scale(.9);-moz-transform: rotateY(0deg) scale(.9);-ms-transform: rotateY(0deg) scale(.9);-o-transform: rotateY(0deg) scale(.9);transform: rotateY(0deg) scale(.9);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperP:hover .ContentP {opacity: 1;visibility: visible;-webkit-transform: rotateY(360deg) scale(.9);-moz-transform: rotateY(360deg) scale(.9);-ms-transform: rotateY(360deg) scale(.9);-o-transform: rotateY(360deg) scale(.9);transform: rotateY(360deg) scale(.9);}
|
||||
.ContentWrapperP .ContentP .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperP .ContentP .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperP .ContentP .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperP .ContentP .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperP .ContentP .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperS .ContentS {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: rotateX(0deg) scale(.9);-moz-transform: rotateX(0deg) scale(.9);-ms-transform: rotateX(0deg) scale(.9);-o-transform: rotateX(0deg) scale(.9);transform: rotateX(0deg) scale(.9);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperS:hover .ContentS {opacity: 1;visibility: visible;-webkit-transform: rotateX(360deg) scale(.9);-moz-transform: rotateX(360deg) scale(.9);-ms-transform: rotateX(360deg) scale(.9);-o-transform: rotateX(360deg) scale(.9);transform: rotateX(360deg) scale(.9);}
|
||||
.ContentWrapperS .ContentS .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperS .ContentS .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperS .ContentS .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperS .ContentS .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperS .ContentS .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperCl {overflow: visible !important;}
|
||||
.ContentWrapperCl img {position: relative;z-index: 5;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperCl:hover img {-webkit-transform: translateY(-40%);-moz-transform: translateY(-40%);-ms-transform: translateY(-40%);-o-transform: translateY(-40%);transform: translateY(-40%);}
|
||||
.ContentWrapperCl .ContentCl {position: absolute;background: #ffffff;opacity: 1;visibility: hidden;width: 100%;height: 100%;display: block;bottom: 0;left: 0;z-index: 4;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperCl:hover .ContentCl {visibility: visible;}
|
||||
.ContentWrapperCl .ContentCl .Content {position: absolute;top: 65%;display: block;width: 100%;}
|
||||
.ContentWrapperCl .ContentCl .Content h2 {font:600 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 2px;text-align: center;}
|
||||
.ContentWrapperCl .ContentCl .Content .ReadMore {margin: 8px auto;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);display: block;width: 80px;}
|
||||
.ContentWrapperCl .ContentCl .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperAr {overflow: visible !important;}
|
||||
.ContentWrapperAr img {position: relative;z-index: 5;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperAr:hover img {-webkit-transform: translateY(40%);-moz-transform: translateY(40%);-ms-transform: translateY(40%);-o-transform: translateY(40%);transform: translateY(40%);}
|
||||
.ContentWrapperAr .ContentAr {position: absolute;background: #ffffff;opacity: 1;visibility: hidden;width: 100%;height: 100%;display: block;bottom: 0;left: 0;z-index: 4;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperAr:hover .ContentAr {visibility: visible;}
|
||||
.ContentWrapperAr .ContentAr .Content {position: absolute;top: 5%;display: block;width: 100%;}
|
||||
.ContentWrapperAr .ContentAr .Content h2 {font:600 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 2px;text-align: center;}
|
||||
.ContentWrapperAr .ContentAr .Content .ReadMore {margin: 8px auto;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);display: block;width: 80px;}
|
||||
.ContentWrapperAr .ContentAr .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperK {overflow: visible !important;}
|
||||
.ContentWrapperK img {position: relative;z-index: 5;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperK:hover img {-webkit-transform: translateX(-20%);-moz-transform: translateX(-20%);-ms-transform: translateX(-20%);-o-transform: translateX(-20%);transform: translateX(-20%);}
|
||||
.ContentWrapperK .ContentK {position: absolute;background: #ffffff;opacity: 1;visibility: hidden;width: 100%;height: 100%;display: block;bottom: 0;left: 0;z-index: 4;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperK:hover .ContentK {visibility: visible;}
|
||||
.ContentWrapperK .ContentK .Content {display: block;width: 100%;position: relative;}
|
||||
.ContentWrapperK .ContentK .Content ul {position: absolute;top: 0;right: 0;}
|
||||
.ContentWrapperK .ContentK .Content ul li {margin: 14px 16px;}
|
||||
.ContentWrapperK .ContentK .Content ul li a {font-size: 21px;color: #a9a9a9;}
|
||||
// .ContentWrapperCa {overflow: visible !important;}
|
||||
.ContentWrapperCa img {position: relative;z-index: 5;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperCa:hover img {-webkit-transform: translateX(20%);-moz-transform: translateX(20%);-ms-transform: translateX(20%);-o-transform: translateX(20%);transform: translateX(20%);}
|
||||
.ContentWrapperCa .ContentCa {position: absolute;background: #ffffff;opacity: 1;visibility: hidden;width: 100%;height: 100%;display: block;bottom: 0;left: 0;z-index: 4;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperCa:hover .ContentCa {visibility: visible;}
|
||||
.ContentWrapperCa .ContentCa .Content {display: block;width: 100%;position: relative;}
|
||||
.ContentWrapperCa .ContentCa .Content ul {position: absolute;top: 0;left: 0;}
|
||||
.ContentWrapperCa .ContentCa .Content ul li {margin: 5px;}
|
||||
.ContentWrapperCa .ContentCa .Content ul li a {padding: 6px 9px;}
|
||||
.ContentWrapperSc .ContentSc {position: absolute;background: #ffffff;visibility: hidden;width: 100%;height: 100%;display: block;top: -100%;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperSc:hover .ContentSc {visibility: visible;top: 0;}
|
||||
.ContentWrapperSc .ContentSc .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperSc .ContentSc .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperSc .ContentSc .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperSc .ContentSc .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperSc .ContentSc .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperTi .ContentTi {position: absolute;background: #ffffff;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperTi:hover .ContentTi {visibility: visible;left: 0;}
|
||||
.ContentWrapperTi .ContentTi .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperTi .ContentTi .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperTi .ContentTi .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperTi .ContentTi .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperTi .ContentTi .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperV .ContentV {position: absolute;background: #ffffff;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;right: -100%;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperV:hover .ContentV {visibility: visible;right: 0;}
|
||||
.ContentWrapperV .ContentV .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperV .ContentV .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperV .ContentV .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperV .ContentV .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperV .ContentV .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperCr .ContentCr {position: absolute;background: #ffffff;visibility: hidden;width: 100%;height: 0;display: block;bottom: -100%;left: 0;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperCr:hover .ContentCr {visibility: visible;height: 100%;bottom: 0;}
|
||||
.ContentWrapperCr .ContentCr .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperCr .ContentCr .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperCr .ContentCr .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperCr .ContentCr .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperCr .ContentCr .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperMn .ContentMn {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform-origin: top left;-moz-transform-origin: top left;-ms-transform-origin: top left;-o-transform-origin: top left;transform-origin: top left;-webkit-transform-style: preserve-3D;-moz-transform-style: preserve-3D;-ms-transform-style: preserve-3D;-o-transform-style: preserve-3D;transform-style: preserve-3D;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperMn:hover .ContentMn {opacity: 1;visibility: visible;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
|
||||
.ContentWrapperMn .ContentMn .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperMn .ContentMn .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperMn .ContentMn .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperMn .ContentMn .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperMn .ContentMn .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperFe .ContentFe {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;right: 0;-webkit-transform-origin: top right;-moz-transform-origin: top right;-ms-transform-origin: top right;-o-transform-origin: top right;transform-origin: top right;-webkit-transform-style: preserve-3D;-moz-transform-style: preserve-3D;-ms-transform-style: preserve-3D;-o-transform-style: preserve-3D;transform-style: preserve-3D;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperFe:hover .ContentFe {opacity: 1;visibility: visible;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
|
||||
.ContentWrapperFe .ContentFe .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperFe .ContentFe .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperFe .ContentFe .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperFe .ContentFe .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperFe .ContentFe .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperCo .ContentCo {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform-origin: bottom left;-moz-transform-origin: bottom left;-ms-transform-origin: bottom left;-o-transform-origin: bottom left;transform-origin: bottom left;-webkit-transform-style: preserve-3D;-moz-transform-style: preserve-3D;-ms-transform-style: preserve-3D;-o-transform-style: preserve-3D;transform-style: preserve-3D;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperCo:hover .ContentCo {opacity: 1;visibility: visible;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
|
||||
.ContentWrapperCo .ContentCo .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperCo .ContentCo .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperCo .ContentCo .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperCo .ContentCo .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperCo .ContentCo .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperNi .ContentNi {position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;right: 0;-webkit-transform-origin: bottom right;-moz-transform-origin: bottom right;-ms-transform-origin: bottom right;-o-transform-origin: bottom right;transform-origin: bottom right;-webkit-transform-style: preserve-3D;-moz-transform-style: preserve-3D;-ms-transform-style: preserve-3D;-o-transform-style: preserve-3D;transform-style: preserve-3D;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperNi:hover .ContentNi {opacity: 1;visibility: visible;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);}
|
||||
.ContentWrapperNi .ContentNi .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperNi .ContentNi .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperNi .ContentNi .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperNi .ContentNi .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperNi .ContentNi .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperCu img {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperCu:hover img {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
|
||||
.ContentWrapperCu .ContentCu {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperCu:hover .ContentCu {opacity: 1;visibility: visible;-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);transform: rotateY(0deg);}
|
||||
.ContentWrapperCu .ContentCu .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperCu .ContentCu .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperCu .ContentCu .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperCu .ContentCu .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperCu .ContentCu .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
.ContentWrapperZn img {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperZn:hover img {-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-ms-transform: rotateX(180deg);-o-transform: rotateX(180deg);transform: rotateX(180deg);}
|
||||
.ContentWrapperZn .ContentZn {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;position: absolute;background: #ffffff;opacity: 0;visibility: hidden;width: 100%;height: 100%;display: block;top: 0;left: 0;-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);-ms-transform: rotateX(180deg);-o-transform: rotateX(180deg);transform: rotateX(180deg);-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ContentWrapperZn:hover .ContentZn {opacity: 1;visibility: visible;-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);-o-transform: rotateX(0deg);transform: rotateX(0deg);}
|
||||
.ContentWrapperZn .ContentZn .Content {position: absolute;top: 10%;padding: 0 10px;}
|
||||
.ContentWrapperZn .ContentZn .Content h2 {font: 16px'Source Sans Pro', Arial, sans-serif;color: #8CA757;padding: 0 0 6px;}
|
||||
.ContentWrapperZn .ContentZn .Content p {font: normal 12px'Source Sans Pro';color: #666666;}
|
||||
.ContentWrapperZn .ContentZn .Content .ReadMore {float: right;margin: 16px 0 0;background: #D1CDC3;background: -moz-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D1CDC3), color-stop(100%, #C9C5BA));background: -webkit-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -o-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: -ms-linear-gradient(top, #D1CDC3 0%, #C9C5BA 100%);background: linear-gradient(to bottom, #D1CDC3 0%, #C9C5BA 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D1CDC3', endColorstr='#C9C5BA', GradientType=0);-webkit-border-radius: 2px 2px 2px 2px;-moz-border-radius: 2px 2px 2px 2px;-ms-border-radius: 2px 2px 2px 2px;-o-border-radius: 2px 2px 2px 2px;border-radius: 2px 2px 2px 2px;-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 1px 0 rgba(0, 0, 0, 0.11), 0 0 0 rgba(0, 0, 0, 0);}
|
||||
.ContentWrapperZn .ContentZn .Content .ReadMore a {color: #757167;padding: 6px 16px;display: block;font: normal 12px'Source Sans Pro';}
|
||||
/* =============================================
|
||||
Ribbons
|
||||
============================================= */
|
||||
.ImageWrapper .RibbonCTL .Triangle:after {border-right: 35px solid rgba(0, 0, 0, 0);border-top: 35px solid #FFFFFF;content:" ";display: block;height: 0;position: absolute;width: 0;top: 0;left: 0;z-index: 2;}
|
||||
.ImageWrapper .RibbonCTL .Sign {top: 2px;left: 2px;position: absolute;z-index: 6;}
|
||||
.ImageWrapper .RibbonCTL .Sign a {color: #666666;}
|
||||
.ImageWrapper .RibbonCTL {opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .RibbonCTL {opacity: 1;visibility: visible;}
|
||||
.ImageWrapper .RibbonCTR .Triangle:after {border-left: 35px solid rgba(0, 0, 0, 0);border-top: 35px solid #FFFFFF;content:" ";display: block;height: 0;position: absolute;width: 0;top: 0;right: 0;z-index: 2;}
|
||||
.ImageWrapper .RibbonCTR .Sign {top: 2px;right: 2px;position: absolute;z-index: 6;}
|
||||
.ImageWrapper .RibbonCTR .Sign a {color: #666666;}
|
||||
.ImageWrapper .RibbonCTR {opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .RibbonCTR {opacity: 1;visibility: visible;}
|
||||
.ImageWrapper .RibbonCBL .Triangle:after {border-right: 35px solid rgba(0, 0, 0, 0);border-bottom: 35px solid #FFFFFF;content:" ";display: block;height: 0;position: absolute;width: 0;bottom: 0;left: 0;z-index: 2;}
|
||||
.ImageWrapper .RibbonCBL .Sign {bottom: 1px;left: 1px;position: absolute;z-index: 6;}
|
||||
.ImageWrapper .RibbonCBL .Sign a {color: #666666;}
|
||||
.ImageWrapper .RibbonCBL {opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .RibbonCBL {opacity: 1;visibility: visible;}
|
||||
.ImageWrapper .RibbonCBR .Triangle:after {border-left: 35px solid rgba(0, 0, 0, 0);border-bottom: 35px solid #FFFFFF;content:" ";display: block;height: 0;position: absolute;width: 0;bottom: 0;right: 0;z-index: 2;}
|
||||
.ImageWrapper .RibbonCBR .Sign {bottom: 1px;right: 1px;position: absolute;z-index: 6;}
|
||||
.ImageWrapper .RibbonCBR .Sign a {color: #666666;}
|
||||
.ImageWrapper .RibbonCBR {opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
|
||||
.ImageWrapper:hover .RibbonCBR {opacity: 1;visibility: visible;}
|
||||
/* =============================================
|
||||
Transparent Background
|
||||
============================================= */
|
||||
.TBlack {background: none repeat scroll 0 0 rgba(0,0,0,.8) !important;}
|
||||
.TWhite {background: none repeat scroll 0 0 rgba(255,255,255,.8) !important;}
|
||||
185
themes/at_movic/_dev/css/app/_block.scss
Normal file
185
themes/at_movic/_dev/css/app/_block.scss
Normal file
@@ -0,0 +1,185 @@
|
||||
@import "vars/block.vars";
|
||||
// block in sidebar - left column, right column
|
||||
.sidebar{
|
||||
@media (min-width: 992px) {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
.ApColumn .block {
|
||||
margin-bottom: 0;
|
||||
&.ApImage{
|
||||
padding: 0;
|
||||
img{
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
#search_filters_wrapper{
|
||||
border: 1px solid #efefef;
|
||||
.block{
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
.#{$block-selector} {
|
||||
margin: 0;
|
||||
padding: 30px;
|
||||
background: $white;
|
||||
border: 1px solid #efefef;
|
||||
border-bottom: 0;
|
||||
@media (max-width: 1199px) {
|
||||
padding: 30px;
|
||||
}
|
||||
&.af{
|
||||
border-bottom: 1px solid #efefef;
|
||||
}
|
||||
&:last-child{
|
||||
border-bottom: 1px solid #efefef;
|
||||
}
|
||||
&.featured-products{
|
||||
padding: 30px 0;
|
||||
}
|
||||
.#{$block-heading-selector}{
|
||||
font-size: 16px;
|
||||
padding: 20px 0;
|
||||
position: relative;
|
||||
margin: 0;
|
||||
text-transform: uppercase;
|
||||
@media (max-width: 1199px) {
|
||||
font-size: 14px;
|
||||
}
|
||||
a{
|
||||
color: #000;
|
||||
}
|
||||
&.products-section-title{
|
||||
@include rtl-text-align-left();
|
||||
letter-spacing: 0;
|
||||
padding: 20px 30px;
|
||||
margin: 0 0 15px;
|
||||
@media (max-width: 1199px) {
|
||||
padding: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.#{$block-content-selector} {
|
||||
@include clearfix();
|
||||
}
|
||||
.products{
|
||||
.ajax_block_product {
|
||||
@include make-col(12);
|
||||
}
|
||||
.thumbnail-container{
|
||||
@include rtl-text-align-left();
|
||||
box-shadow: none;
|
||||
border-bottom: 1px solid #efefef;
|
||||
margin: 0 0 15px;
|
||||
padding: 0 5px 15px;
|
||||
&:after {
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
.product-meta{
|
||||
@include rtl-text-align-left();
|
||||
}
|
||||
.leo-pro-attr-section,
|
||||
input.leo_cart_quantity,
|
||||
.product-thumbnail:before{
|
||||
display: none;
|
||||
}
|
||||
.product-image{
|
||||
width: 40%;
|
||||
@include rtl-float-left();
|
||||
padding: 0 10px;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.product-meta{
|
||||
width: 60%;
|
||||
@include rtl-float-left();
|
||||
padding: 0 10px;
|
||||
margin: 0;
|
||||
position: static;
|
||||
transform: none;
|
||||
img{
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
.highlighted-informations,
|
||||
.quickview,
|
||||
.product-flags,
|
||||
.functional-buttons,
|
||||
.button-container,
|
||||
.wishlist,
|
||||
.leo-wishlist-button-dropdown,
|
||||
.compare,
|
||||
.pro-info
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
.product-additional{
|
||||
right: 15px;
|
||||
left: 15px;
|
||||
}
|
||||
.product-title{
|
||||
margin: 0 0 10px;
|
||||
height: 20px;
|
||||
overflow: hidden;
|
||||
line-height: 20px;
|
||||
font-size: 13px;
|
||||
a{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.product-price-and-shipping{
|
||||
transform: none;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.leo-bt-cart {
|
||||
min-width: 30px;
|
||||
i {
|
||||
display: inline-block;
|
||||
}
|
||||
.leo-bt-cart-content span{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
a.all-product-link{
|
||||
font-size: 12px;
|
||||
text-transform: capitalize;
|
||||
border: 0;
|
||||
font-weight: normal;
|
||||
margin: 0 15px;
|
||||
padding: 10px 0;
|
||||
color: #333;
|
||||
background: none;
|
||||
text-decoration: underline;
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus{
|
||||
color: $theme-color-default;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
.list-group-item{
|
||||
border: none;
|
||||
padding: 10px 0;
|
||||
}
|
||||
}
|
||||
.js-search-filters-clear-all{
|
||||
text-decoration: underline;
|
||||
background: none;
|
||||
color: #333;
|
||||
padding: 12px 15px;
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus{
|
||||
color: $theme-color-default;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
#_desktop_cart{
|
||||
position: relative;
|
||||
}
|
||||
81
themes/at_movic/_dev/css/app/_buttons.scss
Normal file
81
themes/at_movic/_dev/css/app/_buttons.scss
Normal file
@@ -0,0 +1,81 @@
|
||||
.carousel{
|
||||
.direction{
|
||||
position: absolute;
|
||||
top: -95px;
|
||||
@include rtl-right(0);
|
||||
}
|
||||
}
|
||||
.carousel-control{
|
||||
background: none !important;
|
||||
.icon-prev, .icon-next{
|
||||
background: #f3f3f3;
|
||||
font-size: $carousel-control-font-size;
|
||||
@include rounded-corners(3px);
|
||||
@include size(25px,25px);
|
||||
&:before{
|
||||
font-family: $font-icon;
|
||||
font-size: $carousel-control-font-size;
|
||||
color: $theme-color-tertiary;
|
||||
line-height: 25px;
|
||||
}
|
||||
&:hover{
|
||||
background: $theme-color-default;
|
||||
&:before{
|
||||
color: $white;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.left{
|
||||
right: 25px;
|
||||
left: auto;
|
||||
}
|
||||
.icon-prev{
|
||||
&:before{
|
||||
content: "\f104";
|
||||
}
|
||||
}
|
||||
.icon-next{
|
||||
&:before{
|
||||
content: "\f105";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Override Input
|
||||
input[type=number]::-webkit-inner-spin-button,
|
||||
input[type=number]::-webkit-outer-spin-button {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
margin: 0;
|
||||
}
|
||||
input[type=number] {
|
||||
-moz-appearance:textfield;
|
||||
}
|
||||
input[type="file"]{
|
||||
height: auto;
|
||||
}
|
||||
|
||||
//@mixin button-variant-outline($color, $background, $border, $colorhover, $bghover, $borderhover ) {
|
||||
.btn-inverse{
|
||||
@include button-variant-outline($white, $theme-color-default, $theme-color-default, $white, $nocolor, $border-color);
|
||||
}
|
||||
.btn-outline{
|
||||
@include button-variant-outline($white, #333b48, #333b48, $white, $theme-color-default, $theme-color-default);
|
||||
}
|
||||
.btn{
|
||||
@include rounded-corners($btn-border-radius);
|
||||
&:active,
|
||||
&:focus,
|
||||
&:visited,
|
||||
&.active:focus,
|
||||
&:active:focus {
|
||||
outline: none !important;
|
||||
@include box-shadow(none);
|
||||
}
|
||||
}
|
||||
button{
|
||||
&:focus, &:hover{
|
||||
outline: none;
|
||||
}
|
||||
}
|
||||
1277
themes/at_movic/_dev/css/app/_menu.scss
Normal file
1277
themes/at_movic/_dev/css/app/_menu.scss
Normal file
File diff suppressed because it is too large
Load Diff
211
themes/at_movic/_dev/css/app/_modules.scss
Normal file
211
themes/at_movic/_dev/css/app/_modules.scss
Normal file
@@ -0,0 +1,211 @@
|
||||
// modules.scss
|
||||
|
||||
@import "vars/modules.vars";
|
||||
// top bar module dropdown
|
||||
.popup-over{
|
||||
position: relative;
|
||||
a.popup-title{
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.popup-content{
|
||||
padding: 10px 0;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
background: #fff;
|
||||
color: #999;
|
||||
border: 0;
|
||||
min-width: 180px;
|
||||
z-index: 9999;
|
||||
display: block;
|
||||
right: 0;
|
||||
left: auto;
|
||||
@include transition(all 0.2s);
|
||||
@include border-radius(0);
|
||||
@include rtl-text-align-left();
|
||||
font-size: 13px;
|
||||
animation: none;
|
||||
@media (min-width: 992px) {
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transform: translateY(5px);
|
||||
}
|
||||
@media (max-width: 991px) {
|
||||
display: none;
|
||||
@include transition(opacity 0.4s);
|
||||
}
|
||||
&:after,
|
||||
&:before {
|
||||
bottom: 100%;
|
||||
border: solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
}
|
||||
&:before {
|
||||
border-bottom-color: #eee;
|
||||
border-width: 12px;
|
||||
margin-left: -12px;
|
||||
@include rtl-right(8px);
|
||||
}
|
||||
&:after {
|
||||
border-bottom-color: #fff;
|
||||
border-width: 12px;
|
||||
margin-left: -12px;
|
||||
margin-bottom: -1px;
|
||||
@include rtl-right(8px);
|
||||
}
|
||||
a{
|
||||
color:#999;
|
||||
padding: 0px;
|
||||
&:hover{
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
margin: 0px;
|
||||
li{
|
||||
display: block;
|
||||
img{
|
||||
vertical-align: 0;
|
||||
margin: 0 2px 0 0;
|
||||
}
|
||||
&.current{
|
||||
color: #000;
|
||||
a{
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
a{
|
||||
display: block;
|
||||
line-height: 20px;
|
||||
padding: 5px 18px;
|
||||
i{
|
||||
font-size: 13px;
|
||||
@include rtl-margin-right(5px);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&:hover{
|
||||
cursor: pointer;
|
||||
@media (min-width: 992px) {
|
||||
.popup-content{
|
||||
display: block !important;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: translateY(0px);
|
||||
}
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
&.open{
|
||||
.popup-content{
|
||||
display: block !important;
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: translateY(0px);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.language-selector-wrapper,
|
||||
.currency-selector{
|
||||
.popup-content li{
|
||||
position: relative;
|
||||
&:before{
|
||||
content: "\f00c";
|
||||
font-family: "FontAwesome";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 15px;
|
||||
line-height: 30px;
|
||||
color: #ccc;
|
||||
font-size: 13px;
|
||||
pointer-events: none;
|
||||
transition: all .3s;
|
||||
opacity: 0;
|
||||
}
|
||||
&:hover:before{
|
||||
opacity: 1;
|
||||
}
|
||||
&.current:before{
|
||||
color: #000;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
#leo_block_top{
|
||||
.popup-content{
|
||||
padding: 20px;
|
||||
.language-selector,
|
||||
.currency-selector{
|
||||
margin-bottom: 15px;
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 1px solid #eee;
|
||||
line-height: 30px;
|
||||
ul{
|
||||
&:after {
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
li{
|
||||
float: left;
|
||||
text-align: center;
|
||||
}
|
||||
a{
|
||||
line-height: 30px;
|
||||
padding: 0;
|
||||
}
|
||||
&>span{
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.currency-selector{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
li{
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
.language-selector{
|
||||
li{
|
||||
width: 33%;
|
||||
.lang-name{
|
||||
display: none;
|
||||
}
|
||||
.lang-img{
|
||||
outline: 1px dashed transparent;
|
||||
outline-offset: 3px;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
width: 16px;
|
||||
height: 11px;
|
||||
img{
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&:hover,
|
||||
&.current{
|
||||
.lang-img{
|
||||
outline-color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.rtl{
|
||||
.popup-over .popup-content{
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
/* mini basket */
|
||||
#_desktop_cart{
|
||||
|
||||
}
|
||||
1875
themes/at_movic/_dev/css/app/_product-item.scss
Normal file
1875
themes/at_movic/_dev/css/app/_product-item.scss
Normal file
File diff suppressed because it is too large
Load Diff
35
themes/at_movic/_dev/css/app/index.php
Normal file
35
themes/at_movic/_dev/css/app/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
|
||||
|
||||
header('Cache-Control: no-store, no-cache, must-revalidate');
|
||||
header('Cache-Control: post-check=0, pre-check=0', false);
|
||||
header('Pragma: no-cache');
|
||||
|
||||
header('Location: ../');
|
||||
exit;
|
||||
33
themes/at_movic/_dev/css/app/vars/_block.vars.scss
Normal file
33
themes/at_movic/_dev/css/app/vars/_block.vars.scss
Normal file
@@ -0,0 +1,33 @@
|
||||
// Block Modules
|
||||
// ========================================================================
|
||||
|
||||
$block-margin-bottom: $grid-gutter-width-base !default;
|
||||
|
||||
// Heading Block
|
||||
$block-heading-bg: none !default;
|
||||
$block-heading-color: $black !default;
|
||||
$block-heading-font-family: $headings-font-family !default;
|
||||
$block-heading-font-size: 18px !default;
|
||||
$block-heading-font-weight: 700 !default;
|
||||
$block-heading-padding: $medium-space !default;
|
||||
$block-heading-margin: 0px !default;
|
||||
$block-heading-transform: uppercase !default;
|
||||
$block-heading-line-height: normal !default;
|
||||
$block-heading-letter-spacing: 0px !default;
|
||||
$block-heading-radius: 0px;
|
||||
$block-heading-border: none !default;
|
||||
|
||||
// Heading Content
|
||||
$block-content-bg: $white !default;
|
||||
$block-content-border: none !default;
|
||||
$block-content-padding: $medium-space 0px !default;
|
||||
$block-content-margin: 10px !default;
|
||||
$block-content-radius: 0px !default;
|
||||
|
||||
// get content icon from link http://fortawesome.github.io/Font-Awesome/icons/ or img icon from theme folder
|
||||
$block-icon-content: "\f0c9" !default;
|
||||
|
||||
// Block Highlighted
|
||||
$block-highlighted-bg: $theme-color-default !default;
|
||||
$block-highlighted-border: $theme-color-default !default;
|
||||
$block-highlighted-text: $white !default;
|
||||
90
themes/at_movic/_dev/css/app/vars/_menu.vars.scss
Normal file
90
themes/at_movic/_dev/css/app/vars/_menu.vars.scss
Normal file
@@ -0,0 +1,90 @@
|
||||
|
||||
// Mega Menu Module
|
||||
// ========================================================================
|
||||
$megamenu-bg: $nocolor!default;
|
||||
$megamenu-color: $black !default;
|
||||
$megamenu-font-family: $font-family-tertiary !default;
|
||||
$megamenu-link-color: $black !default;
|
||||
$megamenu-link-hover-color: $theme-color-default !default;
|
||||
$megamenu-link-bg-hover-color: transparent !default;
|
||||
$megamenu-link-font-family: $font-family-base !default;
|
||||
$megamenu-font-weight: normal;
|
||||
$megamenu-caret: $megamenu-link-color !default;
|
||||
|
||||
$megamenu-text-align: left !default;
|
||||
|
||||
|
||||
$megamenu-parent-font-size: 15px !default;
|
||||
$megamenu-parent-padding: 20px 25px !default;
|
||||
$megamenu-parent-text-transform: uppercase !default;
|
||||
|
||||
$megamenu-sub-bg-color: $white !default;
|
||||
$megamenu-sub-radius: 0px !default;
|
||||
$megamenu-sub-text-color: $black !default;
|
||||
$megamenu-sub-link-color: $body-color !default;
|
||||
$megamenu-sub-link-hover-color: $theme-color-default !default;
|
||||
$megamenu-sub-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24) !default;
|
||||
$megamenu-sub-padding: 20px !default;
|
||||
$megamenu-sub-min-width: 185px !default;
|
||||
$megamenu-sub-border: 0 !default;
|
||||
$megamenu-sub-font-size: 13px !default;
|
||||
$megamenu-sub-caret-color: $megamenu-sub-text-color !default;
|
||||
|
||||
$megamenu-heading-letter: 3px !default;
|
||||
$megamenu-heading-title-font-family: $headings-font-family !default;
|
||||
$megamenu-heading-color: $white !default;
|
||||
$megamenu-line-border: 1px solid #646464 !default;
|
||||
$megamenu-arrow-bg: darken($megamenu-sub-bg-color, 20%) !default;
|
||||
|
||||
// Vertical Menu Module
|
||||
// ========================================================================
|
||||
$vertical-menu-font-family: $font-family-tertiary !default;
|
||||
$vertical-menu-content-bg: #5d4e57 !default;
|
||||
$vertical-menu-content-height: 320px !default;
|
||||
$vertical-menu-content-padding: 0 !default;
|
||||
$vertical-menu-content-margin: 0 !default;
|
||||
$vertical-menu-content-border: 2px solid $theme-color-default !default;
|
||||
$vertical-menu-font-size: $base-font-size !default;
|
||||
$vertical-menu-color: $body-color !default;
|
||||
$vertical-menu-font-weight: 600 !default;
|
||||
$vertical-menu-link-padding: 13px $large-space 13px !default;
|
||||
$vertical-menu-link-hover-color: $white !default;
|
||||
$vertical-menu-link: $white !default;
|
||||
$vertical-menu-line-height: normal !default;
|
||||
$vertical-border-color: #595959 !default;
|
||||
$vertical-caret-border: $body-color !default;
|
||||
|
||||
$vertical-description-font-size: 11px !default;
|
||||
$vertical-description-font-style: italic !default;
|
||||
$vertical-description-color: red !default;
|
||||
$vertical-description-font-weight: 300 !default;
|
||||
|
||||
$vertical-sub-menu-padding: $medium-space 28px !default;
|
||||
$vertical-sub-menu-width: 215px !default;
|
||||
$vertical-sub-menu-link-color: $body-color !default;
|
||||
$vertical-sub-menu-link-font-size: 12px !default;
|
||||
$vertical-sub-menu-link-font-family: $font-family-base !default;
|
||||
$vertical-sub-menu-heading-color: $black !default;
|
||||
$vertical-sub-menu-bg: $white !default;
|
||||
$vertical-sub-product-link: $black !default;
|
||||
$vertical-sub-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35) !default;
|
||||
|
||||
|
||||
|
||||
// OffCanvas Menu
|
||||
// ========================================================================
|
||||
$offcanvas-menu-bg: $silver !default;
|
||||
$offcanvas-menu-padding: 12px 15px !default;
|
||||
$offcanvas-menu-link-color: $white !default;
|
||||
$offcanvas-menu-font-size: $base-font-size !default;
|
||||
$offcanvas-menu-transform: uppercase !default;
|
||||
$offcanvas-menu-font-family: $font-family-tertiary !default;
|
||||
$offcanvas-menu-border: 1px solid lighten($offcanvas-menu-bg, 10%) !default;
|
||||
$offcanvas-menu-icon-color: $white !default;
|
||||
$offcanvas-menu-icon-font-size: 16px !default;
|
||||
$offcanvas-menu-icon-padding: 8px 15px !default;
|
||||
$offcanvas-menu-border-caret: 1px solid $white !default;
|
||||
$offcanvas-menu-caret-color: $white !default;
|
||||
$offcanvas-menu-text-color: $body-color !default;
|
||||
$offcanvas-menu-text-fs: $base-font-size !default;
|
||||
|
||||
14
themes/at_movic/_dev/css/app/vars/_modules.vars.scss
Normal file
14
themes/at_movic/_dev/css/app/vars/_modules.vars.scss
Normal file
@@ -0,0 +1,14 @@
|
||||
// Mini basket and shopping cart
|
||||
// ========================================================================
|
||||
|
||||
// get content icon from img icon from theme folder
|
||||
$cart-product-font-size: $font-size-base - 2 !default;
|
||||
$cart-align-right: 17px !default;
|
||||
$cart-content-width: 400px !default;
|
||||
|
||||
// Search
|
||||
// ========================================================================
|
||||
// Contact page
|
||||
// ========================================================================
|
||||
// Htab module
|
||||
// ========================================================================
|
||||
27
themes/at_movic/_dev/css/app/vars/_product-item.vars.scss
Normal file
27
themes/at_movic/_dev/css/app/vars/_product-item.vars.scss
Normal file
@@ -0,0 +1,27 @@
|
||||
// Product List
|
||||
// ========================================================================
|
||||
// name
|
||||
$product-name-color: $body-color !default;
|
||||
$product-name-hover-color: $link-hover-color !default;
|
||||
$product-name-font-family: $font-family-base !default;
|
||||
$product-name-font-size: $base-font-size !default;
|
||||
$product-name-font-weight: 300 !default;
|
||||
|
||||
//price
|
||||
$product-price-color: $black !default;
|
||||
$product-price-font-family: $font-family-base !default;
|
||||
$product-price-font-size: $base-font-size !default;
|
||||
$product-price-font-weight: 700 !default;
|
||||
$product-price-regular-color: $gray-darker !default;
|
||||
$product-price-discount-bg: $brand-secondary !default;
|
||||
$product-price-discount-color: white !default;
|
||||
|
||||
// image
|
||||
$product-image-border: $main-border !default;
|
||||
$product-image-radius: 0px !default;
|
||||
|
||||
// Product Flats
|
||||
$product-flags-new-bg: $brand-primary !default;
|
||||
$product-flags-sale-bg: $brand-info !default;
|
||||
$product-flags-discount-bg: none !default;
|
||||
$product-flags-online-only-bg: $brand-warning !default;
|
||||
35
themes/at_movic/_dev/css/app/vars/index.php
Normal file
35
themes/at_movic/_dev/css/app/vars/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
|
||||
|
||||
header('Cache-Control: no-store, no-cache, must-revalidate');
|
||||
header('Cache-Control: post-check=0, pre-check=0', false);
|
||||
header('Pragma: no-cache');
|
||||
|
||||
header('Location: ../');
|
||||
exit;
|
||||
51
themes/at_movic/_dev/css/components/alert.scss
Normal file
51
themes/at_movic/_dev/css/components/alert.scss
Normal file
@@ -0,0 +1,51 @@
|
||||
@import "theme_variables";
|
||||
|
||||
.ps-alert-error {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.ps-alert-error,
|
||||
.ps-alert-success {
|
||||
.item {
|
||||
@include align-items(center);
|
||||
border: 2px $brand-danger solid;
|
||||
@include display(flex);
|
||||
background-color: $brand-danger;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
i {
|
||||
border: 15px $brand-danger solid;
|
||||
@include display(flex);
|
||||
|
||||
svg {
|
||||
background-color: $brand-danger;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
background-color: $body-bg;
|
||||
margin: 0;
|
||||
padding: 18px 20px 18px 20px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ps-alert-success {
|
||||
padding: 0.25rem 0.25rem 2.75rem 0.25rem;
|
||||
|
||||
.item {
|
||||
border-color: $brand-success;
|
||||
background-color: $brand-success;
|
||||
|
||||
i {
|
||||
border-color: $brand-success;
|
||||
|
||||
svg {
|
||||
background-color: $brand-success;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
19
themes/at_movic/_dev/css/components/block-reassurance.scss
Normal file
19
themes/at_movic/_dev/css/components/block-reassurance.scss
Normal file
@@ -0,0 +1,19 @@
|
||||
#block-reassurance{
|
||||
margin-top: 16px;
|
||||
img{
|
||||
width: 25px;
|
||||
@include opacity(0.7);
|
||||
@include rtl-margin-right(10px);
|
||||
}
|
||||
li{
|
||||
}
|
||||
li .block-reassurance-item{
|
||||
@include rtl-padding(0.5rem, 1.5rem, 0.5rem, 0rem);
|
||||
span{
|
||||
font-weight: 400;
|
||||
margin: 0px;
|
||||
color: $theme-color-senary;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
}
|
||||
295
themes/at_movic/_dev/css/components/cart.scss
Normal file
295
themes/at_movic/_dev/css/components/cart.scss
Normal file
@@ -0,0 +1,295 @@
|
||||
.cart-grid {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.cart-items {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.cart-item {
|
||||
padding: 16px 0;
|
||||
}
|
||||
.cart-summary-line {
|
||||
@include clearfix;
|
||||
margin-bottom: 10px;
|
||||
clear: both;
|
||||
.label {
|
||||
@include rtl-padding-left(0);
|
||||
font-weight: normal;
|
||||
white-space: inherit;
|
||||
}
|
||||
.value {
|
||||
color: $gray-darker;
|
||||
@include rtl-float-right();
|
||||
font-size: 15px;
|
||||
font-weight: 600;
|
||||
font-family: $headings-font-family;
|
||||
}
|
||||
&.cart-summary-subtotals {
|
||||
.label,
|
||||
.value {
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
/** CART BODY **/
|
||||
.cart-grid-body {
|
||||
a.label {
|
||||
&:hover {
|
||||
color: $brand-primary;
|
||||
}
|
||||
}
|
||||
.card-block {
|
||||
padding: 16px;
|
||||
h1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
hr {
|
||||
margin: 0;
|
||||
}
|
||||
.cart-overview {
|
||||
padding: 16px;
|
||||
}
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
/** CART RIGHT **/
|
||||
.cart-grid-right {
|
||||
hr {
|
||||
margin: 0;
|
||||
}
|
||||
.promo-discounts {
|
||||
margin-bottom: 0;
|
||||
.cart-summary-line {
|
||||
.label {
|
||||
color: $gray-dark;
|
||||
.code {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.cart-detailed-totals > .card-block {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.block-promo {
|
||||
.promo-code {
|
||||
padding: 1.60rem;
|
||||
background: #f2f2f4;
|
||||
form {
|
||||
display: flex;
|
||||
}
|
||||
.alert-danger {
|
||||
position: relative;
|
||||
margin-top: 20px;
|
||||
background: $brand-danger;
|
||||
color: white;
|
||||
display: none;
|
||||
&::after {
|
||||
bottom: 100%;
|
||||
left: 10%;
|
||||
border: solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
border-bottom-color: $brand-danger;
|
||||
border-width: 10px;
|
||||
margin-left: -10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.promo-input {
|
||||
height: 40px;
|
||||
padding: 15px;
|
||||
flex: 1;
|
||||
border: 1px solid #000;
|
||||
outline: none;
|
||||
margin: 0 10px 0 0;
|
||||
&:focus{
|
||||
border-color: #999;
|
||||
}
|
||||
+ button {
|
||||
margin-top: 0;
|
||||
text-transform: capitalize;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
.cart-summary-line .label,
|
||||
.promo-name {
|
||||
color: $brand-warning;
|
||||
font-weight: 400;
|
||||
a {
|
||||
font-weight: normal;
|
||||
color: $gray-darker;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.promo-code-button {
|
||||
margin: 10px 0 0;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
&:hover{
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
&.promo-highlighted {
|
||||
padding: 20px;
|
||||
padding-bottom: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
.promo-code .alert-danger:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.promo-code .alert-danger {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.promo-code .alert-danger span {
|
||||
margin: 0 5px !important;
|
||||
}
|
||||
.promo-code-button a.collapse-button {
|
||||
padding: 0 20px;
|
||||
margin: 10px 0;
|
||||
display: inline-block;
|
||||
}
|
||||
/** CONTENT LEFT **/
|
||||
.product-line-grid-left {
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
p.promo-code-button {
|
||||
width: 100%;
|
||||
}
|
||||
.block-promo {
|
||||
min-height: 50px;
|
||||
}
|
||||
/** CONTENT BODY **/
|
||||
.product-line-grid-body {
|
||||
> .product-line-info {
|
||||
margin-bottom: $small-space;
|
||||
&.product-price{
|
||||
display: block;
|
||||
}
|
||||
&:first-child{
|
||||
a.label{
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
&:hover{
|
||||
color: #888;
|
||||
}
|
||||
}
|
||||
}
|
||||
.product-discount {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
> .label {
|
||||
padding: 0;
|
||||
line-height: inherit;
|
||||
white-space: inherit;
|
||||
font-weight: 400;
|
||||
@include rtl-text-align-left();
|
||||
color: #999;
|
||||
}
|
||||
> a.label{
|
||||
font-size: $font-size-h6;
|
||||
}
|
||||
> .out-of-stock {
|
||||
color: red;
|
||||
}
|
||||
> .available {
|
||||
color: $brand-success;
|
||||
}
|
||||
> .unit-price-cart {
|
||||
@include rtl-padding-left(0.3125rem);
|
||||
font-size: 0.875rem;
|
||||
color: $gray-dark;
|
||||
}
|
||||
}
|
||||
}
|
||||
/** CONTENT LEFT **/
|
||||
.product-line-grid-right {
|
||||
.bootstrap-touchspin {
|
||||
width: 68px;
|
||||
@include box-shadow(2px 2px 3px 0px rgba(0, 0, 0, 0.15));
|
||||
> .form-control,
|
||||
> .input-group {
|
||||
color: $gray-darker;
|
||||
background-color: white;
|
||||
height: $input-height;
|
||||
padding: 0.175rem 0.5rem;
|
||||
width: 48px;
|
||||
}
|
||||
> .input-group-btn-vertical {
|
||||
width: auto;
|
||||
right: -1px;
|
||||
}
|
||||
}
|
||||
.cart-line-product-actions,
|
||||
.product-price {
|
||||
color: $gray-darker;
|
||||
line-height: 36px;
|
||||
.remove-from-cart {
|
||||
color: #ccc;
|
||||
display: inline-block;
|
||||
&:hover{
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*** Responsive part ***/
|
||||
@include media-breakpoint-down(sm) {
|
||||
.product-line-grid-body {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(xs) {
|
||||
.cart-items {
|
||||
padding: 16px 0;
|
||||
}
|
||||
.cart-item {
|
||||
border-bottom: $main-border;
|
||||
.product-line-grid{
|
||||
margin: 0;
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
.cart-grid-body {
|
||||
.cart-overview {
|
||||
padding: 0;
|
||||
}
|
||||
.no-items {
|
||||
padding: 16px;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.product-line-grid-left {
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 360px) {
|
||||
.product-line-grid-right {
|
||||
.qty {
|
||||
width: 100%;
|
||||
}
|
||||
.price {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
.cart-detailed-actions{
|
||||
.text-sm-center{
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
610
themes/at_movic/_dev/css/components/categories.scss
Normal file
610
themes/at_movic/_dev/css/components/categories.scss
Normal file
@@ -0,0 +1,610 @@
|
||||
@import "theme_variables";
|
||||
|
||||
#products {
|
||||
.products-select {
|
||||
}
|
||||
.up {
|
||||
.btn-secondary {
|
||||
color: $gray;
|
||||
text-transform: inherit;
|
||||
margin-bottom: 16px;
|
||||
@include rtl-margin-right($small-space);
|
||||
.material-icons {
|
||||
@include rtl-margin-right(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.block-category {
|
||||
//margin-bottom: 25px;
|
||||
&>h1{
|
||||
@media (max-width: 767px){
|
||||
margin: 1em 0;
|
||||
}
|
||||
}
|
||||
.category-cover {
|
||||
margin: 0 auto 0 0;
|
||||
max-width: 200px;
|
||||
}
|
||||
#category-description + .category-cover{
|
||||
width: 20%;
|
||||
min-width: 80px;
|
||||
margin: 0 20px 10px 0;
|
||||
float: left;
|
||||
}
|
||||
#category-description {
|
||||
padding: 15px 0;
|
||||
@media (max-width: 991px){
|
||||
padding: 0;
|
||||
}
|
||||
p,
|
||||
strong {
|
||||
font-weight: 400;
|
||||
color:#545454;
|
||||
}
|
||||
p {
|
||||
color: #888;
|
||||
margin-bottom: 0;
|
||||
line-height: 20px;
|
||||
&:first-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.category-cover {
|
||||
|
||||
}
|
||||
}
|
||||
.products-selection {
|
||||
.sort-by-row {
|
||||
@include display(flex);
|
||||
@include align-items(center);
|
||||
}
|
||||
.sort-by {
|
||||
white-space: normal;
|
||||
word-break: break-word;
|
||||
@include rtl-text-align-right();
|
||||
}
|
||||
.total-products {
|
||||
padding-top: 6px;
|
||||
p{
|
||||
margin: 0;
|
||||
line-height: 25px;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.showing{
|
||||
padding-top: $small-space;
|
||||
}
|
||||
h1 {
|
||||
padding-top: $small-space;
|
||||
}
|
||||
.products-counter{
|
||||
@include rtl-float-right();
|
||||
color: #545454;
|
||||
margin: 3px 0px 0px;
|
||||
}
|
||||
.display{
|
||||
> div{
|
||||
@include rtl-float-left();
|
||||
@include rtl-margin-right(5px);
|
||||
a {
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
color: #999;
|
||||
line-height: 25px;
|
||||
display: inline-block;
|
||||
@include size(25px,25px);
|
||||
font-size: 14px;
|
||||
&:hover{
|
||||
color: $theme-color-default;
|
||||
}
|
||||
}
|
||||
&.selected{
|
||||
a{
|
||||
color: #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.products-sort-order {
|
||||
color: $theme-color-secondary;
|
||||
.select-title {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
width: 100%;
|
||||
background: #f5f5f5;
|
||||
cursor: pointer;
|
||||
height: 35px;
|
||||
line-height: 27px;
|
||||
position: relative;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
color: #888;
|
||||
border-radius: 20px;
|
||||
@include rtl-padding(5px,35px,5px,15px);
|
||||
@include rtl-text-align-left();
|
||||
&:hover{
|
||||
color: #000;
|
||||
}
|
||||
i{
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
text-align: center;
|
||||
line-height: 35px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@include rtl-right(0);
|
||||
}
|
||||
}
|
||||
&.open{
|
||||
.select-title {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
.select-list {
|
||||
display: block;
|
||||
color: #666;
|
||||
padding: 5px 15px;
|
||||
font-size: 13px;
|
||||
&:hover {
|
||||
background: #f5f5f5;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
.dropdown-menu {
|
||||
left: auto;
|
||||
width: calc(100% - 30px);
|
||||
min-width: 200px;
|
||||
background: #FFFFFF;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
}
|
||||
body #search_filters {
|
||||
.facet {
|
||||
padding: 10px 0;
|
||||
margin: 0 0 10px;
|
||||
@media (max-width: 991px) {
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
.collapse {
|
||||
display: block;
|
||||
max-height: 210px;
|
||||
overflow: auto;
|
||||
}
|
||||
.facet-title {
|
||||
font-weight: 500;
|
||||
margin: 0 0 10px;
|
||||
text-transform: capitalize;
|
||||
font-size: 13px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.facet-label, .custom-checkbox{
|
||||
margin-bottom: 0;
|
||||
a {
|
||||
display: inline-block;
|
||||
@include rtl-text-align-left;
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
.facet-label{
|
||||
display: block;
|
||||
@include rtl-text-align-left;
|
||||
@include rtl-padding(7px ,20px,7px,0);
|
||||
line-height: 20px;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
.magnitude{
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
height: 20px;
|
||||
min-width: 20px;
|
||||
display: inline-block;
|
||||
@include rtl-right(5px);
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
font-family: 'Poppins';
|
||||
}
|
||||
.custom-checkbox,
|
||||
.custom-radio {
|
||||
top: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.clear-all-wrapper{
|
||||
margin: $small-space 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Pagination */
|
||||
.pagination {
|
||||
display: block !important;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
min-height: 50px;
|
||||
padding: 20px 0;
|
||||
border-top: 1px solid #eee;
|
||||
text-align: center;
|
||||
&:after {
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
> div{
|
||||
width: 100%;
|
||||
text-align: center !important;
|
||||
}
|
||||
.page-list {
|
||||
padding: 20px 0;
|
||||
margin-bottom: 0;
|
||||
text-align: center !important;
|
||||
li {
|
||||
display: inline;
|
||||
a{
|
||||
padding: 0 8px;
|
||||
}
|
||||
span{
|
||||
display: none;
|
||||
&.spacer{
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: $black;
|
||||
font-weight: 400;
|
||||
display: inline-block;
|
||||
&:hover,
|
||||
&:focus{
|
||||
color: $theme-color-default;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
.disabled {
|
||||
color: $body-color;
|
||||
cursor: no-drop;
|
||||
&:hover{
|
||||
color: $body-color;
|
||||
}
|
||||
}
|
||||
.current a {
|
||||
color: $theme-color-default;
|
||||
text-decoration: none;
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
display: flex !important;
|
||||
@include align-items(center);
|
||||
&>div{
|
||||
width: auto !important;
|
||||
padding: 0;
|
||||
&:last-child{
|
||||
margin-left: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/* Filter */
|
||||
.active_filters {
|
||||
background: #f9f9f9;
|
||||
padding: $small-space $large-space 0;
|
||||
margin-bottom: $medium-space;
|
||||
.active-filter-title {
|
||||
display: inline;
|
||||
font-weight: 400;
|
||||
margin: 0 10px 0 0;
|
||||
font-size: 13px;
|
||||
color: #666;
|
||||
}
|
||||
ul {
|
||||
display: inline;
|
||||
}
|
||||
.filter-block {
|
||||
@include box-shadow(2px 2px 11px 0px rgba(0, 0, 0, 0.1));;
|
||||
color: $gray-darker;
|
||||
margin-bottom: $small-space;
|
||||
background: white;
|
||||
padding: 10px;
|
||||
display: inline-block;
|
||||
font-size: 12px;
|
||||
@include rtl-margin-right($small-space);
|
||||
.close {
|
||||
color: $gray-darker;
|
||||
font-size: $font-size-lg;
|
||||
margin-top: 3px;
|
||||
@include opacity(1);
|
||||
@include rtl-margin-left($extra-small-space);
|
||||
}
|
||||
}
|
||||
}
|
||||
/* Block Category */
|
||||
.block-categories {
|
||||
.category-top-menu{
|
||||
margin: 0px;
|
||||
}
|
||||
.category-sub-menu {
|
||||
margin: 0px;
|
||||
li{
|
||||
position: relative;
|
||||
@include rtl-padding(0, 0, 0, 20px);
|
||||
&:after {
|
||||
content: "";
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border-radius: 100%;
|
||||
background-color: #e5e5e5;
|
||||
position: absolute;
|
||||
display: block;
|
||||
top: 16px;
|
||||
@include rtl-left(0);
|
||||
}
|
||||
.navbar-toggler[aria-expanded="true"]+:after{
|
||||
background-color: $theme-color-default;
|
||||
}
|
||||
&:hover{
|
||||
&:after{
|
||||
background-color: $theme-color-default;
|
||||
}
|
||||
}
|
||||
> a {
|
||||
width: 100%;
|
||||
display: block;
|
||||
margin: 0;
|
||||
line-height: 20px;
|
||||
padding: 10px 0;
|
||||
text-transform: capitalize;
|
||||
&:hover{
|
||||
color: $theme-color-default;
|
||||
}
|
||||
}
|
||||
}
|
||||
li[data-depth="0"] {
|
||||
ul.category-sub-menu{
|
||||
padding-top: $small-space;
|
||||
}
|
||||
}
|
||||
}
|
||||
.collapse-icons {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
font-size: 0.9375rem;
|
||||
border: 0;
|
||||
@include size(40px,40px);
|
||||
@include rtl-right(-16px);
|
||||
@include border-radius(20px);
|
||||
@include transition(all .4s);
|
||||
&:hover {
|
||||
color: $theme-color-default;
|
||||
}
|
||||
.remove {
|
||||
display: none;
|
||||
}
|
||||
i{
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
&:before {
|
||||
font-family: $font-icon-2;
|
||||
content: "add";
|
||||
font-size: 15px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-align: center;
|
||||
}
|
||||
&[aria-expanded="true"] {
|
||||
.add {
|
||||
display: none;
|
||||
}
|
||||
.remove {
|
||||
display: inline-block;
|
||||
}
|
||||
&:before{
|
||||
content: "remove";
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.arrows {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
@include size(40px,40px);
|
||||
@include rtl-right(-16px);
|
||||
@include border-radius(20px);
|
||||
@include transition(all .4s);
|
||||
.arrow-right,
|
||||
.arrow-down {
|
||||
font-size: $font-size-sm;
|
||||
cursor: pointer;
|
||||
@include rtl-margin-left(2px);
|
||||
}
|
||||
&:hover {
|
||||
color: $theme-color-default;
|
||||
}
|
||||
.arrow-down {
|
||||
display: none;
|
||||
}
|
||||
i{
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
&:before {
|
||||
font-family: $font-icon-2;
|
||||
content: "add";
|
||||
font-size: 15px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
text-align: center;
|
||||
}
|
||||
&[aria-expanded="true"] {
|
||||
.arrow-right {
|
||||
display: none;
|
||||
}
|
||||
.arrow-down {
|
||||
display: inline-block;
|
||||
}
|
||||
&:before{
|
||||
content: "remove";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.facets-title {
|
||||
color: $theme-color-secondary;
|
||||
}
|
||||
.products-selection {
|
||||
.filter-button {
|
||||
.btn-primary {
|
||||
padding: 7px 8px 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*** Responsive part ***/
|
||||
@include media-breakpoint-up(sm){
|
||||
.pagination{
|
||||
@include display(flex);
|
||||
}
|
||||
}
|
||||
@include media-breakpoint-down(sm) {
|
||||
#category {
|
||||
.sidebar {
|
||||
.block{
|
||||
display: none;
|
||||
}
|
||||
#search_filters_wrapper {
|
||||
margin-left: -10px;
|
||||
margin-right: -10px;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
background: #fff;
|
||||
}
|
||||
#search_filter_controls {
|
||||
text-align: center;
|
||||
button {
|
||||
margin: 5px 10px;
|
||||
font-size: 14px;
|
||||
width: calc(100% - 20px);
|
||||
padding: 8px;
|
||||
border-radius: 20px;
|
||||
.material-icons {
|
||||
font-size: 14px;
|
||||
vertical-align: -2px;
|
||||
}
|
||||
}
|
||||
margin: 5px 0;
|
||||
}
|
||||
#search_filters {
|
||||
margin-bottom: 0;
|
||||
@include box-shadow(none);
|
||||
padding: 0 0 50px;
|
||||
border-top: $main-border;
|
||||
display: block;
|
||||
.facet {
|
||||
.title {
|
||||
cursor: pointer;
|
||||
&:after {
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
.collapse-icons .remove {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.title[aria-expanded="true"] {
|
||||
.collapse-icons {
|
||||
.add {
|
||||
display: none;
|
||||
}
|
||||
.remove {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
border-bottom: $main-border;
|
||||
.facet-title {
|
||||
color: $gray-darker;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.h6 {
|
||||
margin-bottom: 0;
|
||||
padding: 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
.navbar-toggler {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
line-height: 30px;
|
||||
}
|
||||
.collapse {
|
||||
display: none;
|
||||
&.in {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.facet-label {
|
||||
a {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
ul {
|
||||
margin-bottom: 0;
|
||||
li {
|
||||
border-top: $main-border;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#search_filter_toggler {
|
||||
width: 100%;
|
||||
padding: 8px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
}
|
||||
.products-sort-order {
|
||||
.select-title {
|
||||
@include rtl-margin-left(0);
|
||||
}
|
||||
}
|
||||
.products-selection {
|
||||
h1 {
|
||||
padding-top: 0;
|
||||
text-align: center;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.showing {
|
||||
padding-top: 16px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
506
themes/at_movic/_dev/css/components/checkout.scss
Normal file
506
themes/at_movic/_dev/css/components/checkout.scss
Normal file
@@ -0,0 +1,506 @@
|
||||
body#checkout {
|
||||
[data-action="show-password"]{
|
||||
background: $gray-dark;
|
||||
}
|
||||
.custom-checkbox {
|
||||
@include display(flex);
|
||||
span {
|
||||
@include flex(0 0 15px);
|
||||
margin-top: 2px;
|
||||
}
|
||||
em{
|
||||
width: 500px;
|
||||
display: block;
|
||||
@media (max-width: 1199px){
|
||||
width: 300px;
|
||||
}
|
||||
@media (max-width: 780px){
|
||||
width: 240px;
|
||||
}
|
||||
}
|
||||
}
|
||||
section#content {
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
section.checkout-step {
|
||||
@include box-shadow(2px 2px 11px 0px rgba(0, 0, 0, 0.1));
|
||||
background-color: white;
|
||||
border: $main-border;
|
||||
padding: 15px;
|
||||
.step-title {
|
||||
text-transform: uppercase;
|
||||
cursor: pointer;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.content {
|
||||
padding: 0 37px;
|
||||
}
|
||||
.step-edit {
|
||||
text-transform: lowercase;
|
||||
font-weight: normal;
|
||||
.edit {
|
||||
font-size: $base-font-size;
|
||||
}
|
||||
}
|
||||
.not-allowed {
|
||||
cursor: not-allowed;
|
||||
@include opacity(0.5);
|
||||
}
|
||||
.content,
|
||||
.done,
|
||||
.step-edit {
|
||||
display: none;
|
||||
}
|
||||
&.-current {
|
||||
.content {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&.-current.-reachable.-complete {
|
||||
.done,
|
||||
.step-edit {
|
||||
display: none;
|
||||
}
|
||||
.step-number {
|
||||
display: inline-block;
|
||||
}
|
||||
.content {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
&.-reachable.-complete {
|
||||
h1 {
|
||||
.done {
|
||||
display: inline-block;
|
||||
}
|
||||
.step-number {
|
||||
display: none;
|
||||
}
|
||||
.step-edit {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
@include rtl-float-right();
|
||||
@include rtl-margin-right(2px);
|
||||
color: $gray;
|
||||
}
|
||||
}
|
||||
.content {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
small {
|
||||
color: $gray;
|
||||
}
|
||||
.default-input {
|
||||
min-width: 40%;
|
||||
&[name=address1],
|
||||
&[name=address2] {
|
||||
min-width: 60%;
|
||||
}
|
||||
}
|
||||
.radio-field {
|
||||
margin-top: 30px;
|
||||
label {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
.checkbox-field div {
|
||||
margin-top: 60px;
|
||||
}
|
||||
.checkbox-field + .checkbox-field div {
|
||||
margin-top: 0;
|
||||
}
|
||||
.select-field div {
|
||||
background: $gray-lighter;
|
||||
padding: 10px 50px;
|
||||
}
|
||||
.form-footer {
|
||||
text-align: center;
|
||||
}
|
||||
#conditions-to-approve {
|
||||
padding-top: 16px;
|
||||
}
|
||||
.payment-options {
|
||||
label {
|
||||
display: table-cell;
|
||||
}
|
||||
.custom-radio {
|
||||
@include rtl-margin-right($medium-space);
|
||||
}
|
||||
.payment-option {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
.step-number {
|
||||
display: inline-block;
|
||||
padding: 10px;
|
||||
}
|
||||
.address-selector {
|
||||
@include display(flex);
|
||||
@include justify-content(space-between);
|
||||
@include align-items(flex-start);
|
||||
@include flex-wrap(wrap);
|
||||
}
|
||||
.address-item {
|
||||
background: $gray-lighter;
|
||||
@include flex(0 0 49%);
|
||||
margin-bottom: $small-space;
|
||||
&.selected {
|
||||
background: white;
|
||||
border: $brand-primary 3px solid;
|
||||
}
|
||||
}
|
||||
.address-alias {
|
||||
display: inline-block;
|
||||
font-weight: 400;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.address {
|
||||
@include rtl-margin-left(25px);
|
||||
font-weight: normal;
|
||||
}
|
||||
.radio-block {
|
||||
padding: 15px;
|
||||
@include rtl-text-align-left();
|
||||
}
|
||||
.custom-radio {
|
||||
@include rtl-margin-right(0);
|
||||
input[type="radio"] {
|
||||
@include size(20px,20px);
|
||||
}
|
||||
}
|
||||
.delete-address,
|
||||
.edit-address {
|
||||
color: $gray;
|
||||
display: inline-block;
|
||||
margin: 0 5px;
|
||||
.delete,
|
||||
.edit {
|
||||
font-size: $base-font-size;
|
||||
}
|
||||
}
|
||||
hr {
|
||||
margin: 0;
|
||||
}
|
||||
.address-footer {
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
}
|
||||
#delivery-addresses,
|
||||
#invoice-addresses {
|
||||
margin-top: 20px;
|
||||
}
|
||||
.add-address {
|
||||
margin-top: 20px;
|
||||
a {
|
||||
color: $gray-darker;
|
||||
i {
|
||||
font-size: $font-size-lg;
|
||||
}
|
||||
}
|
||||
}
|
||||
.delivery-option {
|
||||
background: $gray-lighter;
|
||||
padding: 15px 0;
|
||||
margin: 0 0 25px;
|
||||
label {
|
||||
text-align: inherit;
|
||||
}
|
||||
}
|
||||
.carrier-delay,
|
||||
.carrier-name {
|
||||
display: inline-block;
|
||||
word-break: break-word;
|
||||
@include rtl-text-align-left();
|
||||
}
|
||||
#customer-form,
|
||||
#delivery-address,
|
||||
#invoice-address,
|
||||
#login-form {
|
||||
margin-left: 5px;
|
||||
margin-top: 25px;
|
||||
.form-control-label {
|
||||
@include rtl-text-align-left();
|
||||
}
|
||||
.radio-inline {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
.sign-in {
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
.forgot-password {
|
||||
margin-left: 230px;
|
||||
}
|
||||
}
|
||||
.additional-information {
|
||||
font-size: $font-size-sm;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.condition-label {
|
||||
margin-left: 40px;
|
||||
margin-top: 10px;
|
||||
label {
|
||||
text-align: inherit;
|
||||
display: block;
|
||||
clear: none;
|
||||
}
|
||||
}
|
||||
.cancel-address {
|
||||
margin: 10px;
|
||||
display: block;
|
||||
color: $gray-dark;
|
||||
text-decoration: underline;
|
||||
}
|
||||
#cart-summary-product-list {
|
||||
img {
|
||||
border: $gray-light 1px solid;
|
||||
width: 50px;
|
||||
}
|
||||
.media-body {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
#order-summary-content {
|
||||
padding-top: 15px;
|
||||
h4.h4 {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 13px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
h4.black {
|
||||
color: #000000;
|
||||
}
|
||||
h4.addresshead {
|
||||
margin-top: 3px;
|
||||
}
|
||||
.noshadow {
|
||||
box-shadow: none;
|
||||
}
|
||||
#order-items {
|
||||
@include rtl-border-right(0);
|
||||
h3.h3 {
|
||||
color: $gray-darker;
|
||||
margin-top: 20px;
|
||||
}
|
||||
table {
|
||||
tr {
|
||||
&:first-child {
|
||||
td {
|
||||
border-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.order-confirmation-table {
|
||||
padding: 1rem;
|
||||
margin-bottom: 2rem;
|
||||
background-color: #fff;
|
||||
border: 3px solid #e5e5e5;
|
||||
border-radius: 0;
|
||||
}
|
||||
.summary-selected-carrier {
|
||||
margin-bottom: 0.75rem;
|
||||
background-color: #fff;
|
||||
border: 1px solid #e5e5e5;
|
||||
border-radius: 0;
|
||||
padding: 1rem;
|
||||
}
|
||||
.step-edit {
|
||||
display: inline;
|
||||
color: $gray;
|
||||
font-size: 0;
|
||||
i{
|
||||
font-size: 14px;
|
||||
vertical-align: -2px;
|
||||
}
|
||||
}
|
||||
.step-edit:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
a {
|
||||
.step-edit {
|
||||
color: $gray;
|
||||
}
|
||||
}
|
||||
}
|
||||
#gift_message{
|
||||
max-width: 100%;
|
||||
border-color: $gray-darker;
|
||||
}
|
||||
}
|
||||
/**** ORDER CONFIRMATION *****/
|
||||
#order-details {
|
||||
padding-left: $large-space;
|
||||
> .card-title {
|
||||
margin-bottom: $large-space;
|
||||
}
|
||||
ul {
|
||||
margin-bottom: $medium-space;
|
||||
li {
|
||||
margin-bottom: $small-space;
|
||||
}
|
||||
}
|
||||
}
|
||||
#order-items {
|
||||
@include rtl-border-right($gray-light 1px solid);
|
||||
hr {
|
||||
border-top-color: $gray-darker;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
tr {
|
||||
height: $large-space;
|
||||
td {
|
||||
&:last-child {
|
||||
@include rtl-text-align-right();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.order-line {
|
||||
margin-top: 16px;
|
||||
}
|
||||
.image {
|
||||
img {
|
||||
width: 100%;
|
||||
border: 1px solid gray-lighter;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
.details {
|
||||
margin-bottom: 16px;
|
||||
.customizations {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
.qty {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
}
|
||||
#order-confirmation {
|
||||
#registration-form {
|
||||
width: 50%;
|
||||
margin: 0 auto 16px;
|
||||
}
|
||||
}
|
||||
@include media-breakpoint-down(md) {
|
||||
.done {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body#checkout section.checkout-step .address-item {
|
||||
@include flex-grow(1);
|
||||
}
|
||||
body#checkout section.checkout-step .delivery-option-2 {
|
||||
@include flex-direction(column);
|
||||
}
|
||||
.delivery-option {
|
||||
@include display(flex);
|
||||
margin: auto;
|
||||
.custom-radio {
|
||||
@include flex(0 0 auto);
|
||||
}
|
||||
}
|
||||
.condition-label {
|
||||
label[for="conditions_to_approve[terms-and-conditions]"] {
|
||||
@include rtl-text-align-left();
|
||||
}
|
||||
}
|
||||
#order-confirmation {
|
||||
#registration-form {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
|
||||
float: none;
|
||||
margin-top: 4px;
|
||||
margin-left: $medium-space;
|
||||
}
|
||||
body#checkout {
|
||||
#header .header-nav {
|
||||
max-height: none;
|
||||
padding: 0;
|
||||
}
|
||||
section.checkout-step {
|
||||
.content {
|
||||
padding: 15px;
|
||||
}
|
||||
}
|
||||
.form-group {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
#order-items {
|
||||
@include rtl-border-right(0);
|
||||
margin-bottom: 40px;
|
||||
.card-title {
|
||||
border-bottom: $main-border;
|
||||
margin-bottom: 16px;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
hr {
|
||||
border-top-color: $gray-light;
|
||||
}
|
||||
}
|
||||
#order-details {
|
||||
padding-left: 15px;
|
||||
.card-title {
|
||||
border-bottom: $main-border;
|
||||
margin-bottom: 16px;
|
||||
padding-bottom: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(xs) {
|
||||
body#checkout {
|
||||
section.checkout-step {
|
||||
.content {
|
||||
padding: 15px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
#payment-confirmation {
|
||||
button {
|
||||
font-size: 12px;
|
||||
&.btn {
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.cart-empty {
|
||||
.cart-summary {
|
||||
}
|
||||
}
|
||||
.js-payment-binary {
|
||||
display: none;
|
||||
.accept-cgv {
|
||||
display: none;
|
||||
}
|
||||
&.disabled {
|
||||
opacity: 0.6;
|
||||
cursor: not-allowed;
|
||||
&::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
pointer-events: none;
|
||||
}
|
||||
.accept-cgv {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
38
themes/at_movic/_dev/css/components/contact.scss
Normal file
38
themes/at_movic/_dev/css/components/contact.scss
Normal file
@@ -0,0 +1,38 @@
|
||||
.contact-rich {
|
||||
color: $gray-dark;
|
||||
margin-bottom: 32px;
|
||||
h4 {
|
||||
text-transform: uppercase;
|
||||
color: $gray-darker;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
.block {
|
||||
height: auto;
|
||||
overflow: hidden;
|
||||
.icon {
|
||||
@include rtl-float-left();
|
||||
width: 56px;
|
||||
i {
|
||||
font-size: 32px;
|
||||
}
|
||||
}
|
||||
.data {
|
||||
color: $gray-darker;
|
||||
font-size: $font-size-sm;
|
||||
width: auto;
|
||||
overflow: hidden;
|
||||
&.email{
|
||||
padding-top: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.contact-form {
|
||||
padding: 16px;
|
||||
color: $gray-dark;
|
||||
width: 100%;
|
||||
h3 {
|
||||
text-transform: uppercase;
|
||||
color: $gray-darker;
|
||||
}
|
||||
}
|
||||
1
themes/at_movic/_dev/css/components/custom-text.css
Normal file
1
themes/at_movic/_dev/css/components/custom-text.css
Normal file
@@ -0,0 +1 @@
|
||||
/*# sourceMappingURL=custom-text.css.map */
|
||||
1
themes/at_movic/_dev/css/components/custom-text.css.map
Normal file
1
themes/at_movic/_dev/css/components/custom-text.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":[],"names":[],"mappings":"","file":"custom-text.css"}
|
||||
375
themes/at_movic/_dev/css/components/customer.scss
Normal file
375
themes/at_movic/_dev/css/components/customer.scss
Normal file
@@ -0,0 +1,375 @@
|
||||
/*** SOME GENERIC STYLES ***/
|
||||
@mixin customer-area-base-box {
|
||||
@include box-shadow(none);
|
||||
background: white;
|
||||
padding: 16px;
|
||||
border: 0;
|
||||
}
|
||||
@mixin customer-area-box {
|
||||
@include customer-area-base-box;
|
||||
font-size: $font-size-sm;
|
||||
color: $gray-dark;
|
||||
}
|
||||
.table-labeled {
|
||||
th {
|
||||
vertical-align: middle;
|
||||
}
|
||||
td {
|
||||
vertical-align: middle;
|
||||
}
|
||||
.label {
|
||||
font-weight: 400;
|
||||
border-radius: 3px;
|
||||
font-size: inherit;
|
||||
padding: 4px 6px;
|
||||
margin: 2px;
|
||||
color: white;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
.page-order {
|
||||
.table {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
table {
|
||||
th {
|
||||
padding: 8px;
|
||||
}
|
||||
td {
|
||||
padding: 8px;
|
||||
}
|
||||
thead {
|
||||
th {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#authentication {
|
||||
.tooltip.tooltip-bottom {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.custom-checkbox {
|
||||
span {
|
||||
@include rtl-float-left();
|
||||
}
|
||||
label {
|
||||
@include rtl-padding(0,0,0,30px);
|
||||
}
|
||||
}
|
||||
[data-action="show-password"]{
|
||||
background: $gray-dark;
|
||||
border-radius: 0;
|
||||
&:hover{
|
||||
background: #333;
|
||||
}
|
||||
}
|
||||
}
|
||||
#identity,
|
||||
#authentication {
|
||||
.radio-inline {
|
||||
padding: 0;
|
||||
.custom-radio {
|
||||
margin-right: 0;
|
||||
vertical-align: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*** Most of the customer accpunt pages ***/
|
||||
.page-customer-account {
|
||||
#content {
|
||||
@include customer-area-box;
|
||||
.order-actions {
|
||||
a {
|
||||
padding: 0 2px;
|
||||
}
|
||||
}
|
||||
.forgot-password {
|
||||
text-align: center;
|
||||
font-size: $font-size-sm;
|
||||
margin-top: 16px;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.no-account {
|
||||
text-align: center;
|
||||
font-size: $base-font-size;
|
||||
}
|
||||
}
|
||||
}
|
||||
/*** Login page ***/
|
||||
.page-authentication {
|
||||
#content {
|
||||
@include customer-area-base-box;
|
||||
max-width: 640px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
/*** Addresses page ***/
|
||||
.page-addresses {
|
||||
.address {
|
||||
@include box-shadow(2px 2px 11px 0px rgba(0, 0, 0, 0.1));
|
||||
background: white;
|
||||
margin-bottom: 30px;
|
||||
font-size: $font-size-sm;
|
||||
color: $gray-darker;
|
||||
.address-body {
|
||||
padding: 16px;
|
||||
h4 {
|
||||
font-size: $base-font-size;
|
||||
}
|
||||
address {
|
||||
min-height: 144px;
|
||||
}
|
||||
}
|
||||
.address-footer {
|
||||
border-top: 1px solid #efefef;
|
||||
padding: 8px 16px;
|
||||
a {
|
||||
color: $gray-dark;
|
||||
margin-right: 8px;
|
||||
&:hover {
|
||||
color: $gray-darker;
|
||||
}
|
||||
i {
|
||||
font-size: $base-font-size;
|
||||
}
|
||||
span {
|
||||
font-size: $font-size-lg;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.addresses-footer {
|
||||
margin: 0 15px;
|
||||
a {
|
||||
color: $gray-darker;
|
||||
&:hover {
|
||||
color: $gray-darker;
|
||||
}
|
||||
i {
|
||||
font-size: $base-font-size;
|
||||
}
|
||||
span {
|
||||
font-size: $base-font-size;
|
||||
vertical-align: middle;
|
||||
margin-top: $small-space;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/*** Order details page ***/
|
||||
.page-order-detail {
|
||||
font-size: 13px;
|
||||
color: $gray-dark;
|
||||
.box {
|
||||
@include customer-area-base-box;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
h3 {
|
||||
font-size: $base-font-size;
|
||||
text-transform: uppercase;
|
||||
color: $gray-darker;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
#order-infos {
|
||||
ul {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
#order-history {
|
||||
.history-lines {
|
||||
.history-line {
|
||||
padding: 8px 0;
|
||||
border-bottom: 1px solid $gray-lighter;
|
||||
&:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
.label {
|
||||
display: inline-block;
|
||||
margin: 4px 0;
|
||||
padding: 4px 6px;
|
||||
color: white;
|
||||
border-radius: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.addresses {
|
||||
margin: 0 -15px;
|
||||
h4 {
|
||||
font-size: $base-font-size;
|
||||
}
|
||||
}
|
||||
#order-products {
|
||||
&.return {
|
||||
margin-bottom: 16px;
|
||||
th {
|
||||
&.head-checkbox {
|
||||
width: 30px;
|
||||
}
|
||||
}
|
||||
td {
|
||||
padding: 1.375rem 0.75rem;
|
||||
&.qty {
|
||||
min-width: 125px;
|
||||
.current {
|
||||
width: 30%;
|
||||
float: left;
|
||||
text-align: right;
|
||||
padding-right: 0.5rem;
|
||||
}
|
||||
.select {
|
||||
width: 70%;
|
||||
float: left;
|
||||
margin: -0.625rem 0;
|
||||
padding-left: 0.25rem;
|
||||
select {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.order-items {
|
||||
padding: 0 !important;
|
||||
.order-item {
|
||||
padding: 16px 16px 0;
|
||||
border-bottom: 1px solid $gray-lighter;
|
||||
.checkbox {
|
||||
width: 30px;
|
||||
float: left;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.content {
|
||||
width: calc(100% - 30px);
|
||||
float: left;
|
||||
padding: 0 15px;
|
||||
}
|
||||
.desc {
|
||||
.name {
|
||||
}
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
.qty {
|
||||
margin-bottom: 16px;
|
||||
.q {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.s {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.messages {
|
||||
.message {
|
||||
margin-top: 8px;
|
||||
border-bottom: 1px solid $gray-lighter;
|
||||
&:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
> div {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.customization {
|
||||
margin-top: 12px;
|
||||
}
|
||||
}
|
||||
/*** Order return page ***/
|
||||
#order-return-infos {
|
||||
.thead-default th {
|
||||
color: $gray-darker;
|
||||
}
|
||||
.customization {
|
||||
margin-top: 12px;
|
||||
}
|
||||
}
|
||||
/*** My account landing page ***/
|
||||
.page-my-account {
|
||||
#content {
|
||||
.links {
|
||||
&:after {
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
a {
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
font-size: $base-font-size;
|
||||
text-transform: uppercase;
|
||||
color: $gray-dark;
|
||||
padding: 0 10px;
|
||||
margin: 15px 0;
|
||||
span.link-item {
|
||||
display: block;
|
||||
height: 100%;
|
||||
@include customer-area-base-box;
|
||||
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
i {
|
||||
display: block;
|
||||
font-size: 2.6rem;
|
||||
width: 100%;
|
||||
color: $gray-darker;
|
||||
padding-bottom: 3.4rem;
|
||||
}
|
||||
&:hover {
|
||||
color: $gray-darker;
|
||||
i {
|
||||
color: $brand-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.page-footer {
|
||||
.text-sm-center{
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
/*** History page ***/
|
||||
#history {
|
||||
.orders {
|
||||
margin: 0 -16px;
|
||||
.order {
|
||||
a {
|
||||
h3 {
|
||||
color: $gray-dark;
|
||||
}
|
||||
}
|
||||
padding: 12px 16px;
|
||||
border-bottom: 1px solid $gray-lighter;
|
||||
.label {
|
||||
display: inline-block;
|
||||
margin: 4px 0;
|
||||
padding: 4px 6px;
|
||||
color: white;
|
||||
border-radius: 3px;
|
||||
}
|
||||
&:last-child {
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*** FOOTER ***/
|
||||
.page-footer {
|
||||
.account-link {
|
||||
margin-right: 16px;
|
||||
i {
|
||||
font-size: $base-font-size;
|
||||
}
|
||||
span {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
22
themes/at_movic/_dev/css/components/customization-modal.scss
Normal file
22
themes/at_movic/_dev/css/components/customization-modal.scss
Normal file
@@ -0,0 +1,22 @@
|
||||
.customization-modal {
|
||||
.modal-content {
|
||||
border-radius: 0;
|
||||
border: 1px solid $gray-lighter;
|
||||
.modal-body {
|
||||
padding-top: 0;
|
||||
.product-customization-line {
|
||||
.label {
|
||||
font-weight: 600;
|
||||
text-align: right;
|
||||
}
|
||||
padding-bottom: 15px;
|
||||
padding-top: 15px;
|
||||
border-bottom: 1px solid $gray-lighter;
|
||||
&:last-child {
|
||||
padding-bottom: 0;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
33
themes/at_movic/_dev/css/components/drop-down.scss
Normal file
33
themes/at_movic/_dev/css/components/drop-down.scss
Normal file
@@ -0,0 +1,33 @@
|
||||
.dropdown{
|
||||
color:$gray;
|
||||
&:hover .expand-more{
|
||||
color: $brand-primary;
|
||||
}
|
||||
.expand-more{
|
||||
color: $gray-darker;
|
||||
cursor: pointer;
|
||||
@include user-select(none);
|
||||
|
||||
}
|
||||
|
||||
.active{
|
||||
max-height: 200px;
|
||||
overflow-y: hidden;
|
||||
//visibility: visible;
|
||||
}
|
||||
|
||||
select {
|
||||
-moz-appearance: none;
|
||||
border: 0 none;
|
||||
outline: 0 none;
|
||||
color: $gray-darker;
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-item:focus, .dropdown-item:hover {
|
||||
background: none;
|
||||
text-decoration: none;
|
||||
color: $brand-primary;
|
||||
}
|
||||
|
||||
22
themes/at_movic/_dev/css/components/errors.scss
Normal file
22
themes/at_movic/_dev/css/components/errors.scss
Normal file
@@ -0,0 +1,22 @@
|
||||
#products,
|
||||
#pagenotfound {
|
||||
#main {
|
||||
.page-header {
|
||||
margin: 32px 0 48px;
|
||||
}
|
||||
}
|
||||
.page-not-found {
|
||||
background: white;
|
||||
padding: 16px;
|
||||
font-size: $font-size-sm;
|
||||
color: $gray-dark;
|
||||
max-width: 570px;
|
||||
margin: 0 auto;
|
||||
.search-widget {
|
||||
float: none;
|
||||
input {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
174
themes/at_movic/_dev/css/components/featuredproducts.scss
Normal file
174
themes/at_movic/_dev/css/components/featuredproducts.scss
Normal file
@@ -0,0 +1,174 @@
|
||||
#products,.featured-products,.product-accessories {
|
||||
.products {
|
||||
@include display(flex);
|
||||
@include flex-wrap(wrap);
|
||||
@include justify-content(flex-start);
|
||||
}
|
||||
.product-thumbnail {
|
||||
display: block;
|
||||
}
|
||||
.product-title a {
|
||||
color: $gray;
|
||||
font-size: $font-size-sm;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
}
|
||||
.thumbnail-container {
|
||||
position: relative;
|
||||
margin-bottom: em(25px);
|
||||
height: 318px;
|
||||
width: 257px;
|
||||
background: white;
|
||||
box-shadow: 0 0 5px 3px rgba(0,0,0,0.05);
|
||||
&:hover {
|
||||
@include box-shadow(2px 2px 11px 0px rgba(0, 0, 0, 0.1));
|
||||
.highlighted-informations {
|
||||
bottom: 90px;
|
||||
&::after {
|
||||
opacity: 1;
|
||||
}
|
||||
&.no-variants{
|
||||
bottom: 70px;
|
||||
}
|
||||
}
|
||||
.product-description{
|
||||
box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
.products-section-title {
|
||||
text-align: center;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
.product-title {
|
||||
text-align: center;
|
||||
text-transform: capitalize;
|
||||
margin-top: 16px;
|
||||
}
|
||||
.product-price-and-shipping {
|
||||
color: $gray-darker;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
}
|
||||
.variant-links {
|
||||
background: $gray-light;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
top: 0.25em;
|
||||
padding-top: 3px;
|
||||
min-height: 40px;
|
||||
}
|
||||
.highlighted-informations {
|
||||
position: absolute;
|
||||
bottom: 20px;
|
||||
z-index: 0;
|
||||
background: white;
|
||||
text-align: center;
|
||||
width: 257px;
|
||||
height: 50px;
|
||||
padding-top: 5px;
|
||||
box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.2);
|
||||
transition: bottom .3s;
|
||||
.quick-view {
|
||||
color: $gray-dark;
|
||||
font-size: $base-font-size;
|
||||
&:hover {
|
||||
color: $brand-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.product-description {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
background: white;
|
||||
width: 257px;
|
||||
bottom: 0;
|
||||
height: 70px;
|
||||
}
|
||||
img {
|
||||
margin-left: 4px;
|
||||
}
|
||||
|
||||
.product-miniature {
|
||||
margin: 0 10px;
|
||||
.discount {
|
||||
display: none;
|
||||
}
|
||||
.product-flags .new,
|
||||
.online-only,
|
||||
.on-sale,
|
||||
.discount-percentage {
|
||||
display: block;
|
||||
position: absolute;
|
||||
left: -7px;
|
||||
top:7px;
|
||||
padding: 5px 7px;
|
||||
color: white;
|
||||
background: $brand-primary;
|
||||
text-transform: uppercase;
|
||||
min-width: 50px;
|
||||
min-height: 30px;
|
||||
font-size: $base-font-size;
|
||||
font-weight: 400;
|
||||
@include box-shadow(2px 2px 11px 0px rgba(0, 0, 0, 0.1));
|
||||
&.discount-percentage {
|
||||
z-index: 2;
|
||||
background: $brand-secondary;
|
||||
}
|
||||
&.on-sale{
|
||||
background: $brand-secondary;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
left:0;
|
||||
top:0;
|
||||
}
|
||||
&.online-only {
|
||||
font-size: $font-size-xs;
|
||||
margin-top: 208px;
|
||||
margin-left: 139px;
|
||||
&::before{
|
||||
content:"\E30A";
|
||||
font-family: 'Material Icons';
|
||||
vertical-align: middle;
|
||||
margin: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.comments_note {
|
||||
text-align: center;
|
||||
color: $gray;
|
||||
}
|
||||
.regular-price {
|
||||
color: $gray;
|
||||
text-decoration: line-through;
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
.count {
|
||||
color: $gray-dark;
|
||||
font-weight: 700;
|
||||
position: relative;
|
||||
bottom: 8px;
|
||||
}
|
||||
.all-product-link {
|
||||
clear: both;
|
||||
color: $gray-dark;
|
||||
font-weight: 700;
|
||||
margin-top: 24px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(sm) {
|
||||
#products,.featured-products,.product-accessories {
|
||||
.thumbnail-container {
|
||||
@include box-shadow(2px 2px 11px 0px rgba(0, 0, 0, 0.1));
|
||||
.product-description{
|
||||
box-shadow: 0 -5px 10px -5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
175
themes/at_movic/_dev/css/components/footer.scss
Normal file
175
themes/at_movic/_dev/css/components/footer.scss
Normal file
@@ -0,0 +1,175 @@
|
||||
// Module Footer
|
||||
.block_newsletter {
|
||||
p {
|
||||
padding-top: 14px;
|
||||
}
|
||||
.input-wrapper {
|
||||
@include display(flex);
|
||||
@include align-items(center);
|
||||
position: relative;
|
||||
input{
|
||||
height: 50px;
|
||||
padding: 10px 10px;
|
||||
height: 50px;
|
||||
border: 1px solid #f8f8f8;
|
||||
background: #f8f8f8;
|
||||
@include rtl-border-right(0px);
|
||||
width: 100%;
|
||||
outline: 0;
|
||||
&:focus,
|
||||
&:hover{
|
||||
border-color: #f8f8f8;
|
||||
}
|
||||
}
|
||||
button{
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
padding: 0 18px;
|
||||
text-transform: uppercase;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
border: 1px solid #000;
|
||||
background: #000;
|
||||
@include border-radius(0);
|
||||
@include transition(all .4s);
|
||||
&:hover{
|
||||
background: #666;
|
||||
border-color: #666;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.col-notice{
|
||||
color: #a9a9a9;
|
||||
font-size: 13px;
|
||||
span{
|
||||
color: #f00;
|
||||
@include rtl-padding(0,5px,0,0);
|
||||
}
|
||||
}
|
||||
}
|
||||
// Block Contact Info
|
||||
.block-contact{
|
||||
ul{
|
||||
li{
|
||||
@include display(flex);
|
||||
line-height: 1.625rem;
|
||||
}
|
||||
}
|
||||
.fa{
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
width: 2.5rem;
|
||||
margin-top: 4px;
|
||||
}
|
||||
}
|
||||
// Block CMS
|
||||
|
||||
// Block Social
|
||||
.block-social {
|
||||
padding: 10px 0px;
|
||||
ul{
|
||||
margin-bottom: 0px;
|
||||
@media (max-width: 1199px) {
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
@include size(30px,30px);
|
||||
&:hover {
|
||||
color: #000;
|
||||
}
|
||||
a {
|
||||
white-space: nowrap;
|
||||
text-indent: 100%;
|
||||
overflow: hidden;
|
||||
display: none;
|
||||
&:hover {
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
&:before{
|
||||
content: "";
|
||||
font-family: $font-icon;
|
||||
font-size: 14px;
|
||||
}
|
||||
&.facebook{
|
||||
&:before{
|
||||
content: "\f09a";
|
||||
}
|
||||
}
|
||||
&.twitter{
|
||||
&:before{
|
||||
content: "\f099";
|
||||
}
|
||||
}
|
||||
&.rss{
|
||||
&:before{
|
||||
content: "\f09e";
|
||||
}
|
||||
}
|
||||
&.youtube{
|
||||
&:before{
|
||||
content: "\f16a";
|
||||
}
|
||||
}
|
||||
&.googleplus{
|
||||
&:before{
|
||||
content: "\f0d5";
|
||||
}
|
||||
}
|
||||
&.pinterest{
|
||||
&:before{
|
||||
content: "\f0d2";
|
||||
}
|
||||
}
|
||||
&.vimeo{
|
||||
&:before{
|
||||
content: "\f27d";
|
||||
}
|
||||
}
|
||||
&.instagram{
|
||||
&:before{
|
||||
content: "\f16d";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Responsive Footer
|
||||
#index{
|
||||
.footer-container{
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
.footer-container{
|
||||
position: relative;
|
||||
.ApColumn .title_block {
|
||||
margin: 0 0 20px;
|
||||
font-size: 13px;
|
||||
@media (max-width: 767px) {
|
||||
margin: 0;
|
||||
line-height: 30px;
|
||||
}
|
||||
}
|
||||
.ApLink{
|
||||
li{
|
||||
a{
|
||||
display: inline-block;
|
||||
line-height: 20px;
|
||||
padding: 8px 0;
|
||||
vertical-align: top;
|
||||
transition: all .4s;
|
||||
&:hover{
|
||||
transform: translateX(5px);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
51
themes/at_movic/_dev/css/components/forgotten-password.scss
Normal file
51
themes/at_movic/_dev/css/components/forgotten-password.scss
Normal file
@@ -0,0 +1,51 @@
|
||||
@import "theme_variables";
|
||||
|
||||
.forgotten-password {
|
||||
padding: 4px;
|
||||
|
||||
.form-fields {
|
||||
|
||||
.center-email-fields {
|
||||
@include display(flex);
|
||||
@include justify-content(center);
|
||||
|
||||
@media (max-width: 767px) {
|
||||
flex-direction: column;
|
||||
|
||||
button {
|
||||
margin: 10px;
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
}
|
||||
|
||||
button {
|
||||
height: 38px;
|
||||
}
|
||||
}
|
||||
|
||||
.email {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
width: 430px;
|
||||
|
||||
@media (max-width: 767px) {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input {
|
||||
height: 38px;
|
||||
}
|
||||
}
|
||||
|
||||
label.required {
|
||||
width: 130px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.send-renew-password-link {
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
58
themes/at_movic/_dev/css/components/imageslider.scss
Normal file
58
themes/at_movic/_dev/css/components/imageslider.scss
Normal file
@@ -0,0 +1,58 @@
|
||||
.homeslider{
|
||||
.carousel {
|
||||
@include box-shadow(1px 1px 7px 0 rgba(0, 0, 0, 0.15));
|
||||
margin-bottom: 24px;
|
||||
.direction {
|
||||
z-index: auto;
|
||||
}
|
||||
.carousel-inner {
|
||||
height: 340px;
|
||||
}
|
||||
.carousel-item {
|
||||
height: 100%;
|
||||
img {
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.caption {
|
||||
position: absolute;
|
||||
bottom: 28px;
|
||||
left: 90px;
|
||||
color: white;
|
||||
max-width: 340px;
|
||||
.caption-description p {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
.carousel-control {
|
||||
opacity: 1;
|
||||
.icon-next,
|
||||
.icon-prev {
|
||||
&::before {
|
||||
content: "";
|
||||
}
|
||||
i {
|
||||
font-size: 50px;
|
||||
color: white;
|
||||
}
|
||||
&:hover {
|
||||
i {
|
||||
color: $brand-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.icon-prev {
|
||||
left: 16px;
|
||||
}
|
||||
.icon-next {
|
||||
right: 32px;
|
||||
}
|
||||
&.left,
|
||||
&.right {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
35
themes/at_movic/_dev/css/components/index.php
Normal file
35
themes/at_movic/_dev/css/components/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
|
||||
|
||||
header('Cache-Control: no-store, no-cache, must-revalidate');
|
||||
header('Cache-Control: post-check=0, pre-check=0', false);
|
||||
header('Pragma: no-cache');
|
||||
|
||||
header('Location: ../');
|
||||
exit;
|
||||
170
themes/at_movic/_dev/css/components/mainmenu.scss
Normal file
170
themes/at_movic/_dev/css/components/mainmenu.scss
Normal file
@@ -0,0 +1,170 @@
|
||||
.top-menu {
|
||||
&[data-depth="1"] {
|
||||
margin: 10px;
|
||||
}
|
||||
a:not([data-depth="0"]) {
|
||||
display: block;
|
||||
padding: 10px;
|
||||
color: $gray;
|
||||
font-weight: 400;
|
||||
}
|
||||
a.dropdown-submenu {
|
||||
color: $gray-darker;
|
||||
text-transform: uppercase;
|
||||
font-weight: 400;
|
||||
}
|
||||
a[data-depth="0"] {
|
||||
font-weight: 400;
|
||||
padding: 3px $small-space 6px;
|
||||
&:hover {
|
||||
#header & {
|
||||
color: $brand-primary;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
a[data-depth="1"],
|
||||
a[data-depth="2"] {
|
||||
padding: 0 10px 10px 0;
|
||||
}
|
||||
.collapse {
|
||||
display: inherit;
|
||||
}
|
||||
.sub-menu {
|
||||
&.collapse {
|
||||
display: none;
|
||||
}
|
||||
box-shadow: 2px 1px 11px 2px rgba(0, 0, 0, 0.1);
|
||||
border: none;
|
||||
margin-left: 15px;
|
||||
width: calc(100% - 30px);
|
||||
min-width: calc(100% - 30px);
|
||||
z-index: 18;
|
||||
display: none;
|
||||
ul[data-depth="1"] > li {
|
||||
float: left;
|
||||
margin: 0 20px;
|
||||
}
|
||||
a:hover {
|
||||
color: $brand-primary;
|
||||
}
|
||||
}
|
||||
.popover {
|
||||
max-width: inherit;
|
||||
}
|
||||
}
|
||||
.popover.bs-tether-element-attached-top {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
#mobile_top_menu_wrapper {
|
||||
margin-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
background: white;
|
||||
#top-menu {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.top-menu {
|
||||
color: $gray-darker;
|
||||
.collapse-icons[aria-expanded="true"] {
|
||||
.add {
|
||||
display: none;
|
||||
}
|
||||
.remove {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.collapse-icons .remove {
|
||||
display: none;
|
||||
}
|
||||
.navbar-toggler {
|
||||
display: inline-block;
|
||||
padding: 0;
|
||||
}
|
||||
a[data-depth="0"] {
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid $gray-lighter;
|
||||
}
|
||||
.collapse {
|
||||
display: none;
|
||||
&.in {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.sub-menu {
|
||||
&.collapse {
|
||||
display: none;
|
||||
&.in {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
box-shadow: none;
|
||||
z-index: inherit;
|
||||
display: block;
|
||||
position: static;
|
||||
overflow: hidden;
|
||||
margin-left: 0;
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
background: $gray-lighter;
|
||||
ul[data-depth="0"] > li {
|
||||
border-bottom: 1px solid $gray;
|
||||
}
|
||||
ul[data-depth="1"] {
|
||||
margin: 0;
|
||||
> li {
|
||||
float: none;
|
||||
margin: 0;
|
||||
a {
|
||||
text-transform: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
ul {
|
||||
padding: 0;
|
||||
}
|
||||
li > a {
|
||||
padding: 10px;
|
||||
border-bottom: 1px solid white;
|
||||
font-weight: 600;
|
||||
}
|
||||
ul[data-depth="2"] li a {
|
||||
padding-left: 20px;
|
||||
}
|
||||
ul[data-depth="3"] li a {
|
||||
padding-left: 40px;
|
||||
}
|
||||
ul[data-depth="4"] li a {
|
||||
padding-left: 60px;
|
||||
}
|
||||
}
|
||||
.popover {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
.js-top-menu-bottom {
|
||||
a {
|
||||
color: $gray;
|
||||
}
|
||||
.language-selector-wrapper {
|
||||
padding: 10px;
|
||||
.language-selector {
|
||||
display: inline;
|
||||
}
|
||||
}
|
||||
.currency-selector {
|
||||
padding: 10px;
|
||||
}
|
||||
#contact-link {
|
||||
padding: 10px;
|
||||
}
|
||||
.user-info {
|
||||
padding: 0 10px;
|
||||
a {
|
||||
padding: 10px 0;
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
1898
themes/at_movic/_dev/css/components/products.scss
Normal file
1898
themes/at_movic/_dev/css/components/products.scss
Normal file
File diff suppressed because it is too large
Load Diff
73
themes/at_movic/_dev/css/components/quickview.scss
Normal file
73
themes/at_movic/_dev/css/components/quickview.scss
Normal file
@@ -0,0 +1,73 @@
|
||||
@import "theme_variables";
|
||||
|
||||
.quickview {
|
||||
.modal-dialog {
|
||||
width: calc(100% - 40px);
|
||||
max-width: 64rem;
|
||||
}
|
||||
.modal-content {
|
||||
min-height: 31.25rem;
|
||||
}
|
||||
.modal-header {
|
||||
border: none;
|
||||
padding: 10px;
|
||||
background: none;
|
||||
}
|
||||
.modal-body {
|
||||
min-height: 28.88rem;
|
||||
}
|
||||
.modal-footer {
|
||||
border-top: 1px solid rgba($gray,.3);
|
||||
}
|
||||
.layer {
|
||||
display: none;
|
||||
}
|
||||
.product-cover img {
|
||||
width: 95%;
|
||||
}
|
||||
.arrows-product-fake{
|
||||
display: none;
|
||||
}
|
||||
.images-container {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
text-align: center;
|
||||
.product-cover{
|
||||
@include rtl-padding-right(90px);
|
||||
}
|
||||
.product-thumb-images{
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 0px;
|
||||
width: 80px;
|
||||
z-index: 9;
|
||||
}
|
||||
}
|
||||
.product-thumb-images {
|
||||
position: relative;
|
||||
.slick-list{
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
.slick-slide{
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.social-sharing {
|
||||
margin: 0;
|
||||
}
|
||||
.product-flags{
|
||||
@include rtl-text-align-left();
|
||||
li.product-flag span{
|
||||
margin: 2px 5px;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
display: inline-block;
|
||||
padding-bottom: 2px;
|
||||
border-bottom: 1px solid;
|
||||
margin-bottom: 5px;
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
13
themes/at_movic/_dev/css/components/renew-password.scss
Normal file
13
themes/at_movic/_dev/css/components/renew-password.scss
Normal file
@@ -0,0 +1,13 @@
|
||||
@import "theme_variables";
|
||||
|
||||
.renew-password {
|
||||
margin-left: 10px;
|
||||
|
||||
.email {
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
[type=submit] {
|
||||
margin-left: 50px;
|
||||
}
|
||||
}
|
||||
118
themes/at_movic/_dev/css/components/search-widget.scss
Normal file
118
themes/at_movic/_dev/css/components/search-widget.scss
Normal file
@@ -0,0 +1,118 @@
|
||||
@import "theme_variables";
|
||||
|
||||
#search_widget {
|
||||
&.open{
|
||||
a.popup-title i:before{
|
||||
content: "\e646";
|
||||
}
|
||||
}
|
||||
.popup-content{
|
||||
padding: 15px;
|
||||
}
|
||||
.search-inner{
|
||||
position: relative;
|
||||
input[type="text"]{
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
padding: 0;
|
||||
min-width: 220px;
|
||||
border: 0;
|
||||
outline: none;
|
||||
border-bottom: 1px solid #ccc;
|
||||
color: #000;
|
||||
@include rtl-padding(0,40px,0,0);
|
||||
&:focus{
|
||||
border-color: #000;
|
||||
&+button[type="submit"]{
|
||||
i:before{
|
||||
content: "\e628";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
button[type="submit"]{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
border: 0;
|
||||
padding: 0;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
background: none;
|
||||
outline: none;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
i{
|
||||
vertical-align: middle;
|
||||
font-size: 21px;
|
||||
color: #000;
|
||||
}
|
||||
&:hover{
|
||||
i:before{
|
||||
content: "\e628";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#checkout {
|
||||
#search_widget {
|
||||
display: none; /* Not ideal solution by allows to reuse same hooks/templates */
|
||||
}
|
||||
}
|
||||
|
||||
#pagenotfound {
|
||||
.page-content {
|
||||
#search_widget {
|
||||
width: 100%;
|
||||
.popup-content{
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
#main{
|
||||
#search_widget{
|
||||
a.popup-title{
|
||||
display: none;
|
||||
}
|
||||
.popup-content{
|
||||
position: static;
|
||||
display: block !important;
|
||||
@include opacity(1);
|
||||
width: 100%;
|
||||
float: none;
|
||||
@include box-shadow(none);
|
||||
z-index: 1;
|
||||
}
|
||||
.search-inner{
|
||||
position: relative;
|
||||
}
|
||||
input[type=text]{
|
||||
@include rtl-padding(0,50px,0,0);
|
||||
height: 40px;
|
||||
line-height: 1;
|
||||
outline: 0;
|
||||
&:focus{
|
||||
border-color: $theme-color-default;
|
||||
}
|
||||
}
|
||||
button[type=submit]{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
bottom: 0;
|
||||
top: auto;
|
||||
@include rtl-right(0);
|
||||
background: none;
|
||||
color: #333;
|
||||
i{
|
||||
font-size: 14px;
|
||||
}
|
||||
&:hover{
|
||||
background: $theme-color-default;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
40
themes/at_movic/_dev/css/components/sitemap.scss
Normal file
40
themes/at_movic/_dev/css/components/sitemap.scss
Normal file
@@ -0,0 +1,40 @@
|
||||
@import "theme_variables";
|
||||
|
||||
.sitemap-title {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
.sitemap {
|
||||
margin-top: 0.9375rem;
|
||||
|
||||
h2 {
|
||||
color: #414141;
|
||||
text-transform: uppercase;
|
||||
font-size: 1.1rem;
|
||||
font-weight: 600;
|
||||
border-bottom: 1px solid #acaaa6;
|
||||
margin-left: -15px;
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-left: -15px;
|
||||
margin-top: 20px;
|
||||
|
||||
&.nested {
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
li {
|
||||
font-size: 0.9rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include media-breakpoint-down(xs) {
|
||||
.sitemap {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
104
themes/at_movic/_dev/css/components/stores.scss
Normal file
104
themes/at_movic/_dev/css/components/stores.scss
Normal file
@@ -0,0 +1,104 @@
|
||||
#stores {
|
||||
.page-stores {
|
||||
.store-item {
|
||||
padding-left: 12px;
|
||||
padding-right: 12px;
|
||||
}
|
||||
width: 85%;
|
||||
margin: 0 auto;
|
||||
.store-picture {
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
.store-item-container {
|
||||
@include display(flex);
|
||||
@include justify-content(space-around);
|
||||
@include align-items(center);
|
||||
padding: $large-space 0;
|
||||
ul {
|
||||
margin-bottom: 0;
|
||||
font-size: $font-size-lg;
|
||||
}
|
||||
.divide-left {
|
||||
@include rtl-border-left($gray-light 1px solid);
|
||||
tr {
|
||||
height: 25px;
|
||||
}
|
||||
td {
|
||||
padding-left: 6px;
|
||||
}
|
||||
th {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
.store-description{
|
||||
font-size: $base-font-size;
|
||||
}
|
||||
}
|
||||
.store-item-footer {
|
||||
margin-top: 8px;
|
||||
padding-top: 8px;
|
||||
@include display(flex);
|
||||
@include justify-content(space-around);
|
||||
&.divide-top {
|
||||
border-top: $gray-light 1px solid;
|
||||
}
|
||||
div:first-child {
|
||||
@include flex(0 0 65%);
|
||||
}
|
||||
i.material-icons{
|
||||
margin-right: $small-space;
|
||||
color: $gray;
|
||||
font-size: $base-font-size;
|
||||
}
|
||||
li{
|
||||
margin-bottom: $small-space;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*** Responsive part ***/
|
||||
@include media-breakpoint-down(sm) {
|
||||
#stores {
|
||||
.page-stores {
|
||||
width: 100%;
|
||||
.store-item-container {
|
||||
padding: 16px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@include media-breakpoint-down(xs) {
|
||||
#stores {
|
||||
.page-stores {
|
||||
.store-item-container {
|
||||
display: block;
|
||||
.divide-left {
|
||||
@include rtl-border-left(none);
|
||||
}
|
||||
.store-description {
|
||||
a {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
address {
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.store-item-footer {
|
||||
display: block;
|
||||
&.divide-top {
|
||||
border-top: $gray-light 1px solid;
|
||||
}
|
||||
li{
|
||||
margin-bottom: $small-space;
|
||||
}
|
||||
.card-block {
|
||||
padding: 12px 12px 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
35
themes/at_movic/_dev/css/index.php
Normal file
35
themes/at_movic/_dev/css/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
|
||||
|
||||
header('Cache-Control: no-store, no-cache, must-revalidate');
|
||||
header('Cache-Control: post-check=0, pre-check=0', false);
|
||||
header('Pragma: no-cache');
|
||||
|
||||
header('Location: ../');
|
||||
exit;
|
||||
8
themes/at_movic/_dev/css/partials/_bootstrap-flex.scss
Normal file
8
themes/at_movic/_dev/css/partials/_bootstrap-flex.scss
Normal file
@@ -0,0 +1,8 @@
|
||||
// Bootstrap with Flexbox enabled
|
||||
//
|
||||
// Includes all the imports from the standard Bootstrap project, but enables
|
||||
// the flexbox variable.
|
||||
|
||||
$enable-flex: false;
|
||||
|
||||
@import "bootstrap";
|
||||
22
themes/at_movic/_dev/css/partials/_bootstrap-grid.scss
Normal file
22
themes/at_movic/_dev/css/partials/_bootstrap-grid.scss
Normal file
@@ -0,0 +1,22 @@
|
||||
// Bootstrap Grid only
|
||||
//
|
||||
// Includes relevant variables and mixins for the regular (non-flexbox) grid
|
||||
// system, as well as the generated predefined classes (e.g., `.col-4-sm`).
|
||||
|
||||
|
||||
//
|
||||
// Variables
|
||||
//
|
||||
|
||||
@import "_variables";
|
||||
|
||||
//
|
||||
// Grid mixins
|
||||
//
|
||||
|
||||
@import "../bootstrap/mixins/clearfix";
|
||||
@import "../bootstrap/mixins/breakpoints";
|
||||
@import "../bootstrap/mixins/grid-framework";
|
||||
@import "../bootstrap/mixins/grid";
|
||||
|
||||
@import "../bootstrap/grid";
|
||||
10
themes/at_movic/_dev/css/partials/_bootstrap-reboot.scss
Normal file
10
themes/at_movic/_dev/css/partials/_bootstrap-reboot.scss
Normal file
@@ -0,0 +1,10 @@
|
||||
// Bootstrap Reboot only
|
||||
//
|
||||
// Includes only Normalize and our custom Reboot reset.
|
||||
|
||||
@import "_variables";
|
||||
@import "../bootstrap/mixins/hover";
|
||||
@import "../bootstrap/mixins/tab-focus";
|
||||
|
||||
@import "../bootstrap/normalize";
|
||||
@import "../bootstrap/reboot";
|
||||
54
themes/at_movic/_dev/css/partials/_bootstrap.scss
Normal file
54
themes/at_movic/_dev/css/partials/_bootstrap.scss
Normal file
@@ -0,0 +1,54 @@
|
||||
/*!
|
||||
* Bootstrap v4.0.0-alpha.5 (https://getbootstrap.com)
|
||||
* Copyright 2011-2016 The Bootstrap Authors
|
||||
* Copyright 2011-2016 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
// Core variables and mixins
|
||||
@import "../bootstrap/custom";
|
||||
@import "_variables";
|
||||
@import "../bootstrap/mixins";
|
||||
|
||||
// Reset and dependencies
|
||||
//@import "../bootstrap/normalize";
|
||||
@import "../bootstrap/print";
|
||||
|
||||
// Core CSS
|
||||
//@import "../bootstrap/reboot";
|
||||
@import "../bootstrap/type";
|
||||
@import "../bootstrap/images";
|
||||
@import "../bootstrap/code";
|
||||
//@import "../bootstrap/grid";
|
||||
@import "../bootstrap/tables";
|
||||
@import "../bootstrap/forms";
|
||||
@import "../bootstrap/buttons";
|
||||
|
||||
// Components
|
||||
@import "../bootstrap/animation";
|
||||
@import "../bootstrap/dropdown";
|
||||
@import "../bootstrap/button-group";
|
||||
@import "../bootstrap/input-group";
|
||||
@import "../bootstrap/custom-forms";
|
||||
@import "../bootstrap/nav";
|
||||
@import "../bootstrap/navbar";
|
||||
@import "../bootstrap/card";
|
||||
@import "../bootstrap/breadcrumb";
|
||||
@import "../bootstrap/pagination";
|
||||
@import "../bootstrap/tags";
|
||||
@import "../bootstrap/jumbotron";
|
||||
@import "../bootstrap/alert";
|
||||
@import "../bootstrap/progress";
|
||||
@import "../bootstrap/media";
|
||||
@import "../bootstrap/list-group";
|
||||
@import "../bootstrap/responsive-embed";
|
||||
@import "../bootstrap/close";
|
||||
|
||||
// Components w/ JavaScript
|
||||
@import "../bootstrap/modal";
|
||||
@import "../bootstrap/tooltip";
|
||||
@import "../bootstrap/popover";
|
||||
@import "../bootstrap/carousel";
|
||||
|
||||
// Utility classes
|
||||
@import "../bootstrap/utilities";
|
||||
452
themes/at_movic/_dev/css/partials/_commons.scss
Normal file
452
themes/at_movic/_dev/css/partials/_commons.scss
Normal file
@@ -0,0 +1,452 @@
|
||||
.rtl {
|
||||
* {
|
||||
direction: rtl !important;
|
||||
}
|
||||
main {
|
||||
text-align: right !important;
|
||||
}
|
||||
}
|
||||
body {
|
||||
direction: ltr;
|
||||
font-family: $font-family-base;
|
||||
font-size: 13px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: #666;
|
||||
line-height: 1.55;
|
||||
//overflow-x: hidden;
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
a{
|
||||
&:hover {
|
||||
color: $link-hover-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
&:focus{
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
}
|
||||
.dropdown-item:focus,
|
||||
.dropdown-item:hover {
|
||||
background: none;
|
||||
}
|
||||
.color,
|
||||
.custom-checkbox input[type="checkbox"] + span.color {
|
||||
display: inline-block;
|
||||
//border: 1px solid rgba(0,0,0,0.2);
|
||||
cursor: pointer;
|
||||
background-size: contain;
|
||||
@include size(16px, 16px);
|
||||
@include box-shadow(0 0 3px 0 rgba(0, 0, 0, 0.15));
|
||||
position: relative;
|
||||
border: 0;
|
||||
/* &:before {
|
||||
content: "";
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
background-image: radial-gradient(circle, #ffffff, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
|
||||
} */
|
||||
&.active,
|
||||
&:hover {
|
||||
border: 2px solid $gray-darker;
|
||||
}
|
||||
}
|
||||
.facet-label {
|
||||
&.active,
|
||||
&:hover {
|
||||
.custom-checkbox span.color {
|
||||
border: 2px solid $gray-darker;
|
||||
}
|
||||
}
|
||||
}
|
||||
.h1,
|
||||
.h2,
|
||||
.h3 {
|
||||
text-transform: uppercase;
|
||||
color: #000;
|
||||
}
|
||||
.h4 {
|
||||
font-weight: $headings-font-weight;
|
||||
color: #000;
|
||||
}
|
||||
.btn-primary,
|
||||
.btn-secondary {
|
||||
text-transform: uppercase;
|
||||
font-weight: normal;
|
||||
padding: 10px 15px;
|
||||
font-size: 12px;
|
||||
letter-spacing: 1px;
|
||||
line-height: 18px;
|
||||
@include border-radius(0);
|
||||
@include box-shadow(none);
|
||||
.material-icons {
|
||||
margin-right: $small-space;
|
||||
}
|
||||
}
|
||||
.btn-tertiary {
|
||||
@extend .btn-secondary;
|
||||
text-transform: uppercase;
|
||||
color: $gray;
|
||||
padding: 8px;
|
||||
margin: 4px 0;
|
||||
font-weight: 400;
|
||||
font-size: $base-font-size;
|
||||
@include box-shadow(none);
|
||||
.material-icons {
|
||||
font-size: 14px;
|
||||
vertical-align: -2px;
|
||||
}
|
||||
}
|
||||
label ,.label {
|
||||
color: $gray-darker;
|
||||
@include rtl-text-align-right();
|
||||
font-size: $base-font-size;
|
||||
}
|
||||
small.label, small.value {
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
.form-control-label {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.form-control {
|
||||
background: #fff;
|
||||
color: $gray;
|
||||
border: none;
|
||||
padding: 8px 16px;
|
||||
}
|
||||
|
||||
textarea.form-control {
|
||||
height: 145px;
|
||||
}
|
||||
input.form-control{
|
||||
border: 1px solid #e5e5e5;
|
||||
box-shadow: none;
|
||||
height: 40px;
|
||||
}
|
||||
.input-group {
|
||||
&.focus {
|
||||
outline: $main-border;
|
||||
}
|
||||
.form-control:focus {
|
||||
outline: none;
|
||||
}
|
||||
.input-group-btn > .btn {
|
||||
border: 0;
|
||||
color: #ffffff;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
padding: 9px 15px;
|
||||
text-transform: uppercase;
|
||||
height: 40px;
|
||||
@include rtl-margin-left(0px);
|
||||
@include box-shadow(none);
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active{
|
||||
background: $theme-color-default;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
.form-control-select {
|
||||
height: 42px;
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
background: $gray-light url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=");
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: scroll;
|
||||
background-position: right center;
|
||||
background-position-x: 99%;
|
||||
background-size: 20px 20px;
|
||||
@include rtl-padding-right(32px);
|
||||
&::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.form-control-valign {
|
||||
//padding-top: 8px;
|
||||
}
|
||||
.form-control-comment {
|
||||
font-size: $base-font-size;
|
||||
padding-top: 8px;
|
||||
color: $gray-dark;
|
||||
display: inline-block;
|
||||
}
|
||||
.form-control-submit {
|
||||
&.disabled {
|
||||
background: $brand-info;
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
.form-group {
|
||||
&.has-error {
|
||||
input,
|
||||
select {
|
||||
outline: 3px solid $brand-danger;
|
||||
}
|
||||
.help-block {
|
||||
color: $brand-danger;
|
||||
}
|
||||
}
|
||||
}
|
||||
.group-span-filestyle {
|
||||
label {
|
||||
margin: 0;
|
||||
}
|
||||
.btn-default {
|
||||
background: $theme-color-default;
|
||||
color: white;
|
||||
text-transform: uppercase;
|
||||
font-size: $base-font-size;
|
||||
padding: 8px 16px;
|
||||
@include rounded-corners(0px);
|
||||
}
|
||||
}
|
||||
.bootstrap-touchspin {
|
||||
input {
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
&.form-control {
|
||||
border: $input-btn-border-width solid $input-border-color;
|
||||
}
|
||||
}
|
||||
.btn-touchspin {
|
||||
@extend .btn-default;
|
||||
border: $input-btn-border-width solid $input-border-color;
|
||||
height: 21px;
|
||||
&:hover {
|
||||
background-color: $gray-light;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
.input-group-btn-vertical {
|
||||
color: $gray-darker;
|
||||
.bootstrap-touchspin-up {
|
||||
@include rounded-corners(0px);
|
||||
}
|
||||
.bootstrap-touchspin-down {
|
||||
@include rounded-corners(0px);
|
||||
}
|
||||
.touchspin-up {
|
||||
&:after {
|
||||
content: "\E5CE";
|
||||
}
|
||||
}
|
||||
.touchspin-down {
|
||||
&:after {
|
||||
content: "\E5CF";
|
||||
}
|
||||
}
|
||||
i {
|
||||
top: 1px;
|
||||
left: 3px;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.custom-radio {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
vertical-align: middle;
|
||||
cursor: pointer;
|
||||
border: #ccc 1px solid;
|
||||
background: $white;
|
||||
@include size(16px,16px);
|
||||
@include rounded-corners(50%);
|
||||
@include rtl-margin-right(10px);
|
||||
input[type="radio"] {
|
||||
cursor: pointer;
|
||||
@include opacity(0);
|
||||
}
|
||||
input[type="radio"]:checked + span {
|
||||
display: block;
|
||||
background-color: $theme-color-default;
|
||||
position: absolute;
|
||||
left: 2px;
|
||||
top: 2px;
|
||||
@include size(10px,10px);
|
||||
@include rounded-corners(50%);
|
||||
}
|
||||
}
|
||||
.custom-checkbox {
|
||||
position: relative;
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {
|
||||
margin-top: 0px;
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
@include opacity(0);
|
||||
@include rtl-left(0);
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
z-index: 1;
|
||||
+ span {
|
||||
@include rtl-margin-right(10px);
|
||||
display: inline-block;
|
||||
vertical-align: -3px;
|
||||
cursor: pointer;
|
||||
border: 1px #666 solid;
|
||||
@include size(16px,16px);
|
||||
.checkbox-checked {
|
||||
display: none;
|
||||
font-size: 14px;
|
||||
}
|
||||
}
|
||||
&:checked + span {
|
||||
.checkbox-checked {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
input[type="radio"] + span{
|
||||
@include rounded-corners(50%);
|
||||
}
|
||||
label {
|
||||
@include rtl-text-align-left();
|
||||
}
|
||||
}
|
||||
.text-muted {
|
||||
font-size: $base-font-size;
|
||||
}
|
||||
.done {
|
||||
color: $brand-success;
|
||||
display: inline-block;
|
||||
padding: 0 13px;
|
||||
@include rtl-margin-right(25px);
|
||||
}
|
||||
.thumb-mask {
|
||||
> .mask {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border: $gray-light 1px solid;
|
||||
margin: $small-space 0;
|
||||
@include size(55px,55px);
|
||||
img {
|
||||
@include size(55px,55px);
|
||||
}
|
||||
}
|
||||
}
|
||||
.definition-list {
|
||||
dl {
|
||||
&:after {
|
||||
content: "";
|
||||
display: block;
|
||||
clear: both;
|
||||
}
|
||||
dt {
|
||||
font-weight: normal;
|
||||
}
|
||||
dd,
|
||||
dt {
|
||||
background: $gray-light;
|
||||
padding: 10px;
|
||||
margin: 5px 0.5%;
|
||||
width: 48%;
|
||||
@include rtl-float-left();
|
||||
&:nth-of-type(even) {
|
||||
background: $gray-lighter;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.help-block {
|
||||
margin-top: $small-space;
|
||||
}
|
||||
.btn.disabled,
|
||||
.btn.disabled:hover {
|
||||
background: $gray;
|
||||
}
|
||||
.alert-warning {
|
||||
.material-icons {
|
||||
color: $warning;
|
||||
font-size: 32px;
|
||||
@include rtl-margin-right($small-space);
|
||||
padding-top: $extra-small-space;
|
||||
}
|
||||
.alert-text {
|
||||
font-size: 15px;
|
||||
padding-top: $small-space;
|
||||
}
|
||||
.alert-link {
|
||||
border-width: 2px;
|
||||
@include rtl-margin-left($small-space);
|
||||
padding: $extra-small-space $medium-space;
|
||||
font-weight: 400;
|
||||
font-size: $font-size-sm;
|
||||
color: $btn-tertiary-color;
|
||||
@include rounded-corners(2px);
|
||||
}
|
||||
ul li:last-child .alert-link {
|
||||
color: white;
|
||||
}
|
||||
.warning-buttons {
|
||||
margin-top: $extra-small-space;
|
||||
}
|
||||
}
|
||||
.btn-warning {
|
||||
@include transition(all .4s ease-in-out);
|
||||
}
|
||||
.btn-tertiary-outline {
|
||||
color: $btn-tertiary-color;
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
border-color: $btn-tertiary-color;
|
||||
border: 0.15rem solid $btn-tertiary-color;
|
||||
@include transition(all .4s ease-in-out);
|
||||
&:hover {
|
||||
border-color: $btn-tertiary-hover;
|
||||
color: $btn-tertiary-hover;
|
||||
}
|
||||
}
|
||||
.alert {
|
||||
font-size: $font-size-sm;
|
||||
}
|
||||
/* Add new grid */
|
||||
.col-sp{
|
||||
@if $enable-flex {
|
||||
flex-basis: 0;
|
||||
flex-grow: 1;
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
@media (max-width: 480px) {
|
||||
.hidden-sp {
|
||||
display: none !important;
|
||||
}
|
||||
.col-sp-1 {@include make-col(1);}
|
||||
.col-sp-2 {@include make-col(2);}
|
||||
.col-sp-3 {@include make-col(3);}
|
||||
.col-sp-4 {@include make-col(4);}
|
||||
.col-sp-5 {@include make-col(5);}
|
||||
.col-sp-6 {@include make-col(6);}
|
||||
.col-sp-7 {@include make-col(7);}
|
||||
.col-sp-8 {@include make-col(8);}
|
||||
.col-sp-9 {@include make-col(9);}
|
||||
.col-sp-10 {@include make-col(10);}
|
||||
.col-sp-11 {@include make-col(11);}
|
||||
.col-sp-12 {@include make-col(12);}
|
||||
.col-sp-2-4 {@include make-col(2.4);}
|
||||
.col-sp-4-8 {@include make-col(4.8);}
|
||||
.col-sp-7-2 {@include make-col(7.2);}
|
||||
.col-sp-9-6 {@include make-col(9.6);}
|
||||
}
|
||||
/*** Responsive part ***/
|
||||
@include media-breakpoint-down(md) {
|
||||
.form-control-label,
|
||||
.control-label,label, .label {
|
||||
@include rtl-text-align-left();
|
||||
}
|
||||
}
|
||||
4
themes/at_movic/_dev/css/partials/_font-awesome.min.scss
Normal file
4
themes/at_movic/_dev/css/partials/_font-awesome.min.scss
Normal file
File diff suppressed because one or more lines are too long
37
themes/at_movic/_dev/css/partials/_fonts.scss
Normal file
37
themes/at_movic/_dev/css/partials/_fonts.scss
Normal file
@@ -0,0 +1,37 @@
|
||||
@font-face {
|
||||
font-family: 'Material Icons';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: local('Material Icons'),
|
||||
local('MaterialIcons-Regular'),
|
||||
url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
|
||||
url(../fonts/MaterialIcons-Regular.woff) format('woff');
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
font-family: 'Material Icons';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
font-size: 16px; /* Preferred icon size */
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
line-height: 1;
|
||||
text-transform: none;
|
||||
letter-spacing: normal;
|
||||
word-wrap: normal;
|
||||
white-space: nowrap;
|
||||
direction: ltr;
|
||||
|
||||
/* Support for all WebKit browsers. */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
/* Support for Safari and Chrome. */
|
||||
text-rendering: optimizeLegibility;
|
||||
|
||||
/* Support for Firefox. */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
/* Support for IE. */
|
||||
font-feature-settings: 'liga';
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
/*
|
||||
* Bootstrap TouchSpin - v3.1.1
|
||||
* A mobile and touch friendly input spinner component for Bootstrap 3.
|
||||
* http://www.virtuosoft.eu/code/bootstrap-touchspin/
|
||||
*
|
||||
* Made by István Ujj-Mészáros
|
||||
* Under Apache License v2.0 License
|
||||
*/
|
||||
|
||||
.bootstrap-touchspin .input-group-btn-vertical{position:relative;white-space:nowrap;width:1%;vertical-align:middle;display:table-cell}.bootstrap-touchspin .input-group-btn-vertical>.btn{display:block;float:none;width:100%;max-width:100%;padding:8px 10px;margin-left:-1px;position:relative}.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up{border-radius:0;border-top-right-radius:4px}.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down{margin-top:-2px;border-radius:0;border-bottom-right-radius:4px}.bootstrap-touchspin .input-group-btn-vertical i{position:absolute;top:3px;left:5px;font-size:9px;font-weight:400}
|
||||
511
themes/at_movic/_dev/css/partials/_mixins.scss
Normal file
511
themes/at_movic/_dev/css/partials/_mixins.scss
Normal file
@@ -0,0 +1,511 @@
|
||||
@mixin search-box {
|
||||
form {
|
||||
input[type=text] {
|
||||
border: 0;
|
||||
border-bottom: 2px solid #333;
|
||||
padding: 10px;
|
||||
max-width: 600px;
|
||||
width: 100%;
|
||||
background: white;
|
||||
color: $gray-darker;
|
||||
font-weight: 400;
|
||||
@include rounded-corners(0);
|
||||
@include placeholder {
|
||||
color: rgba($gray-darker, 0.5);
|
||||
}
|
||||
}
|
||||
button[type=submit] {
|
||||
position: absolute;
|
||||
background: #333b48;
|
||||
border: none;
|
||||
bottom: 3px;
|
||||
color: white;
|
||||
padding: 0px;
|
||||
font-size: 19px;
|
||||
@include size(39px,39px);
|
||||
@include rtl-right(3px);
|
||||
@include rounded-corners(2px);
|
||||
&:hover {
|
||||
background: $brand-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/***************************************************
|
||||
Mixins Themes
|
||||
/***************************************************/
|
||||
/* Mixin Normal*/
|
||||
@mixin rounded-corners($radius) {
|
||||
-webkit-border-radius: $radius;
|
||||
-moz-border-radius: $radius;
|
||||
-ms-border-radius: $radius;
|
||||
-o-border-radius: $radius;
|
||||
border-radius: $radius;
|
||||
}
|
||||
|
||||
@mixin box-shadow($shadow) {
|
||||
-moz-box-shadow: $shadow;
|
||||
-webkit-box-shadow: $shadow;// iOS <4.3 & Android <4.1
|
||||
-o-box-shadow: $shadow;
|
||||
-ms-box-shadow: $shadow;
|
||||
box-shadow: $shadow;
|
||||
}
|
||||
|
||||
@mixin opacity($opacity) {
|
||||
opacity: $opacity;
|
||||
// IE8 filter
|
||||
$opacity-ie: ($opacity * 100);
|
||||
filter: #{alpha(opacity=$opacity-ie)};
|
||||
}
|
||||
|
||||
@mixin ellipsis-text($value){
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: $value;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
@mixin box-sizing($boxmodel) {
|
||||
-webkit-box-sizing: $boxmodel;
|
||||
-moz-box-sizing: $boxmodel;
|
||||
box-sizing: $boxmodel;
|
||||
}
|
||||
/* Mixin Clear */
|
||||
@mixin clearboxstyle(){
|
||||
background: none;
|
||||
border:none;
|
||||
}
|
||||
|
||||
@mixin clearfloat(){
|
||||
float: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Mixin Border */
|
||||
@mixin border-exclude-top($border-deep, $border-type, $border-color ){
|
||||
border-bottom: $border-deep $border-type $border-color;
|
||||
border-left: $border-deep $border-type $border-color;
|
||||
border-right: $border-deep $border-type $border-color;
|
||||
}
|
||||
|
||||
@mixin border-exclude-bottom($border-deep, $border-type, $border-color ){
|
||||
border-top: $border-deep $border-type $border-color;
|
||||
border-left: $border-deep $border-type $border-color;
|
||||
border-right: $border-deep $border-type $border-color;
|
||||
}
|
||||
|
||||
@mixin border-exclude-left($border-deep, $border-type, $border-color ){
|
||||
border-top: $border-deep $border-type $border-color;
|
||||
border-bottom: $border-deep $border-type $border-color;
|
||||
border-right: $border-deep $border-type $border-color;
|
||||
}
|
||||
|
||||
@mixin border-exclude-right($border-deep, $border-type, $border-color ){
|
||||
border-top: $border-deep $border-type $border-color;
|
||||
border-bottom: $border-deep $border-type $border-color;
|
||||
border-left: $border-deep $border-type $border-color;
|
||||
}
|
||||
|
||||
// Transitions
|
||||
|
||||
@mixin transition($transition...) {
|
||||
-webkit-transition: $transition;
|
||||
-o-transition: $transition;
|
||||
transition: $transition;
|
||||
}
|
||||
|
||||
// Transformations
|
||||
@mixin rotate($degrees) {
|
||||
-webkit-transform: rotate($degrees);
|
||||
-ms-transform: rotate($degrees); // IE9 only
|
||||
transform: rotate($degrees);
|
||||
}
|
||||
@mixin scale($scale-args...) {
|
||||
-webkit-transform: scale($scale-args);
|
||||
-ms-transform: scale($scale-args); // IE9 only
|
||||
transform: scale($scale-args);
|
||||
}
|
||||
@mixin translate($x, $y) {
|
||||
-webkit-transform: translate($x, $y);
|
||||
-ms-transform: translate($x, $y); // IE9 only
|
||||
transform: translate($x, $y);
|
||||
}
|
||||
@mixin skew($x, $y) {
|
||||
-webkit-transform: skew($x, $y);
|
||||
-ms-transform: skewX($x) skewY($y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
|
||||
transform: skew($x, $y);
|
||||
}
|
||||
@mixin translate3d($x, $y, $z) {
|
||||
-webkit-transform: translate3d($x, $y, $z);
|
||||
transform: translate3d($x, $y, $z);
|
||||
}
|
||||
|
||||
@mixin rotateX($degrees) {
|
||||
-webkit-transform: rotateX($degrees);
|
||||
-ms-transform: rotateX($degrees); // IE9 only
|
||||
transform: rotateX($degrees);
|
||||
}
|
||||
@mixin rotateY($degrees) {
|
||||
-webkit-transform: rotateY($degrees);
|
||||
-ms-transform: rotateY($degrees); // IE9 only
|
||||
transform: rotateY($degrees);
|
||||
}
|
||||
|
||||
/*background RGBA
|
||||
============================================*/
|
||||
@mixin rgba($colour, $alpha)
|
||||
{
|
||||
$alphaColour: hsla(hue($colour), saturation($colour), lightness($colour), $alpha);
|
||||
$ieAlphaColour: argb($alphaColour);
|
||||
background-color: $colour;
|
||||
background-color: $alphaColour;
|
||||
zoom: 1;
|
||||
background-color: transparent\9;
|
||||
}
|
||||
@mixin border-rgba($colour, $alpha)
|
||||
{
|
||||
$alphaColour: hsla(hue($colour), saturation($colour), lightness($colour), $alpha);
|
||||
$ieAlphaColour: argb($alphaColour);
|
||||
border-color: $colour;
|
||||
border-color: $alphaColour;
|
||||
zoom: 1;
|
||||
border-color: transparent\9;
|
||||
}
|
||||
@mixin background-hover {
|
||||
color: $text-color;
|
||||
background: rgba(228, 50, 40, 0.3);
|
||||
}
|
||||
|
||||
// Background Gradient: Left to Right
|
||||
@mixin bg-gradient-l2r($start-colour, $end-colour) {
|
||||
background-color: $start-colour;
|
||||
background-image: -webkit-gradient(linear, left top, right top, from($start-colour), to($end-colour));
|
||||
background-image: -webkit-linear-gradient(left, $start-colour, $end-colour);
|
||||
background-image: -moz-linear-gradient(left, $start-colour, $end-colour);
|
||||
background-image: -ms-linear-gradient(left, $start-colour, $end-colour);
|
||||
background-image: -o-linear-gradient(left, $start-colour, $end-colour);
|
||||
background-image: linear-gradient(left, $start-colour, $end-colour);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#{$start-colour}', end-colourStr='#{$end-colour}', gradientType='1');
|
||||
}
|
||||
/// button variant outline
|
||||
@mixin button-variant-outline($color, $background, $border, $colorhover, $bghover, $borderhover ) {
|
||||
color: $color;
|
||||
background-color: $background;
|
||||
border-color: $border;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
color: $colorhover;
|
||||
background-color: $bghover;
|
||||
border-color: $borderhover ;
|
||||
}
|
||||
.open & { &.dropdown-toggle {
|
||||
color: $colorhover;
|
||||
background-color: $bghover;
|
||||
border-color: $borderhover ;
|
||||
} }
|
||||
&:active,
|
||||
&.active {
|
||||
background-image: none;
|
||||
}
|
||||
.open & { &.dropdown-toggle {
|
||||
background-image: none;
|
||||
} }
|
||||
&.disabled,
|
||||
&[disabled],
|
||||
fieldset[disabled] & {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active,
|
||||
&.active {
|
||||
background-color: $background;
|
||||
border-color: $border;
|
||||
}
|
||||
}
|
||||
.badge {
|
||||
color: $background;
|
||||
background-color: $color;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Block
|
||||
// -------------------------
|
||||
@mixin block-variant($border, $heading-text-color, $heading-bg-color, $heading-border) {
|
||||
border-color: $border;
|
||||
|
||||
& .#{$block-heading-selector} {
|
||||
color: $heading-text-color;
|
||||
a{
|
||||
color: $heading-text-color;
|
||||
}
|
||||
background-color: $heading-bg-color;
|
||||
border-color: $heading-border;
|
||||
+ .#{$block-prefix}-collapse .#{$block-content-selector} {
|
||||
border-top-color: $border;
|
||||
}
|
||||
}
|
||||
& > .#{$block-prefix}-footer {
|
||||
+ .#{$block-prefix}-collapse .#{$block-prefix}-body {
|
||||
border-bottom-color: $border;
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin container-layout-variant($color, $background){
|
||||
background: $background;
|
||||
color: $color;
|
||||
}
|
||||
|
||||
/***************************************************
|
||||
Mixins RTL Themes
|
||||
/***************************************************/
|
||||
|
||||
// BASIC CONVERTER (ignore these)
|
||||
|
||||
@mixin rtl-base-simple ($property, $direction) {
|
||||
#{$property}:$direction;
|
||||
.rtl & {
|
||||
@if $direction == $rtl-right {
|
||||
#{$property}:$rtl-left;
|
||||
}
|
||||
@else {
|
||||
#{$property}:$rtl-right;
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin rtl-base-inherit ($property, $direction, $value, $inherit : inherit) {
|
||||
#{$property}-#{$direction}: $value;
|
||||
.rtl & {
|
||||
@if $direction == $rtl-right {
|
||||
#{$property}-#{$rtl-left}: $value;
|
||||
}
|
||||
@else {
|
||||
#{$property}-#{$rtl-right}: $value;
|
||||
}
|
||||
#{$property}-#{$direction}: $inherit;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin rtl-base-toprightbottomleft ($property, $t, $r, $b, $l) {
|
||||
#{$property}: $t $r $b $l;
|
||||
.rtl & {
|
||||
#{$property}: $t $l $b $r;
|
||||
}
|
||||
}
|
||||
|
||||
// BODY STYLES
|
||||
|
||||
@mixin rtl-direction ($forBody : true) {
|
||||
direction: ltr;
|
||||
@if $forBody {
|
||||
&.rtl {
|
||||
direction: rtl;
|
||||
}
|
||||
}
|
||||
@else {
|
||||
.rtl & {
|
||||
direction: rtl;
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin rtl-font-family ($ltr, $rtl, $forBody : false) {
|
||||
font-family: $ltr;
|
||||
@if $forBody {
|
||||
&.rtl, &.non-latin {
|
||||
font-family:$rtl;
|
||||
}
|
||||
}
|
||||
@else {
|
||||
.rtl &, .non-latin & {
|
||||
font-family:$rtl;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// MARGIN
|
||||
|
||||
@mixin rtl-margin ($t, $r, $b, $l) {
|
||||
@include rtl-base-toprightbottomleft(margin,$t, $r, $b, $l);
|
||||
}
|
||||
@mixin rtl-margin-left ($value) {
|
||||
@include rtl-base-inherit(margin,$rtl-left,$value);
|
||||
}
|
||||
@mixin rtl-margin-right ($value) {
|
||||
@include rtl-base-inherit(margin,$rtl-right,$value);
|
||||
}
|
||||
|
||||
// PADDING
|
||||
|
||||
@mixin rtl-padding ($t, $r, $b, $l) {
|
||||
@include rtl-base-toprightbottomleft(padding,$t, $r, $b, $l);
|
||||
}
|
||||
@mixin rtl-padding-left ($value) {
|
||||
@include rtl-base-inherit(padding,$rtl-left,$value);
|
||||
}
|
||||
@mixin rtl-padding-right ($value) {
|
||||
@include rtl-base-inherit(padding,$rtl-right,$value);
|
||||
}
|
||||
|
||||
// BORDER
|
||||
|
||||
@mixin rtl-border-width ($t,$r,$b,$l) {
|
||||
@include rtl-base-toprightbottomleft(border-width,$t,$r,$b,$l);
|
||||
}
|
||||
@mixin rtl-border-style ($t,$r,$b,$l) {
|
||||
@include rtl-base-toprightbottomleft(border-style,$t,$r,$b,$l);
|
||||
}
|
||||
@mixin rtl-border-left ($value) {
|
||||
@include rtl-base-inherit(border,$rtl-left,$value);
|
||||
}
|
||||
@mixin rtl-border-right ($value) {
|
||||
@include rtl-base-inherit(border,$rtl-right,$value);
|
||||
}
|
||||
|
||||
// POSITION
|
||||
|
||||
@mixin rtl-left ($value) {
|
||||
#{$rtl-left}: $value;
|
||||
.rtl & {
|
||||
#{$rtl-right}: $value;
|
||||
#{$rtl-left}: auto;
|
||||
}
|
||||
}
|
||||
@mixin rtl-right ($value) {
|
||||
#{$rtl-right}: $value;
|
||||
.rtl & {
|
||||
#{$rtl-left}: $value;
|
||||
#{$rtl-right}: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// TEXT-ALIGN
|
||||
|
||||
@mixin rtl-text-align-left () {
|
||||
@include rtl-base-simple(text-align, $rtl-left);
|
||||
}
|
||||
@mixin rtl-text-align-right () {
|
||||
@include rtl-base-simple(text-align, $rtl-right);
|
||||
}
|
||||
|
||||
// FLOAT
|
||||
|
||||
@mixin rtl-float-left () {
|
||||
@include rtl-base-simple(float, $rtl-left);
|
||||
}
|
||||
@mixin rtl-float-right () {
|
||||
@include rtl-base-simple(float, $rtl-right);
|
||||
}
|
||||
|
||||
// BACKGROUND-POSITION
|
||||
|
||||
@mixin rtl-background-position-left ($vertical) {
|
||||
background-position:$rtl-left $vertical !important;
|
||||
.rtl & {
|
||||
background-position:$rtl-right $vertical !important;
|
||||
}
|
||||
}
|
||||
@mixin rtl-background-position-right ($vertical) {
|
||||
background-position:$rtl-right $vertical;
|
||||
.rtl & {
|
||||
background-position:$rtl-left $vertical;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin rtl-background-position-percent ($vertical, $horPercent) {
|
||||
background-position:$horPercent $vertical;
|
||||
.rtl & {
|
||||
background-position:100% - $horPercent $vertical;
|
||||
}
|
||||
}
|
||||
|
||||
// TEXT-SHADOW & BOX-SHADOW
|
||||
|
||||
@mixin rtl-text-shadow ($x, $rest) {
|
||||
text-shadow: $x $rest;
|
||||
.rtl & {
|
||||
text-shadow: -1 * $x $rest;
|
||||
}
|
||||
}
|
||||
@mixin rtl-box-shadow ($x, $rest) {
|
||||
-moz-box-shadow: $x $rest;
|
||||
-webkit-box-shadow: $x $rest;
|
||||
box-shadow: $x $rest;
|
||||
.rtl & {
|
||||
-moz-box-shadow: -1 * $x $rest;
|
||||
-webkit-box-shadow: -1 * $x $rest;
|
||||
box-shadow: -1 * $x $rest;
|
||||
}
|
||||
}
|
||||
|
||||
// BORDER-RADIUS
|
||||
|
||||
@mixin rtl-border-radius($tl, $tr, $br, $bl) {
|
||||
-moz-border-radius: $tl $tr $br $bl;
|
||||
-webkit-border-radius: $tl $tr $br $bl;
|
||||
border-radius: $tl $tr $br $bl;
|
||||
.rtl & {
|
||||
-moz-border-radius: $tr $tl $bl $br;
|
||||
-webkit-border-radius: $tr $tl $bl $br;
|
||||
border-radius: $tr $tl $bl $br;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin rtl-border-radius-topright ($value) {
|
||||
-moz-border-top-#{$rtl-right}-radius: $value;
|
||||
-webkit-border-top-#{$rtl-right}-radius: $value;
|
||||
border-top-#{$rtl-right}-radius: $value;
|
||||
.rtl & {
|
||||
-moz-border-top-#{$rtl-left}-radius: $value;
|
||||
-webkit-border-top-#{$rtl-left}-radius: $value;
|
||||
border-top-#{$rtl-left}-radius: $value;
|
||||
-moz-border-top-#{$rtl-right}-radius: inherit;
|
||||
-webkit-border-top-#{$rtl-right}-radius: inherit;
|
||||
border-top-#{$rtl-right}-radius: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin rtl-border-radius-bottomright ($value) {
|
||||
-moz-border-bottom-#{$rtl-right}-radius: $value;
|
||||
-webkit-border-bottom-#{$rtl-right}-radius: $value;
|
||||
border-bottom-#{$rtl-right}-radius: $value;
|
||||
.rtl & {
|
||||
-moz-border-bottom-#{$rtl-left}-radius: $value;
|
||||
-webkit-border-bottom-#{$rtl-left}-radius: $value;
|
||||
border-bottom-#{$rtl-left}-radius: $value;
|
||||
-moz-border-bottom-#{$rtl-right}-radius: inherit;
|
||||
-webkit-border-bottom-#{$rtl-right}-radius: inherit;
|
||||
border-bottom-#{$rtl-right}-radius: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin rtl-border-radius-topleft ($value) {
|
||||
-moz-border-top-#{$rtl-left}-radius: $value;
|
||||
-webkit-border-top-#{$rtl-left}-radius: $value;
|
||||
border-top-#{$rtl-left}-radius: $value;
|
||||
.rtl & {
|
||||
-moz-border-top-#{$rtl-right}-radius: $value;
|
||||
-webkit-border-top-#{$rtl-right}-radius: $value;
|
||||
border-top-#{$rtl-right}-radius: $value;
|
||||
-moz-border-top-#{$rtl-left}-radius: inherit;
|
||||
-webkit-border-top-#{$rtl-left}-radius: inherit;
|
||||
border-top-#{$rtl-left}-radius: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin rtl-border-radius-bottomleft ($value) {
|
||||
-moz-border-bottom-#{$rtl-left}-radius: $value;
|
||||
-webkit-border-bottom-#{$rtl-left}-radius: $value;
|
||||
border-bottom-#{$rtl-left}-radius: $value;
|
||||
.rtl & {
|
||||
-moz-border-bottom-#{$rtl-right}-radius: $value;
|
||||
-webkit-border-bottom-#{$rtl-right}-radius: $value;
|
||||
border-bottom-#{$rtl-right}-radius: $value;
|
||||
-moz-border-bottom-#{$rtl-left}-radius: inherit;
|
||||
-webkit-border-bottom-#{$rtl-left}-radius: inherit;
|
||||
border-bottom-#{$rtl-left}-radius: inherit;
|
||||
}
|
||||
}
|
||||
43
themes/at_movic/_dev/css/partials/_poppins.scss
Normal file
43
themes/at_movic/_dev/css/partials/_poppins.scss
Normal file
@@ -0,0 +1,43 @@
|
||||
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on July 9, 2019 */
|
||||
|
||||
|
||||
@font-face {
|
||||
font-family: 'poppins';
|
||||
src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
|
||||
url('../fonts/poppins-bold-webfont.woff') format('woff');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'poppins';
|
||||
src: url('../fonts/poppins-light-webfont.woff2') format('woff2'),
|
||||
url('../fonts/poppins-light-webfont.woff') format('woff');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'poppins';
|
||||
src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
|
||||
url('../fonts/poppins-medium-webfont.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'poppins';
|
||||
src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
|
||||
url('../fonts/poppins-regular-webfont.woff') format('woff');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'poppins';
|
||||
src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2'),
|
||||
url('../fonts/poppins-semibold-webfont.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
|
||||
}
|
||||
1077
themes/at_movic/_dev/css/partials/_themify-icons.scss
Normal file
1077
themes/at_movic/_dev/css/partials/_themify-icons.scss
Normal file
File diff suppressed because it is too large
Load Diff
109
themes/at_movic/_dev/css/partials/_variables.scss
Normal file
109
themes/at_movic/_dev/css/partials/_variables.scss
Normal file
@@ -0,0 +1,109 @@
|
||||
@import "bourbon/_bourbon";
|
||||
@import "bootstrap/variables";
|
||||
@import "bootstrap/mixins";
|
||||
@import "_mixins";
|
||||
|
||||
/************************************
|
||||
Override Bootstrap
|
||||
*************************************/
|
||||
|
||||
$base-font-size: 13px;
|
||||
$font-size-lg: 14px;
|
||||
$font-size-sm: 14px;
|
||||
$font-size-xs: 14px;
|
||||
$font-size-h1: 24px;
|
||||
$font-size-h2: 22px;
|
||||
$font-size-h3: 28px;
|
||||
$font-size-h4: 16px;
|
||||
$font-size-h5: 14px;
|
||||
$font-size-h6: 14px;
|
||||
|
||||
$font-family-base: 'Poppins', sans-serif;
|
||||
|
||||
// Heading
|
||||
$headings-font-family: 'Poppins', sans-serif;
|
||||
$headings-font-weight: 600;
|
||||
$headings-color: #000;
|
||||
|
||||
// Color
|
||||
$gray-darker: #414141;
|
||||
$gray-dark: #878787;
|
||||
$gray: #acaaa6;
|
||||
$gray-light: #ebebeb;
|
||||
$gray-lighter: #f6f6f6;
|
||||
|
||||
$brand-primary: #f44d51;
|
||||
$brand-secondary: #f39d72;
|
||||
$brand-success: #4cbb6c;
|
||||
$brand-warning: #ff9a52;
|
||||
$brand-danger: #ff4c4c;
|
||||
|
||||
// Color Body
|
||||
$body-bg: #fff;
|
||||
$body-color: #999;
|
||||
$link-color: #666;
|
||||
$link-hover-color: #000;
|
||||
|
||||
// Space
|
||||
$extra-small-space: 5px;
|
||||
$small-space: 10px;
|
||||
$medium-space: 20px;
|
||||
$large-space: 30px;
|
||||
$extra-large-space: 40px;
|
||||
|
||||
// Warning
|
||||
$warning: #FF9A52;
|
||||
$warning-hover: #FDE7BB;
|
||||
$alert-warning-bg: rgba(255,154,82,0.3);
|
||||
$alert-warning-border: $warning;
|
||||
$alert-warning-text: $gray;
|
||||
|
||||
// Button
|
||||
$btn-primary-color: #fff;
|
||||
$btn-primary-bg: $brand-primary;
|
||||
$btn-primary-border: transparent;
|
||||
|
||||
$btn-secondary-color: $gray-darker;
|
||||
$btn-secondary-bg: $gray-lighter;
|
||||
$btn-secondary-border: transparent;
|
||||
|
||||
$btn-border-radius: 2px;
|
||||
|
||||
$btn-warning-bg: $warning;
|
||||
$btn-warning-color: white;
|
||||
$btn-tertiary-color: #6C868E;
|
||||
$btn-tertiary-hover: #BBCDD2;
|
||||
|
||||
// Text
|
||||
$text-muted: $gray;
|
||||
|
||||
// Container
|
||||
$container-max-widths: (
|
||||
sm: 540px,
|
||||
md: 720px,
|
||||
lg: 960px,
|
||||
xl: 1200px
|
||||
);
|
||||
|
||||
// Breadcrumb
|
||||
$breadcrumb-bg: #0c0c0e;
|
||||
$breadcrumb-divider-color: #FFFFFF;
|
||||
$breadcrumb-active-color: #FFFFFF;
|
||||
$breadcrumb-divider: "\f0da";
|
||||
|
||||
// Carousel
|
||||
$carousel-control-color: #999;
|
||||
$carousel-control-width: 25px;
|
||||
$carousel-control-opacity: 1;
|
||||
$carousel-control-font-size: 16px;
|
||||
$carousel-text-shadow: none;
|
||||
|
||||
$grid-columns: 12;
|
||||
$grid-gutter-width-base: 30px;
|
||||
$grid-gutter-widths: (
|
||||
xs: $grid-gutter-width-base,
|
||||
sm: $grid-gutter-width-base,
|
||||
md: $grid-gutter-width-base,
|
||||
lg: $grid-gutter-width-base,
|
||||
xl: $grid-gutter-width-base
|
||||
);
|
||||
35
themes/at_movic/_dev/css/partials/index.php
Normal file
35
themes/at_movic/_dev/css/partials/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
|
||||
|
||||
header('Cache-Control: no-store, no-cache, must-revalidate');
|
||||
header('Cache-Control: post-check=0, pre-check=0', false);
|
||||
header('Pragma: no-cache');
|
||||
|
||||
header('Location: ../');
|
||||
exit;
|
||||
39
themes/at_movic/_dev/css/rtl.scss
Normal file
39
themes/at_movic/_dev/css/rtl.scss
Normal file
@@ -0,0 +1,39 @@
|
||||
@import "theme_variables";
|
||||
@import "bootstrap/rtl/_bootstrap-rtl";
|
||||
|
||||
// MEGAMENU
|
||||
.off-canvas-active > #page{
|
||||
@include transform(translateX(-234px));
|
||||
}
|
||||
.off-canvas-active > .off-canvas-nav-megamenu.active{
|
||||
@include transform(translateX(-234px));
|
||||
}
|
||||
.off-canvas-nav-megamenu {
|
||||
@include transition(all 450ms ease 0s);
|
||||
}
|
||||
.off-canvas-inactive{
|
||||
> #page{
|
||||
@include transition(none);
|
||||
}
|
||||
}
|
||||
// PRODUCT ITEM
|
||||
.product_block{
|
||||
&.last_item{
|
||||
.thumbnail-container{
|
||||
.leo-more-info{
|
||||
left: auto;
|
||||
right: 0px;
|
||||
}
|
||||
&:hover{
|
||||
.leo-more-info{
|
||||
left: auto;
|
||||
right: -90px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Button Select
|
||||
.form-control-select {
|
||||
background: $gray-light url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=") no-repeat scroll left 8px center / 20px 20px;
|
||||
}
|
||||
2194
themes/at_movic/_dev/css/theme.scss
Normal file
2194
themes/at_movic/_dev/css/theme.scss
Normal file
File diff suppressed because it is too large
Load Diff
14
themes/at_movic/_dev/img/facebook-blue.svg
Normal file
14
themes/at_movic/_dev/img/facebook-blue.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
|
||||
<g>
|
||||
<image overflow="visible" opacity="0.1" width="26" height="42" xlink:href="D795CA29.png" transform="matrix(1 0 0 1 8 0)">
|
||||
</image>
|
||||
<g>
|
||||
<path fill="#2fb5d2" d="M22.2,27.2v-7.2h2c1.5,0,2,0,2-0.1c0-0.1,0.1-1,0.2-2.1c0.1-1.1,0.2-2.2,0.2-2.4l0-0.4l-2.2,0l-2.2,0
|
||||
l0-1.6c0-0.9,0.1-1.8,0.2-1.9c0.2-0.5,0.7-0.7,2.6-0.7h1.7V8.3V5.8H24c-3,0-3.8,0.1-5,0.7c-0.8,0.4-1.6,1.2-2,1.9
|
||||
c-0.5,1.1-0.7,1.8-0.7,4.3L16.2,15h-1.5h-1.5v2.5v2.5h1.5h1.5v7.2v7.2h3h3V27.2z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 848 B |
18
themes/at_movic/_dev/img/facebook-gray.svg
Normal file
18
themes/at_movic/_dev/img/facebook-gray.svg
Normal file
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="45px" height="45px" viewBox="0 0 45 45" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Artboard 3</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Artboard-3" fill-rule="nonzero" fill="#7A7A7A">
|
||||
<g id="svg+xml" transform="translate(16.000000, 8.000000)">
|
||||
<g id="Calque_1">
|
||||
<g id="Group">
|
||||
<path d="M9.2,22.2 L9.2,15 L11.2,15 C12.7,15 13.2,15 13.2,14.9 C13.2,14.8 13.3,13.9 13.4,12.8 C13.5,11.7 13.6,10.6 13.6,10.4 L13.6,10 L11.4,10 L9.2,10 L9.2,8.4 C9.2,7.5 9.3,6.6 9.4,6.5 C9.6,6 10.1,5.8 12,5.8 L13.7,5.8 L13.7,3.3 L13.7,0.8 L11,0.8 C8,0.8 7.2,0.9 6,1.5 C5.2,1.9 4.4,2.7 4,3.4 C3.5,4.5 3.3,5.2 3.3,7.7 L3.2,10 L1.7,10 L0.2,10 L0.2,12.5 L0.2,15 L1.7,15 L3.2,15 L3.2,22.2 L3.2,29.4 L6.2,29.4 L9.2,29.4 L9.2,22.2 Z" id="Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
14
themes/at_movic/_dev/img/facebook.svg
Normal file
14
themes/at_movic/_dev/img/facebook.svg
Normal file
@@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
|
||||
<g>
|
||||
<image overflow="visible" opacity="0.1" width="26" height="42" xlink:href="D795CA29.png" transform="matrix(1 0 0 1 8 0)">
|
||||
</image>
|
||||
<g>
|
||||
<path fill="#FFFFFF" d="M22.2,27.2v-7.2h2c1.5,0,2,0,2-0.1c0-0.1,0.1-1,0.2-2.1c0.1-1.1,0.2-2.2,0.2-2.4l0-0.4l-2.2,0l-2.2,0
|
||||
l0-1.6c0-0.9,0.1-1.8,0.2-1.9c0.2-0.5,0.7-0.7,2.6-0.7h1.7V8.3V5.8H24c-3,0-3.8,0.1-5,0.7c-0.8,0.4-1.6,1.2-2,1.9
|
||||
c-0.5,1.1-0.7,1.8-0.7,4.3L16.2,15h-1.5h-1.5v2.5v2.5h1.5h1.5v7.2v7.2h3h3V27.2z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 848 B |
16
themes/at_movic/_dev/img/gplus-blue.svg
Normal file
16
themes/at_movic/_dev/img/gplus-blue.svg
Normal file
@@ -0,0 +1,16 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
|
||||
<g>
|
||||
<image overflow="visible" opacity="0.1" width="46" height="34" xlink:href="CE61D04B.png" transform="matrix(1 0 0 1 -2 4)">
|
||||
</image>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#2fb5d2" d="M14,18.1v4.2c0,0,4,0,5.7,0c-0.9,2.7-2.3,4.2-5.7,4.2c-3.4,0-6.1-2.8-6.1-6.2S10.5,14,14,14
|
||||
c1.8,0,3,0.6,4.1,1.5c0.9-0.9,0.8-1,3-3.1c-1.9-1.7-4.3-2.7-7.1-2.7c-5.8,0-10.5,4.7-10.5,10.5C3.5,26,8.2,30.7,14,30.7
|
||||
c8.7,0,10.8-7.5,10.1-12.6C22,18.1,14,18.1,14,18.1z M32.9,18.4v-3.6h-2.6v3.6h-3.7v2.6h3.7v3.7h2.6v-3.7h3.6v-2.6H32.9z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 901 B |
18
themes/at_movic/_dev/img/gplus-gray.svg
Normal file
18
themes/at_movic/_dev/img/gplus-gray.svg
Normal file
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="45px" height="45px" viewBox="0 0 45 45" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Artboard 3 Copy</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Artboard-3-Copy" fill-rule="nonzero" fill="#7A7A7A">
|
||||
<g id="svg+xml" transform="translate(6.000000, 12.000000)">
|
||||
<g id="Calque_1">
|
||||
<g id="Group">
|
||||
<path d="M11,9.1 L11,13.3 L16.7,13.3 C15.8,16 14.4,17.5 11,17.5 C7.6,17.5 4.9,14.7 4.9,11.3 C4.9,7.9 7.5,5 11,5 C12.8,5 14,5.6 15.1,6.5 C16,5.6 15.9,5.5 18.1,3.4 C16.2,1.7 13.8,0.7 11,0.7 C5.2,0.7 0.5,5.4 0.5,11.2 C0.5,17 5.2,21.7 11,21.7 C19.7,21.7 21.8,14.2 21.1,9.1 L11,9.1 Z M29.9,9.4 L29.9,5.8 L27.3,5.8 L27.3,9.4 L23.6,9.4 L23.6,12 L27.3,12 L27.3,15.7 L29.9,15.7 L29.9,12 L33.5,12 L33.5,9.4 L29.9,9.4 Z" id="Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
16
themes/at_movic/_dev/img/gplus.svg
Normal file
16
themes/at_movic/_dev/img/gplus.svg
Normal file
@@ -0,0 +1,16 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
|
||||
<g>
|
||||
<image overflow="visible" opacity="0.1" width="46" height="34" xlink:href="CE61D04B.png" transform="matrix(1 0 0 1 -2 4)">
|
||||
</image>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#FFFFFF" d="M14,18.1v4.2c0,0,4,0,5.7,0c-0.9,2.7-2.3,4.2-5.7,4.2c-3.4,0-6.1-2.8-6.1-6.2S10.5,14,14,14
|
||||
c1.8,0,3,0.6,4.1,1.5c0.9-0.9,0.8-1,3-3.1c-1.9-1.7-4.3-2.7-7.1-2.7c-5.8,0-10.5,4.7-10.5,10.5C3.5,26,8.2,30.7,14,30.7
|
||||
c8.7,0,10.8-7.5,10.1-12.6C22,18.1,14,18.1,14,18.1z M32.9,18.4v-3.6h-2.6v3.6h-3.7v2.6h3.7v3.7h2.6v-3.7h3.6v-2.6H32.9z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 901 B |
35
themes/at_movic/_dev/img/index.php
Normal file
35
themes/at_movic/_dev/img/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
|
||||
|
||||
header('Cache-Control: no-store, no-cache, must-revalidate');
|
||||
header('Cache-Control: post-check=0, pre-check=0', false);
|
||||
header('Pragma: no-cache');
|
||||
|
||||
header('Location: ../');
|
||||
exit;
|
||||
16
themes/at_movic/_dev/img/instagram.svg
Normal file
16
themes/at_movic/_dev/img/instagram.svg
Normal file
@@ -0,0 +1,16 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
|
||||
<g>
|
||||
<image overflow="visible" opacity="0.1" width="42" height="42" xlink:href="1BA08623.png" >
|
||||
</image>
|
||||
<g>
|
||||
<path fill="#FFFFFF" d="M28.9,5.6H11.1C8,5.6,5.6,8,5.6,11.1V17v11.8c0,3.1,2.5,5.5,5.5,5.5h17.7c3.1,0,5.5-2.5,5.5-5.5V17v-5.9
|
||||
C34.4,8,32,5.6,28.9,5.6z M30.5,8.9h0.6v0.6v4.3h-4.9V8.9H30.5z M15.9,17c0.9-1.2,2.5-2.1,4.1-2.1s3.2,0.9,4.1,2.1
|
||||
c0.6,0.9,1,1.8,1,3c0,2.8-2.3,5.1-5.1,5.1c-2.7,0-5.1-2.2-5.1-5.1C14.9,18.9,15.3,17.9,15.9,17z M31.6,28.9c0,1.5-1.2,2.7-2.7,2.7
|
||||
H11.1c-1.5,0-2.7-1.2-2.7-2.7V17h4.3c-0.4,0.9-0.6,2-0.6,3c0,4.3,3.6,7.9,7.9,7.9s7.9-3.6,7.9-7.9c0-1-0.2-2.1-0.6-3h4.3
|
||||
L31.6,28.9L31.6,28.9z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1013 B |
16
themes/at_movic/_dev/img/pinterest-blue.svg
Normal file
16
themes/at_movic/_dev/img/pinterest-blue.svg
Normal file
@@ -0,0 +1,16 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
|
||||
<g>
|
||||
<image overflow="visible" opacity="0.1" width="38" height="46" xlink:href="8DF66D4B.png" transform="matrix(1 0 0 1 2 -1)">
|
||||
</image>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#2fb5d2" d="M18.7,5.1C13.4,5.6,8.1,10,7.8,16.1c-0.1,3.8,0.9,6.6,4.5,7.4c1.6-2.7-0.5-3.3-0.8-5.3
|
||||
c-1.3-8.1,9.4-13.7,15-8c3.9,3.9,1.3,16-4.9,14.8c-6-1.2,2.9-10.8-1.8-12.7c-3.9-1.5-5.9,4.7-4.1,7.8c-1.1,5.3-3.4,10.3-2.5,17
|
||||
c3.1-2.2,4.1-6.5,4.9-10.9c1.5,0.9,2.4,1.9,4.3,2.1c7.2,0.6,11.2-7.2,10.3-14.4C31.8,7.5,25.5,4.3,18.7,5.1z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 891 B |
18
themes/at_movic/_dev/img/pinterest-gray.svg
Normal file
18
themes/at_movic/_dev/img/pinterest-gray.svg
Normal file
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="45px" height="45px" viewBox="0 0 45 45" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Artboard 3 Copy 2</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Artboard-3-Copy-2" fill-rule="nonzero" fill="#7A7A7A">
|
||||
<g id="svg+xml" transform="translate(10.000000, 6.000000)">
|
||||
<g id="Calque_1">
|
||||
<g id="Group">
|
||||
<path d="M11.7,1.1 C6.4,1.6 1.1,6 0.8,12.1 C0.7,15.9 1.7,18.7 5.3,19.5 C6.9,16.8 4.8,16.2 4.5,14.2 C3.2,6.1 13.9,0.5 19.5,6.2 C23.4,10.1 20.8,22.2 14.6,21 C8.6,19.8 17.5,10.2 12.8,8.3 C8.9,6.8 6.9,13 8.7,16.1 C7.6,21.4 5.3,26.4 6.2,33.1 C9.3,30.9 10.3,26.6 11.1,22.2 C12.6,23.1 13.5,24.1 15.4,24.3 C22.6,24.9 26.6,17.1 25.7,9.9 C24.8,3.5 18.5,0.3 11.7,1.1 Z" id="Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
16
themes/at_movic/_dev/img/pinterest.svg
Normal file
16
themes/at_movic/_dev/img/pinterest.svg
Normal file
@@ -0,0 +1,16 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
|
||||
<g>
|
||||
<image overflow="visible" opacity="0.1" width="38" height="46" xlink:href="8DF66D4B.png" transform="matrix(1 0 0 1 2 -1)">
|
||||
</image>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#FFFFFF" d="M18.7,5.1C13.4,5.6,8.1,10,7.8,16.1c-0.1,3.8,0.9,6.6,4.5,7.4c1.6-2.7-0.5-3.3-0.8-5.3
|
||||
c-1.3-8.1,9.4-13.7,15-8c3.9,3.9,1.3,16-4.9,14.8c-6-1.2,2.9-10.8-1.8-12.7c-3.9-1.5-5.9,4.7-4.1,7.8c-1.1,5.3-3.4,10.3-2.5,17
|
||||
c3.1-2.2,4.1-6.5,4.9-10.9c1.5,0.9,2.4,1.9,4.3,2.1c7.2,0.6,11.2-7.2,10.3-14.4C31.8,7.5,25.5,4.3,18.7,5.1z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 891 B |
16
themes/at_movic/_dev/img/rss.svg
Normal file
16
themes/at_movic/_dev/img/rss.svg
Normal file
@@ -0,0 +1,16 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
|
||||
<g>
|
||||
<image overflow="visible" opacity="0.1" width="42" height="42" xlink:href="970B07D0.png" >
|
||||
</image>
|
||||
<g>
|
||||
<path fill="#FFFFFF" d="M5.9,30.4c0-1,0.4-1.9,1.1-2.7c0.7-0.7,1.6-1.1,2.7-1.1s1.9,0.4,2.7,1.1c0.7,0.7,1.1,1.6,1.1,2.7
|
||||
c0,1.1-0.4,2-1.1,2.7s-1.6,1.1-2.7,1.1S7.8,33.8,7,33.1C6.3,32.3,5.9,31.4,5.9,30.4z M5.9,20.9v-5.4c3.4,0,6.5,0.8,9.4,2.5
|
||||
s5.2,4,6.8,6.8c1.7,2.9,2.5,6,2.5,9.4h-5.5c0-3.7-1.3-6.8-3.9-9.4C12.7,22.2,9.6,20.9,5.9,20.9z M5.9,11.2V5.8
|
||||
c3.8,0,7.5,0.8,11,2.3s6.5,3.5,9.1,6.1s4.6,5.6,6.1,9.1c1.5,3.5,2.3,7.2,2.3,11h-5.5c0-3.1-0.6-6.1-1.8-8.9
|
||||
c-1.2-2.8-2.8-5.3-4.9-7.3s-4.5-3.7-7.3-4.9S9,11.2,5.9,11.2z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1020 B |
38
themes/at_movic/_dev/img/twitter-blue.svg
Normal file
38
themes/at_movic/_dev/img/twitter-blue.svg
Normal file
@@ -0,0 +1,38 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
|
||||
<g>
|
||||
<image overflow="visible" opacity="0.1" width="42" height="36" xlink:href="43D69FB1.png" transform="matrix(1 0 0 1 1 3)">
|
||||
</image>
|
||||
<g>
|
||||
<path fill="#2fb5d2" d="M25.7,8L25.7,8l0.7,0h0.7l0.5,0.1c0.3,0.1,0.6,0.2,0.9,0.3s0.5,0.2,0.8,0.4C29.6,8.9,29.8,9,30,9.2
|
||||
c0.2,0.1,0.4,0.3,0.6,0.5c0.2,0.2,0.4,0.2,0.8,0.1c0.3-0.1,0.7-0.2,1.1-0.3c0.4-0.1,0.8-0.3,1.2-0.5c0.4-0.2,0.6-0.3,0.7-0.3
|
||||
c0.1,0,0.1-0.1,0.1-0.1l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0c0,0,0,0.1,0,0.1
|
||||
S34.5,9,34.3,9.3s-0.4,0.6-0.6,0.9c-0.2,0.3-0.5,0.6-0.6,0.7c-0.2,0.2-0.3,0.3-0.4,0.3c-0.1,0.1-0.1,0.1-0.2,0.2l-0.1,0.1l0,0l0,0
|
||||
l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0h0.1h0.1l0.7-0.2c0.5-0.1,1-0.2,1.4-0.4c0.5-0.2,0.7-0.2,0.7-0.2
|
||||
c0,0,0.1,0,0.1,0l0,0l0,0l0,0l0,0l0,0l0.1,0l0.1,0v0v0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0
|
||||
c0,0-0.1,0.2-0.3,0.5c-0.2,0.3-0.3,0.4-0.4,0.5c0,0,0,0-0.1,0.1c0,0-0.2,0.2-0.6,0.6c-0.3,0.3-0.7,0.7-1,0.9
|
||||
c-0.3,0.3-0.5,0.6-0.5,1c0,0.4,0,0.8-0.1,1.3c0,0.5-0.1,1-0.2,1.6c-0.1,0.6-0.2,1.2-0.5,2c-0.2,0.7-0.5,1.4-0.7,2.1
|
||||
c-0.3,0.7-0.6,1.3-0.9,1.9s-0.6,1-0.9,1.4c-0.3,0.4-0.5,0.7-0.8,1.1c-0.3,0.3-0.6,0.7-1,1.1c-0.4,0.4-0.7,0.6-0.7,0.7
|
||||
c0,0-0.2,0.2-0.5,0.4c-0.3,0.3-0.6,0.5-1,0.8c-0.3,0.3-0.7,0.5-1,0.6c-0.3,0.2-0.6,0.4-1.1,0.6c-0.4,0.2-0.9,0.4-1.3,0.6
|
||||
c-0.5,0.2-1,0.4-1.5,0.5c-0.5,0.2-1,0.3-1.5,0.4c-0.5,0.1-1.1,0.2-1.7,0.2l-0.9,0.1v0v0h-0.9h-0.9v0v0l-0.2,0c-0.2,0-0.3,0-0.4,0
|
||||
s-0.5-0.1-1.1-0.1c-0.6-0.1-1.1-0.2-1.5-0.3s-0.9-0.3-1.6-0.5c-0.7-0.2-1.3-0.5-1.8-0.8c-0.5-0.3-0.8-0.4-1-0.5
|
||||
c-0.1-0.1-0.3-0.1-0.4-0.2l-0.2-0.1l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0h0h0v0v0l0,0l0,0l0.1,0c0.1,0,0.3,0,0.7,0
|
||||
s0.7,0,1.1,0s0.8-0.1,1.2-0.1c0.4-0.1,0.9-0.2,1.5-0.3c0.6-0.2,1.1-0.3,1.6-0.5c0.5-0.2,0.8-0.4,1-0.5c0.2-0.1,0.5-0.3,0.9-0.6
|
||||
l0.6-0.4l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l-0.2,0c-0.1,0-0.3,0-0.4,0s-0.3,0-0.6-0.1
|
||||
c-0.3-0.1-0.6-0.2-0.9-0.3c-0.3-0.1-0.6-0.3-1-0.5s-0.5-0.4-0.7-0.5c-0.1-0.1-0.3-0.3-0.5-0.5c-0.2-0.2-0.4-0.5-0.6-0.7
|
||||
c-0.2-0.2-0.3-0.5-0.5-0.9l-0.2-0.5l0,0l0,0l0,0l0,0l0,0l0,0l0.3,0c0.2,0,0.5,0,0.9,0s0.7,0,0.9-0.1c0.2,0,0.3,0,0.3-0.1l0.1,0
|
||||
l0.1,0l0.1,0l0,0l0,0l0,0l0,0l-0.1,0l-0.1,0l-0.1,0l-0.1,0l-0.1,0c0,0-0.1,0-0.2-0.1s-0.3-0.1-0.7-0.3c-0.4-0.2-0.7-0.3-0.9-0.5
|
||||
c-0.2-0.2-0.4-0.3-0.7-0.5c-0.2-0.2-0.4-0.4-0.7-0.7c-0.2-0.3-0.5-0.7-0.7-1c-0.2-0.4-0.3-0.8-0.4-1.1c-0.1-0.4-0.2-0.7-0.2-1.1
|
||||
l0-0.6l0,0l0,0l0,0l0,0l0,0l0,0l0.4,0.2c0.3,0.1,0.6,0.2,1,0.3s0.7,0.1,0.7,0.1l0.1,0h0.1h0.1l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0
|
||||
l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0c0,0-0.1-0.1-0.2-0.2c-0.1-0.1-0.3-0.3-0.5-0.4c-0.2-0.2-0.3-0.4-0.5-0.6s-0.3-0.4-0.4-0.6
|
||||
C8,15,7.8,14.7,7.7,14.4c-0.1-0.3-0.2-0.7-0.3-1c-0.1-0.3-0.1-0.7-0.1-1c0-0.3,0-0.6,0-0.9c0-0.2,0.1-0.5,0.2-0.8s0.2-0.6,0.3-1
|
||||
L8,9.2l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0.4,0.4c0.2,0.3,0.5,0.6,0.8,0.9
|
||||
C9.7,10.8,9.9,11,9.9,11c0,0,0.1,0.1,0.1,0.1c0.1,0.1,0.2,0.2,0.5,0.5c0.3,0.2,0.7,0.5,1.2,0.9s1,0.7,1.6,1
|
||||
c0.6,0.3,1.2,0.6,1.9,0.9c0.7,0.3,1.2,0.4,1.4,0.5c0.3,0.1,0.7,0.2,1.4,0.3c0.7,0.1,1.2,0.2,1.5,0.2s0.6,0.1,0.7,0.1l0.2,0l0,0
|
||||
l0,0L20.4,15c0-0.2-0.1-0.5-0.1-0.9s0-0.8,0.1-1.1c0.1-0.3,0.2-0.7,0.3-1c0.1-0.3,0.2-0.6,0.4-0.8c0.1-0.2,0.3-0.4,0.5-0.7
|
||||
c0.2-0.3,0.4-0.5,0.8-0.8c0.3-0.3,0.7-0.5,1.1-0.8c0.4-0.2,0.8-0.4,1.1-0.5c0.3-0.1,0.6-0.2,0.8-0.2S25.7,8,25.7,8z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
18
themes/at_movic/_dev/img/twitter-gray.svg
Normal file
18
themes/at_movic/_dev/img/twitter-gray.svg
Normal file
@@ -0,0 +1,18 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="45px" height="45px" viewBox="0 0 45 45" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 42 (36781) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Artboard 3 Copy 3</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="Artboard-3-Copy-3" fill-rule="nonzero" fill="#7A7A7A">
|
||||
<g id="svg+xml" transform="translate(8.000000, 11.000000)">
|
||||
<g id="Calque_1">
|
||||
<g id="Group">
|
||||
<path d="M19.7,0 L19.7,0 L20.4,0 L21.1,0 L21.6,0.1 C21.9,0.2 22.2,0.3 22.5,0.4 C22.8,0.5 23,0.6 23.3,0.8 C23.6,0.9 23.8,1 24,1.2 C24.2,1.3 24.4,1.5 24.6,1.7 C24.8,1.9 25,1.9 25.4,1.8 C25.7,1.7 26.1,1.6 26.5,1.5 C26.9,1.4 27.3,1.2 27.7,1 C28.1,0.8 28.3,0.7 28.4,0.7 C28.5,0.7 28.5,0.6 28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.6 L28.5,0.7 C28.5,0.7 28.5,1 28.3,1.3 C28.1,1.6 27.9,1.9 27.7,2.2 C27.5,2.5 27.2,2.8 27.1,2.9 C26.9,3.1 26.8,3.2 26.7,3.2 C26.6,3.3 26.6,3.3 26.5,3.4 L26.4,3.5 L26.4,3.5 L26.4,3.5 L26.4,3.5 L26.4,3.5 L26.4,3.5 L26.4,3.5 L26.4,3.5 L26.4,3.5 L26.4,3.5 L26.4,3.5 L26.4,3.5 L26.4,3.5 L26.4,3.5 L26.4,3.5 L26.4,3.5 L26.4,3.5 L26.5,3.5 L26.6,3.5 L27.3,3.3 C27.8,3.2 28.3,3.1 28.7,2.9 C29.2,2.7 29.4,2.7 29.4,2.7 L29.5,2.7 L29.5,2.7 L29.5,2.7 L29.5,2.7 L29.5,2.7 L29.5,2.7 L29.6,2.7 L29.7,2.7 L29.7,2.7 L29.7,2.7 L29.7,2.7 L29.7,2.7 L29.7,2.7 L29.7,2.7 L29.7,2.7 L29.7,2.7 L29.7,2.7 L29.7,2.7 L29.7,2.7 L29.7,2.7 L29.7,2.7 L29.7,2.7 L29.7,2.7 L29.7,2.7 L29.7,2.7 C29.7,2.7 29.6,2.9 29.4,3.2 C29.2,3.5 29.1,3.6 29,3.7 C29,3.7 29,3.7 28.9,3.8 C28.9,3.8 28.7,4 28.3,4.4 C28,4.7 27.6,5.1 27.3,5.3 C27,5.6 26.8,5.9 26.8,6.3 C26.8,6.7 26.8,7.1 26.7,7.6 C26.7,8.1 26.6,8.6 26.5,9.2 C26.4,9.8 26.3,10.4 26,11.2 C25.8,11.9 25.5,12.6 25.3,13.3 C25,14 24.7,14.6 24.4,15.2 C24.1,15.8 23.8,16.2 23.5,16.6 C23.2,17 23,17.3 22.7,17.7 C22.4,18 22.1,18.4 21.7,18.8 C21.3,19.2 21,19.4 21,19.5 C21,19.5 20.8,19.7 20.5,19.9 C20.2,20.2 19.9,20.4 19.5,20.7 C19.2,21 18.8,21.2 18.5,21.3 C18.2,21.5 17.9,21.7 17.4,21.9 C17,22.1 16.5,22.3 16.1,22.5 C15.6,22.7 15.1,22.9 14.6,23 C14.1,23.2 13.6,23.3 13.1,23.4 C12.6,23.5 12,23.6 11.4,23.6 L10.5,23.7 L10.5,23.7 L10.5,23.7 L9.6,23.7 L8.7,23.7 L8.7,23.7 L8.7,23.7 L8.5,23.7 L8.1,23.7 C8,23.7 7.6,23.6 7,23.6 C6.4,23.5 5.9,23.4 5.5,23.3 C5.1,23.2 4.6,23 3.9,22.8 C3.2,22.6 2.6,22.3 2.1,22 C1.6,21.7 1.3,21.6 1.1,21.5 C1,21.4 0.8,21.4 0.7,21.3 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.5,21.2 L0.6,21.2 L1.3,21.2 L2.4,21.2 C2.8,21.2 3.2,21.1 3.6,21.1 C4,21 4.5,20.9 5.1,20.8 C5.7,20.6 6.2,20.5 6.7,20.3 C7.2,20.1 7.5,19.9 7.7,19.8 C7.9,19.7 8.2,19.5 8.6,19.2 L9.2,18.8 L9.2,18.8 L9.2,18.8 L9.2,18.8 L9.2,18.8 L9.2,18.8 L9.2,18.8 L9.2,18.8 L9.2,18.8 L9.2,18.8 L9.2,18.8 L9.2,18.8 L9.2,18.8 L9.2,18.8 L9.2,18.8 L9,18.8 L8.6,18.8 C8.5,18.8 8.3,18.8 8,18.7 C7.7,18.6 7.4,18.5 7.1,18.4 C6.8,18.3 6.5,18.1 6.1,17.9 C5.7,17.7 5.6,17.5 5.4,17.4 C5.3,17.3 5.1,17.1 4.9,16.9 C4.7,16.7 4.5,16.4 4.3,16.2 C4.1,16 4,15.7 3.8,15.3 L3.6,14.8 L3.6,14.8 L3.6,14.8 L3.6,14.8 L3.6,14.8 L3.6,14.8 L3.6,14.8 L3.9,14.8 L4.8,14.8 C5.2,14.8 5.5,14.8 5.7,14.7 C5.9,14.7 6,14.7 6,14.6 L6.1,14.6 L6.2,14.6 L6.3,14.6 L6.3,14.6 L6.3,14.6 L6.3,14.6 L6.3,14.6 L6.2,14.6 L6.1,14.6 L6,14.6 L5.9,14.6 L5.8,14.6 C5.8,14.6 5.7,14.6 5.6,14.5 C5.5,14.4 5.3,14.4 4.9,14.2 C4.5,14 4.2,13.9 4,13.7 C3.8,13.5 3.6,13.4 3.3,13.2 C3.1,13 2.9,12.8 2.6,12.5 C2.4,12.2 2.1,11.8 1.9,11.5 C1.7,11.1 1.6,10.7 1.5,10.4 C1.4,10 1.3,9.7 1.3,9.3 L1.3,8.7 L1.3,8.7 L1.3,8.7 L1.3,8.7 L1.3,8.7 L1.3,8.7 L1.3,8.7 L1.7,8.9 C2,9 2.3,9.1 2.7,9.2 C3.1,9.3 3.4,9.3 3.4,9.3 L3.5,9.3 L3.6,9.3 L3.7,9.3 L3.7,9.3 L3.7,9.3 L3.7,9.3 L3.7,9.3 L3.7,9.3 L3.7,9.3 L3.7,9.3 L3.7,9.3 L3.7,9.3 L3.7,9.3 L3.7,9.3 L3.7,9.3 L3.7,9.3 L3.7,9.3 L3.7,9.3 L3.7,9.3 L3.7,9.3 C3.7,9.3 3.6,9.2 3.5,9.1 C3.4,9 3.2,8.8 3,8.7 C2.8,8.5 2.7,8.3 2.5,8.1 C2.3,7.9 2.2,7.7 2.1,7.5 C2,7 1.8,6.7 1.7,6.4 C1.6,6.1 1.5,5.7 1.4,5.4 C1.3,5.1 1.3,4.7 1.3,4.4 L1.3,3.5 C1.3,3.3 1.4,3 1.5,2.7 C1.6,2.4 1.7,2.1 1.8,1.7 L2,1.2 L2,1.2 L2,1.2 L2,1.2 L2,1.2 L2,1.2 L2,1.2 L2,1.2 L2,1.2 L2,1.2 L2,1.2 L2,1.2 L2,1.2 L2,1.2 L2,1.2 L2,1.2 L2,1.2 L2,1.2 L2,1.2 L2.4,1.6 C2.6,1.9 2.9,2.2 3.2,2.5 C3.7,2.8 3.9,3 3.9,3 L4,3.1 C4.1,3.2 4.2,3.3 4.5,3.6 C4.8,3.8 5.2,4.1 5.7,4.5 C6.2,4.9 6.7,5.2 7.3,5.5 C7.9,5.8 8.5,6.1 9.2,6.4 C9.9,6.7 10.4,6.8 10.6,6.9 C10.9,7 11.3,7.1 12,7.2 C12.7,7.3 13.2,7.4 13.5,7.4 C13.8,7.4 14.1,7.5 14.2,7.5 L14.4,7.5 L14.4,7.5 L14.4,7.5 L14.4,7 C14.4,6.8 14.3,6.5 14.3,6.1 C14.3,5.7 14.3,5.3 14.4,5 C14.5,4.7 14.6,4.3 14.7,4 C14.8,3.7 14.9,3.4 15.1,3.2 C15.2,3 15.4,2.8 15.6,2.5 C15.8,2.2 16,2 16.4,1.7 C16.7,1.4 17.1,1.2 17.5,0.9 C17.9,0.7 18.3,0.5 18.6,0.4 C18.9,0.3 19.2,0.2 19.4,0.2 C19.6,0.2 19.7,0 19.7,0 Z" id="Shape"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.1 KiB |
38
themes/at_movic/_dev/img/twitter.svg
Normal file
38
themes/at_movic/_dev/img/twitter.svg
Normal file
@@ -0,0 +1,38 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
|
||||
<g>
|
||||
<image overflow="visible" opacity="0.1" width="42" height="36" xlink:href="43D69FB1.png" transform="matrix(1 0 0 1 1 3)">
|
||||
</image>
|
||||
<g>
|
||||
<path fill="#FFFFFF" d="M25.7,8L25.7,8l0.7,0h0.7l0.5,0.1c0.3,0.1,0.6,0.2,0.9,0.3s0.5,0.2,0.8,0.4C29.6,8.9,29.8,9,30,9.2
|
||||
c0.2,0.1,0.4,0.3,0.6,0.5c0.2,0.2,0.4,0.2,0.8,0.1c0.3-0.1,0.7-0.2,1.1-0.3c0.4-0.1,0.8-0.3,1.2-0.5c0.4-0.2,0.6-0.3,0.7-0.3
|
||||
c0.1,0,0.1-0.1,0.1-0.1l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0c0,0,0,0.1,0,0.1
|
||||
S34.5,9,34.3,9.3s-0.4,0.6-0.6,0.9c-0.2,0.3-0.5,0.6-0.6,0.7c-0.2,0.2-0.3,0.3-0.4,0.3c-0.1,0.1-0.1,0.1-0.2,0.2l-0.1,0.1l0,0l0,0
|
||||
l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0h0.1h0.1l0.7-0.2c0.5-0.1,1-0.2,1.4-0.4c0.5-0.2,0.7-0.2,0.7-0.2
|
||||
c0,0,0.1,0,0.1,0l0,0l0,0l0,0l0,0l0,0l0.1,0l0.1,0v0v0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0
|
||||
c0,0-0.1,0.2-0.3,0.5c-0.2,0.3-0.3,0.4-0.4,0.5c0,0,0,0-0.1,0.1c0,0-0.2,0.2-0.6,0.6c-0.3,0.3-0.7,0.7-1,0.9
|
||||
c-0.3,0.3-0.5,0.6-0.5,1c0,0.4,0,0.8-0.1,1.3c0,0.5-0.1,1-0.2,1.6c-0.1,0.6-0.2,1.2-0.5,2c-0.2,0.7-0.5,1.4-0.7,2.1
|
||||
c-0.3,0.7-0.6,1.3-0.9,1.9s-0.6,1-0.9,1.4c-0.3,0.4-0.5,0.7-0.8,1.1c-0.3,0.3-0.6,0.7-1,1.1c-0.4,0.4-0.7,0.6-0.7,0.7
|
||||
c0,0-0.2,0.2-0.5,0.4c-0.3,0.3-0.6,0.5-1,0.8c-0.3,0.3-0.7,0.5-1,0.6c-0.3,0.2-0.6,0.4-1.1,0.6c-0.4,0.2-0.9,0.4-1.3,0.6
|
||||
c-0.5,0.2-1,0.4-1.5,0.5c-0.5,0.2-1,0.3-1.5,0.4c-0.5,0.1-1.1,0.2-1.7,0.2l-0.9,0.1v0v0h-0.9h-0.9v0v0l-0.2,0c-0.2,0-0.3,0-0.4,0
|
||||
s-0.5-0.1-1.1-0.1c-0.6-0.1-1.1-0.2-1.5-0.3s-0.9-0.3-1.6-0.5c-0.7-0.2-1.3-0.5-1.8-0.8c-0.5-0.3-0.8-0.4-1-0.5
|
||||
c-0.1-0.1-0.3-0.1-0.4-0.2l-0.2-0.1l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0h0h0v0v0l0,0l0,0l0.1,0c0.1,0,0.3,0,0.7,0
|
||||
s0.7,0,1.1,0s0.8-0.1,1.2-0.1c0.4-0.1,0.9-0.2,1.5-0.3c0.6-0.2,1.1-0.3,1.6-0.5c0.5-0.2,0.8-0.4,1-0.5c0.2-0.1,0.5-0.3,0.9-0.6
|
||||
l0.6-0.4l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l-0.2,0c-0.1,0-0.3,0-0.4,0s-0.3,0-0.6-0.1
|
||||
c-0.3-0.1-0.6-0.2-0.9-0.3c-0.3-0.1-0.6-0.3-1-0.5s-0.5-0.4-0.7-0.5c-0.1-0.1-0.3-0.3-0.5-0.5c-0.2-0.2-0.4-0.5-0.6-0.7
|
||||
c-0.2-0.2-0.3-0.5-0.5-0.9l-0.2-0.5l0,0l0,0l0,0l0,0l0,0l0,0l0.3,0c0.2,0,0.5,0,0.9,0s0.7,0,0.9-0.1c0.2,0,0.3,0,0.3-0.1l0.1,0
|
||||
l0.1,0l0.1,0l0,0l0,0l0,0l0,0l-0.1,0l-0.1,0l-0.1,0l-0.1,0l-0.1,0c0,0-0.1,0-0.2-0.1s-0.3-0.1-0.7-0.3c-0.4-0.2-0.7-0.3-0.9-0.5
|
||||
c-0.2-0.2-0.4-0.3-0.7-0.5c-0.2-0.2-0.4-0.4-0.7-0.7c-0.2-0.3-0.5-0.7-0.7-1c-0.2-0.4-0.3-0.8-0.4-1.1c-0.1-0.4-0.2-0.7-0.2-1.1
|
||||
l0-0.6l0,0l0,0l0,0l0,0l0,0l0,0l0.4,0.2c0.3,0.1,0.6,0.2,1,0.3s0.7,0.1,0.7,0.1l0.1,0h0.1h0.1l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0
|
||||
l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0c0,0-0.1-0.1-0.2-0.2c-0.1-0.1-0.3-0.3-0.5-0.4c-0.2-0.2-0.3-0.4-0.5-0.6s-0.3-0.4-0.4-0.6
|
||||
C8,15,7.8,14.7,7.7,14.4c-0.1-0.3-0.2-0.7-0.3-1c-0.1-0.3-0.1-0.7-0.1-1c0-0.3,0-0.6,0-0.9c0-0.2,0.1-0.5,0.2-0.8s0.2-0.6,0.3-1
|
||||
L8,9.2l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0,0l0.4,0.4c0.2,0.3,0.5,0.6,0.8,0.9
|
||||
C9.7,10.8,9.9,11,9.9,11c0,0,0.1,0.1,0.1,0.1c0.1,0.1,0.2,0.2,0.5,0.5c0.3,0.2,0.7,0.5,1.2,0.9s1,0.7,1.6,1
|
||||
c0.6,0.3,1.2,0.6,1.9,0.9c0.7,0.3,1.2,0.4,1.4,0.5c0.3,0.1,0.7,0.2,1.4,0.3c0.7,0.1,1.2,0.2,1.5,0.2s0.6,0.1,0.7,0.1l0.2,0l0,0
|
||||
l0,0L20.4,15c0-0.2-0.1-0.5-0.1-0.9s0-0.8,0.1-1.1c0.1-0.3,0.2-0.7,0.3-1c0.1-0.3,0.2-0.6,0.4-0.8c0.1-0.2,0.3-0.4,0.5-0.7
|
||||
c0.2-0.3,0.4-0.5,0.8-0.8c0.3-0.3,0.7-0.5,1.1-0.8c0.4-0.2,0.8-0.4,1.1-0.5c0.3-0.1,0.6-0.2,0.8-0.2S25.7,8,25.7,8z"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.7 KiB |
24
themes/at_movic/_dev/img/vimeo.svg
Normal file
24
themes/at_movic/_dev/img/vimeo.svg
Normal file
@@ -0,0 +1,24 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
|
||||
<g>
|
||||
<image overflow="visible" opacity="0.1" width="43" height="40" xlink:href="503E00AB.png" transform="matrix(1 0 0 1 -1 1)">
|
||||
</image>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#FFFFFF" d="M4.1,14c0.7-0.5,1.8-1.4,3.3-2.8c1.5-1.3,2.7-2.3,3.7-2.9c1.3-0.7,2.4-1,3.5-0.7c0.5,0.1,1,0.5,1.4,1.1
|
||||
c0.4,0.6,0.8,1.2,1,1.9c0.2,0.6,0.5,2.1,0.9,4.5c0.1,0.4,0.1,1,0.2,2c0.1,0.9,0.2,1.7,0.3,2.3c0.1,0.6,0.3,1.3,0.5,2
|
||||
c0.3,0.7,0.6,1.3,1,1.8c0.8,0.8,1.6,1,2.4,0.4c0.5-0.4,1.2-1.3,1.9-2.7c0.9-1.7,1.3-3,1.4-3.9c0.1-1.4-0.1-2.3-0.7-2.7
|
||||
c-0.6-0.4-1.6-0.6-3.1-0.4c0.3-0.9,0.7-1.7,1.2-2.5c0.5-0.8,1.1-1.4,1.6-1.9c0.6-0.5,1.2-0.9,1.8-1.3c0.6-0.4,1.1-0.7,1.6-0.8
|
||||
c0.4-0.2,0.8-0.3,1.1-0.3c2.5-0.4,4.2,0,5.1,1.2c0.7,0.9,0.9,2.1,0.6,3.6c-0.3,1.3-1,3.4-2.3,6.2c-1.2,2.8-2.8,5.5-4.7,8
|
||||
c-2.2,2.9-4.4,5.1-6.8,6.5c-0.6,0.4-1.3,0.7-2.1,0.9c-0.8,0.2-1.5,0.2-2.3,0c-1.1-0.5-2-1.6-2.8-3.4c-0.4-0.9-0.9-2.7-1.6-5.4
|
||||
c-0.7-2.6-1.1-4.3-1.4-5.1c-0.1-0.2-0.2-0.6-0.3-1.1c-0.1-0.5-0.3-0.9-0.4-1.3c-0.1-0.4-0.3-0.7-0.5-1.1
|
||||
c-0.3-0.5-0.7-0.8-1.1-0.8c-0.4,0-1,0.1-1.6,0.3c-0.6,0.2-1.1,0.3-1.5,0.2c-0.2,0-0.4-0.2-0.6-0.5c-0.2-0.3-0.4-0.6-0.7-0.7
|
||||
L4.1,14L4.1,14L4.1,14z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.5 KiB |
38
themes/at_movic/_dev/img/youtube.svg
Normal file
38
themes/at_movic/_dev/img/youtube.svg
Normal file
@@ -0,0 +1,38 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 19.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="40px" height="40px" viewBox="0 0 40 40" enable-background="new 0 0 40 40" xml:space="preserve">
|
||||
<g>
|
||||
<image overflow="visible" opacity="0.1" width="39" height="39" xlink:href="5CBF449C.png" transform="matrix(1 0 0 1 2 1)">
|
||||
</image>
|
||||
<g>
|
||||
<g>
|
||||
<g>
|
||||
<path fill="#FFFFFF" d="M22.9,22c-0.4,0-0.8,0.2-1.2,0.7V20h-1.1v8.4h1.1v-0.6c0.4,0.5,0.8,0.7,1.2,0.7c0.5,0,0.8-0.2,0.9-0.7
|
||||
c0.1-0.2,0.1-0.7,0.1-1.2V24c0-0.6,0-1-0.1-1.3C23.7,22.3,23.4,22,22.9,22z M22.8,26.6c0,0.6-0.2,0.8-0.5,0.8
|
||||
c-0.2,0-0.4-0.1-0.6-0.3v-3.8c0.2-0.2,0.4-0.3,0.6-0.3c0.3,0,0.5,0.3,0.5,0.9V26.6z"/>
|
||||
<path fill="#FFFFFF" d="M26.5,22c-0.6,0-1,0.2-1.4,0.6c-0.2,0.3-0.3,0.8-0.3,1.5v2.2c0,0.7,0.1,1.2,0.4,1.5
|
||||
c0.3,0.4,0.8,0.6,1.4,0.6c0.6,0,1.1-0.2,1.4-0.7c0.1-0.2,0.2-0.4,0.3-0.7c0-0.2,0-0.4,0-0.7v-0.2h-1.2c0,0.1,0,0.2,0,0.4
|
||||
s0,0.2,0,0.3c0,0.1,0,0.1,0,0.1c-0.1,0.3-0.2,0.4-0.5,0.4c-0.4,0-0.6-0.3-0.6-0.9v-1.1h2.3v-1.3c0-0.7-0.1-1.1-0.4-1.5
|
||||
C27.6,22.2,27.1,22,26.5,22z M27.1,24.5H26v-0.6c0-0.6,0.2-0.9,0.6-0.9c0.4,0,0.6,0.3,0.6,0.9V24.5L27.1,24.5z"/>
|
||||
<path fill="#FFFFFF" d="M18.5,26.9c-0.2,0.4-0.5,0.5-0.7,0.5c-0.2,0-0.2-0.1-0.3-0.3c0,0,0-0.2,0-0.4v-4.6h-1.1V27
|
||||
c0,0.4,0,0.7,0.1,0.9c0.1,0.3,0.3,0.5,0.7,0.5c0.4,0,0.9-0.3,1.3-0.8v0.7h1.1v-6.3h-1.1L18.5,26.9L18.5,26.9L18.5,26.9z"/>
|
||||
<path fill="#FFFFFF" d="M20,15.7c0.4,0,0.5-0.3,0.5-0.9v-2.7c0-0.6-0.2-0.9-0.5-0.9c-0.4,0-0.5,0.3-0.5,0.9v2.7
|
||||
C19.4,15.4,19.6,15.7,20,15.7z"/>
|
||||
<polygon fill="#FFFFFF" points="12.3,21.1 13.6,21.1 13.6,28.4 14.9,28.4 14.9,21.1 16.2,21.1 16.2,20 12.3,20 "/>
|
||||
<path fill="#FFFFFF" d="M28.4,6.5H12.1C10.7,6.5,9.6,7,8.6,8c-1,1-1.4,2.1-1.4,3.5v16.4c0,1.4,0.5,2.5,1.4,3.5
|
||||
c1,1,2.1,1.4,3.5,1.4h16.4c1.4,0,2.5-0.5,3.5-1.4c1-1,1.4-2.1,1.4-3.5V11.5c0-1.4-0.5-2.5-1.4-3.5C30.9,7,29.8,6.5,28.4,6.5z
|
||||
M22.6,10.3h1.1V15c0,0.3,0,0.4,0,0.4c0,0.2,0.1,0.3,0.3,0.3c0.2,0,0.5-0.2,0.7-0.5v-4.8h1.1v6.3h-1.1V16
|
||||
c-0.5,0.5-0.9,0.8-1.3,0.8c-0.4,0-0.6-0.2-0.7-0.5c-0.1-0.2-0.1-0.5-0.1-0.9L22.6,10.3L22.6,10.3z M18.3,12.4
|
||||
c0-0.7,0.1-1.2,0.4-1.5c0.3-0.4,0.7-0.6,1.3-0.6c0.6,0,1,0.2,1.3,0.6c0.2,0.3,0.4,0.8,0.4,1.5v2.2c0,0.7-0.1,1.2-0.4,1.5
|
||||
c-0.3,0.4-0.8,0.6-1.3,0.6c-0.6,0-1-0.2-1.3-0.6c-0.2-0.3-0.4-0.8-0.4-1.5L18.3,12.4L18.3,12.4z M15.2,8.2l0.9,3.3L17,8.2h1.3
|
||||
l-1.5,5v3.4h-1.3v-3.4c-0.1-0.6-0.4-1.5-0.8-2.7c-0.1-0.3-0.2-0.7-0.4-1.2c-0.2-0.5-0.3-0.9-0.4-1.2L15.2,8.2L15.2,8.2z
|
||||
M29.3,28.7c-0.1,0.5-0.4,0.9-0.7,1.2c-0.4,0.3-0.8,0.5-1.3,0.6c-1.6,0.2-3.9,0.3-7,0.3c-3.1,0-5.5-0.1-7-0.3
|
||||
c-0.5-0.1-0.9-0.3-1.3-0.6c-0.4-0.3-0.6-0.8-0.7-1.2c-0.2-1-0.3-2.4-0.3-4.4c0-2,0.1-3.4,0.3-4.4c0.1-0.5,0.4-0.9,0.7-1.3
|
||||
c0.4-0.3,0.8-0.5,1.3-0.6c1.5-0.2,3.9-0.3,7-0.3c3.1,0,5.5,0.1,7,0.3c0.5,0.1,0.9,0.3,1.3,0.6c0.4,0.3,0.6,0.8,0.7,1.3
|
||||
c0.2,0.9,0.3,2.4,0.3,4.4C29.6,26.3,29.5,27.8,29.3,28.7z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
35
themes/at_movic/_dev/index.php
Normal file
35
themes/at_movic/_dev/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
|
||||
|
||||
header('Cache-Control: no-store, no-cache, must-revalidate');
|
||||
header('Cache-Control: post-check=0, pre-check=0', false);
|
||||
header('Pragma: no-cache');
|
||||
|
||||
header('Location: ../');
|
||||
exit;
|
||||
283
themes/at_movic/_dev/js/cart.js
Normal file
283
themes/at_movic/_dev/js/cart.js
Normal file
@@ -0,0 +1,283 @@
|
||||
/*
|
||||
* @Website: apollotheme.com - prestashop template provider
|
||||
* @author Apollotheme <apollotheme@gmail.com>
|
||||
* @copyright Apollotheme
|
||||
* @description: ApPageBuilder is module help you can build content for your shop
|
||||
*/
|
||||
import $ from 'jquery';
|
||||
import prestashop from 'prestashop';
|
||||
|
||||
prestashop.cart = prestashop.cart || {};
|
||||
|
||||
prestashop.cart.active_inputs = null;
|
||||
|
||||
var spinnerSelector = 'input[name="product-quantity-spin"]';
|
||||
|
||||
/**
|
||||
* Attach Bootstrap TouchSpin event handlers
|
||||
*/
|
||||
function createSpin()
|
||||
{
|
||||
$.each($(spinnerSelector), function (index, spinner) {
|
||||
$(spinner).TouchSpin({
|
||||
verticalbuttons: true,
|
||||
verticalupclass: 'material-icons touchspin-up',
|
||||
verticaldownclass: 'material-icons touchspin-down',
|
||||
buttondown_class: 'btn btn-touchspin js-touchspin js-increase-product-quantity',
|
||||
buttonup_class: 'btn btn-touchspin js-touchspin js-decrease-product-quantity',
|
||||
min: parseInt($(spinner).attr('min'), 10),
|
||||
max: 1000000
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
$(document).ready(() => {
|
||||
let productLineInCartSelector = '.js-cart-line-product-quantity';
|
||||
let promises = [];
|
||||
|
||||
prestashop.on('updateCart', () => {
|
||||
$('.quickview').modal('hide');
|
||||
});
|
||||
|
||||
prestashop.on('updatedCart', () => {
|
||||
createSpin();
|
||||
});
|
||||
|
||||
createSpin();
|
||||
|
||||
let $body = $('body');
|
||||
|
||||
function isTouchSpin(namespace) {
|
||||
return namespace === 'on.startupspin' || namespace === 'on.startdownspin';
|
||||
}
|
||||
|
||||
function shouldIncreaseProductQuantity(namespace) {
|
||||
return namespace === 'on.startupspin';
|
||||
}
|
||||
|
||||
function findCartLineProductQuantityInput($target) {
|
||||
var $input = $target.parents('.bootstrap-touchspin').find(productLineInCartSelector);
|
||||
|
||||
if ($input.is(':focus')) {
|
||||
return null;
|
||||
} else {
|
||||
return $input;
|
||||
}
|
||||
}
|
||||
|
||||
function camelize(subject) {
|
||||
let actionTypeParts = subject.split('-');
|
||||
let i;
|
||||
let part;
|
||||
let camelizedSubject = '';
|
||||
|
||||
for (i = 0; i < actionTypeParts.length; i++) {
|
||||
part = actionTypeParts[i];
|
||||
|
||||
if (0 !== i) {
|
||||
part = part.substring(0, 1).toUpperCase() + part.substring(1);
|
||||
}
|
||||
|
||||
camelizedSubject = camelizedSubject + part;
|
||||
}
|
||||
|
||||
return camelizedSubject;
|
||||
}
|
||||
|
||||
function parseCartAction($target, namespace) {
|
||||
if (!isTouchSpin(namespace)) {
|
||||
return {
|
||||
url: $target.attr('href'),
|
||||
type: camelize($target.data('link-action'))
|
||||
}
|
||||
}
|
||||
|
||||
let $input = findCartLineProductQuantityInput($target);
|
||||
if (!$input) {
|
||||
return;
|
||||
}
|
||||
|
||||
let cartAction = {};
|
||||
if (shouldIncreaseProductQuantity(namespace)) {
|
||||
cartAction = {
|
||||
url: $input.data('up-url'),
|
||||
type: 'increaseProductQuantity'
|
||||
};
|
||||
} else {
|
||||
cartAction = {
|
||||
url: $input.data('down-url'),
|
||||
type: 'decreaseProductQuantity'
|
||||
}
|
||||
}
|
||||
|
||||
return cartAction;
|
||||
}
|
||||
|
||||
let abortPreviousRequests = () => {
|
||||
var promise;
|
||||
while (promises.length > 0) {
|
||||
promise = promises.pop();
|
||||
promise.abort();
|
||||
}
|
||||
};
|
||||
|
||||
var getTouchSpinInput = ($button) => {
|
||||
return $($button.parents('.bootstrap-touchspin').find('input'));
|
||||
};
|
||||
|
||||
var handleCartAction = (event) => {
|
||||
event.preventDefault();
|
||||
|
||||
let $target = $(event.currentTarget);
|
||||
let dataset = event.currentTarget.dataset;
|
||||
|
||||
let cartAction = parseCartAction($target, event.namespace);
|
||||
let requestData = {
|
||||
ajax: '1',
|
||||
action: 'update'
|
||||
};
|
||||
|
||||
if (typeof cartAction === 'undefined') {
|
||||
return;
|
||||
}
|
||||
|
||||
abortPreviousRequests();
|
||||
$.ajax({
|
||||
url: cartAction.url,
|
||||
method: 'POST',
|
||||
data: requestData,
|
||||
dataType: 'json',
|
||||
beforeSend: function (jqXHR) {
|
||||
promises.push(jqXHR);
|
||||
}
|
||||
}).then(function (resp) {
|
||||
var $quantityInput = getTouchSpinInput($target);
|
||||
$quantityInput.val(resp.quantity);
|
||||
|
||||
// Refresh cart preview
|
||||
prestashop.emit('updateCart', {
|
||||
reason: dataset
|
||||
});
|
||||
}).fail((resp) => {
|
||||
prestashop.emit('handleError', {
|
||||
eventType: 'updateProductInCart',
|
||||
resp: resp,
|
||||
cartAction: cartAction.type
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
$body.on(
|
||||
'click',
|
||||
'[data-link-action="delete-from-cart"], [data-link-action="remove-voucher"]',
|
||||
handleCartAction
|
||||
);
|
||||
|
||||
$body.on('touchspin.on.startdownspin', spinnerSelector, handleCartAction);
|
||||
$body.on('touchspin.on.startupspin', spinnerSelector, handleCartAction);
|
||||
|
||||
function sendUpdateQuantityInCartRequest(updateQuantityInCartUrl, requestData, $target) {
|
||||
abortPreviousRequests();
|
||||
|
||||
return $.ajax({
|
||||
url: updateQuantityInCartUrl,
|
||||
method: 'POST',
|
||||
data: requestData,
|
||||
dataType: 'json',
|
||||
beforeSend: function (jqXHR) {
|
||||
promises.push(jqXHR);
|
||||
}
|
||||
}).then(function (resp) {
|
||||
$target.val(resp.quantity);
|
||||
|
||||
var dataset;
|
||||
if ($target && $target.dataset) {
|
||||
dataset = $target.dataset;
|
||||
} else {
|
||||
dataset = resp;
|
||||
}
|
||||
|
||||
|
||||
// Refresh cart preview
|
||||
prestashop.emit('updateCart', {
|
||||
reason: dataset
|
||||
});
|
||||
}).fail((resp) => {
|
||||
prestashop.emit('handleError', {eventType: 'updateProductQuantityInCart', resp: resp})
|
||||
});
|
||||
}
|
||||
|
||||
function getRequestData(quantity) {
|
||||
return {
|
||||
ajax: '1',
|
||||
qty: Math.abs(quantity),
|
||||
action: 'update',
|
||||
op: getQuantityChangeType(quantity)
|
||||
}
|
||||
}
|
||||
|
||||
function getQuantityChangeType($quantity) {
|
||||
return ($quantity > 0) ? 'up' : 'down';
|
||||
}
|
||||
|
||||
function updateProductQuantityInCart(event)
|
||||
{
|
||||
let $target = $(event.currentTarget);
|
||||
let updateQuantityInCartUrl = $target.data('update-url');
|
||||
let baseValue = $target.attr('value');
|
||||
|
||||
// There should be a valid product quantity in cart
|
||||
let targetValue = $target.val();
|
||||
if (targetValue != parseInt(targetValue) || targetValue < 0 || isNaN(targetValue)) {
|
||||
$target.val(baseValue);
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
// There should be a new product quantity in cart
|
||||
let qty = targetValue - baseValue;
|
||||
if (qty == 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
var requestData = getRequestData(qty);
|
||||
|
||||
sendUpdateQuantityInCartRequest(updateQuantityInCartUrl, requestData, $target);
|
||||
}
|
||||
|
||||
$body.on(
|
||||
'focusout',
|
||||
productLineInCartSelector,
|
||||
(event) => {
|
||||
updateProductQuantityInCart(event);
|
||||
}
|
||||
);
|
||||
|
||||
$body.on(
|
||||
'keyup',
|
||||
productLineInCartSelector,
|
||||
(event) => {
|
||||
if (event.keyCode == 13) {
|
||||
updateProductQuantityInCart(event);
|
||||
}
|
||||
}
|
||||
);
|
||||
|
||||
$body.on(
|
||||
'click',
|
||||
'.js-discount .code',
|
||||
(event) => {
|
||||
event.stopPropagation();
|
||||
|
||||
var $code = $(event.currentTarget);
|
||||
var $discountInput = $('[name=discount_name]');
|
||||
|
||||
$discountInput.val($code.text());
|
||||
|
||||
return false;
|
||||
}
|
||||
)
|
||||
});
|
||||
|
||||
|
||||
68
themes/at_movic/_dev/js/checkout.js
Normal file
68
themes/at_movic/_dev/js/checkout.js
Normal file
@@ -0,0 +1,68 @@
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
import $ from 'jquery';
|
||||
import prestashop from 'prestashop';
|
||||
|
||||
function setUpCheckout() {
|
||||
if ($('.js-cancel-address').length !== 0) {
|
||||
$('.checkout-step:not(.js-current-step) .step-title').addClass('not-allowed');
|
||||
}
|
||||
|
||||
$('.js-terms a').on('click', (event) => {
|
||||
event.preventDefault();
|
||||
var url = $(event.target).attr('href');
|
||||
if (url) {
|
||||
// TODO: Handle request if no pretty URL
|
||||
url += `?content_only=1`;
|
||||
$.get(url, (content) => {
|
||||
$('#modal').find('.js-modal-content').html($(content).find('.page-cms').contents());
|
||||
}).fail((resp) => {
|
||||
prestashop.emit('handleError', {eventType: 'clickTerms', resp: resp});
|
||||
});
|
||||
}
|
||||
|
||||
$('#modal').modal('show');
|
||||
});
|
||||
|
||||
$('.js-gift-checkbox').on('click', (event) => {
|
||||
$('#gift').collapse('toggle');
|
||||
});
|
||||
}
|
||||
|
||||
$(document).ready(() => {
|
||||
if ($('body#checkout').length === 1) {
|
||||
setUpCheckout();
|
||||
}
|
||||
|
||||
prestashop.on('updatedDeliveryForm', (params) => {
|
||||
if (typeof params.deliveryOption === 'undefined' || 0 === params.deliveryOption.length) {
|
||||
return;
|
||||
}
|
||||
// Hide all carrier extra content ...
|
||||
$(".carrier-extra-content").hide();
|
||||
// and show the one related to the selected carrier
|
||||
params.deliveryOption.next(".carrier-extra-content").slideDown();
|
||||
});
|
||||
});
|
||||
49
themes/at_movic/_dev/js/components/block-cart.js
Normal file
49
themes/at_movic/_dev/js/components/block-cart.js
Normal file
@@ -0,0 +1,49 @@
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
import prestashop from 'prestashop';
|
||||
import $ from 'jquery';
|
||||
|
||||
prestashop.blockcart = prestashop.blockcart || {};
|
||||
|
||||
prestashop.blockcart.showModal = (html) => {
|
||||
function getBlockCartModal() {
|
||||
return $('#blockcart-modal');
|
||||
}
|
||||
|
||||
let $blockCartModal = getBlockCartModal();
|
||||
if ($blockCartModal.length){
|
||||
$blockCartModal.remove();
|
||||
}
|
||||
|
||||
$('body').append(html);
|
||||
|
||||
$blockCartModal = getBlockCartModal();
|
||||
$blockCartModal.modal('show').on('hidden.bs.modal', (event) => {
|
||||
prestashop.emit('updateProduct', {
|
||||
reason: event.currentTarget.dataset
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
54
themes/at_movic/_dev/js/components/drop-down.js
Normal file
54
themes/at_movic/_dev/js/components/drop-down.js
Normal file
@@ -0,0 +1,54 @@
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
import $ from 'jquery';
|
||||
|
||||
export default class DropDown {
|
||||
constructor(el) {
|
||||
this.el = el;
|
||||
}
|
||||
init() {
|
||||
this.el.on('show.bs.dropdown', function(e, el) {
|
||||
if (el) {
|
||||
$(`#${el}`).find('.dropdown-menu').first().stop(true, true).slideDown();
|
||||
} else {
|
||||
$(e.target).find('.dropdown-menu').first().stop(true, true).slideDown();
|
||||
}
|
||||
});
|
||||
|
||||
this.el.on('hide.bs.dropdown', function(e, el) {
|
||||
if (el) {
|
||||
$(`#${el}`).find('.dropdown-menu').first().stop(true, true).slideUp();
|
||||
} else {
|
||||
$(e.target).find('.dropdown-menu').first().stop(true, true).slideUp();
|
||||
}
|
||||
});
|
||||
|
||||
this.el.find('select.link').each(function(idx, el) {
|
||||
$(el).on('change', function(event) {
|
||||
window.location = $(this).val();
|
||||
});
|
||||
});
|
||||
}
|
||||
}
|
||||
55
themes/at_movic/_dev/js/components/form.js
Normal file
55
themes/at_movic/_dev/js/components/form.js
Normal file
@@ -0,0 +1,55 @@
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
import $ from 'jquery';
|
||||
|
||||
export default class Form {
|
||||
init(){
|
||||
this.parentFocus();
|
||||
this.togglePasswordVisibility();
|
||||
}
|
||||
|
||||
parentFocus() {
|
||||
$('.js-child-focus').focus(function () {
|
||||
$(this).closest('.js-parent-focus').addClass('focus');
|
||||
});
|
||||
$('.js-child-focus').focusout(function () {
|
||||
$(this).closest('.js-parent-focus').removeClass('focus');
|
||||
});
|
||||
}
|
||||
|
||||
togglePasswordVisibility() {
|
||||
$('button[data-action="show-password"]').on('click', function () {
|
||||
var elm = $(this).closest('.input-group').children('input.js-visible-password');
|
||||
if (elm.attr('type') === 'password') {
|
||||
elm.attr('type', 'text');
|
||||
$(this).text($(this).data('textHide'));
|
||||
} else {
|
||||
elm.attr('type', 'password');
|
||||
$(this).text($(this).data('textShow'));
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
}
|
||||
35
themes/at_movic/_dev/js/components/index.php
Normal file
35
themes/at_movic/_dev/js/components/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
|
||||
|
||||
header('Cache-Control: no-store, no-cache, must-revalidate');
|
||||
header('Cache-Control: post-check=0, pre-check=0', false);
|
||||
header('Pragma: no-cache');
|
||||
|
||||
header('Location: ../');
|
||||
exit;
|
||||
56
themes/at_movic/_dev/js/components/product-miniature.js
Normal file
56
themes/at_movic/_dev/js/components/product-miniature.js
Normal file
@@ -0,0 +1,56 @@
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
import $ from 'jquery';
|
||||
|
||||
export default class ProductMinitature {
|
||||
init(){
|
||||
$('.js-product-miniature').each((index, element) => {
|
||||
/**
|
||||
const FLAG_MARGIN = 10;
|
||||
let $percent = $(element).find('.discount-percentage');
|
||||
let $onsale = $(element).find('.on-sale');
|
||||
let $new = $(element).find('.new');
|
||||
if($percent.length){
|
||||
$new.css('top', $percent.height() * 2 + FLAG_MARGIN);
|
||||
$percent.css('top',-$(element).find('.thumbnail-container').height() + $(element).find('.product-description').height() + FLAG_MARGIN);
|
||||
}
|
||||
if($onsale.length){
|
||||
$percent.css('top', parseFloat($percent.css('top')) + $onsale.height() + FLAG_MARGIN);
|
||||
$new.css('top', ($percent.height() * 2 + $onsale.height()) + FLAG_MARGIN * 2);
|
||||
}
|
||||
*/
|
||||
if($(element).find('.color').length > 5){
|
||||
let count = 0;
|
||||
$(element).find('.color').each((index, element) =>{
|
||||
if(index > 4){
|
||||
$(element).hide();
|
||||
count ++;
|
||||
}
|
||||
});
|
||||
$(element).find('.js-count').append(`+${count}`);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
87
themes/at_movic/_dev/js/components/product-select.js
Normal file
87
themes/at_movic/_dev/js/components/product-select.js
Normal file
@@ -0,0 +1,87 @@
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
import $ from 'jquery';
|
||||
import 'velocity-animate';
|
||||
|
||||
export default class ProductSelect {
|
||||
init() {
|
||||
const MAX_THUMBS = 5;
|
||||
const FLAG_MARGIN = 10;
|
||||
let $arrows = $('.js-modal-arrows');
|
||||
let $thumbnails = $('.js-modal-product-images');
|
||||
/**let $onsale = $('.on-sale');*/
|
||||
|
||||
$('body').on('click','.js-modal-thumb', (event) => {
|
||||
if($('.js-modal-thumb').hasClass('selected')){
|
||||
$('.js-modal-thumb').removeClass('selected');
|
||||
}
|
||||
$(event.currentTarget).addClass('selected');
|
||||
$('.js-modal-product-cover').attr('src', $(event.target).data('image-large-src'));
|
||||
$('.js-modal-product-cover').attr('title', $(event.target).attr('title'));
|
||||
$('.js-modal-product-cover').attr('alt', $(event.target).attr('alt'));
|
||||
})
|
||||
.on('click', 'aside#thumbnails', (event) => {
|
||||
if (event.target.id == 'thumbnails'){
|
||||
$('#product-modal').modal('hide');
|
||||
}
|
||||
});
|
||||
/**
|
||||
if($onsale.length && $('#product').length){
|
||||
$('.new').css('top',$onsale.height() + FLAG_MARGIN);
|
||||
}
|
||||
*/
|
||||
if ($('.js-modal-product-images li').length <= MAX_THUMBS) {
|
||||
$arrows.css('opacity', '.2');
|
||||
} else {
|
||||
/**
|
||||
$arrows.on('click', (event) => {
|
||||
if ($(event.target).hasClass('arrow-up') && $thumbnails.position().top < 0) {
|
||||
this.move('up');
|
||||
$('.js-modal-arrow-down').css('opacity','1');
|
||||
} else if ($(event.target).hasClass('arrow-down') && $thumbnails.position().top + $thumbnails.height() > $('.js-modal-mask').height()) {
|
||||
this.move('down');
|
||||
$('.js-modal-arrow-up').css('opacity','1');
|
||||
}
|
||||
});
|
||||
*/
|
||||
}
|
||||
}
|
||||
|
||||
move(direction) {
|
||||
const THUMB_MARGIN = 10;
|
||||
var $thumbnails = $('.js-modal-product-images');
|
||||
var thumbHeight = $('.js-modal-product-images li img').height() + THUMB_MARGIN;
|
||||
var currentPosition = $thumbnails.position().top;
|
||||
$thumbnails.velocity({
|
||||
translateY: (direction === 'up') ? currentPosition + thumbHeight : currentPosition - thumbHeight
|
||||
},function(){
|
||||
if ($thumbnails.position().top >= 0) {
|
||||
$('.js-modal-arrow-up').css('opacity','.2');
|
||||
} else if ($thumbnails.position().top + $thumbnails.height() <= $('.js-modal-mask').height()) {
|
||||
$('.js-modal-arrow-down').css('opacity','.2');
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
82
themes/at_movic/_dev/js/components/top-menu.js
Normal file
82
themes/at_movic/_dev/js/components/top-menu.js
Normal file
@@ -0,0 +1,82 @@
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
import $ from 'jquery';
|
||||
import DropDown from './drop-down';
|
||||
|
||||
export default class TopMenu extends DropDown {
|
||||
init() {
|
||||
let elmId;
|
||||
let self = this;
|
||||
this.el.find('li').hover((e) => {
|
||||
if (this.el.parent().hasClass('mobile')) {
|
||||
return;
|
||||
}
|
||||
if (elmId !== $(e.currentTarget).attr('id')) {
|
||||
if ($(e.target).data('depth') === 0) {
|
||||
$(`#${elmId} .js-sub-menu`).hide();
|
||||
}
|
||||
elmId = $(e.currentTarget).attr('id');
|
||||
}
|
||||
if (elmId && $(e.target).data('depth') === 0) {
|
||||
$(`#${elmId} .js-sub-menu`).show().css({
|
||||
top: $(`#${elmId}`).height() + $(`#${elmId}`).position().top
|
||||
});
|
||||
}
|
||||
});
|
||||
$('#menu-icon').on('click', function() {
|
||||
$('#mobile_top_menu_wrapper').toggle();
|
||||
self.toggleMobileMenu();
|
||||
});
|
||||
$('.js-top-menu').mouseleave(() => {
|
||||
if (this.el.parent().hasClass('mobile')) {
|
||||
return;
|
||||
}
|
||||
$(`#${elmId} .js-sub-menu`).hide();
|
||||
});
|
||||
this.el.on('click', (e) => {
|
||||
if (this.el.parent().hasClass('mobile')) {
|
||||
return;
|
||||
}
|
||||
e.stopPropagation();
|
||||
});
|
||||
prestashop.on('responsive update', function(event) {
|
||||
$('.js-sub-menu').removeAttr('style');
|
||||
self.toggleMobileMenu();
|
||||
});
|
||||
super.init();
|
||||
}
|
||||
|
||||
toggleMobileMenu() {
|
||||
if ($('#mobile_top_menu_wrapper').is(":visible")) {
|
||||
$('#notifications').hide();
|
||||
$('#wrapper').hide();
|
||||
$('#footer').hide();
|
||||
} else {
|
||||
$('#notifications').show();
|
||||
$('#wrapper').show();
|
||||
$('#footer').show();
|
||||
}
|
||||
}
|
||||
}
|
||||
42
themes/at_movic/_dev/js/customer.js
Normal file
42
themes/at_movic/_dev/js/customer.js
Normal file
@@ -0,0 +1,42 @@
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
import $ from 'jquery';
|
||||
|
||||
function initRmaItemSelector() {
|
||||
$('#order-return-form table thead input[type=checkbox]').on('click', function() {
|
||||
var checked = $(this).prop('checked');
|
||||
$('#order-return-form table tbody input[type=checkbox]').each(function(_, checkbox) {
|
||||
$(checkbox).prop('checked', checked);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function setupCustomerScripts() {
|
||||
if ($('body#order-detail')) {
|
||||
initRmaItemSelector();
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(setupCustomerScripts);
|
||||
35
themes/at_movic/_dev/js/index.php
Normal file
35
themes/at_movic/_dev/js/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
|
||||
|
||||
header('Cache-Control: no-store, no-cache, must-revalidate');
|
||||
header('Cache-Control: post-check=0, pre-check=0', false);
|
||||
header('Pragma: no-cache');
|
||||
|
||||
header('Location: ../');
|
||||
exit;
|
||||
25
themes/at_movic/_dev/js/lib/bootstrap-filestyle.min.js
vendored
Normal file
25
themes/at_movic/_dev/js/lib/bootstrap-filestyle.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
35
themes/at_movic/_dev/js/lib/index.php
Normal file
35
themes/at_movic/_dev/js/lib/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
|
||||
|
||||
header('Cache-Control: no-store, no-cache, must-revalidate');
|
||||
header('Cache-Control: post-check=0, pre-check=0', false);
|
||||
header('Pragma: no-cache');
|
||||
|
||||
header('Location: ../');
|
||||
exit;
|
||||
25
themes/at_movic/_dev/js/lib/jquery.scrollbox.min.js
vendored
Normal file
25
themes/at_movic/_dev/js/lib/jquery.scrollbox.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
205
themes/at_movic/_dev/js/listing.js
Normal file
205
themes/at_movic/_dev/js/listing.js
Normal file
@@ -0,0 +1,205 @@
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
import $ from 'jquery';
|
||||
import prestashop from 'prestashop';
|
||||
import 'velocity-animate';
|
||||
|
||||
import ProductMinitature from './components/product-miniature';
|
||||
|
||||
$(document).ready(() => {
|
||||
prestashop.on('clickQuickView', function (elm) {
|
||||
let data = {
|
||||
'action': 'quickview',
|
||||
'id_product': elm.dataset.idProduct,
|
||||
'id_product_attribute': elm.dataset.idProductAttribute,
|
||||
};
|
||||
$.post(prestashop.urls.pages.product, data, null, 'json').then(function (resp) {
|
||||
$('body').append(resp.quickview_html);
|
||||
let productModal = $(`#quickview-modal-${resp.product.id}-${resp.product.id_product_attribute}`);
|
||||
productModal.modal('show');
|
||||
productConfig(productModal);
|
||||
productModal.on('hidden.bs.modal', function () {
|
||||
productModal.remove();
|
||||
});
|
||||
}).fail((resp) => {
|
||||
prestashop.emit('handleError', {eventType: 'clickQuickView', resp: resp});
|
||||
});
|
||||
});
|
||||
|
||||
var productConfig = (qv) => {
|
||||
const MAX_THUMBS = 4;
|
||||
var $arrows = $('.js-arrows');
|
||||
var $thumbnails = qv.find('.js-qv-product-images');
|
||||
$('.js-thumb').on('click', (event) => {
|
||||
if ($('.js-thumb').hasClass('selected')) {
|
||||
$('.js-thumb').removeClass('selected');
|
||||
}
|
||||
$(event.currentTarget).addClass('selected');
|
||||
$('.js-qv-product-cover').attr('src', $(event.target).data('image-large-src'));
|
||||
});
|
||||
/**DONGND:: fix scroll product image - quickview*/
|
||||
|
||||
var number_thumb = $thumbnails.find('li').length;
|
||||
|
||||
if (style_scroll_quickview == 'vertical')
|
||||
{
|
||||
var mask_size = $thumbnails.parent().height();
|
||||
// size_item_quickview = $thumbnails.find('li').height();
|
||||
}
|
||||
else
|
||||
{
|
||||
var mask_size = $thumbnails.parent().width();
|
||||
// size_item_quickview = $thumbnails.find('li').width();
|
||||
}
|
||||
// console.log($thumbnails);
|
||||
var size_scroll = size_item_quickview*number_thumb;
|
||||
var check_arrow_exists = size_scroll - mask_size;
|
||||
// console.log(size_item_quickview);
|
||||
// console.log(number_thumb);
|
||||
// console.log(check_arrow_exists);
|
||||
if (check_arrow_exists >= size_item_quickview)
|
||||
{
|
||||
/** LEO_THEME : FIX QUICKVIEW NOT SCROLL IMAGE*/
|
||||
|
||||
$('.quickview .js-qv-mask').addClass('scroll');
|
||||
$('.js-arrows').addClass('scroll');
|
||||
$arrows.show();
|
||||
$('.quickview .js-qv-mask').unbind('backward');
|
||||
$('.quickview .js-qv-mask').unbind('forward');
|
||||
$('.quickview .js-qv-mask').scrollbox({
|
||||
direction: style_scroll_quickview,
|
||||
distance: size_item_quickview,
|
||||
autoPlay: false,
|
||||
step: 1,
|
||||
});
|
||||
$('.arrow-up').click(function () {
|
||||
$('.quickview .js-qv-mask').trigger('backward');
|
||||
});
|
||||
$('.arrow-down').click(function () {
|
||||
$('.quickview .js-qv-mask').trigger('forward');
|
||||
});
|
||||
}
|
||||
else
|
||||
{
|
||||
$('.quickview .js-qv-mask').removeClass('scroll');
|
||||
$arrows.hide();
|
||||
$('.js-arrows').removeClass('scroll');
|
||||
}
|
||||
qv.find('#quantity_wanted').TouchSpin({
|
||||
verticalbuttons: true,
|
||||
verticalupclass: 'material-icons touchspin-up',
|
||||
verticaldownclass: 'material-icons touchspin-down',
|
||||
buttondown_class: 'btn btn-touchspin js-touchspin',
|
||||
buttonup_class: 'btn btn-touchspin js-touchspin',
|
||||
min: 1,
|
||||
max: 1000000
|
||||
});
|
||||
};
|
||||
var move = (direction) => {
|
||||
const THUMB_MARGIN = 20;
|
||||
var $thumbnails = $('.js-qv-product-images');
|
||||
var thumbHeight = $('.js-qv-product-images li img').height() + THUMB_MARGIN;
|
||||
var currentPosition = $thumbnails.position().top;
|
||||
$thumbnails.velocity({
|
||||
translateY: (direction === 'up') ? currentPosition + thumbHeight : currentPosition - thumbHeight
|
||||
}, function () {
|
||||
if ($thumbnails.position().top >= 0) {
|
||||
$('.arrow-up').css('opacity', '.2');
|
||||
} else if ($thumbnails.position().top + $thumbnails.height() <= $('.js-qv-mask').height()) {
|
||||
$('.arrow-down').css('opacity', '.2');
|
||||
}
|
||||
});
|
||||
};
|
||||
$('body').on('click', '#search_filter_toggler', function () {
|
||||
$('#search_filters_wrapper').removeClass('hidden-sm-down');
|
||||
$('#content-wrapper').addClass('hidden-sm-down');
|
||||
$('#footer').addClass('hidden-sm-down');
|
||||
});
|
||||
$('#search_filter_controls .clear').on('click', function () {
|
||||
$('#search_filters_wrapper').addClass('hidden-sm-down');
|
||||
$('#content-wrapper').removeClass('hidden-sm-down');
|
||||
$('#footer').removeClass('hidden-sm-down');
|
||||
});
|
||||
$('#search_filter_controls .ok').on('click', function () {
|
||||
$('#search_filters_wrapper').addClass('hidden-sm-down');
|
||||
$('#content-wrapper').removeClass('hidden-sm-down');
|
||||
$('#footer').removeClass('hidden-sm-down');
|
||||
});
|
||||
|
||||
const parseSearchUrl = function (event) {
|
||||
// if (event.target.dataset.searchUrl !== undefined) {
|
||||
// return event.target.dataset.searchUrl;
|
||||
// }
|
||||
|
||||
// if ($(event.target).parent()[0].dataset.searchUrl === undefined) {
|
||||
// throw new Error('Can not parse search URL');
|
||||
// }
|
||||
|
||||
// return $(event.target).parent()[0].dataset.searchUrl;
|
||||
if (event.target.getAttribute('data-search-url') !== undefined) {
|
||||
return event.target.getAttribute('data-search-url');
|
||||
}
|
||||
|
||||
if ($(event.target).parent()[0].getAttribute('data-search-url') === undefined) {
|
||||
throw new Error('Can not parse search URL');
|
||||
}
|
||||
|
||||
return $(event.target).parent()[0].getAttribute('data-search-url');
|
||||
};
|
||||
|
||||
$('body').on('change', '#search_filters input[data-search-url]', function (event) {
|
||||
prestashop.emit('updateFacets', parseSearchUrl(event));
|
||||
});
|
||||
|
||||
$('body').on('click', '.js-search-filters-clear-all', function (event) {
|
||||
prestashop.emit('updateFacets', parseSearchUrl(event));
|
||||
});
|
||||
|
||||
$('body').on('click', '.js-search-link', function (event) {
|
||||
event.preventDefault();
|
||||
prestashop.emit('updateFacets',$(event.target).closest('a').get(0).href);
|
||||
});
|
||||
|
||||
$('body').on('change', '#search_filters select', function (event) {
|
||||
const form = $(event.target).closest('form');
|
||||
prestashop.emit('updateFacets', '?' + form.serialize());
|
||||
});
|
||||
|
||||
prestashop.on('updateProductList', (data) => {
|
||||
updateProductListDOM(data);
|
||||
});
|
||||
});
|
||||
|
||||
function updateProductListDOM (data) {
|
||||
$('#search_filters').replaceWith(data.rendered_facets);
|
||||
$('#js-active-search-filters').replaceWith(data.rendered_active_filters);
|
||||
$('#js-product-list-top').replaceWith(data.rendered_products_top);
|
||||
$('#js-product-list').replaceWith(data.rendered_products);
|
||||
$('#js-product-list-bottom').replaceWith(data.rendered_products_bottom);
|
||||
|
||||
let productMinitature = new ProductMinitature();
|
||||
productMinitature.init();
|
||||
|
||||
}
|
||||
272
themes/at_movic/_dev/js/product.js
Normal file
272
themes/at_movic/_dev/js/product.js
Normal file
@@ -0,0 +1,272 @@
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
import $ from 'jquery';
|
||||
|
||||
$(document).ready(function () {
|
||||
/**DONGND:: check if display arrow*/
|
||||
createProductSpin();
|
||||
createInputFile();
|
||||
coverImage();
|
||||
imageScrollBox(false, false);
|
||||
|
||||
prestashop.on('updatedProduct', function (event) {
|
||||
createInputFile();
|
||||
coverImage();
|
||||
if (event && event.product_minimal_quantity) {
|
||||
const minimalProductQuantity = parseInt(event.product_minimal_quantity, 10);
|
||||
const quantityInputSelector = '#quantity_wanted';
|
||||
let quantityInput = $(quantityInputSelector);
|
||||
|
||||
// @see http://www.virtuosoft.eu/code/bootstrap-touchspin/ about Bootstrap TouchSpin
|
||||
quantityInput.trigger('touchspin.updatesettings', {min: minimalProductQuantity});
|
||||
}
|
||||
/**LEO_THEME : FIX PRODUCT PAGE NOT SCROLL IMAGE*/
|
||||
$('.js-product-images-modal').replaceWith(event.product_images_modal);
|
||||
imageScrollBox(false, true);
|
||||
$($('.tabs .nav-link.active').attr('href')).addClass('active').removeClass('fade');
|
||||
});
|
||||
|
||||
/**DONGND:: fix scroll product image when resize*/
|
||||
$(window).resize(function () {
|
||||
if (style_scroll_quickview_attr == 'vertical')
|
||||
{
|
||||
var check_li_item_first_load = $('.quickview .js-qv-product-images li').height();
|
||||
}
|
||||
else
|
||||
{
|
||||
var check_li_item_first_load = $('.quickview .js-qv-product-images li').width();
|
||||
};
|
||||
if (check_li_item_first_load > 0)
|
||||
{
|
||||
imageScrollBox(true, true);
|
||||
}
|
||||
else
|
||||
{
|
||||
imageScrollBox(true, false);
|
||||
}
|
||||
});
|
||||
|
||||
function coverImage() {
|
||||
$('.js-thumb').on(
|
||||
'click',
|
||||
(event) => {
|
||||
$('.js-modal-product-cover').attr('src',$(event.target).data('image-large-src'));
|
||||
$('.selected').removeClass('selected');
|
||||
$(event.target).addClass('selected');
|
||||
$('.js-qv-product-cover').prop('src', $(event.currentTarget).data('image-large-src'));
|
||||
}
|
||||
);
|
||||
}
|
||||
|
||||
function imageScrollBox(checkupdate, checkupdatequickview)
|
||||
{
|
||||
/**DONGND:: fix scroll product image - product page*/
|
||||
|
||||
var number_thumb_page = $('#main .js-qv-product-images li').length;
|
||||
|
||||
if (style_scroll_page == 'vertical')
|
||||
{
|
||||
var mask_size_page = $('#main .js-qv-mask').height();
|
||||
if (checkupdate == true)
|
||||
{
|
||||
size_item_page = $('#main .js-qv-product-images li').height();
|
||||
};
|
||||
}
|
||||
else
|
||||
{
|
||||
var mask_size_page = $('#main .js-qv-mask').width();
|
||||
if (checkupdate == true)
|
||||
{
|
||||
size_item_page = $('#main .js-qv-product-images li').width();
|
||||
};
|
||||
};
|
||||
var size_scroll_page = size_item_page*number_thumb_page;
|
||||
var check_arrow_page_exists = size_scroll_page - mask_size_page;
|
||||
if (check_arrow_page_exists >= size_item_page)
|
||||
{
|
||||
$('#main .js-qv-mask').addClass('scroll');
|
||||
$('#main .scroll-box-arrows').addClass('scroll');
|
||||
|
||||
$('#main .js-qv-mask').unbind('backward');
|
||||
$('#main .js-qv-mask').unbind('forward');
|
||||
$('#main .js-qv-mask').scrollbox({
|
||||
direction: style_scroll_page,
|
||||
distance: size_item_page,
|
||||
autoPlay: false,
|
||||
step: 1,
|
||||
});
|
||||
|
||||
$('#main .scroll-box-arrows .left').click(function () {
|
||||
$('#main .js-qv-mask').trigger('backward');
|
||||
});
|
||||
$('#main .scroll-box-arrows .right').click(function () {
|
||||
$('#main .js-qv-mask').trigger('forward');
|
||||
});
|
||||
} else {
|
||||
$('#main .js-qv-mask').removeClass('scroll');
|
||||
$('#main .scroll-box-arrows').removeClass('scroll');
|
||||
};
|
||||
|
||||
/**DONGND:: fix scroll product image - quickview when change attribute*/
|
||||
if (checkupdatequickview == true)
|
||||
{
|
||||
var number_thumb_quickview = $('.quickview .js-qv-product-images li').length;
|
||||
|
||||
if (style_scroll_quickview_attr == 'vertical')
|
||||
{
|
||||
var mask_size_quickview = $('.quickview .js-qv-mask').height();
|
||||
if (checkupdate == true || checkupdate == false)
|
||||
{
|
||||
size_item_quickview_attr = $('.quickview .js-qv-product-images li').height();
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
var mask_size_quickview = $('.quickview .js-qv-mask').width();
|
||||
if (checkupdate == true || checkupdate == false)
|
||||
{
|
||||
size_item_quickview_attr = $('.quickview .js-qv-product-images li').width();
|
||||
}
|
||||
};
|
||||
|
||||
var size_scroll_quickview = size_item_quickview_attr*number_thumb_quickview;
|
||||
var check_arrow_quickview_exists = size_scroll_quickview - mask_size_quickview;
|
||||
|
||||
// console.log(checkupdate);
|
||||
// console.log(size_item_quickview_attr);
|
||||
// console.log(number_thumb_quickview);
|
||||
// console.log(size_scroll_quickview);
|
||||
// console.log(mask_size_quickview);
|
||||
// console.log(check_arrow_quickview_exists);
|
||||
if (check_arrow_quickview_exists >= size_item_quickview_attr)
|
||||
{
|
||||
$('.quickview .js-qv-mask').addClass('scroll');
|
||||
$('.quickview .js-arrows').addClass('scroll');
|
||||
$('.quickview .js-arrows').show();
|
||||
$('.quickview .js-qv-mask').unbind('backward');
|
||||
$('.quickview .js-qv-mask').unbind('forward');
|
||||
$('.quickview .js-qv-mask').scrollbox({
|
||||
direction: style_scroll_quickview_attr,
|
||||
distance: size_item_quickview_attr,
|
||||
autoPlay: false,
|
||||
step: 1,
|
||||
});
|
||||
$('.quickview .arrow-up').click(function () {
|
||||
$('.quickview .js-qv-mask').trigger('backward');
|
||||
});
|
||||
$('.quickview .arrow-down').click(function () {
|
||||
$('.quickview .js-qv-mask').trigger('forward');
|
||||
});
|
||||
|
||||
} else {
|
||||
$('.quickview .js-qv-mask').removeClass('scroll');
|
||||
$('.quickview .js-arrows').removeClass('scroll');
|
||||
$('.quickview .js-arrows').hide();
|
||||
};
|
||||
}
|
||||
/**DONGND:: fix scroll product image at popup - product page*/
|
||||
|
||||
var number_thumb_popup = $('.js-product-images-modal .js-modal-product-images li').length;
|
||||
|
||||
if (style_scroll_popup == 'vertical')
|
||||
{
|
||||
var mask_size_popup = $('.js-product-images-modal .js-modal-mask').height();
|
||||
if (checkupdate == true && $('.js-product-images-modal .js-modal-product-images li').height() != 0)
|
||||
{
|
||||
size_item_popup = $('.js-product-images-modal .js-modal-product-images li').height();
|
||||
};
|
||||
}
|
||||
else
|
||||
{
|
||||
var mask_size_popup = $('.js-product-images-modal .js-modal-mask').width();
|
||||
if (checkupdate == true && $('.js-product-images-modal .js-modal-product-images li').width() != 0)
|
||||
{
|
||||
size_item_popup = $('.js-product-images-modal .js-modal-product-images li').width();
|
||||
};
|
||||
};
|
||||
var size_scroll_popup = size_item_popup*number_thumb_popup;
|
||||
var check_arrow_popup_exists = size_scroll_popup - mask_size_popup;
|
||||
if (check_arrow_popup_exists >= size_item_popup)
|
||||
{
|
||||
$('.js-product-images-modal .js-modal-mask').addClass('scroll');
|
||||
$('.js-modal-arrows').addClass('scroll');
|
||||
$('.js-product-images-modal .js-modal-mask').unbind('backward');
|
||||
$('.js-product-images-modal .js-modal-mask').unbind('forward');
|
||||
$('.js-product-images-modal .js-modal-mask').scrollbox({
|
||||
direction: style_scroll_popup,
|
||||
distance: size_item_popup,
|
||||
autoPlay: false,
|
||||
step: 1,
|
||||
});
|
||||
$('.arrow-up').click(function () {
|
||||
$('.js-product-images-modal .js-modal-mask').trigger('backward');
|
||||
});
|
||||
$('.arrow-down').click(function () {
|
||||
$('.js-product-images-modal .js-modal-mask').trigger('forward');
|
||||
});
|
||||
} else {
|
||||
$('.js-modal-arrows').hide();
|
||||
};
|
||||
}
|
||||
|
||||
function createInputFile()
|
||||
{
|
||||
$('.js-file-input').on('change', (event) => {
|
||||
let target, file;
|
||||
|
||||
if ((target = $(event.currentTarget)[0]) && (file = target.files[0])) {
|
||||
$(target).prev().text(file.name);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function createProductSpin()
|
||||
{
|
||||
let quantityInput = $('#quantity_wanted');
|
||||
quantityInput.TouchSpin({
|
||||
verticalbuttons: true,
|
||||
verticalupclass: 'material-icons touchspin-up',
|
||||
verticaldownclass: 'material-icons touchspin-down',
|
||||
buttondown_class: 'btn btn-touchspin js-touchspin',
|
||||
buttonup_class: 'btn btn-touchspin js-touchspin',
|
||||
min: parseInt(quantityInput.attr('min'), 10),
|
||||
max: 1000000
|
||||
});
|
||||
|
||||
var quantity = quantityInput.val();
|
||||
quantityInput.on('keyup change', function (event) {
|
||||
const newQuantity = $(this).val();
|
||||
if (newQuantity !== quantity) {
|
||||
quantity = newQuantity;
|
||||
let $productRefresh = $('.product-refresh');
|
||||
$(event.currentTarget).trigger('touchspin.stopspin');
|
||||
$productRefresh.trigger('click', {eventType: 'updatedProductQuantity'});
|
||||
}
|
||||
event.preventDefault();
|
||||
|
||||
return false;
|
||||
});
|
||||
}
|
||||
});
|
||||
79
themes/at_movic/_dev/js/responsive.js
Normal file
79
themes/at_movic/_dev/js/responsive.js
Normal file
@@ -0,0 +1,79 @@
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
import $ from 'jquery';
|
||||
import prestashop from 'prestashop';
|
||||
|
||||
prestashop.responsive = prestashop.responsive || {};
|
||||
|
||||
prestashop.responsive.current_width = window.innerWidth;
|
||||
prestashop.responsive.min_width = 768;
|
||||
prestashop.responsive.mobile = prestashop.responsive.current_width < prestashop.responsive.min_width;
|
||||
|
||||
function swapChildren(obj1, obj2)
|
||||
{
|
||||
var temp = obj2.children().detach();
|
||||
obj2.empty().append(obj1.children().detach());
|
||||
obj1.append(temp);
|
||||
}
|
||||
|
||||
function toggleMobileStyles()
|
||||
{
|
||||
if (prestashop.responsive.mobile) {
|
||||
$("*[id^='_desktop_']").each(function(idx, el) {
|
||||
var target = $('#' + el.id.replace('_desktop_', '_mobile_'));
|
||||
if (target.length) {
|
||||
swapChildren($(el), target);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
$("*[id^='_mobile_']").each(function(idx, el) {
|
||||
var target = $('#' + el.id.replace('_mobile_', '_desktop_'));
|
||||
if (target.length) {
|
||||
swapChildren($(el), target);
|
||||
}
|
||||
});
|
||||
}
|
||||
prestashop.emit('responsive update', {
|
||||
mobile: prestashop.responsive.mobile
|
||||
});
|
||||
}
|
||||
|
||||
$(window).on('resize', function() {
|
||||
var _cw = prestashop.responsive.current_width;
|
||||
var _mw = prestashop.responsive.min_width;
|
||||
var _w = window.innerWidth;
|
||||
var _toggle = (_cw >= _mw && _w < _mw) || (_cw < _mw && _w >= _mw);
|
||||
prestashop.responsive.current_width = _w;
|
||||
prestashop.responsive.mobile = prestashop.responsive.current_width < prestashop.responsive.min_width;
|
||||
if (_toggle) {
|
||||
toggleMobileStyles();
|
||||
}
|
||||
});
|
||||
|
||||
$(document).ready(function() {
|
||||
if (prestashop.responsive.mobile) {
|
||||
toggleMobileStyles();
|
||||
}
|
||||
});
|
||||
69
themes/at_movic/_dev/js/theme.js
Normal file
69
themes/at_movic/_dev/js/theme.js
Normal file
@@ -0,0 +1,69 @@
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
import 'expose-loader?Tether!tether';
|
||||
import 'bootstrap/dist/js/bootstrap.min';
|
||||
import 'flexibility';
|
||||
import 'bootstrap-touchspin';
|
||||
|
||||
import './responsive';
|
||||
import './checkout';
|
||||
import './customer';
|
||||
import './listing';
|
||||
import './product';
|
||||
import './cart';
|
||||
|
||||
import DropDown from './components/drop-down';
|
||||
import Form from './components/form';
|
||||
import ProductMinitature from './components/product-miniature';
|
||||
import ProductSelect from './components/product-select';
|
||||
import TopMenu from './components/top-menu';
|
||||
|
||||
import prestashop from 'prestashop';
|
||||
import EventEmitter from 'events';
|
||||
|
||||
import './lib/bootstrap-filestyle.min';
|
||||
import './lib/jquery.scrollbox.min';
|
||||
|
||||
import './components/block-cart';
|
||||
|
||||
// "inherit" EventEmitter
|
||||
for (var i in EventEmitter.prototype) {
|
||||
prestashop[i] = EventEmitter.prototype[i];
|
||||
}
|
||||
|
||||
$(document).ready(() => {
|
||||
let dropDownEl = $('.js-dropdown');
|
||||
const form = new Form();
|
||||
let topMenuEl = $('.js-top-menu ul[data-depth="0"]');
|
||||
let dropDown = new DropDown(dropDownEl);
|
||||
let topMenu = new TopMenu(topMenuEl);
|
||||
let productMinitature = new ProductMinitature();
|
||||
let productSelect = new ProductSelect();
|
||||
dropDown.init();
|
||||
form.init();
|
||||
topMenu.init();
|
||||
productMinitature.init();
|
||||
productSelect.init();
|
||||
});
|
||||
29
themes/at_movic/_dev/postcss.config.js
Normal file
29
themes/at_movic/_dev/postcss.config.js
Normal file
@@ -0,0 +1,29 @@
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
module.exports = {
|
||||
plugins: [
|
||||
require('autoprefixer')
|
||||
]
|
||||
}
|
||||
107
themes/at_movic/_dev/webpack.config.js
Normal file
107
themes/at_movic/_dev/webpack.config.js
Normal file
@@ -0,0 +1,107 @@
|
||||
/**
|
||||
* 2007-2017 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License 3.0 (AFL-3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* https://opensource.org/licenses/AFL-3.0
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright PrestaShop SA
|
||||
* @license https://opensource.org/licenses/AFL-3.0 Academic Free License 3.0 (AFL-3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
const webpack = require('webpack');
|
||||
const path = require('path');
|
||||
const ExtractTextPlugin = require("extract-text-webpack-plugin");
|
||||
|
||||
let config = {
|
||||
entry: {
|
||||
main: [
|
||||
'./js/theme.js',
|
||||
'./css/theme.scss'
|
||||
]
|
||||
},
|
||||
output: {
|
||||
path: path.resolve(__dirname, '../assets/js'),
|
||||
filename: 'theme.js'
|
||||
},
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.js/,
|
||||
loader: 'babel-loader'
|
||||
},
|
||||
{
|
||||
test: /\.scss$/,
|
||||
use: ExtractTextPlugin.extract({
|
||||
fallback: 'style-loader',
|
||||
use: [
|
||||
{
|
||||
loader: 'css-loader',
|
||||
options: {
|
||||
minimize: true
|
||||
}
|
||||
},
|
||||
'postcss-loader',
|
||||
'sass-loader'
|
||||
]
|
||||
})
|
||||
},
|
||||
{
|
||||
test: /.(png|woff(2)?|eot|ttf|svg)(\?[a-z0-9=\.]+)?$/,
|
||||
use: [
|
||||
{
|
||||
loader: 'file-loader',
|
||||
options: {
|
||||
name: '../css/[hash].[ext]'
|
||||
}
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
test : /\.css$/,
|
||||
use: ['style-loader', 'css-loader', 'postcss-loader']
|
||||
}
|
||||
]
|
||||
},
|
||||
externals: {
|
||||
prestashop: 'prestashop',
|
||||
$: '$',
|
||||
jquery: 'jQuery'
|
||||
},
|
||||
plugins: [
|
||||
new ExtractTextPlugin(path.join('..', 'css', 'theme.css'))
|
||||
]
|
||||
};
|
||||
|
||||
config.plugins.push(
|
||||
new webpack.optimize.UglifyJsPlugin({
|
||||
sourceMap: false,
|
||||
compress: {
|
||||
sequences: true,
|
||||
conditionals: true,
|
||||
booleans: true,
|
||||
if_return: true,
|
||||
join_vars: true,
|
||||
drop_console: true
|
||||
},
|
||||
output: {
|
||||
comments: false
|
||||
},
|
||||
minimize: true
|
||||
})
|
||||
);
|
||||
|
||||
module.exports = config;
|
||||
Reference in New Issue
Block a user