MediaWiki:Fandomdesktop.css

/* Importing Fonts */ @import url('https://fonts.googleapis.com/css2?family=Audiowide&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');

/* Text Formatting */ h1 {font-family: 'Goldman'; font-weight: bold; } h2 {font-family: 'Audiowide'; font-weight: bold; } h3 {font-family: 'Goldman'; font-weight: normal;} h4 {font-family: 'Audiowide'; font-weight: normal;} h5 {font-family: 'Goldman'; font-weight: normal;} h6 {font-family: 'Audiowide'; font-weight: normal;}

.WikiaArticle {font-family: 'Ubuntu'; font-weight: normal;} .main-page-title {font-family: 'Goldman';}

.mw-headline {font-size: 1.25em;} .page-header__title {font-size: 3.5em; }

/* Change body of wiki to use background image */ .main-container { background-image: var(--theme-body-background-image); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; }

/* Makes page body transparent */ .theme-fandomdesktop-light .page__main { background-color: rgba(var(--theme-page-background-color--rgb),0.90); } .theme-fandomdesktop-dark .page__main { background-color: rgba(var(--theme-page-background-color--rgb),0.85); }

@supports (backdrop-filter: blur(8px)) { .page__main { background-color: rgba(var(--theme-page-background-color--rgb),0.75) !important; backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); } }

/* Glow on Wiki Page */ .page { border: 0px solid #FFFFFF; box-shadow: 0px 4px 20px #B3DCFF; }

/* Link Styling */ a:link { color: #23B0FF; font-weight: bold; }

.theme-fandomdesktop-dark a:hover { color: #FFFFFF; font-weight: bold; text-shadow: 0px 0px 5px #FFFFFF; }

.theme-fandomdesktop-light a:hover { color: #3362d5 ; font-weight: bold; text-shadow: 0px 0px 5px #FFFFFF; }

/* Infobox Styling */ .theme-fandomdesktop-dark .portable-infobox.pi-background {background-color: #07193d;} .theme-fandomdesktop-dark .portable-infobox .pi-header {background-color: rgb(51,191,255);} .theme-fandomdesktop-dark .portable-infobox .pi-title {background-color: rgb(51,191,255); font-size: 1.5em; } .theme-fandomdesktop-dark .portable-infobox.pi-theme-Charinfobox { margin:12px 12px 12px 12px; box-shadow: 0px 0px 9px 5px #5BC5F5;} .theme-fandomdesktop-dark .portable-infobox.pi-theme-Volinfobox{ margin:12px 12px 12px 12px; box-shadow: 0px 0px 9px 5px #5BC5F5;}

.theme-fandomdesktop-dark .portable-infobox .pi-data-value {text-align: center; } .theme-fandomdesktop-dark .portable-infobox .pi-data:hover {background-color: rgba(51,191,255,0.3); box-shadow: 0px 0px 8px 4px rgb(51,191,255);}

.theme-fandomdesktop-dark li.pi-tab-link.pi-item-spacing.current {margin: 3 auto 3 auto !important;}

/*Light Infobox*/ .theme-fandomdesktop-light .portable-infobox.pi-background {background-color: rgba(51,191,255,0.1);} .theme-fandomdesktop-light .portable-infobox .pi-header {background-color: rgb(51,191,255);} .theme-fandomdesktop-light .portable-infobox .pi-title {background-color: rgb(51,191,255); font-size: 1.5em; } .theme-fandomdesktop-light .portable-infobox.pi-theme-Charinfobox { margin:12px 12px 12px 12px; box-shadow: 0px 0px 9px 5px #5BC5F5;} .theme-fandomdesktop-light .portable-infobox.pi-theme-Volinfobox{ margin:12px 12px 12px 12px; box-shadow: 0px 0px 9px 5px #5BC5F5;}

.theme-fandomdesktop-light .portable-infobox .pi-data-value {text-align: center; } .theme-fandomdesktop-light .portable-infobox .pi-data:hover {background-color: rgba(51,191,255,0.2); box-shadow: 0px 0px 8px 4px rgb(51,191,255);}

.theme-fandomdesktop-light li.pi-tab-link.pi-item-spacing.current {margin: 3 auto 3 auto !important;}

/* Removing "Add to Gallery" button */ .wikia-photogallery-add { display: none !important; }

/* Title and Nav Visibility */ .theme-fandomdesktop-light .fandom-community-header__community-name {color: #FFFFFF; text-shadow:0px 0px 5px #000000;} .theme-fandomdesktop-dark .wds-tabs__tab-label {color: #23B0FF !important; } .theme-fandomdesktop-light .wds-tabs__tab-label {color: #FFFFFF !important; }

/* Miscellaneous */ a:hover{color: #FFFFFF !important;}