MediaWiki:Common.css

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

@import url('https://fonts.googleapis.com/css?family=Hind:400,700');

@import url("https://fast.fonts.net/lt/1.css?apiType=css&c=497c235b-38ae-4528-945d-4f70f5102d8a&fontids=1449668"); @font-face{ font-family:"Akko W04 Black"; src:url("/Fonts/1449668/5fdfd10d-8184-4369-9007-1bcb9662aab3.eot?#iefix"); src:url("/Fonts/1449668/5fdfd10d-8184-4369-9007-1bcb9662aab3.eot?#iefix") format("eot"),url("/Fonts/1449668/6c257adf-c89f-4573-bc63-04a8af4cdce6.woff2") format("woff2"),url("/Fonts/1449668/5cfa0607-446b-4783-aa97-883acfccb390.woff") format("woff"),url("/Fonts/1449668/1d53c19e-27fe-49ab-8786-4f08e09b633e.ttf") format("truetype"); }

div#mw-panel { font-family: "Hind", sans-serif; font-variant-ligatures: none; }

div#mw-panel div.portal h3, div#mw-panel div.portal div.body ul li { font-size: 87.5%; }

.mw-body-content { font-family: "Hind", sans-serif; font-variant-ligatures: none; font-size: 100%; line-height: 1.4; }

.mw-body h1, .mw-body h2, .mw-body h3 { font-family: "Akko W04 Black"; }

.mw-body h1 { font-size: 32px; } .mw-body h2 { font-size: 24px; } .mw-body h3 { font-size: 20px; }

body.page-Home.action-view h1.firstHeading, body.page-Home.action-submit h1.firstHeading { display: none; }

div#content .noticebox { margin-left: auto; margin-right: auto; border-color: #aa9999; background: #ffeeee; }

div#content .noticebox > tr > th, div#content .noticebox > tr > th, div#content .noticebox > * > tr > th, div#content .noticebox > * > tr > td { border-color: #aa9999; }

/* BEGIN Home boxes */ div#bodyContent h1 { font-size: 32px; border-bottom: 0; }

td.home_box { border-radius: 30px 30px 8px 8px; padding: 0 20px 10px; }

td.home_box h2 { position: relative; overflow: visible; margin-top: 0; margin-bottom: 10px; border-bottom: 0; line-height:30px; color: #ffff00; z-index: 1; }

td.home_box h2::before { content: ""; position: absolute; display: block; top: 0; right: -20px; bottom: 0; left: -20px; background: #000000; border-radius: 10px 0; transform: skew(-20deg); z-index: -1; }

td.home_box h2 a { color: #ffff00; }

td#home_intro { width: 50%; text-align: center; }

td#home_news { width: 50%; background: #97ffc4; }

td#home_featured { background: #97dbff; }

td#home_other { vertical-align: top; width: 50%; background: #ffffaa; }

td#home_help { vertical-align: top; width: 50%; background: #ffddff; } /* END Home Boxes */

table.home_nav_imgs img { max-width: 100%; width: auto; height: auto; }

table.wikitable[align="right"] { margin-left: 20px; }

/* BEGIN Info and Nav boxes */ div.infobox_fighter { float: right; max-width: 300px; background: linear-gradient(to right, #eeee55, transparent, transparent, #eeee55), linear-gradient(to bottom, #eeee55, #ffff66, #ffff66, #eeee55); margin-left: 20px; border-radius: 40px 0 8px 8px; }

div.infobox_fighter div.fighter_header { position: relative; display: flex; align-items: center; z-index: 1; }

div.fighter_header_background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 16px 0; transform: skew(-20deg); z-index: -1; }

div.infobox_fighter div.fighter_header div.name { flex-grow: 1; padding-left: 16px; font-family: "Akko W04 Black"; font-size: 22px; text-transform: uppercase; color: #ffffff; }

div.infobox_fighter div.fighter_header div.logo { flex-grow: 0; padding: 6px 10px 6px 0; }

div.infobox_fighter div.fighter_background { border-radius: 40px 0 25px 0; background-size: cover; background-position: center; }

div.infobox_fighter.Spring div.fighter_background { background-image: url(/wiki/images/7/7b/BG-Spring_Man.png); }

div.infobox_fighter.Ribbon div.fighter_background { background-image: url(/wiki/images/3/36/BG-Ribbon_Girl.png); }

div.infobox_fighter.Ninjara div.fighter_background { background-image: url(/wiki/images/7/7a/BG-Ninjara.png); }

div.infobox_fighter.Mummy div.fighter_background { background-image: url(/wiki/images/4/4e/BG-Master_Mummy.png); }

div.infobox_fighter.Min div.fighter_background { background-image: url(/wiki/images/5/50/BG-Min_Min.png); }

div.infobox_fighter.Mechanica div.fighter_background { background-image: url(/wiki/images/3/3c/BG-Mechanica.png); }

div.infobox_fighter.Twintelle div.fighter_background { background-image: url(/wiki/images/5/53/BG-Twintelle.png); }

div.infobox_fighter.Barq div.fighter_background { background-image: url(/wiki/images/a/a6/BG-Byte_&_Barq.png); }

div.infobox_fighter.Cobra div.fighter_background { background-image: url(/wiki/images/3/3a/BG-Kid_Cobra.png); }

div.infobox_fighter.Helix div.fighter_background { background-image: url(/wiki/images/1/1a/BG-Helix.png); }

div.infobox_fighter div.fighter_image { text-align: center; }

div.infobox_fighter div.fighter_image img { filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3)); }

div.navbox h2, div.infobox_fighter h2 { position: relative; overflow: visible; border-bottom: 0; padding-left: 20px; color: #ffffff; z-index: 1; }

div.navbox h2 { padding-left: 0; }

div.navbox h2::before, div.infobox_fighter h2::before { content: ""; background-color: #000000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 12px 0; transform: skew(-20deg); z-index: -1; }

div.navbox h2::before { left: -20px; right: -20px; }

div.infobox_fighter table.basic_info th, div.infobox_fighter table.basic_info td { vertical-align:top; }

div.infobox_fighter table.basic_info th { text-align: right; white-space: nowrap; padding: 0 8px 0 18px; }

div.infobox_fighter table.basic_info td { padding-right: 18px; }

div.infobox_fighter ul.fighter_arms { display: flex; list-style: none; padding: 0; margin: 0; }

div.infobox_fighter ul.fighter_arms li { padding: 0; margin: 0; flex: 1 0; width: 100px; font-family: "Akko W04 Black"; font-size: 18px; text-align: center; }

div.navbox { clear: both; border-radius: 25px 0 8px 8px; padding: 0 20px 1px; background: linear-gradient(to right, #eeee55, transparent, transparent, #eeee55), linear-gradient(to bottom, #eeee55, #ffff66, #ffff66, #eeee55); }

div.navbox h2 { position: relative; border-bottom: 0; color: #ffffff; z-index: 1; overflow: visible; }

div.navbox h2 a { color: #ffff00; } /* END Info and Nav boxes */