TheCoreDev/domokits
0
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Nouveau template default2020 avec nouveau look finalisé

Browse Source
This commit is contained in:
Laurent LE CORRE
2020-01-06 07:59:39 +01:00
parent f0b96f298b
commit ef1f0ff70e
7 changed files with 258 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
templates/frontOffice/default2020/assets/src/css/thelia.css
View File

@@ -11013,9 +11013,8 @@ td.product .name > a:focus,
.rev_slider_wrapper {
margin-bottom: 15px !important;
}
/* Nouveau menu supérieur */
#barre-superieure {
display: none;
header a {
color: #303C6E;
}
header .header {
margin-top: 30px;
@@ -11025,19 +11024,19 @@ header .header-custom {
min-width: 100%;
display: grid;
grid-gap: 0.5rem;
grid-template-areas: "logo content" "footer footer";
-ms-flex-align: center;
align-items: center;
justify-items: left;
}
@media screen and (max-width: 992px) {
header .header-custom {
margin-bottom: 20px;
}
margin-bottom: 0px;
}
@media screen and (min-width: 992px) {
header .header-custom {
margin-bottom: 0px;
grid-template-areas: "logo content" "footer footer";
}
}
@media screen and (max-width: 992px) {
header .header-custom {
grid-template-areas: "logo" "content" "footer";
}
}
header .logo-custom {
@@ -11049,14 +11048,40 @@ header .logo-custom {
header .secondary-custom {
grid-area: content;
height: 45px;
-ms-flex-line-pack: left;
align-content: left;
}
@media screen and (max-width: 992px) {
header .secondary-custom {
width: 100%;
height: auto;
margin-bottom: 0px;
display: grid;
}
header .secondary-custom div.search-container {
padding: 0px;
}
header .secondary-custom > nav > ul,
header .secondary-custom > nav > div {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
float: left;
margin-right: 40px;
}
}
header .primary-custom {
grid-area: footer;
height: 25px;
width: 100%;
}
@media screen and (max-width: 992px) {
header .primary-custom {
z-index: 1;
}
}
@media screen and (min-width: 992px) {
header .primary-custom {
height: 25px;
}
}
header .row {
background-color: #F29D39;
}
@@ -11068,32 +11093,68 @@ header nav.navbar {
header nav.navbar .container-fluid {
background-color: #F29D39;
}
header nav.navbar .container-fluid .navbar-collapse {
padding-left: 0;
}
header nav.navbar li {
margin-right: 10px;
@media screen and (min-width: 992px) {
header nav.navbar .container-fluid .navbar-collapse {
padding-left: 0;
}
}
header nav.navbar li.dropdown,
header nav.navbar li.top-tab {
background-color: #303C6E;
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
header nav.navbar li.dropdown > a,
header nav.navbar li.top-tab > a {
padding: 5px 10px;
color: white;
}
header a {
color: #303C6E;
@media screen and (max-width: 992px) {
header nav.navbar .dropdown-custom {
color: white !important;
background-color: #305587 !important;
}
header nav.navbar .dropdown-custom:hover,
header nav.navbar .dropdown-custom:focus {
background-color: #F29D39 !important;
}
}
header nav.navbar .navbar-nav > .open > a,
header nav.navbar .navbar-nav > .open > a:hover,
header nav.navbar #navbar-primary > ul > li.top-tab > a:hover {
background-color: #305587;
}
@media screen and (min-width: 992px) {
header nav.navbar .navbar-nav > .open > a,
header nav.navbar .navbar-nav > .open > a:hover,
header nav.navbar #navbar-primary > ul > li.top-tab > a:hover {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
}
@media screen and (min-width: 992px) {
header nav.navbar li {
margin-right: 10px;
}
header nav.navbar li.dropdown,
header nav.navbar li.top-tab {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
}
@media screen and (min-width: 480px) {
#barre-superieure {
display: none;
}
}
@media screen and (min-width: 480px) and (max-width: 992px) {
div.secondary-custom > nav.nav-secondary {
display: block;
}
}
/* navbar-secondary */
.navbar li > a.login:before,
.navbar li.cart-not-empty > a.cart:before {
color: #303C6E;
}
.dropdown > a:after {
.navbar-secondary .dropdown > a:after {
color: #303C6E;
}
.navbar li.cart-not-empty > a.cart > .badge {
@@ -11103,7 +11164,15 @@ header a {
background-color: #303C6E;
}
.navbar li.cart-not-empty > a.cart {
color: #303C6E;
background-color: #303C6E !important;
}
@media screen and (max-width: 992px) {
#barre-superieure button.navbar-toggle {
top: 88px;
}
.navbar-nav {
margin: 0px;
}
}
.footer-container .footer-info {
background-color: #F29D39;