Windsurfing.cz OLD css

6.12.2020

@media (min-width: 768px) {
#header, .sticky-mobile:not(.ordering-process) #header {
background-image: url("https://www.windsurfingkarlin.cz/user/documents/upload/resources/header_background_strip_1.png");
background-position: bottom;
background-repeat: repeat-x;
}
}

@media screen and (min-width: 768px) {
.sticky-mobile:not(.ordering-process) #header {
position: sticky;
position: -webkit-sticky;
position: -o-sticky;
position: -ms-sticky;
top: 0;
z-index: 9;
background: #fff;
background-image: url(https://www.windsurfingkarlin.cz/user/documents/upload/resources/header_background_strip_1.png) !important;
background-position: bottom !important;
background-repeat: repeat-x !important;
}
}

.navigation-in>ul>li.ext>ul>li>div>a:hover {color: #f77136;}

.banner {order:4;}
.navigation-in.menu > ul > li:nth-child(14) {display:none;}
.top-navigation-contacts > .project-email {display:none;}
.project-phone {
font-size: 16px;
color: #666;
align: left;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: -32px;
margin-left: 47px;
}
.project-phone span {
width: 88%;
text-align: left;
}
.project-phone::before {
content: '\1F57F';
color: #e45129;
line-height: 25px;
font-size: 20px;
margin-right: 2%;
width: 10%;}
.project-phone::after {
content: '\A Zákaznická podpora (10:00-18:00) ';
font-size: 12px;
white-space: pre;
margin-top: -20px;
width: 88%;
margin-left: 12%;
text-align: left;}
@media (max-width: 992px) {
.header-top > div > .project-phone {display:none;}
}

#navigation {
background: #000; /* Old browsers */
xxxbackground: -moz-linear-gradient(left, #cc311c 0%, #f77136 100%); /* FF3.6-15 */
xxxbackground: -webkit-linear-gradient(left, #cc311c 0%,#f77136 100%); /* Chrome10-25,Safari5.1-6 */
xxxbackground: linear-gradient(to right, #25201f 0%,#f77136 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
xxxfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc311c', endColorstr='#f77136',GradientType=1 ); /* IE6-9 */}
}
@media (min-width: 768px) {
.navigation-in>ul>li.ext>ul>li>div>ul>li {
width: 100%;
}
}

.flag.flag-action {background-color: #d33c3c;}
.flag.flag-new {background-color: #45b546;}
.flag.flag-tip {background-color: #4a45b5;}
/* příznaky */

@media screen and (min-width:768px) {
.box.box-bg-default.box-sm.box-filters {
order: 1 !important;
}
.box.box-bg-variant.box-categories {
order: 2 !important;
}
.box.box-bg-default.box-sm.box-topProducts {
order: 3 !important;
}
}
.box.box-bg-variant.box-categories h4 {display:none;}

#cat-1143 {border-left: solid 7px #cc301c;}
#cat-1143 .topic a {background-position: 23px center;padding-left: 63px;}
#cat-1146 {border-left: solid 7px #45b546;}
#cat-1146 .topic a {background-position: 23px center;padding-left: 63px;}
#cat-1143 .topic.active a, #cat-1146 .topic.active a {border: 1px solid #2c2c2c;}
#cat-1143 .topic.active a:hover, #cat-1146 .topic.active a:hover {border: 1px solid #e1e1e1;}

.header-top .cart-count span {color:#666;}
.header-top .cart-count i {color:#fff;}

#footer .site-name {display:none;}
.custom-footer.elements-5 {padding-left:0px;}
@media (min-width: 1200px) {
.custom-footer>div {
width: 20% !important;
}
}
.instagram-follow-btn a {color:#fff;}
.instagram-follow-btn>span::before {color:#f77136;}

@media (min-width: 768px) {
.navigation-in ul:first-child {
padding-top: 0px;
padding-bottom: 0px;
height: 46px;
}
.navigation-in>ul>li {
padding-top: 7px;
padding-bottom: 7px;
}

.navigation-in > ul > li:hover > a:first-of-type {
background-color:#2c2c2c !important;
}

.navigation-in>ul>li > a:first-child {
color:#fff;
padding-top: 14px;
padding-bottom: 16px;
margin-top: -7px;
}
.navigation-in>ul>li:hover > a:first-child {
color:#fff;
}
.navigation-in>ul>li.ext>ul, .menu-helper>ul>li.ext>ul {
xxxmargin-top: 13px;
}
.xxxnavigation-in>ul>li {border-left-color: transparent;}
}
.menu-helper::after, .menu-trigger::after {
background-color: #6660 !important;
}
#categories .expandable > a > span, #categories .expandable>.topic>a>span {xxxcolor: transparent;}

.categories li.active {
color: #fff;
background-color: #2c2c2c;
}
.categories li {
border-left: 1px solid #e1e1e1;
}

#footer ul a {color: #fff;}
#footer ul a:hover, #footer ul li:hover a {color: #f77136;}
#footer, #footer>.container {background-color:#2c2c2c;}
.custom-footer, .footer-bottom {border-color:#2c2c2c;}

@media (min-width: 768px) {
.navigation-in>ul>li.ext>ul>li>div>ul {display:flex;flex-direction:row;flex-wrap:wrap;}
.navigation-in>ul>li.ext>ul>li>div>ul>li {width:100%;}
.navigation-in>ul>li.ext>ul>li>div>ul {max-height: 85px;}
}
</style>

<style>

/* Alert */
.site-msg.information {
position: initial;
width: 100%;
text-align: center;
max-width: calc(100%);
color: #000;
font-size: 14px;
}
.site-msg.information {
background: #f77136;
}
@media (min-width: 768px) {
.site-msg.information .container {max-width: 1200px;}
}
#header {position: relative;}
.top-nav-button.top-nav-button-login.primary.login {position: relative; z-index: 1;}
</style>

Odebírat newsletter