Custom TV Tropes by alphashitlord

/* ==UserStyle==
@name         Custom TV Tropes
@version      20250128.03.36
@namespace    https://userstyles.world/user/alphashitlord
@description  Modifications to DarthWiki and SugarWiki
@author       alphashitlord
@license      No License
==/UserStyle== */

@-moz-document url("https://tvtropes.org/") {
/* Homepage */

#homepage-introBox.mobile-off > .welcome-message {
    font-size: 1.5rem;
    font-weight: bold;
    visibility: hidden;
    color: white;
}

#homepage-introBox.mobile-off > .welcome-message::after {
    visibility: visible;
    content: "TELEVISION TROPES AND IDIOMS";
    position: relative;
    left: -8rem;
}

#homepage-introBox.mobile-off > .welcome-message:hover {
    cursor: text;
}

#homepage-introBox > .tagline {
    font-size: 1rem;
    font-weight: normal;
    visibility: hidden;
    color: #a6caf0;
}

#homepage-introBox > .tagline::after {
    visibility: visible;
    content: "The All Devouring Pop-Culture Wiki";
    position: relative;
    left: -10.1rem;
}

#homepage-introBox.mobile-off > .tagline:hover {
    cursor: text;
}

#homepage-introBox-mobile > .tagline {
    color: #a6caf0;
}

#top_main_list > li > [href="/pmwiki/pmwiki.php/DarthWiki/ThisExists"]:hover {
    color: var(--darthwiki-link-color);
}

#top_main_list > li > [href="/pmwiki/pmwiki.php/SugarWiki/SweetExists"]:hover {
    color: var(--sugarwiki-link-color);
}

#top_main_list > li > [href="/pmwiki/pmwiki.php/YMMV/HomePage"]:hover {
    color: slategrey;
}

#top_main_list > li > [href="/pmwiki/pmwiki.php/Main/WildMassGuessing"]:hover {
    color: var(--wmg-link-color);
}

#top_main_list > li > [href="/pmwiki/pmwiki.php/Main/Trivia"]:hover {
    color: #1aa1ff;
}
}

@-moz-document domain("tvtropes.org") {
/* Main site */

body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span.asscaps {
    color: white;
}

.article-content span.asscaps {
    color: black;
    font-weight: 700 !important;
}

body #main-container #main-content .article-content .spoiler a.createlink[rel="nofollow"] {
    color: transparent !important;
}

body > #user-prefs:not(.show-spoilers) ~ div#main-container div#main-content #main-entry .article-content .spoiler.off a.createlink[rel="nofollow"] {
    color: #c60000 !important;
}

body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).red,
.article-content span:not(.bubble).red {
    color: red;
}

body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).cinnamon,
.article-content span:not(.bubble).cinnamon {
    color: orange;
}

body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).gold,
.article-content span:not(.bubble).gold {
    color: gold;
}

body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).green,
.article-content span:not(.bubble).green {
    color: green;
}

body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).blue,
.article-content span:not(.bubble).blue {
    color: deepskyblue;
}

body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).purple,
.article-content span:not(.bubble).purple {
    color: plum;
}

body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).gray,
.article-content span:not(.bubble).gray {
    color: gray;
}

body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).white,
.article-content span:not(.bubble).white {
    color: white;
}

body #main-container #main-content.page-404 {
    background: white;
    box-shadow: 0 0 2px 0 rgba(0,0,0,0);
}

body > #user-prefs.night-vision ~ #main-container #main-content.page-404 {
    background: black;
}

body #main-container #main-content.page-404 #main-content-sidebar {
    display: none;
}

body #main-container #main-content.page-404 #main-entry {
    padding-left: 9rem;
}

body:has(#main-content.page-404) {
    background: #fff;
    font-family: serif;
}

body:has(#main-content.page-404) > #user-prefs.night-vision {
    background: #000;
}

body:has(#main-content.page-404) > #main-header-bar, body:has(#main-content.page-404) #action-bar-top, body:has(#main-content.page-404) #action-bar-bottom {
    visibility: hidden;
}

body:has(#main-content.page-404) footer {
    display: none;
}
}

@-moz-document url("https://tvtropes.org/pmwiki/pmwiki.php/Main/ThisIndexIsBrown") {
/*This Index is Brown*/

body > #user-prefs.night-vision ~ #main-container #main-entry .article-content span:not(.bubble).cinnamon,
.article-content span:not(.bubble).cinnamon {
    color: brown;
}
}

@-moz-document domain("tvtropes.org") {
/* Darth Wiki */

body {
    --darthwiki-link-color: #c60000;
}

body.darthWiki #main-container #main-content h1.entry-title > .entry-breadcrumb,
body.darthWiki #main-container #main-content h1.entry-title > .entry-breadcrumb > a {
    font-family: IM Fell English SC,serif;
}

/* Link colors */

