Violet Lolzteam Theme by miku

/* ==UserStyle==
@name         Violet Lolzteam Theme
@version      20220723.21.05
@namespace    userstyles.world/user/miku
@description  Violet Style for Lolz.Guru and Zelenka.guru.
@author       miku
@license      No License
==/UserStyle== */

@-moz-document domain("lolz.guru") {
body{
    background: #1a1a1a;
    font-family:"Open Sans";
    color: #fff;
}
:root {
    --accent-hue: 0deg;
    --accent-hue-like: 0deg;
    --accent: rgba(137, 95, 255, 1);
    --accent-light: rgba(130, 88, 248, 1);
    --accent-dark: #242424;
    --accent-dark2: #582aff;
    --accent-dark3: rgb(34, 34, 34);
    --accent-whiter: #d4d4d4;
    --accent-error: #9461FF;
    --accent-error-light: #9461FF;
    --like-hue: 200deg;
}

.mainc {
    color: rgb(130,88,248);
}

#NavigationAccountUsername {
    padding: 0px 8px;
}

.navigationSideBar a.selected {
    background: var(--accent-dark);
    box-shadow: inset 0px 0px 0px 0px var(--accent);
}

.xenForm .ctrlUnit > dd .textCtrl {
    border: none;
}

#uaThreadViewContainer .footnote {
    border-top: 1px solid var(--accent-dark2);
}

.loginForm {
    background: rgb(24, 24, 24);
    padding: 50px 40px;
    border-top: 5px solid rgb(130 88 248);
    border-radius: 5px;
    font-size: 14px;
    box-sizing: border-box;
    box-shadow: 0 0 50px rgb(45 45 45);
}

.log_out .pageContent {
    display: flex;
}

.hasUnreadArticles {
    border-radius: 50%;
    display: inline-block;
    background: rgb(130,88,248);
    width: 8px;
    height: 8px;
    margin-left: 8px;
}

/* Inputs */
.textCtrl.Focus {
    border-color: var(--accent);
}

input[type="radio"]:before {
    background: var(--accent);
}

input[type="checkbox"]:checked:after {
    background: var(--accent);
    border-color: var(--accent);
}

input.textCtrl:focus,
select.textCtrl:focus {
    box-shadow: 0 0 .5px 1px var(--accent) !important;
}

.textCtrl {
    background-color: var(--accent-dark) !important;
}

option {
    border: none;
}

.message .item > .likeCounterIcon, .message .item:hover > .likeCounterIcon {
    filter: hue-rotate(var(--like-hue));
}

/* Links */
.content a,
.searchResult .title > a,
.listItemText a,
li:before,
.fa-external-link-alt:before,
.messageText a:not(.button):not(.username),
.privateControls .item.control {
    color: var(--accent0);
}

a.OverlayTrigger.item.control.report {
    color: var(--accent-error);
}

.numberStyle, .likeNodes .node .counter {
    color: var(--accent);
    text-shadow: 1px 0px 7px rgb(187, 0, 0), 0px -2px 1px rgba(0, 0, 0, 0);
}

span[itemprop="title"],
a.crumb > span,
.node .nodeTitle > a:hover {
    color: var(--accent-whiter);
}

a.crumb:before {
    color: var(--accent);
}

#AjaxProgress.xenOverlay {
    visibility: hidden;
}

.info-separator {
    background: var(--accent-whiter);
}

.xenOverlay .formOverlay .heading {
    color: white;
}

/* Icons */
.svgIcon--rub.green::before,
.universalSearchForm::before,
#MarketBalanceSwitcher::before{
    filter: hue-rotate(var(--accent-hue));
}

