User:Hayaku/common.css

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: 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;
	}
}
/* remove unecessary margin */
.vector-body {
	margin-top: -1em;
}
/* 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;
}