User:Hayaku/common.css

From Stoneshard wiki
Revision as of 22:49, 27 July 2022 by Hayaku (talk | contribs)
Jump to navigation Jump to search

CSS and Javascript changes must comply with the wiki design rules.


Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/* even out gaps on the sides of main menu */
div#mw-panel {
	margin-left: 1em;
}
/* mobile/small screen tweaks */
@media screen and (max-width: 720px) {
	/* 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;
	}
}
/* 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;
}
.vector-menu-tabs {
	height: auto;
}
.vector-menu-tabs .mw-watchlink.icon a {
	margin-top: -0.5em;
}
.vector-menu-dropdown h3::after {
	margin-top: -1.5em;
}