.message .item.unlike .likeCounterIcon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m17 2.9a6.43 6.43 0 0 1 6.4 6.43c0 3.57-1.43 5.36-7.45 10l-2.78 2.16a1.9 1.9 0 0 1 -2.33 0l-2.79-2.12c-6.05-4.68-7.45-6.47-7.45-10.04a6.43 6.43 0 0 1 6.4-6.43 5.7 5.7 0 0 1 5 3.1 5.7 5.7 0 0 1 5-3.1z' fill='%23ff3347' style='&%2310; fill: rgb(130, 129, 20);&%2310;'/%3E%3C/svg%3E");
}

.message .item:hover .likeCounterIcon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' height='100%25' width='100%25'%3E%3Ctitle%3Elike_outline_24%3C/title%3E%3Cpath d='M0,0H24V24H0Z' fill='none'/%3E%3Cpath d='M17,2.9A6.43,6.43,0,0,1,23.4,9.33c0,3.57-1.43,5.36-7.45,10l-2.78,2.16a1.9,1.9,0,0,1-2.33,0L8.05,19.37C2,14.69.6,12.9.6,9.33A6.43,6.43,0,0,1,7,2.9a6.46,6.46,0,0,1,5,2.54A6.46,6.46,0,0,1,17,2.9ZM7,4.7A4.63,4.63,0,0,0,2.4,9.33c0,2.82,1.15,4.26,6.76,8.63l2.78,2.16a.1.1,0,0,0,.12,0L14.84,18c5.61-4.36,6.76-5.8,6.76-8.63A4.63,4.63,0,0,0,17,4.7c-1.56,0-3,.88-4.23,2.73L12,8.5l-.74-1.07C10,5.58,8.58,4.7,7,4.7Z' fill='%23828a99' style='&%2310; fill: rgb(130, 128, 20);&%2310;'/%3E%3C/svg%3E") }
 
.extendedGuarantee, .greenText {
    color: rgb(130 88 248);
    font-weight: 600;
}

.moreMedalsBadge {
    line-height: 34px;
    font-weight: 600;
    padding: 0;
    text-align: center;
    border-radius: 6px;
    font-size: 18px;
    margin-left: 6px;
    color: rgb(130 88 248);
}

.message .item > .userTagIcon,
.message .item:hover > .userTagIcon,
.message .item > .hiddenReplyIcon,
.message .item:hover > .hiddenReplyIcon,
.message .item:hover .postCounterIcon,
.messageSimple .item:hover .postCounterIcon {
    filter: hue-rotate(var(--accent-hue));
}

.iconKey.fa.fa-lock.Tooltip,
.titleBarIcon.closedIcon {
    color: var(--accent-error);
}

/* Buttons */
.button:hover {
    background: none !important;
}

.listBlock .fa-check {
    color: rgb(130 88 248);
}

.button,
.button.primary,
.profilePage .button,
.changeUsernameUnit .button,
.actionButton--sendMoney,
.dottesStyle.buttonStyle,
.button[href*="manage"],
.button[href*="write"] {
    color: white;
    background-color: var(--accent);
    box-shadow: 1px 1px 2px rgb(54, 54, 54), 1px 2px 3px var(--accent-dark2);
}

.button:hover,
.button.primary:hover,
.profilePage .button:hover,
.changeUsernameUnit .button:hover,
.actionButton--sendMoney:hover,
.dottesStyle.buttonStyle:hover,
.button[href*="manage"]:hover,
.button[href*="write"]:hover {
    background-color: var(--accent-light) !important;
}

.button:focus,
.button.primary:focus,
.profilePage .button:focus,
.changeUsernameUnit .button:focus,
.actionButton--sendMoney:focus,
.dottesStyle.buttonStyle:focus,
.button[href*="manage"]:focus,
.button[href*="write"]:focus {
    background-color: var(--accent-light);
}

.button[href*='disable']:hover,
.button[href*='logout']:hover,
#ctrl_disassociate_vk_Disabler .button:hover {
    background-color: var(--accent-error-light) !important;
}

.button[href*='disable'], .button[href*='logout'], #ctrl_disassociate_vk_Disabler .button {
    color: white;
    background: var(--accent-dark3);
}

