|
|
| (39 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */
| |
| #bottom-nav {
| |
| font-size: 75%;
| |
| 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 */
| |
| }
| |
|
| |
|
| #bottom-nav li {
| |
| float:left; /* Causes the list to align horizontally instead of stack */
| |
| position:relative; /* positioning context for the absolutely positioned drop-down */
| |
| list-style-type:none; /* removes the bullet off each list item */
| |
| background-color:#930B00; /*sets the background of the menu items */
| |
|
| |
| margin: -4px 0 0 0; /*Brings the menu items up */
| |
| padding:0 6px; /*creates space each side of menu item's text */
| |
| }
| |
|
| |
| #bottom-nav .portlet {
| |
| margin: .5em 0 0;
| |
| }
| |
| #bottom-nav h3 {
| |
| color: #444;
| |
| text-align: left;
| |
| display: inline;
| |
| }
| |
|
| |
| #bottom-nav .pBody {
| |
| display: inline;
| |
| }
| |
| #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;
| |
| }
| |
| #bottom-nav h3:first-child {
| |
| -moz-border-radius-topleft: .5em;
| |
| padding-bottom:1px; /*to fix from rounded edge */
| |
| border-top-left-radius: .5em;
| |
| }
| |
| #bottom-nav h3:last-child {
| |
| -moz-border-radius-topright: .5em;
| |
| border-top-right-radius: .5em;
| |
| padding-bottom:1px; /*to fix from rounded edge */
| |
| }
| |
| #bottom-nav h3:hover {
| |
| background-color:#202020; /*Background of the menu items when hovered over #202020 = DARK GRAY */
| |
| }
| |
| #bottom-nav a {
| |
| display:block; /*makes list items in drop down highlight and wrapped lines indent correctly */
| |
| color:#FFF; /* LINK TEXT color #FFF = WHITE */
| |
| text-decoration: none; /* removes underline */
| |
| }
| |