MediaWiki:Wikia.css

@import "/load.php?mode=articles&only=styles&articles=MediaWiki:Themes.css"; /*@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond');*/ @import url('https://fonts.googleapis.com/css?family=Raleway'); /*@import url('https://fonts.googleapis.com/css?family=Germania+One');*/ @import url('https://fonts.googleapis.com/css?family=Roboto');

/**********************************/ /* Site redesign 2019-04-19      */ /**********************************/

/* Small bits of the old stuff which actually make sense */ /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect, .watchlistredir {font-style: italic;}

/* Brightening RecentChanges byte indicators */ .mw-plusminus-pos {color: #1eb02d;} .mw-plusminus-neg {color: crimson;}

/* Decreasing reference list size - I am amazed this is not default */ .references {font-size:10px;} /*end of the small bits */

/* Content area glow */ .WikiaPage { border: 1px solid #355758; -moz-box-shadow:0 0 20px #355758; -webkit-box-shadow:0 0 20px #355758; box-shadow:0 0 20px #355758; }

/* Header glow */ .wds-community-header { border-top: 1px solid #ad0000; border-left: 1px solid #ad0000; border-right: 1px solid #ad0000; -moz-box-shadow:0 -6px 5px #ad0000; -webkit-box-shadow:0 -6px 5px #ad0000; box-shadow:0 -6px 5px #ad0000; }

/* Fancying up the article titles */ .WikiaPage .page-header__title { color: white; font-family: 'Times New Roman', serif; }

/* Fancying up article name separator */ .WikiaPage .page-header__separator { height: 2px; background-color: #ad0000; background: linear-gradient(to right, red, 60%, transparent) no-repeat; }

/* Fancying up the or ==headers== */ .WikiaArticle h2 { border-bottom: solid 2px #08d6e9; border-image: linear-gradient(to right, #08d6e9, transparent) 1 stretch; font-size: 24px; font-family: 'Times New Roman', serif; margin-top: 12px; overflow: hidden; color: white; }

/* Stray CCS fixes I had to adjust after switching to black theme */ .WikiaArticle .article-thumb, .WikiaArticle .gallery-image-wrapper { background-color:black; border:1px solid #355758; padding:3px; } .thumbimage { background: black; }

/* Changing a bunch of elements, mostly on user pages and message walls, which used to be dark red to something else */ .UserProfileMasthead .masthead-info, .Wall ul.comments > li.message > .speech-bubble-message, .Wall .SpeechBubble.new-message .speech-bubble-message, .Forum .DiscussionBox .message { background: #242424; }

.UserProfileMasthead .masthead-info-lower:before, .Wall ul.comments > li.message > .speech-bubble-message:after, .Wall .SpeechBubble.new-message .speech-bubble-message:after, .Forum .DiscussionBox .message:before { border-top-color: #242424; border-right-color: #242424; }

.Wall .new-message .editarea textarea, .Wall .new-message textarea, .Forum .DiscussionBox textarea { background: #151515; }

/* Why do I have to fix these white backgrounds using custom CSS instead of the site design adjusting automatically I have no idea. */ .related-topics .edit-topic { background-color: #242424; }

/* I continue to shamelessly steal stuff. https://warframe.fandom.com/wiki/MediaWiki:Wikia.css navbox decoration. With heavy tweaking by yours truly, of course. */

.navbox { background-color: black; border: 1px solid #035566; margin-bottom: 10px; /*affects how boxes stack, might tweak */ padding: 0px; text-align: left; width: 100%; } .navboxhead, .navboxfooter { background-color: #035566; color: white; /*font: bold 14px Tahoma, sans-serif;*/ font-weight: bold; margin: 0 auto; padding: 2px; text-align: center; } .navboxhead a, .navboxfooter a { color: #30e3e2; } .navboxgroup { background-color: #16283a; font-weight: bold; padding: 2px 12px; text-align:right; /*clever hacks to make the header section fit the length of content */ width: 1%; white-space: nowrap; }

/* Example of how it can be themed. Although I think the raddest idea would be to use special backgrounds for each instead.*/ .navbox-DMC4 { border-color: #12124b; } .navbox-DMC4 .navboxhead, .navbox-DMC4 .navboxfooter { background-color: #12124b; color: crimson; } .navbox-DMC4 .navboxhead a, .navbox-DMC4 .navboxfooter a { color: crimson; } .navbox-DMC4 .navboxgroup { background-color: #1a163a; }

.navbox-DMC5 .navboxhead { background-color:#202020; }

/* Template:Subpages */

.WikiaArticle .subpages { font: 1rem, 'Roboto', 'Times New Roman', serif; text-transform: uppercase; clear:both; list-style: none; width: 100%; text-align: center; color: grey; letter-spacing: 0.1em; margin: 0 0 15px 0; padding: 0; }

.WikiaArticle .subpages li a { text-decoration: none; color: grey; transition: color 0.3s ease-out; }

.WikiaArticle .subpages li { display: inline-block; padding: 0.25em 1em; margin: 0 5px; }

.WikiaArticle .subpages li, .WikiaArticle .subpages li.current { transition: background-color 0.3s ease-out; }

.WikiaArticle .subpages li:hover { background-color:#000000; }

.WikiaArticle .subpages li:hover a { color: #429294; }

.WikiaArticle .subpages li.current { background-color: black; }

.WikiaArticle .subpages li.current, .WikiaArticle .subpages li.current a { color: white; font-weight: bold; } .WikiaArticle .subpages li.current, .WikiaArticle .subpages li:hover { border-bottom: 1px solid #355758; border-top: 1px solid #355758; background-position: 0 0, right 0; background-repeat: no-repeat; background-size: contain; background-image: url('https://vignette.wikia.nocookie.net/devilmaycry/images/2/24/Tab_current_left.png'), url('https://vignette.wikia.nocookie.net/devilmaycry/images/a/a4/Tab_current_right.png'); }

.WikiaArticle .subpages li.current:hover { background-color: #002222; }

/* Template:RelatedTitles */ .WikiaArticle .relatedtitles { font: 1.5rem 'Roboto', 'Times New Roman', serif; padding-bottom: 10px; clear: both; list-style: none; width: 100%; text-align: center; letter-spacing: 0.1em; margin: 0 0 15px 0; padding: 0; }

.WikiaArticle .relatedtitles li a { text-decoration: none; color: grey; transition: all 0.3s ease-out; }

.WikiaArticle .relatedtitles li:hover a { color:#429294; text-shadow: 0 0 10px #005d5d; }

.WikiaArticle .relatedtitles li.current, .WikiaArticle .relatedtitles li.current a { color: white; font-weight: bold; }

.WikiaArticle .relatedtitles li { display: inline-block; padding: 0.25em 0.5em; margin: 0; transition: border 0.1s ease-out; }

.WikiaArticle .relatedtitles li.current, .WikiaArticle .relatedtitles li:hover { border-bottom: 2px solid #355758; border-image: linear-gradient(to right, transparent, 10%, #08d6e9, 90%, transparent) 1 stretch; }

.WikiaArticle .relatedtitles li.current { transition: all 0.2s ease-out; } .WikiaArticle .relatedtitles li.current:hover { text-shadow: 0 0 7px #00a3a7; }

/* Custom tabber styling */

.WikiaArticle .tabbernav { border: none; margin-bottom:5px; font: 14px 'Roboto', Verdana, sans-serif; } .WikiaArticle ul.tabbernav li a:link { background-color: transparent; color: grey; border: none; }

.WikiaArticle ul.tabbernav li a:hover { color: #429294; } .WikiaArticle ul.tabbernav li.tabberactive a, .WikiaArticle ul.tabbernav li.tabberactive a:hover { color: white; }

.WikiaArticle ul.tabbernav li a, .WikiaArticle ul.tabbernav li.tabberactive a { transition-property: background-color, color; transition-duration: 0.3s; }

.WikiaArticle ul.tabbernav li a:hover, .WikiaArticle ul.tabbernav li.tabberactive a:hover { background-color: #002222 !important; }

.WikiaArticle ul.tabbernav li a:hover, .WikiaArticle ul.tabbernav li.tabberactive a { background: #000000 !important; border-bottom: 1px solid #355758 !important; border-top: 1px solid #355758; background-position: 0 0, right 0 !important; background-repeat: no-repeat !important; background-size: contain !important; background-image: url('https://vignette.wikia.nocookie.net/devilmaycry/images/2/24/Tab_current_left.png'), url('https://vignette.wikia.nocookie.net/devilmaycry/images/a/a4/Tab_current_right.png') !important; }

.WikiaArticle .tabberlive .tabbertab { border: 1px solid #355758; /*box-shadow: inset 0 0 5px 0 #355758;*/ }