2023年政策修订增补工作正在进行中，欢迎参与！
User:Selfice/自用模板/Phigros的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/Phigros%E7%9A%84Tabs/style.css?_=1}-
div.TabLabelText > div.label{
border:1px solid rgba(77, 85, 96, .8);
background-color: rgba(77, 85, 96, .8);
color: #8F9AA0;
width: 240px;
height: 24px;
line-height: 24px;
padding: 6px;
margin: 1px;
font-size:12px;
}
div.selected > div.label{
border-color:#fff;
color: white;
}
@media screen and (max-width: 890px) {
div.TabLabel{
padding: 2px;
margin: 4px;
border:1px solid #fff;
background-color: rgba(28, 46, 50, .8);
flex-wrap: nowrap;
overflow-y: auto;
overflow-x: hidden;
width: 100%;
max-height: 300px;
}
div.Tabs.tabLabelLeft.reverse {
border:0 solid #fff;
border-top:0;
height:auto;
flex-wrap:wrap;
}
}
@media screen and (min-width: 890px) {
div.TabLabel{
padding: 2px;
margin: 4px;
border:1px solid #fff;
background-color: rgba(28, 46, 50, .8);
flex-wrap: nowrap;
min-width: 260px;
overflow-y: auto;
overflow-x: hidden;
}
div.Tabs.tabLabelLeft.reverse {
border:0 solid #fff;
border-top:0;
height:100%;
}
.TabContent {
overflow-y: auto;
overflow-x: hidden;
}
}