MediaWiki:Vector.css:修订间差异

H萌娘,万物皆可H的百科全书!
跳到导航 跳到搜索
无编辑摘要
无编辑摘要
 
(未显示同一用户的1个中间版本)
第2行: 第2行:


/*春季主题背景---画画的纱雾酱*/
/*春季主题背景---画画的纱雾酱*/
body.skin-vector-2022 {
body.skin-vector-legacy {
background-color: rgba(240, 240, 240, .5);
background-color: rgba(240, 240, 240, .5);
background-image:url(/index.php/Special:FilePath/%E7%94%BB%E7%94%BB%E7%9A%84%E7%BA%B1%E9%9B%BE%E9%85%B1.png);
background-image:url(/index.php/Special:FilePath/%E7%94%BB%E7%94%BB%E7%9A%84%E7%BA%B1%E9%9B%BE%E9%85%B1.png);
第11行: 第11行:
background-repeat:no-repeat;
background-repeat:no-repeat;
}
}
body.skin-vector-2022 .mw-body {
body.skin-vector-legacy .mw-body {
margin-top: -4px;
margin-top: -4px;
background-color: rgba(255, 255, 255, 0.8);
background-color: rgba(255, 255, 255, 0.8);
}
}
body.skin-vector-2022 #footer-places li, #footer-icons li {
body.skin-vector-legacy #footer-places li, #footer-icons li {
float: unset;
float: unset;
display: inline-block;
display: inline-block;
}
}
body.skin-vector-2022 #footer-places, #footer-icons {
body.skin-vector-legacy #footer-places, #footer-icons {
display: inline-block;
display: inline-block;
}
}


body.skin-vector-legacy .mw-body {
margin-left: 12.4em;
}


