MediaWiki:Timeless.css：修订间差异

/* All CSS here will be loaded for users of the Timeless skin */

html {
	background-color: white;
}
body {
	overscroll-behavior-y: none;
	background: none;
}

#mw-wrapper {
	min-height: 100vh;
	background: #626b78;
}

#mw-footer-container {
	height: fit-content;
}

hr {
	border: 0.5px solid #c8ccd1;
}

ul ul {
	margin-top: 0;
}

#mw-content-container {
	background-color: #8a99b1;
	border-bottom: solid 4px #bbb;
	background-image: none;
}

#mw-content-container a, .toctogglelabel, .mw-portlet-body a {
	color: #8a99b1;
    font-weight: 600;
}

#mw-content-container a.new { color: #c98e8e; }

#mw-content {
	border: none;
	box-shadow: none !important;
}

.mw-wiki-logo img {
	opacity: 0.9;
}

@media screen and (min-width: 1100px) {
	.sidebar-chunk {
		background: none !important;
		margin: 0 !important;
		padding: 0 !important;
		border: none !important;
	}
	.sidebar-chunk h3::before {
		content: "✧";
		padding-left: 12px;
		padding-right: 5px;
		font-weight: bold;
	}
	.sidebar-chunk h3 {
		padding: 0.6em 0.5em !important;
		margin: 0 !important;
		background: #667a99;
		border: none !important;
		font-weight: bold !important;
		color: white;
	}
	.sidebar-chunk .mw-portlet {
		margin: 1em 0 !important;
		padding: 0 !important;
		border: 1px solid #b9c2d4 !important;
	}
	.sidebar-chunk .mw-portlet > div,
	.sidebar-chunk .mw-portlet-body {
		margin-bottom: 0 !important;
		background: #f8f9fa;
	    padding: 0.7em 1.3em 1.5em 1.3em;
	}
}
@media screen and (min-width: 1100px) and (max-width: 1339px) {
	#mw-related-navigation {
		margin-top: -1em;
	}
}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt, #p-logo-text a, #personal h2 {
	color: #5d718e;
}

.mw-body h1 {
	padding-bottom: 4px !important;
}

body[class*="page-首页"] #firstHeading,
body[class*="page-讨论_荏苒酒馆"] #firstHeading{
	display: none !important;
}

.mw-body h1.firstHeading {
	margin-top: 0.6em !important;
	border-bottom: none;
	font-weight: bold;
	font-size: 2.5em;
}

.mw-body h2 {
	font-size: 30px !important;
    font-weight: bold !important;
}

.mw-body .mw-parser-output h2:after, .mw-body h2 {
	padding-bottom: 4px !important;
}

.mw-body .mw-heading, .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
	margin: 1.1em 0 0;
	font-weight: 600;
}

.mw-indicator {
	display: inherit;
}

.ve-ce-annotation {
	font-size: 100% !important;
}

.color-left { background: #b3becf; }
.color-right { background: #b3becf; }
.color-middle { background: #8a99b1; }

.mw-footer-container a { color: #ddd !important; }

.mw-footer-container {
	border-top: solid 1px #bbb !important;
}
.tools-inline li.selected {
	border-bottom-color: #bbb;
}

.mw-wiki-title {
	font-size: 1.5em !important;
	font-weight: 700 !important;
	vertical-align: middle !important;
	display: table-cell !important;
	
	transition-duration: 0.5s;
	transition-property: text-shadow;
}

.mw-wiki-title:hover {
	text-decoration: none;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

@media screen and (min-width: 850px) {
	.mw-wiki-title {
   		padding-left: 1em;
   		padding-top: 6px !important;
	}
	
	#personal h2 {
		background-size: 18px 18px !important;
		font-size: 1.2em;
		padding: 0.25em 0 0 25px;
	}
	
	#p-logo {
		margin-top: 20px;
	}
	.mw-wiki-logo {
		width: 135px;
		height: 11em !important;
	}
}

@media screen and (max-width: 850px) {
	.mw-body {
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 15px;
	}
	#site-tools h2 {
		background-size: 25px 25px !important;
		right: 3.6em !important;
		top: 0.85em !important;
	}
	#user-tools h2::after, .sidebar-chunk h2::after {
		display: none;
	}
	#site-navigation h2 {
		left: 1em !important;
		top: 0.7em !important;
	}
	#personal-extra {
		right: 6em !important;
	}
	#personal-extra ul {
		margin-top: 0.4em !important;
		margin-right: 0 !important;
	}
	#personal-extra li {
		margin-right: 0.4em !important;
	}
	#p-logo-text {
		left: 3.5em !important;	
	}
	.mw-wiki-title {
		font-size: 1.4em !important;
		padding-top: 0.2em !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-right: 0 !important;
	}
	.mw-body h1.firstHeading {
		padding-top: 0.3em !important;
	}
	#mw-header-hack {
		box-shadow: 3px 3px 3px 2px rgba(0,0,0,0.075);
	}
}

