用户:Prion/common.css：修订间差异

2023年7月25日 (二) 07:33的版本

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

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

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



	/* =========================== LAYOUTS =========================== */
	
	/* (1) mediawiki LAYOUT */
	.mediawiki {
		display: grid;
		grid-template-columns: 1fr 7fr 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 8fr 1fr;
		grid-template-rows: 40px 200px 20px 40px;
	}
	
	#mw-panel,
	#mw-head {
		position: static;
	}
	
	#left-navigation,
	#right-navigation{
		box-sizing: border-box;
		margin:0;
	}
	
	#mw-head {
		grid-column: 1 / 4;
		grid-row: 4 / 5;
	}
	
	#mw-panel {
		grid-column: 2 / 3;
		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 {
		margin: 0;
		padding:0;
		width:100%;
		
		display: grid;
		grid-template-columns: 200px repeat(5, minmax(100px, 1fr));
		grid-template-rows: 160px 40px;
	}
	
	#p-logo {
		margin:0;
		
		display: none;
		
		position: absolute;
	}
	
	#p-logo a {
		width: 100%;
		height: 100%;
	}
	
	#p-navigation {
		grid-column: 2 / 3;
		grid-row: 2 / 3 ;
	}
	
	#p-学习园地{
		grid-column: 3 / 4;
		grid-row: 2 / 3 ;
	}
	
	#p-论坛百科{
		grid-column: 4 / 5;
		grid-row: 2 / 3 ;
	}
	
	#p-维基事务{
		grid-column: 5 / 6;
		grid-row: 2 / 3 ;
	}
	
	#p-tb{
		grid-column: 6 / 7;
		grid-row: 2 / 3 ;
	}
	
	#p-logo + .mw-portlet .vector-menu-heading {
		display: block;
	}
	
	.portal {

	}
	
	.portal .vector-menu-heading {
	}
	
	.portal .vector-menu-content{
		display: none;
	}
	
	.portal:hover .vector-menu-content{
		display: block;
	}
	
	/* (1.2) mw-body LAYOUT */
	.mw-body {
		box-sizing: border-box;
		margin:0;
	}


	
	/* =========================== STYLES =========================== */

}

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