“File:Rtjj.jpg”与“MediaWiki:Gadget-site-styles.css”:页面之间的差异
(页面间差异)
跳到导航
跳到搜索
无编辑摘要
imported>Win22ter 无编辑摘要 |
imported>=海豚= 无编辑摘要 |
||
第1行: | 第1行: | ||
/* 标题字型调整*/ | |||
#section_0 { | |||
font-family: sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | |||
font-variant: small-caps; | |||
} | |||
h2, | |||
h3, | |||
h4, | |||
h5, | |||
h6 { | |||
font-family: "roboto",sans-serif !important; | |||
} | |||
/* 用户头像 */ | |||
img.userlink-avatar-small { | |||
margin-left: 0.2em; | |||
margin-right: 0.2em; | |||
width: 1.5em; | |||
border-radius: 15%; | |||
margin-top: -0.2em; | |||
} | |||
.userlink-avatar-large { | |||
display: none; | |||
position: absolute; | |||
top: 1em; | |||
left: 1em; | |||
padding: 1.5em; | |||
border: solid #A7D7F9 1px; | |||
border-radius: 3px; | |||
background-color: white; | |||
} | |||
.userlink-avatar-large img { | |||
min-width: 128px; | |||
} | |||
.userlink-avatar-hover, | |||
.userlink-avatar-hover .userlink-avatar-small { | |||
position: relative; | |||
cursor: pointer; | |||
} | |||
.userlink-avatar-hover:hover .userlink-avatar-large { | |||
display: block; | |||
z-index: 91; | |||
} | |||
#p-personal li { | |||
margin-top: 1em; | |||
margin-bottom: 0.75em; | |||
} | |||
#pt-userpage { | |||
background: none !important; | |||
padding-left: 0px !important; | |||
} | |||
#pt-avatar { | |||
margin-top: 0.25em !important; | |||
margin-bottom: 0px !important; | |||
} | |||
#pt-avatar img { | |||
width: 2.5em; | |||
border-radius: 50%; | |||
} | |||
/* 1.28+ Echo fix */ | |||
#p-personal #pt-notifications-alert, #p-personal #pt-notifications-notice { | |||
margin-top: 0.8em; | |||
} | |||
#p-personal li { | |||
margin-bottom: 0.2em; | |||
} | |||
#p-personal #pt-notifications-alert{ | |||
margin-top: 1.1em; | |||
} | |||
#p-personal #pt-notifications-notice{ | |||
margin-top: 1.13em; | |||
} | |||
/* 导航菜单样式 */ | |||
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; | |||
} | |||
/* 顶部公告 */ | |||
/* From wjghj.cn under CC BY-NC-SA 4.0*/ | |||
function siteNoticeScroll(obj,interval) { | |||
$(obj).animate({ | |||
height: 'show', | |||
paddingTop: 'show', | |||
marginTop: 'show', | |||
paddingBottom: 'show', | |||
marginBottom: 'show', | |||
}); | |||
setInterval(function() { | |||
$(obj).find('ul:first').animate({ | |||
marginTop: '-25px' | |||
}, | |||
300, | |||
function() { | |||
$(this).css({ | |||
marginTop: '0px', | |||
}).find('li:first').appendTo(this); | |||
}); | |||
}, | |||
interval); | |||
} | |||
siteNoticeScroll('.siteNoticeScroll',5000); | |||
/* 通知样式 */ | |||
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper { | |||
background: transparent !important; | |||
} | |||
.notification-count { | |||
background: transparent !important; | |||
} | |||
/* 界面顶部样式 */ | |||
.mw-ui-icon-minerva-mainmenu:before{ | |||
filter: brightness(300%) !important; | |||
} | |||
.header .branding-box { | |||
filter: brightness(300%) !important; | |||
color: white !important; | |||
} | |||
.mw-ui-icon-minerva-magnifying-glass:before{ | |||
filter: brightness(300%) !important; | |||
} | |||
.mw-ui-icon-minerva-notifications:before{ | |||
filter: brightness(300%) !important; | |||
} | |||
.mw-ui-icon-mf-back:before{ | |||
filter: brightness(300%) !important; | |||
} | |||
.overlay-header h2{ | |||
color: white !important; | |||
} | |||
overlay-title{ | |||
color: white !important; | |||
} | |||
.mw-ui-icon-mf-overlay-close:before{ | |||
filter: brightness(300%) !important; | |||
} | |||
.header-container { | |||
background-color: #f4c430 !important; | |||
} | |||
nav ul li a:hover { | |||
box-shadow: inset 5px 0 0 0 #f4c430; | |||
text-decoration: none; | |||
} | |||
/* info类模板 */ | |||
.infoBoxYellow { | |||
padding: 0.5em; | |||
background: rgba(255,255,245); | |||
} | |||
.infoBoxRed { | |||
padding: 0.5em; | |||
background: rgba(258,240,245); | |||
} | |||
.infoBoxBlue { | |||
padding: 0.4em; | |||
background: rgba(240,248,255); | |||
} | |||
.infoBoxPurple { | |||
padding: 0.4em; | |||
background: rgba(248,248,255); | |||
} | |||
.infoBoxGreen { | |||
padding: 0.5em; | |||
background: rgba(245,255,250); | |||
} | |||
.infoBoxOrange { | |||
padding: 0.5em; | |||
background: rgba(250,240,230); | |||
} | |||
/* 信息模板的css */ | |||
.infotemplatebox { | |||
float: right; | |||
width: 250px; | |||
font-size: 100%; | |||
margin: 1em 0 1em 1em; | |||
background: #f9f9f9; | |||
border: 1px #999 solid; | |||
border-collapse: collapse; | |||
word-break: break-all; | |||
clear: right; | |||
} | |||
/* 界面底部样式 */ | |||
.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; | |||
} | |||
/* 搜索界面 */ | |||
.mw-search-pager-bottom{ | |||
text-align: center; | |||
border: 1px solid #ddd; | |||
padding: 0.6em; | |||
} | |||
/*热门评论*/ | |||
.comment-container-top>div:not(.comment-thread) { | |||
background-color: rgba(244, 196, 48, 0.8) !important; | |||
color: white !important; | |||
font-weight: bolder !important; | |||
} | |||
.comment-thread.comment-popular { | |||
background-color: rgba(244, 196, 48, 0.15) !important; | |||
} | |||
.comment-container-top { | |||
border: none; | |||
box-shadow: 0 1px 3px rgb(18 18 18 / 10%); | |||
} | |||
.comment-container-top > div:first-child { | |||
height: 30px; | |||
line-height: 30px; | |||
} | |||
.comment-replybox{ | |||
padding-top: 5px; | |||
} | |||
/* wikitable MD化 */ | |||
table.wikitable { | |||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | |||
border-radius: 4px; | |||
overflow: hidden; | |||
} | |||
/* 编辑区样式 */ | |||
.my-buttons { | |||
padding: 0em .6em .3em .6em; | |||
} | |||
.my-buttons a { | |||
text-decoration: none; | |||
border: 1px #069 outset; | |||
padding: .1em; | |||
} | |||
.my-buttons a:hover, | |||
.my-buttons a:active { | |||
border-style: inset; | |||
} | |||
#wpTextbox1.mw-editfont-monospace{ | |||
font-size: 93%; | |||
height: 450px; | |||
} | |||
#msupload-container.start-loading{ | |||
display:none; | |||
} | |||
#msupload-dropzone { | |||
padding: 3px; | |||
height: 19px; | |||
font-size: small; | |||
} | |||
.client-js .editButtons { | |||
display: inline-block!important; | |||
} | |||
.oo-ui-buttonElement-frameless.oo-ui-labelElement:first-child { | |||
margin-left: .1em; | |||
} | |||
.ve-ui-mwSaveDialog-summaryLabel { | |||
display: none; | |||
} | |||
.wikiEditor-ui-toolbar { | |||
background-color: #f8f9fa!important; | |||
box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1)!important; | |||
background-image: none!important; | |||
} | |||
.wikiEditor-ui-toolbar .sections .section { | |||
background-color: #f8f9fa!important; | |||
box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1)!important; | |||
} | |||
#msupload-dropzone { | |||
box-shadow: 0 2px 1px 0 rgba(0,0,0,0.1)!important; | |||
} | |||
#msupload-container { | |||
position: absolute; | |||
} | |||
.wikiEditor-ui-toolbar .tabs { | |||
margin-left: 24px; | |||
border-left: 1px solid #c8ccd1; | |||
} | |||
.wikiEditor-ui-toolbar .tabs span.tab.tab-advanced { | |||
padding-left: 7px; | |||
} | |||
.tool-button.tool-active, .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement { | |||
outline: transparent; | |||
background-color: transparent; | |||
box-shadow: none; | |||
} | |||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { | |||
margin-top: 9px; | |||
} | |||
.CodeMirror-gutter-elt{ | |||
display: none; | |||
} | |||
.CodeMirror-gutters { | |||
display: none; | |||
} | |||
/* 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; | |||
} |