/* 侧边栏、顶部栏、页脚 */
/* 侧边栏、顶部栏、页脚 */
body.skin-vector-2022 .mw-body {
body.skin-vector-legacy .mw-body {
border-left: 1px solid #bbb;
border-left: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-bottom: 1px solid #bbb;
第31行: 第34行:
border-right: none;
border-right: none;
}
}
body.skin-vector-2022 .vectorTabs {
body.skin-vector-legacy .vectorTabs {
font-size: 16px;
font-size: 16px;
padding-top: 2px;
padding-top: 2px;
}
}
body.skin-vector-2022 .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-wikilove.icon a {
body.skin-vector-legacy .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-wikilove.icon a {
padding-top: 3.4em;
padding-top: 3.4em;
}
}
body.skin-vector-2022 .vectorMenuCheckbox {
body.skin-vector-legacy .vectorMenuCheckbox {
height:110%;
height:110%;
}
}
body.skin-vector-2022 .portal {
body.skin-vector-legacy .portal {
background: transparent !important;
background: transparent !important;
}
}
body.skin-vector-2022 #mw-panel {
body.skin-vector-legacy #mw-panel {
border-right: 1px solid #bbb;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-bottom: 1px solid #bbb;
第51行: 第54行:
padding-left: 14px !important;
padding-left: 14px !important;
}
}
body.skin-vector-2022 #p-logo {
body.skin-vector-legacy #p-logo {
left: 0px;
left: 0px;
padding-left: 2px;
padding-left: 2px;
}
}
body.skin-vector-2022 #p-logo a {
body.skin-vector-legacy #p-logo a {
padding-left: 40px;
padding-left: 40px;
left: 0px;
left: 0px;
border-right: 1px solid #aaa;
border-right: 1px solid #aaa;
}
}
body.skin-vector-2022 #p-logo a:hover {
body.skin-vector-legacy #p-logo a:hover {
opacity: 1.0;
opacity: 1.0;
}
}
body.skin-vector-2022 #mw-head {
body.skin-vector-legacy #mw-head {
background-color: rgb(254,254,254,0.94);
background-color: rgb(254,254,254,0.94);
height: 100px;
height: 100px;
第74行: 第77行:
transition-duration: 0.25s !important;
transition-duration: 0.25s !important;
}
}
body.skin-vector-2022 .vectorMenu {
body.skin-vector-legacy .vectorMenu {
font-size: 92%;
font-size: 92%;
}
}
body.skin-vector-2022 #left-navigation {
body.skin-vector-legacy #left-navigation {
margin-left: 233px !important;
margin-left: 233px !important;
}
}
body.skin-vector-2022 #mw-page-base {
body.skin-vector-legacy #mw-page-base {
height: 104px;
height: 104px;
}
}
body.skin-vector-2022 #left-navigation,
body.skin-vector-legacy #left-navigation,
body.skin-vector-2022 #right-navigation {
body.skin-vector-legacy #right-navigation {
margin-top: 60px;
margin-top: 60px;
}
}
body.skin-vector-2022 #mw-head div.vectorMenu h4 {
body.skin-vector-legacy #mw-head div.vectorMenu h4 {
height: 1.9em;
height: 1.9em;
margin-bottom: 0;
margin-bottom: 0;
第94行: 第97行:
padding-right: 0.5em;
padding-right: 0.5em;
}
}
body.skin-vector-2022 #mw-panel div.portal {
body.skin-vector-legacy #mw-panel div.portal {
padding-bottom: 0.7em;
padding-bottom: 0.7em;
padding-top: 0.4em;
padding-top: 0.4em;
}
}
body.skin-vector-2022 #mw-panel #p-logo .mw-wiki-logo {
body.skin-vector-legacy #mw-panel #p-logo .mw-wiki-logo {
width: 175px;
width: 175px;
}
}
body.skin-vector-2022 #mw-panel {
body.skin-vector-legacy #mw-panel {
font-size: 18.5px;
font-size: 18.5px;
}
}
body.skin-vector-2022 #mw-head li {
body.skin-vector-legacy #mw-head li {
background: transparent !important;
background: transparent !important;
}
}
body.skin-vector-2022 #mw-panel .portal .body li {
body.skin-vector-legacy #mw-panel .portal .body li {
line-height: 1.6em;
line-height: 1.6em;
}
}
body.skin-vector-2022 .mw-wiki-logo {
body.skin-vector-legacy .mw-wiki-logo {
padding-left: 5px !important;
padding-left: 5px !important;
padding-top: 10px !important;
padding-top: 10px !important;
border: none !important;
border: none !important;
}
}
body.skin-vector-2022 .clear-div {
body.skin-vector-legacy .clear-div {
clear: both;
clear: both;
}
}
body.skin-vector-2022 .uls-trigger {
body.skin-vector-legacy .uls-trigger {
display: none;
display: none;
}
}
body.skin-vector-2022 div.vectorMenu div.menu {
body.skin-vector-legacy div.vectorMenu div.menu {
top: 2.8em;
top: 2.8em;
width: 100%;
width: 100%;
第128行: 第131行:
border-top: transparent;
border-top: transparent;
}
}
body.skin-vector-2022 #mw-panel .portal .body li a:visited {
body.skin-vector-legacy #mw-panel .portal .body li a:visited {
color: #0645ad;
color: #0645ad;
}
}
body.skin-vector-2022 #mw-head .portal .body li a:visited {
body.skin-vector-legacy #mw-head .portal .body li a:visited {
color: #0645ad;
color: #0645ad;
}
}
第137行: 第140行:


