Narwhalbin by toadyfubgus

/* ==UserStyle==
@name         Narwhalbin
@version      20230621.01.48
@namespace    userstyles.world/user/toadyfubgus
@description  Old reddit colorscheme for Kbin!
@author       toadyfubgus
@license      GPL v3 or later
==/UserStyle== */

@-moz-document domain("kbin.social"), domain("fedia.io"), domain("karab.in"), domain("readit.buzz"), domain("forum.fail"), domain("fedi196.gay"), domain("nadajnik.org"), domain("kbin.run") {

/*Narwhalbin*/

/*OPTIONAL*/

/*Make webpage layout similar to old.reddit*/

/*

.kbin-container {
  max-width: none;
} 

*/


/* Force remove pfps */

/*
.comment > figure img,.no-avatar{
display:none;
}
.comment .vote{
top: .5em!important;
}

.user-box .user-main img,#sidebar .entry-info > .row > figure,#sidebar .entry-info figure, #sidebar .user-info figure{
display:none!important;
} 

.user-box figure{
margin-top:37px!important;
}

*/


/* Remove profile header image*/

/*
.user-box img{
display:none;
}
.user-box figure{
margin-top:37px!important;
}
*/


/*REST OF CODE*/

:root {
    --kbin-header-bg: #DAE8F8;
    --kbin-header-text-color: #000000;
    --kbin-header-link-active-bg: #FFFFFF;
    --kbin-footer-bg: #FFFFFF;
    --kbin-footer-text-color: #777777;
    --kbin-footer-link-color: #406595;
    --kbin-footer-link-hover-color: #406595;
    --kbin-vote-text-color: #C4C4C4;
    --kbin-vote-text-hover-color: #C4C4C4;
    --kbin-meta-link-color: #888888;
    --kbin-meta-link-hover-color: #888888;
    --kbin-bg: #FFFFFF;
    --kbin-meta-border: #fff;
    --kbin-topbar-hover-bg:#F0F0F0;
}
#footer a:hover {
    text-decoration: underline;
}
#header menu li .active,
#header menu li .active:hover {
    color: #EB5528;
}
#header menu li a,
#header menu li a:hover {
    color: #406595;
    border-bottom: none
}
#header menu li .active {
    background: #FFFFFF;
}
.vote .active.vote__up button {
    color: #EF682A;
}

.vote .active.vote__down button {
    color: #A5A8F9;
}

.entry footer menu a:hover,
.entry footer menu button:hover,
.entry footer menu input[type="submit"]:hover {
    text-decoration: underline;
}

.meta a {
    color: #406595;
}
.meta {
    color: #888888;
}
.entry {
    border: 1px solid #fff!important;
}
#sidebar .section {
    border: 1px solid #000;
}
.options > * a{
color:#808080;
}
.options > * a.active{
color:#EB5528!important;
}
.fa-circle-nodes{
color:#808080 !important;
}
.fa-gear{
color:#AEDEFA !important;
    color: #FFFFFF;
background: #FFFFFF;
text-shadow: 1px 1px 0 #5C82B3, 1px -1px 0 #5C82B3, -1px 1px 0 #5C82B3, -1px -1px 0 #5C82B3, 1px 0px 0 #5C82B3, 0px 1px 0 #5C82B3, -1px 0px 0 #5C82B3, 0px -1px 0 #5C82B3;
}

#sidebar h3{
border-bottom:#999999;
color:#767676;
}
#sidebar .info li a, #sidebar .meta li a{
color:#406595;
}
.comments-tree .comment-level--2{
background:#F7F7F8;
border-left:#E6E6E6;
}
.comments-tree .comment-level--1{
border-left:1px solid #E6E6E6;
background:#FFFFFF;
}
.comment .vote button{
color:#B6B6B6;
background-color:transparent;
}

#comment-add.section{
border:2px solid #979797!important;
}
.comment{
color:#222222;
}
a.user-inline,a.user-inline:hover{
color:#406595!important;
}
.user-list ul > li > a, .user-inline,a.user-inline{
opacity:1!important;
}

.fa-users,.user__follow div{
color:#000;
}
#sidebar .entry-info a,#sidebar .user-info a{
color:#406595!important;
}
.stretched-link{
color:#406595 !important;
}
#scroll-top{
background:transparent;
}
.fa-arrow-up{
color:#ACACAC;
}

#entry_comment_submit,textarea{

border:1px solid #979797!important;
}

.entry-info.section{
background:#F0F7FE!important;
border:1px solid #6C98CA!important;
color:#000;
}
.login{
background:#EFF7FF;
border-top-left-radius: 7px;
}
.options.options--top{
border:1px solid #fff!important;
}
.vote button{
background:transparent;
}
#topbar,#topbar:hover{
background:#F0F0F0!important;
}
#topbar menu,#topbar menu:hover{
background:#F0F0F0!important;
}
#topbar menu a{
color:#000000!important;
}
#topbar menu li.active,#topbar menu li.active:hover {
background:#F0F0F0!important;
}
#topbar menu li.active a{
color:#EB5528!important;    
}
#topbar menu a:hover{
text-decoration:underline;
}
.content blockquote{
border-left:2px solid #C4C1AF;
}

.btn__primary{
color:#000!important;
border:1px solid #8F8F9C!important;
background:#E9E9ED!important;
}
.btn__primary:hover{
color:#000!important;
border:1px solid #676773!important;
background:#D0D0D6!important;
}
.markdown.meta{
color:#333333!important;
}
label.required {
background:#D2E2F6!important;
}
.options.options--top.options-activity{
background:#FFFFFF!important;
border-bottom:3px solid #6C98CA !important;
}
.options.options--top.options-activity > * a.active{
background:#6C98CA!important;
color:#FFFFFF!important;
}
.options.options--top.options-activity > * a{
background:#F0F7FE!important;
color:#5E7FA7!important;

}


}