MediaWiki:Fandomdesktop.css

/* Community corner */ padding: 0; overflow: hidden; line-height: 1.8em; -khtml-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; }	margin: 0; background: var(--theme-bg-color3) var(--theme-bg-img2) top left no-repeat; color: var(--theme-text-color3); text-shadow: var(--theme-title-shadow); text-align: center; font-size: 16px; }	font-size: 15px; }
 * 1) WikiaRail .CommunityCornerModule {
 * 1) WikiaRail .CommunityCornerModule > h2:first-child {
 * 1) WikiaRail section.CommunityCornerModule p {

/* Mainpage */ .theme-fandomdesktop-dark.mainpage .main-page-tag-rcs { background: url(https://static.wikia.nocookie.net/mahou-tsukai-no-yome/images/c/c0/AMG_Background_Square_2.png/revision/latest)!important; } .theme-fandomdesktop-light.mainpage .main-page-tag-rcs, .theme-fandomdesktop-light .recent-wiki-activity { background-image: url(https://static.wikia.nocookie.net/mahou-tsukai-no-yome/images/0/07/AMG_B.png/revision/latest)!important; background-color:white; } .mainpage .page__main .wds-button { font-family: 'Lancelot'; margin: auto!important; text-align: center!important; width: fit-content; display:block; color:white; } .mainpage .page__main .wds-button a { color:#fff29a; } .mainpage .page__main .wds-tabs { justify-content: center; } .mainpage-home { outline: 6px solid rgb(102 102 102 / 46%); outline-offset: -2px; margin: 3px; } .mainpage-header-3 { border-color:var(--theme-accent-color); background:var(--theme-page-background-color); } .mainpage-header-4:before, .mainpage-header-4:after { content:url(https://static.wikia.nocookie.net/mahou-tsukai-no-yome/images/2/22/Chapter_Symbol.png/revision/latest/scale-to-width/30); } .mainpage-border { border: 2em solid transparent; } .mainpage-border { margin: auto; padding: 0 16px; border-image-source: url(https://static.wikia.nocookie.net/mahou-tsukai-no-yome/images/0/05/Cover_Square_Border.png/revision/latest)!important; width: 100%; border-image-slice: 323 !important; border-image-width: 64px !important; border-image-outset: 0 !important; } .mainpage-border-2 { margin: 0 1em 1em 1em!important; background: rgba(var(--theme-page-background-color--secondary--rgb),0.5); outline: 5px solid rgba(var(--theme-page-background-color--secondary--rgb),0.5); border-image-source: url(https://static.wikia.nocookie.net/mahou-tsukai-no-yome/images/5/5a/Fancy_Border.png/revision/latest)!important; border-image-slice: 19 !important; border-image-width: 10px !important; padding: 0.5em 1em; } .mainpage-border-2 .lightbox-caption { font-family: 'Lancelot', serif; font-weight:bold; font-size:12pt; } .mainpage-border-2 .wikia-gallery-item:nth-child(odd) .gallery-image-wrapper { background-color: var(--theme-page-text-mix-color); } .mainpage-border-2 .wikia-gallery-item .gallery-image-wrapper:hover { background-color:var(--theme-sticky-nav-background-color); transition: 0.5s; } .mainpage-header-2:before, .mainpage-header-2:after { display: block; content: url(https://static.wikia.nocookie.net/mahou-tsukai-no-yome/images/f/fd/AMG_Underline.png/revision/latest/scale-to-width/170); } .theme-fandomdesktop-light .mainpage-header { background:linear-gradient(to bottom, #5e1102, #a6270d); } .theme-fandomdesktop-dark .mainpage-header { background:linear-gradient(to bottom, #1A1C4D, #232963); } .fandom-community-header__top-container .wds-button, .fandom-community-header__top-container .wds-dropdown > .wds-button, .fandom-community-header a, .fandom-community-header .page-counter { filter: drop-shadow(0px 0px 2px var(--theme-accent-color)) drop-shadow(0px 0px 1px var(--theme-accent-color)) drop-shadow(0px 0px 1px var(--theme-accent-color)); z-index: 200; } .fandom-community-header__local-navigation .wds-dropdown__content .wds-list.wds-is-linked>li>a, .wiki-tools, .wds-list a, .fandom-community-header__image { filter: none!important; z-index: 200; }

/** MASTHEAD **/ /* User masthead */ .UserProfileMasthead .masthead-info { background: #FFFFFF url('https://vignette.wikia.nocookie.net/mahou-tsukai-no-yome/images/0/04/UserProfileMastheadTheme.png/revision/latest?cb=20171217195848') no-repeat bottom right; overflow:hidden; } .UserProfileMasthead .wikis span, .UserProfileMasthead .details span { color: #195096; font-family: Trebuchet MS; }

.tally { color: #073773; }

.UserProfileMasthead .details li, .UserProfileMasthead .wikis ul li a { color: #002266; font-weight: 500; font-family: Trebuchet MS; }

.UserProfileMasthead .tally a { color: #02224b; font-weight: 900; font-family: Trebuchet MS; }

/*** SLIDERADVANCED TEMPLATE STYLE ***/

/* New slider for the main page. Original made by Duckey at pl.witcher */

/* Main body style */ .mpb-slider { margin-bottom: 14px; background-color: #000810; border: 2px solid #000000; width: 100%; height: 450px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: no-wrap; flex-wrap: no-wrap; color: #FFFFFF; font-family: "Rubik"; }

.mpb-slider ul li a { color: #FFFFFF; }

/* The grid, subcategories, hover effects, etc*/

.mpb-view { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 100%; height: 100%; display: -ms-grid; display: grid; grid-template-areas: 'title title' 'links subcats' 'back back'; -ms-grid-rows: 45px 1fr 30px; grid-template-rows: 45px 1fr 30px; -ms-grid-columns: 200px 1fr; grid-template-columns: 200px 1fr; background-size: cover; overflow: hidden }

.mpb-view:not(.mpb-main) { width: 0 } .mpb-view-title { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: title; font-size: 24px; text-shadow: 0 0 5px #000, 0 0 5px #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #000810f2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default }

.mpb-view-back { -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: back; background-color: #000810f2; font-size: 16px; text-shadow: 0 0 5px #000, 0 0 5px #000; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; -webkit-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out }

.mpb-view-back:hover { background-color: #000810bf } .mpb-subcat-links { -ms-grid-row: 2; -ms-grid-column: 1; grid-area: links; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }

.mpb-subcat-link { background-color: #000810bf; padding: 10px 15px; font-size: 18px; text-shadow: 0 0 5px #000, 0 0 5px #000; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out }

.mpb-subcat-link:not(.mpb-active):hover { background-color: #00081080 } .mpb-subcat-link.mpb-active { background-color: #00081040 } .mpb-subcat-gutter { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background-color: #000810bf }

.mpb-subcats { -ms-grid-row: 2; -ms-grid-column: 2; grid-area: subcats; background-color: #00081040; overflow: hidden }

.mpb-subcat { font-size: 16px; text-shadow: 0 0 3px #000, 0 0 3px #000, 0 0 3px #000; height: 100% }

.mpb-subcat:not(.mpb-active) { display: none } .mpb-subcat > ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100% }

.mpb-subcat > ul > li:not(.mpb-nested) { max-height: 1.2em } .mpb-subcat ul > li > ul { padding: 0 1em; margin-left: 0.5em }

.mpb-item { background-size: 100% auto } .mpb-inner { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; padding: 5px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 20px; text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000; background-color: #00081080; -webkit-transition: background 0.25s ease-in-out; -o-transition: background 0.25s ease-in-out; transition: background 0.25s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }

.mpb-inner:hover { background-color: transparent } .mpb-view.mpb-main { grid-template-areas: 'main1 b1' 'main1 b2' 'main2 b3' 'main2 b4'; -ms-grid-rows: (1fr)[4]; grid-template-rows: repeat(4, 1fr); -ms-grid-columns: 450px 1fr; grid-template-columns: 450px 1fr }

.mpb-item.mpb-main:nth-child(1) { -ms-grid-row: 1; -ms-grid-row-span: 2; -ms-grid-column: 1; grid-area: main1; background-size: cover } .mpb-item.mpb-main:nth-child(2) { -ms-grid-row: 3; -ms-grid-row-span: 2; -ms-grid-column: 1; grid-area: main2; background-size: cover } .mpb-item.mpb-main .mpb-inner { font-size: 30px; padding: 10px }

/* Background images */ .mpb-view.mpb-main .mpb-item:nth-child(1), .mpb-view.mpb-manga { background-image: url('/Special:Filepath/Chapter01.png'); background-position: center 20% } .mpb-view.mpb-main .mpb-item:nth-child(2), .mpb-view.mpb-anime { background-image: url('/Special:Filepath/OVA1 Part 1 (168).png'); background-position: center 70% } .mpb-view.mpb-main .mpb-item:nth-child(3), .mpb-view.mpb-characters { background-image: url('/Special:Filepath/SliderCharacters.png'); background-position: center 70% } .mpb-view.mpb-main .mpb-item:nth-child(4), .mpb-view.mpb-magic { background-image: url('/Special:Filepath/Profile.Magic.png'); background-position: left center } .mpb-view.mpb-main .mpb-item:nth-child(5), .mpb-view.mpb-locations { background-image: url('/Special:Filepath/Fairykingdom.png'); background-position: center 30% } .mpb-view.mpb-main .mpb-item:nth-child(6), .mpb-view.mpb-music { background-image: url('/Special:Filepath/SliderMusic.png'); background-position: center 30% }

/* Kitsunes97 username link color */ a[href="/wiki/User:Kitsunes97"] {color:#8b0000; font-weight:bold;}