/* 搜索框 */
/* 搜索框 */
body.skin-vector-2022 #simpleSearch {
body.skin-vector-legacy #simpleSearch {
max-width: 225px; 
max-width: 225px; 
background-image: none;
background-image: none;
第145行: 第148行:
transition: width 0.4s;
transition: width 0.4s;
}
}
body.skin-vector-2022 #simpleSearch #searchButton {
body.skin-vector-legacy #simpleSearch #searchButton {
right: 6px !important;
right: 6px !important;
width: 20px !important;
width: 20px !important;
height: 23px !important;
height: 23px !important;
}
}
body.skin-vector-2022 input::-webkit-search-cancel-button {
body.skin-vector-legacy input::-webkit-search-cancel-button {
display:none;
display:none;
}
}
body.skin-vector-2022 #p-search {
body.skin-vector-legacy #p-search {
float: left;
float: left;
margin-right: 0.5em;
margin-right: 0.5em;
第161行: 第164行:
/* 适配宽屏 */
/* 适配宽屏 */
@media screen and (min-width: 1300px) {
@media screen and (min-width: 1300px) {
body.skin-vector-2022 .mw-body {
body.skin-vector-legacy .mw-body {
padding-left: 47px;
padding-left: 47px;
padding-right: 47px;
padding-right: 47px;
padding-top: 31px;
padding-top: 31px;
}
}
body.skin-vector-2022 #localNotice {
body.skin-vector-legacy #localNotice {
padding-bottom: 17px;
padding-bottom: 17px;
}
}
body.skin-vector-2022 #sidebarHidden-arrow {
body.skin-vector-legacy #sidebarHidden-arrow {
top: 7.7em;
top: 7.7em;
}
}
第175行: 第178行:
/* 适配带鱼屏 */
/* 适配带鱼屏 */
@media screen and (min-width: 1800px) {
@media screen and (min-width: 1800px) {
body.skin-vector-2022 .mw-body {
body.skin-vector-legacy .mw-body {
border-right: 1px solid #bbb;
border-right: 1px solid #bbb;
}
}
body.skin-vector-2022 #content {
body.skin-vector-legacy #content {
max-width: 72.9em;
max-width: 72.9em;
margin-left: auto;
margin-left: auto;
margin-right: auto;
margin-right: auto;
}
}
body.skin-vector-2022 #sidebarHidden-arrow {
body.skin-vector-legacy #sidebarHidden-arrow {
display: none;
display: none;
}
}
}
}

2022年12月29日 (四) 17:20的最新版本

/* 这里的任何CSS将为使用Vector皮肤的用户加载 */

/*春季主题背景---画画的纱雾酱*/
body.skin-vector-legacy {
	background-color: rgba(240, 240, 240, .5);
	background-image:url(/index.php/Special:FilePath/%E7%94%BB%E7%94%BB%E7%9A%84%E7%BA%B1%E9%9B%BE%E9%85%B1.png);
	background-blend-mode: overlay;
	background-position:right 40% bottom 45%;
	background-size:670px;
	background-attachment:fixed;
	background-repeat:no-repeat;
}
body.skin-vector-legacy .mw-body {
	margin-top: -4px;
	background-color: rgba(255, 255, 255, 0.8);
}
body.skin-vector-legacy #footer-places li, #footer-icons li {
	float: unset;
	display: inline-block;
}
body.skin-vector-legacy #footer-places, #footer-icons {
	display: inline-block;
}

body.skin-vector-legacy .mw-body {
	margin-left: 12.4em;
}

