Skip to content

Instantly share code, notes, and snippets.

@dave547
Created May 10, 2012 00:40
Show Gist options
  • Save dave547/2650121 to your computer and use it in GitHub Desktop.
Save dave547/2650121 to your computer and use it in GitHub Desktop.
CSS: Opacity: opacity:0.8; filter:alpha(opacity=80); /* For IE8 and earlier */
@import url('reset.css');
@import url('typography.css');
html { background-color: #d2eeae;}
body {}
#wrapper { margin: 50px auto; width: 960px; min-height: 300px; background-color: #fff; border: 2px solid #fff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 8px #888;
-webkit-box-shadow: 0px 0px 8px #888;
box-shadow: 0px 0px 8px #888;}
header {}
#logo { margin: 10px;}
nav { background-image: url('../images/nav-bg-x.jpg'); background-repeat: repeat-x; height: 51px;}
/***********************************************
NAV CSS
***********************************************/
#main_nav{ float: left; margin: 0px 0px 0px 3px; color: #fff; width: 960px; /*background-color: #000;*/ }
#main_nav ul { font-size: 14px; list-style: none; }
#main_nav ul li { display: block; position: relative; float: left; z-index: 99999; }
#main_nav li ul { display: none; }
#main_nav ul li a { display: block; text-decoration: none; color: #ffffff; padding: 18px 3.35em; margin-left: 0px; white-space: nowrap; border-right: 1px solid #3d632a; text-transform:uppercase; font-family: Helvetica, Arial, Tahoma, sans-serif; font-weight: bold;}
#main_nav ul li a:hover { background-color: #225b10; }
#main_nav li:hover ul { display: block; position: absolute; background-color: #225b10;}
#main_nav li:hover li { float: none; font-size: 14px; }
#main_nav li:hover a { }
#main_nav li:hover li a:hover { background-color: #164009; }
/***********************************************
/NAV CSS
***********************************************/
#slideShow { height: 307px; border-bottom: 4px solid #4a7833;}
#content { min-height: 304px; background-image: url('../images/pweb-bg.gif');}
footer { height: 45px; background-color: #171e15; text-align: center; vertical-align: middle; color: #fff;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment