#navigation { | |
width: 99%; | |
float: center; | |
font-family: Comic Sans MS; | |
font-size: 15px; | |
color: #ffffff; | |
height:50px; | |
margin-top:-5px;background:#111;border:5px solid #171615; | |
-moz-border-radius:10px 10px 10px 10px; | |
-webkit-border-radius:10px 10px 10px 10px; | |
height:50px; | |
} | |
#navigation a:link, #navigation a:visited { | |
color: #ffffff; | |
padding:5px 5px 2px 5px; | |
border: solid #111; | |
} | |
#navigation a:hover { | |
color:#5b9102; | |
cursor:pointer; | |
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkR63cMm1cg8HWTxoyknhJkoApz1KwGglhJ5HSrpkapRwnq8Z5O1YfomnU15k6K-aAsjIXE_ZAtCSdeUlzqydodNuGc6uXeQSS4E4EgBql3XpnDvoGO6DUI7RWu3mfMBzcXY3L-iAqrHI/s1600/eaaa.gif) no-repeat center; margin-top:-40px; height:50px; border: solid #5b9102; | |
-moz-border-radius:20px 20px 20px 20px; | |
-webkit-border-radius:20px 20px 20px 20px; | |
} | |
li.page_item { | |
padding:5px 10px; | |
-moz-border-radius:10px 10px 10px 10px; | |
-webkit-border-radius:10px 10px 10px 10px; | |
border:5px solid #171615; | |
border-left:8px solid #ccc; | |
border-right:8px solid #ccc; | |
background:#111; | |
color:#FFFFFF; | |
} | |
li.page_item:hover { | |
} | |
#nav { | |
bottom: 0; | |
right: 0; | |
z-index: 999; | |
list-style: none; | |
float: left; | |
padding: 0; | |
} | |
#nav li { | |
float: left; | |
} | |
#nav li a { | |
float: left; | |
display: block; | |
height: auto; | |
color: #FFFFFF; | |
text-decoration: none; | |
} | |
#nav li.current a { | |
color: #FFFFFF; | |
} | |
#nav li ul { | |
clear: left; | |
position: absolute; | |
left: -999em; | |
z-index: 999; | |
width: 161px; | |
margin-top: 31px; | |
margin-left: -21px; | |
_margin-top: 0; /* IE6 only */ | |
border* 5px solid #171615; | |
border-top: none; | |
list-style: none; | |
line-height: 1; | |
padding-left: 0px; | |
-moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; | |
} | |
* + html #nav li ul { | |
margin-top: 0; | |
} | |
#nav li li { | |
display: inline; | |
_display: block; | |
float: none; | |
_float: left; | |
margin: 0; | |
font-size: 11px; | |
text-transform: uppercase; | |
} | |
#nav li ul ul { | |
margin: -31px 0 0 161px;border-top:5px solid #171615; -moz-border-radius:10px; -webkit-border-radius:10px; | |
} | |
#nav li:hover ul ul, #nav li.sfhover ul ul { | |
left: -999em; | |
} | |
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { | |
left: auto; | |
} | |
#nav li li li { | |
font-size: 11px; | |
} | |
#nav li:hover li a, #nav li.sfhover li a { | |
float: none; | |
width: auto; | |
height: 40px; | |
padding: 9px 14px; | |
border-bottom: 3px solid #5b9102; | |
color: #0000ff; | |
-moz-border-radius:40px 40px 40px 40px; -webkit-border-radius:40px 40px 40px 40px; | |
background: #282828;color:#FFF; | |
} | |
#nav li:hover li a:hover, #nav li.sfhover li a:hover { | |
background: #282828;color:#FFF; | |
} |