User:SomebodyRum/NavigationBar/styles.css

Note: After publishing, 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)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* Full-width Imageboard Navigation Bar */
.srum-navbar {
	background-color: rgb(45, 45, 45);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* Small, crisp font for that old internet feel */
	padding: 6px 12px;
	border-bottom: 1px solid #1a1a1a;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); /* Slight drop shadow */
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	line-height: 1.5;
}

/* Dimmer color for the brackets and slashes */
.srum-bracket, 
.srum-sep {
	color: #aaaaaa;
	margin: 0 2px;
}

/* White Text Links */
.srum-item a {
	color: #ffffff;
	text-decoration: none; /* No underlines by default */
}

/* Authentic Imageboard Hover Effect */
.srum-item a:hover {
	color: #ffffff;
	text-decoration: underline; /* Underlines when hovered */
}

/* Visited links stay white so it doesn't look messy */
.srum-item a:visited {
	color: #ffffff;
}