MediaWiki:Gadget-site-styles.css:修订间差异
跳到导航
跳到搜索
imported>=海豚= ([InPageEdit] 没有编辑摘要) |
imported>=海豚= 无编辑摘要 |
||
第141行: | 第141行: | ||
border-bottom: 1px solid #aaa; | border-bottom: 1px solid #aaa; | ||
border-right: 1px solid transparent; | border-right: 1px solid transparent; | ||
} | } | ||
第158行: | 第152行: | ||
} | } | ||
.tab .Tabs.tabLabelLeft .TabLabel, | .tab .Tabs.tabLabelLeft .TabLabel, | ||
.tab .Tabs.tabLabelRight .TabContent { | .tab .Tabs.tabLabelRight .TabContent { | ||
第172行: | 第157行: | ||
} | } | ||
.tab .Tabs.tabLabelLeft .TabContent, | .tab .Tabs.tabLabelLeft .TabContent, | ||
.tab .Tabs.tabLabelRight .TabLabel { | .tab .Tabs.tabLabelRight .TabLabel { | ||
第181行: | 第164行: | ||
.tab .Tabs.tabLabelLeft, | .tab .Tabs.tabLabelLeft, | ||
.tab .Tabs.tabLabelRight { | .tab .Tabs.tabLabelRight { | ||
display: flex; | |||
flex-wrap: nowrap; | flex-wrap: nowrap; | ||
width: auto; | width: auto; | ||
} | } | ||
.tab .Tabs.tabLabelLeft | .tab .Tabs.tabLabelLeft .TabDivider, | ||
.tab .Tabs.tabLabelRight | .tab .Tabs.tabLabelRight .TabDivider { | ||
height: 100%; | |||
width: 0; | |||
} | } | ||
.tab .Tabs.tabLabelLeft.reverse .TabDivider, | .tab .Tabs.tabLabelLeft.reverse .TabDivider, | ||
.tab .Tabs.tabLabelRight.reverse .TabDivider { | .tab .Tabs.tabLabelRight.reverse .TabDivider { | ||
width: 1px; | width: 1px; | ||
} | } | ||
第200行: | 第183行: | ||
.tab .Tabs.tabLabelRight .TabLabel { | .tab .Tabs.tabLabelRight .TabLabel { | ||
flex-direction: column; | flex-direction: column; | ||
} | |||
.tab .Tabs.tabLabelLeft .TabContent, | |||
.tab .Tabs.tabLabelRight .TabContent{ | |||
flex: 1; | |||
} | } | ||
2020年8月5日 (三) 21:41的版本
.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;
-ms-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 .TabContent,
.tab .Tabs.tabLabelRight .TabContent{
flex: 1;
}
.Tabs {
max-width: 100%;
}
.Tabs.AutoWidth {
width: max-content;
}
.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;
}