MediaWiki:Wikia.css

/** * * CSS placed here will be applied to the 'Wikia'/'Oasis' skin. * * things todo: * - get rid of as much !important as possible * - organize/review * - make sure all of this is still used * note: * - templates are in MediaWiki:Templates.css * - infoboxes are in MediaWiki:Infoboxes.css **/ @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Administration-Box.css|MediaWiki:DisableBotWalls.css|MediaWiki:Infoboxes.css|MediaWiki:Slider.css|MediaWiki:Templates.css|u:dev:MediaWiki:FandomizedTabs/tabbers.css");

/* Fonts */ @import url('https://fonts.googleapis.com/css2?family=Dosis:wght@800&family=Titillium+Web&display=swap');

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect:after, .watchlistredir:after { color: #808080; content: " (redirect)" }

/* Pre and code - this is mostly for code but we're keeping pre for now */ pre, code { color: inherit; background-color: #f7f7f7 !important; border-color: #e4eaee; overflow: auto; padding: 1px 4px; }

/* HHW:DICTIONARY formatting */ .dictionary { background-color: #0f0; border: 1px solid gray; padding: .3em; }

.dictionary-definitions { background-color: #ff6; border: 3px solid gray; padding: .3em; }

/* Special:Community page formatting */ .community-page-rail .community-page-module { background-color: #fdfdfd; border-top: 8px solid var(--themed-button-background); padding: 15px; }

.community-page-insights-module .community-page-insights-module-header, .community-page-todo-list-module .community-page-todo-list-module-header, .community-page-cards-module-header, .community-page-cards-module-header { font-family: sans-serif; font-size: 34px; line-height: 39px; font-weight: normal; }

.community-page-header-welcome-message, .community-page-subheader-welcome-message { text-shadow: 2px 1px 4px #000; }

/* Makes the wiki background appear on devices like the iPad */ @media only screen and (max-width: 1083px) { body.skin-oasis { background: url(https://images.wikia.com/hypotheticalhurricanes/images/5/50/Wiki-background/revision/latest) repeat !important; } }

/* Colored buttons on the right rail */ .WikiaRail .rail-module .wds-button.wds-is-secondary, .ChatWidget .wds-button.wds-is-secondary, .WikiaRail .rail-module .wds-button.wds-is-secondary:focus:not(:disabled) { border-color: var(--themed-button-background); color: var(--themed-button-background); }

.WikiaRail .rail-module .wds-button.wds-is-secondary:hover, .ChatWidget .wds-button.wds-is-secondary:hover { background-color: var(--themed-button-background) !important; border-color: var(--themed-button-background) !important; color: white !important; }

/* Changes padding of the Discussions module on the mainpage */ .embeddable-discussions-module { padding: 10px !important; }

/* Makes notifications cleaner */ .WikiaNotifications li div { background-image: none; box-shadow: none; max-width: none; }

.WikiaBadgeNotification .notification-details a { color: #fff !important; }

/* Slight changes to the FandomizedTabs stylesheet */ border-color: #3A7DCE; color: #3A7DCE; }
 * 1) mw-content-text .tabber ul.tabbernav li:not(.tabberactive) a,
 * 2) mw-content-text .tabber ul.tabbernav li.tabberactive a {

/* Background-Image for MHMWS Table */ .wallpaper1 { background-image: url("https://images.wikia.com/hypotheticalhurricanes/images/b/b6/Snow_Background.jpg"); background-size: cover; }

/* For Special:RecentChanges */ .mw-plusminus-pos { color: #006400 !important; } .mw-plusminus-neg { color: #8b0000 !important; }

/* Minor tweaks to the page history layout, taken from the RuneScape Wiki */ background-color: #f2f2f2; border-style: none; }
 * 1) pagehistory li.selected {

border-style: none; padding: 1px 10px; }
 * 1) pagehistory li {

/* Changes to image thumbnails and captions */ .thumb { border: 1px solid #cfcfcf; background: #fafafa; } .thumbcaption { border-top: 1px solid #cfcfcf; color: #5d6773 !important; padding: 0.4em 0.6em; }

.thumbimage { background-color: #fff; border: none; }

/* Changes to categories and license sections */ .CategorySelect.articlePage, .article-categories { border: 1px solid #bfbfbf; background: #f2f2f2; }

.license-description { background: #f2f2f2; border: 1px solid #bfbfbf; font-size: 12px; margin: 0 0 10px; padding: 1em; }

/* Allows the text in profile tooltips (e.g. Discord) to be readable */ color: #fff; }
 * 1) userProfileApp .user-identity-social__icon-tooltip {

/** * EraIcons default CSS * Taken from Dev Wiki * @author Ursuul  */

body.skin-oasis .page-header__contribution { position: relative; }

body.skin-oasis .page-header__contribution > div:first-child { display: flex; }

body.skin-oasis .page-header__eraicons { position: absolute; top: -5px; right: 0; }

body.skin-oasis .eraicon-dropdown { font-size: 13px; white-space: nowrap; padding: 10px; }

body.skin-oasis .eraicon:not(:last-child) { margin-right: 10px; }

/* Tags for comments and message walls */ /** The new comments work differently than the old ones, so for now we're sticking with the tags and no colors **/

/* Wiki Leader(s) */ .EntityHeader_name__2oRXg[href="/wiki/User:Poxy4"]+.EntityHeader_middot__2f4XC::before { content: "· Wiki Leader " }

/* Bureaucrats */ /* Empty! For now. */

/* Administators */ .EntityHeader_name__2oRXg[href="/wiki/User:SrLovesOkra72"]+.EntityHeader_middot__2f4XC::before, .EntityHeader_name__2oRXg[href="/wiki/User:SolarRadiation 7500"]+.EntityHeader_middot__2f4XC::before { content: "· Administrator " }

/* -- */ /* --- HIGHLIGHTED USERNAMES LIST --- */ /* Displays on message walls/profiles */ /* -- */

.mw-userlink[title="User:FuturPDUCTIONS"], .mw-usertoollinks-wall[title="Message Wall:FuturPDUCTIONS"] { color: #ff4d00; font-weight: bold; }

.mw-userlink[title="User:SrLovesOkra72"], .mw-usertoollinks-wall[title="Message Wall:SrLovesOkra72"] { color: #ccccff; font-weight: bold; }

.mw-userlink[title="User:SolarRadiation 7500"], .mw-usertoollinks-wall[title="Message Wall:SolarRadiation 7500"] { color: #0000ff; font-weight: bold; }

.mw-userlink[title="User:XIOPeroFaro"], .mw-usertoollinks-wall[title="Message Wall:XIOPeroFaro"] { font-weight: bold; animation: colorchange-xio 5s infinite alternate; animation-name: colorchange-xio; } @keyframes colorchange-xio { 0% {       color: #8b0000; }   50% {    	color: #4a004a }   100% {        color: #00008b; } }

.mw-userlink[title="User:Ssspp1"], .mw-usertoollinks-wall[title="Message Wall:Ssspp1"] { color: #110d69; font-weight: bold; font-family: "Dosis"; }

/** For the user tags **/ /* Wiki Leader Tag */ .tag-wiki_leader { background-color: #1e90ff !important; color: #fff !important; }

/* Bureaucrat Tag */ .tag-bureaucrat { background-color: #339 !important; color: #fff !important; }

/* Eldest Administrator Tag */ .tag-eldest_administrator { background-color: #1db7b7 !important; color: #000 !important; }

/* Administrator Tag */ .tag-administrator { background-color: #008000 !important; color: #fff !important; }

/* Junior Administrator Tag */ .tag-junior_administrator { background-color: #ff0 !important; color: #000 !important; }

/* Rollback Tag */ .tag-rollback { background-color: #ffa500 !important; color: #000 !important; }

/* Chat Moderator Tag */ .tag-chat_moderator { background-color: #e60000 !important; color: #fff !important; }

/* Autopatroller Tag */ .tag-autopatrolled_user { background-color: #b01727 !important; color: #fff !important; }

/* Code Editor Tag */ .tag-code_editor { background-color: #e413bd !important; color: #fff !important; }

/* Bot Tag */ .tag-bot { background-color: #ae20c5 !important; color: #fff !important; }

/* SOAP Tag */ .tag-soap { background-color: #11decb !important; color: #000 !important; }

/* Banished Tag */ .tag-dissipated { background-color: #000 !important; color: #fff !important; }

/* Blocked Tag */ .tag-nearly_dissipated { background-color: #f00 !important; color: #fff !important; }

/* Extratropical Tag */ .tag-extratropical { background-color: #3d3d3d !important; color: #fff !important; }

/* Founder Tag */ .tag-founder { background-color: #92ff01 !important; color: #000 !important; }

/* Icons for user profiles */ .user-identity-stats a[href="/wiki/Special:Contributions/FuturPDUCTIONS"]:before { content: "🦾 "; } .user-identity-stats a[href="/wiki/Special:Contributions/Poxy4"]:before { content: "☄️ "; }   .user-identify-stats a[href="/wiki/Special:Contributions/SrLovesOkra72"]:before { content: "🥬 "; } .user-identify-stats a[href="/wiki/Special:Contributions/SolarRadiation 7500"]:before { content:"🪐 "; }

/* Role colors for the Discord module * /** @note: with the script currently only displaying the users it might be best to only keep those used */

/* Bureaucrats .discord-widget .widget-role-container[data-name="Bureaucrats"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Bureaucrats"] .widget-member-name { border-color: #ff6060; background-color: #ff6060; color: black; }

.discord-widget .widget-role-container[data-name="Bureaucrats"] .widget-role-name { color: #ff6060; text-shadow: 0 0 0; } */

/* Administrators .discord-widget .widget-role-container[data-name="Administrators"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Administrators"] .widget-member-name { border-color: #ff8f20; background-color: #ff8f20; color: black; }

.discord-widget .widget-role-container[data-name="Administrators"] .widget-role-name { color: #ff8f20; text-shadow: 0 0 0; } */

/* Junior Administrators .discord-widget .widget-role-container[data-name="Junior Administrators"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Junior Administrators"] .widget-member-name { border-color: #ffc140; background-color: #ffc140; color: black; }

.discord-widget .widget-role-container[data-name="Junior Administrators"] .widget-role-name { color: #ffc140; text-shadow: 0 0 0; } */

/* Rollbackers .discord-widget .widget-role-container[data-name="Rollbackers"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Rollbackers"] .widget-member-name { border-color: #ffe775; background-color: #ffe775; color: black; }

.discord-widget .widget-role-container[data-name="Rollbackers"] .widget-role-name { color: #ffe775; text-shadow: 0 0 0; } */

/* Chat Moderators .discord-widget .widget-role-container[data-name="Chat Moderators"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Chat Moderators"] .widget-member-name { border-color: #ffffcc; background-color: #ffffcc; color: black; }

.discord-widget .widget-role-container[data-name="Chat Moderators"] .widget-role-name { color: #ffffcc; text-shadow: 0 0 0; } */

/* Autopatrollers .discord-widget .widget-role-container[data-name="Autopatrollers"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Autopatrollers"] .widget-member-name { border-color: #cff; background-color: #cff; color: black; }

.discord-widget .widget-role-container[data-name="Autopatrollers"] .widget-role-name { color: #cff; text-shadow: 0 0 0; } */

/* Users */ .discord-widget .widget-role-container[data-name="Users"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Users"] .widget-member-name { border-color: #00faf4; background-color: #00faf4; color: black; }

.discord-widget .widget-role-container[data-name="Users"] .widget-role-name { color: #00faf4; text-shadow: 0 0 0; }

/* For a general block template (Attribution goes to the English Wikipedia's common.css */ div.user-block {	padding: 5px;	margin-bottom: 0.5em;	border: 1px solid #a9a9a9;	background-color: #ffefd5; }

666