MediaWiki:Gadget-site-styles.css
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-F5或Ctrl-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; }