/* 侧边栏、顶部栏、页脚 */
body.skin-vector-legacy .mw-body {
border-left: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-top: none;
border-right: none;
}
body.skin-vector-legacy .vectorTabs {
	font-size: 16px;
	padding-top: 2px;
}
body.skin-vector-legacy .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a, .vectorTabs #ca-wikilove.icon a {
	padding-top: 3.4em;
}
body.skin-vector-legacy .vectorMenuCheckbox {
	 height:110%;
}
body.skin-vector-legacy .portal {
	background: transparent !important;
}
body.skin-vector-legacy #mw-panel {
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	/* background: rgb(254,254,254,0.95) !important; */
	background: rgb(246,246,246,0.95) !important;
	padding-left: 14px !important;
}
body.skin-vector-legacy #p-logo {
	left: 0px;
	padding-left: 2px;
}
body.skin-vector-legacy #p-logo a {
	padding-left: 40px;
	left: 0px;
	border-right: 1px solid #aaa;
}
body.skin-vector-legacy #p-logo a:hover {
	opacity: 1.0;
}
body.skin-vector-legacy #mw-head {
	background-color: rgb(254,254,254,0.94);
	height: 100px;
	box-shadow: 0px 1px 2px #aaa;
	background-image: url(/index.php/Special:FilePath/%E6%98%A5%E5%A4%A9%E9%A3%9E%E9%B8%9F.png);
	background-position: right top;
	background-size: 920px;
	background-repeat: no-repeat;
	transition-property: opacity !important;
	transition-duration: 0.25s !important;
}
body.skin-vector-legacy .vectorMenu {
	font-size: 92%;
}
body.skin-vector-legacy #left-navigation {
	margin-left: 233px !important;
}
body.skin-vector-legacy #mw-page-base {
	height: 104px;
}
body.skin-vector-legacy #left-navigation,
body.skin-vector-legacy #right-navigation {
	margin-top: 60px;
}
body.skin-vector-legacy #mw-head div.vectorMenu h4 {
	height: 1.9em;
	margin-bottom: 0;
	padding-top: 1.25em;
	padding-bottom: 0;
	padding-right: 0.5em;
}
body.skin-vector-legacy #mw-panel div.portal {
	padding-bottom: 0.7em;
	padding-top: 0.4em;
}
body.skin-vector-legacy #mw-panel #p-logo .mw-wiki-logo {
	width: 175px;
}
body.skin-vector-legacy #mw-panel {
	font-size: 18.5px;
}
body.skin-vector-legacy #mw-head li {
	background: transparent !important;
}
body.skin-vector-legacy #mw-panel .portal .body li {
	 line-height: 1.6em;
}
body.skin-vector-legacy .mw-wiki-logo {
	padding-left: 5px !important;
	padding-top: 10px !important;
	border: none !important;
}
body.skin-vector-legacy .clear-div {
	clear: both;
}
body.skin-vector-legacy .uls-trigger {
	display: none;
}
body.skin-vector-legacy div.vectorMenu div.menu {
	top: 2.8em;
	width: 100%;
	background-color: rgba(251,251,251,0.9);
	border: 1px solid #a7d7f9;
	border-top: transparent;
}
body.skin-vector-legacy #mw-panel .portal .body li a:visited {
	color: #0645ad;
}
body.skin-vector-legacy #mw-head .portal .body li a:visited {
	color: #0645ad;
}


/* 搜索框 */
body.skin-vector-legacy #simpleSearch {
	max-width: 225px; 
	background-image: none;
	padding: 0.1px 10px;
	opacity: 0.625;
	display: flex;
	transition: width 0.4s;
}
body.skin-vector-legacy #simpleSearch #searchButton {
	right: 6px !important;
	width: 20px !important;
	height: 23px !important;
}
body.skin-vector-legacy input::-webkit-search-cancel-button {
	display:none;
}
body.skin-vector-legacy #p-search {
	float: left;
	margin-right: 0.5em;
	margin-left: 0.6em;
	margin-top: 0.1em;
}
/* 适配宽屏 */
@media screen and (min-width: 1300px) {
	body.skin-vector-legacy .mw-body {
		padding-left: 47px;
		padding-right: 47px;
		padding-top: 31px;
	}
	body.skin-vector-legacy #localNotice {
		padding-bottom: 17px;
	}
	body.skin-vector-legacy #sidebarHidden-arrow {
		top: 7.7em;
	}
}
/* 适配带鱼屏 */
@media screen and (min-width: 1800px) {
	body.skin-vector-legacy .mw-body {
		 border-right: 1px solid #bbb;
	}
	body.skin-vector-legacy #content {
		max-width: 72.9em;
		margin-left: auto;
		margin-right: auto;
	}
	body.skin-vector-legacy #sidebarHidden-arrow {
		display: none;
	}
}