MediaWiki:Common.css

/* Banderas para las interwikis*/ @import url("/load.php?mode=articles&only=styles&articles=u:dev:InterlanguageFlags/code.css");

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Mark redirects in Special:Allpages and Special:Watchlist */

font-size: 1rem !important }
 * 1) bodyContent{

.allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

/* Los estilos CSS definidos aquí se aplicarán a todas las pieles (skins) */ .pi-europa .pi-item-spacing { padding: 3px 14px; } .pi-europa .pi-horizontal-group { padding: 3px 0px; border-bottom: 1px; border-left: 1px; border-color: #E8726B; } .pi-europa .pi-horizontal-group-item:nth-child(2n) { background-color: #F1D5D3; color: #3A3A3A; } .pi-europa .pi-horizontal-group .pi-horizontal-group-item { border-left: 1px; border-left-style: solid; border-left-color: #E8726B; }

.pi-europa .pi-group { border-bottom-width: 1px; border-bottom-style: solid; border-color: #E8726B; }

.pi-data:not(:last-of-type), .pi-group { border-bottom-width: 1px; border-bottom-style: solid; border-color: #E8726B; } .pi-border-color { border-color: #E8726B; }

/* ================================================ A partir de aquí no sé si sea buena idea editar.

=
=======================================*/ H1 { color: #ffd0ff; font-weight: bold; text-shadow: 1px 1px 5px black, 0 0 20px black, 0 0 5px violet, -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; font-size: 50px; font-family:Lucida Console;} H2 { color: #000000; font-weight: bold; text-shadow: 1px 1px 2px yellow, 0 0 20px yellow, 0 0 5px #80ff00, -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow; font-family:Lucida Console;} H3 { color: #000000; font-weight: bold; text-shadow: 1px 1px 2px yellow, 0 0 20px yellow, 0 0 5px #80ff00, -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow; font-size: 50px; font-family:Lucida Console;} H4 { color: #000000; font-weight: bold; text-shadow: 1px 1px 2px yellow, 0 0 20px yellow, 0 0 5px #80ff00, -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow; font-size: 50px; font-family:Lucida Console;} H5 { color: #000000; font-weight: bold; text-shadow: 1px 1px 2px yellow, 0 0 20px yellow, 0 0 5px #80ff00, -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow; font-size: 50px; font-family:Lucida Console;} H6 { color: #000000; font-weight: bold; text-shadow: 1px 1px 2px yellow, 0 0 20px yellow, 0 0 5px #80ff00, -1px 0 yellow, 0 1px yellow, 1px 0 yellow, 0 -1px yellow; font-size: 50px; font-family:Lucida Console;}

/*body { background-color: #ffd0d0; }*/

/*Customized cursor, from http://magical-girl-mahou-shoujo.wikia.com/wiki/Magical_Girl_(Mahou_Shoujo_-_%E9%AD%94%E6%B3%95%E5%B0%91%E5%A5%B3)_Wiki */ body { cursor: url('https://static.miraheze.org/giantesswiki/1/13/Sym749.png'), auto; }

a:link{ cursor: url('https://static.miraheze.org/giantesswiki/b/b1/Hand_cursor.png'), pointer; }

a:visited{ cursor: url('https://static.miraheze.org/giantesswiki/b/b1/Hand_cursor.png'), pointer; }

a:hover{ cursor: url('https://static.miraheze.org/giantesswiki/b/b1/Hand_cursor.png'), pointer; }

a:active{ cursor: url('https://static.miraheze.org/giantesswiki/b/b1/Hand_cursor.png'), pointer; }

/* ================================================ INFOBOX (Muy básica)

=
=======================================*/

.infobox { background-color: #f2f2f2; border: 1px solid #cccccc; clear: right; color: #3a3a3a; float: right; margin-bottom: .5em; margin-left: 1em; padding: .2em; }

.pi-infobox { background-color: #f2f2f2; border: 3px solid #8040ff; clear: right; color: #3a3a3a; float: right; margin-bottom: .5em; margin-left: 1em; padding: .2em; }

.pi-infobox .pi-item-spacing { padding: 3px 14px; } .pi-infobox .pi-horizontal-group { padding: 3px 0px; border-bottom: 1px; border-left: 1px; border-color: #E8726B; } .pi-infobox .pi-horizontal-group-item:nth-child(2n) { background-color: #F1D5D3; color: #3A3A3A; } .pi-infobox .pi-horizontal-group .pi-horizontal-group-item { border-left: 1px; border-left-style: solid; border-left-color: #E8726B; }

.pi-infobox .pi-group { border-bottom-width: 1px; border-bottom-style: solid; border-color: #E8726B; }

.pi-data:not(:last-of-type), .pi-group { border-bottom-width: 1px; border-bottom-style: solid; border-color: #E8726B; } .pi-border-color { border-color: #E8726B; }

/* ================================================ Fondo y transparencia (robado de PlayStation): https://playstationallstars.miraheze.org/wiki/MediaWiki:Common.css

=
=======================================*/

.page-Giantess_Wiki .firstHeading { display:none; } /* Framework */

/*body { background: url(https://static.miraheze.org/giantesswiki/a/a8/Fondo_Wiki_Izquierdo_%28Corazones%29_%28Z%29.png) no-repeat top left scroll, url(https://static.miraheze.org/giantesswiki/b/bf/User_header_2020.png) no-repeat top right scroll, url(https://static.miraheze.org/giantesswiki/e/ee/Fondo_Wiki_Izquierdo_%28Corazones%29.png) no-repeat top left scroll, url(https://static.miraheze.org/giantesswiki/3/34/Wiki-background-2019.gif) repeat bottom left; }*/

body #pageWrapper { margin-right: 10px; }

/* Content */ /*div#content { background: rgba(250, 232, 233, 0.92); border: 4px solid #FF70E9; border-radius: 5px; color: #000000 !important; box-sizing: border-box; }*/

a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited { color: #0060ff; text-shadow: 0.5px 0.5px 0.75px rgba(128, 255, 0, 0.3), 0 0 9px rgba(128, 255, 0, 0.3), 0 0 1.5px rgba(255, 255, 0, 0.3), -1px 0 rgba(255, 255, 0, 0.75), 0 1px rgba(255, 255, 0, 0.75), 1px 0 rgba(255, 255, 0, 0.75), 0 -1px rgba(255, 255, 0, 0.75); }

a.new, color: #ff0000; text-shadow: 0.5px 0.5px 0.75px rgba(128, 255, 0, 0.3), 0 0 9px rgba(128, 255, 0, 0.3), 0 0 1.5px rgba(255, 255, 0, 0.3), -1px 0 rgba(255, 255, 0, 0.75), 0 1px rgba(255, 255, 0, 0.75), 1px 0 rgba(255, 255, 0, 0.75), 0 -1px rgba(255, 255, 0, 0.75); }
 * 1) p-personal a.new {

a.new:visited, color: #ff0000; text-shadow: 0.5px 0.5px 0.75px rgba(128, 255, 0, 0.3), 0 0 9px rgba(128, 255, 0, 0.3), 0 0 1.5px rgba(255, 255, 0, 0.3), -1px 0 rgba(255, 255, 0, 0.75), 0 1px rgba(255, 255, 0, 0.75), 1px 0 rgba(255, 255, 0, 0.75), 0 -1px rgba(255, 255, 0, 0.75); }
 * 1) p-personal a.new:visited {

/* Head */ color: #ff8000; background: transparent; background-image: none; }
 * 1) mw-page-base {

color: #00ff00 !important; background: transparent; background-image: none; border-bottom: 0px; }
 * 1) mw-head-base {

/* Footer */ background: rgba(0, 0, 0, 0.9); border: 5px solid #000080; color: #8080ff; margin-top: 5px; overflow: hidden; font-family: AgencyFB; }
 * 1) footer {

color: #C0C0C0; }
 * 1) footer ul li {

/* Sidebar */ .skin-hydradark #mw-panel div.portal div.body, .skin-hydradark #mw-panel.collapsible-nav .portal { color: #ffffff; background-color: rgba(0, 31, 133, 0.95) !important; border: 1px solid #008080 !important; }


 * 1) mw-panel div.portal div.body ul li a,
 * 2) mw-panel div.portal div.body ul li a:link,

.skin-hydradark #mw-panel div.portal h3, .skin-hydradark #mw-panel div.portal h3:visited, .skin-hydradark #mw-panel.collapsible-nav .portal h3 a, .skin-hydradark #mw-panel.collapsible-nav .portal h3 a:visited, .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a,

div#mw-panel div#p-socialProfiles.portal .body { margin: auto; }

.socialSidebar { width: auto; max-width: 100%; }

/* ================================================ Fondo y transparencia (robado de Yo-Kai Watch): https://yokaiwatch.miraheze.org/wiki/MediaWiki:Common.css

=
=======================================*/

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

/*========================================================* * Blockquote. * * credits: https://sinoalice.wiki			 * *========================================================*/

blockquote { color: #939393; font-style: italic; margin: 30px auto; padding: 30px; border-top: 1px solid #666666; border-bottom: 1px solid #666666; width: 80%; }

blockquote:first-letter { float: left; margin: -22px 7px -40px 2px; font-size: 4em; font-family: "Times New Roman", Times, serif; }

@-moz-document url-prefix { blockquote:first-letter { margin:auto; } }

div.blockquote2 { color: #939393; font-style: italic; margin: 30px auto; padding: 30px; border-top: 1px solid #666666; border-bottom: 1px solid #666666; display:inline-block; }

/*========================================================* * Tabs design for the wiki. * *========================================================*/

div.vectorTabs { border-radius: 8px 8px 0 0; overflow: hidden; }

div.vectorTabs span a { padding-top: 0.9em; padding-bottom: 0.35em; }

div#mw-head div.vectorMenu h3 { border-radius: 8px 8px 0 0; background: #ffffff; }

div.vectorMenu h3 span { padding-top: 0.9em; padding-bottom: 0.35em; line-height: 18px; }

div.vectorMenu h3 a { background-position-y: 50%; }

/*========================================================* * Infobox background design. *	 * Important designs for the infoboxes around the wiki. * *========================================================*/

/*Yo-kai infoboxes*/ .unknowndark {background: #fff url("https://static.miraheze.org/giantesswiki/0/07/Unknown_dark.PNG") repeat; }

.unknownlight {background: #fff url("https://static.miraheze.org/giantesswiki/4/47/Unknown_light.PNG") repeat; }

.shadydark {background: #fff url("https://static.miraheze.org/giantesswiki/1/11/Shady_dark.PNG") repeat; }

.shadylight {background: #fff url("https://static.miraheze.org/giantesswiki/9/9d/Shady_light.PNG") repeat; }

.charmingdark {background: #fff url("https://static.miraheze.org/giantesswiki/d/d7/Charming_dark.PNG") repeat; }

.charminglight {background: #fff url("https://static.miraheze.org/giantesswiki/9/90/Charming_light.PNG") repeat; }

.mysteriousdark {background: #fff url("https://static.miraheze.org/giantesswiki/6/68/Mysterious_dark.PNG") repeat; }

.mysteriouslight {background: #fff url("https://static.miraheze.org/giantesswiki/f/f2/Mysterious_light.PNG") repeat; }

.slipperydark {background: #fff url("https://static.miraheze.org/giantesswiki/b/b9/Slippery_dark.PNG") repeat; }

.slipperylight {background: #fff url("https://static.miraheze.org/giantesswiki/4/4a/Slippery_light.PNG") repeat; }

.eeriedark {background: #fff url("https://static.miraheze.org/giantesswiki/d/d2/Eerie_dark.PNG") repeat; }

.eerielight {background: #fff url("https://static.miraheze.org/giantesswiki/a/a0/Eerie_light.PNG") repeat; }

.bravedark {background: #fff url("https://static.miraheze.org/giantesswiki/d/d1/Brave_dark.PNG") repeat; }

.bravelight {background: #fff url("https://static.miraheze.org/giantesswiki/0/05/Brave_light.PNG") repeat; }

.toughdark {background: #fff url("https://static.miraheze.org/giantesswiki/8/88/Tough_dark.PNG") repeat; }

.toughlight {background: #fff url("https://static.miraheze.org/giantesswiki/7/7d/Tough_light.PNG") repeat; }

.heartfuldark {background: #fff url("https://static.miraheze.org/giantesswiki/7/71/Heartful_dark.PNG") repeat; }

.heartfullight {background: #fff url("https://static.miraheze.org/giantesswiki/0/04/Heartful_light.PNG") repeat; }

.wickeddark {background: #fff url("https://static.miraheze.org/giantesswiki/c/c0/Wicked_dark.PNG") repeat; }

.wickedlight {background: #fff url("https://static.miraheze.org/giantesswiki/1/1a/Wicked_light.PNG") repeat; }

.haguredark {background: #fff url("https://static.miraheze.org/giantesswiki/0/08/Hagure_dark.PNG") repeat; }

.hagurelight {background: #fff url("https://static.miraheze.org/giantesswiki/5/5c/Hagure_light.PNG") repeat; }

.enmadark {background: #fff url("https://static.miraheze.org/giantesswiki/6/6e/Enma_dark.PNG") repeat; }

.enmalight {background: #fff url("https://static.miraheze.org/giantesswiki/e/e0/Enma_light.PNG") repeat; }

.bossdark {background: #fff url("https://static.miraheze.org/giantesswiki/a/a8/Boss_dark.PNG") repeat; }

.bosslight {background: #fff url("https://static.miraheze.org/giantesswiki/d/d2/Boss_light.PNG") repeat; }

/*Quests*/ .request {background: #96c5e3 url("https://static.miraheze.org/giantesswiki/6/60/Quest_background.PNG") repeat; }

.requestbox {background: #b8d1e0 url("https://static.miraheze.org/giantesswiki/1/1e/Questbox_background.PNG") repeat; }

.favors {background: #ffe09d url("https://static.miraheze.org/giantesswiki/6/60/Quest_background.PNG") repeat; }

.favorsbox {background: #ffd988 url("https://static.miraheze.org/giantesswiki/1/1e/Questbox_background.PNG") repeat; }

/*Main*/ .main {background: #ffb1d3 url("https://static.miraheze.org/giantesswiki/5/5d/Main_background.PNG") repeat; }

.mainlight {background: #ffb1d3 url("https://static.miraheze.org/giantesswiki/f/fc/Main_light_background.PNG") repeat; }

.shadowside {background: #ffb1d3 url("https://static.miraheze.org/giantesswiki/3/3b/Shadowside_background.PNG") repeat; }

.shadowsidelight {background: #ffb1d3 url("https://static.miraheze.org/giantesswiki/a/a0/Shadowside_background_light.PNG") repeat; }

/*Side*/ .chapter {background: #828080 url("https://static.miraheze.org/giantesswiki/3/3a/Chapterbox.PNG") repeat; }

.chapterbox {background: #afaeae url("https://static.miraheze.org/giantesswiki/1/1e/Questbox_background.PNG") repeat; }

/*========================================================* * Yo-kai Watch Wiki round edges module. * *========================================================*/ .barleft {background: #A3DBFF url("https://static.miraheze.org/giantesswiki/0/01/Bar_left.PNG"); background-position: left; background-repeat: no-repeat; background-size: 90px; }

.circle {background: #F5FBFF url("https://static.miraheze.org/giantesswiki/2/2c/Circle.PNG"); background-position: center; background-repeat: no-repeat; background-size: 500px; } .jibanyan {background: #fff url("https://static.miraheze.org/giantesswiki/7/71/Jibanyan_background.PNG.png"); background-position: center; background-repeat: no-repeat; background-size: 200px; }

.whisper {background: #fff url("https://static.miraheze.org/giantesswiki/6/64/Whisper_background.PNG.png"); background-position: center; background-repeat: no-repeat; background-size: 200px; }

.hovernyan {background: #fff url("https://static.miraheze.org/giantesswiki/4/4e/Hovernyan_background.PNG.png"); background-position: center; background-repeat: no-repeat; background-size: 200px; }

.komasan {background: #fff url("https://static.miraheze.org/giantesswiki/9/9b/Komasan-s_background.PNG.png"); background-position: center; background-repeat: no-repeat; background-size: 200px; }

.nathan {background: #fff url("https://static.miraheze.org/giantesswiki/e/e6/Nathan_background.PNG.png"); background-position: center; background-repeat: no-repeat; background-size: 200px; }

/*========================================================* * Gallery design for the wiki. * *========================================================*/ li.gallerybox { border: 1px solid #519B95; display: inline-block; vertical-align: top; background: #ffc5c8; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; }

li.gallerybox div.thumb { background: #ffe8e9; border: 1px solid #519B95; margin: 2px 2px 0px 2px; text-align: center; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; }

div.gallerytext { font-size: 100%; padding: 0px 4px; }

/*========================================================* * Content design for the wiki. * *========================================================*/

/* MAIN PAGE DESIGN CSS */ body.page-Main_Page #t-cite, body.page-Main_Page #footer-info-lastmod, body.page-Main_Page #siteSub, body.page-Main_Page #contentSub, body.page-Main_Page h1.firstHeading { display: none !important; }

/*========================================================* * TOC design for the wiki. * *========================================================*/

-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border-top: 1px solid #519B95; border-bottom: 1px solid #519B95; border-left: 1px solid #519B95; border-right: 1px solid #519B95; background: #7AE0D6 url("https://static.miraheze.org/giantesswiki/f/fc/Main_light_background.PNG") repeat; }
 * 1) toc {

/*========================================================* * Noticebar design for the wiki. * *========================================================*/ .noticebar { background: #7AE0D6 url("https://static.miraheze.org/giantesswiki/5/5d/Main_background.PNG") repeat left center; border: 1px solid #519B95; margin-top: 0.2em; padding: 0.2em; text-align: center; }

/*========================================================* * Yo-kai Watch Wiki round edges module. * *========================================================*/ .roundy { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -icab-border-radius: 10px; -o-border-radius: 10px; }

.roundytl { border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; -icab-border-top-left-radius: 10px; -o-border-top-left-radius: 10px; }

.roundytr { border-top-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-right-radius: 10px; }

.roundybl { border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-bottom-left-radius: 10px; }

.roundybr { border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-right-radius: 10px; }

.roundybottom { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -khtml-border-bottom-left-radius: 10px; -khtml-border-bottom-right-radius: 10px; -icab-border-bottom-left-radius: 10px; -icab-border-bottom-right-radius: 10px; -o-border-bottom-left-radius: 10px; -o-border-bottom-right-radius: 10px; }

.roundytop { border-top-left-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-top-left-radius: 10px; -o-border-top-right-radius: 10px; }

.roundyleft { border-top-left-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -khtml-border-top-left-radius: 10px; -khtml-border-bottom-left-radius: 10px; -icab-border-top-left-radius: 10px; -icab-border-bottom-left-radius: 10px; -o-border-top-left-radius: 10px; -o-border-bottom-left-radius: 10px; }

.roundyright { border-bottom-right-radius: 10px; border-top-right-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-topright: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -khtml-border-top-right-radius: 10px; -icab-border-bottom-right-radius: 10px; -icab-border-top-right-radius: 10px; -o-border-bottom-right-radius: 10px; -o-border-top-right-radius: 10px; }

/*========================================================* * Wikitable. * *========================================================*/ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background-color: transparent; border: 1px solid #519B95; color: #000; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { background: transparent; border: 1px solid #519B95; } table.wikitable th, table.prettytable th { background: #ffb1d3 url("https://static.miraheze.org/giantesswiki/f/fc/Main_light_background.PNG") repeat; text-align: center; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td{ border: 1px solid #ffb1d3 url("https://static.miraheze.org/giantesswiki/f/fc/Main_light_background.PNG") repeat; padding: 0.4em; } table.wikitable > tr > th, table.wikitable > * > tr > th { background: #ffd0ff; } table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; }

/*========================================================* * Arrow for evolution and fusion templates. * *========================================================*/ .arrow { background:url("https://static.miraheze.org/giantesswiki/f/fe/Arrow.PNG") no-repeat right center; color:#000; height:30px; padding:10px; vertical-align:middle; }

/*========================================================* * Odd testing (from chibimaru.tv). * *========================================================*/   background: #FFF; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.39); -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.39); box-shadow: 1px 1px 3px rgba(0,0,0,0.39); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
 * 1) main-contents .box-inner {

background-color: #A3DBFF; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; height: 36px; background-image: url("https://static.miraheze.org/giantesswiki/f/fc/Main_light_background.PNG"); background-position: left center; background-repeat: repeat-x; }
 * 1) main-contents .colorbox {

@import "compass/css3";

.ico-mglass { position:relative; display:inline-block; background: #fff; border-radius: 30px; height: 6px; width: 6px; border: 2px solid #888; &:after { content: ""; height: 2px; width: 6px; background: #888; position:absolute; top:7px; left:5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); } }

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

display: none; }
 * 1) mobileview {

margin: 0 0 0.35em; background: rgba(255,228,255,.95); padding: 1em; border-radius: 8px; }
 * 1) catlinks div {

ul#filetoc, .toc, .mw-warning { box-shadow: 0 1px 2px 1px rgba(0,0,0,0.28); }

background: rgba(250, 232, 233, 0.92) !important; border-radius: 0px 0px 8px 8px; font-size:1.0em; }
 * 1) mw-content {

body { font-size:0.85em; }

/*#mw-content-container { background-image: url(https://static.miraheze.org/giantesswiki/0/0c/Fondo_blanco_transparente.png) !important; background-attachment: scroll !important; background-position: top center !important; background-repeat: no-repeat !important; }*/

background-image: url(https://static.miraheze.org/giantesswiki/3/34/Wiki-background-2019.gif) !important; background-attachment: scroll !important; background-position: bottom left !important; background-repeat: repeat !important; }
 * 1) mw-content-container {

background: rgba(250, 232, 233, 0.92) !important; border-radius: 0px 0px 8px 8px; font-size:1.5em; }
 * 1) p-logo-text a {

.mp-portal-icon a img { background: rgba(250, 232, 233, 0.92) !important; border-radius: 0px 0px 8px 8px; width: 100%; min-width: 50px; max-width: 82px; height: auto; }

.mp-portal-row div { background: rgba(250, 232, 233, 0.92) !important; border-radius: 0px 0px 8px 8px; flex: 0 1 auto; margin: 4px; }

.mp-portal-row { display: flex; flex-flow: row nowrap; margin: 0; align-items: self-start; justify-content: space-around; text-align: center; font-weight: bold; max-width: 100%; }

.main-page-nav { flex-basis: 66%; width: 100%; } .main-page-twitter { flex-basis: 30%; width: 100%; }

/* Sidebar dropdown CSS */ .sidebar-collapsible { background-repeat: no-repeat; }

.sidebar-collapsible:hover { background-color: #ddd; border-radius: 5px; }

div#sidebar-collapsible-toggle { text-align: right; font-size: .95em; color: #0088dd; }

div#sidebar-collapsible-toggle:hover { color: #006699; }

padding: .5em .5em .5em 1.5em !important; background-position-y: center; }
 * 1) mw-site-navigation .sidebar-chunk h3,
 * 2) mw-related-navigation .sidebar-chunk h3 {

.sidebar-inner h3, .dropdown h3 { padding: .5em !important; }

.sidebar-inner ul, .dropdown ul, .sidebar-inner li, .dropdown li { padding-left: .5em !important; }

padding-left: .5em !important; }
 * 1) mw-site-navigation .sidebar-chunk ul,
 * 2) mw-related-navigation .sidebar-chunk ul,
 * 3) mw-site-navigation .sidebar-chunk li,
 * 4) mw-related-navigation .sidebar-chunk li {

@media only screen and (max-width: 720px) { .mp-portal-row { flex-flow: row wrap; }	.mp-portal-row > div { max-width: 150px; }	.main-page-nav { flex-basis: 100%; }	.main-page-twitter { flex-basis: 100%; } }

.sidebar-chunk { border-radius: 8px; background: rgba(252,252,252,.9) !important; }

.flex-container { max-width:850px; margin:auto; border:1px solid black; padding:1em; }

.flex-panel { display:flex; flex-wrap:wrap; flex-direction:row; text-align:center; }

.character-header { padding:0 1em 1em 1em; text-align:center; }

.character-name { font-size:1.5em; }

.panel-image { flex:1 0 50%; text-align:center; }

.character-info { flex:1 0 45%; padding:.5em; }

.nopadding { padding: 0!important; }

.character-info .wikitable { width:100%; margin:auto; }

/* Tabber styling */ ul.tabbernav li { line-height: 24px }

.character-info .tabberlive, .character-info .tabberlive .tabbertab { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border: none !important; padding: 2px !important; }

.character-info ul.tabbernav { background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; border-bottom: none !important; }

.character-info ul.tabbernav li a, .character-info ul.tabbernav li a:link { background-color: #fff; color: #000 !important; border-bottom: 1px solid #ccc; }

.character-info ul.tabbernav li a:hover { background-color: transparent !important; color: transparent; }

.character-info ul.tabbernav li.tabberactive { border: none !important; }

.character-info ul.tabbernav li.tabberactive a, .character-info ul.tabbernav li.tabberactive a { background-color: #ffffff; color: #000000 !important; border: 1px solid black !important; }

img[alt="Frontpage.PNG"] { max-width: 100%; height: auto; }

/* mw ui button tweaks */

.mw-ui-button-group { display: inline-flex; } .mw-ui-button-group > * { min-width: 38px; float: none; }

.mw-ui-button-group > *:last-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.mw-ui-button { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.mw-ui-button.mw-ui-progressive, .mw-ui-button.mw-ui-progressive:active, .mw-ui-button.mw-ui-progressive.mw-ui-checked {   border: solid 1px #cccccc; border-bottom-width: 1px; border-bottom-width: 0.2em; box-sizing: border-box; border-radius: 0.2em; background: #bababa !important; color: #001133; min-height: 30px; box-shadow: 0 1px 2px rgba(0,0,0,0.05);

}

/* Tab Styling - because it seems the styling isn't being applied on newer MediaWiki versions */ /* Layout styles */ /** * The direct-child selector (a > b) should be used whenever possible, except for elements within .tabs-content, * to prevent styling issues with nested tags. Use >*> whenever necessary, as this doesn't increase specificity. */ /** * Regarding the usage of the body:not(oldbrowser) selector: * * All browsers with support for :not also support :checked * Putting body:not(oldbrowser) as part of the selector will cause only browsers with :checked support to render the styles * IE is not the only browser that lacks :checked support, so conditional comments are not an option here. * :not(oldbrowser) is chosen as selector, since the tag can't also be an tag at the same time. * The only browsers with :checked support, but without :not support are Opera 9.0-9.5 and Safari 3.1.* * Those browsers will have to rely on the JS alternative. If JS is disabled for them, all tabs will show at once. * this needs to be a seperate style, since old browsers will ignore the rule with :not altogether. * Sources: https://developer.mozilla.org/en-US/docs/Web/CSS/:checked#Browser_compatibility, *         https://developer.mozilla.org/en-US/docs/Web/CSS/:not#Browser_compatibility */ body:not(oldbrowser) .tabs-content {display: none;} /** * This is for testing if the browser supports the :not selector. !important is used to ensure this style doesn't change. * The "sans-serif" ("without-serif") and "serif" fonts are used to indicate :not-support (so also :checked support, since those * selectors gained support in almost every browser at the very same moment). "sans-serif" indicates no support; "serif" indicates :not support. * This form is used as a "testcase" because it is hidden from view anyway, and always present when any or tags are present. * The margin: 0px is to determine whether the browser supports the general sibling selector ~. If it doesn't, there is "no margin" for interactivity, so JS is not activated. */	font-family: sans-serif !important; margin: 0px !important; } head~body #tabs-inputform {margin: 1px !important;} body:not(oldbrowser) #tabs-inputform {font-family: serif !important;} /** * max-height prevents font-boosting on tabs in mobile browsers even when not in mobile skin. * Font-boosting causes weird differences between tab contents and surrounding text (most specifically for inline tabs), so disabling it altogether. * If font-boosting doesn't create difference in size between text and inline tab contents anymore, remove or comment out the next line. */ .tabs, .tabs * { max-height: 1000000px; } .tabs-input, .tabs-close, body.tabs-oldbrowserscript .tabs-content {display: none;} .tabs-tabbox, .tabs-togglebox { margin: 10px 0; } .tabs-label { cursor: pointer; padding: 1px 6px; border: 1px solid lightgray; background:rgba(255,255,255,.6); } .tabs-togglebox.tabs-inline {display: inline-block;} /** * Regarding the * html and *+html selectors * * IE ver. 5.5-7 support no inline-block on divs. * These selectors manage to select the tag in versions 6 and 7 of IE, respectively. * Do not change .tabs-togglebox to a just for supporting these versions of IE though, because block-level elements will be placed within it * 	and it is not allowed to nest block-level elements inside span elements. * Sources: http://blogs.msdn.com/b/ie/archive/2005/09/02/460115.aspx *         http://www.webdevout.net/css-hacks#in_css-selectors *         https://en.wikipedia.org/wiki/CSS_hack#Star_plus_hack */ /** * The following is an alternative to the non-IE<9 `:first-of-type` and selects the first tabs-label, * since only the first label is positioned behind 2 inputs in a row. */ .tabs-tabbox > .tabs-input+ .tabs-input+ .tabs-label { margin-left: 10px; } .tabs-tabbox > .tabs-container { margin-top: -1px; padding: 2px 6px; position: relative; width: inherit; /*This will cause the width to be inherited from the main tab, and enables the possibility to use width: inherit within the tab itself too */ max-width: inherit; min-width: inherit; z-index: 1; /* unselected tab is positioned below the content this way */ } .tabs-tabbox > .tabs-label { margin: 2px; position: relative; display: inline-block; vertical-align: bottom; } .tabs-tabbox .tabs-content-0 { display: inline-block; } .tabs-tabbox .tabs-block.tabs-content-0 { display: block; } .tabs-tabbox .tabs-inline.tabs-content-0 { display: inline; } .tabs-plain > .tabs-label { border: 1px solid #AAA; border-radius: 8px; margin: 2px; } .tabs-plain > .tabs-container { border-radius: 0; border: none; padding: 0; margin-top: 1px; } .tabs-togglebox > .tabs-container { display: inline-block; /* this is to make the box the minimal width it needs to be */ width: inherit; min-width: inherit; max-width: inherit; padding: 0; border-radius: 8px; } .tabs-togglebox >*> .tabs-label { display: block; text-align: center; border-radius: 7px; padding: 1px 5px; margin: 0; outline: none; /* prevent :focus outline */ } .tabs-togglebox >*> .tabs-content { padding: 2px 6px; border-radius: 0 0 7px 7px; border: 1px solid #AAA; border-top: none; vertical-align: top; } .tabs-dropdown .tabs-container { width: inherit; min-width: inherit; max-width: inherit; position: relative; } .tabs-dropdown >*> .tabs-content { border-radius: 0; } .tabs-dropdown p {margin: 0;} .tabs-dropdown >*> .tabs-label { margin-right: -14px; /* This is to align the label with the tabs content correctly: it becomes 2*7px (padding + border-width on tabs-content) wider. */ } .tabs-dropdown { margin-right: 14px; /*Cancel out the -14px margin to prevent clipping problems*/ } .tabs-dropdown >*> .tabs-content { position: absolute; z-index: 100000; cursor: default; margin: 0; padding: 0 6px; display: block; /* tabs-content is display: block by default, but is hidden by moving it off the screen to allow delaying the showing of the contents, via CSS transitions */ left: -1000000px; /*move the menu off the screen. As opposed to display: none, this does allow transition-delay.*/ } .tabs-dropdown >*> .tabs-content, .tabs-dropdown li ul, .tabs-dropdown li ol { width: inherit; min-width: inherit; max-width: inherit; box-shadow: 2px 3px 5px #888; } .tabs-dropdown li { width: inherit; min-width: inherit; max-width: inherit; } .tabs-dropdown >*> .tabs-label, .tabs-dropdown >*> .tabs-content, .tabs-dropdown ul, .tabs-dropdown ul:before, .tabs-dropdown ol, .tabs-dropdown ol:before { /* Delay opening the togglebox to prevent accidental opening when moving the mouse over it. this should be enough delay to accomplish this. */	-webkit-transition-property: left, margin-left, border-radius; -webkit-transition-delay: 0.2s; -moz-transition-property: left, margin-left, border-radius; -moz-transition-delay: 0.2s; -o-transition-property: left, margin-left, border-radius; -o-transition-delay: 0.2s; transition-property: left, margin-left, border-radius; transition-delay: 0.2s; } .tabs-dropdown .tabs-dropdown { margin-left: -7px; /* prevent overflowing for nested dropdowns. */ } .tabs-dropdown li li .tabs-dropdown { margin-left: 0; /* this negative margin is not necessary in sub-menus */ } .tabs-dropdown li, .tabs-dropdown >*> .tabs-content> a, .tabs-dropdown >*> .tabs-content>p> a, .tabs-dropdown ol>li> a { display: list-item; list-style: none; margin: -1px -6px 0 -6px; /*These margins and padding styles cause the  to take up the full width of the dropdown: -6px cancels out the original padding.*/ padding: 2px 6px; border-top: 1px solid #AAA; position: relative; } .tabs-dropdown ol>li> a { border: none; margin: -2px -6px; padding: 2px 6px; } .tabs-dropdown li li a { margin: -2px 0; } .tabs-dropdown li li, .tabs-dropdown li li:last-child { margin-left: 0; /* cancel out negative margins for the nested s */ margin-right: 0; padding: 2px 0; } .tabs-dropdown >*> .tabs-content ul, .tabs-dropdown >*> .tabs-content ol { margin: 0; /*remove initial margins*/ width: inherit; min-width: inherit; max-width: inherit; } .tabs-dropdown li ul, .tabs-dropdown li ol { position: absolute; border: 1px solid #AAA; top: -1px; left: -1000012px; } .tabs-dropdown li ul ~ ul, .tabs-dropdown li ul ~ ol, .tabs-dropdown li ol ~ ul, .tabs-dropdown li ol ~ ol { display: none; /*This prevents multiple different types of lists from overlapping within sub-menus. Sub-menus should always use the same type of list for all items.*/ } .tabs-dropdown li ul:before, .tabs-dropdown li ol:before { content: ">"; color: #88F; font-weight: bold; position: absolute; left: 100%; margin-left: 1000012px; } .tabs-dropdown li li ul:before, .tabs-dropdown li li ol:before { margin-left: 1000000px; } /* Interactivity styles */ .tabs-label:hover { background-color: #CCC; } .tabs-label:active, .tabs-label:focus { background-color: #CCE; } .tabs-tabbox > .tabs-input:checked + .tabs-label, .tabs-input-0:checked + .tabs-input-1 + .tabs-label { z-index: 2; background-color: #FFF; border:1px solid black; font-weight:bold; } .tabs-togglebox >*> .tabs-input:checked + .tabs-label, .tabs-dropdown >*> .tabs-label:focus, .tabs-dropdown:hover >*> .tabs-label {border-radius: 7px 7px 0 0;} .tabs-togglebox >*> .tabs-input:checked ~ .tabs-content {display: block;} /* tabs-close is hidden by default, tabs-open is shown by default. Swap this when the tab is opened. */ .tabs-togglebox .tabs-input:checked + * .tabs-close {display: inline;} .tabs-togglebox .tabs-input:checked + * .tabs-open {display: none;} .tabs-dropdown >*> .tabs-content li:hover { background: #CCC; } .tabs-dropdown a, .tabs-dropdown a:hover, .tabs-dropdown a: visited { color: #15B; } .tabs-dropdown a:active { color: #108; } .tabs-dropdown >*> .tabs-content> a:hover, .tabs-dropdown >*> .tabs-content>p> a:hover, .tabs-dropdown ol>li> a:hover { background: #CCE; text-decoration: none; } .tabs-dropdown >*> .tabs-label:focus + .tabs-content, .tabs-dropdown:hover >*> .tabs-content {left: 0;} .tabs-dropdown >*> .tabs-content li:hover > ul, .tabs-dropdown >*> .tabs-content li:hover > ol { left: 100%; } .tabs-dropdown >*> .tabs-content li:hover > ul:before, .tabs-dropdown >*> .tabs-content li:hover > ol:before { margin-left: 0; left: -12px; } /***** The same :checked interactivity styles, but for non-:checked browsers with JS *****/ .tabs-tabbox > .tabs-input.checked + .tabs-label, .tabs-input-0.checked + .tabs-input-1 + .tabs-label { z-index: 2; background-color: #FFF; } .tabs-togglebox >*> .tabs-input.checked ~ .tabs-content {display: block;} .tabs-togglebox >*> .tabs-input.checked + * .tabs-close {display: inline;} .tabs-togglebox >*> .tabs-input.checked + * .tabs-open {display: none;} /** * The following is an alternative toggle system for Android Browser using and tags * which is based on http://stackoverflow.com/q/21357641/1256925 */ summary::-webkit-details-marker { display: none; } .tabs-togglebox details.tabs-container:not([open]) .tabs-content { display: none; } .tabs-togglebox details.tabs-container[open] .tabs-content { display: block; } .tabs-togglebox details.tabs-container:not([open]) .tabs-label { border-radius: 7px; } .tabs-togglebox details.tabs-container[open] .tabs-label { border-radius: 7px 7px 0 0; } .tabs-togglebox details.tabs-container[open] .tabs-close {display: inline;} .tabs-togglebox details.tabs-container[open] .tabs-open {display: none;}
 * 1) tabs-inputform {
 * 1) tabs-inputform,
 * html .tabs-togglebox .tabs-inline {display: inline;}/*IE6 and below*/
 * +html .tabs-togglebox .tabs-inline {display: inline;}/*IE7 only*/

/* wikitable */

/*table.wikitable> :first-child>tr:first-child, table.wikitable>tbody>tr.heading, table.wikitable> :first-child>tr:first-child>th, table.wikitable>tbody>tr.heading>* { background-color: #ffd0d0; border-top: 1px solid #afa15c; }*/

/*table.wikitable> :first-child>tr:first-child a, table.wikitable>tbody>tr.heading a { color: #a7f9be }*/

/*table.wikitable>tbody>tr>th, table.wikitable>tfoot>tr>th, table.wikitable>thead>tr>th, table.wikitable>tbody>tr>th { background-color: #ffd0d0; border-top: 1px solid #afa15c; }*/

/*table.wikitable>tbody>tr:nth-child(odd), table.wikitable>tbody>tr:nth-child(odd) { background-color: #e3f2ea; }

table.wikitable { border: 0 solid; border-collapse: collapse; border-spacing: 0; font-size: .9230769231em; text-align: left; clear: none; position: relative; vertical-align: top; margin: 10px 0; padding: 0; max-width: 100%; background-color: #FFF; }

table.wikitable>caption { font-weight: bold }

table.wikitable>thead, table.wikitable>tbody { border: 0 solid #aaa\0/ }

table.wikitable tr { border: 1px solid #aaa\0/; text-align: left; border-color: #AAA; }

border-top-width: 0; border-bottom-width: 0; }

table.wikitable>*>tr> :first-child { border-left: 1px solid #AAA; }

table.wikitable>*>tr> :last-child { border-right: 1px solid #AAA; }

table.wikitable>tbody>tr:last-child, table.wikitable>tbody>tr:last-child>*, table.wikitable>tfoot>tr:last-child>*, table.wikitable>caption { border-bottom: 1px solid #AAA; }

table.wikitable>tbody>tr>th, table.wikitable>tbody>tr>td, table.wikitable>tfoot>tr>th { line-height: 1.667em; padding: .25em .5em; }

table.wikitable tr>th, table.wikitable[class*=center] tr { text-align: center; }

table.wikitable[class*=left] tr { text-align: left; }

table.wikitable[class*=right] tr { text-align: right; }

table.wikitable[class*=middle] tr { vertical-align: middle; }

table.wikitable[class*=top] tr { vertical-align: top; }

table.wikitable[class*=bottom] tr { vertical-align: bottom; }

table.wikitable> :first-child>tr:first-child, table.wikitable>tbody>tr.heading { background-color: #F3F3F3; border: 1px solid #aaa; }

table.wikitable>tbody>tr>th, table.wikitable>tfoot>tr>th { background-color: #E7E7E7; border-color: #AAA; }

table.wikitable>tbody>tr:nth-child(odd) { background-color: #F3F3F3; border-color: #AAA; }

table.wikitable>tbody, table.wikitable>tbody>tr.heading, table.wikitable>tbody>tr>[rowspan], table.wikitable>tbody>tr>[colspan] { border: 1px solid #AAA; }

table.wikitable> :first-child>tr:first-child+tr [rowspan], table.wikitable> :first-child>tr:first-child+tr [colspan] { border-top-width: 0; }

table.wikitable .line, table.wikitable .line-bottom { border-bottom-width: 1px!important; border-bottom-style: solid; }

table.wikitable .line-top { border-top-width: 1px!important; border-top-style: solid; border-top-color: #AAA; }

table.wikitable .line-left { border-left-width: 1px!important; border-left-style: solid; border-left-color: #AAA; }

table.wikitable .line-right { border-right-width: 1px!important; border-right-style: solid; border-right-color: #AAA; }

table.wikitable table { background-color: transparent; padding: 0; margin: 0; }

table.borderless>*>tr>td { border: none; }

table.borderless>tbody>tr>[colspan] { border: none; }

table.fullwidth { width: 100%; }

.wikitable>*>tr>th a:visited, .wikitable>*>tr>th a:link { color: #FFFFFF !important; }

.wikitable th a { color: #0061c0; }

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border-bottom: 1px solid #AAA; }*/

/* cargoTable */

/*table.cargoTable> :first-child>tr:first-child, table.cargoTable>tbody>tr.heading, table.cargoTable> :first-child>tr:first-child>*, table.cargoTable>tbody>tr.heading>* { background-color: #e6bc2d; border-top: 1px solid #afa15c; }

table.cargoTable> :first-child>tr:first-child a, table.cargoTable>tbody>tr.heading a { color: #a7f9be }

table.cargoTable>tbody>tr>th, table.cargoTable>tfoot>tr>th, table.cargoTable>thead>tr>th, table.cargoTable>tbody>tr>th { background-color: #ffd0d0; border-top: 1px solid #ff06b7; }

table.cargoTable>tbody>tr:nth-child(odd), table.cargoTable>tbody>tr:nth-child(odd) { background-color: #ffd0ff; }

table.cargoTable { border: 0 solid; border-collapse: collapse; border-spacing: 0; font-size: .9230769231em; text-align: left; clear: none; position: relative; vertical-align: top; margin: 10px 0; padding: 0; max-width: 100%; width: 100%; }

table.cargoTable>caption { font-weight: bold }

table.cargoTable>thead, table.cargoTable>tbody { border: 0 solid #aaa\0/ }

table.cargoTable tr { border: 1px solid #aaa\0/; text-align: left; border-color: #AAA; text-align: center; }

table.cargoTable td { vertical-align: middle; }

border-top-width: 0; border-bottom-width: 0; }

table.cargoTable>*>tr> :first-child { border-left: 1px solid #AAA; }

table.cargoTable>*>tr> :last-child { border-right: 1px solid #AAA; }

table.cargoTable>tbody>tr:last-child, table.cargoTable>tbody>tr:last-child>*, table.cargoTable>tfoot>tr:last-child>*, table.cargoTable>caption { border-bottom: 1px solid #AAA; }

table.cargoTable>tbody>tr>th, table.cargoTable>tbody>tr>td, table.cargoTable>tfoot>tr>th { line-height: 1.667em; padding: .25em .5em; }

table.cargoTable tr>th, table.cargoTable[class*=center] tr { text-align: center; }

table.cargoTable[class*=left] tr { text-align: left; }

table.cargoTable[class*=right] tr { text-align: right; }

table.cargoTable[class*=middle] tr { vertical-align: middle; }

table.cargoTable[class*=top] tr { vertical-align: top; }

table.cargoTable[class*=bottom] tr { vertical-align: bottom; }

table.cargoTable> :first-child>tr:first-child, table.cargoTable>tbody>tr.heading { background-color: #EEE; border: 1px solid #aaa; }

table.cargoTable>tbody>tr>th, table.cargoTable>tfoot>tr>th { background-color: #E7E7E7; border-color: #AAA; }

table.cargoTable>tbody>tr:nth-child(odd) { background-color: #F3F3F3; border-color: #AAA; }

table.cargoTable>tbody, table.cargoTable>tbody>tr.heading, table.cargoTable>tbody>tr>[rowspan], table.cargoTable>tbody>tr>[colspan] { border: 1px solid #AAA; vertical-align: middle; }

table.cargoTable> :first-child>tr:first-child+tr [rowspan], table.cargoTable> :first-child>tr:first-child+tr [colspan] { border-top-width: 0; }

table.cargoTable .line, table.cargoTable .line-bottom { border-bottom-width: 1px!important; border-bottom-style: solid; }

table.cargoTable .line-top { border-top-width: 1px!important; border-top-style: solid; border-top-color: #AAA; }

table.cargoTable .line-left { border-left-width: 1px!important; border-left-style: solid; border-left-color: #AAA; }

table.cargoTable .line-right { border-right-width: 1px!important; border-right-style: solid; border-right-color: #AAA; }

table.cargoTable table { background-color: transparent; padding: 0; margin: 0; }

table.borderless>*>tr>td { border: none; }

table.borderless>tbody>tr>[colspan] { border: none; }

table.fullwidth { width: 100%; }

.cargoTable>*>tr>th a:visited, .cargoTable>*>tr>th a:link { color: #FFFFFF !important; }

.cargoTable th a { color: #c7ffff; }*/ /* anotherTable */

/*table.anotherTable> :first-child>tr:first-child, table.anotherTable>tbody>tr.heading, table.anotherTable> :first-child>tr:first-child>th, table.anotherTable>tbody>tr.heading>* { background-color: #ffd0d0; border-top: 1px solid #afa15c; }

table.anotherTable> :first-child>tr:first-child a, table.anotherTable>tbody>tr.heading a { color: #a7f9be }

table.anotherTable>tbody>tr>th, table.anotherTable>tfoot>tr>th, table.anotherTable>thead>tr>th, table.anotherTable>tbody>tr>th { background-color: #ffd0d0; border-top: 1px solid #ff06b7; }

table.anotherTable>tbody>tr:nth-child(odd), table.anotherTable>tbody>tr:nth-child(odd) { background-color: #ffd0ff; }

table.anotherTable { border: 0 solid; border-collapse: collapse; border-spacing: 0; font-size: 1.0em; text-align: center; clear: none; position: relative; vertical-align: top; margin: 10px 0; padding: 0; max-width: 100%; background-color: #FFF; }

table.anotherTable>caption { font-weight: bold }

table.anotherTable>thead, table.anotherTable>tbody { border: 0 solid #aaa\0/ }

table.anotherTable tr { border: 1px solid #aaa\0/; text-align: left; border-color: #AAA; }

border-top-width: 0; border-bottom-width: 0; }

table.anotherTable>*>tr> :first-child { border-left: 1px solid #AAA; }

table.anotherTable>*>tr> :last-child { border-right: 1px solid #AAA; }

table.anotherTable>tbody>tr:last-child, table.anotherTable>tbody>tr:last-child>*, table.anotherTable>tfoot>tr:last-child>*, table.anotherTable>caption { border-bottom: 1px solid #AAA; }

table.anotherTable>tbody>tr>th, table.anotherTable>tbody>tr>td, table.anotherTable>tfoot>tr>th { line-height: 1.667em; padding: .25em .5em; }

table.anotherTable tr>th, table.anotherTable[class*=center] tr { text-align: center; }

table.anotherTable[class*=left] tr { text-align: left; }

table.anotherTable[class*=right] tr { text-align: right; }

table.anotherTable[class*=middle] tr { vertical-align: middle; }

table.anotherTable[class*=top] tr { vertical-align: top; }

table.anotherTable[class*=bottom] tr { vertical-align: bottom; }

table.anotherTable> :first-child>tr:first-child, table.anotherTable>tbody>tr.heading { background-color: #F3F3F3; border: 1px solid #aaa; }

table.anotherTable>tbody>tr>th, table.anotherTable>tfoot>tr>th { background-color: #FFD0FF; border-color: #AAA; }

table.anotherTable>tbody>tr:nth-child(odd) { background-color: #F3F3F3; border-color: #AAA; }

table.anotherTable>tbody, table.anotherTable>tbody>tr.heading, table.anotherTable>tbody>tr>[rowspan], table.anotherTable>tbody>tr>[colspan] { border: 1px solid #AAA; }

table.anotherTable> :first-child>tr:first-child+tr [rowspan], table.anotherTable> :first-child>tr:first-child+tr [colspan] { border-top-width: 0; }

table.anotherTable .line, table.anotherTable .line-bottom { border-bottom-width: 1px!important; border-bottom-style: solid; }

table.anotherTable .line-top { border-top-width: 1px!important; border-top-style: solid; border-top-color: #AAA; }

table.anotherTable .line-left { border-left-width: 1px!important; border-left-style: solid; border-left-color: #AAA; }

table.anotherTable .line-right { border-right-width: 1px!important; border-right-style: solid; border-right-color: #AAA; }

table.anotherTable table { background-color: transparent; padding: 0; margin: 0; }

.anotherTable>*>tr>th a:visited, .anotherTable>*>tr>th a:link { color: #FFFFFF !important; }

.anotherTable th a { color: #0061c0; }

table.anotherTable > tr > th, table.anotherTable > tr > td, table.anotherTable > * > tr > th, table.anotherTable > * > tr > td { border-bottom: 1px solid #AAA; border-right: 1px solid #AAA; }

.story-char-light-shadow-dungeon-box { border: 1px solid #AAA; width: 10em; text-align: center; padding: 1em; margin: 1em; }

.story-char-light-shadow-dungeon-container { display: flex; flex-wrap: wrap; justify-content: center; }*/

/* This is for the hover display of the map image in AD. Can be used elsewhere as well. */

.tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltipimg { visibility: hidden; width: 1px; color: #fff; text-align: left; border-radius: 2px; padding: 1px 0; /* Position the tooltip */ position: absolute; /* Required to keep 'tooltip' inline */ z-index: 1; top: 100px; left: -100px; }

.tooltip:hover .tooltipimg { visibility: visible; }

.tooltip .tooltiptext { visibility: hidden; width: 5rem; min-width:3rem; max-width:25rem; background-color: #fff5cc; color: #060605; text-align: center; border-radius: 6px; padding: 0.1rem 0;

/* Position the tooltip */ position: absolute; z-index: 1; top: 85%; left: 70%; }

.tooltip:hover .tooltiptext { visibility: visible; } /* End Tooltip CSS */

/* Resize images to 100% of containing div. class goes into the div. */ .res-img img { max-width: 100%; height: auto; }