---
title: Testing Theme
tags: theme
---

<style>
/* Image Slider */

/* .ui-v {
color: #444c56;
font-family: "Gotham-Book", "Arial", Sans-Serif;
} */

.image-slider {
max-width: 100%;
}

.image-slider-ba-slider {
position: relative;
overflow: hidden;
}

.image-slider-ba-slider img {
width: 100%;
height: 100%;
display: block;
max-width: initial;
}

.image-slider-resize {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 50%;
overflow: hidden;
}

.image-slider-handle {
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 4px;
margin-left: -2px;
background: rgba(0, 0, 0, 0.5);
cursor: ew-resize;
}

.image-slider-draggable:after {
width: 48px;
height: 48px;
margin: -24px 0 0 -24px;
line-height: 48px;
font-size: 30px;
}

/* Code Line Highlight Component */

.code-line-highlights > .hljs-ln > tbody > tr {
background-color: rgba(0, 0, 0, 0);
border-style: none;
}

.code-line-highlights > .hljs-ln > tbody > tr > td {
border-style: none;
}

.code-line-highlights > .hljs-ln > tbody > tr > .hljs-ln-numbers {
background-color: #f7f7f7;
color: #afafaf;
border-right: 3px solid #6ce26c;
padding-left: 0px;
padding-right: 8px;
text-align: right;
min-width: 20px;
font-size: 100%;
}

.code-line-highlights > .hljs-ln {
margin-bottom: 0px;
}

.hljs-ln-line {
padding-bottom: 1px !important;
padding-top: 1px !important;
}

.hljs-ln-n:before {
content: attr(data-line-number)
}

</style>