FunPay Dark Theme [Update v1.6] by ZeiN132

/* ==UserStyle==
@name         FunPay Dark Theme [Update v1.6]
@namespace    USO Archive
@author       NikiZhu
@description  Тёмная тема для FunPay.com с пользовательскими обоями.  Dark theme for FunPay.com with custom wallpaper.
@version      20230420.18.24
@license      CC-BY-4.0
@preprocessor uso
==/UserStyle== */
@-moz-document url-prefix("https://funpay.com/"){
.wrapper-content,
.wrapper-footer {
    background-color: #00000040;  /* (Затемнение фона) Если используете обои картинкой - оставьте, если как цвет, то уберите*/
    }

.wrapper,
.content-orders,
body {
    background: #0b0b0b no-repeat fixed;  /* обои - замени  ссылку или замени на цветовой код */
    }

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #fff;
    }

.profile-cover-img {
    background-clip: border-box;
    background: #0b0b0b no-repeat center bottom;;   /* полусфера в профиле */
    background-size: 100% auto;
    }

.profile-cover {
    overflow: unset;
    }
.checkbox label, .form-inline .checkbox label {
    user-select: none; /* Чтобы легче выделять поднимаемые предложения */
}
.media-user-name {
        color: #f4cf78; /* Цвет ников продавцов */
    }
    .media-user-name a {
        color: #fff;  /* Цвет ников продавцов в чате */
    }

    .bg-light-color {
        background-color: #fff0; /* главная - ваши игры */
    }
    .game-title a {
        color: #f4cf78;  /* цвет игр на главной */
        text-decoration: none; 
    }
	
    .navbar-right.logged .dropdown-menu {
		border-radius: 8px;  /*правое меню - профиль, настройки и тд*/
    }
    .user-link-name {
        color: #f4cf78;  /*цвет ника в меню*/
    }
.product-page .page-content{
    background-color: #00000099;
    border-radius: 10px;
    margin-top: 12px;
	margin-bottom: 20px;
	padding: 20px;
	}
}

@-moz-document url-prefix("https://funpay.com/chat/"), url-prefix("https://funpay.com/lots/"), url-prefix("https://funpay.com/orders/"), url-prefix("https://funpay.com/users/")  {
.chat-btn-image { 
        background-color: #FF6D1500;  /* кнопка скрепки в чате*/
		border: 0px;
        color: #fff;
    }
.chat-btn-image:hover {     
        background-color: transparent;  /* кнопка скрепки в чате */
		border: 0px;
        color: #fff;
    }
.chat-btn-image:focus { 
        background-color: transparent;  /* кнопка скрепки в чате*/
		border: 0px;
        color: #fff;
	}
.btn-default:active:hover,
    .btn-default:active:focus,
    .btn-default:active.focus,
    .btn-default.active:hover,
    .btn-default.active:focus,
    .btn-default.active.focus {
        color: #fff;
        background-color: #FF6D1500;
        border: 0px;
    }

.fa-info-circle:before{
	filter: brightness(0) invert(1);
}
}

@-moz-document url-prefix("https://funpay.com/chat/"){
.bg-light-color #header,
	.wrapper-footer {
        background: #00000000;
    }

.chat-form-input .form-group{
		transform: translate(-10px,0);
		width: 103%;
    }
}

@-moz-document url-prefix("https://funpay.com/"){
.tc.table-hover .tc-item.transaction-status-waiting {
        background-color: #b17f2e94;
    }
.tc.table-hover .tc-item.transaction-status-waiting:hover {
        background-color: #b37f2abf;
    }

    .tc-finance .tc-header > div,
    .tc-finance .tc-item > div { /*финансы */
        border-bottom: #505050 1px solid; 
		border-top: #505050 0px solid; 
    }
    .tc.table-hover .tc-item.info {
        background-color: #1f508994;
    }
	.tc.table-hover .tc-item.info:hover {
        background-color: #1f5089bf;
    }
    .tc.table-hover .tc-item:hover {
        background-color: #0b0b0b;
    }
    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: #2D6BB3; /*цвет выделенного раздела в баре */
		font-weight: bold;
        background-color: #00000000;
    }
}





@-moz-document url-prefix("https://funpay.com/"){
.counter-list .counter-item {
        background: #14141480;  /* услуги*/
        border: 0px solid #feff00;
        border-radius: 20px;
        outline: 0;
    }
.content-with-cd-wide {
        background: #0b0b0b;
        border-radius: 10px;
    }
    a.tc-item {
        color: #f0f0f0;  /*цвет услуг */
        text-decoration: none;
    }
    .cd {
        position: relative;  /*размер сферы*/
        z-index: 100;
        border-radius: 50%;
        width: 700px;
        height: 700px;
		filter: brightness(0.8);
		border: 0px;
    }
    a.cd-satellite {
	    transform: translate(-25px);
    }
    .offer {
        background: #0b0b0b;
		padding: 20px;
		border-radius: 10px;
    }
 
    .tc { 
        background-color: #0B0B0B;  /*ваши предложения, услуги*/
		border-radius: 10px;
    }


    .tc-finance {
        border-top: 0px solid #322f34;
        border-bottom: #322f34 0px solid;
        border-left: #322f34 0px solid;
        border-right: #322f34 0px solid;
        border-radius: 10px;
    }
}

