MediaWiki:Common.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 */

/* 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 */

/* Createpage 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 Createpage button */

/* CSS Improvements for the F_aid template */ .infocardImage img { position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .infocardMobileImage img { width: 500px; height:auto; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } /* End F_aid */

/* Flexbox Grid in Template:Browse */ .browseGrid { display: flex; flex-wrap: wrap; justify-content: center; } .browseGrid > div { margin: 1px; } /* End Template:Browse */

/* Fix for multiline caption in sliders */ /*.fandom-slider__nav {*/ /*	height: 80px;*/ /*	bottom: -80px;*/ /*}*/ /*.fandom-slider__nav__caption > div {*/ /*	white-space: normal;*/ /*} old fix, stopped working*/

.wikiaPhotoGallery-slider-body .horizontal .description h2 { white-space: normal !important; } .wikiaPhotoGallery-slider-body .horizontal .description, .wikiaPhotoGallery-slider-body .horizontal .description-background { height: 80px; } .wikiaPhotoGallery-slider-body .horizontal .nav { height: 60px; } .wikiaPhotoGallery-slider-body .horizontal .description, .wikiaPhotoGallery-slider-body .horizontal .description-background, .wikiaPhotoGallery-slider-body .horizontal .nav { -webkit-transform: translateY(80px); transform: translateY(80px); } /* End Slider Fix */

/* Flexbox Grid in Main Page */ .flexGrid { display: flex; flex-wrap: wrap; justify-content: center; } .flexGrid > div { margin: 1px; } /* End Flexbox Grid */

/* Maps background color */ .interactive-maps__map { background-color: #b4dcfc !important; } /* End Maps */