MediaWiki:Wikia.css

@import url('https://fonts.googleapis.com/css?family=Cabin:400,400i,700,700i|Orbitron:500');
 * imports fonts */

/* modern personal page appearance */ @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernProfile/Masthead.css|u:dev:MediaWiki:ModernProfile/Wall.css|u:dev:MediaWiki:ModernCommentsSection.css"); /* changes font to new style */ .WikiaPage { font-family: 'Montserrat', sans-serif; font-weight: 400; } /* changes font of headers and page headers */ .page-header__title, .mw-headline { font-family:'Georgia', 'Montserrat', sans-serif; letter-spacing: 1pt; }


 * root { /* this idiot parser can't even see I am defining variables? meh */

--theme-border-color: #008799 !important; }

.portable-infobox { border:1px solid #000000; padding-bottom:40px; background-image:url(https://static.wikia.nocookie.net/shamanking/images/9/93/Shaman_line2.png/revision/latest?cb=20210203130137&path-prefix=en), linear-gradient(to top, #1c2633 40px, rgba(255,0,0,0.0) 1%); background-repeat:no-repeat; background-position:bottom; overflow: hidden; } .portable-infobox .pi-title { margin:0px; text-align:center; border-bottom:1px solid #3e4857; padding:10px 0 15px; background: #1c2633; color: #ffffff; background-image:url('https://static.wikia.nocookie.net/shamanking/images/6/6d/Shaman_line1.png/revision/latest?cb=20210203130127&path-prefix=en'); background-repeat:no-repeat; background-position:bottom; background-size: contain; line-height:33px; } .portable-infobox .pi-header { color:#000000; background-color:#1c2633 !important; text-align:center !important; background-image:url('https://static.wikia.nocookie.net/shamanking/images/6/6d/Shaman_line1.png/revision/latest?cb=20210203130127&path-prefix=en'); background-repeat:no-repeat; background-position:bottom; background-size: contain; height:23px; } .portable-infobox .pi-image { background:transparent !important } .portable-infobox .pi-image-thumbnail {

} .pi-data-value { text-align:right; } .pi-data-value ul { text-align:right; } .portable-infobox.pi-background, .pi-europa .pi-data-label:nth-child(2n), .pi-europa .pi-data-value:nth-child(2n) { background-color:transparent!important; } .portable-infobox .pi-data:not(:last-of-type), .pi-smart-group-body:not(:last-of-type) { border-bottom:solid 1px #008799 !important; } .pi-smart-group:not(:last-of-type) { border-bottom:solid 1px #008799 !important; } .pi-group .pi-group { border-top:2px #0008ff !important; } .portable-infobox .pi-title.pi-item-spacing { padding:3px 18px; } .portable-infobox .pi-header.pi-item-spacing { padding:4px; } .portable-infobox .pi-title, .portable-infobox .pi-header { margin-left:0px !important } .portable-infobox .pi-data-value { padding-right: 5px; line-height: 12px; } .portable-infobox .imperial { font-size:0.8em; color:#ffffff; } h2.pi-title { font-family: Roboto Condensed,sans-serif; font-size:25px; font-weight:400; text-transform:capitalize; } .pi-group.pi-collapse-closed:not(:last-child) .pi-header { border-bottom:2px solid #000; } .pi-header.pi-secondary-font { text-transform:capitalize; text-align:left; font-weight:lighter; font-size:13px !important } .pi-smart-group *, .pi-horizontal-group * { text-align:center; } .portable-infobox .pi-data-label { font-size:9px !important; text-transform:capitalize; font-weight:lighter; padding-left: 5px; line-height: 10px; } .pi-panel-scroll-wrapper .pi-section-navigation .pi-section-tab { margin:0; } .pi-section-tab .pi-section-label { text-transform:capitalize; font-size:8pt; color:#988F86; height:30px; } .pi-panel .pi-section-label { font-weight:lighter; } .pi-image-collection-tabs .pi-tab-link { text-transform:capitalize; font-size:8pt; color:#fff; } .pi-image-collection .pi-image-collection-tabs { background:transparent !important; border:none; padding-bottom:3px; margin: 0em 0 0em 0em; text-align: center; } .pi-image-collection-tabs .pi-tab-link { background-color:transparent !important; } .portable-infobox ul.pi-image-collection-tabs li { border:0; color:#fff; padding:1px; } .pi-image-collection-tabs .pi-tab-link:after { content:"|"; color:#fff; font-weight:bold; width:1em; padding-right:3px; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:last-child:after { content:none; } .pi-image-collection-tabs .current { background-color:transparent !important; } .pi-europa.pi-theme-value .pi-data-value { text-align:left !important; }

.shaman-top { background:url('https://static.wikia.nocookie.net/shamanking/images/6/6d/Shaman_line1.png/revision/latest?cb=20210203130127&path-prefix=en') left; background-size: cover; max-height: 15px; }

.shaman-bottom { background:url('https://static.wikia.nocookie.net/shamanking/images/9/93/Shaman_line2.png/revision/latest?cb=20210203130137&path-prefix=en') left; } /* Article titles */ .page-header__title { font: normal 30px Georgia, serif; padding: 0 3px; background: linear-gradient(to right, #4c7c9e, 50%, #c1d8f1, #495c71); -webkit-background-clip: text; color: transparent; width: fit-content; .WikiaRail .module { background: none; border-color: transparent; border-style: none; border-width: 0; }

.activity-module { background: transparent url('https://64.media.tumblr.com/eac701da5ca08ca9b66fa5a27c16dd65/tumblr_moepfgEg6s1ribrq0o1_500.gifv') repeat scroll center center; min-height: 310px; }

.WikiaRail .rail-module .wds-button.wds-is-secondary { border-color: #63cff3; color: #63d9f3; } /* Image thumbs styling */ .thumb img, .gallery-image-wrapper { border: 1px solid var(--theme-border-color); padding: 3px; background-color: var(--theme-body-background-color); } .wikia-slideshow-images-wrapper .wikia-slideshow-images { background-color: var(--theme-body-background-color); /*by default uses --theme-page-background-color--secondary might be a good idea to change that */ }

/* . */ .wds-tabs__tab.wds-is-current { /*putting it up top because this rule affects other tabbers */ box-shadow: none; }

.page-content .tabber .wds-tabs { font-family: 'Roboto', Verdana, sans-serif; padding-bottom: 5px; }

.tabber .wds-tabs__tab { border: solid 1px transparent; padding: 0.3em 0; margin: 0 2px; } .tabber .wds-tabs__tab a:link { color: grey; } .tabber .wds-tabs__tab a:hover { color: #429294; } .tabber .wds-tabs__tab.wds-is-current a { color: white; text-decoration: none; } .tabber .wds-tabs__tab a, .tabber .wds-tabs__tab.wds-is-current a { transition-property: background-color, color; transition-duration: 0.3s; } .tabber .wds-tabs__tab:hover, .tabber .wds-tabs__tab.wds-is-current { background: var(--theme-body-background-color); 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'); } .tabber .wds-tab__content { padding: 10px; border: 1px solid var(--theme-border-color); /*box-shadow: inset 0 0 5px 0 var(--theme-border-color);*/ }

.tabber .wds-tabs__wrapper.with-bottom-border { border-bottom: none; }

.tabber .wds-tabs__tab-label { height: auto; }

/* Discord widget tweaks. */ .discord-widget .widget-header { /* https://dev.fandom.com/wiki/Thread:23660 */ background-color: var(--theme-accent-color); } .discord-widget-container { width: 100%; }

/* Image displayed at the category section at the bottom of most pages. */	background: url('https://bghq.com/bgs/snes/a/aab2/a279.png') no-repeat scroll 99%; }
 * 1) articleCategories {

/* class="wikitable" tables, which is most tables on the wiki. */ .ooui-theme-fandomooui .wikitable { border: 2px solid var(--theme-border-color); } .ooui-theme-fandomooui .wikitable > * > tr > th, .ooui-theme-fandomooui .wikitable > * > tr > td { border: 1px solid var(--theme-border-color); } .ooui-theme-fandomooui .wikitable > * > tr > th { border-bottom: 1px solid red; background: var(--theme-body-background-color); } /* Makes the table take entire width when inside a tab... Well, half the time. Idea is nice, but needs different approach. .tabbertab .wikitable { margin: -6px; } */

/* STANDARD ELEMENTS END HERE */

/******************************************/ /* CUSTOM CLASSES DEFINED FOR GENERAL USE */ /******************************************/

/* OggPlayer script decoration, currently only used by Template:Sm2 */ .audio-button {background-color: #035566;}

/* Dirty hack to hide elements on Oasis but make them visible on Mercury. Currently only used by Template:Tabhead, I think. Opposite from this is adding the class="hidden" https://community.fandom.com/f/p/3871402033676290587 */ .mobileonly {display: none;}

/* CUSTOM CLASSES END HERE */

/*****************************/ /* SPECIFIC TEMPLATE STYLING */ /*****************************/

/* Category:Navigation_boxes. Originally stolen from https://warframe.fandom.com/wiki/MediaWiki:Wikia.css */ .navbox { background-color: var(--theme-body-background-color); border: 1px solid #035566; margin-bottom: 10px; padding: 0; text-align: center; 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:RelatedTitles */ .page-content .relatedtitles { font: 24px DMC5, 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; }

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

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

.page-content .relatedtitles .selflink { font-weight: normal; }

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

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

.page-content .relatedtitles li.current strong, .page-content .relatedtitles li.current a { background: linear-gradient(to bottom, #71bab3, #ffffff); -webkit-background-clip: text; color: transparent; text-shadow: none; }

/* Template:Subpages */ .page-content .subpages { font: 22px DMC5block, sans-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; }

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

.page-content .subpages li { display: inline-block; padding: 4px 22px; margin: 0 5px; }

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

.page-content .subpages li:hover { background-color: var(--theme-body-background-color); }

.page-content .subpages li:hover a { color: #429294; }

.page-content .subpages li.current { background-color: var(--theme-body-background-color); }

.page-content .subpages li.current, .page-content .subpages li.current a { color: white; }

.page-content .subpages .selflink { font-weight: normal; } .page-content .subpages li.current, .page-content .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'); }

/* Template: DevilBreakerNavVisual */ .nav-visual, .nav-visual a:hover, .nav-visual > div > div:hover > span a { color: white; } .nav-visual a { transition: 0.2s; color: #ccc; text-decoration: none; }

/* Context-link template styling. Needed to add the class in order to test some ideas. --Flia */ .hatnote { display: inline-block; margin: 10px; } .hatnote span { margin-left: 20px; }

.WikiaRail .module>h2, .WikiaRail .rail-module h2 { background: -webkit-linear-gradient(#ddd, #888); border-color: transparent; border-image: linear-gradient(to right, transparent 0%, #fd5200 30%, #fdfa00 70%, #fd5200 90%, transparent 100%) 1 1 1 1; border-style: none none solid; border-width: 0 0 2px; color: #bbb; font-size: 1.7em !important; line-height: 1em !important; margin-bottom: 15px; text-align: center; text-transform: uppercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

.WikiaRail .module { background: none; border-color: transparent; border-style: none; border-width: 0; }

.activity-module { background: transparent url("https://vignette.wikia.nocookie.net/shingekinokyojin/images/0/08/Survey_Corps_watermark.png/revision/latest?cb=20160615105134") no-repeat scroll center center; min-height: 300px; }

.WikiaRail .rail-module .wds-button.wds-is-secondary { border-color: #f3c263; color: #f3c263; }

margin-bottom: 0; }
 * 1) ActiveDiscussions {

margin-bottom: 1em; }
 * 1) ActiveDiscussions img {

max-height: 70px; overflow-y: auto; }
 * 1) activediscussions-body {

background-image: url(https://cdn.discordapp.com/emojis/274593423997272065.png); background-size: 20px; background-repeat: no-repeat; padding-left: 25px; line-height: 1.5em; }
 * 1) activediscussions-body li {

.tally { line-height: 1.6em; }

/************************************************/ /*                    Glow                     */ /************************************************/ .WikiaPage .wds-community-header { border: 2px solid #F0BC3C; border-radius:4px !important; -moz-box-shadow:2px 2px 30px #F0BC3C; -webkit-box-shadow:2px 2px 30px #F0BC3C; box-shadow:2px 2px 30px #F0BC3C; } .WikiaPage .WikiaPageContentWrapper { border: 3px solid #F0BC3C; border-radius:8px !important; -moz-box-shadow:0 0 30px #F0BC3C; -webkit-box-shadow:0 0 30px #F0BC3C; box-shadow:0 0 30px #F0BC3C; }

/************************************************/ /*           Remove gallery button             */ /************************************************/ .wikia-photogallery-add { display: none !important; }

/************************************************/ /*            Remove header space              */ /************************************************/ .WikiaSiteWrapper .WikiaPage { padding-top: 0; }

/************************************************/ /*     Rounded corners for content area        */ /************************************************/ .WikiaPage .WikiaPageBackground { border-radius: 10px; }

/************************************************/ /*      Rounded corners for editor page        */ /************************************************/ .EditPageHeader { border-radius: 10px 10px 0 0; } .editpage-sourcewidemode.mode-wysiwyg { border-radius: 0 0 10px 10px; } .editpage-sourcewidemode.mode-source { border-radius: 0 0 10px 10px; }

/************************************************/ /*       Rounded corners for galleries         */ /************************************************/ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border-radius: 10px !important; }

/* TEMPLATE STYLING ENDS HERE */

/**********************************/ /* White glow                    */ /**********************************/ .WikiaPage { border: 1px solid #FFFFFF; -moz-box-shadow:0 0 20px #FFFFFF; -webkit-box-shadow:0 0 20px #FFFFFF; box-shadow:0 0 20px #FFFFFF; } /**********************************/ /* Blue border                    */ /**********************************/ .WikiaPage { border: 2px solid #1b3572; }