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

来自个人维基
跳转至： 导航、 搜索
小
小 （unhide footer-places）
 
（未显示1个用户的32个中间版本）
第1行： 第1行：
 +
input,
 +
button,
 +
select {
 +
font-size: 1rem;
 +
}
 +
 
#mw-page-base,
 
#mw-page-base,
 
#mw-page-base-master {
 
#mw-page-base-master {
−
    background: linear-gradient(#398, #f6f6f6 50%);
+
background: linear-gradient(#398, #f6f6f6 50%);
 
}
 
}
−
/*#ca-talk {
+
body.ns-12 #ca-talk,
−
    display: none;
+
body.ns-13 #ca-nstab-help {
−
}*/
+
display: none;
−
#footer-places {
+
}
−
    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] {
 
#searchform input[type=submit] {
−
    background: linear-gradient(#f0f0f0, #e0e0e0);
+
background: linear-gradient(#f0f0f0, #e0e0e0);
−
    border-radius: 3px;
+
border-radius: 3px;
−
    border: 1px solid #c0c0c0;
+
border: 1px solid #c0c0c0;
−
    padding: 2px 5px;
+
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 {
 
#wpSave {
−
    display: inline-block;
+
display: inline-block;
−
    padding: 0.5rem 1rem;
+
padding: 0.5rem 1rem;
−
    background: linear-gradient(#4060ff, #3040ff);
+
background: linear-gradient(#4060ff, #3040ff);
−
    color: white;
+
color: white;
−
    border-radius: 3px;
+
border-radius: 3px;
−
    border: 2px solid #1c2880;
+
border: 2px solid #1c2880;
 
}
 
}
 
#wpPreview,
 
#wpPreview,
 
#wpDiff {
 
#wpDiff {
−
    display: inline-block;
+
display: inline-block;
−
    padding: 0.5rem 1rem;
+
padding: 0.5rem 1rem;
−
    background: linear-gradient(#f0f0f0, #e0e0e0);
+
background: linear-gradient(#f0f0f0, #e0e0e0);
−
    color: black;
+
color: black;
−
    border-radius: 3px;
+
border-radius: 3px;
−
    border: 2px solid #c0c0c0;
+
border: 2px solid #c0c0c0;
 
}
 
}
  
 
/* Template:BiliVideo */
 
/* Template:BiliVideo */
 
.lnnblog-bilivideo {
 
.lnnblog-bilivideo {
−
    width: 48rem;
+
width: 48rem;
−
    height: 27rem;
+
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;
 +
    }
 +
  }
 
}
 
}

2024年5月25日 (六) 19:38的最后版本

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;
    }
  }
}
来自“https://www.mywiki.cn/dgck81lnn/index.php?title=MediaWiki:Vector.css&oldid=120996”