Black Unicorn HTML a CSS backup
<style>
body {overflow-x:hidden;}
.btn, a.btn {
display: inline-block;
padding: 5px 20px;
border-style: solid;
border-width: 1px;
border-color: #ffc702;
border-radius:0px;
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-align: center;
text-decoration: none;
text-transform: none;
white-space: normal;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
/* button redesign */
@media (min-width: 768px) {
.container {
width: 727px;
}
}
@media (min-width: 992px) {
.container {
width: 90%;
}
}
@media (min-width: 1200px) {
.container {
width: 80%;
}
}
/* Šířka obsahu */
@media (min-width: 992px) {
#header {
padding-top: 108px;
}
.ordering-process #header, .type-product #header {
padding-bottom: 0px;
}
#header .site-name a img, #header .site-name a>span {margin:10px;}
/* vyšší header + logo */
@media screen and (min-width: 1200px) {
.sticky #content-wrapper {
xmargin-top: 131px;
}
.sticky .header-navigation {
position: fixed;
top: 0px;
left: 0px;
z-index: 52;
width: 100%;
border-bottom: solid 1px #ffc702;
}
}
@media (min-width: 992px) {
#navigation {
height: 80px !important;
clear: none;
left: 50px;
}
.submenu-visible #navigation {
left: 230px;
}
.header-navigation>div {
width: 90%;
}
}
/* Sticky header */
.p-image > img {
max-width: 130%;
height: auto;
xmargin-left: -15%;
}
/* velké obrázky */
#footer {
background: #393939;
}
.footer-section {
padding-top: 0px;
padding-bottom: 0px;
border-top-style:none;
}
.footer_li {
color:#aaa !important;
}
#signature a {
color:#aaa
}
.row.custom-footer h4 {
color:#ffc702;
}
.instagram-follow-btn {display:none;}
@media (min-width: 992px) {
#footer > .container {
width: 80%;
}
}
/* footer */
.news-wrapper {
width: 100%;
display: flex;
flex-wrap: wrap;
}
@media (min-width: 1000px) {
.news-wrapper .news-item {width: 49.5%;
display: inline-block;
padding-left: 10px;
padding-right: 10px;
margin: 20px 0;
position: relative;
}
}
@media (max-width: 1000px) {
.news-wrapper .news-item {width: 100%;
display: inline-block;
padding: 10px;
position: relative;
}
}
.news-item .image {
width:100%;
}
.news-item .text .title {
font-weight:500;
font-size:22px;
}
.news-item > .text > .description > p {
font-size:14px;
}
/* Blog */
</style>
SCRIPT
<script type="text/javascript">
$(document).ready(function(){
$(window).scroll(function () {
st = $(document).scrollTop();
if ($(this).scrollTop() > 27) {
$(".overall-wrapper").addClass("sticky");
} else {
$(".overall-wrapper").removeClass("sticky");
}
});
});
</script>
<script type="text/javascript">
jQuery(function ($) {
var config = {targetUrl: 'http://code.kubanavratil.com/', contentUrl: 'http://code.kubanavratil.com/code/blackunicorn_main_page_4x2/'};
if (window.location.href == config.targetUrl) {$.get(config.contentUrl, function (data) { $('#content-wrapper').prepend($(data).find('.news-item-detail .text').html()); }); } });
</script>
<script type="text/javascript">
jQuery(function ($) {
var config = {targetUrl: 'http://code.kubanavratil.com/', contentUrl: 'http://code.kubanavratil.com/code/blackunicorn_main_page_footer/'};
if (window.location.href == config.targetUrl) {$.get(config.contentUrl, function (data) { $('#footer').prepend($(data).find('.news-item-detail .text').html()); }); } });
</script>
<script type="text/javascript">
jQuery(function ($) {
var config = {contentUrl: 'http://code.kubanavratil.com/nase-novinky/'};
if ($('#append_latest_latest_article').length) {$.get(config.contentUrl, function (data) {$('#append_latest_latest_article').append($(data).find('.news-item:first').html()); }); }
if ($('#append_latest_article').length) {$.get(config.contentUrl, function (data) {$('#append_latest_article').append($(data).find('.news-item ~ .news-item').html()); }); }
if ($('#append_article').length) {$.get(config.contentUrl, function (data) {$('#append_article').append($(data).find('.news-item ~ .news-item ~ .news-item').html()); }); }
});
</script>
<script type="text/javascript">$( init ); function init() {
$('.p-detail-inner').prepend( $('.banner-wrapper.banner1') );
}
</script>