Template:明日方舟模组/style.css

.ak-module, .ak-module * {
	box-sizing: border-box;
}
.ak-module {
	width: 100%;
	max-width: 850px;
	background: #F9F9F9;
	border-style: solid;
	color: #111
}
.ak-module .akm-unitcell {
	display :flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	padding: 0;
}
.ak-module .akm-unitcell > .module-img-div {
	position: relative;
	height: calc(300px + 1.75em);
	flex: 0 0 300px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.module-img-div div {
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.module-img-div > img {
	align-self: end;
	max-width: 100%;
	max-height: 100%;
	width: auto !important;
	height: auto !important;
}
.module-img-div > .module-img-background {
	z-index:-1;
}
.module-img-div .HighBrightnessMod > input {
	vertical-align: text-bottom;
}
.ak-module .akm-unitcell > .module-info-div {
	flex:1 0 300px;
	display: grid;
	grid-template-columns: 60px auto;
	grid-template-rows: auto auto 200px;
	grid-gap: 0;
	grid-template-areas:
		"type name"
		"header header"
		"info info";
}
.module-info-div > div {
	padding: 2.5px 5px;
}
.module-info-div > .module-info-type {
	width: 60px;
	height: 60px;
	background: #222;
	padding: 0;
	margin: 5px 0;
	align-self: end;
	display: grid;
	grid-template-rows: 40px 20px;
	grid-gap: 0;
	grid-template-areas:
		"."
		".";
}
.module-info-div > .module-info-type > div:first-child {
	padding-top: 5px;
	margin:auto;
}
.module-info-div > .module-info-type > div:first-child > img {
	max-width: 50px;
	max-height: 35px;
	width: auto !important;
	height: auto !important;
	margin: auto;
}
.module-info-div > .module-info-type > div:last-child {
	width: 60px;
	height: 20px;
	text-align: center;
	color: #fff;
	font-size: 10px;
	line-height: 20px;
	font-weight: 200;
}
.module-info-div > .module-info-name {
	grid-area: name;
	text-align: right;
	padding: 5px;
	display: grid;
	grid-template-rows: auto auto;
	grid-gap: 0;
	grid-template-areas:
		"."
		".";
}
.module-info-name > div:first-child {
	font-size: 0.9em;
	align-self: start;
}
.module-info-name > div:last-child {
	font-size: 1.6em;
	font-weight: bold;
	align-self: end;
}
.module-info-header {
	grid-area: header;
	color: white;
	background: #333;
}
.module-info-div > .module-info-body{
	grid-area: info;
	overflow-y: auto;
}

#module-info-body-1 > .poem, #module-info-body-1 > .poem > p {
	display: inline;
}

.ak-module .TabLabelText.selected {
	color: white;
}

.ak-module .tabLabelTop .TabLabelText {
	box-shadow: .125em .125em .25em -.125em #000;
	margin: .25em;
	border-left: #2BF 2px solid !important;
}

.ak-module .TabLabel {
	background-color: #FFF;
}

/* [[Category:在模板名字空间下的CSS页面]] */