Template:GINKAtop/style.css

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

/* 标题颜色 */
h2 .mw-headline,
h3 .mw-headline,
h4 .mw-headline,
h5 .mw-headline,
h6 .mw-headline {
    color: #00afec;
}

/* 萌皮标题左侧小块颜色 */
h2:before,
h3:before,
h4:before,
h5:before,
h6:before {
    background-color: #00afec !important;
}

/* 标题前图片 */
h2 .mw-headline::before {
    content: "\00A0";
    background: url("https://img.moegirl.org.cn/common/3/33/GINKA-%E8%9D%B4%E8%9D%B6%E5%89%AA%E5%BD%B1.png") center/contain no-repeat;
    display: inline-block;
    width: 1.2em;
    filter: drop-shadow(2px 2px 2px rgba(127, 127, 127, .5));
}

.chara .tabLabelTop .TabLabelText {
    width: 60px;
    height: 60px;
    border: 6px solid transparent !important;
    margin: 1px;
    border-radius: 50%;
    transition: all .2s !important;
}

.chara .tabLabelTop .TabLabelText.selected {
    border-color: #87bee5 !important;
}

.chara .tabLabelTop .TabLabelText img {
    border-radius: 50%;
}

.chara .TabLabelText:hover {
    box-shadow: 0px 0.5em 0.5em rgba(55, 55, 55, 0.15);
    transform: translate(0, -0.1em);
}

.chara .TabContent {
    background-color: transparent !important;
    border: 0;
}

/* 攻略路线 */
.ginka-route {
    border: 2px solid #153b94;
    background: rgba(255,255,255,.6);
    margin-bottom: .5em;
    max-width: 1200px;
}

.ginka-route .mw-collapsible-toggle {
    font-weight: bold;
}

.ginka-route .route-title {
    text-align: center;
    font-weight: bold;
    padding: .2em .3em
}

.ginka-route .mw-collapsible-content {
    border-top: 1px solid #153b94;
}