Skip to content

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

change background back

parent d74d5df1
Show whitespace changes
Inline Side-by-side
Showing with 63 additions and 28 deletions
themes/contrib/estore/css/styles.css
View file @ bd9b05e0
...@@ -124,10 +124,10 @@ text-transform: uppercase; ...@@ -124,10 +124,10 @@ text-transform: uppercase;
/* invi custom */ /* invi custom */
.wrap-header { .wrap-header {
background: rgb(255,255,255); /* 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(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 24% , #f5b58f); */
/* background: linear-gradient(45deg,#fee0a0 , #facd87); */ /* background: linear-gradient(45deg,#fee0a0 , #facd87); */ */;
} }
.middle-header-wrapper { .middle-header-wrapper {
/* background-color: #f7df24 !important; */ /* background-color: #f7df24 !important; */
...@@ -396,8 +396,8 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li span { ...@@ -396,8 +396,8 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li span {
.view-manufacturer-list .view-content{ .view-manufacturer-list .view-content{
display: flex; display: flex;
justify-content: space-around; justify-content: space-around;
height: 105px; height: auto;
padding-top: 25px; padding: 25px 0;
} }
.view-manufacturer-list .view-content img.img-responsive{ .view-manufacturer-list .view-content img.img-responsive{
display: block; display: block;
...@@ -454,7 +454,8 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li { ...@@ -454,7 +454,8 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li {
right: 0; right: 0;
width: 100%; width: 100%;
height: 90px; height: 90px;
background: linear-gradient(122deg, rgb(236, 226, 228) 0%, rgba(254,224,160,1) 37%, rgb(241, 186, 153) 100%) 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);
} }
...@@ -665,12 +666,13 @@ header.navbar .category-menu ul.menu.litte-menu { ...@@ -665,12 +666,13 @@ header.navbar .category-menu ul.menu.litte-menu {
right: 15px; right: 15px;
} }
header .link_content:hover { header .link_content:hover {
background: #ee964a; background: #eb5335;
color: #; color: #;
} }
header .link_content { header .link_content {
background: #eb5335; /* background: #eb5335; */
background-color: #ea442c;
height: 57px; height: 57px;
color: white; color: white;
color: #fff !important; color: #fff !important;
...@@ -694,9 +696,9 @@ header .link_content a:hover { ...@@ -694,9 +696,9 @@ header .link_content a:hover {
} }
.pin { .pin {
border: 1.75px solid #f11300; border: 1.75px solid #e94537;
border-radius: 4px; border-radius: 4px;
padding: 5px ; padding: 5px;
background: #ffffffcc; background: #ffffffcc;
color: white !important; color: white !important;
} }
...@@ -708,25 +710,25 @@ header .link_content a:hover { ...@@ -708,25 +710,25 @@ header .link_content a:hover {
} }
.cong { .cong {
border-top: 1.75px solid #f11300; border-top: 1.75px solid #e94537;
border-bottom: 1.75px solid #f11300; border-bottom: 1.75px solid #e94537;
border-left: 1.75px solid #f11300; border-left: 1.75px solid #e94537;
height: 29px; height: 29px;
line-height: 25px; line-height: 25px;
width: 10px; width: 10px;
background: #ffffffcc; background: #ffffffcc;
color: #f11300; color: #e94537;
border-top-left-radius: 3px; border-top-left-radius: 3px;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
} }
.tru { .tru {
border-top: 1.75px solid #f11300; border-top: 1.75px solid #e94537;
border-bottom: 1.75px solid #f11300; border-bottom: 1.75px solid #e94537;
border-right: 1.75px solid #f11300; border-right: 1.75px solid #e94537;
height: 28px; height: 28px;
width: 10px; width: 10px;
color: #eb5235; color: #e94537;
background: #ffffffcc; background: #ffffffcc;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border-top-right-radius: 3px; border-top-right-radius: 3px;
...@@ -780,7 +782,7 @@ article.commerce-product.teaser-mini .product-right{ ...@@ -780,7 +782,7 @@ article.commerce-product.teaser-mini .product-right{
top: -2px; top: -2px;
bottom: -2px; bottom: -2px;
right: -2px; right: -2px;
background: #eb5235; background: #e94537;
color: #fff; color: #fff;
font-weight: 600; font-weight: 600;
padding: 0 20px; padding: 0 20px;
...@@ -792,7 +794,7 @@ article.commerce-product.teaser-mini .product-right{ ...@@ -792,7 +794,7 @@ article.commerce-product.teaser-mini .product-right{
.search .input-group input { .search .input-group input {
border: 0; border: 0;
background: #fcdb99; /* background: #fcdb99; */
width: 100%; width: 100%;
height: 50px; height: 50px;
color: #333; color: #333;
...@@ -986,6 +988,20 @@ header.navbar .block-search-navigation .search-icon { ...@@ -986,6 +988,20 @@ header.navbar .block-search-navigation .search-icon {
/* invi 991 response */ /* invi 991 response */
@media (max-width: 991px) { @media (max-width: 991px) {
#scrollUp{
height: 30px !important;
width: 30px !important;
line-height: 26px ;
}
.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 ;
}
.middle-header-wrapper .container-fluid{ .middle-header-wrapper .container-fluid{
margin: 0 !important margin: 0 !important
} }
...@@ -1080,8 +1096,10 @@ header.navbar .block-search-navigation .search-icon { ...@@ -1080,8 +1096,10 @@ header.navbar .block-search-navigation .search-icon {
top: 0; top: 0;
left: -300px; left: -300px;
z-index: 999999; z-index: 999999;
overflow-y: scroll;
height: 100%; height: 100%;
background: #f8ebbc; background: white;
/* background: linear-gradient(122deg, rgb(236, 226, 228) 0%, rgba(254,224,160,1) 37%, rgb(241, 186, 153) 100%); */
color: black; color: black;
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
...@@ -1197,7 +1215,7 @@ header.navbar .block-search-navigation .search-icon { ...@@ -1197,7 +1215,7 @@ header.navbar .block-search-navigation .search-icon {
.region-mobile-top .navbar-nav { .region-mobile-top .navbar-nav {
margin-left: 0; margin-left: 0;
background: #f8ebbc; background:transparent;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
...@@ -1205,7 +1223,7 @@ header.navbar .block-search-navigation .search-icon { ...@@ -1205,7 +1223,7 @@ header.navbar .block-search-navigation .search-icon {
.region-mobile-top .pin { .region-mobile-top .pin {
width: 100%; width: 100%;
background: #f8ebbc; background:transparent;
border: none; border: none;
color: black !important; color: black !important;
} }
...@@ -9620,6 +9638,7 @@ button.close { ...@@ -9620,6 +9638,7 @@ button.close {
} }
@media (min-width: 768px) and (max-width: 991px) { @media (min-width: 768px) and (max-width: 991px) {
.visible-sm { .visible-sm {
display: block !important; display: block !important;
} }
...@@ -10922,8 +10941,9 @@ header.navbar .category-menu .block-title { ...@@ -10922,8 +10941,9 @@ header.navbar .category-menu .block-title {
transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
color: #fff; color: #fff;
font-weight: 600; font-weight: 600;
background: #eb5235; /* background: #eb5235; */
height: 57px; height: 57px;
background-color: #e94337;
font-size: 15px; font-size: 15px;
border-radius: 5px; border-radius: 5px;
} }
...@@ -11058,7 +11078,7 @@ header.navbar .main-menu ul.menu li a { ...@@ -11058,7 +11078,7 @@ header.navbar .main-menu ul.menu li a {
font-size: 15px; font-size: 15px;
padding: 0; padding: 0;
text-transform: uppercase; text-transform: uppercase;
color: #f11300; color: #e94537;
text-align: right; text-align: right;
line-height: inherit; line-height: inherit;
white-space: nowrap; white-space: nowrap;
...@@ -11305,7 +11325,8 @@ header.navbar .block-search-navigation .search-icon.active { ...@@ -11305,7 +11325,8 @@ header.navbar .block-search-navigation .search-icon.active {
.footer { .footer {
padding: 50px 0 0 0; padding: 50px 0 0 0;
background: linear-gradient(122deg, rgb(236, 226, 228) 0%, rgba(254,224,160,1) 37%, rgb(241, 186, 153) 100%) /* background: linear-gradient(122deg, rgb(236, 226, 228) 0%, rgba(254,224,160,1) 37%, rgb(241, 186, 153) 100%); */
background: #fbe3ce;
} }
.footer .block .block-title { .footer .block .block-title {
...@@ -11779,13 +11800,23 @@ article.blog h2 a:hover { ...@@ -11779,13 +11800,23 @@ article.blog h2 a:hover {
article.blog .blog-top-wrapper { article.blog .blog-top-wrapper {
position: relative; position: relative;
} }
.single-blog .img-responsive{
display: block;
max-width: 100%;
height: auto;
height: 300px;
object-fit: cover;
width: 100%;
}
.contact_message h3:nth-child(1){
color: #e94337 !important
}
article.blog .blog-top-wrapper .posted-on { article.blog .blog-top-wrapper .posted-on {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
display: block; display: block;
width: 110px; width: 145px;
padding: 10px 0; padding: 10px 0;
transition: background 0.3s ease; transition: background 0.3s ease;
text-align: center; text-align: center;
......
themes/contrib/estore/js/custom.js
View file @ bd9b05e0
...@@ -62,6 +62,7 @@ ...@@ -62,6 +62,7 @@
$(".sidebar-submenu-2").eq(i).children('li').slice(0, 10).wrapAll("<ul></ul>"); $(".sidebar-submenu-2").eq(i).children('li').slice(0, 10).wrapAll("<ul></ul>");
} }
} }
} }
$(".dropdown-toggle").mouseover(function() { $(".dropdown-toggle").mouseover(function() {
...@@ -78,6 +79,9 @@ ...@@ -78,6 +79,9 @@
}) })
} }
if($(window).width() <= 991){ if($(window).width() <= 991){
console.log($(".view-manufacturer-list .view-content").children());
$(".view-manufacturer-list .view-content").children().slice(0, 5).wrapAll("<div class = 'menu-wrap'></div>");
$(".view-manufacturer-list .view-content").children().slice(1, 6).wrapAll("<div class = 'menu-wrap'></div>");
} }
......
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