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;
/* 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: 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; */
......@@ -396,8 +396,8 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li span {
.view-manufacturer-list .view-content{
display: flex;
justify-content: space-around;
height: 105px;
padding-top: 25px;
height: auto;
padding: 25px 0;
}
.view-manufacturer-list .view-content img.img-responsive{
display: block;
......@@ -454,7 +454,8 @@ header.navbar .category-menu ul.menu ul.dropdown-menu li {
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%)
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 {
right: 15px;
}
header .link_content:hover {
background: #ee964a;
background: #eb5335;
color: #;
}
header .link_content {
background: #eb5335;
/* background: #eb5335; */
background-color: #ea442c;
height: 57px;
color: white;
color: #fff !important;
......@@ -694,9 +696,9 @@ header .link_content a:hover {
}
.pin {
border: 1.75px solid #f11300;
border: 1.75px solid #e94537;
border-radius: 4px;
padding: 5px ;
padding: 5px;
background: #ffffffcc;
color: white !important;
}
......@@ -708,25 +710,25 @@ header .link_content a:hover {
}
.cong {
border-top: 1.75px solid #f11300;
border-bottom: 1.75px solid #f11300;
border-left: 1.75px solid #f11300;
border-top: 1.75px solid #e94537;
border-bottom: 1.75px solid #e94537;
border-left: 1.75px solid #e94537;
height: 29px;
line-height: 25px;
width: 10px;
background: #ffffffcc;
color: #f11300;
color: #e94537;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.tru {
border-top: 1.75px solid #f11300;
border-bottom: 1.75px solid #f11300;
border-right: 1.75px solid #f11300;
border-top: 1.75px solid #e94537;
border-bottom: 1.75px solid #e94537;
border-right: 1.75px solid #e94537;
height: 28px;
width: 10px;
color: #eb5235;
color: #e94537;
background: #ffffffcc;
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
......@@ -780,7 +782,7 @@ article.commerce-product.teaser-mini .product-right{
top: -2px;
bottom: -2px;
right: -2px;
background: #eb5235;
background: #e94537;
color: #fff;
font-weight: 600;
padding: 0 20px;
......@@ -792,7 +794,7 @@ article.commerce-product.teaser-mini .product-right{
.search .input-group input {
border: 0;
background: #fcdb99;
/* background: #fcdb99; */
width: 100%;
height: 50px;
color: #333;
......@@ -986,6 +988,20 @@ header.navbar .block-search-navigation .search-icon {
/* invi 991 response */
@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{
margin: 0 !important
}
......@@ -1080,8 +1096,10 @@ header.navbar .block-search-navigation .search-icon {
top: 0;
left: -300px;
z-index: 999999;
overflow-y: scroll;
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;
font-weight: 500;
font-size: 14px;
......@@ -1197,7 +1215,7 @@ header.navbar .block-search-navigation .search-icon {
.region-mobile-top .navbar-nav {
margin-left: 0;
background: #f8ebbc;
background:transparent;
display: flex;
flex-direction: column;
width: 100%;
......@@ -1205,7 +1223,7 @@ header.navbar .block-search-navigation .search-icon {
.region-mobile-top .pin {
width: 100%;
background: #f8ebbc;
background:transparent;
border: none;
color: black !important;
}
......@@ -9620,6 +9638,7 @@ button.close {
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
......@@ -10922,8 +10941,9 @@ header.navbar .category-menu .block-title {
transition: all 0.5s ease-in-out;
color: #fff;
font-weight: 600;
background: #eb5235;
/* background: #eb5235; */
height: 57px;
background-color: #e94337;
font-size: 15px;
border-radius: 5px;
}
......@@ -11058,7 +11078,7 @@ header.navbar .main-menu ul.menu li a {
font-size: 15px;
padding: 0;
text-transform: uppercase;
color: #f11300;
color: #e94537;
text-align: right;
line-height: inherit;
white-space: nowrap;
......@@ -11305,7 +11325,8 @@ header.navbar .block-search-navigation .search-icon.active {
.footer {
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 {
......@@ -11779,13 +11800,23 @@ article.blog h2 a:hover {
article.blog .blog-top-wrapper {
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 {
position: absolute;
top: 0;
left: 0;
display: block;
width: 110px;
width: 145px;
padding: 10px 0;
transition: background 0.3s ease;
text-align: center;
......
themes/contrib/estore/js/custom.js
View file @ bd9b05e0
......@@ -62,6 +62,7 @@
$(".sidebar-submenu-2").eq(i).children('li').slice(0, 10).wrapAll("<ul></ul>");
}
}
}
$(".dropdown-toggle").mouseover(function() {
......@@ -78,6 +79,9 @@
})
}
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