deviantBLIPS by tai7k

/* ==UserStyle==
@name         deviantBLIPS
@version      20220829.19.26
@namespace    userstyles.world/user/tai7k
@description  A deviantART stylized theme for blips.club.
@author       tai7k
@license      No License
==/UserStyle== */

@-moz-document domain("blips.club") {
/* Replace "tai7k" in --sidebar with your username to replace the icon */

html {
    --sidebaricon: url("https://blips.club/profiles/tai7k.png") no-repeat 0% 50% !important;
}

body {
    font-family: "Verdana","Arial","Helvetica",sans-serif;
    background: #96A096;
}

#nav {
    background: #9FA99F !important;
    padding: 10px !important;
    border-top: 1px #546359 solid;
    color: #546359;
    position: relative !important;
    top: 0 !important;
}
a:hover {
    text-decoration: underline;
}
#nav li::before {
    opacity: 0;
}
#nav a {
    color: #636D63;
    text-decoration: none;
    padding: 2px;
    border: 1px #9FA99F solid; 
}
#nav a:hover {
    border: 1px #546359 solid !important;
    background: #B0BAB0;
}
header {
    background: #79887E !important;
    padding-top: 5px !important;
    border: 1px #546359 solid;
    color: #546359;
    width: 753px;
    margin: 0px !important;    
}
h1 img {
    display: none;
}
header:before {
    content: "deviantGREEN theme by tai7k";
    font-family: "Trebuchet MS";
    color: #B6C0B6;
    font-size: 11pt;
    margin-left: 13px !important;
    bottom: 2px;
    position: relative;
    letter-spacing: .1em;
}
body:before {
    content: "blipsCLUB";
    color: #6A796F;
    font-size: 34pt;
    font-family: "Trebuchet MS";
    letter-spacing: .125em;
    line-height: 30px;
}
.bar {
    background: #79887E !important;
    border: 1px #546359 solid;
    color: #B6C0B6;  
}
.bar h3 {
    font-family: "Trebuchet MS" !important;
    font-size: 14pt !important;
    color: #C4CAC4 !important;
    letter-spacing: .15em;
}
form.update .info {
    background: #9FA99F !important;
    border: 1px #546359 solid;
    border-top: 0px;
    color: #636D63;
    position: relative !important;
    top: 0 !important;
}
textarea {
    background: #BDC4BE !important;
}
.submit {
    background: none !important;
}
input {
    border: 1px solid #000;
    padding: 0 .1em !important;
    cursor: pointer;
    color: #000;
    background-color: #A6B0A6;
    border-radius: .4em;
}
button {
    border: 1px solid #000;
    padding: 0 .1em !important;
    cursor: pointer;
    color: #000;
    background-color: #A6B0A6;
    border-radius: .4em;  
}
.wrapper {
    padding: 0px;
    background: #9FA99F !important;
    border: 1px #546359 solid;
    color: #636D63;
    position: relative !important;
    top: 0 !important;
}
.wrapper h2 {
    background: #79887E !important;
    border-bottom: 1px #546359 solid;
    font-family: "Trebuchet MS" !important;
    font-size: 14pt !important;
    color: #C4CAC4 !important;
    letter-spacing: .15em;
    padding: 3px;
    padding-left: 5px;
}
.status {
    padding: 10px !important;
    border: 1px #546359 solid !important;
    margin: 5px;
    background: #849389;
    font-size: 8pt;
    color: #000;
    letter-spacing: .1em;
}
.status a {
    color: #566056;
    font-size: 8pt;
    text-decoration: none;
}
.status a:hover {
    text-decoration: underline;
}
.timeline .status img.thumb {
    border: 0px;
    width: 50px;
    height: 50px;
}
.tabMenu {
    position: relative;
    top: 3px;
}
.tabMenu a {
    background: none !important; 
    color: #566056 !important;
    text-decoration: none;
    letter-spacing: .1em;
    font-family: "Trebuchet MS";
    font-size: 11pt;
    margin: 0px;
    padding: 13px !important;
}
.active a {
    color: #566056 !important;
    font-weight: bold;
}
.tabMenu a:hover {
    text-decoration: underline;
}
.sidebar .msg {
    background: var(--sidebaricon);
    padding: 7px 5px 5px 60px;
}
.sidebar {
    background: #9FA99F !important;
    border: 1px #546359 solid;
    color: #546359; 
    padding: 9px .5em .5em .5em !important;
    justify-content: center;
}
.sidebar:before {
    content: "deviantSELF";
    border: 3px solid #79887E;
    padding: 0 5px;
    font-family: "Trebuchet MS";
    font-size: 10pt;
    letter-spacing: .2em;
    color: #C8CEC8;
    background-color: #79887E;
    border-radius: 3px;
    padding-right: 61.5px;
    margin-left: auto;
    margin-right: auto;
}
.sidebar a {
    color: #566056;
    text-decoration: none;
    border-left: .6em solid #8C968C;
    padding-left: .5em;
    line-height: 1.4em;
}
.sidebar a:hover {
    border-color: #738278;
    text-decoration: underline;
}
.sidebar em a {
    border: none;
    padding: 0px;
}
.msg a {
    font-size: 11pt;
    border: none;
    padding: 0px;
}
.friends a {
    border: 0px !important;
    padding: 0px;
    top: 6px;
    position: relative;
}
.content {
    background: none !important;
}
.friends:before {
    content: "deviantWATCH";
    border: 3px solid #79887E;
    padding: 0 5px;
    font-family: "Trebuchet MS";
    font-size: 10pt;
    letter-spacing: .2em;
    color: #C8CEC8;
    background-color: #79887E;
    border-radius: 3px;
    padding-right: 42.5px;
    margin-left: auto;
    margin-right: auto;
}
.footer {
    background: none;
    font-style: normal;
    font-size: 8pt;
    letter-spacing: .1em;
    color: #000;
}
.footer a {
    text-decoration: none;
    color: #636D63;
}
.footer a:hover {
    text-decoration: underline;
}
.footer li::before {
    opacity: 0 !important;
    margin: 0px !important;
}
.wrapper p {
    padding: 5px;
}
.wrapper p a {
    color: #636D63;
    font-weight: bold;
    text-decoration: none;
}
.wrapper p a:hover {
    text-decoration: underline;
}
#docs p {
    padding: 0px 0px 0px 5px;
    line-height: 1.5em;
    color: #000;
}
.sidebar .actions {
    background: none;
    border: none;
}
.info a {
    border: none !important;
}
.desc {
    background: none;
    color: #000
}
.desc .meta {
    background: #9FA99F;
    border-top: 0px;
    letter-spacing: .1em;
    font-size: 8pt;    
    padding: 1px !important;
    padding-top: 3px !important;
}

