MediaWiki:Fandomdesktop.css

/*============================
 * CSS placed here will be
 * applied to all skins!

=
===============*/ @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Font.css"); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Infobox.css"); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:ColorSchemes.css"); @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Variables.css"); @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:InterlanguageFlags.css"); @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:MinifiedLeftTabs/code.css"); @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:EraIcons.css"); @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:Antiborder.css"); @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:BalancedProfile.css"); @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:BalancedComments.css"); @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:BalancedCategories.css"); @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:BalancedSlider.css"); @import url("https://use.fontawesome.com/releases/v5.9.0/css/all.css");

.page { box-shadow: 0 0 13px var(--theme-link-color) !important; border: 1px solid var(--theme-link-color) !important; }

.kamiheader { text-shadow: 4px 0px #e60012, -3px -1px #57badc; font-family: 'Oswald'; font-size: 450%; margin-bottom: -50px; margin-left: 15px; text-align: left; letter-spacing: 0.1em; border-bottom: 0; text-transform: uppercase; font-weight: bolder; } .theme-fandomdesktop-light .kamiborder { background-color: #b4b4b4; padding: 20px; padding-top: 45px; border-radius: 0px; margin-bottom: 15px; } .theme-fandomdesktop-dark .kamiborder { background-color: #393939; padding: 20px; padding-top: 45px; border-radius: 0px; margin-bottom: 15px; }

/**==================
 * WELCOME BANNER **

=
======**/ element.style { margin-top: -20px;margin-bottom: 10px; } .hpbanner1 { background: url(https://kamierabi.com/dist/img/top/kv.webp?1.0.1); background-size: cover; background-repeat: no-repeat; background-position: center !important; background-position-y: top !important; margin-bottom: 0px; transform: scaleX(1); padding-top: 160px; } .hpbanner2 { background: linear-gradient(360deg,#000000eb,transparent); transform: scaleX(1); } .hpfont-header { font-family: 'Oswald'; text-transform: uppercase; color: #ffffff; text-shadow: 0 0 5px #000000b8; text-align: center; font-weight: 900; font-size: 17px; line-height: 130%; padding-top: 25px; letter-spacing: 2px; }

/*============================
 * Template: Character Portal

=
===============*/ .mpcharportal { background: url(https://girls-band-cry.com/wp-content/themes/gbc_v1/assets/images/common/character/bg_thumb.png) left bottom/cover no-repeat !important; background-size: cover !important; opacity: 1; display: inline-block; overflow: hidden; transition: all 0.3s ease; } .mpcharportal:hover { opacity: 0.8; filter: alpha(opacity=60); } .mpcharportal-img { display: inline-block; } .overlay-container { position: relative; width: 100%; } .overlay-image { display: block; width: 100%; height: auto; } .overlay { border: 2px solid #f40000; background: rgba(158,0,0,.6); position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: 0.3s ease; } .overlay-container:hover .overlay {/* Hover - Credits to the Zero Game Wiki */ opacity: 1; } .overlay-text { display: flex; justify-content: center; align-items: center; text-align: center; height: 100%; font-family: 'Oswald'; color: white !important; font-size: 12px; }

/*============================ Credits: My Hero Academia Wiki
 * Template: Site Portal

=
===============*/ .site_portal:hover { animation: spin 0.4s 1; } @keyframes spin { 100% {		transform: rotate(360deg); } }

/*============================
 * For Wordmark

=
===============*/ .theme-fandomdesktop-dark #wmDiv img { max-width: 100%; margin: auto; display: inline-block; filter: drop-shadow(2px 1px 2px #ffffff); } .animangafooter { border: transparent !important; margin-top: 10px !important; margin-bottom: 0px !important; }