Template:萌娘百科月报/css/v202112.css

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