.mw-pt-languages .mw-pt-languages-list {
	margin: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	line-height: 1.75em;
}

#searchInput {
	font-size: 16px;
	padding: 0.23em 4.5em 0.2em 2em !important;
}

abbr[title], .explain[title] {
    border-bottom: 0;
    text-decoration: none;
}

.oo-ui-buttonElement-frameless {
	color: #7e8390 !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled0.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-tool-link,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
form:not(.oo-ui-layout):not(.mw-htmlform-codex) button:not(:disabled):hover,
form:not(.oo-ui-layout):not(.mw-htmlform-codex) input[type='submit']:not(:disabled):hover,
form:not(.oo-ui-layout):not(.mw-htmlform-codex) button:not(:disabled):active,
form:not(.oo-ui-layout):not(.mw-htmlform-codex) input[type='submit']:not(:disabled):active {
	color: white !important;
}

.oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button {
	background-color: grey !important;
	border-color: grey !important;
}

.oo-ui-buttonElement {
	margin-bottom: 8px;
}

.oo-ui-actionFieldLayout-input, .oo-ui-actionFieldLayout-button {
	vertical-align: top;
}

.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body {
	display: flex !important;
}
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-inline > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
	width: auto !important;
	padding-left: 5px;
}
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
	margin-left: 0px;
	margin-top: 10px;
}

#pt-uls .uls-trigger {
	padding-top: 0px !important;
}
#pt-uls .uls-trigger::before {
	padding-top: 0px !important;
}

.mw-pt-progress::after {
	border: 1px solid #0645ad;
	outline: none;
}

form:not(.oo-ui-layout):not(.mw-htmlform-codex) input:not([type='submit']):not([name='search']) {
	margin: 0 !important;
}

.overflowed .content-table-left, .overflowed .content-table-right {
	display: none;
}

@media screen and (min-width: 1100px) {
	.toc {
		position: sticky;
	    top: 65px;
	    max-height: calc(100vh - 80px);
	    overflow: hidden auto;
	}
	.toc {
		display: block;
	    width: 198px;
	    min-width: fit-content;
		box-sizing: border-box;
	    padding: 1.5em 1.25em 1.25em 1.25em;
	}
	.tocnumber {
		display: none
	}
	.toc h2, .tocnumber {
		color: #5d718e;
	}
	.toc .toctitle {
		text-align: left;
	}
	.toctext.current-heading {
		color: black;
	}
}
@media screen and (max-width: 1100px) { 
	.toc {
		display: none;
	}
}
.toc > ul {
	max-width: 143px;
}
.toc ul ul {
	margin-left: 1em;
}

@keyframes fadeIn {
    0% {
        filter: opacity(0);
    }
    100% {
        filter: opacity(1);
    }
}

.tooltipster-default {
	animation: fadeIn 0.3s forwards !important;
}

.tooltipster-default .tooltipster-content {
	line-height: 0;
}

