|
|
| Line 11: |
Line 11: |
| | .appendTo('#slideshow'); | | .appendTo('#slideshow'); |
| | }, 6000); | | }, 6000); |
| - | </script>
| |
| - | <script>
| |
| - | $(function () {
| |
| - | $(‘.dropdown’).each(function () {
| |
| - | $(this).parent().eq(0).hover(function () {
| |
| - | $(‘.dropdown:eq(0)’, this).show();
| |
| - | }, function () {
| |
| - | $(‘.dropdown:eq(0)’, this).hide();
| |
| - | });
| |
| - | });
| |
| - | });
| |
| | </script> | | </script> |
| | + | |
| | | | |
| | | | |
| | | | |
| | <style type="text/css"> | | <style type="text/css"> |
| - | #menu
| |
| - | {
| |
| - | position: fixed;
| |
| - | z-index: 5;
| |
| - | top: 0;
| |
| - | left: 0;
| |
| - | width: 100%;
| |
| - | height: 40px;
| |
| - | line-height: 40px;
| |
| - | background: #ffb35a url(images/topbg.gif) repeat-x;
| |
| - | border-bottom: 1px solid #000;
| |
| - | }
| |
| | | | |
| - | #menu ul
| |
| - | {
| |
| - | margin: 0 auto;
| |
| - | }
| |
| - |
| |
| - | #menu ul li.hasmore
| |
| - | {
| |
| - | background: url(images/drophighlight.png) no-repeat center 27px;
| |
| - | }
| |
| - |
| |
| - | #menu ul li h4
| |
| - | {
| |
| - | margin: 0;
| |
| - | }
| |
| - |
| |
| - | #menu ul li h4 a
| |
| - | {
| |
| - | font-size: 14px;
| |
| - | color: #000;
| |
| - | font-weight: bold;
| |
| - | padding: 0 15px;
| |
| - | }
| |
| - |
| |
| - | #menu ul li a
| |
| - | {
| |
| - | color: #9b2021;
| |
| - | padding-left: 4px;
| |
| - | }
| |
| - |
| |
| - | #menu ul li a img
| |
| - | {
| |
| - | vertical-align: middle;
| |
| - | }
| |
| - |
| |
| - | #menu ul li a:hover
| |
| - | {
| |
| - | background: url(images/topselectionleft.png) top left no-repeat;
| |
| - | }
| |
| - |
| |
| - | #menu ul li a span
| |
| - | {
| |
| - | display: block;
| |
| - | padding: 0 15px 0 11px;
| |
| - | }
| |
| - |
| |
| - | #menu ul li a:hover span
| |
| - | {
| |
| - | background: url(images/topselectionright.png) top right;
| |
| - | }
| |
| - |
| |
| - | #menu ul.dropdown
| |
| - | {
| |
| - | padding: 10px;
| |
| - | background-image: url(images/dropdown.png);
| |
| - | overflow:hidden;
| |
| - | border-bottom: 1px solid #dc902f;
| |
| - | width: 290px;
| |
| - | }
| |
| - |
| |
| - | #menu ul.dropdown li a
| |
| - | {
| |
| - | border-bottom: 1px solid #e5cd8e;
| |
| - | line-height: 30px;
| |
| - | overflow: hidden;
| |
| - | height: 30px;
| |
| - | }
| |
| - |
| |
| - | #menu ul.dropdown li.last a
| |
| - | {
| |
| - | border-bottom-width: 0;
| |
| - | }
| |
| - |
| |
| - | #menu ul.dropdown li a:hover
| |
| - | {
| |
| - | background: url(images/menuarrow.png) no-repeat left center;
| |
| - | }
| |
| - |
| |
| - | #menu ul li h4 a:hover
| |
| - | {
| |
| - | background-image: none;
| |
| - | }
| |
| | | | |
| | #slideshow { | | #slideshow { |
| Line 320: |
Line 217: |
| | </ul> | | </ul> |
| | | | |
| - | <div id=”menu”>
| + | |
| - | <ul class=”tabs”>
| + | |
| - | <li class=”hasmore”><a href=”#”><span>Project</span></a>
| + | |
| - | <ul class=”dropdown”>
| + | |
| - | <li><a href=”#”>Menu item 1</a></li>
| + | |
| - | <li><a href=”#”>Menu item 2</a></li>
| + | |
| - | <li><a href=”#”>Menu item 3</a></li>
| + | |
| - | <li><a href=”#”>Menu item 4</a></li>
| + | |
| - | <li><a href=”#”>Menu item 5</a></li>
| + | |
| - | <li class=”last”><a href=”#”>Menu item 6</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li class=”hasmore”><a href=”#”><span>Notebook</span></a>
| + | |
| - | <ul class=”dropdown”>
| + | |
| - | <li><a href=”#”>Menu item 1</a></li>
| + | |
| - | <li><a href=”#”>Menu item 2</a></li>
| + | |
| - | <li><a href=”#”>Menu item 3</a></li>
| + | |
| - | <li><a href=”#”>Menu item 4</a></li>
| + | |
| - | <li><a href=”#”>Menu item 5</a></li>
| + | |
| - | <li class=”last”><a href=”#”>Menu item 6</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li class=”hasmore”><a href=”#”><span>Team</span></a>
| + | |
| - | <ul class=”dropdown”>
| + | |
| - | <li><a href=”#”>Menu item 1</a></li>
| + | |
| - | <li><a href=”#”>Menu item 2</a></li>
| + | |
| - | <li><a href=”#”>Menu item 3</a></li>
| + | |
| - | <li><a href=”#”>Menu item 4</a></li>
| + | |
| - | <li><a href=”#”>Menu item 5</a></li>
| + | |
| - | <li class=”last”><a href=”#”>Menu item 6</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li class=”hasmore”><a href=”#”><span>Safety</span></a>
| + | |
| - | <ul class=”dropdown”>
| + | |
| - | <li><a href=”#”>Menu item 1</a></li>
| + | |
| - | <li><a href=”#”>Menu item 2</a></li>
| + | |
| - | <li><a href=”#”>Menu item 3</a></li>
| + | |
| - | <li><a href=”#”>Menu item 4</a></li>
| + | |
| - | <li><a href=”#”>Menu item 5</a></li>
| + | |
| - | <li class=”last”><a href=”#”>Menu item 6</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | <li class=”hasmore”><a href=”#”><span>Sponsors</span></a>
| + | |
| - | <ul class=”dropdown”>
| + | |
| - | <li><a href=”#”>Menu item 1</a></li>
| + | |
| - | <li><a href=”#”>Menu item 2</a></li>
| + | |
| - | <li><a href=”#”>Menu item 3</a></li>
| + | |
| - | <li><a href=”#”>Menu item 4</a></li>
| + | |
| - | <li><a href=”#”>Menu item 5</a></li>
| + | |
| - | <li class=”last”><a href=”#”>Menu item 6</a></li>
| + | |
| - | </ul>
| + | |
| - | </li>
| + | |
| - | </ul>
| + | |
| - | </div>
| + | |
| | </div> | | </div> |
| | <div class="body"> | | <div class="body"> |
"
