virto!discord by thebisexual

/* ==UserStyle==
@name         virto!discord
@namespace    USO Archive
@author       Tech (thetechlover0010) and King_cube
@description  Based off the Discord color scheme.
@version      20180601.02.35
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("mtndew2.serv00.net") {
:root {
    --background-color: #202225;
    --color: white;
    --element: #2a2c31;
    --light-element: #36393f;
    --lighter-element: #484b51;
    --border: #202225;
    --light-border: #2a2c31;
    --dark-blue: #4E5D94;
    --green: #68d43d;
    --button: #484b51;
}
body {
    background: var(--background-color)!important;
}

/*Elements */
#welcome {
    background: var(--element)!important;
    border-color: var(--border);
    color: var(--color);
}
.shopSideBarButton {
    background: var(--element)!important;
    border-color: var(--border);
    color: var(--color);
}
#box, #info, #navbar, #footer {
    background: var(--element)!important;
    color: var(--color)!important;
    border-color: var(--border);
}
#subsect {
    border-color: var(--light-border);
}
td {
    background: var(--element)!important;
}
div[style="border: 1px solid #b57500;background-color: #ffa500;color: #fff;text-align:center;padding: 3px;margin-top:5px;"] {
    background-color: var(--element)!important;
    border-color: var(--border)!important;
}
a, a span {
    color: var(--color)!important;
    text-decoration: none!important;
    word-break: break-word;
}
th, #navlower {
    background: var(--light-element)!important;
}
.blue-button {
    background-color: var(--dark-blue)!important;
    color: var(--color)!important;
    border-color: var(--border)!important;
    padding: 3px;
}
.blocker, iframe[src*="https://googleads"] {
    filter: grayscale(1);
}
#shopItem {
    background-color: var(--light-element)!important;
    border-color: var(--border)!important;
}
.shopDesc {
    color: #b3b3b3;
}
.shopDesc .fa-money, [style="color:Green;"] {
    color: var(--green)!important;
}
.shopDesc .fa-circle, [style="color:Orange;"] {
    color: orange!important;
}
p[style="color:#44A4EE;"] {
    color: #7289DA!important;
}
input, textarea {
    background: var(--light-element)!important;
    border-color: var(--border)!important;
    border-style: solid;
    border-width: 1px;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button:not(.colorPallete), select, .button-style, .button {
    background-color: var(--button)!important;
}
a[href="upload"].button-style {
    font-size: 11px;
    padding: 5px 6px 5px 6px;
    text-decoration: none;
}
a[onclick*="getPage('all','', "], a[onclick*="getPage('hat','', "], a[onclick*="getPage('tool','', "], a[onclick*="getPage('tshirt','', "], a[onclick*="getPage('face','', "], a[onclick*="getPage('shirt','', "], a[onclick*="getPage('pants','', "], a[onclick*="getPage('head','', "], a[onclick*="getWall("], div[style="width:100%;display:block;overflow:auto;"] a[onclick*="getPage('hat',"], div[style="width:100%;display:block;overflow:auto;"] a[onclick*="getPage('tool',"], div[style="width:100%;display:block;overflow:auto;"] a[onclick*="getPage('tshirt',"], div[style="width:100%;display:block;overflow:auto;"] a[onclick*="getPage('face',"], div[style="width:100%;display:block;overflow:auto;"] a[onclick*="getPage('shirt',"], div[style="width:100%;display:block;overflow:auto;"] a[onclick*="getPage('pants',"], div[style="width:100%;display:block;overflow:auto;"] a[onclick*="getPage('head',"], .numButtonsHolder a {
    background-color: var(--light-element);
    border: 1px solid var(--border);
    padding: 1px;
}
.numButtonsHolder {
    text-align: center;
}
.thread-title {
    background-color: #36393f !important;
}
.shopSideBarButton1 {
background-color: #36393f;
}
p.description, .fa-thumb-tack, .fa-lock, .fa-pencil, .fa-refresh {
    color: var(--color)!important;
}
.forumColumn:nth-of-type(2n+0) td {
    background-color: 	#36393f!important;
}
#snavbar {
    background-color: #2f3136!important;
}
#rad {
    background-color: 	#36393f; 
}
.thread-title {
    background-color: var(--light-element);
}
div[style="width: 77%;float:left;word-wrap: break-word;"] span[style="color: #444;"], .fa-flag, .fa-quote-right {
    color: var(--color)!important;
}
img[src="shuttle.png"] {
    filter: brightness(3) contrast(0.8);
}
a.label {
    color: #bbbbbb!important;
}
p.label {
    color: #bbbbbb;
}
span {
    color: var(--color)!important;
}
div[style="padding:10px;background-color:white;border: 1px solid black;word-wrap: break-word;"] {
    background-color: var(--light-element)!important;
}
blockquote {
    border-color: var(--light-border);
    color: var(--color);
}
div[onclick*="panel('"] {
    background-color: var(--light-element)!important;
}
#wall #subsect div[style="float:left;"] {
    float: initial!important;
    overflow: hidden;
}
div[style="text-align:center;height:140px;"] div[style="width:84px;margin:4px;display:inline-block;"] {
    word-break: break-word;
}
div[style="float:left;text-align:center;margin-right:10px;padding-bottom: 100px;background-color:#77B9FF;border-right:1px solid black;"] {
    background-color: var(--light-element)!important;
}
.crateSideBarButton, table[style="border-collapse: collapse;border-bottom: 1px solid black;border-right: 1px solid black;border-left: 1px solid rgb(0, 0, 0);border-top: 1px solid;margin-right: -1px;margin-left: -1px;"], div[style="float:left;text-align:center;margin-right:10px;padding-bottom: 100px;background-color:#77B9FF;border-right:1px solid black;"] {
    background-color: var(--light-element)!important;
    border-color: var(--light-border)!important;
}
.online {
    color: var(--green)!important;
}
.offline {
    color: red!important;
}
.spoiler {
    background-color: var(--light-element)!important;
}
.red-button {
    padding: 3px;
}
pre {
    color: white;
    border-left: 10px solid var(--border);
    padding: 5px;
    padding-top: 0px;
    width: 94%;
    background: var(--light-element);
    border-radius: 5px;
    border-top: 20px solid var(--border);
    overflow-x: scroll;
}
div[style="width:44%;float:left;border:1px solid black;margin:10px 20px;padding:10px;background-color:white;"], div[style="width:44%;float:right;border:1px solid black;margin:10px 20px 0px 0px;padding:10px;background-color:white;"] {
    background: var(--light-element)!important;
}
.confirm div {
    background: var(--light-element)!important;
    border-color: var(--border)!important;
}
input, textarea, td[style="padding: 8px 0px 0px 8px;background: #f8f9ff;word-break:break-word;color:#333;"] {
    color: var(--color)!important;
    font-size: 14px!important;
}
#footer {
    overflow: hidden;
    padding-bottom: 40px;
}

/*custom scrollbar */
 ::-webkit-scrollbar {
    width: 10px;
}
 ::-webkit-scrollbar-track {
    background: var(--background);
}
 ::-webkit-scrollbar-thumb {
    background: var(--light-element);
    border-radius: 20px;
    transition: .3s;
}
 ::-webkit-scrollbar-thumb:hover {
    background: var(--lighter-element);
    transition: .3s;
}

/*Font colors*/
td {
    color: var(--color)!important;
}
p {
    color: var(--color)!important;
}
h1 {
    font-size: 36px;
    color: #f2f2f2!important;
    margin: 5px;
}
h2 {
    font-size: 30px;
    color: #ddd!important;
    margin: 5px;
}
h3 {
    font-size: 24px;
    color: #f9f9f9!important;
    margin: 5px;
}
h4 {
    font-size: 18px;
    color: #f8f8f8!important;
    margin: 5px;
}
h5 {
    font-size: 14px;
    color: #ccc!important;
    margin: 5px;
}
h6 {
    font-size: 12px;
    color: #e5e5e5!important;
    margin: 5px;
}
}