RPS in Pieces v2 by naismith

/* ==UserStyle==
@name           RPS in Pieces v2
@namespace      USO Archive
@author         blankedyblank
@description    `Improves Rockpapershotgun's new new theme. Hides ads, removes several areas of whitespace and unnecessary text. Dark mode ready!<b>Makes RPS read like the old, in a new theme.</b>Strongly recommend getting the theme its new homepage instead: https://github.com/Bzly/RPS-in-Pieces<b>Customisable options:</b>Working on it.`
@version        20210203.15.53
@license        CC-BY-NC-SA-4.0
@preprocessor   uso
@advanced dropdown darkMode "Dark Mode" {
	darkModeYes "Enabled*" <<<EOT /* DARK MODE *\/
body:not(.docked) {
	color: #a9a9a9;
	background: #161616 url('https://raw.githubusercontent.com/Bzly/RPS-in-Pieces/main/noise.png') repeat !important;
}

#content, .app_header, .app_footer {
	background: #212121 url('https://raw.githubusercontent.com/Bzly/RPS-in-Pieces/main/noise.png') repeat !important;
    border-color: #161616;
}

:root, #comments .container .post[data-user-type=supporter] {
    --color: #00866B
}

.app_header .username .flair.supporter {
    --color: #9976E0;
}

.username .flair.supporter {
    --color: #64409d;
}

.app_header .nav_secondary a, .app_header .nav_primary a, .app_footer nav:not(.social_follow) a, .app_footer nav:not(.social_follow) button {
    color: #a9a9a9;
}

.article_header .title, .summary .name, .summary .title, .page_title {
    color: #bbb;
}

#content textarea {
    background: #3d3d3d url('https://raw.githubusercontent.com/Bzly/RPS-in-Pieces/main/noise.png') repeat;
    color: #a9a9a9;
}

article:not([data-article-type="features"]):not([data-article-type="reviews"]) .strapline {
    color: #a9a9a9;
} EOT;
darkModeNo "Disabled" <<<EOT  EOT;

}
@advanced dropdown dealsPosts "Deals Posts" {
	dealsPostsYes "Enabled*" <<<EOT  EOT;
dealsPostsNo "Disabled" <<<EOT li article.summary[data-article-type="deals"] {
	    display: none;
} EOT;

}

==/UserStyle== */
@-moz-document domain("rockpapershotgun.com") {

/* SITEWIDE */
.advert_container {
    display: none !important;
}

.disclaimer, .nav_trending {
    display: none;
}

#content {
    max-width: 80em;
    width: 82%;
}

.excerpt, .article_body_content > p, #comments .guidelines, .post.live .what {
    text-align:justify;
	hyphens: auto;
	line-height:1.4;
}

.sidebar, .sidebar .gn_sidebar {
    display: none !important;
}

#content_above {
    padding-right: 0 !important;
}

/* HOMEPAGE */
body[data-page="homepage"] .spotlight .container {
    grid-template-columns: 1fr 3fr;
}

body[data-page="homepage"] .spotlight .container .primary {
    padding-left: 2em;
    border-left: 1px solid #a9a9a9;
    grid-row-gap: 1em;
    order: 2;
}

body[data-page="homepage"] .spotlight .container .primary li:not(:first-of-type) {
    border-bottom: 1px solid #a9a9a933;
    padding-bottom: 1em;
}

body[data-page="homepage"] .spotlight .container .secondary {
    grid-row-gap: 0;
}

body[data-page="homepage"] .spotlight .container .secondary li {
    padding-bottom: 3em;
}

body[data-page="homepage"] .spotlight .container .secondary::before {
    content: "Latest News:";
    font-size: 1.2em;
    font-weight: bold;
    padding-bottom: 1em;
}

body[data-page="homepage"] .view_archive {
    text-align: center;
    margin: 2em;
}

/* /LATEST */
.blog {
    max-width: 75%;
}

body[data-page="blog"] .page_title_wrapper {
    display: none;
}

.blog .link_overlay {
    height: 513px;
}

.blog .articles>li:not(:last-of-type) .excerpt {
    border-bottom: 1px solid #161616;
    padding-bottom: 2em;
}

.blog article .excerpt {
    margin-top: 1em;
}

.blog .summary .excerpt:before {
    margin-bottom: 1em;
}
  
/* Mod NAIS */
.article_body {
    max-width: 92% !important;
}


