“MediaWiki:Gadget-HanTS-conv”与“MediaWiki:Gadget-site-styles.css”:页面之间的差异
(页面间差异)
跳到导航
跳到搜索
Mediawiki>William915 无编辑摘要 |
imported>=海豚= 无编辑摘要 |
||
第1行: | 第1行: | ||
/* 导航菜单样式 */ | |||
nav ul li a { | |||
box-shadow: inset 0 0 0 #F4C430; | |||
transition: all 0.1s ease-in !important; | |||
} | |||
nav ul li a:hover { | |||
box-shadow: inset 7px 0 0 #F4C430; | |||
} | |||
nav .mw-parser-output ul li a { | |||
font-weight: bold; | |||
line-height: 1.857; | |||
} | |||
nav .mw-parser-output ul li a > i { | |||
margin-right: 0.76em; | |||
font-size: 1.4em; | |||
vertical-align: middle; | |||
width: 24px; | |||
text-align: center; | |||
} | |||
/* 隐藏登录后的首页欢迎语 */ | |||
body.page-Main_Page.is-authenticated .pre-content { | |||
display: none !important; | |||
} | |||
/* 通知样式 */ | |||
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper { | |||
background: transparent !important; | |||
} | |||
.notification-count { | |||
background: transparent !important; | |||
} | |||
/* 界面顶部样式 */ | |||
.header (not .overlay-header .continue .editor-overlay .editor-switcher .oo-ui-toolbar-bar) { | |||
filter: brightness(300%); | |||
color: white; | |||
} | |||
.header-container { | |||
background-color: #f4c430 !important; | |||
} | |||
nav ul li a:hover { | |||
box-shadow: inset 5px 0 0 0 #f4c430; | |||
text-decoration: none; | |||
} | |||
/* 界面底部样式 */ | |||
.animations #mw-mf-page-center { | |||
background-image: linear-gradient( -45deg,#f4c430 10px,transparent 11px); | |||
} | |||
.tab .TabLabelText { | |||
padding: 1px; | |||
background: #fff; | |||
cursor: pointer; | |||
flex: none; | |||
} | |||
/* 最近更改页面 */ | |||
.mw-changeslist-legend { | |||
display: none!important; | |||
} | |||
/* Tabs */ | |||
.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:not(.AutoWidth) .TabContent, | |||
.tab .Tabs.tabLabelRight:not(.AutoWidth) .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; | |||
} |
2021年5月1日 (六) 11:36的版本
/* 导航菜单样式 */
nav ul li a {
box-shadow: inset 0 0 0 #F4C430;
transition: all 0.1s ease-in !important;
}
nav ul li a:hover {
box-shadow: inset 7px 0 0 #F4C430;
}
nav .mw-parser-output ul li a {
font-weight: bold;
line-height: 1.857;
}
nav .mw-parser-output ul li a > i {
margin-right: 0.76em;
font-size: 1.4em;
vertical-align: middle;
width: 24px;
text-align: center;
}
/* 隐藏登录后的首页欢迎语 */
body.page-Main_Page.is-authenticated .pre-content {
display: none !important;
}
/* 通知样式 */
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
background: transparent !important;
}
.notification-count {
background: transparent !important;
}
/* 界面顶部样式 */
.header (not .overlay-header .continue .editor-overlay .editor-switcher .oo-ui-toolbar-bar) {
filter: brightness(300%);
color: white;
}
.header-container {
background-color: #f4c430 !important;
}
nav ul li a:hover {
box-shadow: inset 5px 0 0 0 #f4c430;
text-decoration: none;
}
/* 界面底部样式 */
.animations #mw-mf-page-center {
background-image: linear-gradient( -45deg,#f4c430 10px,transparent 11px);
}
.tab .TabLabelText {
padding: 1px;
background: #fff;
cursor: pointer;
flex: none;
}
/* 最近更改页面 */
.mw-changeslist-legend {
display: none!important;
}
/* Tabs */
.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:not(.AutoWidth) .TabContent,
.tab .Tabs.tabLabelRight:not(.AutoWidth) .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;
}