SA Forums Visual Overhaul by Spanky. Based on the Awful App SpankyKong Dark theme.
Something Spanky by spanky-the-dolphin
Details
Authorspanky-the-dolphin
LicenseNo License
Categoryforums.somethingawful.com
Created
Updated
Size37 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Install "SF Pro Rounded" font from Apple for complete look:
https://developer.apple.com/fonts/
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Something Spanky
@namespace USO Archive
@author spanky the dolphin
@description Spanky Dark Overhaul
@version 20230825.10.38
@license NONE
@preprocessor uso
==/UserStyle== */
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("forums.somethingawful.com") {
/* NOTE
Install "SF Pro Rounded" font from Apple for the correct look:
https://developer.apple.com/fonts/
END NOTE */
body,
#container {
background: none!important;
background-color: #000!important;
max-width: 1000px;
margin: 0 auto;
padding: 8px 8px 8px;
}
#container {
background: none!important;
}
/*GLOBAL LINK COLOR*/
a {
color: #406CFF!important;
font-weight: 600!important;
transition: 0.2s;
}
a:hover {
text-decoration: none!important;
color: #ccc!important;
}
a.count::after {
display: none!important;
}
a.count {
margin-right: 2px!important;
min-width: 38px!important;
}
#thread tr.ignored dl.userinfo,
#thread table.ignored td.postbody a {
font-size: 12px;
font-style: normal;
padding-left: 0px;
background-image: none;
border-bottom: none;
color: #4D4D4D!important;
}
#thread table.post td,
.inner.postbody {
line-height: 20px;
font-size: 16px;
letter-spacing: .1px;
}
#thread tr.ignored dl.userinfo,
#thread table.ignored td.postbody a:hover {
color: #406CFF!important;
}
.bbc-spoiler,
.bbc-spoiler li,
.bbc-spoiler code,
.bbc-spoiler pre,
.bbc-spoiler blockquote {
border-radius: 6px !important;
}
span.disabled {
color: #242424!important;
}
/*NAVIGATION PANES - START*/
#copyright {
display: none !important;
}
ul#usercpnav {
display: none !important;
}
div.bottom_forms form.forum_jump {
display: none !important;
}
form.threadsearch {
display: none !important;
}
#navigation,
.navigation,
#nav_purchase {
background: none!important;
border: none!important;
}
ul#navigation.navigation a {
font-size: 14px!important;
font-weight: 600!important;
}
td.postdate a,
td.postlinks ul.profilelinks li a,
.dictnav a,
#main_full td a,
.searchresults #main_full tr .smalltext a,
.newthread #content table.standard tr.altcolor2 td:last-child a,
.newreply #main_full div.postinfo div.save-state a,
.newreply #main_full tr.altcolor2 td:last-child a,
.editpost #main_full div.postinfo div.save-state a,
.editpost #main_full tr.altcolor2 td:last-child a,
.newthread #content table.standard tr:first-child a,
.newreply #content table.standard tr:first-child a,
.threads_editthread table#main_wide.standard td.user_loggedin,
table td {
border: none!important;
}
/* Post Button */
.newreply div.postbuttons input.bginput:nth-child(1),
.newthread div.postbuttons input:nth-child(1),
.editpost div.postbuttons input:nth-child(1) {
margin-right: 20px!important;
box-sizing: border-box;
border-color: #406CFF!important;
border-radius: 20px;
background-color: rgba(0, 0, 0, 0)!important;
color: #406CFF!important;
transition: 0.2s;
border-style: solid!important;
font-weight: 600;
}
.newreply div.postbuttons input.bginput:nth-child(1):hover,
.newthread div.postbuttons input:nth-child(1):hover,
.editpost div.postbuttons input:nth-child(1):hover {
background-color: #406CFF!important;
color: #ccc!important;
}
/* Preview Reply Button */
.newreply div.postbuttons input.bginput:nth-child(2),
.newthread div.postbuttons input:nth-child(2),
.editpost div.postbuttons input:nth-child(2) {
margin-right: 20px!important;
box-sizing: border-box;
border-color: #4D4D4D!important;
border-radius: 20px;
background-color: rgba(0, 0, 0, 0)!important;
color: #4D4D4D!important;
transition: 0.2s;
border-style: solid!important;
font-weight: 600;
}
.newreply div.postbuttons input.bginput:nth-child(2):hover,
.newthread div.postbuttons input:nth-child(2):hover,
.editpost div.postbuttons input:nth-child(2):hover {
background-color: #4D4D4D!important;
color: #CCC!important;
}
#content thead,
td.graphbar {
display: none!important;
}
.newthread #content table.standard tr.altcolor2 td input.bginput,
.priv_sendprivmsg table#main_full.standard tr td textarea,
.editpost table#main_full.standard tr td textarea,
.priv_sendprivmsg #content table.standard tr td input.bginput,
.threads_editthread table#main_wide.standard tr:nth-child(3) td input.bginput,
.modifyprofile #content table.standard textarea,
.searchresults input#query {
box-shadow: none!important;
border-radius: 15px!important;
border: 0px solid #aaa!important;
padding: 10px!important;
}
.newthread #content table.standard .post-wrapper textarea,
.newreply #content table.standard .post-wrapper textarea {
width: 95%;
}
.forumdesc {
font-style: normal;
font-weight: 600;
color: #4d4d4d;
}
td.title {
font-weight: 600;
}
div.subforums b {
color: #4d4d4d!important;
}
div.subforums a {
color: #406CFF!important;
}
div.subforums a:hover {
color: #ccc!important;
}
#filter div.toggle_tags {
background: transparent url(https://i.imgur.com/qv4nYwZ.png) no-repeat center left;
background-size: contain;
padding-left: 33px;
font-size: 11px;
cursor: pointer;
font-weight: 600!important;
height: 26px;
color: #4d4d4d!important;
transition: 0.2s;
}
#filter div.toggle_tags:hover {
background: transparent url(https://i.imgur.com/8VMnTkD.png) no-repeat center left;
background-size: contain;
}
#forums a.forum:hover {
color: #406CFF!important;
}
.showthread div.threadbar img.thread_bookmark {
display: inline-block;
vertical-align: middle;
}
.thread_bookmark.bookmark {
content: url('https://i.imgur.com/BNagvB9.png');
height: 28px;
}
.thread_bookmark.bookmark:hover {
content: url('https://i.imgur.com/vQGuvSC.png');
height: 28px;
}
.thread_bookmark.unbookmark {
content: url('https://i.imgur.com/lt9ODYe.png');
height: 28px;
}
.thread_bookmark.unbookmark:hover {
content: url('https://i.imgur.com/Ht4hOlu.png');
height: 28px;
}
.standard.bookmarked_threads h2 {
display: none;
}
.standard.bookmarked_threads {
margin-top: 0!important
}
div.threadbar.bottom {
border: 0px!important;
background: none!important;
}
td.lastpost,
dd.special_title,
td.button_remove {
display: none!important
}
#mods {
color: #333;
font-size: 11px!important;
}
#mods a {
color: #4d4d4d!important;
font-size: 11px!important;
transition: 0.2s;
}
#mods a:hover {
color: #406CFF!important;
}
#threadiklist {
margin-left: 20px;
color: #333!important;
font-size: 11px;
}
#threadiklist a {
color: #4d4d4d!important;
transition: 0.2s;
}
#threadiklist a:hover {
color: #406CFF!important;
}
/*NAVIGATION PANES - END*/
img.img,
img.timg,
img.timg.complete,
td.postbody img,
.title img,
div.postbody img {
border-radius: 4px!important;
}
#thread td.postbody,
#thread td.userinfo {
padding-top: 20px;
padding-left: 10px;
}
#pm tr,
#info tr,
#pm th,
#info th {
font-size: 13px!important;
}
#info td.users,
#info td.posts,
#info td.archived,
#info td.banned,
#info td.banned a {
font-size: 11px!important;
}
table td/*PARENT CELL*/
{
background-color: #181818!important;
}
table th/*CHILD CELL*/
{
background-color: #181818!important;
border: none!important;
}
.showthread form div.smalltext a {
float: right!important;
font-size: 13px!important;
color: #333!important;
}
.showthread form div.smalltext {
font-size: 13px!important;
color: #333!important;
}
.showthread form div.smalltext a:hover {
float: right!important;
font-size: 13px!important;
color: #406CFF!important;
}
#something_awful #forums th.category {
font-size: 13px;
padding-top: 6px;
padding-bottom: 6px;
background-color: #000!important;
}
table,
table td,
table th {
border-color: #000!important;
border-width: 2px!important;
color: hsl(0, 0%, 80%)!important;
}
table th a {
background-color: transparent!important;
color: #DDD!important;
}
#forums a.forum {
color: #DDD!important;
}
.subforums a {
color: #AAA!important;
}
#forums .forum_21 a.forum,
/*FIX FOR COMEDY GOLDMINE AS WHITE FONT IS NOT VISIBLE*/
#forums .forum_21 .subforums a {
color: #000!important;
}
/*TABLE COLORS - END*/
div.threadbar,
#subforums td,
#forum,
#forum th,
#forum td,
#filter,
div.forumbar,
#thread table.post,
#thread td,
#forums,
#forums th,
#forums td,
#pm,
#pm th,
#pm td,
#info,
#info ...