No edit summary
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
#bottom-nav {
#bottom-nav {
position: relative;
position: relative;
top: 0px;
top: 0px;
left: 0px;
font-size: 75%;
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;
text-shadow: 0 2px 4px #fff, 0 2px 4px #fff, 0 1px 4px #fff;
float:left; /*makes the  entire box  enclose the list */
float:left; /*makes the  entire box  enclose the list */
Line 10: Line 11:
a:link {color: #000;}
a:link {color: #000;}
         background:#930B00; /*  BACKGROUND COLORS FOR ENTIRE BOX 930B00 = DARK RED */  
         background:#930B00; /*  BACKGROUND COLORS FOR ENTIRE BOX 930B00 = DARK RED */  
        margin:7px -2px -2px -2px;
        padding:0; 
}
}
#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 {
#bottom-nav .portlet {
margin: .5em 0 0;
margin: .5em 0 0;
Line 29: Line 21:
text-align: left;
text-align: left;
display: inline;
display: inline;
}
#bottom-nav h3:after {
content: ':';
}
}


Line 48: Line 43:
display: inline;
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 */
        }

Revision as of 21:31, 7 March 2017

/* CSS placed here will be applied to all skins */
#bottom-nav {
	position: relative;
	top: 0px;
	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 {
	margin: .5em 0 0;
}
#bottom-nav h3 {
	color: #444;
	text-align: left;
	display: inline;
}
#bottom-nav h3:after {
	content: ':';
}

#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;
}