609 lines
18 KiB
CSS
609 lines
18 KiB
CSS
@charset "UTF-8";
|
|
/*******************************************
|
|
*** SO Framework: Sass ***
|
|
*******************************************/
|
|
/*===============================================
|
|
[SASS DIRECTORY ]
|
|
|
|
[1] Minxin Link
|
|
[2] Minxin Buton
|
|
[3] Minxin Triangle
|
|
|
|
==============================================*/
|
|
.no-margin {
|
|
margin: 0 !important; }
|
|
|
|
.marginbottom__3x {
|
|
margin-bottom: 30px; }
|
|
|
|
@-webkit-keyframes animLoadedLogo {
|
|
to {
|
|
-webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } }
|
|
@keyframes animLoadedLogo {
|
|
to {
|
|
-webkit-transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1);
|
|
transform: translate3d(0, 100%, 0) translate3d(0, 50px, 0) scale3d(0.65, 0.65, 1); } }
|
|
@-webkit-keyframes animLoadedLoader {
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } }
|
|
@keyframes animLoadedLoader {
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1);
|
|
transform: translate3d(0, -100%, 0) scale3d(0.3, 0.3, 1); } }
|
|
@-webkit-keyframes animLoadedHeader {
|
|
to {
|
|
-webkit-transform: translate3d(0, -100%, 0); } }
|
|
@keyframes animLoadedHeader {
|
|
to {
|
|
-webkit-transform: translate3d(0, -100%, 0);
|
|
transform: translate3d(0, -100%, 0); } }
|
|
@-webkit-keyframes animInitialHeader {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 800px, 0); } }
|
|
@keyframes animInitialHeader {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 800px, 0);
|
|
transform: translate3d(0, 800px, 0); } }
|
|
/*******************************************************
|
|
Style Color
|
|
********************************************************/
|
|
/* 1.Large devices Desktops ( Devices ≥1200px)
|
|
* 2.Medium devices Desktops (992px ≥ Devices ≥ 1199px)
|
|
* 3.Small devices Tablets (991px ≥ Devices ≥ 768px)
|
|
* 4.Extra small devices Phones ( Devices < 767px)
|
|
*/
|
|
@media (max-width: 767px) {
|
|
.container-full {
|
|
margin: 0;
|
|
clear: both; }
|
|
.container-full > .container {
|
|
width: auto; }
|
|
|
|
.header-top-left, .header-top-right {
|
|
padding: 0; }
|
|
|
|
.header-top-right .tabBlockTitle {
|
|
position: absolute;
|
|
z-index: 4;
|
|
right: 0;
|
|
-webkit-transform: translateY(-30px);
|
|
-moz-transform: translateY(-30px);
|
|
-ms-transform: translateY(-30px);
|
|
-o-transform: translateY(-30px);
|
|
transform: translateY(-30px); }
|
|
.header-top-right .shopping_cart {
|
|
width: 100%;
|
|
padding: 0 5px; }
|
|
|
|
.header-top .languages-block form > a, .header-top .currencies-block form > a {
|
|
padding: 0 5px; }
|
|
|
|
.navbar-logo {
|
|
text-align: center;
|
|
margin-bottom: 30px; }
|
|
|
|
.search-pro {
|
|
width: 100%;
|
|
margin: 0 0 20px;
|
|
padding: 0 15px;
|
|
clear: both; }
|
|
|
|
.header-top .navbar-welcome {
|
|
font-size: 12px; }
|
|
|
|
#yt_header_right .two-block {
|
|
margin-bottom: 30px; }
|
|
|
|
.shopping_cart {
|
|
padding: 0 15px; }
|
|
|
|
.navbar-header .navbar-toggle {
|
|
border-color: #999;
|
|
margin-right: 10px; }
|
|
|
|
#header .header-bottom-right {
|
|
padding: 0 15px;
|
|
margin: 0; }
|
|
|
|
.responsive .vertical ul.megamenu > li > .sub-menu {
|
|
position: static; }
|
|
|
|
.footer-bottom-block {
|
|
text-align: center; }
|
|
.footer-bottom-block .block-payment {
|
|
text-align: center; }
|
|
|
|
.ip-loader {
|
|
top: 50%; }
|
|
|
|
/*------------------ BREADCRUM ---------------*/
|
|
ul.breadcrumb li {
|
|
border: 0;
|
|
padding: 0 15px 0 5px; }
|
|
ul.breadcrumb li:first-child {
|
|
border: 0; }
|
|
ul.breadcrumb li:last-child:after {
|
|
display: none; }
|
|
ul.breadcrumb li:after {
|
|
font-family: "FontAwesome";
|
|
transform: rotate(0);
|
|
border: 0;
|
|
top: 0;
|
|
content: "\f101"; }
|
|
ul.breadcrumb li + li:before {
|
|
display: none; }
|
|
|
|
div.tab-slider h3.modtitle {
|
|
position: relative; }
|
|
|
|
div.tab-slider .so-listing-tabs .ltabs-tabs-container .ltabs-tabs-wrap {
|
|
border: none;
|
|
height: auto; }
|
|
|
|
.policy-detail .banner-policy .policy {
|
|
padding: 0; }
|
|
|
|
.banner-wraps .banners {
|
|
margin-bottom: 24px;
|
|
display: inline-block; }
|
|
|
|
#collections_block ul li {
|
|
display: inline-block;
|
|
width: 49%; }
|
|
|
|
.module.so-categories .wrap-categories {
|
|
margin: 0; }
|
|
|
|
/*----------------- PRODUCT ---------------------*/
|
|
.producttab .tabsslider .nav-tabs li {
|
|
float: none; }
|
|
|
|
.thumb-vertical-outer {
|
|
padding-left: 0; }
|
|
|
|
.add-to-links {
|
|
clear: both; }
|
|
.add-to-links ul li {
|
|
margin: 5px 0;
|
|
display: inline-block; }
|
|
|
|
.filter-row .table_cell {
|
|
border-left: none;
|
|
display: block; }
|
|
|
|
/*==============HOME 1 =====================*/
|
|
div.type_1 .header-bottom-right {
|
|
padding: 0 15px;
|
|
margin: 0; }
|
|
|
|
.type_1 .shopping_cart .btn-group > a {
|
|
min-width: 200px;
|
|
display: table;
|
|
margin: 0 auto; }
|
|
|
|
.shopping_cart .btn-group {
|
|
z-index: 65; }
|
|
|
|
/*.so-vertical-menu .navbar-header .navbar-toggle{background: $background; border-color: $background;
|
|
.icon-bar{background: white;}
|
|
}*/
|
|
.ltabs-tab-selected {
|
|
text-align: left; }
|
|
|
|
/*==============HOME 2=====================*/
|
|
.news-letter {
|
|
margin-bottom: 30px; }
|
|
|
|
.type_2 .navbar-welcome {
|
|
margin: 5px; }
|
|
|
|
.type_2 .shopping_cart .btn-group {
|
|
text-align: right; }
|
|
|
|
.type_2 .shopping_cart a.top_cart {
|
|
margin: 0; }
|
|
.type_2 .so-megamenu .horizontal .navbar-header {
|
|
color: #555555; }
|
|
.type_2 .header-bottom-right {
|
|
text-align: right;
|
|
color: white;
|
|
position: static; }
|
|
.type_2 .header-bottom-right .tabBlockTitle {
|
|
margin: 15px 0 0; }
|
|
.type_2 .header-bottom-right .tabBlock {
|
|
background: white;
|
|
padding: 10px 15px !important;
|
|
position: absolute;
|
|
z-index: 3;
|
|
left: 0; }
|
|
.type_2 .header-center {
|
|
padding: 15px 0; }
|
|
|
|
/*==============HOME 3=====================*/
|
|
.block-policy-v3 .policy {
|
|
margin-bottom: 10px; }
|
|
.layout-home3 .navbar-category .navbar-toggle{color:#666;}
|
|
.type_3 .header-top-left .navbar-welcome {
|
|
padding: 5px 10px; }
|
|
|
|
.type_3 .shopping_cart .btn-group > a {
|
|
min-width: 200px;
|
|
display: table;
|
|
margin: 0 auto; }
|
|
|
|
.type_3 #sosearchpro .form-control {
|
|
border: 1px solid #e5e5e5; }
|
|
.type_3 .header-bottom-right {
|
|
text-align: right;
|
|
color: white;
|
|
position: static; }
|
|
.type_3 .header-bottom-right .tabBlockTitle {
|
|
margin: 12px 0; }
|
|
.type_3 .header-bottom-right .tabBlock {
|
|
background: white;
|
|
padding: 10px 15px !important;
|
|
position: absolute;
|
|
z-index: 3;
|
|
left: 0; }
|
|
|
|
.layout-home3 .so-megamenu .so-vertical-menu .vertical-wrapper {
|
|
position: fixed !important; }
|
|
|
|
/*==============HOME 4=====================*/
|
|
.currencies-block .dropdown-menu {
|
|
right: 0;
|
|
left: auto; }
|
|
|
|
.layout-home4 #sosearchpro {
|
|
padding: 7px 15px;
|
|
margin: 0; }
|
|
|
|
.type_4 .header-top-right ul.top-link {
|
|
width: 100%; }
|
|
.type_4 .header-top-right ul.top-link > li {
|
|
float: left; }
|
|
.type_4 #sosearchpro .form-control {
|
|
border: 1px solid #e5e5e5; }
|
|
.type_4 .search-pro {
|
|
width: 33%;
|
|
clear: none; }
|
|
.type_4 .shopping_cart {
|
|
clear: both;
|
|
padding: 0; }
|
|
.type_4 .search-pro {
|
|
text-align: right;
|
|
color: white;
|
|
position: static;
|
|
margin: 0; }
|
|
.type_4 .search-pro .tabBlockTitle {
|
|
margin: 15px 0 12px; }
|
|
.type_4 .search-pro .tabBlock {
|
|
background: white;
|
|
padding: 10px 15px !important;
|
|
position: absolute;
|
|
z-index: 300;
|
|
left: 0;
|
|
width: 100%; }
|
|
.type_4 .shopping_cart a.top_cart {
|
|
border: none;
|
|
background: #777;
|
|
border-radius: 0 !important;
|
|
padding: 6px 15px; }
|
|
|
|
/*==============HOME 5 =====================*/
|
|
.layout-home5 {
|
|
background: #fff; }
|
|
.layout-home5 #sosearchpro .search {
|
|
max-width: 50px;
|
|
float: right; }
|
|
.layout-home5 #sosearchpro .search .autosearch-input {
|
|
display: none; }
|
|
.layout-home5 #sosearchpro .search .button-search {
|
|
border-radius: 3px;
|
|
min-width: 45px; }
|
|
.layout-home5 .btn-shopping-cart ul.dropdown-menu {
|
|
right: -20px;
|
|
left: auto; }
|
|
.layout-home5 .header-center {
|
|
padding-bottom: 0; }
|
|
.layout-home5 .header-bottom {
|
|
min-height: 30px; }
|
|
.layout-home5 .header-top-right .shopping_cart {
|
|
width: auto; }
|
|
.layout-home5 header .so-megamenu .navbar-header {
|
|
color: #555555;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: -65px; }
|
|
.layout-home5 header .so-megamenu .navbar-header .navbar-toggle {
|
|
background: #555555;
|
|
border-color: #555555; }
|
|
.layout-home5 .slider-brand {
|
|
padding: 15px 70px 0; }
|
|
|
|
/*==============HOME 6 =====================*/
|
|
.layout-home6 .header-top-right .tabBlockTitle {
|
|
-webkit-transform: translateY(-35px);
|
|
-moz-transform: translateY(-35px);
|
|
-ms-transform: translateY(-35px);
|
|
-o-transform: translateY(-35px);
|
|
transform: translateY(-35px);
|
|
color: #fff; }
|
|
.layout-home6 .header-top-right .tabBlockTitle a {
|
|
color: #999; }
|
|
.layout-home6 .header-top-right .tabBlockTitle a:hover {
|
|
color: #F4A137; }
|
|
.layout-home6 .type_6 #sosearchpro {
|
|
margin-top: 0; }
|
|
.layout-home6 .services-v1 .policy {
|
|
margin-bottom: 10px; }
|
|
.layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container {
|
|
min-height: 200px; }
|
|
.layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container .button-group {
|
|
overflow: hidden; }
|
|
.layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container .addToCart {
|
|
margin-bottom: 10px;
|
|
display: block; }
|
|
.layout-home6 .modLine h3.modtitle {
|
|
display: block; }
|
|
|
|
/*==============HOME 7 =====================*/
|
|
.layout-home7 .header-top-right .tabBlockTitle {
|
|
-webkit-transform: translateY(-35px);
|
|
-moz-transform: translateY(-35px);
|
|
-ms-transform: translateY(-35px);
|
|
-o-transform: translateY(-35px);
|
|
transform: translateY(-35px);
|
|
color: #fff; }
|
|
.layout-home7 .header-top-right .tabBlockTitle a {
|
|
color: #999; }
|
|
.layout-home7 .header-top-right .tabBlockTitle a:hover {
|
|
color: #F4A137; }
|
|
.layout-home7 .banner1-id7 ul.blank > li:first-child {
|
|
margin-bottom: 30px; }
|
|
.layout-home7 .type_7 .header-bottom .header-bottom__content {
|
|
margin: 0 -15px;
|
|
padding: 0 20px;
|
|
background: rgba(255, 255, 255, 0.1); }
|
|
.layout-home7 .so-listing-tabs .ltabs-items-container .ltabs-items .product-col {
|
|
padding: 0; }
|
|
.layout-home7 .so-listing-tabs .ltabs-items-container .ltabs-items .product-col .ltabs-item {
|
|
width: 100%;
|
|
padding: 0 15px;
|
|
float: left; }
|
|
.layout-home7 .services-v1 .policy {
|
|
margin-bottom: 10px; }
|
|
.layout-home7 .modLine h3.modtitle {
|
|
display: block; }
|
|
.layout-home7 .tab-slider--full {
|
|
margin: 0;
|
|
padding: 10px 0; }
|
|
.layout-home7 .subscribe-home {
|
|
margin-bottom: 30px; }
|
|
.layout-home7 .slider-brand--home6 .owl2-controls {
|
|
display: none; }
|
|
|
|
/*==============HOME 8 =====================*/
|
|
.layout-home8 .header-top-right .tabBlockTitle {
|
|
-webkit-transform: translateY(-35px);
|
|
-moz-transform: translateY(-35px);
|
|
-ms-transform: translateY(-35px);
|
|
-o-transform: translateY(-35px);
|
|
transform: translateY(-35px);
|
|
color: #fff; }
|
|
.layout-home8 .header-top-right .tabBlockTitle a {
|
|
color: #999; }
|
|
.layout-home8 .header-top-right .tabBlockTitle a:hover {
|
|
color: #F4A137; }
|
|
.layout-home8 .home8--banner1 {
|
|
text-align: center; }
|
|
.layout-home8 .home8--banner1 .banner__img {
|
|
float: none;
|
|
display: inline-block; }
|
|
.layout-home8 .so-megamenu .navbar-header {
|
|
color: #555555;
|
|
z-index: 1; }
|
|
.layout-home8 .so-megamenu .navbar-header .navbar-toggle {
|
|
background: #555555;
|
|
border-color: #555555; }
|
|
.layout-home8 .footer-center .icons-social .modtitle {
|
|
display: block; }
|
|
.layout-home8 .footer-center .icons-social .modcontent {
|
|
display: block; } }
|
|
@media (min-width: 768px) and (max-width: 991px) {
|
|
.container-full {
|
|
margin: 0;
|
|
clear: both; }
|
|
.container-full > .container {
|
|
width: auto; }
|
|
|
|
/*==============HOME 1 =====================*/
|
|
.navbar-logo {
|
|
text-align: center;
|
|
margin-bottom: 30px; }
|
|
|
|
#yt_header_right .two-block {
|
|
margin-bottom: 30px; }
|
|
|
|
/*==============HOME 2=====================*/
|
|
header.type_2 .so-megamenu .horizontal .navbar-header {
|
|
color: #555555; }
|
|
|
|
.news-letter {
|
|
margin-bottom: 30px; }
|
|
|
|
.content-aside {
|
|
padding: 0; }
|
|
.content-aside .module {
|
|
width: 45%;
|
|
margin: 0 2% 30px;
|
|
display: inline-block;
|
|
float:left;
|
|
vertical-align: top; }
|
|
|
|
/*==============HOME 3=====================*/
|
|
.layout-home3 .so-megamenu .so-vertical-menu .vertical-wrapper {
|
|
position: fixed !important; }
|
|
.layout-home3 .aside-verticalmenu{margin:0;}
|
|
.layout-home3 .navbar-category .navbar-toggle{color:#666;}
|
|
.block-policy-v3 .policy {margin-bottom: 10px; }
|
|
|
|
.navbar-header .navbar-toggle {
|
|
border-color: #999;
|
|
margin: 5px; }
|
|
|
|
.responsive .vertical ul.megamenu > li > .sub-menu {
|
|
position: static; }
|
|
|
|
.policy-detail .banner-policy .policy {
|
|
padding: 0;
|
|
border: none; }
|
|
|
|
#collections_block ul li {
|
|
display: inline-block;
|
|
width: 33%; }
|
|
|
|
.products-category .products-list .product-layout .button-group .addToCart {
|
|
margin: 0 20px 10px 0; }
|
|
|
|
.add-to-links {
|
|
clear: both; }
|
|
.add-to-links ul li {
|
|
margin: 5px 0;
|
|
display: inline-block; }
|
|
|
|
.filter-row .table_cell {
|
|
border-left: none;
|
|
display: block; }
|
|
|
|
/*==============HOME 5 =====================*/
|
|
.layout-home5 {
|
|
background: #fff; }
|
|
.layout-home5 #sosearchpro .search {
|
|
max-width: 320px;
|
|
float: right; }
|
|
.layout-home5 .header-center {
|
|
padding-bottom: 0; }
|
|
.layout-home5 .header-bottom {
|
|
min-height: 30px; }
|
|
.layout-home5 header .so-megamenu .navbar-header {
|
|
color: #555555;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: -40px; }
|
|
.layout-home5 header .so-megamenu .navbar-header .navbar-toggle {
|
|
background: #555555;
|
|
border-color: #555555; }
|
|
|
|
/*==============HOME 6 =====================*/
|
|
.layout-home6 .type_6 #sosearchpro {
|
|
margin-top: 0; }
|
|
.layout-home6 .services-v1 .policy {
|
|
margin-bottom: 10px; }
|
|
.layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container {
|
|
min-height: 215px; }
|
|
.layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container .button-group {
|
|
overflow: hidden; }
|
|
.layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container .addToCart {
|
|
margin-bottom: 10px;
|
|
display: block; }
|
|
|
|
/*==============HOME 7 =====================*/
|
|
.layout-home7 .type_7 .header-bottom .header-bottom__content {
|
|
padding: 0 10px;
|
|
background: rgba(255, 255, 255, 0.1); }
|
|
.layout-home7 .services-v1 .policy {
|
|
margin-bottom: 10px; }
|
|
.layout-home7 .subscribe-home {
|
|
margin-bottom: 30px; }
|
|
.layout-home7 .so-listing-tabs .ltabs-items-container .ltabs-items .product-col {
|
|
padding: 0; }
|
|
.layout-home7 .so-listing-tabs .ltabs-items-container .ltabs-items .product-col .ltabs-item {
|
|
width: 50%;
|
|
padding: 0 15px;
|
|
float: left; }
|
|
|
|
/*==============HOME 8 =====================*/
|
|
.layout-home8 .home8--banner1 {
|
|
text-align: center; }
|
|
.layout-home8 .home8--banner1 .banner__img {
|
|
float: none;
|
|
display: inline-block; }
|
|
.layout-home8 .so-megamenu .navbar-header {
|
|
color: #555555;
|
|
z-index: 1; }
|
|
.layout-home8 .so-megamenu .navbar-header .navbar-toggle {
|
|
background: #555555;
|
|
border-color: #555555; } }
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
.container-full {
|
|
margin: 0;
|
|
clear: both; }
|
|
|
|
/*==============HOME 1 =====================*/
|
|
.layout-home1 #yt_header_right .three-block .htmlcontent-home {
|
|
margin: 0; }
|
|
.layout-home1 #yt_header_right .three-block .htmlcontent-home img {
|
|
width: 100%;
|
|
height: 140px; }
|
|
.layout-home1 #yt_header_right .two-block .owl2-carousel .owl2-item img {
|
|
width: 100%; }
|
|
|
|
.products-list.grid .product-layout .product-item-container {
|
|
min-height: 250px; }
|
|
|
|
.products-category .products-list .product-layout .button-group .addToCart {
|
|
margin: 0 10px 10px 0; }
|
|
|
|
/*==============HOME 2 =====================*/
|
|
.news-letter .newsletter {
|
|
padding: 15px;
|
|
min-height: 201px; }
|
|
|
|
.news-letter .newsletter h2 {
|
|
margin-top: 40px; }
|
|
|
|
.type_2 .horizontal ul.megamenu > li > a {
|
|
padding: 0 8px; }
|
|
|
|
/*==============HOME 3 =====================*/
|
|
.layout-home3.common-home .sidebar-menu .vertical.open .vertical-wrapper {
|
|
display: block !important; }
|
|
|
|
/*==============HOME 4 =====================*/
|
|
.policy-v3 .block-policy-v3 .policy .policy-inner {
|
|
min-height: 100px; }
|
|
|
|
/*==============HOME 5 =====================*/
|
|
.layout-home5 {
|
|
background: #fff; }
|
|
|
|
/*==============HOME 6 =====================*/
|
|
.layout-home6 div.tab-slider .ltabs-items-container .ltabs-items .button-group > button {
|
|
min-width: 36px;
|
|
padding: 7px 10px; }
|
|
.layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container {
|
|
min-height: 212px; }
|
|
.layout-home6 div.product-style__thumb1.grid .product-layout .product-item-container .addToCart {
|
|
margin-bottom: 10px; } }
|
|
@media (min-width: 1200px) {
|
|
/*==============HOME 1 =====================*/
|
|
.container {
|
|
width: 1200px; }
|
|
|
|
#yt_header_right .two-block {
|
|
width: 69%; }
|
|
|
|
#yt_header_right .three-block {
|
|
width: 31%;
|
|
margin: 0; }
|
|
|
|
.common-home .sidebar-menu .vertical.open .vertical-wrapper {
|
|
display: block !important; } }
|
|
|
|
/*# sourceMappingURL=responsive.css.map */
|