MediaWiki:Gadget-site-styles.css

来自BanG Dream! Wiki
Admin讨论 | 贡献2022年11月5日 (六) 23:43的版本 (创建页面,内容为“.tab .TabLabelText{ padding:1px; background:#FFF; cursor:pointer; flex:none; } .tab .TabLabel{ z-index:2; position:relative; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; display:flex; flex-wrap:wrap; } .tab .TabLabelText.selected{ padding:1px; background:white; } .tab .TabContent{ background:white; padding:20px 30px; position:relative; z-inde…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)
跳到导航 跳到搜索

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:Ctrl-F5
.tab .TabLabelText{
    padding:1px;
    background:#FFF;
    cursor:pointer;
    flex:none;
}
 
.tab .TabLabel{
    z-index:2;
    position:relative;
    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none;
    display:flex;
    flex-wrap:wrap;
}
 
.tab .TabLabelText.selected{
    padding:1px;
    background:white;
}
 
.tab .TabContent{
    background:white;
    padding:20px 30px;
    position:relative;
    z-index:1;
    border:1px solid #AAA;
}
 
.tab .TabContentText{
    display:none;
}
 
.tab .TabContentText.selected{
    display:block;
}
 
.tab .tabLabelTop .TabLabelText{
    border-top:3px solid transparent;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
}
 
.tab .tabLabelTop .TabLabelText.selected{
    border-top:3px solid green;
    border-left:1px solid #AAA;
    border-right:1px solid #AAA;
}
 
.tab .tabLabelTop.reverse .TabLabelText{
    border-bottom:3px solid transparent;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
    border-top:1px solid transparent;
}
 
.tab .tabLabelTop.reverse .TabLabelText.selected{
    border-bottom:3px solid green;
    border-left:1px solid #AAA;
    border-right:1px solid #AAA;
    border-top:1px solid transparent;
}
 
.tab .tabLabelBottom .TabLabelText{
    border-bottom:3px solid transparent;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
}
 
.tab .tabLabelBottom .TabLabelText.selected{
    border-bottom:3px solid green;
    border-left:1px solid #AAA;
    border-right:1px solid #AAA;
}
 
.tab .tabLabelBottom.reverse .TabLabelText{
    border-top:3px solid transparent;
    border-left:1px solid transparent;
    border-right:1px solid transparent;
    border-bottom:1px solid transparent;
}
 
.tab .tabLabelBottom.reverse .TabLabelText.selected{
    border-top:3px solid green;
    border-left:1px solid #AAA;
    border-right:1px solid #AAA;
    border-bottom:1px solid transparent;
}
 
.tab .tabLabelLeft .TabLabelText{
    border-left:3px solid transparent;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
}
 
.tab .tabLabelLeft .TabLabelText.selected{
    border-left:3px solid green;
    border-top:1px solid #AAA;
    border-bottom:1px solid #AAA;
}
 
.tab .tabLabelLeft.reverse .TabLabelText{
    border-right:3px solid transparent;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    border-left:1px solid transparent;
}
 
.tab .tabLabelLeft.reverse .TabLabelText.selected{
    border-right:3px solid green;
    border-top:1px solid #AAA;
    border-bottom:1px solid #AAA;
    border-left:1px solid transparent;
}
 
.tab .tabLabelRight .TabLabelText{
    border-right:3px solid transparent;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
}
 
.tab .tabLabelRight .TabLabelText.selected{
    border-right:3px solid green;
    border-top:1px solid #AAA;
    border-bottom:1px solid #AAA;
}
 
.tab .tabLabelRight.reverse .TabLabelText{
    border-left:3px solid transparent;
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    border-right:1px solid transparent;
}
 
.tab .tabLabelRight.reverse .TabLabelText.selected{
    border-left:3px solid green;
    border-top:1px solid #AAA;
    border-bottom:1px solid #AAA;
    border-right:1px solid transparent;
}
 
.tab .Tabs .TabDivider{
    width:100%;
    order:2;
}
 
.tab .Tabs.reverse .TabDivider{
    height:2px;
}
 
.tab .Tabs.tabLabelLeft .TabLabel,
.tab .Tabs.tabLabelRight .TabContent{
    order:1;
}
 
.tab .Tabs.tabLabelLeft .TabContent,
.tab .Tabs.tabLabelRight .TabLabel{
    order:3;
}
 
.tab .Tabs.tabLabelLeft,
.tab .Tabs.tabLabelRight{
    display:flex;
    flex-wrap:nowrap;
    width:auto;
}
 
.tab .Tabs.tabLabelLeft .TabDivider,
.tab .Tabs.tabLabelRight .TabDivider{
    height:100%;
    width:0;
}
 
.tab .Tabs.tabLabelLeft.reverse .TabDivider,
.tab .Tabs.tabLabelRight.reverse .TabDivider{
    width:1px;
}
 
.tab .Tabs.tabLabelLeft .TabLabel,
.tab .Tabs.tabLabelRight .TabLabel{
    flex-direction:column;
}
 
.tab .Tabs.tabLabelLeft:not(.AutoWidth) .TabContent,
.tab .Tabs.tabLabelRight:not(.AutoWidth) .TabContent{
    flex:1;
}
 
.Tabs{
    max-width:100%;
}
 
.Tabs.AutoWidth{
    width:-webkit-max-content;
    width:-moz-max-content;
    width:max-content;
    display:flow-root;
}
 
.Tabs.FloatLeft{
    float:left;
    margin-right:1em;
}
 
.Tabs.FloatRight{
    float:right;
    margin-left:1em;
}
 
.Tabs .Tab{
    border-bottom:1px solid #AAA;
}
 
.Tabs .Tab:first-child{
    border-top:1px solid #AAA;
}
 
.Tabs .Tab .TabLabelText{
    padding:7px;
}
 
.Tabs .Tab .TabContentText{
    padding:3px;
}
 
.infotemplatebox>table td>.Tabs .TabLabel,
.infotemplatebox>table td>.Tabs .TabContent{
    margin:0 -1px;
}