MediaWiki:Vector.css

/* 这里放置的CSS将影响使用Vector皮肤的用户 */

/*处理控制大小居中*/
body {
	min-width: 500px;
    max-width: 1350px;
    margin: 0 auto;
}
/*移动端页面调整*/
@media screen and (max-width: 500px){
	body {
		position:absolute;
		/*默认移动端理想视口360px下的结果*/
		transform: scale(0.72);
    	left: -70px;
    	top: -14%;
	}
	#p-personal {
    	right: 0em;
	}
	.mw-parser-output .main-page-left {
		width: 61% !important;
	}
	.mw-parser-output .main-page-right {
		width: 37.5% !important;
	}
	.mw-body, .parsoid-body {
    	padding: 0.55em;
	}
	#mw-panel {
		width: 137px;
	}
	.mw-body, #mw-data-after-content {
	  margin-left: 137px;
	}
	#p-logo a {
    background-position: left center;
	}
	
	.mw-body, #mw-data-after-content, #footer {
		margin-left: 0;
	}
	#left-navigation {
		margin-left: 0;
	}
	#mw-panel {
		display: none;
	}
	/*手机版信息栏*/
	#infos {
    	background-image: linear-gradient(to top,#f67f77 0,#f8ede8 1px,#ffffff 100%);
	}
	#ininfos {
	    color: #9a2800;
	    font-weight: bold;
	    padding-right: 1.2em;
	    padding-left: 1.2em;
	}
	#mw-panel {
		top: 80px;
		border-top: 1px solid #d37a5a;
		padding-bottom: 16px;
		display: none;
		background-image: linear-gradient(to top,#77a6f6 0,#fafeff 1px,#ffffff 70%,#fffcf9 100%);
		box-shadow: 3px 3px 5px #77c1f652;
    	width: 140px;
	}
}
/*桌面过宽页面调整*/
@media screen and (min-width: 982px){
	#mw-head {
	   right: calc(max(0px,calc(50% - 675px)) + max(0px, calc(100vw - 1350px))*0.2) !important;
	  max-width: calc(1350px - max(0px, calc(100vw - 1350px))*0.2) !important;
	}
	.mw-body, #mw-head-base, #left-navigation, #mw-data-after-content, .mw-footer {
	  margin-left: calc(176px - max(0px, calc(100vw - 1350px))*0.2) !important;
	  margin-right: calc(max(0px, calc(100vw - 1350px))*0.2) !important;
	}
	#mw-panel {
    	padding-left: max(3px,calc((100% -1350px)/4.5 - 280px)) !important;
	}
}