User:Mxn/vector.css

注意：保存之后，你必须清除浏览器缓存才能看到做出的更改。Google Chrome、Firefox、Microsoft Edge及Safari：按住⇧ Shift键并单击工具栏的“刷新”按钮。参阅Help:绕过浏览器缓存以获取更多帮助。
@supports (-webkit-margin-start: 0) {
	html, body {
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		height: auto;
		width: 100%;
	}
	
	#mw-page-base {
	}
	
	div#content {
		margin-left: 0;
		-webkit-margin-start: 10em;
		margin-start: 10em;
		border-right-width: 1px;
		border-end-width: 0;
		margin-top: 0;
		-webkit-margin-before: -1px;
		margin-before: 1px;
	}
	
	body.vector-animateLayout div#content, body.vector-animateLayout div#footer {
		-webkit-transition: -webkit-margin-start 250ms, padding 250ms;
		transition: margin-start 250ms, padding 250ms;
	}
	
	h1, h2, h3, h4, h5, h6 {
		border-bottom: none;
		-webkit-border-after: 1px solid #aaa;
		border-after: 1px solid #aaa;
		padding-top: 0;
		-webkit-padding-before: .5em;
		padding-before: .5em;
		padding-bottom: 0;
		-webkit-padding-after: .17em;
		padding-after: .17em;
	}
	
	h1, h2 {
		margin-bottom: 0;
		-webkit-margin-after: .6em;
		margin-after: .6em;
	}
	
	.firstHeading, #firstHeading {
		margin-bottom: 0;
		-webkit-margin-after: .1em;
		margin-after: .1em;
		padding-bottom: auto;
		-webkit-padding-after: 0;
		padding-after: 0;
	}
	
	.firstHeading {
		padding-top: auto;
		-webkit-padding-before: 0;
		padding-before: 0;
		/* margin-top: ? */
		-webkit-margin-before: 0;
		margin-before: 0;
	}
	
	#bodyContent {
		width: auto;
		height: 100%;
	}
	
	#contentSub, #contentSub2 {
		margin-bottom: 0;
		-webkit-margin-after: 1.4em;
		margin-after: 1.4em;
		margin-left: 0;
		-webkit-margin-start: 1.4em;
		margin-start: 1.4em;
		width: 100%;
		height: auto;
	}
	
	#catlinks {
		margin-top: 0;
		-webkit-margin-before: 1em;
		margin-before: 1em;
	}
	
	#mw-navigation h2 {
		top: 0;
		right: -9999px;
	}
	
	div#mw-head {
		top: auto;
		bottom: 0;
		width: auto;
		height: 100%;
	}
	
	div#mw-panel {
		top: auto;
		right: 160px;
		padding-top: auto;
		-webkit-padding-before: 1em;
		padding-before: 1em;
		width: auto;
		height: 10em;
		left: auto;
		bottom: 0;
	}
	
	body.vector-animateLayout #mw-panel {
		-webkit-transition: -webkit-padding-end 250ms;
		transition: padding-end 250ms;
	}
	
	#p-personal {
		top: auto;
		right: 0.33em;
		bottom: 0.75em;
	}
	
	body.vector-animateLayout #p-personal {
		-webkit-transition: bottom 250ms;
		transition: bottom 250ms;
	}
	
	#left-navigation {
		margin-left: 0;
		-webkit-margin-start: 10em;
		margin-start: 10em;
		margin-top: 0;
		-webkit-margin-before: 2.5em;
		margin-before: 2.5em;
		margin-bottom: 0;
		-webkit-margin-after: -2.5em;
		margin-after: -2.5em;
	}
	
	body.vector-animateLayout div#content, body.vector-animateLayout div#footer, body.vector-animateLayout #left-navigation {
		-webkit-transition: -webkit-margin-start 250ms, padding 250ms;
		transition: margin-start 250ms, padding 250ms;
	}
	
	#right-navigation {
		margin-top: 0;
		-webkit-margin-before: 2.5em;
		margin-before: 2.5em;
	}
	
	div#footer {
		margin-left: 0;
		-webkit-margin-start: 10em;
		margin-start: 10em;
		margin-top: 0;
		-webkit-margin-before: 10em;
		margin-before: 10em;
	}
}