“MediaWiki:Common.css”的版本间差异

2021年5月14日 (五) 10:27的版本

/*<nowiki>*/
/* 桌面版专用CSS */

/* 全局css */
.mobileonly {
	display:none;
}
/* 自定义桌面版导航 */
#mw-panel .fa, #mw-panel .fas, #mw-panel .far, #mw-panel .fab {
	width: 1.5em;
	text-align: center;
}
/* 引自[[zhwiki:mediawiki:gadget-hideConversionTab.css]] */
#ca-varlang-0, #ca-varlang-1, #ca-varlang-2 {
    display: none;
}
/* 公告 */
#siteNotice p {
	margin:0;
}
/* logo */
#mw-panel #p-logo + div.portal, #p-logo {
	margin-top: -20px;
}
#p-logo {
	margin-left:-0.5em;
}
/* notification */
.mw-notification.mw-notification-type-success {
	background-color: #f8fff8;
	border-color: #39eb45;
}

.mw-body-content h2, .toclevel-1 > a > .toctext {
	font-weight:bold;
}
#mw-panel {
	position:fixed;
	height:100vh;
	overflow-y:auto;
	padding-right:0.5em;
}
/* 改变背景颜色 */
#content {
	background-color:rgba(247,251,255,0.8);
}
/* 以下修改用于适应背景图片 */
#mw-page-base {
	background-color:transparent;
	background-image:none;
}
#simpleSearch #searchInput {
	background-color:white;
}
#p-personal, #p-variants, #p-cactions {
	background-image:linear-gradient(to top,#77c1f6 0,#e8f2f8 1px,#ffffff 100%);
}
#p-personal ul {
	padding: 0 0.5em;
}
body, #footer,
#mw-panel > :not(:first-child) {
	background-color:rgba(255,255,255,.7);
}
/* 解决代码的overflow */
pre {
	word-wrap:break-word;
}
/* CodeEditor扩展 */
.skin-vector .ace_editor {
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
}
.codeEditor-ui-toolbar ~ .mw-editTools {
	display:none;
}
/* 自定义下拉菜单 */
.site-menu {
	font-size: 14px;
}
/* 含大量文字的表格 */
.nowrap-1 th:first-child, .nowrap-1 td:first-child,
.nowrap-2 th:nth-child(2), .nowrap-2 td:nth-child(2),
.nowrap-3 th:nth-child(3), .nowrap-3 td:nth-child(3),
.nowrap-4 th:nth-child(4), .nowrap-4 td:nth-child(4) {
	white-space:nowrap;
}
/* cite扩展 */
.mw-references-wrap + ol {
	margin-top:0;
}
/* CharInsert */
.mw-editTools {
	font-size:small;
}
.mw-editTools dl {
	margin-bottom:0;
}
.mw-editTools .mw-charinsert-item {
	border: 1px solid #c8ccd1;
	padding: 1px 5px;
}
.mw-editTools .mw-charinsert-item:hover {
	border-color: #36c;
}

/* 用于模板的css类 */
/* infoboxtemplate相关 */
.float-near-infobox {
	float:right;
}
/* 提示信息 */
.infobox {
	margin:0 auto;
}

/* 活动列表 */
.event-list td:nth-last-child(-n+2) br:first-of-type {
	display: none;
}
/* code和pre */
.template-code {
	color: #000;
	background-color: #f8f9fa;
	border: 1px solid #eaecf0;
	border-radius: 2px;
	padding: 1px 4px;
}
.template-pre {
	word-wrap: break-word;
	line-height: 1.3;
	color: #000;
	background-color: #f8f9fa;
	border: 1px solid #eaecf0;
	padding: 1em;
	white-space: pre-wrap;
}
.template-pre p {
	margin: -1.3em 0;
}

/* class tsticky, tsticky2 固定表头 通用 */
.tsticky tr:nth-child(1) th, .tsticky2 tr:nth-child(-n+2) th {
    position: sticky;
    background-clip: padding-box;
    top: 0;
    z-index: 10;
}

.tsticky th:after, .tsticky th:before, .tsticky2 th:after, .tsticky2 th:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
}

.tsticky th:before, .tsticky2 th:before {
    top: -1px;
    border-top: 1px solid #a2a9b1;
}

.tsticky th:after, .tsticky2 th:after {
    bottom: -1px;
    border-bottom: 1px solid #a2a9b1;
}
/*</nowiki>*/