User:Sophiedp/common.css

/* Imports */ @import 'https://dev.fandom.com/load.php?mode=articles&articles=MediaWiki:ReplaceWordmark.css|MediaWiki:Nord/dark.css|MediaWiki:DarkAbuseFilter.css&only=styles'; @import 'https://darling-in-the-franxx.fandom.com/load.php?modules=site&only=styles'; @import 'https://www.flightzero.cf/fox.css';

/* Contribs Buttons */ /** Make all the buttons be centered on the page **/ .mw-special-Contributions #contentSub { justify-content: center; flex-wrap: nowrap; } /** Make the buttons easier to see and the labels centered **/ .mw-special-Contributions #contentSub a { background-color: #383838; display: inline-flex; justify-content: center; align-items: center; } /** Hide buttons I don't need for more room **/ .mw-special-Contributions #contentSub a[title^="User:"], .mw-special-Contributions #contentSub a[title^="Message Wall:"], .mw-special-Contributions #contentSub a[title^="Special:Log/"], .mw-special-Contributions #contentSub a[title^="Special:UserRights/"] { display: none; } .mw-special-Contributions #contentSub a[title="Special:Log/block"] { display: inherit; }

/* Make background not be zoomed in */ body.skin-oasis { background-size: cover; }

/* Remove wiki nav background */ .wds-community-header { background-image: none !important; }

/* Use a dark themed border */ .WikiaPage { border-color: #555555; }

/* Change the wordmark */
 * root {

--replace-wordmark-img: url('https://image.tmdb.org/t/p/w300/uKQ3ErLheXQFth4hbvjLBnPLsug.jpg'); --replace-wordmark-x: 124px; --replace-wordmark-y: 100%; } /** Make the wordmark not be zoomed in **/ .wds-community-header__wordmark img { background-size: contain; }

/* Make blogs play nice with dark theme */ .ns-500 .WikiaArticle h2, body.ns-500 .WikiaPage .WikiaArticle .mw-content-text { color: unset; }

/* Dark themed dropdowns/textareas/checkboxes/etc */ textarea, select, option, input { background-color: #1f1f1f; border-color: #3a3a3a; color: #d4d4d4; } /** I can't change the background or etc for checkboxes, but filter works **/ input[type="checkbox"] { filter: invert(1); }