/* HEADER */
    /* Main header changes */
    header.app_header {
        height: 7em;
    }

    header.app_header > nav.nav_main {
        width: 82%;
        max-width: 80em;
        padding: 0.8em 0;
        grid-template-columns: 16.5em auto 1fr auto;
        max-height: 7em;
    }


    /* Logo */
    .logo {
        background: url('https://raw.githubusercontent.com/Bzly/RPS-in-Pieces/main/logo_new_dark.png') no-repeat;
        background-size: contain;
        height: 5.4em;
    }

    .logo > img {
        visibility: hidden;
    }


    /* Nav */
    .nav_primary a[href="/hardware"], .nav_primary a[href="/videos"], .nav_primary a[href="/guides"], .nav_secondary a[href="/topics/free-games"], .nav_secondary a[href="/deals"], .commercial.button_group {
        display: none;
    }

    .nav_main .commercial.button_group {
        visibility: hidden;
    }


    /* Search and user profile */
    nav.nav_main > .actions {
        grid-template-columns: 1fr auto;
        margin: auto 0;
        grid-column-gap: 2em;
    }

    .nav_main .actions > form.search_box {
        margin: auto;
        width: 15em;
    }

    .nav_main form.logout .button_group {
        display: block;
    }

    .nav_main form.logout .button {
        padding: 0 0.5em;
        border-radius: 0.3em;
    }

    .nav_main .user_profile.signed_in .label {
        display: none;
    }

    .nav_main .actions .user_profile {
        text-align: right
    }

    .nav_main .actions .username {
        display: grid;
    }

    .nav_main form.search_box input {
        color: var(--color);
    }


/* ARTICLE */
.article_body {
    max-width: 69%;
}

.article_body_content {
    margin: 2em auto;
}

.article_body_content p {
    margin: 1em auto;
}

.article_header {
    max-width: unset;
    padding: 0 3em;
    margin-top: 1em;
    grid-row-gap: 1em;
    grid-template-columns: 1fr auto;
    grid-column-gap: 3em;
}

.details .strapline {
    margin-top: 0.7em;
}

.bb_iawr ~ a.button {
    background: unset;
    padding: unset;
}

.bb_iawr {
    margin: 0 !important;
}


    /* Article footer */
    .article_footer {
        display: grid;
        margin: 0.2em auto;
        max-width: 69%;
        grid-template-columns: 100%
    }

    .article_footer .tagged_with {
        margin: 0;
        text-align: right;
    }

    .article_footer .tagged_with h2 {
        display: none;
    }

    .article_footer .tagged_with ul {
        float: right;
        margin: 0;
    }

    .article_footer .tagged_with li:last-of-type a {
        padding-right: 0;
    }

    .article_footer .tagged_with a {
        padding: 0em 0.5em;
    }

    .article_footer .author_bio .section_title {
        margin: 1em 0 1em;
    }

    .article_footer .author_bio .name {
        margin: 0;
    }

    .article_footer #comments .section_title {
        margin: 1em 0 0.6em;
    }

    .article_footer .author_bio {
        margin-bottom: 1em;
    }

    #comments .guidelines, #comments .container {
        margin-bottom: 1em;
    }

    #content_below {
        display: none;
    }

    .thread {
        max-width: 100%;
        width: unset;
    }

    .article_footer .supporters_promo h3, .article_footer .supporters_promo p, .article_footer .supporters_promo .button {
        display: none;
    }

    .article_footer .supporters_promo::after {
        content: "Support RPS?"
    }

    .article_footer .supporters_promo {
        background-color: #44208d80;
        padding: 1em 4em;
        color: #a9a9a9dd;
        font-size: 0.875rem;
        margin:  auto;
    }
    
    /* Comments */
    #comments .alert {
        color: #a9a9a9;
    }

    #comments .container .metadata {
        grid-template-columns: auto 1fr auto;
    }

    #comments .username .scrim, #comments .container .post .when {
        color: #555;
    }

    #comments .container .editing, #comments .container .inline_reply_form, #comments .container .what {
        margin-top: 0.7em;
    }

    #comments .container .post {
        margin-top: 1.2em;
    }

    #comments .container .button_group {
        margin-top: 0.5em;
    }

    #comments .button_group .button {
        border-radius: 0.3em;
        font-size: 0.8rem;
        padding: 0.3em 0.6em;
    }

    #comments .button_group.tabbed .button {
        font-size: 0.8rem;
        padding: 0.3em 0.6em;
    }

    #comments .button_group.tabbed .button:not(:first-of-type) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    #comments .button_group.tabbed .button:first-of-type {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    #comments .post button.toggle {
        width: 1em;
        height: 1em;
        left: -1.5em;
    }

    #comments .post button.toggle::after {
        content: "–";
        top:-0.2em;
        left:-0.05em;
    }
	
    #comments textarea {
        height: 9em;
    }

/* SITE FOOTER */
.app_footer, .nav_wrapper {
    height: unset;
}

.app_footer .nav_wrapper {
    width: 82% !important;
    max-width: 80em !important;
    padding: 1em 1em;
    grid-template-columns: 1fr 1fr 1fr auto !important;
    grid-column-gap:5em !important;
}
.app_footer .nav_wrapper ul > li > a, .app_footer .nav_wrapper ul > li > button {
    padding: 0.1em !important;
}

.app_footer .nav_sites, .app_footer .nav_events, .app_footer .about p {
    display: none;
}

.app_footer .nav_helpful ul {
    grid-template-columns: auto auto;
    grid-column-gap: 2em;
}

.app_footer .about {
    grid-row-gap: 0;
}

.app_footer .about .logo {
    margin-bottom: 0.8em;
}

.social_list {
    transform: unset;
    display: grid;
    grid-template-columns: repeat(7,auto);
}

/*[[darkMode]]*/

/*[[dealsPosts]]*/
	
}