“模板:彩虹社/main.css”的版本间的差异
< 模板:彩虹社
(创建页面,内容为“ →大家族整体样式: .NijiNav .navbox-title, .NijiNav .navbox-subgroup, .NijiNav .navbox-subgroup .navbox-group, .NijiNav .navbox-list, .NijiNav .navbox-abov…”) |
|||
第12行: | 第12行: | ||
margin:9px 0; border-radius:20px; padding:0 1em; line-height:28px; color:white; font-weight:bold; box-shadow: 0 2px 3px #c0c0c0; | margin:9px 0; border-radius:20px; padding:0 1em; line-height:28px; color:white; font-weight:bold; box-shadow: 0 2px 3px #c0c0c0; | ||
} | } | ||
− | .NijiNav # | + | .NijiNav #\672C\90E8list .navbox-group>div {background:#0068AF;} |
.NijiNav #VRlist .navbox-group>div {background:#1EC4EE;} | .NijiNav #VRlist .navbox-group>div {background:#1EC4EE;} | ||
.NijiNav #IDlist .navbox-group>div {background:#009B52;} | .NijiNav #IDlist .navbox-group>div {background:#009B52;} | ||
第18行: | 第18行: | ||
.NijiNav #KRlist .navbox-group>div {background:#E80132;} | .NijiNav #KRlist .navbox-group>div {background:#E80132;} | ||
.NijiNav #ENlist .navbox-group>div {background:#673B8E;} | .NijiNav #ENlist .navbox-group>div {background:#673B8E;} | ||
− | .NijiNav # | + | .NijiNav #\5176\4ED6list .navbox-group>div {background:#2A4B71;} |
.NijiNav .navbox-group>div, .NijiNav .navbox-abovebelow>div, .NijiNav .navbox-list:only-child>div>div:only-child, .NijiNav .charbox div[data-cb] { | .NijiNav .navbox-group>div, .NijiNav .navbox-abovebelow>div, .NijiNav .navbox-list:only-child>div>div:only-child, .NijiNav .charbox div[data-cb] { |
2023年9月26日 (二) 22:08的版本
/* 大家族整体样式 */
.NijiNav .navbox-title, .NijiNav .navbox-subgroup, .NijiNav .navbox-subgroup .navbox-group, .NijiNav .navbox-list, .NijiNav .navbox-abovebelow {
background:transparent;
}
.NijiNav .navbox-title {
filter:drop-shadow(0 2px 1px #ccc);
}
.NijiNav .navbox-group {
vertical-align:top !important;
}
.NijiNav .navbox-group>div {
margin:9px 0; border-radius:20px; padding:0 1em; line-height:28px; color:white; font-weight:bold; box-shadow: 0 2px 3px #c0c0c0;
}
.NijiNav #\672C\90E8list .navbox-group>div {background:#0068AF;}
.NijiNav #VRlist .navbox-group>div {background:#1EC4EE;}
.NijiNav #IDlist .navbox-group>div {background:#009B52;}
.NijiNav #INlist .navbox-group>div {background:#FA7820;}
.NijiNav #KRlist .navbox-group>div {background:#E80132;}
.NijiNav #ENlist .navbox-group>div {background:#673B8E;}
.NijiNav #\5176\4ED6list .navbox-group>div {background:#2A4B71;}
.NijiNav .navbox-group>div, .NijiNav .navbox-abovebelow>div, .NijiNav .navbox-list:only-child>div>div:only-child, .NijiNav .charbox div[data-cb] {
box-shadow: 0 2px 3px #c0c0c0;
}
.NijiNav div[id$=list] {
margin:8px 0;
}
.NijiNav .navbox-list {
border-color:transparent !important;
}
.NijiNav .navbox-list a:not(.new) {
color:#222;
}
.NijiNav .navbox-list .in-page-edit-article-link-group {
display:none;
}
/* 切换显示开关样式 */
.NijiNav .textToggleDisplayButtonLabel {
display:block; width:0; margin:0; padding:0; font-size:12px; color:white; border:none; box-shadow:none; background:none; white-space:nowrap; cursor:pointer; overflow:hidden; transition:all .1s linear, width .15s ease-out, font-size 0s;
}
.NijiNav #namebutton .textToggleDisplayButtonLabel {
box-sizing:border-box; width:40px; border:2px solid white; border-radius:15px; padding:2px; line-height:16px; direction:rtl; overflow:hidden;
}
.NijiNav #grouptab .textToggleDisplayButtonLabel.on {
position:relative; width:170px; font-size:16px; line-height:24px; cursor:default;
}
.NijiNav #grouptab .textToggleDisplayButtonLabel:hover>.off {
text-decoration:underline;
}
.NijiNav .textToggleDisplayButtonInput {
display:none;
}
@media screen and (min-width:640px) {
.NijiNav:hover .textToggleDisplayButtonLabel {
width:26px;
}
}
@media screen and (max-width:720px) {
.NijiNav #grouptab .before-on, .NijiNav #grouptab .after-on {
width:26px;
}
}
/* 顶栏背景切换 */
.NijiNav #abovebg {
left:0; opacity:1; transition:opacity .2s .3s,left .3s;
}
.NijiNav #本部.textToggleDisplay-on~#abovebg {left:0;}
.NijiNav #VR.textToggleDisplay-on~#abovebg {left:-100%;}
.NijiNav #ID.textToggleDisplay-on~#abovebg {left:-200%;}
.NijiNav #IN.textToggleDisplay-on~#abovebg {left:-400%;}
.NijiNav #KR.textToggleDisplay-on~#abovebg {left:-500%;}
.NijiNav #EN.textToggleDisplay-on~#abovebg {left:-600%;}
.NijiNav #其他.textToggleDisplay-on~#abovebg {opacity:0; transition:opacity .2s,left .3s .2s;}
/* 不兼容提示 */
.NijiNav #grouptab, .NijiNav #namebutton, .NijiNav .textToggleDisplay-on~#Nijitip {
display:none;
}
.NijiNav .textToggleDisplay-on~#grouptab, .NijiNav .textToggleDisplay-on~#namebutton, .NijiNav #Nijitip {
display:inline-block; position:relative;
}
/* [[Category:在模板名字空间下的CSS页面]] */