.desc .meta a {
    color: #636D63;
    text-decoration: none;
    line-height: 1.5em;
}
.desc .meta a:hover {
    text-decoration: underline;
}
.desc p {
    border: 1px #546359 solid;
    background-color: #9AA49A;
    padding: 5px 7px;
    font-size: 8pt;
    font-weight: normal;
}
.profile {
    padding: 5px !important;
    border: 1px #546359 solid !important;
    background: #849389;
    font-size: 10pt !important;
    font-weight: bold;
    color: #566056 !important;
    letter-spacing: .1em;
    top: 18px;
    position: relative;
}
h2.profile img {
    border: 0px;
    width: 50px;
    height: 50px;
}
h2.profile {
    background: #849389 !important;  
}
h2.profile a {
    font-weight: bold;
    color: #566056 !important;
    text-decoration: none;
}
h2.profile a:hover {
    text-decoration: underline;
}
.desc a {
    color: #636D63;
    font-weight: bold;
    text-decoration: none;
}
.desc a:hover {
    text-decoration: underline;
}
.wrapper h3 {
    padding: 0px 0px 0px 5px;
    color: #000;
}
.wrapper input[type="text"], .wrapper input[type="password"], .wrapper input[type="email"], .wrapper select {
    margin-right: 3px;
    border: 1px solid #000;
    padding: 4px 2px;
    width: 12em;
    border-radius: 0px;
    cursor: text;
}
#docs li {
    color: #000;    
}
}