Usable but janky!A dark and easy on the eyes theme of the Scratch forums.
Scratch theme (0.2) by cloudgate1234
Details
Authorcloudgate1234
LicenseCC-BY-SA-4.0
Categoryscratch
Created
Updated
Size19 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. /* ==UserStyle==
@name Scratch theme (0.2)
@namespace USO Archive
@author ME
@description `Usable but janky!A dark and easy on the eyes theme of the Scratch forums.`
@version 20160814.4.54
@license CC-BY-SA-4.0
@preprocessor uso
==/UserStyle== */
@-moz-document url-prefix("https://scratch.mit.edu") {
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v7/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: local('Montserrat-Bold'), url(https://fonts.gstatic.com/s/montserrat/v7/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
font-family: 'Anonymous Pro';
font-style: normal;
font-weight: 400;
src: local('Anonymous Pro'), local('AnonymousPro'), url(https://fonts.gstatic.com/s/anonymouspro/v9/Zhfjj_gat3waL4JSju74ExEOS6Aq7hJAAidQNR3rgdU.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v17/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}
.news li:nth-child(even) {
border-top: 0px solid #444;
border-bottom: 0px solid #444;
}
.logged-in-user > span.user-name {
font-size: 0px !important;
}
li.account-nav > a.user-info {
font-size: 0px !important;
}
.account-nav .user-info {
font-size: 0px !important;
}
#view {
display: inline-block;
margin-top: 50px;
background-color: #202020;
padding: 20px 0;
min-width: 100%;
min-height: 680px;
}
.box,
.box-head,
.box-content,
th,
td {
background: none !important;
border-radius: 0px !important;
border: none !important;
}
* {
text-shadow: none;
box-shadow: none !important;
font-family: 'Montserrat', sans-serif;
}
/* Theme */
#pagewrapper {
background: #16161d;
color: #aaa;
}
.box-head > h4::before,
.box-head > h4::after {
content: "";
display: inline-block;
vertical-align: middle;
width: 60px;
height: 3px;
background-color: #008cff;
margin: 0 20px;
}
a {
color: #fff;
}
::selection {
background-color: #008cff;
color: black;
}
.box {
position: relative;
}
.news li:nth-child(even) {
/* border-top: 1px solid #d9d9d9; */
/* border-bottom: 1px solid #d9d9d9; */
}
/* So I can position the "New topic" button. */
.button.new_topic {
position: absolute;
left: 10px;
right: 10px;
top: 40px;
padding-right: 10px;
padding-left: 15px;
height: 50px;
line-height: 50px;
font-size: 30px;
text-align: left;
background: #16161d;
border-radius: 0px !important;
color: #008cff;
box-shadow: none;
text-shadow: none;
border: 3px solid #008cff;
box-sizing: content-box;
transition: 0.1s linear all;
}
/* Leave some space under the New topic button. */
#vf > .box > .box-content {
margin-top: 60px;
}
.button.new_topic:hover {
color: #008cff;
background: #16161d;
}
.button.new_topic::before {
content: "\e150";
/* "create" */
font-family: "Material Icons";
font-size: 20px;
display: inline-block;
}
/* Removals */
/*
thead - Table headers like "Topic, Views, Posts" etc. Dont need em
.tc3 - Views column, nobody misses it
h4 > a.toggle - Forum section collapse buttons (again, nobody misses em)
#brdmenu - Contains the glitchy search button nobody uses
.forumicon - Unread post bubble for subforums; Been broken for a long time
#vf .linkst > ul > li:nth-child(2) > a - RSS feed (Good meme lol)
#brdfooter > .box-content > .foot - Some footer links
#brdfooter > .box-content > .conr > li:not(:nth-child(3)) - More footer links
#vf ~ #brdfooter - Hide the whole footer on subforums because there's nothing useful there.
.blockpost ~ #brdfooter - And in threads.
#brdheader ~ .linkst > ul > li:nth-child(3) > a - Topic rss feed
.djangobb > #messages - "Notice: Topic saved" and other irrelevant junk
form > label > strong - "Message/Reason" on edit/report post page
*/
thead,
.tc3,
h4 > a.toggle,
#brdmenu,
.forumicon,
#vf .linkst > ul > li:nth-child(2) > a,
#brdfooter > .box-content > .foot,
#brdfooter > .box-content > .conr > li:not(:nth-child(3)),
#vf ~ #brdfooter,
#brdheader ~ .linkst > ul > li:nth-child(3) > a,
.blockpost ~ #brdfooter,
.djangobb > #messages,
form > label > strong {
display: none !important;
}
/* Tweaks */
/* TRENDY PADDING ! */
td {
padding-top: 30px !important;
padding-right: 0px;
}
/* Icon reset */
.inew,
.iclosed,
.isticky {
display: block;
position: absolute;
left: 0px;
width: 0px;
height: 0px;
}
/* Icons */
.inew:after {
font-family: "Material Icons";
content: "\e0ca";
/* "chat bubble" */
position: relative;
top: 6px;
}
.iclosed:after {
font-family: "Material Icons";
content: "\e897";
/* "lock" */
position: relative;
top: 6px;
}
.isticky:after {
font-family: "Material Icons";
content: "\e866";
/* "bookmark" */
position: relative;
top: 6px;
color: #008cff;
}
/* Remove "Sticky" text in the hackiest way possible*/
#vf .tclcon {
font-size: 0px;
}
#vf .tclcon h3 {
font-size: 20px;
}
#vf .tclcon .byuser {
font-size: 13px;
}
#vf .tclcon > h3 ~ a {
font-size: 0px;
font-style: normal;
margin-left: 8px;
position: absolute;
left: -9px;
color: #ccc;
}
#vf .tclcon > h3 ~ a:after {
content: "\e645";
font-family: "Material Icons";
font-size: 16px;
line-height: 16px;
display: block;
position: relative;
}
/* Subforum Listing Table / Topic Listing Table ----- */
/* Subforum title */
.tc1 {
width: 20% !important;
}
.tclcon {
font-style: italic;
color: #555;
margin-left: 0px !important;
}
h3 > a {
font-style: normal;
font-size: 20px;
color: white;
}
h3 > a::after,
.tcr > a::after {
content: "\A";
white-space: pre;
}
/* topic/post count */
.tc2 {
color: #555;
font-weight: 700 !important;
}
.tc2::after {
content: " topics";
font-weight: 400;
}
#vf .tc2::after {
/* Override for subforum pages */
content: " posts";
}
/* last post by blabla */
.tcr {
text-align: right;
width: 20%;
color: #555;
padding-right: 20px !importan...