|
|
(30 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| /* 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;
| |
| }
| |