MediaWiki:Character.css

/*** start of Template:CharacterNav ***/ /* provided by @jeaoq/enstars-wiki on github */ .boxContainer { display: flex; flex-wrap: wrap; padding: 1em 0; justify-content: center; gap: 1em; }

.boxContainer > div { background-color: #555; color: #fff; text-align: center; border-radius: 1ex; padding: 0.1em; transition: transform 0.2s ease-in-out; }

.boxContainer > div > div > div > a > img { border-radius: 1ex 1ex 0 0; }

.boxContainer > div:hover { transform: scale(1.05); }

.classLabel { position: absolute; letter-spacing: 0px; font-size: 9px; line-height: 1; padding: .5em 0.7em; margin-top: -15px; background-color: inherit; border-radius: 0ex 1ex 0ex 0ex; }

.boxContainer > div > div:nth-child(3){ margin:0.3em 0.7em 0.7em 0.7em; } /*** end of Template:CharacterNav ***/

/*** !! Character page ***/ .char-page-wrapper { margin: auto; max-width: 1284px; display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; align-items: start; }

.agency-wrapper { display: inline-block; justify-content: center; text-align: center; max-width: 636px; width: 100%; }

.unit-header { border: solid 2px var(--theme-page-text-color); padding: 10px; height: 60px; }

.unit-wrapper { margin: auto; max-width: 636px; display: block; }

.unit-card { display: inline-block; float: left; position: relative; }

.unit-card::after { box-shadow: inherit; content: ''; display: block; height: 100%; position: absolute; top: 0; width: 100%; pointer-events: none; }

.unit-chars1 { overflow: auto; margin-left: 108px; }

.unit-chars2 { display: flex; width: 528px; justify-content: space-between; }

.unit-chars2>div { display: inline-block; }

.unit-chars2>div>a>img, .unit-card>a>img { height: 162px; width: auto; }

.unit-chars2>div, .unit-card { overflow: hidden; }

/*fancy animation*/ .unit-card>a>img, .unit-chars2 img { transition: transform .2s ease; }

.unit-card>a>img:hover, .unit-chars2 img:hover { transform: scale(1.04); }

.unit-card>a>img:active, .unit-chars2 img:active { transform: scale(1.02); }

div[style="border-left-color:#e33824;background-color:#FFFFFF"]{ visibility: hidden; height: 0px !important; display: none; }

.char-extra img{ width: 204px; height:auto; } /* github @jeaoq/enstars-wiki */

/* -- Featured Unit template -- */ .feat-char > a > img { width: 100px; height: auto; transition: transform .2s ease; margin: 2px; }

.feat-char > a > img:hover { transform: scale(1.04); }

.feat-char > a > img:active { transform: scale(1.02); }

.feat-unit { font: 900 18px 'Montserrat' !important }