CSS Example
body {
background-image: url('https://www.citygidsen.be/wp-content/uploads/2020/10/bg-front.png');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
}
/* start of font */
/* latin */
@font-face {
font-family: "Allerta Stencil";
font-style: normal;
font-weight: 400;
src: url(font/Allerta_Stencil.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193,
U+2212, U+2215, U+FEFF, U+FFFD;
}
.kn-allerta {
font-family: "Allerta Stencil", Sans-serif;
}
/* End of font */
/* start of graph */
.kn-bk-groen {
background-image: url('https://www.fietsroute.org/images/central/fietsroute_menu_back.jpg');
background-size: contain;
text-align: center;
}
.kn-bk-w2b {
background-image: url('https://www.reisroutes.be/img/shadow_tour.png');
background-size: contain;
text-align: center;
}
.kn-bk-zwart {
background-image: url('https://shop.themediabay.be/themes/default-bootstrap/img/footer-bg.png');
background-size: contain;
text-align: center;
color: white;
}
/* end of graph */
/* start of sortable */
.sortable th {
cursor: pointer;
}
.sortable th.no-sort {
pointer-events: none;
}
.sortable th::after,
.sortable th::before {
transition: color 0.2s ease-in-out;
font-size: 1.2em;
color: transparent;
}
.sortable th::after {
margin-left: 3px;
content: "\025B8";
}
.sortable th:hover::after {
color: inherit;
}
.sortable th.dir-d::after {
color: inherit;
content: "\025BE";
}
.sortable th.dir-u::after {
color: inherit;
content: "\025B4";
}
/* end of sortable */
Download Style Sheet,Fonts & script's(
)