@-moz-document url-prefix("https://funpay.com/"){
.modal-content {
        background-color: #0B0B0B;
        border: 0px solid #999;
        border-radius: 10px;
        -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
        background-clip: padding-box;
        outline: 0;
    }
    label.control-label {
        color: #ffba4cc4
    }
    .counter-item { 
        background: #0b0b0b90;  /*неактивный шарик (сфера аккаунты)*/
		color: #f0f0f0;
    }
	.counter-item:hover,
	.counter-item:focus,
	.counter-item:active,
	.counter-item:active:hover { 
        background: #0b0b0bad;  /*неактивный шарик (сфера аккаунты)*/
		color: #f0f0f0;
    }
    .counter-item.active { 
        background: #0B0B0B;  /*активный шарик (сфера услуги)*/
        color: #fff;
    }
	.counter-item.active:hover,
	.counter-item.active:focus,
	.counter-item.active:active,
	.counter-item.active:active:hover { 
        background: #101010;  /*активный шарик (сфера услуги)*/
        color: #fff;
    }
    .form-control-box { 
        background: transparent;  /*только продавцы онлайн*/
        border: 1px solid #fff;
		border-radius: 10px;
    }
    h5,
    .h5,
    .form-group > label {
        color: #fff /*цвет текста только продавцы онлайн*/
    }
   
    .bootstrap-select .dropdown-menu.inner {
        background-color: #0f0f0f;
    }

.lot-field .lot-field-radio-box button {
  		background-color: #161617;
  		color: #fbfbfb;
  		
}
.lot-field .lot-field-radio-box button:hover {
  		color: #fff;
  		background-color: #1b1b1b;
  		
}
.btn-dark {
    background-color: #222;
    border-radius: 10px;
  	border-color: #fff;
}

.btn-gray:hover {
    background-color: #fff;
    color: #fff;
  border-radius: 10px;
  	border-color: #fff;
}
}

@-moz-document url-prefix("https://funpay.com/"){
.chat-promo{
        border-radius: 10px;
  			border: 0px;
        background: #00000073;  /* неоткрытый чат */
		transform: translate(-10px,0);
    }
    .dropdown-menu {
        background-color: #0f0f0f;  /* меню помощь */
		border-radius: 8px;
    }
    .navbar-default {
        border-color: #e4e4e466;  /*линия под баром */
    }
	.chat-form-btn .btn-round{ 
        background-color: #cbcbcb1f;  /* цвет стрелки в общем чате*/
        color: #fff;
		border-radius: 100px;
		border: 0px;
    }
	.chat-form-btn .btn-round:hover{ 
        background-color: #3466a1;  /* цвет стрелки в чате при наведении*/
        color: #fff;
    }
	.chat-img{
		border-radius: 8px;
    }
	.btn-danger{
		border: 0px;
		border-radius: 8px;
    }
    .btn-gray { 
        background-color: #3466a1;  
		border-radius: 8px;
        color: #fff;
		border: 0px;
    }
	.btn-gray:hover { 
		color: #3466a1;
    }
    .btn-primary { 
		border: 0px solid #fff;  /* правые кнопки*/
		border-radius: 8px;
        background-color: #FF6D15;
        color: #fff
    }
    .btn-primary:hover,
	.btn-primary:focus,
	.btn-primary:active,
	.btn-primary:active:hover,
	.btn-primary:active:focus,
	.btn-primary[disabled]:hover,
	.btn-primary[disabled]:focus,
	.btn-primary[disabled]:active,
	.btn-primary[disabled]:active:hover,
	.btn-primary[disabled]:active:focus  { 
        background-color: #fff;  /* правые кнопки при наведении*/
        color: #FF6D15
    }

    .btn-default { 
		border: 0px solid #fff;  /* рядом с правыми кнопками*/
		border-radius: 8px;
        background-color: #FF6D1560;
        color: #fff
    }
    .btn-default:hover,
	.btn-default:focus,
	.btn-default:active,
	.btn-default:active:hover,
	.btn-default:active:focus,
	.btn-default[disabled]:hover,
	.btn-default[disabled]:focus,
	.btn-default[disabled]:active,
	.btn-default[disabled]:active:hover,
	.btn-default[disabled]:active:focus { 
		border: 0px solid #1e4f8700;  /* рядом с правыми кнопками при наведении*/
        background-color: #FF6D15;
        color: #fff
    }

	.bg-light-style .btn-default{
		background-color: transparent;  /* кнопка скрепки в чате */
    	border: 0px;
   	 	color: #fff;
	}
}


@-moz-document url-prefix("https://funpay.com/"){

.block-info {
    color: #ffffffd9;  /*цвет описания в услугах "Добро пожаловать на первую в рунете биржу игровых ценностей..." */
    }

.navbar-form .form-control{ 
    background-color: transparent;  /*поиск*/
    }

.logo-color{
	filter: brightness(0) invert(1);  /*лого*/
	}
.footer-block-als{
	filter: brightness(0) invert(1);  /*задизайнено...*/
	}
.nav-abc ul .active a, .nav-abc ul .active a:hover, .nav-abc ul .active a:focus {
    text-decoration: none;
    cursor: default;
    color: #f4cf78;
}
.nav-abc .nav>li>a:hover, .nav-abc .nav>li>a:focus{
    text-decoration: none;
    cursor: default;
    color: #f4cf78;
}
a:focus{
    text-decoration: none;
    cursor: default;
    color: #FFF;
}
.list-inline>li:after {
    content: " ·";
    color: #919191;
}
.media-user.style-circle .avatar-photo:after{  /*значок онлайна*/
    background: #a6a6a6;
    border: 3px solid #0b0b0b;
}
.counter-list-wide{ 
    padding-bottom...