.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页面]] */