.mw-heading.mw-heading2.ext-discussiontools-init-section {
    padding-top: 30px;
}

.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section.mw-heading2,
.ext-discussiontools-visualenhancements-enabled .ext-discussiontools-init-section {
	margin: 0;
}
.mw-body dl {
	margin: 1em 0;
}

/*@media screen and (min-width: 851px) {*/
/*	#mw-content-container {*/
/*		margin-top: 0px;*/
/*		padding-top: 3.475em;*/
/*	}*/
/*}*/

.skin-theme-clientpref-night {
	background-color: black !important;
}
.skin-theme-clientpref-night .mw-wiki-logo {
	background-position-y: 0.75em !important;
    background-repeat: no-repeat !important;
    background: url(/resources/assets/gltd-icons/wiki-logo-blue.svg);
}
.skin-theme-clientpref-night .mw-wiki-logo img {
	display: none;
}
.skin-theme-clientpref-night #mw-wrapper,
.skin-theme-clientpref-night #mw-content-container {
	background: white;
}
.skin-theme-clientpref-night .mw-footer-container {
	color: black;
}
.skin-theme-clientpref-night .mw-footer-container a {
	color: #5d718e !important;
}
.skin-theme-clientpref-night #footer-poweredbyico img {
	filter: none;
}
.skin-theme-clientpref-night .ace_editor {
	filter: invert(1);
}
.skin-theme-clientpref-night .wikiEditor-ui-text > #wpTextbox0 {
	filter: saturate(100) opacity(0.1);
	pointer-events: none;
}
.skin-theme-clientpref-night .infobox-title,
.skin-theme-clientpref-night .infobox-header {
	filter: invert(1) hue-rotate(180deg);
	color: white;
}
.skin-theme-clientpref-night .infobox-caption {
	color: #444444 !important;
}
.skin-theme-clientpref-night #mw-content-container a,
.skin-theme-clientpref-night .toctogglelabel,
.skin-theme-clientpref-night .mw-portlet-body a,
.skin-theme-clientpref-night a:visited,
.skin-theme-clientpref-night .mw-parser-output a.extiw:visited,
.skin-theme-clientpref-night #mw-panel .portal .body li a:visited {
	color: #5b6c87;
}
.skin-theme-clientpref-night a.new,
.skin-theme-clientpref-night .vector-menu-tabs li.new a,
.skin-theme-clientpref-night .vectorTabs li.new a {
	color: #a46c6c !important;
}
.skin-theme-clientpref-night .ext-discussiontools-init-highlight {
	mix-blend-mode: darken !important;
}
.skin-theme-clientpref-night .mw-highlight pre {
	filter: invert(1) hue-rotate(180deg);
	background: #1a1a1a;
    color: white;
    border-color: black;
    box-shadow: none;
}
.skin-theme-clientpref-night .mw-highlight .linenos {
	color: grey;
    background: none;
}
.skin-theme-clientpref-night .mw-highlight .hll {
	color: #212121;
}
.skin-theme-clientpref-night .mw-changeslist ul,
.skin-theme-clientpref-night .mw-changeslist table.mw-enhanced-rc {
	background-color: white;
}

.skin-theme-clientpref-night .tooltipster-default {
    border: 0.5px solid black;
    background: white;
    color: black;
}
.skin-theme-clientpref-night .sortable:not(.jquery-tablesorter) > * > tr:first-child > th.headerSort,
.skin-theme-clientpref-night .jquery-tablesorter th.headerSort {
	background-image: url(/resources/src/jquery.tablesorter.styles/images/sort_both.svg?0e440) !important;
}
.mw-body .redirectMsg p {
	height: inherit;
}
.skin-theme-clientpref-night .mw-content-ltr .redirectText li {
	filter: none;
}
.skin-theme-clientpref-night .redirectText li > a {
	filter: none !important;
}
.oo-ui-selectFileInputWidget-dropTarget .oo-ui-selectFileInputWidget-thumbnail {
	filter: invert(1) hue-rotate(180deg);
}