CSS backup

1.10.2020

.product img, .p-detail-inner img, .kn_container img {
-webkit-filter: saturate(1.5); /* Safari 6.0 - 9.0 */
filter: saturate(1.5);
}

body {overflow-x: hidden;}

.top-navigation-menu {display: none !important;}
.top-navigation-bar,.homepage-box {
border-top-color: #fff;
border-bottom-color: #fff;
background-color: #fff;
}
.form-control, select {border-color: #fff; background-color: #f6f5f5; border-radius: 0;}
@media (min-width: 768px) {
.dklabScrolled #header .site-name a img {max-height: 60px;}
.dklabScrolled .header-top {height: 80px;}
.header-top {padding-top: 5px; padding-bottom: 5px;}

.overall-wrapper:not(.dklabScrolled) .header-top {height: auto !important;padding-bottom:15px;padding-top:0px;}
.overall-wrapper:not(.dklabScrolled) .header-top>div:nth-child(1) {order: 1;}
.overall-wrapper:not(.dklabScrolled) .header-top>div:nth-child(1) {margin-left: 33.333333%;}
.overall-wrapper:not(.dklabScrolled) .navigation-buttons {order: 2;}
.overall-wrapper:not(.dklabScrolled) .header-top > .search {order: 3;}
.overall-wrapper:not(.dklabScrolled) .header-top .search {width: 500px; margin: 15px auto 0px; float: none;}
.form-control {border-color: #111; background-color: #ffffff;}
.compact-form .btn {border-color: #111111;}
}

@media (min-width: 768px) {
.menu-helper {top: 116px;}
#header .site-name {text-align: center;}
#header .site-name a img {max-height: 80px;}
.header-top {height: 118px;}
}

@media (min-width:768px) {
#header {background-image:url("http://code2.kubanavratil.com/user/documents/upload/Res/2020/Esthederm/header_background.png");background-position: bottom; background-repeat: repeat-x;background-color:#fff;}
#navigation, .navigation-in, .navigation-in > ul, .xxxmenu-helper ul {height:53px;}
.navigation-in>ul>li {height: 53px; border-color: #000;
}
.menu-helper>span {height: 44px;}
.navigation-in ul li a b {color: #fff !important; font-weight: 600 !important;}
}

.menu-helper::after {color: #fff; background-color: #111;}
.menu-helper {margin-top:10px;}
.navigation-in>ul>li>a {
padding-top: 19px;
padding-bottom: 20px;
margin-top: 0px;
}

.navigation-in ul li:hover a b, .menu-helper ul li:hover a b {color: #fff !important;}
.navigation-in > ul > li:hover > a, .menu-helper > ul > li:hover > a {background-color: #333;}
.navigation-buttons > a[data-target="cart"] i {background-color: #ec5a9b !important; color: #fff !important; font-weight: 600;}
.compact-form .btn {background-color: #ec5a9b; border-color: #ec5a9b; color: #fff;}
.compact-form .btn:hover {background-color: #111; border-color: #111; color: #fff;}
/* Top menu & header*/

.carousel-control.left {left: 30px;}
.carousel-control.right {right: 30px;}

.sidebar {background-color: #ffffff;}
.categories .topic>a {padding-top: 10px;
padding-bottom: 10px;
font-weight: bold;
color: #111;
letter-spacing: 2px;}
#categories .expandable>.topic>a>span, #categories .expandable > a > span {top: 12px;}
.expanded li a { padding-top: 10px;
padding-bottom: 10px;
font-weight: 400;
letter-spacing: 2px;}
.box.box-bg-variant.box-categories h4 {font-size: 22px; color: #ec5a9b; letter-spacing: 4px;}
.sidebar-inner {padding-top: 0px;}
.categories .topic {background-color: #fff; border-bottom: solid 1px #eeeeee;}
/* Left menu */

@media (min-width:768px) {
.row.banners-row .col-sm-8, .row.banners-row .col-sm-4 {width: 100%;}
.next-to-carousel-banners {width: 80%; margin: 0 10%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap;justify-content:space-between;}
.next-to-carousel-banners .banner-wrapper {width: 23%; margin: 0 !important;}
}
.row.banners-row {margin-left: 0px; margin-right: 0px;}
.row.banners-row .col-sm-8 {padding-left: 0px; padding-right: 0px;}
/* Carousel and banners */

.products-block>div {border-style: none !important;}
.products-block.products .p .name {text-align: center;}
.products-block .ratings-wrapper .stars-wrapper {flex: unset; width: 100%;}
.stars {margin-right: auto; margin-left: auto;}
.products-block .ratings-wrapper .availability {text-align: center;}
.products-block .p-bottom .prices, .products-block .p-bottom .p-tools {flex-basis: 100%;text-align: center;}
.products-block .p-bottom .p-tools {margin-top: 10px;}
.products-block .p-code {width: 50%; text-align: center; margin-right: 25%; display: none;}

.flag.flag-action {background-color:#ec5a9b !important;}
.flag.flag-new {background-color:#111 !important;}
.flag.flag-tip {background-color:#111 !important;}

.flags-extra .flag {border-radius: 0;}
.flag.flag-discount {background-color:#ec5a9b !important;margin-left: 0px;}
.flag.flag-discount > span > span{color:#fff !important;}
.flag.flag-freeshipping {background-color:#111 !important;}
.flag.flag-freeshipping span {color:#fff !important;}

.p .image {padding: 25px;}
.p .name {font-weight: bold;}
.products-block .p-bottom .p-desc {display: none;}
.btn.btn-cart::before, a.btn.btn-cart::before, .btn.add-to-cart-button::before, a.btn.add-to-cart-button::before {display: none;}
.btn.btn-cart, a.btn.btn-cart, .btn.add-to-cart-button, a.btn.add-to-cart-button {padding-left: 25px; padding-right: 25px;}
.p:hover .btn, .btn.btn-cart:hover, a.btn.btn-cart:hover, .btn.add-to-cart-button:hover, a.btn.add-to-cart-button:hover {background-color: #fff; color: #111; border: solid 1px #111;}
/* Categories */

body.type-product .social-buttons-wrapper, body.type-product .p-short-description {display: none; }
.p-thumbnails a img {border-color: #fff;}
.row.product-top .col-xs-12 {padding-top: 20px;}
.p-detail-inner-header .p-code {margin-bottom: 50px;}
.p-detail-inner-header h1 {font-weight: bold; color: #111;}
.p-detail-inner-header h1 span {font-weight: normal;}
.p-detail-inner-header .p-code {color: #ec5a9b;}

.p-detail {display: flex; flex-flow: column nowrap;}
.p-detail-inner {order: 1;}
.shp-tabs-wrapper.p-detail-tabs-wrapper {order: 2;}
.products-related-header {order: 3;}
.products-related {order: 4;}

/* Detail */

#footer, #footer>.container {background-color: #111; border-color: #111;}
.custom-footer {padding:20px;border-color: #111111;}
#footer .site-name {display: none !important;}
#footer h4, #footer ul a {color: #fff;}
.icons_copyright a {color: #666;}
#footer ul a:hover, .icons_copyright a:hover {color: #ec5a9b;}

/* Footer */
--></style>

@media (max-width: 992px) {
.kn_container_benefits .kn_child4 {width:49%; padding:10px;}
}

@media (min-width: 992px) {
.kn_container_benefits .kn_child4 {width:24%; padding:10px;}
}
--></style>

Předchozí článek