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 li { 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 a { color: #666; } #bottom-nav ul { margin: 0; padding: 0; list-style: none; display: inline; } #bottom-nav ul li { margin: 0 .5em; display: inline; }