2023年政策修订增补工作正在进行中，欢迎参与！
User:Selfice/自用模板/图书馆tabs/style.css
注意：在保存之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox/Safari：按住“Shift”的同时单击“刷新”，或按“Ctrl-F5”或“Ctrl-R”（Mac为“⌘-R”）
- Google Chrome：按“Ctrl-Shift-R”（Mac为“⌘-Shift-R”）
- Internet Explorer：按住“Ctrl”的同时单击“刷新”，或按“Ctrl-F5”
- Opera：在“工具→首选项”中清除缓存
- 如果您已登录但该页面出现未登录状态，请尝试在地址栏的地址最后添加代码
?_=1来访问最新页面。 - 添加代码后的本页地址如下：
-{R|https://moegirl.icu/User:Selfice/%E8%87%AA%E7%94%A8%E6%A8%A1%E6%9D%BF/%E5%9B%BE%E4%B9%A6%E9%A6%86tabs/style.css?_=1}-
#library div.TabLabelText{
margin: 4px;
width: 170px;
}
#library div.TabLabelText div.label{
border:2px solid rgba(199, 199, 255, .75);
background-color: rgba(77, 85, 96, .35);
color: rgba(255, 255, 255, .75);
width: 170px;
height: 30px;
line-height: 24px;
padding: 6px;
margin: 0;
font-size:24px;
text-align:center;
}
#library div.selected div.label{
border:2px solid #ffff00;
color: #ffff00;
}
@media screen and (max-width: 890px) {
#library div.TabLabel{
padding: 6px;
margin: 4px;
border:2px solid #fff;
background-color: rgba(28, 46, 50, .40);
flex-wrap: nowrap;
overflow-y: auto;
overflow-x: hidden;
min-width: 200px;
max-height: 420px;
border-radius: 0 15px 0 0;
}
#library div.Tabs.tabLabelRight.reverse {
border:0 solid #fff;
border-top:0;
height:auto;
flex-wrap: wrap-reverse;
}
#library .TabContent {
border:2px solid #fff;
background-color:rgba(22,22,22,0.2);
}
}
@media screen and (min-width: 890px) {
#library div.TabLabel{
padding: 6px;
margin: 4px;
border:2px solid #fff;
background-color: rgba(28, 46, 50, .40);
flex-wrap: nowrap;
width: 200px;
min-width: 200px;
overflow-y: auto;
overflow-x: hidden;
border-radius: 0 15px 0 0;
}
#library div.Tabs.tabLabelRight.reverse {
border:0 solid #fff;
border-top:0;
height:100%;
}
#library .TabContent {
border:2px solid #fff;
background-color:rgba(22,22,22,0.2);
overflow-y: auto;
overflow-x: hidden;
}
}