body.darthWiki #main-container #main-content .article-content a,
body.darthWiki #main-container #main-content h1.entry-title > .entry-breadcrumb > a,
body.darthWiki div#main-container div#main-content #main-entry .section-links > .links > ul > li > a,
body.darthWiki #main-container #main-content #main-content-sidebar a:hover
{
    color: var(--darthwiki-link-color);
}

body.darthWiki > #user-prefs:not(.show-spoilers) ~ div#main-container div#main-content #main-entry .article-content .spoiler.off a {
    color: var(--darthwiki-link-color) !important;
}

body.darthWiki ul.subpage-links > li > a
{
    color: var(--darthwiki-link-color);
}

body.darthWiki #main-container #main-content .article-content a.createlink[rel="nofollow"] {
    color: red !important;
}

body.darthWiki #main-container #main-content .article-content .spoiler a.createlink[rel="nofollow"] {
    color: transparent !important;
}

body.darthWiki > #user-prefs:not(.show-spoilers) ~ div#main-container div#main-content #main-entry .article-content .spoiler.off a.createlink[rel="nofollow"] {
    color: red !important;
}

/* BG color */

body.darthWiki #main-container #main-content.page-Article,
body.darthWiki #main-container #main-content-sidebar,
body.darthWiki #main-container #main-content.page-Article #main-entry #main-article.retro-folders.article-content > .folderlabel.is-open
{
    background-color: #1d1d1d;
}

body.darthWiki #main-container #main-content.page-Article #main-entry #main-article.retro-folders.article-content > .folderlabel:hover,
body.darthWiki #main-container #main-content.page-Article #main-entry #main-article.retro-folders.article-content > .folderlabel.is-open
{
    background: #292929 !important;
}

body.darthWiki #main-container #main-content.page-Article #main-entry #main-article.retro-folders.article-content > h1,
body.darthWiki #main-container #main-content.page-Article #main-entry #main-article.retro-folders.article-content > .quoteright,
body.darthWiki #main-container #main-content.page-Article #main-entry #main-article.retro-folders.article-content > .acaptionright,
body.darthWiki #main-container #main-content.page-Article #main-entry .section-links div.titles div,
body.darthWiki #main-container #main-content.page-Article #main-entry #main-article.retro-folders.article-content > h1,
body.darthWiki #main-container #main-content.page-Article #main-entry #main-article.retro-folders.article-content > h2,
body.darthWiki #main-container #main-content.page-Article #main-entry #main-article.retro-folders.article-content > h3,
body.darthWiki #main-container #main-content.page-Article #main-entry #main-article.retro-folders.article-content > h4
{
    background-color: #1d1d1d;
    color: lightgrey;
}


body.darthWiki #main-container #main-content.page-Article #main-entry #main-article.retro-folders.article-content > .quoteright,
body.darthWiki #main-container #main-content.page-Article #main-entry #main-article.retro-folders.article-content > .acaptionright
{
    border-color: #1d1d1d;
}

body.darthWiki #main-container #main-content.page-Article #main-entry #main-article > p,
body.darthWiki #main-container #main-content.page-Article #main-entry #main-article > dl,
body.darthWiki #main-container #main-content.page-Article #main-entry #main-article > dd,
body.darthWiki #main-container #main-content.page-Article #main-entry #main-article > em,
body.darthWiki #main-container #main-content.page-Article #main-entry #main-article > strong,
body.darthWiki #main-container #main-content.page-Article #main-entry #main-article > ul > li,
body.darthWiki #main-container #main-content.page-Article #main-entry #main-article > .folderlabel,
body.darthWiki #main-container #main-content.page-Article #main-entry #main-article > .folder,
body.darthWiki #main-container #main-content.page-Article #main-entry h1.entry-title,
body.darthWiki #main-container #main-content.page-Article #main-entry.with-sidebar div.article-banner.subjective.type-shrug p,
body.darthWiki.skinned div#main-container div#main-content.page-Article article#main-entry.with-sidebar div#main-article.article-content.retro-folders div.indent,
body.darthWiki.skinned div#main-container div#main-content.page-Article article#main-entry.with-sidebar div.article-banner.flamebait.type-flame
{
    color: lightgrey;
}

/* Nightvision mode link colors */

body.darthWiki > #user-prefs.night-vision ~ #main-container #main-content .article-content a,
body.darthWiki > #user-prefs.night-vision ~ #main-container #main-content h1.entry-title > .entry-breadcrumb > a,
body.darthWiki > #user-prefs.night-vision ~ #main-container div#main-content #main-entry .section-links > .links > ul > li > a,
body.darthWiki > #user-prefs.night-vision ~ #main-container #main-content #main-content-sidebar a:hover
{
    color: var(--darthwiki-link-color);
}

body.darthWiki > #user-prefs.night-vision ~ ul.subpage-links > li > a
{
    color: var(--darthwiki-link-color);
}

/* Nightvi...