Happy tails web CSS + scripts backup

Untitled-1

 

<link rel="stylesheet" type="text/css" href="https://code.kubanavratil.com/user/documents/upload/res2020/owl.carousel.min.css">
<link rel="stylesheet" type="text/css" href="https://code.kubanavratil.com/user/documents/upload/res2020/owl.theme.default.min.css">

 

<style>
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) {
.form-control {border-color: #eaeaea; background-color: #ffffff;}
.compact-form .btn {border-color: #eaeaea;}
}

@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) {
.dklabScrolled #header .site-name a img {max-height: 60px;}
.dklabScrolled .header-top {height: 90px; padding-top: 10px; padding-bottom: 10px;}

#header {background-image:url("http://code2.kubanavratil.com/user/documents/upload/Res/2020/Happy tails/header_background_1.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: #1b9595;}
.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;
padding-left: 53px !important;
margin-top: 0px;

background-size: 33px 33px;
background-position: 10px center;
background-repeat: no-repeat;
}
.menu-item-770>a {background-image: url("http://code2.kubanavratil.com/user/documents/upload/Res/2020/Happy tails/menu_icon_ploutve_1.svg");}

.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: #9886bf;}
.navigation-buttons > a[data-target="cart"] i {background-color: #0096b6 !important; color: #fff !important; font-weight: 600;}
.compact-form .btn {background-color: #9886bf; border-color: #9886bf; color: #fff;}
.compact-form .btn:hover {background-color: #9886bf; border-color: #9886bf; color: #fff;}

@media screen and (min-width: 992px) {
.dklabScrolled #content-wrapper {
xxxmargin-top: 131px;
}
.dklabScrolled #header {
position: fixed;
top: 0px;
left: 0px;
z-index: 52;
width: 100%;
border-bottom: solid 1px #1d9999;
}
.dklabScrolled .popup-widget.cart-widget {
position: fixed;
top: 75px !important;
}
}
/* 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: #0096b6; 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: 19%; 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:#9886bf !important;}
.flag.flag-new {background-color:#111 !important;}
.flag.flag-tip {background-color:#111 !important;}

.flag.flag-discount {background-color:#9886bf !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;}

.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;}*/

 

.products-block .p-bottom .p-desc {text-align: justify; text-align-last: center;}
/* 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: #9886bf;}

.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;}
/* Footer */
</style>

 

 

 

SCRIPTS v HTML