Texon by ivorkchan

/* ==UserStyle==
@name         Texon
@version      20220806.14.14
@namespace    userstyles.world/user/ivorkchan
@description  Style for clientarea.
@author       ivorkchan
@license      No License
==/UserStyle== */

@-moz-document regexp(".*texon.io/portal.*productdetails&id=.*") {
body {
	color: #fff;
}

#header {
	display: none;
}

section#footer,section#main-body,section#main-menu {
	background-color: #121212;
}

.ann-card .ann-bottom .ann-close-more,.ann-card .ann-bottom .ann-more,.ann-card .ann-num,.ann-card i,.node-list .node-card .desc-card .desc-item .desc-info .desc-input i,.node-list .node-card .node-card-bottom .node-open,.node-list .node-card .node-card-top .node-rate i,.products-config .last_connect .last_connect-time,.products-traffic .traffic-notice i,.products-traffic .traffic-texts .traffic-free,.subscribe-card .subscribe-title .subscribe-reset {
	color: #00a862;
}

.node-list .node-card .node-card-top .node-title {
	color: #fbbc05;
	font-size: 16px;
}

#mxime {
	font-family: Roboto,Open Sans,sans-serif;
}

#mxime .products-card,.ann-card,.node-list .node-card,.subscribe-card {
	margin-bottom: 30px;
	border: none;
	border-radius: 20px;
	background: hsla(0,0%,100%,.1);
	box-shadow: 0 4px 20px rgb(0 0 0/10%);
	backdrop-filter: blur(20px);
}

.products-info-traffic {
	display: none;
}

.chart-info {
	bottom: 0;
	left: 20px;
	width: calc(100% - 40px);
	opacity: .1;
}

.products-config .pass-btns .pass-change-btn {
	border: 1px solid #fff;
	border-right: none;
	border-left: none;
	background: none;
	color: hsla(0,0%,100%,.9);
}

.products-info .products-info-text .products-name {
	color: #fff;
}

.products-info .products-info-text .products-id .products-id-num,.products-info .products-info-text .products-id .products-id-title,.products-traffic .countdown-time,.products-traffic .traffic-notice,.products-traffic .traffic-texts .traffic-used {
	color: hsla(0,0%,100%,.7);
}

.products-traffic .countdown-time a,.products-traffic .traffic-notice .traffic-notice-btn .notice-btn.danger {
	display: none;
}

.products-traffic .renew-btn {
	border: none;
	background-color: hsla(0,0%,100%,.2);
	box-shadow: 0 2px 4px rgb(0 0 0/10%);
	color: hsla(0,0%,100%,.9);
}

.products-config .other-btns .other-btn:first-child {
	display: none;
}

.products-config .other-btns .other-btn i {
	padding: 0;
}

.products-config .other-btns .other-btn {
	margin: 0 10px 0 0;
	border: none;
	background-color: hsla(0,0%,100%,.2);
	box-shadow: 0 2px 4px rgb(0 0 0/10%);
	color: hsla(0,0%,100%,.9);
}

.products-config .pass-btns .pass-show-btn,.subscribe-copy-btn {
	border: 1px solid #fff;
	border-left: none;
	background-color: hsla(0,0%,100%,.3);
	color: hsla(0,0%,100%,.9);
}

.pass-title {
	color: hsla(0,0%,100%,.9);
}

.fa-telegram:before {
	content: none;
}

.subscribe-card .subscribe-title {
	color: hsla(0,0%,100%,.9);
}

.subscribe-card .subscribe-area .subscribe-label {
	margin-top: 12px;
	margin-bottom: 4px;
	color: hsla(0,0%,100%,.7);
	font-weight: 400;
}

.subscribe-card .subscribe-area .subscribe-box .subscribe-linktext {
	color: hsla(0,0%,100%,.3);
	font-family: monospace;
}

.subscribe-card .subscribe-area .subscribe-box i,.subscribe-reset a {
	display: none;
}

.ann-card .ann-item .ann-title {
	color: hsla(0,0%,100%,.9);
}

