wykop - edit by nelson2004

/* ==UserStyle==
@name         Wykop the best style
@version      20230121.01.42
@namespace    userstyles.world/user/tentin_quarantino
@description  Stylowanie, jakie pokochali użytkownicy
@author       tentin_quarantino
@license      No License
==/UserStyle== */

@-moz-document domain("wykop.pl") {
@media (max-width: 533px) {
    [data-night-mode] section.entry>article>header {
        margin-top: 0
    }
    [data-night-mode] section.entry>article>header>div.right>div+div {
        position: initial
    }
}
@media (max-width: 640px) {
    [data-night-mode] section.entry>article .edit-wrapper {
        margin-left: 45px!important
    }
    [data-night-mode] section.entry>article>header {
        column-gap: 8px!important
    }
    [data-night-mode] section.entry > article > header > div.right > div > span {
        display: block!important
    }
    [data-night-mode] section.entry > .comments {
        margin: 16px 0 0 44px!important
    }
    [data-night-mode] section.entry > .comments + section.editor, 
    [data-night-mode] section.entry > section.editor {
        margin: 6px 0 0 44px!important;
        width: calc(100% - 44px)!important
    }
    [data-night-mode] section.entry>article>header>div.right>div>span {
        line-height: 2!important
    }
    [data-night-mode] section.entry>article>header {
        max-height: none!important
    }
    [data-night-mode] section.link-block:not(.detailed)>section>article {
        width: 100%!important;
        padding: 8px 8px 0 8px!important
    }
    [data-night-mode] section>div>section.entry>article {
        padding-bottom: 8px!important
    }
    [data-night-mode] section>div>section.entry.reply>article {
        padding-bottom: 8px!important
    }
}
@media (max-width: 720px) {
    [data-night-mode] section.entry>.comments>footer {
        margin-top: 8px!important
    }
}
[data-night-mode],
[data-night-mode] aside.left-panel > section.links > .content ul li.bucket.new:after,
[data-night-mode] header.header > .right > nav > ul > li > a.new:after,
[data-night-mode] li.account > a > a {
    --whitish: #2c2c2c;
    --porcelain: #1c1c1c;
    --steelBluish: #cad0d0;
    --gullGray: #cad0d0;
    --tuna: #c4c8c9;
    --abbey: #c4c8c9;
    --athensGray: #3c3c3c;
    --squeeze: rgba(var(--blackishRGB), 0.025)
}
[data-night-mode] article.link-article,
[data-night-mode] aside.left-panel > section.buttons > .content ul li a:before,
[data-night-mode] ul.menu-dropdown,
[data-night-mode] section.editor > header > ul > li.lenny-face ul.menu-dropdown {
    border: none
}
[data-night-mode] .form-elements p:not(.popper).or span,
[data-night-mode] aside.profile-top > section > figure,
[data-night-mode] header.header > .right > nav > ul > li.dropdown > section,
[data-night-mode] header.header > .right > nav > ul > li.dropdown > ul,
[data-night-mode] li > section section.notifications > .stream > .content > .notify,
[data-night-mode] li > section section.notifications > .stream > .content > .read,
[data-night-mode] li > section section.stream > .content,
[data-night-mode] li > section section.stream > .content > section,
[data-night-mode] li > section section.stream > .content > section.item:hover,
[data-night-mode] section.editor > header > ul > li.lenny-face ul.menu-dropdown li:hover,
[data-night-mode] section.editor > header > ul > li.lenny-face ul.menu-dropdown li:hover:nth-child(2n),
[data-night-mode] section.entry.reply:nth-child(odd),
[data-night-mode] section.notifications section.stream > .content > section.notify:before,
[data-night-mode] section.search-input form > input[type=search],
[data-night-mode] section.user-info,
[data-night-mode] ul.dropdown:not(.clear-styles) ul.actions {
    background: #2c2c2c!important
}
[data-night-mode] a.avatar figure img {
    border-radius: 0px;
}
[data-night-mode] header.stream-top {
    padding: 0px 0px;
    display: flex;
    align-items: center;
}  
[data-night-mode] time.date {
    color: var(--heather);
    font-size: 10px;
}
[data-night-mode] section.entry>article>header>div.right>div span {
    font-size: 12px;
}
[data-night-mode] header.header {
    background: #3c3c3c!important;
    color: #0000!important
}
[data-night-mode] header.header > .left > nav.main > ul li a + strong {
    background: #f75e2c;
    -webkit-box-shadow: none;
    box-shadow: none
}
[data-night-mode] li.home.active span {
    color: #3c3c3c!important
}
[data-night-mode] .switch input:not(:checked)+label strong i:nth-child(2),
[data-night-mode] header.header > .left > nav.main > ul li.active a,
[data-night-mode] header.header > .right > nav > ul > li.dropdown > a:hover,
[data-night-mode] section.entry-content .wrapper button,
[data-night-mode] section.entry-content .wrapper button:hover {
    background: #505050!important
}
[data-night-mode] .switch input:checked+label strong i:nth-child(2) {
    background: #7c7c7c!important
}
[data-night-mode] section.search-input form > label {
    background: #c4c8c9
}
[data-night-mode] section.search-input form > input[type=search]::placeholder {
    color: #c4c8c9
}
[data-night-mode] section.entry-content .wrapper a {
    color: #72aed8
}
[data-night-mode] section.entry > article > header > div.right > div span {
    display: inline-block
}
[data-night-mode] section.entry > article > header > div.right > div span time {
    color: #767676
}
[data-night-mode] .entry footer section.actions li.reply {
    color: #767676
}
[data-night-mode] .entry footer section.actions li.reply:hover {
    color: #cad0d0!important
}
[data-night-mode] .entry footer section.actions li.reply:after,
[data-night-mode] .entry footer section.actions li.reply:before {
    background: #767676!important
}
[data-night-mode] .entry footer section.actions li.reply:hover:before {
    background: #b7b7b7!important
}
[data-night-mode] .entry footer section.actions li.comments:after {
    background: #767676
}
[data-night-mode] .entry footer section.actions li.comments>a.comment-counter,
[data-night-mode] .entry footer section.actions li.comments>span.comment-counter {
    color: #767676
}
[data-night-mode] .entry footer section.actions li.comments>a.comment-counter:hover {
    color: #cad0d0
}
[data-night-mode] .entry footer section.actions li.comments>span.comment-counter:before,
[data-night-mode] .entry footer section.actions li.comments>a.comment-counter:before {
    background: #767676
}
[data-night-mode] .entry footer section.actions li.comments>span.comment-counter:hover:before,
[data-night-mode] .entry footer section.actions li.comments>a.comment-counter:hover:before {
    background: #cad0d0
}
[data-night-mode] .entry footer section.actions button.toggle-to-favourite:not(.active) .svg-inline svg path.border {
    fill: #767676
}
[data-night-mode] .entry footer section.actions button.toggle-to-favourite:not(.active):hover .svg-inline svg path.border {
    fill: #cad0d0
}
[data-night-mode] header > .right path {
    fill: #cad0d0
}
[data-night-mode] .right .username > span {
    font-weight: 900;
    font-size: 12px
}
[data-night-mode] section.entry-voters ul li a.username>span {
    font-weight: normal
}
[data-night-mode] .entry-voters>ul>li.more {
        font-weight: normal!important
}
[data-night-mode] section.entry-voters ul li a.username span {
    color: #7b7b7b
}
[data-night-mode] section.entry-voters ul li a.username {
    text-decoration: none
}
[data-night-mode] li.account > ul > li:hover a,
[data-night-mode] li > section section.notifications > .stream > .content > .notify:hover,
[data-night-mode] li>section section.notifications>.stream>.content>.notify.read:hover,
[data-night-mode] section.entry.reply > article,
[data-night-mode] section.notifications section.stream > .content > section.notify:hover:before,
[data-night-mode] ul.dropdown:not(.clear-styles) ul.actions li:hover {
    background: rgba(var(--blackishRGB), .025)!important
}
[data-night-mode] li > section section.stream > .content > section.item:not(.unread) {
    opacity: 1
}
[data-night-mode] header.header > .right > nav > ul > li.dropdown.active > a,
[data-night-mode] header.header > .right > nav > ul > li.dropdown.active > a:hover {
    background: rgba(255, 255, 255, .2)
}
[data-night-mode] section.editor,
[data-night-mode] section.editor.inner,
[data-night-mode] section.editor:focus-within {
    border: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}
[data-night-mode] section[data-label^="ad: "] {
    display: none!important
}
[data-night-mode] ::-webkit-scrollbar,
[data-night-mode]::-webkit-scrollbar{
    width: auto
}
[data-night-mode] section.entry,
[data-night-mode] section.entry:hover {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}
[data-night-mode] section.entry > .comments {
    margin: 16px 0 0 40px
}
[data-night-mode] .v--modal-box,
[data-night-mode] section.modal > footer {
    background-color: #2c2c2c
}
[data-night-mode] section.file .upload.over,
[data-night-mode] section.file .upload:hover {
    background: #313131!important
}
[data-night-mode] article.link-article > footer:before,
[data-night-mode] section.entry-photo figure:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--whitishRGB), 0)), to(#1c1c1c));
    background: linear-gradient(to bottom, rgba(var(--whitishRGB), 0) 0, #1c1c1c 100%)!important
}
[data-night-mode] section.entry-content .wrapper code {
    border: 1px solid #1c1c1c!important;
    background: #1c1c1c!important
}
[data-night-mode] section.entry > article:hover,
[data-night-mode] section.link-block > section > article section.info > span:after {
    background: 0 0
}
[data-night-mode] .entries-sidebar a time.date,
[data-night-mode] section.entry-voters ul,
[data-nig...