Difference between revisions of "User:Hayaku/common.css"

From Stoneshard wiki
Jump to navigation Jump to search
m (Hayaku moved page User:Hayaku/common.css to User:Hayaku/vector.css without leaving a redirect)
m
 
(12 intermediate revisions by the same user not shown)
Line 4: Line 4:
}
}
/* mobile/small screen tweaks */
/* mobile/small screen tweaks */
@media screen and (max-width: 720px) {
@media screen and (max-width: 960px) {
/* remove gaps on the sides to make more area for content */
/* remove gaps on the sides to make more area for content */
div#mw-panel {
div#mw-panel {
Line 15: Line 15:
#left-navigation {
#left-navigation {
margin-left: 14em !important;
margin-left: 14em !important;
}
#right-navigation {
margin-right: 0;
}
}
}
}
Line 24: Line 27:
/* reduction of big chungus menu at the top */
/* reduction of big chungus menu at the top */
#p-search form {
#p-search form {
margin: 0;
margin: -0.25em 0 0 0;
}
}
.vector-menu-tabs {
.vector-menu-tabs {
height: auto;
height: auto;
}
}
.vector-menu-tabs .mw-watchlink.icon a {
.vector-menu-tabs li a {
margin-top: -0.5em;
height: auto;
padding: 0 8px;
}
#ca-watch {
margin-top: -0.75em;
}
#p-cactions {
margin-top: -1em;
}
#right-navigation {
height: 18px;
}
div#content {
margin-top: -1em;
}
}
.vector-menu-dropdown h3::after {
 
margin-top: -1.5em;
:focus {
outline: none;
}
}

Latest revision as of 17:57, 17 September 2022

/* even out gaps on the sides of main menu */
div#mw-panel {
	margin-left: 1em;
}
/* mobile/small screen tweaks */
@media screen and (max-width: 960px) {
	/* remove gaps on the sides to make more area for content */
	div#mw-panel {
		margin-left: 0;
	}
	div#content {
		margin-right: 0;
		margin-left: 14em;
	}
	#left-navigation {
		margin-left: 14em !important;
	}
	#right-navigation {
		margin-right: 0;
	}
}
/* personal tweaks to the main menu, you can use them still if you want */
.vector-menu-portal {
	margin: 0;
	padding: 0;
}
/* reduction of big chungus menu at the top */
#p-search form {
	margin: -0.25em 0 0 0;
}
.vector-menu-tabs {
	height: auto;
}
.vector-menu-tabs li a {
	height: auto;
	padding: 0 8px;
}
#ca-watch {
	margin-top: -0.75em;
}
#p-cactions {
	margin-top: -1em;
}
#right-navigation {
	height: 18px;
}
div#content {
	margin-top: -1em;
}

:focus {
	outline: none;
}