MediaWiki:Mainpage.css

/* CSS for the wiki's main page */

/* Remove the word "Home" on the main page */ .mainpage .page-header__title { display: none; }

/* Main Page Layout */ .mp-header { background-color: #3333FF; color: #ffffff; margin: 0 0 10px 0; font-size: 20px; font-family: 'Circular Std', sans-serif; text-align: center; border-radius: 12px; font-weight: bold; } .mp-box a { color: #66ccff; } .mp-box { margin-bottom: 12px; border: 2px solid #3399FF; border-radius: 12px; padding: 6px; text-align: center; background-color: #3333FF; color: white; } .mp-box > .mp-header { background-color: #3399FF; color: white; } .mp-welcome-header { font-family: 'Circular Std', sans-serif; font-size: 32px; color: white; font-weight: bold; } .mp-featured-header { font-family: 'Circular Std', sans-serif; font-weight: bold; font-size: 32px; line-height: 34px; color: #3333FF; } .mp-logo { display: block; margin-top: 8px; position: relative; } .mp-logo img { height: 100px; width: auto; position: absolute; top: 12px; left: 12px; }

.mp-box-2 { margin-bottom: 12px; border: 2px solid #66ccff; border-radius: 12px; padding: 6px; text-align: center; background-color: #3399FF; color: white; } .mp-box-2 > .mp-header { background-color: #66ccff; } .mp-box-2 a { color: #66ccff; }

.mp-box-2 > .tabber .wds-tabs__wrapper { border-bottom: none; margin-bottom: 6px; } .mp-box-2 > .tabber .wds-tabs__tab { border-top-left-radius: 6px; border-top-right-radius: 6px; } .mp-box-2 > .tabber .wds-tabs__tab-label { height: auto; margin: 0; letter-spacing: normal; font-weight: normal; } .mp-box-2 > .tabber .wds-tabs__tab a { padding: 6px 10px; color: white; } .mp-box-2 > .tabber .wds-tabs__tab.wds-is-current { background-color: #66ccff; box-shadow: none; }

/* Buttons */ /* Main page button */ .custom-button { border-radius: 20px; margin-bottom: 8px; transition: 0.3s; font-weight: bold; font-family: 'Circular Std', sans-serif; text-decoration: none; margin-left: auto; margin-right: auto; text-align: center; display: block; } .custom-button a { background-color: #3333ff; padding: 9px 18px; border-radius: 20px; margin: 0 auto 8px; transition: 0.3s; font-family: 'Circular Std', sans-serif; text-decoration: none; } .custom-button a:hover { background-color: #3366ff; }

/* Shows footer */ .theme-fandomdesktop-dark #showsfooter > div > div { border-style: solid !important; border-color: white !important; box-shadow: none !important; }

/* Rounded slider .fandom-slider { border-radius: 12px; border: none; }

/* Portals */ .mp-portal .gallery-image-wrapper { background-color: #3333ff; border-color: #3333ff; border-radius: 6px; transition-property: background-color, border-color; transition-duration: .4s; } .mp-portal .gallery-image-wrapper:hover { border-color: #3366ff !important; } .mp-portal .gallery-image-wrapper img { transition: opacity .4s; } .mp-portal .gallery-image-wrapper img:hover { opacity: 0.7; } .mp-portal .gallery-image-wrapper .lightbox-caption { transition: background-color .4s; left: 0; right: auto; width: auto; text-align: center; border-top-right-radius: 6px; } .mp-portal .gallery-image-wrapper:hover .lightbox-caption { background-color: #3366ff !important; }