first commit
This commit is contained in:
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
Reference in New Issue
Block a user