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

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

/* =·=·=·=·=·=·=·=·=· 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 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 4fr 1fr;
		grid-template-rows: 60px 200px 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: 3 / 4;
	}
	
	#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: flex;
		flex: 1 1 100px;
		align-items: flex-end;
	}
	
	#p-logo {
		margin:0;
		width: 100px;
		height: 100px;
	}
	
	#p-logo a {
		width: 100%;
		height: 100%;
	}
	

	.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) {
	
}