< 模板:Aktext(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
.aktext {
margin: 1em;
background-color: rgba(255, 255, 255, 0.1);
font-size: 16px;
line-height: 2em;
clear: both;
}
.aktext > div:not(.akHeader) {
margin: auto;
max-width: 47.5em;
}
.aktext p:not(.akNoflex) {
display: flex;
align-items: flex-start;
justify-content: space-around;
}
.akImg {
max-width: 100%;
border-radius: 0.25em;
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
}
.akHeader {
position: sticky;
top: 0.5em;
z-index: 1;
min-height: 1em;
border-left: 2px solid #2bf;
border-right: 2px solid #2bf;
background-color: #000;
background: radial-gradient(circle at left top, #333, #000);
color: #fff;
padding: 10px;
text-align: center;
font-size: 20px;
font-weight: bold;
cursor: pointer;
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
}
.akName {
flex: 1;
float: left;
border-radius: 0.25em;
padding: 0.25em 0.5em;
text-align: center;
color: #f2f2f2;
margin: 0.25em;
}
.akName:not(:empty) {
background-color: rgba(0, 0, 0, 0.75);
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
}
.akContent {
flex: 4;
margin: 0.5em;
}
.akDecision {
flex-wrap: wrap;
}
.akOption {
color: #000;
border: 1px solid rgba(0, 0, 0, 0.75);
border-radius: 0.25em;
padding: 0 0.5em;
margin: 0.25em;
transition: background-color 150ms, color 150ms;
}
.akOption:hover {
text-decoration: none;
background-color: rgba(0, 0, 0, 0.1);
}
.akOption:active {
background-color: rgba(0, 0, 0, 0.75);
color: #fff;
}
span[class^="akPredicate"] {
padding: 0 0.25em;
border-bottom: 1px solid;
}
.akMusic {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
}
.akMusic > figcaption {
background-color: #333;
color: #fff;
border-radius: 0.25em;
padding: 0 0.5em;
margin: 0.25em;
box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
}
.akDialog {
height: 1.25em;
}
.akDialog + .akDialog {
display: none;
}
#akmusic,
#aktags,
.akPre,
.hidden {
display: none;
}
/* [[分类:在模板名字空间下的CSS页面]] */