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