Black Highlights New Icons
TBGS Forums by bamabraves
Details
Authorbamabraves
LicenseNo License
Categoryhttps://tbgforums.com/
Created
Updated
Size25 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.@-moz-document domain("tbgforums.com") {
/* ==UserStyle==
@name TBGS Forums
@namespace none
@author BamaBraves
@description `Black Highlights New Icons`
@version 1
@license NO-REDISTRIBUTION
@preprocessor uso
==/UserStyle== */
/* Site Settings */
* {
letter-spacing: 1px !important;
text-decoration: none !important;
transition: none !important;
}
selector
{
text-transform: capitalize !important;
}
#footer,
#top_section,
#info_center,
#inner_wrap,
#inner_section,
#topic_container,
#topic_container .windowbg,
.bg.even,
.boardindex_table>div,
.infobox,
.popup_content,
.pun .box,
.roundframe,
.windowbg:nth-of-type(even),
p,
:focus
{
border: none !important;
box-shadow: none !important;
outline: none !important;
text-shadow: none !important;
}
.floatbarbutton,
.paragraph,
p
{
width: fit-content!important;
}
.pun .postright,
.pun .postfootright
{
border-left-color: #000000;
}
/* Remove Items
_____________________________________________________________________________________________________*/
selector
{
left: -9999px !important;
position: absolute !important;
top: -9999px !important;
}
/* Left/Right/Top/Bottom
_____________________________________________________________________________________________________*/
#content #helpContainer #helpList,
#content #onlineListContainer #onlineList,
#content #settingsContainer #settingsList
{
top: 4rem;
}
/* Margins
_____________________________________________________________________________________________________*/
selector
{
margin: 1.2rem !important;
}
selector
{
margin: 3px 6px !important;
}
/* Paddings
_____________________________________________________________________________________________________*/
#content #chatList div,
#topic_container .windowbg
{
padding: 1rem 10px;
}
selector
{
padding: 13px 26px !important;
}
/* Heights
_____________________________________________________________________________________________________*/
.popup_content
{
max-height: none !important;
}
selector
{
height: auto !important;
}
/* Width
_____________________________________________________________________________________________________*/
#footer .inner_wrap,
#header,
#top_section .inner_wrap,
#wrapper
{
max-width: none !important;
}
body
{
width: auto !important;
}
body {
font: 100% / 1.4545em "trebuchet ms", Verdana, Helvetica, Arial, sans-serif!important;
}
#verification_image_register
{
width: 18% !important;
}
}
@-moz-document domain("tbgforums.com") {
/* Media Query */
@media screen and (min-width: 2560px) {
/* Fonts
_____________________________________________________________________________________________________*/
selector
{
font-size: 2.5rem !important;
}
selector
{
font-size: 1.85rem !important;
}
#content,
.pun,
p
{
font-size: 1.52rem !important;
}
h3.catbg {
font-size: 1.5em!important;
}
selector
{
line-height: 2.5rem !important;
}
p
{
line-height: 2.1rem !important;
}
/* Widths
_____________________________________________________________________________________________________*/
xxx
{
width: 80%!important;
}
}
@media (min-width: 1920px) and (max-width: 2559px) {
/* Fonts
_____________________________________________________________________________________________________*/
selector
{
font-size: 2.5rem !important;
}
selector
{
font-size: 1.85rem !important;
}
p
{
font-size: 1.52rem !important;
}
selector
{
line-height: 2.5rem !important;
}
selector
{
line-height: 2.1rem !important;
}
/* Widths
_____________________________________________________________________________________________________*/
selector
{
width: 4rem !important;
}
}
}
@-moz-document domain("tbgforums.com") {
/* Font Settings */
a[href]
{
color: #0ff !important;
text-shadow: 1px 1px #000 !important;
}
a[href]:visited
{
color: #fc79fc !important;
text-shadow: 1px 1px #000 !important;
}
/* Yellow
_____________________________________________________________________________________________________*/
a[href]:hover,
h1,
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label
{
color: #ff0 !important;
}
/* White
_____________________________________________________________________________________________________*/
.pun,
body,
li,
p
{
color: #fff !important;
}
/* Khaki
_____________________________________________________________________________________________________*/
.blogposttitle,
h1,
h2
{
color: #f0e890 !important;
}
/* Burlywood
_____________________________________________________________________________________________________*/
h3,
h4
{
color: #e0b880 !important;
}
/* Sandy Brown
_____________________________________________________________________________________________________*/
.popup_content,
.strong,
h5,
h6,
label,
strong
{
color: #f0a060 !important;
}
/* Blue
_____________________________________________________________________________________________________*/
.date,
.lastpost p,
time
{
color: #07beff !important;
}
/* Green
_____________________________________________________________________________________________________*/
selector
{
color: #07ff24 !important;
}
/* Red
_____________________________________________________________________________________________________*/
selector
{
color: #ff0707 !important;
}
/*
_____________________________________________________________________________________________________*/
input,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
select,
textarea
{
background-color: #5d1b1b !important;
color: #fff !important;
}
/*
_____________________________________________________________________________________________________*/
::selection {
background: #ff9 !important;
color: #000 !important;
}
pre ::selection {
background: #ff9 !important;
color: #fff !important;
}
::placeholder {
color: #f48f8f !important;
opacity: 1;
}
/* Misc
_____________________________________________________________________________________________________*/
selector
{
color: #fff !important;
}
}
@-moz-document domain("tbgforums.com") {
/* Background Settings */
body,
html
{
background: #000 !important;
}
selector
{
background-image: none !important;
}
.popup_container {
background: #000000b3;
}
/* Background
_____________________________________________________________________________________________________*/
selector
{
background: #060505 !important;
background-color: #060505 !important;
}
.postbody,
.poster,
.postleft
{
background-color: #101010 !important;
}
/* Background Transparent
_____________________________________________________________________________________________________*/
#adminconsole fieldset th,
#content #chatList,
#content #helpContainer,
#content #onlineListContainer,
#content #settingsContainer,
#content .rowEven,
#content .rowOdd,
#helpList dl:nth-child(even),
#helpList dl:nth-child(odd),
#settingsList dl:nth-child(even),
#settingsList dl:nth-child(odd),
#topic_container .board_stats,
.approvebg,
.approvebg2,
.bg.odd,
.generic_list_wrapper,
.inbox,
.popup_content,
.post_wrapper,
.pun .box,
.pun .blockpost .box,
.pun .blockpost label,
.pun .codebox,
.pun .deletemsg,
.pun .postfootleft,
.pun .postfootright,
.pun .postright,
.pun .quotebox,
.roundframe,
.tborder,
.up_contain,
.windowbg,
.windowbg:nth-of-type(odd),
p
{
background: #0000 !important;
background-color: #0000 !important;
}
/* Buttons
_____________________________________________________________________________________________________*/
/* Blue
_____________________________________________________________________________________________________*/
selector
{
background: radial-gradient(circle, #1b8bc8a8 0%, #000 100%) !important;
border-radius: 22px !important;
border: none !important;
box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff50 !important;
color: #fff !important;
opacity: 1 !important;
position: relative !important;
z-index: 1 !important;
}
selector::before
{
background: radial-gradient(circle, #000 0%, #1b8bc8 100%) !important;
border-radius: 22px !important;
bottom: 0;
box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff80 !important;
color: #ff0 !important;
content: "";
left: 0;
opacity: 0 !important;
position: absolute !important;
right: 0;
top: 0;
transition: opacity 0.8s linear !important;
z-index: -1 !important;
}
selector:hover::before
{
opacity: 1 !important;
}
/* Red
_____________________________________________________________________________________________________*/
selector
{
background: radial-gradient(circle, #d90008a8 0%, #000 100%) !important;
border-radius: 22px !important;
border: none !important;
box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
inset -2px -3px 5px #ffffff50 !important;
color: #fff !important;
opacity: 1 !important;
position: relative !important;
z-index: 1 !important;
}
selector::before
{
background: radial-gradient(circle, #000 0%, #d90008 100%) !important;
border-radius: 22px !important;
bottom: 0;
box-shadow: 1px 1px 1px ...