Might have some visual issues
/* ==UserStyle==
@name delfi.lt - Simple Dark Mode
@version 20260226.14.22
@namespace https://userstyles.world/user/TheBlaster1337
@description Might have some visual issues
@author TheBlaster1337
@license GNU GPLv3
==/UserStyle== */
@-moz-document domain("delfi.lt") {
.banner--header {
display: none;
}
#adf-banner {
display: none;
}
.banner--bottom, .banner--content, .banner--corner {
display: none;
}
.banner--tower:not(:last-child) {
display: none;
}
#bnrContent {
display: none;
}
#plius-promotion-line {
display: none;
}
.header-actions__item:first-child .header-actions__button {
margin-left: 0;
margin-right: 0;
border: 2px solid white;
}
.header-actions__button--contrast {
background: transparent;
}
.header-actions__button--contrast:hover {
background: var(--color-color-1);
}
.header-actions__button--login--logged-in,
.header-actions__button--login--logged-out,
.header-actions__button--placeholder {
background-color: transparent;
border-radius: 100px;
color: white;
border: 2px solid white;
font-weight: 600;
gap: 10px;
padding: 10px 25px 10px 13px;
position: relative;
overflow: hidden;
transition: color 0.25s ease, border-color 0.25s ease;
}
.header-actions__button--login--logged-in::before,
.header-actions__button--login--logged-out::before,
.header-actions__button--placeholder::before {
content: "";
position: absolute;
inset: 0;
background: rgba(255, 255, 255, 0.15);
transform: translateX(-105%);
transition: transform 0.35s ease;
z-index: 0;
}
.header-actions__button--login--logged-in > *,
.header-actions__button--login--logged-out > *,
.header-actions__button--placeholder > * {
position: relative;
z-index: 1;
}
.header-actions__button--login--logged-in:hover::before,
.header-actions__button--login--logged-out:hover::before,
.header-actions__button--placeholder:hover::before {
transform: translateX(0);
}
.header-actions__button--login--logged-in::before,
.header-actions__button--login--logged-out::before,
.header-actions__button--placeholder::before {
background: var(--color-color-1);
}
.header-actions__button--login--logged-in:hover,
.header-actions__button--login--logged-out:hover,
.header-actions__button--placeholder:hover {
color: white;
border-color: var(--color-color-1);
}
.hamburger--desktop[data-v-260a04b6] {
align-items: flex-start;
background: white;
filter: invert();
border-radius: 10px;
flex-direction: column;
height: 40px;
justify-content: center;
padding: 0 11px;
row-gap: 5px;
width: 40px;
}
.hamburger--desktop[data-v-260a04b6]:before {
transition:
opacity 0.3s ease,
transform 0.3s ease;
}
.hamburger--desktop[data-v-260a04b6]:hover {
transform:scale(1.15) rotate(-8deg);
}
.header-actions__item--search i {
padding: 10px;
border-radius: 10px;
color: white;
position: relative;
transition:
transform 0.3s cubic-bezier(.4,0,.2,1),
color 0.3s ease;
}
.header-actions__item--search i::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
transition:
opacity 0.3s ease,
transform 0.3s ease;
}
.header-actions__item--search:hover i {
transform: scale(1.15) rotate(-8deg);
color: #5f78ff;
}
.header-actions__item--search:hover i::before {
opacity: 0;
transform: scale(1.2);
}
.header__logo {
display: inline-block;
transition: filter 0.3s ease, transform 0.3s ease;
}
.header__logo:hover {
transform: scale(1.04);
filter: drop-shadow(0 0 10px rgba(56, 88, 245, 0.5));
}
.banner--tower {
display: none;
}
.adform-adbox-fixed {
display: none;
}
.political-ad:before, .pt-content:before {
font-size: 10px;
margin-top: -3px;
opacity: 1;
position: absolute;
color: red;
right: 12px;
top: -12px;
}
.adf-FlexGallery {
width: 100%;
display: none;
height: 100%;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.adf-Banner {
display: none;
}
.adf-ClickArea {
position: absolute;
top: 0;
display: none;
left: 0;
height: 100%;
width: 100%;
}
body {
background-color: #000000;
color: #ffffff;
font-family: var(--font-family-secondary);
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
margin: 0;
text-align: left;
}
#dlb-block {
background: #000000;
margin-bottom: 20px;
color: white;
padding: 10px;
overflow: hidden;
}
:root {
--color-bg-color-1: #000000;
--color-bg-color-2: #000000;
--color-bg-color-3: #000000;
--color-bg-color-4: #0f134b;
--color-bg-color-5: #ffff56;
--color-color-1: #3858f5;
--color-color-2: #3858f5;
--color-color-3: #edf2f4;
--color-color-4: #3858f5;
--color-grey-1: #708597;
--color-grey-2: #dedfe0;
--color-grey-3: #edf2f4;
--color-text-1: #ffffff;
--color-text-2: #708597;
--color-text-3: #ffffff;
--color-link-1: #3858f5;
--color-link-2: #fa044f;
--color-bg-color-1-hover: #d3d3d3;
--color-bg-color-1-contrast: #3858f5;
--color-bg-color-2-hover: #c4c8ca;
--color-bg-color-2-contrast: #222;
--color-bg-color-3-hover: #c1ccd3;
--color-bg-color-3-contrast: #222;
--color-bg-color-4-hover: #3f426f;
--color-bg-color-4-contrast: #fff;
--color-bg-color-5-hover: #d3d34c;
--color-bg-color-5-contrast: #222;
--color-color-1-hover: #6079f7;
--color-color-1-contrast: #fff;
--color-color-2-hover: #6079f7;
--color-color-2-contrast: #fff;
--color-color-3-hover: #c4c8ca;
--color-color-3-contrast: #222;
--color-color-4-hover: #6079f7;
--color-color-4-contrast: #fff;
--color-grey-1-hover: #8d9dac;
--color-grey-1-contrast: #fff;
--color-grey-2-hover: #b8b9ba;
--color-grey-2-contrast: #222;
--color-grey-3-hover: #c4c8ca;
--color-grey-3-contrast: #222;
--color-text-1-hover: #373f47;
--color-text-1-contrast: #fff;
--color-text-2-hover: #8d9dac;
--color-text-2-contrast: #fff;
--color-text-3-hover: #3f426f;
--color-text-3-contrast: #fff;
--color-link-1-hover: #6079f7;
--color-link-1-contrast: #fff;
--color-link-2-hover: #fb3672;
--color-link-2-contrast: #fff;
--color-white: #000000;
--color-black: #000;
--color-total-package: #00d46e;
--color-total-package-hover: #00bb61;
--color-facebook: #4267b2;
--color-twitter: #1da1f2;
--color-linkedin: #0077b5;
--color-instagram: #833ab4;
--color-content-marketing: #496170;
--color-error: #ffd9de;
--header-menu-top-color: var(--color-text-2);
--header-menu-primary-color: #ffffff;
--header-menu-primary-hover-color: var(--color-link-1);
--header-menu-primary-text-transform: none;
--header-menu-primary-font-size: 13px;
--header-menu-separator-enabled: block;
--header-sitemap-footer-color: var(--color-grey-1);
--article-font-body-font-family: Inter,sans-serif;
--article-font-body-font-size: 20px;
--article-font-body-font-size-2: 22px;
--article-font-body-font-size-3: 18px;
--article-font-body-font-weight: 400;
--article-font-lead-font-family: Inter,sans-serif;
--article-font-lead-font-size: 24px;
--article-font-lead-font-size-2: 26px;
--article-font-lead-font-size-3: 22px;
--article-font-lead-font-weight: 600;
--font-family-system: Inter,sans-serif;
--font-family-primary: Inter,sans-serif;
--font-family-secondary: Inter,sans-serif;
--text-type-1-font-size: 12px;
--text-type-1-font-weight: 700;
--text-type-2-font-size: 12px;
--text-type-2-font-weight: 500;
--text-type-3-font-size: 13px;
--text-type-3-font-weight: 400;
--h1-lg-font-size: 30px;
--h1-lg-font-weight: 600;
--h1-lg-line-height: 1.3;
--h1-sm-font-size: 24px;
--h1-sm-font-weight: 600;
--h1-sm-line-height: 1.3;
--h2-lg-font-size: 22px;
--h2-lg-font-weight: 600;
--h2-lg-line-height: 1.3;
--h2-sm-font-size: 19px;
--h2-sm-font-weight: 600;
--h2-sm-line-height: 1.3;
--h3-lg-font-size: 20px;
--h3-lg-font-weight: 600;
--h3-lg-line-height: 1.3;
--h3-sm-font-size: 18px;
--h3-sm-font-weight: 600;
--h3-sm-line-height: 1.3;
--h4-lg-font-size: 17px;
--h4-lg-font-weight: 600;
--h4-lg-line-height: 1.3;
--h4-sm-font-size: 17px;
--h4-sm-font-weight: 600;
--h4-sm-line-height: 1.3;
--h5-lg-font-size: 15px;
--h5-lg-font-weight: 600;
--h5-lg-line-height: 1.3;
--h5-sm-font-size: 15px;
--h5-sm-font-weight: 600;
--h5-sm-line-height: 1.3;
--h6-lg-font-size: 14px;
--h6-lg-font-weight: 600;
--h6-lg-line-height: 1.3;
--h6-sm-font-size: 15px;
--h6-sm-font-weight: 600;
--h6-sm-line-height: 1.3;
}
a{
color: white;
}
.banner--loading {
display: none;
}
.banner--square>div {
displaY: none;
}
}