MediaWiki:Common.css

/***********************************************************************/ /******************************* Imports *******************************/ /***********************************************************************/ @import url("https://fonts.googleapis.com/css?family=Libre+Baskerville"); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:MP.css|MediaWiki:Themes.css|MediaWiki:Navbox.css|u:dev:MediaWiki:Global_Lua_Modules/NavboxBuilder.css|u:dev:MediaWiki:AL.css|u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:FandomizedLoadingScreens.css|u:diepio:MediaWiki:Spacing.css|u:diepio:MediaWiki:Global.css"); /***********************************************************************/ /************************** TABLE OF CONTENTS **************************/ /***********************************************************************/ /* SECTION A — STAFF * Subsection 1 — ProfileTags * Subsection 2 — Staff Signifiers */ /* SECTION B — DEFAULT WIKI ALTERATIONS * Subsection 1 — Rail Module Styling * Subsection 2 — Miscellaneous Default Alterations */ /* SECTION C — INVOKABLE STYLING * Subsection 1 — Extension Styling * Subsection 2 — HTML Tags & Templates Styling * Subsection 3 — WDS Button Recreation */ /***********************************************************************/ /***************************** ProfileTags *****************************/ /***********************************************************************/ /* Default Tag */ .UserProfileMasthead .masthead-info .tag { background: #AEAAA2; color: #000000; border: 2px outset #AEAAA2; border-radius: 12px; }/**/

