Template:黄金四目/helper.css

.nuo-bg-dark {
    background-color: #9370DB !important; /* 设置背景颜色为深紫色，并且优先级最高 */
    color: white; /* 设置字体颜色为白色 */
}
.nuo-bg-light {
    background-color: #B8AAD5 !important; /* 设置背景颜色为浅紫色，并且优先级最高 */
}
.nuo-table {
    /* Inherited from .nuo-bg-light */
    background-color: #B8AAD5 !important; /* 继承自 `.nuo-bg-light`，设置背景颜色为浅紫色，并且优先级最高 */
    width: 100%; /* 设置表格宽度为 100% */
}
.nuo-center {
    text-align: center; /* 设置文本居中对齐 */
}
.nuo-header {
    /* Inherited from .nuo-bg-dark */
    background-color: #9370DB !important; /* 继承自 `.nuo-bg-dark`，设置背景颜色为深紫色，并且优先级最高 */
    color: white; /* 设置字体颜色为白色 */
    text-align: center; /* 设置文本居中对齐 */
    font-weight: bold; /* 设置字体为加粗 */
}
.nuo-header .mw-collapsible-text {
    color: white; /* 设置 `.nuo-header` 中的 `.mw-collapsible-text` 元素字体颜色为白色 */
}
.nuo-blue,
.nuo-blue .mw-collapsible-text {
    color: #CEA5FF; /* 设置字体颜色为浅紫色 */
}
.nuo-tabs .TabLabelText > span {
    color: #9370DB !important; /* 设置 `.nuo-tabs` 中的 `.TabLabelText` 的直接子元素 `span` 的字体颜色为深紫色，并且优先级最高 */
}
.nuo-tabs .TabLabelText.selected > span {
    color: #CEA5FF !important; /* 设置 `.nuo-tabs` 中的 `.TabLabelText.selected` 的直接子元素 `span` 的字体颜色为浅紫色，并且优先级最高 */
}
.skill-ex {
    display: grid; /* 使用网格布局 */
    grid-template-areas: '. . .'; /* 定义网格区域 */
    grid-column-gap: 8px; /* 设置列间距为 8px */
    align-items: center; /* 垂直居中对齐 */
    justify-content: space-between; /* 水平方向两端对齐 */
    justify-items: stretch; /* 使网格项在网格区域中拉伸 */
    grid-template-columns: 48px 1fr 3fr; /* 定义三列，宽度分别为 48px、1 份和 3 份 */
    padding: 1em 10px; /* 设置内边距为上下 1em，左右 10px */
}
.skill-cost {
    padding: 0 4px; /* 设置左右内边距为 4px */
    border-radius: 5px; /* 设置圆角为 5px */
    display: inline-block; /* 设置为行内块级元素 */
}
.skill-other {
    display: grid; /* 使用网格布局 */
    grid-template-areas: '. . .'; /* 定义网格区域 */
    grid-column-gap: 8px; /* 设置列间距为 8px */
    align-items: center; /* 垂直居中对齐 */
    justify-content: space-between; /* 水平方向两端对齐 */
    justify-items: stretch; /* 使网格项在网格区域中拉伸 */
    grid-template-columns: 48px 1fr 4fr; /* 定义三列，宽度分别为 48px、1 份和 4 份 */
    padding: 1em 10px; /* 设置内边距为上下 1em，左右 10px */
}
.textToggleDisplayButtons {
    display: flex; /* 使用弹性布局 */
}
.textToggleDisplayButtons > span {
    flex-grow: 1; /* 使子元素 `span` 按比例扩展 */
    display: flex; /* 使用弹性布局 */
}
.textToggleDisplayButtonLabel {
    border-width: 3px 0 0; /* 设置上边框宽度为 3px */
    border-color: transparent; /* 边框颜色透明 */
    background-color: transparent; /* 背景颜色透明 */
    box-shadow: none; /* 无阴影 */
    margin: 0; /* 无外边距 */
}
.textToggleDisplayButtonLabel.on {
    color: #CEA5FF; /* 字体颜色为浅紫色 */
    background-color: #9370DB; /* 背景颜色为深紫色 */
    border-color: #CEA5FF; /* 边框颜色为浅紫色 */
}
.textToggleDisplayButtonLabel .textToggleDisplayButtonInput {
    display: none; /* 隐藏输入框 */
}
.baTabContent {
    background: white; /* 背景颜色为白色 */
    position: relative; /* 相对定位 */
    z-index: 1; /* 层级为 1 */
    border: 1px solid #aaa; /* 边框为 1px 灰色实线 */
    padding: 1.5px; /* 内边距为 1.5px */
    border-color: rgb(170, 170, 170); /* 边框颜色为灰色 */
    background-color: rgb(255, 255, 255); /* 背景颜色为白色 */
}
.subpagelist {
    border-left: 10px solid #9370DB;
}
.navbox .in-page-edit-article-link-group {
    display: none !important;
}
.nuoLinksContainer {
    display: inline-block;
}
.nuoLinksFlex {
    display: inline-flex;
    margin: 0 3px;
}
.nuoLinksMain {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: content-box;
    padding: 0 3px;
}
.nuoLinksMain img {
    background: linear-gradient(#ff899e, #f79bac);
    border-radius: 3px;
    color: #FFF;
    height: 11px !important;
    padding: 3px 2px;
}
.nuoLinksMain a.new img {
    background: linear-gradient(#aaaaaa, #b7b7b7);
}
.nuoLinksMain a.selflink img {
    background: linear-gradient(#128cfe, #45a5fe);
}
.nuo-growth-table th {
    background-color: #B8AAD5;
    border-color: #d6d6d6;
}
/* [[Category:在模板名字空间下的CSS页面]][[Category:黄金四目CSS页面]] */
/* 本CSS页面基于[[Template:蔚蓝档案/helper.css]]制作 */