.ann-card .ann-item .ann-text {
	color: hsla(0,0%,100%,.7);
}

.ann-card {
	padding: 20px;
}

.node-list .node-card .main-card {
	padding: 10px 20px;
}

.node-list .node-card .node-card-top .node-region .node-flag {
	height: 20px;
}

.node-list .node-card .node-card-top .node-network .node-bandwidth,.node-list .node-card .node-card-top .node-network .node-isp,.node-list .node-card .node-card-top .node-rate .rate-text,.node-list .node-card .node-card-top .node-region .region-text {
	color: hsla(0,0%,100%,.7);
}

.node-list .node-card .node-card-top .node-network .circie-point {
	border: none;
	background-color: hsla(0,0%,100%,.9);
}

.node-list .node-card .node-card-bottom .ip-type.blue,.node-list .node-card .node-card-bottom .node-tags .node-tag {
	margin: 0 10px 0 0;
	padding: 2px 10px;
	border: none;
	border-radius: 5px;
	background-color: hsla(0,0%,100%,.2);
	color: hsla(0,0%,100%,.5);
	font-size: 14px;
	line-height: 1.5;
}

.node-list .node-card .node-card-bottom,.node-list .node-card .node-card-top {
	padding: 10px 0;
}

.node-list .node-card .desc-card .desc-item .desc-info {
	background: none;
}

.node-list .node-card .node-card-top .node-network .node-bandwidth,.node-list .node-card .node-card-top .node-network .node-isp,.node-list .node-card .node-card-top .node-region .region-text {
	font-weight: 400;
}

.node-list .node-card .desc-card {
	background: none;
}

.node-list .node-card .desc-card .desc-item .desc-info .desc-btns .desc-btn-1,.node-list .node-card .desc-card .desc-item .desc-info .desc-btns .desc-btn-2 {
	width: 40px;
}

.node-list .node-card .desc-card .desc-item .desc-info .desc-btns .desc-btn-1 {
	border: 1px solid #fff;
	border-right: none;
	border-left: none;
	background: none;
	color: hsla(0,0%,100%,.9);
}

.node-list .node-card .desc-card .desc-item .desc-info .desc-btns .desc-btn-2 {
	border: 1px solid #fff;
	border-left: none;
	background-color: hsla(0,0%,100%,.3);
	color: hsla(0,0%,100%,.9);
}

.navbar-main .navbar-nav>.active>a,.navbar-main .navbar-nav>.active>a:focus,.navbar-main .navbar-nav>.active>a:hover,.navbar-main .navbar-nav>.open>a,.navbar-main .navbar-nav>.open>a:focus,.navbar-main .navbar-nav>.open>a:hover,.navbar-main .navbar-nav>li>a:focus,.navbar-main .navbar-nav>li>a:hover {
	background-color: hsla(0,0%,100%,.1);
	color: hsla(0,0%,100%,.9);
}

.dropdown-menu,.navbar-main li.account {
	background-color: hsla(0,0%,100%,.2);
}

.dropdown-menu {
	backdrop-filter: blur(20px);
}

.dropdown-menu,.dropdown-menu>li>a {
	color: hsla(0,0%,100%,.9);
}

.nav .nav-divider {
	background-color: hsla(0,0%,100%,.5);
}

.navbar-main {
	background-color: hsla(0,0%,100%,0);
}

.node-list .node-card .node-card-top {
	border-bottom: 1px solid hsla(0,0%,100%,.5);
}

.node-list .node-card .node-card-bottom .node-tags {
	border-left: 1px solid hsla(0,0%,100%,.2);
}

.node-list .node-card .desc-card {
	border-top: none;
}

.node-list .node-card .desc-card .desc-list {
	border-right: 1px solid hsla(0,0%,100%,.2);
}

.node-list .node-card .desc-card .desc-item .desc-title {
	margin-bottom: 5px;
	color: hsla(0,0%,100%,.5);
}

.node-list .node-card .desc-card .desc-item {
	margin-bottom: 15px;
}

section#footer {
	color: hsla(0,0%,100%,.5);
}
}