/* Local Groups */ .UserProfileMasthead .masthead-info .tag-\[\[help\:bots\|bot\]\], .UserProfileMasthead .masthead-info .tag-bot { background: #750075; color: #FFFFFF; border-color: #A400A4; }

.UserProfileMasthead .masthead-info .tag-\[\[help\:founders\|founder\]\], .UserProfileMasthead .masthead-info .tag-founder { background: #000000; color: #FFFFFF; border-color: #000000; }

.UserProfileMasthead .masthead-info .tag-\[\[help\:user_rights\#bureaucrats\|bureaucrat\]\], .UserProfileMasthead .masthead-info .tag-\[\[help\:administrators\|bureaucrat\]\], .UserProfileMasthead .masthead-info .tag-bureaucrat { background: #000000; color: #FFFFFF; border-color: #EFEFEF; }

.UserProfileMasthead .masthead-info .tag-\[\[help\:administrators\|administrator\]\], .UserProfileMasthead .masthead-info .tag-administrator, .UserProfileMasthead .masthead-info .tag-sysop { background: #0055FF; color: #FFFFFF; border-color: #278E8E; }

.UserProfileMasthead .masthead-info .tag-former_staff { background: #C0C0C0; color: #000000; border-color: #C0C0C0; }/**/

/***********************************************************************/ /************************** Staff Signifiers ***************************/ /***********************************************************************/ /* Universal formatting for :after elements */ .speech-bubble-message > .MiniEditorWrapper > .edited-by { display: inline-flex; align-items: center; }

.speech-bubble-message > .MiniEditorWrapper > .edited-by a.subtle { font-size: small; margin: 0; }

.speech-bubble-message > .MiniEditorWrapper > .edited-by a.subtle:not(:empty) { margin-left: 7px; }

.SpeechBubble .edited-by a:after, .Wall .edited-by a.subtle:after { color: #3A3A3A; font-weight: bold; font-size: inherit; margin: 0 0 0 5px; }/**/

/* Staff */ .SpeechBubble .edited-by a[href$="User:Ursuul"]:after, .Wall .edited-by a.subtle[href$="Wall:Ursuul"]:after { content: "Administrator"; }/**/

/***********************************************************************/ /************************* Rail Module Styling *************************/ /***********************************************************************/ /* Modules */ .WikiaRail .insights-module.insights-light.module, .WikiaRail .CommunityCornerModule.module, .WikiaRail .content-review-module.module, .WikiaRail .FollowedPagesModule.module, .WikiaRail .WikiaBlogListingBox.module, .WikiaRail .HotSpotsModule.module, .WikiaRail .module.railModule, .WikiaRail .rail-module, .WikiaRail .railmodule, .WikiaRail .module { background-color: #D8D2C5; padding: 8px; border: 1px solid #0038D8; margin: 0 10px 15px; box-sizing: content-box; box-shadow: 3px 3px 5px #888888; }
 * 1) WikiaRailWrapper.WikiaRail .rail-module,
 * 2) WikiaRailWrapper.WikiaRail .railmodule,
 * 3) WikiaRailWrapper.WikiaRail .module,

.WikiaRail #cql-module-content { display: flex; justify-content: space-around; }

@media only screen and (max-width: 1023px) { .WikiaRail .rail-module, .WikiaRail .railmodule, .WikiaRail .module { width: 300px; } }/**/

/* Headers */ .WikiaRail .insights-module.insights-light.module h2, .WikiaRail .CommunityCornerModule.module h2, .WikiaRail .content-review-module.module h2, .WikiaRail .HotSpotsModule.module h2, .WikiaRail .rail-module h2, .WikiaRail .railmodule h2, .WikiaRail .module h2 { font-variant: small-caps; font-family: "Libre Baskerville"; color: #0038D8; text-shadow: 1px 1px 1px #A3A3A3; border-bottom: 1px solid #0038D8; }

.discussions-rail-theme .embeddable-discussions-module .embeddable-discussions-heading:after { font-variant: small-caps; font-family: "Libre Baskerville"; color: #0038D8; text-shadow: 1px 1px 1px #A3A3A3; }

.discussions-rail-theme .embeddable-discussions-module .embeddable-discussions-heading { border-bottom: 1px solid #0038D8; margin-bottom: 12px; }/**/

/* Header margins */ .WikiaRail .CommunityCornerModule.module h2, .WikiaRail .content-review-module.module h2, .WikiaRail .templatedraft-module h2, .WikiaRail .insights-module h2, .WikiaRail .rail-module h2, .WikiaRail .railmodule h2, .WikiaRail .module h2 { margin-bottom: 6px; }

.WikiaRail .HotSpotsModule.module h2, .WikiaRail #cql-module h2 { margin-bottom: 16px; }

.WikiaRail .activity-module h2, .WikiaRail .module .pseudo-h1 { margin-bottom: 12px; }

.WikiaRail .module .content-review-module-header:first-of-type { margin-top: 0; }/**/

/* “More” buttons */ .WikiaRail .CommunityCornerModule #myhome-community-corner-edit { text-align: right; }

.WikiaRail .CommunityCornerModule #myhome-community-corner-edit .more { float: none; }

.WikiaRail .insights-module { display: flex; flex-direction: column; }

.WikiaRail .insights-module .more { align-self: flex-end; float: none; }

.WikiaRail .content-review-module.module .content-review-module-help, .WikiaRail .module:after { display: none; }/**/

/* Rail WDS Buttons */ .WikiaRail .rail-module .wds-button.wds-is-secondary, .skin-oasis .embeddable-discussions-show-all a { color: #02899D; border-color: #02899D; }

.WikiaRail .rail-module .wds-button.wds-is-secondary:hover:not(:disabled), .WikiaRail .rail-module .wds-button.wds-is-secondary:hover { color: rgba(2, 137, 157, 0.75); border-color: rgba(2, 137, 157, 0.75); }/**/

/* Remove/replace Recent blogs module if empty */ .WikiaRail .module:empty { display: none !important;/* override default FANDOM style -_- */ }

.WikiaArticle .pseudo-h1 { font: normal small-caps bold 1.5rem "Libre Baskerville"; color: #0038D8; text-align: center; text-shadow: 1px 1px 1px #A3A3A3; border-bottom: 0; }

@media only screen and (max-width: 1595px) { .WikiaArticle .pseudo-h1 { font-size: 1.75rem; line-height: 1.75rem; } }/**/

/* Chat Module */ .WikiaRail .rail-module.chat-module .wds-is-secondary.wds-button.wds-is-squished.start-a-chat-button { margin-top: 5px; }/**/

/* Keep JavaScript Review module first for content reviewers */ .ns-8 #WikiaRail { display: flex; flex-direction: column; }

.ns-8 #WikiaRail .rail-module:not(.content-review-module), .ns-8 #WikiaRail > .module:not(.content-review-module) { order: 2; }/**/

/***********************************************************************/ /****************** Miscellaneous Default Alterations ******************/ /***********************************************************************/ /* Discussions Notif Dropdown */ .skin-oasis .wds-list.wds-has-lines-between > li:hover { background: rgba(164, 182, 191, 0.2); }/**/

/* Center Bio Text */ .ns-2 .noarticletext { text-align: center; }/**/
 * 1) discussionsbiomodal > section > p,

/* Category Box Scroll */ .skin-oasis .article-categories .container { overflow-y: auto; max-height: 62px; }/**/

/* Mark redirects in Special:Allpages & Special:Watchlist */ .allpagesredirect, .watchlistredir { font-style: italic; }

.allpagesredirect:after { content: " (redirect)"; color: #808080; }/**/

/* Remove add a blog button from Boxed Blog Lists */ .WikiaBlogListingBox .wikia-button { display: none; }

.WikiaBlogListingBox ul .WikiaBlogListingPost:first-child { margin-top: -30px; }/**/

/* Profile Spin */ transition: all 0.6s ease; }   border-color: DarkTurquoise; border-radius: 100%; box-shadow: 0 0 20px #000000; transform: rotate(360deg); }/**/
 * not(table) > * > * > * > *:not(.wds-global-navigation__dropdown-toggle) > .avatar {
 * not(table) > * > * > * > *:not(.wds-global-navigation__dropdown-toggle) > .avatar:hover {

/* ContribsButtons */ body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton, body.mw-special-Contributions #contentSub:not(.contentSub) a, body.mw-special-Contributions #contentSub #contentSubSub a { background: #0038D8; }

body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:active, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:focus, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:hover, body.mw-special-Contributions #contentSub:not(.contentSub) a:active, body.mw-special-Contributions #contentSub:not(.contentSub) a:focus, body.mw-special-Contributions #contentSub:not(.contentSub) a:hover, body.mw-special-Contributions #contentSub #contentSubSub a:active, body.mw-special-Contributions #contentSub #contentSubSub a:focus, body.mw-special-Contributions #contentSub #contentSubSub a:hover { background: #3F71FF; }/**/

/* User profile */ /* .UserProfileMasthead .masthead-info { background-color: #D8D2C5; border: 1px solid #0038D8; border-radius: 0 !important; }

.UserProfileMasthead .masthead-info hgroup { background-color: #D8D2C5; background-image: none !important; border-bottom: 1px solid #0038D8; border-radius: 0 !important; color: #0038d8; font-family: "Libre Baskerville"; font-variant: small-caps; text-shadow: 1px 1px 1px #A3A3A3; }

.UserProfileMasthead .masthead-info-lower:before { border-color: #0038D8 #0038D8 transparent transparent; }

/***********************************************************************/ /************************** Extension Styling **************************/ /***********************************************************************/ /* Era Icons */ .eraicon-dropdown { color: #000000; padding: 10px; white-space: nowrap; font-size: 13px; }

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

.page-header__eraicons { position: absolute; top: 10px; right: 0; }

.eraicon { margin-right: 10px; }

.eraicon:last-child { margin-right: 0; }

display: inline; }/**/
 * 1) mw-content-text > .eraicon {

/* BlogLists */ .WikiaBlogListing ul { list-style: none; }/**/

/***********************************************************************/ /******************** HTML Tags & Templates Styling ********************/ /***********************************************************************/ /* Cool block quotes */ .WikiaArticle blockquote { margin-right: 0; margin-left: 24px; }

.WikiaArticle li blockquote { margin: 0; }

.WikiaArticle blockquote[data-format="dialogue"] cite, .WikiaArticle blockquote.quote cite { display: block; }

.WikiaArticle q { font-style: italic; }

.WikiaArticle blockquote:not(.quote):not([data-format="dialogue"]):before, .WikiaArticle blockquote:not(.quote):not([data-format="dialogue"]):after, .WikiaArticle blockquote.quote .quote-text:before, .WikiaArticle blockquote.quote .quote-text:after { position: relative; top: 0.3em; font-variant: small-caps; font-size: 2em; font-family: "Libre Baskerville"; color: #0038D8; text-shadow: 1px 1px 1px #A3A3A3; }

.WikiaArticle blockquote:not(.quote):not([data-format="dialogue"]):before, .WikiaArticle blockquote.quote .quote-text:before, .WikiaArticle blockquote q:before { content: "“"; }

.WikiaArticle blockquote:not(.quote):not([data-format="dialogue"]):after, .WikiaArticle blockquote.quote .quote-text:after, .WikiaArticle blockquote q:after { content: "”"; }/**/

/* Make code tags more prominent */ code { background: #E8E2D7; color: #000000; padding: 1px 4px; border: 1px solid #CCCCCC; border-radius: 5px; }/**/

/* Make Syntaxhighlight tags bordered */ div.mw-geshi { background: #FDF6E4; font-family: "monospace"; padding: 0.5em 1em; border: 1px dashed #2F6FAB; }/**/

/* Columned Reflist Scroll */ .ref-scroll { max-height: 100px; overflow-y: scroll; border: 1px solid #AAAAAA; }/**/

/***********************************************************************/ /************************ WDS Button Recreation ************************/ /***********************************************************************/ /* WDS Basic */ .skin-oasis .custom-wds-non { background-color: #00B7E0; border-color: #00B7E0; border-style: solid; border-width: 1px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .15px; line-height: 1.3em; outline: 0; padding: 16px 18px 15px; text-align: center; text-decoration: none; text-transform: uppercase; border-radius: 3px; transition-duration: .5s; transition-property: background-color,border-color,color; -webkit-appearance: none; -webkit-border-radius: 0; }

.skin-oasis a .custom-wds { background-color: #00B7E0; border-color: #00B7E0; border-style: solid; border-width: 1px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .15px; line-height: 1.3em; outline: 0; padding: 16px 18px 15px; text-align: center; text-decoration: none; text-transform: uppercase; border-radius: 3px; transition-duration: .5s; transition-property: background-color,border-color,color; -webkit-appearance: none; -webkit-border-radius: 0; }/**/

/* Full */ .skin-oasis .custom-wds-non { border: none; background-color: #00B7E0; color: #FFFFFF; cursor: pointer; display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .15px; line-height: 1.3em; outline: 0; padding: 11px 13px 10px; text-align: center; text-decoration: none; text-transform: uppercase; border-radius: 3px; transition-duration: .5s; transition-property: background-color,border-color,color; -webkit-appearance: none; -webkit-border-radius: 0; }

.skin-oasis .custom-wds-non:hover { border: none; background-color: rgba(2, 137, 157, 0.75); text-decoration: none; }/**/

/* WDS Squished */ .skin-oasis a .custom-wds-squished.wds-button.wds-is-squished, .skin-oasis a #custom-wds-squished { background: transparent; color: #02899D; border-color: #02899D; font-size: 10px; padding: 10px 12px 9px; text-decoration: none; text-shadow: none; border-radius: 3px; transition-duration: .5s; }

.skin-oasis a:active .custom-wds-squished.wds-button.wds-is-squished, .skin-oasis a:hover .custom-wds-squished.wds-button.wds-is-squished, .skin-oasis a:hover #custom-wds-squished { background: transparent; color: #02899D; color: rgba(2, 137, 157, 0.75); border-color: rgba(2, 137, 157, 0.75); font-size: 10px; padding: 10px 12px 9px; text-decoration: none; text-shadow: none; }

.custom-wds.wds-button { min-height: 0; }/**/