záloha záhlaví
<head>
<style type="text/css">
.site-msg:after { background-color: #f56b00; opacity: 1.0;}
/* ÚPRAVA OBRÁZKŮ KATEGORIE */
.subcategories.with-image .subcategories-single a {
display: flex;
flex-grow: 1;
flex-direction: row;
max-height: 35px;
}
.subcategories.with-image .subcategories-single {
flex-direction: column;
margin: 3px;
width: 24%;
height: 50px;
align-items: center;
padding: 0.5rem;
/* text-align: center; */
/* vertical-align: middle; */
display: inline-block;
border-style: solid;
border-width: 1px;
border-color: #d9dbdb;
}
.subcategories.with-image .subcategories-single .image img {
max-width: 100%;
max-height: 100px;
min-width: 10px;
/* margin-right: 10px; */
/* text-align: center; */
}
.subcategories.with-image .subcategories-single .image {
/*margin: -15px 0px 0px 0;*/
height: 50px;
width: 50px;
display: inline;
/* display: flex; */
align-items: flex-end;
justify-content: center;
}
.subcategories.with-image .subcategories-single .text {
/*flex-grow: 0;*/
/*justify-content: center;*/
width: 75%;
padding-left: 10px;
flex-grow: 0;
text-align: left;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
/* ÚPRAVA OBRÁZKŮ KATEGORIE END */
/* ÚPRAVA OBRÁZKŮ KATEGORIE MOBILE */
@media only screen and (max-width: 991px){
.subcategories.with-image .subcategories-single {
flex-direction: column;
margin: 3px;
width: 100%;
height: 50px;
align-items: center;
padding: 0.5rem;
/* text-align: center; */
/* vertical-align: middle; */
display: inline-block;
border-style: solid;
border-width: 1px;
border-color: #d9dbdb;
}}
@media only screen and (max-width: 991px){
.subcategories.with-image .subcategories-single .image {
margin: -10px 0px 0px 0;
max-height: 30px;
/* width: 50px; */
/* display: flex; */
/* align-items: flex-end; */
/* justify-content: center; */
}}
/* ÚPRAVA OBRÁZKŮ KATEGORIE MOBILE END */
</style>
</head>