MediaWiki:Common.css

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat+Alternates&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Chivo&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');

/* Font Change */ .WikiaPageHeader { font-family: Bebas Neue; /* This changes the header on every article */ } .WikiaArticle { font-family: Didact Gothic; /* This changes the text in the content space only */ }

/**For Portal **/ .portal { -moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; } .portal:hover { opacity:0.7; background:#ffffff; } .gallery-tabber .tabberlive { margin-bottom: -10px !important; text-align: center; } .gallery-tabber .tabberlive .tabbertab { border: none !important; margin: 0 !important; padding: 0 !important; } .gallery-tabber ul.tabbernav { border: 1px solid #ddd !important; line-height: 15px !important; margin-bottom: -6px !important; padding: 5px 0; } .gallery-tabber ul.tabbernav li a { background-color: rgba(0,0,0,0.4); color: #fff !important; margin: 0px; padding: 5px 20px; border: 1px solid #555 !important; font-weight: normal !important; transition: .4s; } .gallery-tabber .wikia-gallery { margin: 10px 0 0 0 !important; border: 1px solid #ccc !important; } .gallery-tabber ul.tabbernav li a:link { color: black !important; } .gallery-tabber ul.tabbernav li a:hover { color: black !important; background-color: rgba(0,0,0,0.6); color: #fff !important; transition: .4s; } .gallery-tabber ul.tabbernav li.tabberactive a { background-color: rgba(0,0,0,0.6); color: white !important; text-shadow: 0 0 2px black; font-weight: bold !important; } /*Infobox*/ .portable-infobox { color: #fff; padding: 2px; border: 2px solid #FD5DA8; border-radius: 8px; } .portable-infobox .pi-secondary-background, .portable-infobox .pi-title { background: #FD5DA8; text-align: center; margin: 0px; padding: 0px; margin-bottom: 2px; border-radius: 0px; } .portable-infobox .pi-title { border-radius: 6px 6px 0 0; } .portable-infobox .pi-secondary-background { font-size: 90% !important; padding-bottom: 0 !important; } .portable-infobox .pi-data-label { flex-basis: 120px; padding: 1px 0 1px 4px; background-color: #FD5DA8; font-size: 90%; color: white; border-radius: 0 9px 9px 0; } .portable-infobox .pi-horizontal-group-item.pi-data-label { background-color: #FD5DA8; } .portable-infobox .pi-horizontal-group-item.pi-data-label:not(:last-child) { border-right: 2px solid #fbf5fc ; border-radius: 0; } .portable-infobox .pi-horizontal-group-item.pi-data-value { background-color: transparent; } .portable-infobox .pi-data-value { background: transparent; color: black; font-size: 90%; margin: 0; margin-left: 3px; padding: 1px 0 1px 4px; } .portable-infobox .pi-item-spacing { padding: 0; padding-bottom: 2px; } .portable-infobox .pi-border-color { border-bottom: none; } .portable-infobox .pi-header:last-child { border-radius: 0 0 6px 6px; margin-bottom: 0; } .portable-infobox .pi-image { margin-bottom: 2px; } .portable-infobox .pi-group .pi-item:last-of-type .pi-data-value { border-bottom-style: none; } .portable-infobox .pi-item:not(:last-of-type) .pi-data-value { border-bottom: 1px solid Gray; } /* Makes infobox tabs made from gallery look nice */ .portable-infobox .pi-image-collection-tabs { display: flex; flex-wrap: wrap; justify-content: center; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { border: 1px solid #fbf5fc; padding: 2px 8px; text-align: center; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:first-child) { margin-left: 5px; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { background-color: #fff2ff; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { background-color: #c7a1c3 ; color: #fff; text-shadow: 0 0 2px black; }