Skip to content

Scratch Forum Meme edited for me by cloudgate1234

Details

Authorcloudgate1234

LicenseCC-BY-SA-4.0

Categoryscratch

Created

Updated

Size11 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A dark and easy on the eyes theme of the Scratch forums made by @-CloudGate-

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 Forum Meme (0.2)
@namespace      USO Archive
@author         quaternary
@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;
    }

    /* Resets */
    .djangobb {
        padding: 0;
    }

    #topnav {
        box-shadow: none;
    }

    .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;
    }

    /* 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 !important;
        /* God dammit */
    }

    .tcr > a {
        color: #888;
    }

    /* Footer */
    #brdfooter > .box-content {
        width: 70%;
        margin: 50px auto;
        border-top: 1px solid #008cff !important;
    }

    #brdfooter button {
        text-shadow: none;
        color: #008cff;
        background: none;
        border: none;
        box-shadow: none;
        padding: 0;
        height: auto;
        font-family: "Montserrat", sans-serif;
        line-height: normal;
        border-radius: 0px;
    }

    #brdfooter button:hover {
        color: #16161d;
        background-color: #008cff;
    }

    /* THREADS */
    .blockpost > .box > .box-content {
        min-height: 170px;
        padding-bottom: 25px;
    }

    .blockpost,
    .postright {
        color: #ccc;
        background-color: #222;
    }

    .postright {
        border-color: transparent;
        border-left-width: 13em;
        padding: 0;
        padding-right: 20px;
    }

    .postleft {
        width: 13em;
        height: 100%;
        position: absolute;
        text-align: center;
        background: none;
    }

    .postleft .username {
        color: white !important;
        font-size: 120%;
    }

    .postleft dl {
        padding: 0 !important;
    }

    .blockpost .box-head {
        padding-top: 12px !important;
        /* dirty hack */
    }

    .box-head > a {
        float: right;
    }

    .postmsg {
        font-size: 1.1em;
        line-height: 1.5em;
    }

    .conr {
        width: auto;
        min-width: 40px;
        padding-left: 20px;
    }

    /* Quotes */
    blockquote > blockquote > blockquote > blockquote {
        display: none;
    }

    .djangobb blockquote {
        background-color: rgba(255, 255, 255, 0.1);
        border-width: 0px;
        border-left-width: 10px;
    }

    /* code */
    pre > span,
    pre {
        font-family: "AnonymousPro", monospace;
        font-size: 16px !important;
    }

    .code {
        background-color: #1d1f21;
        border: 2px solid black;
        color: #c5c8c6;
    }

    /*************************SYNTAX HIGHLIGHTING***************/
    /*                 Dis gon b gud       


           Colors from Tomorrow Night             **/
    pre > .nc,
    pre > .nt {
        color: #81a2be;
    }

    pre > .k {
        color: #b5bd68;
    }

    pre > .c {
        color: #969896;
    }

    pre > .m,
    pre > .o,
    pre > .p {
        color: #c5c8c6;
    }

    pre > .s2 {
        color: #cc6666;
    }


    /* Sigs */
    .postsignature {
        margin-top: 30px;
    }

    .postsignature hr {
        margin: 0 auto;
        width: 50%;
        background-color: #444;
 ...

Reviews

No reviews yet.