MediaWiki:Common.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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* CSS placed here will be applied to all skins */
#bottom-nav {
	position: relative;
	top: 0px;
	width: 100%;
	font-size: 75%;
	padding-bottom: 2em;
	margin: 2em 3.3em 0;
	text-shadow: 0 2px 4px #fff, 0 2px 4px #fff, 0 1px 4px #fff;
	float:left; /*makes the  entire box  enclose the list */
	background-color: rgba(255,255,255,0.5); /* colors the background  behind the box*/ 
	a:link {color: #000;}
        background:#930B00; /*  BACKGROUND COLORS FOR ENTIRE BOX 930B00 = DARK RED */ 
        margin:7px -2px -2px -2px;
        padding:0;
}
#bottom-nav .portlet h3 {
	margin: .5em 0 0;
	color: #444;
	text-align: left;
	display: inline;
}
#bottom-nav h3:after {
	content: ':';
}
#bottom-nav .pBody {
	display: inline;
}

#bottom-nav .pBody ul {
        margin:0; /* prevents the TEMP value inheriting from the horizontal menu  */
        position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
        width:10em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
        left:-1px; /*aligns the drop exactly under the menu */
        }
#bottom-nav .pBody ul li {
        margin: -1px 0 0 0; /* prevents the margin value inheriting from the horiz menu + bring menu items up  */
        width:100%; /* makes the list items fill the list container (ul) */
        
        list-style-type:none;   /* removes the bullet off each list item */
        list-style-image:none;  /* removes the bullet off each list item */
        padding:0 0 1px;
        -moz-border-radius-topright: 0;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        }
#bottom-nav a {
	color: #666;
}
#bottom-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}

#bottom-nav ul li {
	margin: 0 .5em;
	display: inline;
}