Aaand finally got around to grabbing it from my old system, reminded by Tasty's recent topic title.
Thanks to remy's initial selectors (from like last year?) for the original push. Kept it to a more vanilla look though, outside of the colors. Normalized Cindi's purple to the regular Icon color since I can. Did just enough to make it something I'd use but it's no passion project
Click for stylesheet
:root {
--bg-buttons: #3c3c3c;
--bg-code: #15141485;
--bg-compose: #272727;
--bg-dropdowns: #333437;
--bg-fields: #2f2f2f;
--bg-header: linear-gradient(#6b737942 0%, transparent 100%);
--bg-headings: linear-gradient(#3f4c64 0%, #4e6c99 100%);
--bg-headings-active: linear-gradient(#667797 0%, #6b93ce 100%);
--bg-inline: #1b1d1e52;
--bg-menu-active: orange;
--bg-quotes: #2d2f3e;
--bg-quotes-alt: #383b4a;
--bg-page: #2d2f33;
--bg-posts: #232324;
--bg-posts-alt: #272727;
--bg-stickied: #2a2a2b;
--border-cells: #333;
--border-fields: #4a4a4a;
--border-inline: #313133;
--border-quotes: #5b5b5b80;
--border-misc: #4a4a4a;
--border-post: #4a4a4a;
--color-buttons: #cecece;
--color-code: #cecece;
--color-cells: inherit;
--color-links: #81b3e7;
--color-links-faded: #81b3e77a;
--color-primary-1: #d0d0d0;
--color-primary-2: #c1c1c1;
--color-links-users-admin: #f42f2f;
--color-links-users-mods: #2b66fc;
--color-links-users-iconed: #8941c1;
--radius-primary: 5px;
}
html{
background-color: var(--bg-page);
}
td, th, tr {
color: var(--color-cells);
}
body {
background: var(--bg-page);
color: var(--color-primary-1);
}
body::before {
background: var(--bg-header);
content: '';
height: 112px;
position: absolute;
top: 0;
right: 0;
left: 0;
}
h1, h2, h3, h4, h5, h6 {
color: inherit;
}
a:link, a:visited {
color: var(--color-links);
}
input:focus, textarea:focus, button:focus, select:focus {
border-color: var(--color-primary-1);
outline: 1px solid var(--color-primary-1);
}
/* Unread posts indicator when logged in */
img[alt="New"] { opacity: 0.8; }
a[style="color: #FF0000;"] { color: var(--color-links-users-admin) !important; }
a[style="color: #0000FF;"] { color: var(--color-links-users-mods) !important; }
a[style="color: Purple;"], a[style="color: #6600CC;"] { color: var(--color-links-users-iconed) !important; }
.bbc_link:link, .bbc_link:visited {
border-bottom-color: var(--color-links-faded);
}
.bbc_link:link:hover, .bbc_link:visited:hover {
border-bottom-color: var(--color-links);
}
code.bbc_code {
background: var(--bg-code);
border-top-color: var(--border-quotes);
border-bottom-color: var(--border-quotes);
color: var(--color-code);
}
#top_section {
padding: 5px 0px 0 20px;
position: relative;
left: -20px;
top: -5px;
width: calc(100% + 20px);
}
.lockedbg,
.windowbg, #preview_body {
background-color: var(--bg-posts);
color: var(--color-primary-2);
}
.inner {
border-top-color: var(--border-post);
}
.lockedbg2,
.windowbg2 {
background-color: var(--bg-posts-alt);
color: var(--color-primary);
}
blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote {
background-color: var(--bg-quotes);
border-color: var(--border-quotes);
color: var(--color-primary-1);
font-size: 90%;
}
blockquote.bbc_alternate_quote {
background-color: var(--bg-quotes-alt);
}
blockquote.bbc_standard_quote blockquote, blockquote.bbc_alternate_quote blockquote {
font-size: 100%;
}
#header div.frame {
background: var(--bg-page);
}
#header {
background: var(--bg-page);
}
#content_section div.frame {
background: var(--bg-page);
}
#content_section {
background: var(--bg-page);
}
h3.catbg, h3.catbg2,
.table_list tbody.header td.catbg,
div.title_bar,
.title_barIC, .titlebg,
div.cat_bar {
background: var(--bg-headings) !important;
}
/* PM messages upper table heading */
div.title_bar { border-radius: var(--radius-primary); }
div.cat_bar,
.first_th,.last_th {
border-radius: var(--radius-primary);
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.first_th { border-top-right-radius: 0; }
.last_th { border-top-left-radius: 0; }
h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a {
color: var(--color-primary-1);
}
.buttonlist ul li a,
.buttonlist ul li a.active {
background: var(--bg-buttons);
border-radius: var(--radius-primary);
color: var(--color-buttons);
}
.buttonlist ul li a span,
.buttonlist ul li a.active span {
background: var(--bg-buttons);
border-radius: var(--radius-primary);
}
.buttonlist ul li a.active:hover span,
.buttonlist ul li a:hover { background: var(--bg-menu-active); }
div.like,
.sp-wrap,
.sp-body, .sp-wrap-default .sp-body {
background-color: var(--bg-inline);
border-color: var(--border-inline);
}
.information {
background: var(--bg-compose);
border-color: transparent;
}
/* Message compose area */
span.upperframe,
span.upperframe span,
span.lowerframe,
span.lowerframe span,
.roundframe,
#quickReplyOptions span {
background: var(--bg-compose);
}
.roundframe { border-color: transparent }
.richedit_resize { background: transparent; border-color: transparent; }
.sp-wrap-default .sp-head { color: var(--color-primary-2); }
.description, .description_board, .plainbox {
background: var(--bg-page);
}
.signature, .custom_fields_above_signature {
border-top-color: var(--border-post);
}
#footer_section div.frame {
background: var(--bg-page);
}
#footer_section {
background: var(--bg-page);
}
input, button, select, textarea {
background: var(--bg-fields);
border-color: var(--border-fields);
color: inherit;
}
.button_submit, .button_reset {
background: var(--bg-headings);
}
.button_submit:hover, .button_reset:hover {
background: var(--bg-headings-active);
}
table.table_grid td {
border-bottom-color: var(--border-cells);
border-right-color: var(--border-cells);
border-left-color: var(--border-cells);
}
.stickybg, .stickybg2 {
background: var(--bg-stickied);
}
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th {
background: var(--bg-headings);
}
tr.catbg th.last_th {
background: var(--bg-headings);
}
tr.catbg th.first_th {
background: var(--bg-headings);
}
h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
background: none;
}
.table_grid tr.catbg, .table_grid tr.titlebg {
border-bottom-color: transparent;
}
.table_frame .table_list td.icon, .table_frame .table_list td.info, .table_frame .table_list td.stats {
border-right-color: var(--border-cells);
}
.navigate_section ul {
border-top-color: transparent;
}
.dropmenu li ul {
background: var(--bg-dropdowns);
border-bottom-color: transparent;
}
.dropmenu li li {
border-left-color: transparent;
border-right-color: transparent;
}
.dropmenu li {
margin-right: var(--radius-primary);
}
.dropmenu li a.firstlevel span.firstlevel,
.dropmenu li a.firstlevel.active span.firstlevel {
left: 0;
}
.dropmenu li a.firstlevel,
.dropmenu li a.firstlevel.active:hover,
.dropmenu li a.firstlevel.active {
border-radius: var(--radius-primary);
height: 20px;
margin: 0;
padding: 0 4px 0 0;
}
.dropmenu li a.active,
.dropmenu li:hover a.active:hover {
background: var(--bg-menu-active) !important;
}
.dropmenu li:hover li:hover {
background: var(--color-links-faded);
}
/* Lazy way to avoid listing selectors */
.dropmenu li a span,
.dropmenu li a { background: none !important; }
.dropmenu li:hover a.firstlevel {
background: var(--color-links-faded) !important;
}
.dropmenu li:hover a { color: var(--color-primary-1); }
.dropmenu li:hover a:not(.firstlevel):hover { color: var(--color-primary-1); }
.plainbox {
border-color: var(--border-misc)
}