MediaWiki:Fandomdesktop.css

/* Fonts */ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap'); @font-face { font-family: 'Montserrat', sans-serif; } /** Applying font **/ .WikiaArticle, .WikiaArticleInterlang, .categoriesLink, .name > a, .license-description, .wikia-slideshow-image-caption, .WikiaArticle h1, h2, .thumbnails > li > a, #CategorySelectAdd, .description > p, .CommentList_empty-state__1pct4 > p, .FormEntryPoint_text__7JAhS, font, .activity-item > .page-title, .activity-item > .edit-info, .entity-content > p, .more, .EntityHeader_entity-header__3gtUI, .data-details, .badge-text > p, .tabbernav, figcaption, wikia-slideshow-image-caption { font-family: Montserrat !important; font-weight: 500; } /* End Fonts */

/* Utility Classes */ .centertext { text-align: center; }

/* Wiki Wordmark hover animations */ .fandom-community-header__image img { opacity: 1; filter: alpha(opacity=100); transition: all 1.5s ease; } .fandom-community-header__image img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -o-transform: rotateY(360deg); -ms-transform: rotateY(360deg); transform: rotateY(360deg); } /* End Wiki Wordmark */

/* Imagebox Template Hover Animation */ .increase img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .increase img:hover { opacity: 0.8; filter: alpha(opacity=80); transform:scaleX(1.05) scaleY(1.05); } .hoverimage img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); } .grayscalehover { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .grayscalehover:hover { -webkit-filter: invert(100%); } .hoverspin img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .hoverspin img:hover { opacity: 0.5; filter: alpha(opacity=50); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } /* End Hover Animation */

/* Create page button at main page */ .createboxInput.mw-ui-input:focus { border-color: #ffb2e8; box-shadow: #ffb2e8 0px 0px 0px 1px inset; } .mw-ui-progressive.mw-ui-button { background-color: #ffb2e8; border: 1px solid #ffb2e8; } .mw-ui-progressive.mw-ui-button:hover, .mw-ui-progressive.mw-ui-button:focus { background-color: #ff4bc9; border: 1px solid #ff4bc9; } /* End Create page button */

/* CSS Improvements for the F_aid template */ .faidImage img { position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } /* End F_aid */

/* Fandom Desktop Bug Fix */ /**Text color not changing properly with dark/light mode **/ .oo-ui-dialog-content { color: var(--theme-page-text-color); } /**Uncentered headings in front page**/ .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { display: block !important; } /* End Fandom Desktop Bug Fix */