用户:Prion/common.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
• Opera：按 Ctrl-F5。

/* =·=·=·=·=·=·=·=·=· RESET ·=·=·=·=·=·=·=·=·=·=·= */
* {
	position: static;
	box-sizing:border-box;
	padding:0;
	margin:0;
}

/* =·=·=·=·=·=·=·=·=· CLEAR USELESS ELEMENTS ·=·=·=·=·=·=·=·=·=·=·= */
.noprint {
	display: none;
}

@media screen and (min-width: 900px) {

	/* =·=·=·=·=·=·=·=·=· RESET ·=·=·=·=·=·=·=·=·=·=·= */
	.mw-body,
	#left-navigation,
	#right-navigation{
		box-sizing: border-box;
		margin:0;
	}
	
	#mw-panel,
	#mw-head {
		position: static;
	}
	
	
	/* =========================== LAYOUTS =========================== */
	/* =·=·=·=·=·=·=·=·=· (1) mediawiki LAYOUT ·=·=·=·=·=·=·=·=·=·=·= */
	.mediawiki {
		display: grid;
		grid-template-columns: 1fr 9fr 1fr;
		grid-template-rows: 300px auto 100px;
	}
	
	.mw-body{
		grid-column: 2 / 3;
		grid-row: 2 / 3 ;
	}
	
	#mw-navigation{
		grid-column: 2 / 3;
		grid-row: 1 / 2;
	}
	
	.mw-footer {
		grid-column: 2 / 3;
		grid-row:  3 / 4;
	}
	
	/* =·=·=·=·=·=·=·=·=· (1.1) mw-navigation LAYOUT ·=·=·=·=·=·=·=·=·=·=·= */
	
	#mw-navigation {
		
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: 10px 250px 40px;
	}
	
	#mw-head {
		grid-row: 3 / 4;
	}
	
	#mw-panel {
		grid-row: 2 / 3
	}
	
	/* =·=·=·=·=·=·=·=·=· (1.1.1) mw-head LAYOUT ·=·=·=·=·=·=·=·=·=·=·= */
	
	
	#p-personal {
		position:absolute;
		top:0;
		right: 100px;
	}
	

	
	/* =·=·=·=·=·=·=·=·=· (1.1.2) mw-panel LAYOUT ·=·=·=·=·=·=·=·=·=·=·= */
	#mw-panel {
		display: flex;
		flex: 1 1 100px;
		align-items: flex-end;
	}
	
	#p-logo {
		
	}
	
	.portal {
		
	}
	
	.portal .vector-menu-heading {
		
	}
	
	.portal .vector-menu-content{
		display: none;
	}
	

	
	/* =·=·=·=·=·=·=·=·=· (1.2) mw-body LAYOUT ·=·=·=·=·=·=·=·=·=·=·= */
	.mw-body {
	}
	
	/* =========================== STYLES =========================== */

}

@media screen and (max-width: 900px) {
	
}