.conversationItem.active .avatar.isOnline::before {
    border: 3px solid #272727;
}

.conversationItem .avatar.isOnline::before {
    content: '';
    position: absolute;
    background-color: rgb(130 88 248);
    border-radius: 50%;
    top: 33px;
    left: 34px;
    border: 3px solid rgb(39, 39, 39);
    height: 10px;
    width: 10px;
    display: inline-block;
    z-index: 1;
}

.contestThreadBlock .memberCounter>.backgroundCounter {
    position: absolute;
    width: 69%;
    background: rgb(130,88,248);
    border-radius: 25px;
    height: 30px;
}

.conversationItem.active, .conversationSearch--Recipient.active {
    background: rgb(130 88 248);
}

.message .selectedIcon {
    background: rgb(130 88 248);
    color: #f5f5f5;
    position: absolute;
    opacity: 0;
    font-size: 9px;
    border-radius: 50%;
    width: 16px;
    height: 17px;
    line-height: 17px;
    text-align: center;
    left: 7px;
    top: 19.5px;
    padding-left: 1px;
}

.universalSearchForm:before {
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 600;
    color: rgb(130 88 248);
    content: "\f002";
    float: left;
    font-size: 15px;
    line-height: 50px;
    left: 20px;
    pointer-events: none;
    position: absolute;
}

.message .onlineMarker {
    border-radius: 50%;
    display: inline-block;
    background: rgb(130 88 248);
    width: 10px;
    height: 10px;
}

a.SelectExcludedForumsLink:hover,
.node .nodeText h3.nodeTitle:hover .expandSubForumList {
    background: none;
}

a.cd-top.cd-is-visible
{
    background-color: var(--accent-dark) !important;
}

.userContentLinks .button {
    padding: 0px 10px;
}

input.labelauty:not(:checked):not([disabled]) + label:hover {
    background: var(--accent-error);
}

input.labelauty + label {
    background: var(--accent-dark);
}

/* Tabs */
.tabs {
    border-bottom: none;
}

.tabs li.active {
    box-shadow: inset 0px -2px 0px 0px var(--accent);
}

.PageNav.fixed > nav {
    background: var(--accent-dark);
}

/* Other */
.redactor_dropdown {
    background-color: var(--accent-dark2);
}

.messageSimple .item.unlike .like2Icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='&%2310; fill: rgb(130, 88, 119);&%2310;'%3E%3Cpath d='M4 21h1V8H4c-1.104 0-2 .896-2 2v9C2 20.104 2.896 21 4 21zM20 8h-7l1.122-3.368C14.554 3.337 13.59 2 12.225 2H12L7 7.438V21h11l3.912-8.596C21.937 12.291 21.976 12.114 22 12v-2C22 8.896 21.104 8 20 8z'/%3E%3C/svg%3E");
}

#Captcha img {
    filter: contrast(150%) invert(20%);
}

/******************** Navbar ********************/
#header {
    background: var(--accent-dark2);
}

.blockLinksList a:hover,
.QuickSearch .searchButton:hover {
    background: var(--accent-dark);
}

/* Logo */
#lzt-logo {
    width: 87px;
    height: 44px;
    float: left;
    margin-left: -10px;
    background-image: url(https://i.imgur.com/Vg4RK2y.png);
    background-size: 100%;
}

/* Controls */
div.primaryControls:before {
    color: var(--accent-dark0) !important;
}

.marketMyPayments .item .amountChange .in {
    color: rgb(130 88 248);
}

.marketMyPayments .item .statusIcon.in_processing {
    background: rgb(130 88 248);
}

.svgIcon--rub.green::before {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='510.127px' height='510.127px' viewBox='0 0 510.127 510.127' xml:space='preserve' style='&%2310; fill: rgb(130, 88, 248);&%2310;'><g><g><path d='M34.786,428.963h81.158v69.572c0,3.385,1.083,6.156,3.262,8.322c2.173,2.18,4.951,3.27,8.3...