TypicalBot Reddit Stylesheet

stylesheet.css

/* addon header-medium */
#header-bottom-left { padding-top: 150px; }
.sidebox.submit  { top: 185px; }
#header-bottom-left { background-image: url(%%banner%%); background-repeat: no-repeat; background-position: center; }
#header-bottom-right { margin-top: 22px; }
#header-bottom-right .beta-link { display: none; }
#sr-more-link { background-color: #00adff; }
#header-bottom-left .default-header { margin-bottom: 10px; /*background-image: url(%%typicalbot%%); background-position: 0 8px; background-size: 32px 32px;*/ }
#header-bottom-left .redditname { margin-bottom: 10px; }
.tabmenu { margin-left: 250px !important;}
/* .end */

/* addon flair styles */
.flair-creator { color: white; background: #6fcdff; border-color: #6fcdff; border-radius: 10%; padding-left: 4px; padding-right: 4px; margin-top: 4px; }
.flair-admin { color: white; background: #f34545; border-color: #f34545; border-radius: 10%; padding-left: 4px; padding-right: 4px; margin-top: 4px; }
.flair-mod { color: white; background: #b14eff; border-color: #b14eff; border-radius: 10%; padding-left: 4px; padding-right: 4px; margin-top: 4px; }
.flair-support { color: white; background: #f751e0; border-color: #f751e0; border-radius: 10%; padding-left: 4px; padding-right: 4px; margin-top: 4px; }
.linkflair-bug .title .linkflairlabel, .linkflair-bug > .linkflairlabel{ color: white; background-color: #f76360; border-color: #f76360; border-radius: 10%; margin-left: 4px; padding-left: 4px; padding-right: 4px; }
.linkflair-issue .title .linkflairlabel, .linkflair-issue > .linkflairlabel { color: white; background-color: #ffae19; border-color: #ffae19; border-radius: 10%; margin-left: 4px; padding-left: 4px; padding-right: 4px;}
.linkflair-suggest .title .linkflairlabel, .linkflair-suggest > .linkflairlabel { color: white; background-color: #46a51b; border-color: #46a51b; border-radius: 10%; margin-left: 4px; padding-left: 4px; padding-right: 4px; }
.linkflair .title .linkflairlabel, .linkflair> .linkflairlabel { height: 14px; line-height: 14px; }

/* addon pinned posts */
.stickied .title a { color: #00adff !important; }

.stickied-tagline { font-size: 0 !important; }
.stickied-tagline::after { content: "pinned"; font-size: x-small; color: gray; }

.togglebutton[data-event-action="sticky"] { font-size: 0 !important; }
.togglebutton[data-event-action="sticky"]::after { content: "pin post"; font-size: x-small; }

.togglebutton[data-event-action="unsticky"] { font-size: 0 !important; }
.togglebutton[data-event-action="unsticky"]::after { content: "unpin post"; font-size: x-small; }

/* addon discord invite */
.side a[href*="https://discord.gg/typicalbot"] { content: ""; font-size: 0px; display: inherit; height: 34px; background-image: url(%%discord%%); background-size: 100px 34px; background-repeat: no-repeat; background-position: center; }


/* addon sidebar buttons */
.titlebox h4 a {
text-decoration: none;
display: block;
width: 100%;
margin-right: 0;
margin-bottom: 0;
background-color: #0079d3;
border: none;
border-radius: 3px;
color: #FFF!important;
text-align: center;
text-transform: capitalize;
text-shadow: 0px 1px 0px #5787E1;
letter-spacing: 0px;
font-weight: bold;
font-size: 17px;
font-family: Arial,sans-serif;
line-height: 37px;
height: 36px; transition: all 0.2s ease;
}
.titlebox h4 a:hover {
text-decoration: none;
}

/* addon hide creator */
.bottom { display: none; }
.titlebox .bottom { font-size: 0; }
.bottom .age { font-size: x-small; }

/* addon page background */
body {
overflow-x: hidden;
background-color: #ededed;
background: url(%%bg%%) no-repeat;
background-size: 100%;
background-attachment: fixed;
}

.side {
background-color: white !important;
padding: 5px;
margin: 0 5px 0 0;
}

.footer {
background-color: white;
}
.bottommenu { color: white !important; }
.bottommenu a { color: white !important; text-decoration: none; font-weight: 900; }


/* addon flair styles */
.flair-creator { color: white; background: #6fcdff; border-color: #6fcdff; border-radius: 10%; padding-left: 4px; padding-right: 4px; margin-top: 4px; }
.flair-admin { color: white; background: #f34545; border-color: #f34545; border-radius: 10%; padding-left: 4px; padding-right: 4px; margin-top: 4px; }
.flair-mod { color: white; background: #b14eff; border-color: #b14eff; border-radius: 10%; padding-left: 4px; padding-right: 4px; margin-top: 4px; }
.flair-support { color: white; background: #f751e0; border-color: #f751e0; border-radius: 10%; padding-left: 4px; padding-right: 4px; margin-top: 4px; }

.flair-contributor { color: white; background: #1aa882; border-color: #1aa882; border-radius: 10%; padding-left: 4px; padding-right: 4px; margin-top: 4px; }
.flair-proficient { color: white; background: #ffb61c; border-color: #ffb61c; border-radius: 10%; padding-left: 4px; padding-right: 4px; margin-top: 4px; }

.linkflair-bug .title .linkflairlabel, .linkflair-bug > .linkflairlabel { color: white; background-color: #f76360; border-color: #f76360; border-radius: 10%; margin-left: 4px; padding-left: 4px; padding-right: 4px; }
.linkflair-bug.locked .linkflairlabel::after { content: " - Fixed"; }

.linkflair-issue .title .linkflairlabel, .linkflair-issue > .linkflairlabel { color: white; background-color: #ffae19; border-color: #ffae19; border-radius: 10%; margin-left: 4px; padding-left: 4px; padding-right: 4px;}
.linkflair-issue.locked .linkflairlabel::after { content: " - Resolved"; }

.linkflair-suggest .title .linkflairlabel, .linkflair-suggest > .linkflairlabel { color: white; background-color: #46a51b; border-color: #46a51b; border-radius: 10%; margin-left: 4px; padding-left: 4px; padding-right: 4px; }

.linkflair .title .linkflairlabel, .linkflair> .linkflairlabel { height: 14px; line-height: 14px; }
/* .end */