Skip to content

P
ptd
Commit e0aa2d4a authored by Chi Bui's avatar Chi Bui 👀
Browse files
Options

edit ..

parent 13edb288
Hide whitespace changes
Inline Side-by-side
Showing with 618 additions and 220 deletions
themes/contrib/estore/css/styles.css
View file @ e0aa2d4a
@charset "UTF-8";
#f3c09a@charset "UTF-8";
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter, Inc.
......@@ -40,130 +40,180 @@ article.commerce-product.teaser .product-image img {
transition: all .4s linear;
margin: auto;
}
/* blog custom invi */
.single-blog {
overflow: hidden;
border-right: 0;
padding: 0 0 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ebebeb;
overflow: hidden;
border-right: 0;
padding: 0 0 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ebebeb;
}
.blog_thumb {
float: left;
width: 45%;
float: left;
width: 45%;
}
.blog_content {
width: 55%;
float: left;
text-align: left;
padding: 15px 15px 0 30px;
width: 55%;
float: left;
text-align: left;
padding: 15px 15px 0 30px;
}
.blog_content h4 {
font-size: 20px;
text-transform: capitalize;
font-weight: 500;
line-height: 24px;
margin-bottom: 0;
font-size: 20px;
text-transform: capitalize;
font-weight: 500;
line-height: 24px;
margin-bottom: 0;
}
.blog_meta {
margin-bottom: 17px;
border-bottom: 1px solid #ebebeb;
padding-bottom: 17px;
margin-bottom: 17px;
border-bottom: 1px solid #ebebeb;
padding-bottom: 17px;
}
.blog_desc {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
height: 70px
.blog_desc {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
height: 70px
}
.single-blog{
.single-blog {
color: black;
}
.blog_desc *{
.blog_desc * {
line-height: 23px;
color: #222222;
font-weight: 500
}
.single-blog h4 a {
color: #222222
}
.blog_wrapper .btn_more a {
color: #c40316;
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
line-height: 20px;
display: inline-block;
color: #c40316;
font-size: 13px;
text-transform: uppercase;
font-weight: 500;
line-height: 20px;
display: inline-block;
}
.single-blog footer{
margin-top: 10px
text-transform: uppercase;
.single-blog footer {
margin-top: 10px;
text-transform: uppercase;
}
.gift-sale {
width: 39px;
position: absolute;
top: 16px;
right: 8px;
z-index: 200;
}
.recent-post{
.contain-gift {
position: absolute;
z-index: 9;
top: 10px;
left: 10px;
width: 70px;
height: 70px;
text-align: center;
border-radius: 17px;
background-color: #f3c09a;
}
.gift-sale-big {
width: 60px;
height: 60px;
color: #fff;
font-size: 15px;
font-weight: bold;
line-height: 3.5;
margin-top: 2px;
margin-left: 4px;
}
.recent-post {
display: flex;
border-bottom: 1px solid #ebebeb;
padding-bottom: 15px;
}
.recent-post img {
height: 100%;
width: 50px !important;
margin-right: 15px;
object-fit: cover;
width: 70px;
height: 67px;
max-width: 60px;
object-fit: cover;
width: 50px !important;
margin-right: 15px;
object-fit: cover;
width: 70px;
height: 67px;
max-width: 60px;
object-fit: cover;
}
.recent-post h5 {
}
.recent-post p {
.recent-post h5 {}
}
/*end blog custom invi */
.recent-post p {}
/*end blog custom invi */
/* invi custom */
.wrap-header {
/* background: rgb(255,255,255); */
/* background: linear-gradient(122deg, rgb(236, 226, 228) 0%, rgba(254,224,160,1) 37%, rgb(241, 186, 153) 100%)
/* background: linear-gradient(45deg,#fee0a0 24% , #f5b58f); */
/* background: linear-gradient(45deg,#fee0a0 , #facd87); */ */;
/* background: linear-gradient(45deg,#fee0a0 , #facd87); */
*/;
}
.middle-header-wrapper {
/* background-color: #f7df24 !important; */
}
header .link_content .field--type-text-with-summary p{
margin-bottom: 0;
text-align: center;
font-size: 16px;
line-height: 55px;
/* font-weight: 500; */
/* width: 85%; */
header .link_content .field--type-text-with-summary p {
margin-bottom: 0;
text-align: center;
font-size: 16px;
line-height: 55px;
/* font-weight: 500; */
/* width: 85%; */
}
.bottom-nav {
/* background-color: #f7df24 !important; */
padding-bottom: 16px;
}
.region-middle-header{
.region-middle-header {
min-width: 100%;
}
.region-middle-header .main-menu{
.region-middle-header .main-menu {
width: 100%;
}
.region-middle-header .main-menu .menu--main{
.region-middle-header .main-menu .menu--main {
display: flex;
width: 100%;
justify-content: space-between;
width: 100%;
justify-content: space-between;
}
.pin{
.pin {
width: 100% !important;
}
header.navbar .main-menu ul.menu li{
header.navbar .main-menu ul.menu li {
margin-left: 0 !important
}
.menu--main .open ul.sidebar-submenu-2 li:hover {
background: white !important;
}
......@@ -266,18 +316,20 @@ header.navbar .main-menu ul.menu li{
.menu--category-menu .open ul.sidebar-submenu-2 li:hover {
background: white !important;
}
.menu--category-menu .open ul.sidebar-submenu-2 li{
.menu--category-menu .open ul.sidebar-submenu-2 li {
width: 251px !important;
padding: 0px 7px !important;
height: 40px;
display: flex;
align-items: center;
}
.menu--category-menu .open ul.sidebar-submenu-3 li {
border-bottom: none !important;
width: 251px !important;
line-height: normal !important;
padding: 10px 0 !important;
padding: 10px 0 !important;
/* height: 31px; */
/* line-height: 76px !important; */
/* display: block; */
......@@ -381,7 +433,12 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li span {
right: 15px;
}
.region-footer-fourth .view-content {
.region-right-middle-header {
display: flex;
align-items: center;
}
.block-views-blocklist-social-block-social .view-content {
display: flex;
}
......@@ -389,25 +446,28 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li span {
margin-top: 12px
}
.region-footer-fourth .view-content .img-responsive {
width: 35px;
height: 35px;
margin-right: 7px;
margin-top: 14px;
.block-views-blocklist-social-block-social .view-content .img-responsive {
width: 40px;
height: 40px;
margin-right: 9px;
/* margin-top: 14px; */
border-radius: 9px;
}
.view-manufacturer-list .view-content{
.view-manufacturer-list .view-content {
display: flex;
justify-content: space-around;
height: auto;
padding: 25px 0;
}
.view-manufacturer-list .view-content img.img-responsive{
.view-manufacturer-list .view-content img.img-responsive {
display: block;
/* height: auto; */
height: auto !important;
width: 116px !important;
/* height: auto; */
height: auto !important;
width: 116px !important;
}
header.navbar .category-menu ul.menu ul.dropdown-menu li {
/* border: none; */
font-weight: 200 !important;
......@@ -434,15 +494,86 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li {
.footer-bottom-left {
margin-top: 10px;
}
.main-container{
.main-container {
min-height: 350px
}
@media(min-width: 991px) and (max-width:1200px){
header .link_content .field--type-text-with-summary p{
@media(min-width: 991px) and (max-width:1200px) {
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon {
margin-left: 0 !important;
margin-right: 8px !important
}
.block-views-blocklist-social-block-social .view-content .img-responsive {
width: 35px !important;
height: 35px !important;
margin-right: 5px !important;
}
header .link_content .field--type-text-with-summary p {
font-size: 14px;
margin-right: 40px
}
}
.block-views-blockfaq-block-1 {
margin-bottom: 50px;
}
.block-views-blockfaq-block-1 .accordion {
background-color: #eee;
color: #444;
cursor: pointer;
height: 45px;
padding: 0 20px;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
border-radius: 4px;
}
.acc-bottom {
margin-bottom: 10px;
}
.block-views-blockfaq-block-1 .accordion:hover {
background-color: #e0dede;
}
.block-views-blockfaq-block-1 .active ,.block-views-blockfaq-block-1 .active.accordion:hover {
background-color: #c40316;
}
.block-views-blockfaq-block-1 .active {
background-color: #c40316;
}
.block-views-blockfaq-block-1 .active a , .block-views-blockfaq-block-1 .active.accordion:after{
color: white !important
}
.block-views-blockfaq-block-1 .accordion a {
color: black;
}
.block-views-blockfaq-block-1 .accordion:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}
.block-views-blockfaq-block-1 .active:after {
content: "\2212";
}
.block-views-blockfaq-block-1 .panel {
padding-top: 5px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
box-shadow: none;
}
@media (min-width: 768px) {
.webform-flex--container {
width: 91% !important
......@@ -456,13 +587,11 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li {
left: 0;
right: 0;
width: 100%;
height: 90px;
background: linear-gradient(122deg, rgb(236, 226, 228) 0%, rgba(254,224,160,1) 37%, rgb(241, 186, 153) 100%);
height: 100px;
background: linear-gradient(122deg, rgb(236, 226, 228) 0%, rgba(254, 224, 160, 1) 37%, rgb(241, 186, 153) 100%);
background: rgba(255, 255, 255, 0.95);
}
header.navbar .category-menu ul.menu.litte-menu {
height: 455px;
/* // overflow: hidden; */
......@@ -618,7 +747,6 @@ header.navbar .category-menu ul.menu.litte-menu {
animation: mymove 3s infinite linear;
}
.middle-header-wrapper .container-fluid {
display: flex;
align-items: center;
......@@ -654,20 +782,22 @@ header.navbar .category-menu ul.menu.litte-menu {
font-weight: bold !important;
text-shadow: -1px 0 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, 0 2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, -2px -2px 0 #fff, 2px 2px 0 #fff, 3px 3px 4px rgba(0, 0, 0, 0.5);
}
.hl-link-img{
.hl-link-img {
background: #f3c09a;
z-index: 20;
position: absolute;
top: 4px;
right: 19px;
border-radius: 50%;
padding: 5px;
z-index: 20;
position: absolute;
top: 4px;
right: 19px;
border-radius: 50%;
padding: 5px;
}
.hl-link img{
.hl-link img {
height: 35px;
right: 15px;
right: 15px;
}
header .link_content:hover {
background: #eb5335;
color: #;
......@@ -763,13 +893,15 @@ header.navbar .block-search-navigation {
border-radius: 6px;
overflow: hidden;
}
article.commerce-product.teaser-mini .col-lg-8{
article.commerce-product.teaser-mini .col-lg-8 {
padding-left: 0 !important;
}
article.commerce-product.teaser-mini .product-right{
margin-left: 0 !important;
article.commerce-product.teaser-mini .product-right {
margin-left: 0 !important;
}
.search .input-group input::placeholder {
color: #975050 !important;
}
......@@ -777,6 +909,7 @@ article.commerce-product.teaser-mini .product-right{
.search .input-group input {
color: #975050 !important;
}
.search .input-group button {
font-size: 14px;
text-transform: uppercase;
......@@ -907,15 +1040,18 @@ header.navbar .block-search-navigation .search-icon {
/* invi 1440 */
@media (max-width: 1200px) {
header.navbar .main-menu ul.menu li a{
header.navbar .main-menu ul.menu li a {
font-size: 13px !important;
}
header.navbar .category-menu .block-title{
header.navbar .category-menu .block-title {
padding: 5px 15px !important;
}
.search .input-group button{
min-width: 50px !important
}
.search .input-group button {
min-width: 50px !important
}
header.navbar .main-menu ul.menu li:first-child {
margin-left: 0 !important;
}
......@@ -987,83 +1123,131 @@ header.navbar .block-search-navigation .search-icon {
justify-content: center;
}
}
@media (max-width: 1150px) {
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper a.cart-icon {
width: 35px !important;
height: 35px !important;
line-height: 35px !important;
margin: 0 !important;
padding: 0 !important;
}
.img-logo .logo-top {
height: 13px !important;
width: 42px !important;
border-radius: 50%;
border: red 2px solid;
position: absolute;
top: -8px;
}
.img-logo .logo-center {
height: 45px !important;
width: 42px !important;
}
.middle-header-wrapper .region-left-middle-header .branding-block .logo img.logo_img{
height: 35px !important;
width: 35px !important;
}
.img-logo .logo-bottom {
height: 20px !important;
width: 42px !important;
}
}
/* invi 991 response */
@media (max-width: 991px) {
#scrollUp{
.region-right-middle-header .block-views-blocklist-social-block-social {
display: none;
width: 0 !important
}
#scrollUp {
height: 30px !important;
width: 30px !important;
line-height: 26px ;
line-height: 26px;
}
.view-manufacturer-list .view-content{
.view-manufacturer-list .view-content {
flex-direction: column;
}
.view-manufacturer-list .view-content .menu-wrap {
display: flex;
}
.view-manufacturer-list .view-content .menu-wrap .views-field-field-logo-nha-san-xuat{
padding: 0 3px ;
.view-manufacturer-list .view-content .menu-wrap .views-field-field-logo-nha-san-xuat {
padding: 0 3px;
}
.middle-header-wrapper .container-fluid{
.middle-header-wrapper .container-fluid {
margin: 0 !important
}
.middle-header-wrapper .container-fluid.fixed-top{
.middle-header-wrapper .container-fluid.fixed-top {
height: 60px !important
}
footer .field--type-text-with-summary img {
width: 100% !important
}
header.navbar .category-menu .block-title span ,
header .link_content .field--type-text-with-summary p{
header.navbar .category-menu .block-title span,
header .link_content .field--type-text-with-summary p {
font-size: 14px !important
}
.hl-link img{
.hl-link img {
height: 24px !important
}
header .link_content .field--type-text-with-summary p
{
header .link_content .field--type-text-with-summary p {
line-height: 43px
}
header.navbar .category-menu ul.menu li{
header.navbar .category-menu ul.menu li {
margin-left: 0 !important
}
header.navbar .category-menu ul.menu.hide-block{
header.navbar .category-menu ul.menu.hide-block {
height: 334px;
overflow-y: scroll;
overflow-x: hidden;
}
.menu--category-menu .open ul.sidebar-submenu-2.three-level{
.menu--category-menu .open ul.sidebar-submenu-2.three-level {
flex-direction: column !important;
padding-top: 0 !important
}
.menu--category-menu .open ul.sidebar-submenu-2.three-level li{
.menu--category-menu .open ul.sidebar-submenu-2.three-level li {
display: flex;
flex-direction: column;
padding-left: 15px !important;
border-bottom: none !important
}
.menu--category-menu .open ul.sidebar-submenu-2{
position: relative;
.menu--category-menu .open ul.sidebar-submenu-2 {
position: relative;
left: 0px;
top: 0;
width: 100%;
margin: 0;
float: none;
}
}
article.commerce-product.teaser-mini .product-image{
article.commerce-product.teaser-mini .product-image {
max-width: 100px;
max-width: 100px;
}
article.commerce-product.teaser-mini .product-right{
article.commerce-product.teaser-mini .product-right {
max-width: 100% !important;
float: none;
}
.estore-homepage-first .collection-region .collection-hot-product .block-title{
.estore-homepage-first .collection-region .collection-hot-product .block-title {
margin-top: 29px !important;
}
header.navbar .category-menu ul.menu.litte-menu {
display: none !important;
}
......@@ -1218,7 +1402,7 @@ header.navbar .block-search-navigation .search-icon {
.region-mobile-top .navbar-nav {
margin-left: 0;
background:transparent;
background: transparent;
display: flex;
flex-direction: column;
width: 100%;
......@@ -1226,7 +1410,7 @@ header.navbar .block-search-navigation .search-icon {
.region-mobile-top .pin {
width: 100%;
background:transparent;
background: transparent;
border: none;
color: black !important;
}
......@@ -1437,31 +1621,36 @@ header.navbar .block-search-navigation .search-icon {
/* end invi custom */
/* invi custom menu */
.menu--category-menu .open ul.sidebar-submenu-3.ul-flex{
.menu--category-menu .open ul.sidebar-submenu-3.ul-flex {
display: flex;
flex-direction: row;
}
.menu--category-menu .open ul.sidebar-submenu-2.ul-flex{
.menu--category-menu .open ul.sidebar-submenu-2.ul-flex {
display: flex;
flex-direction: row;
}
.menu--category-menu .open ul.sidebar-submenu-2.ul-flex ul{
padding: 0 !important;
.menu--category-menu .open ul.sidebar-submenu-2.ul-flex ul {
padding: 0 !important;
}
.menu--category-menu .open ul.sidebar-submenu-2.ul-flex ul li{
.menu--category-menu .open ul.sidebar-submenu-2.ul-flex ul li {
list-style: none;
}
.menu--category-menu .open ul.sidebar-submenu-3.ul-flex ul{
padding: 0 !important;
.menu--category-menu .open ul.sidebar-submenu-3.ul-flex ul {
padding: 0 !important;
}
.menu--category-menu .open ul.sidebar-submenu-3.ul-flex ul li{
.menu--category-menu .open ul.sidebar-submenu-3.ul-flex ul li {
list-style: none;
}
/* */
/* */
body {
margin: 0;
background: #faeed8;
background: #faeed8;
}
article,
......@@ -3088,14 +3277,14 @@ p {
.lead {
font-size: 21px;
}
}
@media (max-width: 768px){
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper{
@media (max-width: 768px) {
.middle-header-wrapper .region-right-middle-header .cart-block-wrapper {
margin: 0 auto;
position: absolute !important;
right: 10px !important;
top: 5px !important
position: absolute !important;
right: 10px !important;
top: 5px !important
}
}
......@@ -5404,11 +5593,12 @@ select[multiple].input-lg,
font-size: 12px;
}
}
.webform-flex .btn {
.webform-flex .btn {
background-color: #e94337 !important;
padding: 7px 20px !important
padding: 7px 20px !important
}
.btn {
display: inline-block;
margin-bottom: 0;
......@@ -5429,9 +5619,11 @@ select[multiple].input-lg,
line-height: 1.42857;
touch-action: manipulation;
}
.btn:hover {
background: #e94337 !important;
}
.btn:focus,
.btn.focus,
.btn:active:focus,
......@@ -5546,7 +5738,7 @@ fieldset[disabled] .btn-default.focus {
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
border-color: #003647;
/* border-color: #003647; */
background-color: #eb5235;
}
......@@ -5574,7 +5766,7 @@ fieldset[disabled] .btn-default.focus {
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle.focus {
color: #fff;
border-color: #003647;
/* border-color: #003647; */
background-color: #eb5335;
}
......@@ -6384,9 +6576,11 @@ tbody.collapse.in {
padding-right: 0;
padding-left: 0;
}
.region-middle-bottom-header .search .input-group input {
z-index: -1
}
.input-group .form-control {
position: relative;
z-index: 2;
......@@ -8301,7 +8495,7 @@ button.list-group-item-danger.active:focus {
}
.panel {
margin-bottom: 20px;
/* margin-bottom: 20px; */
border: 1px solid transparent;
border-radius: 0;
background-color: #fff;
......@@ -9643,7 +9837,6 @@ button.close {
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
......@@ -10726,9 +10919,52 @@ body.toolbar-loading.toolbar {
/* margin: 6px 0; */
}
.img-logo img {
width: 42px;
height: 47px;
position: absolute;
top: 9px;
left: 6px;
}
.img-logo {
position: relative;
/* margin-top: 10px; */
}
.img-logo .logo-top {
height: 13px;
width: 55px;
border-radius: 50%;
border: red 2px solid;
position: absolute;
top: -8px;
}
.img-logo .logo-bottom {
height: 20px;
width: 55px;
border-radius: 50%;
border: red 2px solid;
position: absolute;
bottom: -10px;
z-index: -1;
}
.img-logo .logo-center {
height: 55px;
width: 55px;
z-index: 10;
/* border-radius: 50%; */
/* border-top: red 1px solid; */
border-left: red 2px solid;
border-right: red 2px solid;
background: white;
}
.middle-header-wrapper .region-left-middle-header .branding-block .logo img {
width: 50px;
height: 100%;
/* width: 50px; */
/* height: 100%; */
}
.middle-header-wrapper .region-left-middle-header .branding-block .site-title {
......@@ -10959,13 +11195,13 @@ header.navbar .category-menu .block-title i {
}
header.navbar .category-menu .block-title.active,
header.navbar .category-menu .block-title:hover {
}
header.navbar .category-menu .block-title:hover {}
@media (max-width: 991px) {
.hl-link-img{
.hl-link-img {
top: 3px !important
}
header.navbar .category-menu .block-title {
padding: 0 10px;
font-size: 12px;
......@@ -10974,9 +11210,9 @@ header.navbar .category-menu .block-title:hover {
border-radius: 3px;
text-align: center;
}
header.navbar .category-menu .block-title i{
line-height: 32px !important;
header.navbar .category-menu .block-title i {
line-height: 32px !important;
}
}
......@@ -11077,6 +11313,24 @@ header.navbar .main-menu ul.menu li:first-child {
margin-left: 0;
}
header.navbar .main-menu ul.menu .sidebar-submenu-2 li a {
padding-bottom: 10px;
font-weight: 500;
}
.commerce-checkout-flow-multistep-default {
margin-bottom: 80px !important;
}
.commerce-checkout-flow-multistep-default button {
position: absolute;
left: 45%;
width: 203px;
font-weight: 800;
font-size: 16px;
padding: 10px;
}
header.navbar .main-menu ul.menu li a {
display: block;
font-weight: 800;
......@@ -11264,8 +11518,6 @@ header.navbar .block-search-navigation .search-icon.active {
color: inherit;
}
.region-sidebar-first .block-views[class*="-archives"] .view-content ul,
.region-sidebar-second .block-views[class*="-archives"] .view-content ul {
padding-left: 0;
......@@ -11410,7 +11662,7 @@ header.navbar .block-search-navigation .search-icon.active {
.estore-homepage-first .layout__region--blog-news {
margin: 30px 0 0;
padding-top: 40px ;
padding-top: 40px;
background-color: #f6f7f7;
}
......@@ -11655,7 +11907,6 @@ header.navbar .block-search-navigation .search-icon.active {
font-size: 18px;
}
.estore-homepage-first .collection-region .view-display-id-block_hot_product {
padding: 15px;
border: 1px solid #e2e2e2;
......@@ -11805,17 +12056,20 @@ article.blog h2 a:hover {
article.blog .blog-top-wrapper {
position: relative;
}
.single-blog .img-responsive{
.single-blog .img-responsive {
display: block;
max-width: 100%;
height: auto;
height: 300px;
object-fit: cover;
width: 100%;
max-width: 100%;
height: auto;
height: 300px;
object-fit: cover;
width: 100%;
}
.contact_message h3:nth-child(1){
color: #e94337 !important
.contact_message h3:nth-child(1) {
color: #e94337 !important
}
article.blog .blog-top-wrapper .posted-on {
position: absolute;
top: 0;
......@@ -12068,59 +12322,69 @@ article.commerce-product.full .product-left {
article.commerce-product.full .product-right .product-title {
margin: 0 65px 10px 0;
}
article.commerce-product.full .product-right {
article.commerce-product.full .product-right {
display: flex;
flex-direction: column;
}
.region-sidebar-second article.commerce-product .product-price{
.region-sidebar-second article.commerce-product .product-price {
position: absolute;
bottom: 11px;
left: 84px;
bottom: 11px;
left: 84px;
}
/* */
.product-left .field--name-field-images .field--item:nth-child(1) img{
.product-left .field--name-field-images .field--item:nth-child(1) img {
width: 100% !important;
float: none !important;
display: block !important;
margin-top: 0 !important;
}
.product-left .field--name-field-images .field--item:nth-child(n) img{
.product-left .field--name-field-images .field--item:nth-child(n) img {
width: 32%;
margin-top: 20px;
display: inline;
float: left;
margin-right: 6px;
}
.region-sidebar-second article.commerce-product.teaser-micro a img {
/* float: right; */
/* width: 32px; */
width: 70px;
height: 67px;
max-width: 60px;
object-fit: cover;
/* margin-right: 20px; */
}
.region-sidebar-second article.commerce-product .field--name-title{
/* float: right; */
/* width: 32px; */
width: 70px;
height: 67px;
max-width: 60px;
object-fit: cover;
/* margin-right: 20px; */
}
.region-sidebar-second article.commerce-product .field--name-title {
margin-left: 23px;
}
.content .field--name-body{
.content .field--name-body {
margin-bottom: 50px
}
.region-sidebar-second article.commerce-product {
position: relative;
display: flex;
height: 75px;
.region-sidebar-second article.commerce-product {
position: relative;
display: flex;
height: 75px;
}
article.commerce-product.full .product-right div {
order: 2;
font-size: 16px;
line-height: 26px;
line-height: 26px;
}
article.commerce-product.full .product-right h3 div {
font-size: inherit;
line-height: 35px
}
article.commerce-product.full .product-right .field--name-price {
order: 1;
z-index: 10;
......@@ -12222,28 +12486,34 @@ article.commerce-product.full .product-bottom .tab-content {
border: 1px solid #e2e2e2;
border-top: none;
}
.estore-homepage-first .view-display-id-block_sale_product{
.estore-homepage-first .view-display-id-block_sale_product {
padding: 15px;
border: 1px solid #e2e2e2;
height: 427px;
border: 1px solid #e2e2e2;
height: 427px;
}
article.commerce-product.teaser {
padding: 15px;
article.commerce-product.teaser {
padding: 15px;
}
.block-webform {
margin-bottom: 50px !important
}
@media (max-width: 991px) {
*{
* {
z-index: 0
}
.estore-homepage-first .collection-region .collection-hot-product .view-display-id-block_hot_product{
.estore-homepage-first .collection-region .collection-hot-product .view-display-id-block_hot_product {
height: auto !important;
}
article.commerce-product.teaser {
height: auto !important;
}
article.commerce-product.full .product-bottom {
clear: both;
}
......@@ -12270,14 +12540,16 @@ article.commerce-product.teaser-mini .product-image {
max-width: 75px;
max-height: 75px;
}
article.commerce-product.teaser-mini .product-inner {
max-height: 75px !important
}
article.commerce-product.teaser-mini .product-right {
float: left;
/* max-width: 180px; */
margin-left: 15px;
height: 75px
height: 75px
}
article.commerce-product.teaser-mini .product-right .field--widget-commerce-quantity {
......@@ -12288,12 +12560,13 @@ article.commerce-product.teaser-mini .product-right .product-title {
margin: 0;
font-size: 12px;
}
article.commerce-product.teaser-mini .product-right .product-title .field--name {
article.commerce-product.teaser-mini .product-right .product-title .field--name {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
article.commerce-product.teaser-mini .product-right .product-title a {
......@@ -12426,6 +12699,35 @@ article.commerce-product.teaser .product-title {
padding: 0;
text-align: center;
font-size: 15px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
height: 30px;
}
.table-responsive table tbody tr td {
line-height: 50px !important
}
.order-total-line {
padding: 0 !important;
text-align: left !important;
font-size: 15px;
}
.order-total-line-label {
font-weight: bold;
margin: 5px 10px 5px 0px !important;
}
.order-total-line-value {
width: auto !important;
font-weight: 400 !important;
}
.field--type-commerce-price {
margin-bottom: 20px !important
}
article.commerce-product.teaser .product-title a {
......@@ -12461,13 +12763,14 @@ article.commerce-product.teaser .sales-tag {
position: absolute;
z-index: 99;
top: 30px;
right: 0;
right: 7px;
left: auto;
display: inline-block;
padding: 2px 20px;
height: 20px;
text-transform: uppercase;
color: #fff;
background: #f65656;
background: #f3c09a;
}
article.commerce-product.teaser .sales-tag:after,
......@@ -12477,7 +12780,7 @@ article.commerce-product.teaser .sales-tag:before {
left: -10px;
content: "";
border-top: 0 solid transparent;
border-right: 10px solid #f65656;
border-right: 10px solid #f3c09a;
border-bottom: 13px solid transparent;
}
......@@ -12485,7 +12788,7 @@ article.commerce-product.teaser .sales-tag:after {
top: auto;
bottom: 0;
border-top: 13px solid transparent;
border-right: 10px solid #f65656;
border-right: 10px solid #f3c09a;
border-bottom: 0 solid transparent;
}
......@@ -12694,13 +12997,16 @@ p:last-child,
.alert {
margin-top: 20px;
}
article.commerce-product.full .product-right .field--name-variations button {
margin-bottom: 10px;
background: #e94537;
margin-bottom: 10px;
background: #e94537;
}
.menu--main .is-active{
color : #e94537!important
.menu--main .is-active {
color: #e94537 !important
}
a {
transition: all 0.3s ease-in-out;
}
......
themes/contrib/estore/images/gift.svg 0 → 100755
View file @ e0aa2d4a
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<polygon style="fill:#ED7064;" points="22.568,229.834 231.939,109.12 441.31,229.834 441.455,229.75 441.455,391.036 231.939,512
22.423,391.036 22.423,229.75 "/>
<polygon style="fill:#C40041;" points="22.423,391.036 231.939,512 231.939,350.715 22.423,229.75 "/>
<polygon style="fill:#F43834;" points="231.939,350.715 441.455,229.75 441.455,391.036 231.939,512 "/>
<polygon style="fill:#FF8A5C;" points="11.317,167.729 231.939,40.528 452.561,167.729 452.713,167.641 452.713,223.443
231.939,350.907 11.165,223.443 11.165,167.641 "/>
<polygon style="fill:#F43834;" points="11.165,223.443 231.939,350.907 231.939,295.105 11.165,167.641 "/>
<polygon style="fill:#FF5331;" points="231.939,295.105 452.713,167.641 452.713,223.443 231.939,350.907 "/>
<polygon style="fill:#FF812C;" points="143.114,460.717 88.266,429.05 88.266,211.973 308.631,84.745 363.452,116.353
143.114,243.565 "/>
<polygon style="fill:#FF9F2C;" points="321.864,460.07 376.712,428.403 376.712,211.326 156.348,84.098 101.526,115.706
321.864,242.918 "/>
<g>
<polygon style="fill:#FFD800;" points="321.864,242.918 376.712,211.326 156.348,84.098 101.526,115.706 "/>
<polygon style="fill:#FFD800;" points="143.114,243.565 88.266,211.973 308.631,84.745 363.452,116.353 "/>
</g>
<g>
<polygon style="fill:#F0C419;" points="459.912,204.961 447.188,173.729 500.835,156.674 250.42,111.512 209.527,159.804 "/>
<polygon style="fill:#F0C419;" points="229.829,366.666 203.818,345.201 171.529,391.314 203.158,138.832 261.454,114.214 "/>
</g>
<path style="fill:#FFD800;" d="M250.838,134.616c-3.811-4.714-4.948-11.028-3.04-16.781c9.529-28.74,36.521-102.331,81.496-115.963
c42.026-12.738,94.921,41.85,61.405,93.683c-26.688,41.273-89.968,53.439-114.645,56.683c-6.153,0.809-12.274-1.613-16.176-6.439
L250.838,134.616z"/>
<path style="fill:#DCA700;" d="M360.892,61.068c19.805-10.837,30.242,1.518,23.479,21.507c-6.764,19.99-41.373,39.044-61.926,49.099
c-20.553,10.055-48.773,13.685-48.773,13.685S341.087,71.905,360.892,61.068z"/>
<path style="fill:#FFE252;" d="M183.568,131.791c6.849-5.409,14.667-8.286,22.502-8.903c10.433-0.823,19.702-6.173,25.631-14.797
c4.453-6.478,10.855-11.811,18.966-15.038c17.143-6.821,37.244-1.057,48.228,13.767c15.006,20.252,8.728,48.39-12.458,60.622
c-5.721,3.303-11.899,5.076-18.07,5.454c-10.028,0.614-18.961,5.771-24.507,14.149c-3.412,5.155-8.037,9.618-13.758,12.921
c-21.187,12.232-48.696,3.599-58.73-19.525C164.028,163.515,169.089,143.226,183.568,131.791z"/>
<path style="fill:#FFD800;" d="M199.189,156.221c-3.217-5.137-8.818-8.267-14.879-8.335c-30.277-0.34-108.646,1.24-136.169,39.333
c-25.718,35.595,8.69,103.373,68.607,88.544c47.71-11.808,79.803-67.687,90.899-89.965c2.767-5.555,2.468-12.131-0.826-17.391
L199.189,156.221z"/>
<path style="fill:#DCA700;" d="M93.836,236.358c-16.691,15.201-8.404,29.091,12.698,29.199
c21.103,0.108,50.381-26.419,66.576-42.582c16.195-16.164,28.809-41.667,28.809-41.667S110.528,221.156,93.836,236.358z"/>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
themes/contrib/estore/js/custom.js
View file @ e0aa2d4a
......@@ -2,7 +2,20 @@
* @file
* Contain code for header elements
*/
var acc = document.getElementsByClassName("accordion");
var i;
for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}
(function($, Drupal) {
var rightMenu = $(".menu.menu--category-menu.nav");
lengthMenu = rightMenu.children('li').length;
......
themes/contrib/estore/templates/block/block--system-branding-block.html.twig
View file @ e0aa2d4a
......@@ -19,14 +19,20 @@
<div class="branding-block clearfix">
{% if site_logo %}
<a class="logo navbar-btn pull-left" href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
<img class="logo_img" src="/themes/contrib/estore/logo0.png" alt="{{ 'Home'|t }}" />
<div class="img-logo">
<div class="logo-top"></div>
<div class="logo-center"></div>
<img class="logo_img" src="/themes/contrib/estore/logo0.png" alt="{{ 'Home'|t }}"/>
<div class="logo-bottom"></div>
</div>
</a>
{% endif %}
{% if site_name or site_slogan %}
<div class="site-title">
{% if site_name %}
<a class="name navbar-brand" href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">Pin Tuan Dung</a>
<a class="name navbar-brand" href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">Pin Tuan Dung</a>
<!-- <a class="name navbar-brand" href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">{{ site_name }}</a> -->
{% endif %}
{% if site_slogan %}
......
themes/contrib/estore/templates/commerce/commerce-product--teaser.html.twig
View file @ e0aa2d4a
......@@ -29,7 +29,9 @@
<a href="{{ product_url }}">{{ product.title }}</a>
</h3>
{% if product.field_sale[0]['#markup'] == 1 %}
<div class="sales-tag">{{ 'Sale!'|t }}</div>
<img src="/themes/contrib/estore/images/gift.svg" alt="gift" class="gift-sale">
<div class="sales-tag"></div>
{% endif %}
{{- product|without('variation_attributes', 'field_images', 'title', 'field_sale') -}}
</article>
themes/contrib/estore/templates/commerce/commerce-product.html.twig
View file @ e0aa2d4a
......@@ -30,7 +30,9 @@
{{ product|without('variation_attributes', 'field_images', 'field_reviews', 'field_related_products', 'body', 'field_sale') }}
</div>
{% if product.field_sale[0]['#markup'] == 1 %}
<div class="sales-tag">{{ 'Sale!'|t }}</div>
<div class="contain-gift">
<img src="/themes/contrib/estore/images/gift.svg" alt="gift" class="gift-sale-big">
</div>
{% endif %}
......
themes/contrib/estore/templates/views/views-view-unformatted--products--block-featured.html.twig
View file @ e0aa2d4a
......@@ -20,7 +20,7 @@
<div id="estore-featured-products-carousel" class="features-products-carousel carousel slide" data-ride="carousel">
<div class="featured-top">
<div class="featured-title">
<h3 class="title">{{ 'Sản phẩm nổi bật'|t }}</h3>
<h3 class="title">{{ 'Sản phẩm có khuyễn mãi'|t }}</h3>
{% if view.display_handler.options['title'] != '' %}
{# <h4 class="sub-title">{{ view.display_handler.options['title']|t }}</h4> #}
{% endif %}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment