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

input,
button,
select {
	font-size: 1rem;
}
 
#mw-page-base,
#mw-page-base-master {
	background: linear-gradient(#398, #f6f6f6 50%);
}
body.ns-12 #ca-talk,
body.ns-13 #ca-nstab-help {
	display: none;
}
 
body.ns-14 #mw-subcategories,
body.ns-14 #mw-pages {
	clear: left;
}
body.ns-14 #mw-subcategories h3,
body.ns-14 #mw-pages h3 {
	font-size: .75rem;
	padding: 0;
	clear: left;
	float: left;
	transform: translate(0, 5px);
	line-height: 100%;
	border: .25rem solid transparent;
	border-right-width: .15rem;
	border-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyIiBoZWlnaHQ9IjIiPjxwYXRoIGZpbGw9IiNkZGQiIGQ9Ik0wLDBIMUwyLDEsMSwySDBaIi8+PC9zdmc+)
		0 1 0 0 fill / .5rem / .5rem;
}
body.ns-14 #mw-subcategories h3:empty,
body.ns-14 #mw-subcategories h3:-moz-only-whitespace,
body.ns-14 #mw-pages h3:empty,
body.ns-14 #mw-pages h3:-moz-only-whitespace {
	display: none;
}
body.ns-14 #mw-subcategories li,
body.ns-14 #mw-pages li {
	margin-left: 2rem;
}
 
#p-logo>a {
	background-size: 135px 135px;
}
 
#searchform input {
 font-size: .75rem;
}
#searchform input[type=submit] {
	background: linear-gradient(#f0f0f0, #e0e0e0);
	border-radius: 3px;
	border: 1px solid #c0c0c0;
	padding: 2px 5px;
}
#searchGoButton + #mw-searchButton {
	display: none;
}
#searchInput{
	width: 10rem;
}
@media screen and (max-width: 768px) {
	#searchInput {
		transition: width 400ms;
		width: 5rem;
	}
	#searchInput:focus{
		width: 10rem;
	}
}
 
#wpSave {
	display: inline-block;
	padding: 0.5rem 1rem;
	background: linear-gradient(#4060ff, #3040ff);
	color: white;
	border-radius: 3px;
	border: 2px solid #1c2880;
}
#wpPreview,
#wpDiff {
	display: inline-block;
	padding: 0.5rem 1rem;
	background: linear-gradient(#f0f0f0, #e0e0e0);
	color: black;
	border-radius: 3px;
	border: 2px solid #c0c0c0;
}
 
/* Template:BiliVideo */
.lnnblog-bilivideo {
	width: 48rem;
	height: 27rem;
}
 
/* WikimediaUI Dark Mode
 *
 * Wikimedia Design Team 2019-2021
 * Original authors:
 * - Volker E.
 * - Alex Hollender
 * - MusikAnimal
 * - Carolyn Li-Madeo
 * - Jdlrobson
 *
 * Source: https://gerrit.wikimirror.net/r/plugins/gitiles/mediawiki/extensions/DarkMode/+/f48785e983b16962596e0dc607721e81bcf93e67/resources/ext.DarkMode.css
 */
@media screen {
  html {
    height: 100%;
  }
  .ext-darkmode-link::before {
    content: '\263E';
    display: inline-block;
  }
  .skin-vector-2022 .ext-darkmode-link::before {
    display: none;
  }
  .client-darkmode {
    background: #fff;
  }
  .client-darkmode .ext-darkmode-link::before {
    content: '\263C';
  }
  .client-darkmode:not( .mw-invert ),
  .client-darkmode img:not( .mw-invert ),
  .client-darkmode video:not( .mw-invert ),
  .client-darkmode image:not( .mw-invert ),
  .client-darkmode iframe:not( .mw-invert ),
  .client-darkmode .mw-no-invert:not( .mw-invert ),
  .client-darkmode .cdx-no-invert:not( .mw-invert ),
  .client-darkmode td .diffchange:not( .mw-invert ),
  .client-darkmode .skin-minerva .mw-notification-visible .mw-notification-content:not( .mw-invert ) {
    filter: invert(1) hue-rotate(180deg);
    -webkit-filter: invert(1) hue-rotate(180deg);
  }
  .client-darkmode .skin-vector .mw-logo-wordmark,
  .client-darkmode .skin-vector .mw-logo-tagline,
  .client-darkmode .skin-timeless .mw-wiki-title > img,
  .client-darkmode .cdx-icon svg {
    filter: none;
  }
  .client-darkmode table,
  .client-darkmode table.ambox-content,
  .client-darkmode table.toccolours,
  .client-darkmode .mw-notification,
  .client-darkmode .mwe-popups,
  .client-darkmode .infobox,
  .client-darkmode .toc,
  .client-darkmode .thumbinner,
  .client-darkmode .wikitable,
  .client-darkmode .cbnnr-main,
  .client-darkmode .cx-callout,
  .client-darkmode #simpleSearch,
  .client-darkmode #searchInput,
  .client-darkmode #centralNotice .cnotice {
    background-color: #ddd;
  }
  .client-darkmode,
  .client-darkmode h1,
  .client-darkmode h2,
  .client-darkmode h3,
  .client-darkmode h4,
  .client-darkmode h5,
  .client-darkmode h6,
  .client-darkmode table.ambox-content,
  .client-darkmode table.toccolours,
  .client-darkmode .mw-notification,
  .client-darkmode .infobox,
  .client-darkmode .toc,
  .client-darkmode .thumbinner,
  .client-darkmode #mw-head,
  .client-darkmode #mw-panel,
  .client-darkmode #content.mw-body,
  .client-darkmode #simpleSearch,
  .client-darkmode #searchInput,
  .client-darkmode #centralNotice .cnotice {
    border-color: #cdcbc8;
  }
  .client-darkmode a,
  .client-darkmode .vector-menu-tabs li a,
  .client-darkmode .vectorTabs li a,
  .client-darkmode .toctogglelabel,
  .client-darkmode .mw-parser-output a.external,
  .client-darkmode .mw-parser-output a.extiw,
  .client-darkmode .mw-parser-output a.extiw:active,
  .client-darkmode #mw-panel .portal .body li a {
    color: #36c;
  }
  .client-darkmode a:visited,
  .client-darkmode .mw-parser-output a.extiw:visited,
  .client-darkmode #mw-panel .portal .body li a:visited {
    color: #6b4ba1;
  }
  .client-darkmode a.new,
  .client-darkmode .vector-menu-tabs li.new a,
  .client-darkmode .vectorTabs li.new a {
    color: #ff6e6e;
  }
  .client-darkmode .thumbimage {
    border: 0;
  }
  .client-darkmode .image img[src*='svg'] {
    background-color: #fff;
    border-radius: 1px;
  }
  .client-darkmode .mw-echo-ui-notificationItemWidget-icon img[src*='svg'],
  .client-darkmode .mbox-image .image img[src*='svg'],
  .client-darkmode .image img[alt^='Symbol'] {
    background-color: transparent;
  }
  .client-darkmode .mwe-popups {
    box-shadow: 0 30px 90px -20px rgba(0, 0, 0, 0.3), 0 0 1px #000;
  }
  .client-darkmode .mwe-popups.flipped-y::after,
  .client-darkmode .mwe-popups.flipped-x-y::after {
    border-top: 11px solid #ddd;
  }
  .client-darkmode .mwe-popups.mwe-popups-no-image-pointer::after {
    border-bottom: 11px solid #ddd;
  }
  .client-darkmode html .cx-callout-1::after {
    border-bottom-color: #ddd;
  }
  .client-darkmode html .branding-box img {
    filter: brightness(0);
  }
}
@-moz-document url-prefix() {
  body {
    background: #000;
  }
}
@-moz-document url-prefix() {
  @supports (overflow-clip-margin: 1px) {
    body {
      background: #fff;
    }
  }
}