Template:卡拉彼丘/styles.css

/* Only for [[卡拉彼丘]] */
/* 图片链入
   [[File:卡拉彼丘-角色背景-欧泊.png]]
   [[File:卡拉彼丘-角色背景-剪刀手.png]]
   [[File:卡拉彼丘-角色背景-乌尔比诺.png]] */

/*角色表格 */
/*欧泊角色表格 */
.klbqtable1 {
    background-color: rgba(235, 248, 255, .3);
    border: #1E90FF .15em solid;
    border-collapse: separate;
    border-radius: .3em;
    width: 100%;
    max-width: 600px;
}

.klbqtable_title1 {
    text-align: center; 
    background: #1E90FF;
}

.klbqtable1 tr:nth-child(2) > td {
    background-image: url("https://img.moegirl.org.cn/common/9/9a/卡拉彼丘-角色背景-欧泊.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

/*剪刀手角色表格 */
.klbqtable2 {
    background-color: rgba(235, 248, 255, .3);
    border: #FF2400 .15em solid;
    border-collapse: separate;
    border-radius: .3em;
    width: 100%;
    max-width: 600px;
}

.klbqtable_title2 {
    text-align: center; 
    background: #FF2400;
}

.klbqtable2 tr:nth-child(2) > td {
    background-image: url("https://img.moegirl.org.cn/common/8/82/卡拉彼丘-角色背景-剪刀手.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

/*乌尔比诺角色表格 */
.klbqtable3 {
    background-color: rgba(235, 248, 255, .3);
    border: #FF7300 .15em solid;
    border-collapse: separate;
    border-radius: .3em;
    width: 100%;
    max-width: 600px;
}

.klbqtable_title3 {
    text-align: center; 
    background: #FF7300;
}

.klbqtable3 tr:nth-child(2) > td {
    background-image: url("https://img.moegirl.org.cn/common/e/ed/卡拉彼丘-角色背景-乌尔比诺.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

/*角色表格左列样式 */
.klbqtable_left {
    width: 10%;
    min-width: 5em;
    text-align: center;
    background-color: rgba(235,248,255,0.7);
}

/* 图片 */
.klbqtable1 img,
.klbqtable2 img,
.klbqtable3 img {
    max-width: 90%;
    object-fit: contain;
}

/* 视频 */
.klbqtable1 video,
.klbqtable2 video,
.klbqtable3 video {
    max-width: 100%;
    max-height: 240px;
    object-fit: contain;
}

/* Tabs样式 */
.TabLabelText {
    border-radius: 0.3em;
}
.TabContent {
    border-style: solid;
    border-width: 0.2em;
    border-radius: 0.4em;
}

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