/* v202112 */
.moegirlMonthlyReport-v202112-letterSpacingSmall {
letter-spacing: 2px;
}
.moegirlMonthlyReport-v202112-letterSpacingMiddle {
letter-spacing: 5px;
}
.moegirlMonthlyReport-v202112-letterSpacingLarger {
letter-spacing: 14px;
}
.moegirlMonthlyReport-v202112-root {
max-width: 1080px;
position: relative;
border: 3px solid green;
margin: 20px auto 0 auto;
padding: 10px 20px;
box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.25);
border-radius: 3px;
background: #FFF;
}
.moegirlMonthlyReport-v202112-toprightCornerRoot {
position: absolute;
top: -35px;
right: 25px;
transform: rotateZ(0deg);
}
.moegirlMonthlyReport-v202112-toprightCornerContainer {
background: #fff;
overflow: hidden;
position: relative;
border: 3px solid green;
height: 70px;
width: 70px;
border-radius: 50%;
box-shadow: 0 3px 5px 1px rgba(0, 0, 0, 0.1);
}
.moegirlMonthlyReport-v202112-toprightCorner {
position: absolute;
top: calc(50% - 24px);
left: calc(50% - 24px);
}
.moegirlMonthlyReport-v202112-headline {
width: 100%;
color: green;
font: bold 40px/1.6 serif;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.moegirlMonthlyReport-v202112-headlineHR {
width: 95%;
margin: 15px auto;
height: 2px;
background: #73B839;
}
.moegirlMonthlyReport-v202112-subline {
width: 100%;
text-align: center;
color: grey;
font-size: 10px;
}
.moegirlMonthlyReport-v202112-subline:before,
.moegirlMonthlyReport-v202112-subline:after {
content: '—';
margin: 0 5px;
}
.moegirlMonthlyReport-v202112-introductionRoot {
display: flex;
flex-flow: wrap;
}
.moegirlMonthlyReport-v202112-introductionContainer {
flex: 1;
min-width: 180px;
background: rgba(163, 270, 71, 0.1);
color: #002124;
padding: 1em;
margin: 0.1em 0.1em 0;
border-radius: 6px;
}
.moegirlMonthlyReport-v202112-introductionTitle {
font-weight: bold;
line-height: 1.6;
border-bottom: 0;
padding-bottom: 0;
padding-top: 0.5em;
margin: 0 10px 10px;
font-size: 1em;
color: MediumSeaGreen;
text-transform: uppercase;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.moegirlMonthlyReport-v202112-introductionContent {
margin: 0.3em 0 0 1.2em;
line-height: 160%;
color: #576D75;
font-size: smaller;
}
.moegirlMonthlyReport-v202112-mainTitle {
width: 100%;
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
display: flex;
flex-wrap: wrap;
justify-content: center;
font-size: larger;
font-weight: 700;
}
.moegirlMonthlyReport-v202112-mainWriter {
width: 100%;
height: 100%;
background: rgb(235, 249, 234);
text-align: center;
}
.moegirlMonthlyReport-v202112-mainContainer {
display: flex;
width: 100%;
}
.moegirlMonthlyReport-v202112-mainBlockContainer {
padding: .2rem 0 0 .2rem;
flex: none;
display: flex;
flex-direction: column;
box-sizing: border-box;
}
.moegirlMonthlyReport-v202112-mainBlockContainer:first-child {
padding-left: 0;
}
@media screen and (max-width: 720px) {
.moegirlMonthlyReport-v202112-mainContainer {
flex-direction: column;
}
.moegirlMonthlyReport-v202112-mainBlockContainer {
width: 100% !important;
flex: none;
}
}
.moegirlMonthlyReport-v202112-mainBlockTitle {
width: 100%;
background: rgba(0, 200, 0, 0.1);
text-align: center;
flex: none;
font-weight: bold;
}
.moegirlMonthlyReport-v202112-mainBlockContent {
background: rgba(163, 270, 71, 0.1);
width: 100%;
flex: auto;
padding: 0 .25em;
box-sizing: border-box;
}
.moegirlMonthlyReport-v202112-otherBlockContainer {
width: 100%;
padding-top: .2rem;
}
.moegirlMonthlyReport-v202112-functionTable {
width: 100%;
height: 100%;
background: rgb(235, 249, 234);
text-align: center;
}
.moegirlMonthlyReport-v202112-footerRoot {
color: #364449;
text-align: center;
position: relative;
font-size: 83%;
margin-top: 2.5em;
}
.moegirlMonthlyReport-v202112-footerContainer {
display: flex;
align-items: center;
}
.moegirlMonthlyReport-v202112-footerWrapper {
height: 2px;
flex: 1;
background: #73B839;
}
.moegirlMonthlyReport-v202112-footerContent {
font-weight: 700;
padding: 0 1em;
}
/** [[Category:在模板名字空间下的CSS页面]] **/