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

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

/* =·=·=·=·=·=·=·=·=· 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: 290px;
		height: 30px;
	}
	
	#p-personal .vector-menu-content{
		height: 100%;
	}

	#p-personal .vector-menu-content ul{
		
	}
	
	#p-search {
		position: absolute;
		top: 0;
		right: 10px;
	}
	
	/* ---- (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 {
		
		display: none;
		
		margin:0;
		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 {
		position: relative;
	}
	
	.portal .vector-menu-heading {
	}
	
	.portal .vector-menu-content{
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: max-content;
		min-width: 100px;
	}
	
	.portal:hover .vector-menu-content{
		display: block;
	}
	
	#p-navigation .vector-menu-content {

	}
	
	#p-学习园地 .vector-menu-content{

	}
	
	#p-论坛百科 .vector-menu-content{

	}
	
	#p-维基事务 .vector-menu-content{

	}
	
	#p-tb .vector-menu-content{

	}
	
	/* ---- (1.2) mw-body LAYOUT ---- */
	.mediawiki {
		background: none;
	}
	
	
	#content {
				z-index: 0;
	}
	
	.mw-body {
		box-sizing: border-box;
		margin:0;
	}

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


	.portal:hover .vector-menu-content{
		background-color: red;
	}
	
	.portal::after {
		content:"";
		/* --mask: var(--icon-chevron-down) no-repeat;
		webkit-mask: var(--mask);
		mask: var(--mask); */
	}
}

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