Template:Sandbox/S22e450/ba info.css

.chara-container {
	outline: 1px black solid;
}
.chara-left {
	
}
.chara-l-illust {
	padding: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.chara-l-type {
	
}
.chara-l-terrain {
	display: grid;
	grid-template-areas: "terrain_s terrain_s terrain_o terrain_o terrain_i terrain_i""rate_s_ico rate_s_txt rate_o_ico rate_o_txt rate_i_ico rate_i_txt";
	justify-items: center;
	align-items: center;
}

.chara-l-equip {
	display: flex;
}
.chara-right {
	
}
.chara-r-name {
	background-color: #375375;
	color: #fff;
	display: flex;
	justify-content: center;
	font-size: 20px;
}

.ba-bg-dark {
    background-color: #375375 !important;
    color: white;
}

.ba-bg-light {
    background-color: #ddeeff !important;
}

.ba-table {
    /* Inherited from .ba-bg-light */
    background-color: #ddeeff !important;

    width: 100%;
}

.ba-center {
    text-align: center;
}

.ba-header {
    /* Inhereited from .ba-bg-dark */
    background-color: #375375 !important;
    color: white;

    text-align: center;
    font-weight: bold;
}

.ba-header .mw-collapsible-text {
    color: white;
}

.ba-blue,
.ba-blue .mw-collapsible-text {
    color: #33ddff;
}

.ba-tabs .TabLabelText > span {
    color: #375375 !important;
}

.ba-tabs .TabLabelText.selected > span {
    color: #33ddff !important;
}

.skill-ex {
	display:grid;
	grid-template-areas:'. . .';
	grid-column-gap:8px;
	align-items:center;
	justify-content:space-between;
	justify-items:stretch;
	grid-template-columns:48px 1fr 3fr;
	/* padding:0 10px;margin-top:1em; */ 
	padding: 1em 10px;
}

.skill-other {
	display:grid;
	grid-template-areas:'. . .';
	grid-column-gap:8px;
	align-items:center;
	justify-content:space-between;
	justify-items:stretch;
	grid-template-columns:48px 1fr 4fr;
	/* padding:0 10px;margin-top:1em; */ 
	padding: 1em 10px;
}

/* From U:あめろ for T:蔚蓝档案技能 T:蔚蓝档案综合信息*/

.textToggleDisplayButtons {
	display: flex;
}
 
.textToggleDisplayButtons>span {
	flex-grow: 1;
	display: flex;
}
 
.textToggleDisplayButtonLabel {
	border-width: 3px 0 0;
	border-color: transparent;
	background-color: transparent;
	box-shadow: none;
	margin: 0;
}
 
.textToggleDisplayButtonLabel.on {
	color: #33DDFF;
	background-color: #375375;
	border-color: #33DDFF;
}
 
.textToggleDisplayButtonLabel .textToggleDisplayButtonInput {
	display: none;
}

.baTabContent {
    background: white;
    position: relative;
    z-index: 1;
    border: 1px solid #aaa;
    padding: 1.5px;
    border-color: rgb(170, 170, 170);
    background-color: rgb(255, 255, 255);
}

.ba-toggle-container {
	padding: 10px;
}

.baSkillPolygon {
	clip-path: polygon(93.30% 75.00%, 50.00% 100.00%, 6.70% 75.00%, 6.70% 25.00%, 50.00% 0.00%, 93.30% 25.00%);
}
.baWeaponAndBondLayout {
	display: grid;
	grid-template-areas: 'icon skill''icon title';
	align-items: center;
	justify-content: center;
	grid-column-gap: 8px;
}
.wrapper-polygon {
	position: relative;
	grid-area: icon;
}
.baSkillPolygonOuter {
	background-color: #2D4662;
	padding: 2px;
	
}
.baSkillPolygonMid {
	background-color: #fff;
	padding: 2px;
}
.subskill-round-white {
	background-color: white;
	width: 10px;
	height: 10px;
	clip-path: circle(50%);
	position: absolute;
	right: 1%;
	top: 15%;
}
.subskill-round-coloured {
	width: 6px;
	height: 6px;
	clip-path: circle(50%);
	position: absolute;
	left: 50%;
}