/*------------------------------------------*/ /* The code for this example was derived */ /* from Caderholm's Bulletproof Web Design, */ /* pages 26 - 45 */ /*------------------------------------------*/ /* This example was created by dynanti. */ /* 29/07/2008. */ /* */ /* Copyright (C) 2008 - dynanti LLP. */ /* All rights reserved. */ /*------------------------------------------*/ /*#nav-bar { /* Navigation container */ /* width:760px; height:25px; float:right; margin-top:8px; } */ #nav-buttons { /* Unordered list */ margin: 0px; padding: 0px; list-style: none; width: 790px; } #nav-buttons li { /* List items */ float: right; margin: 0px; } /* Common to all buttons */ #nav-page-home, #nav-page-rates, #nav-page-guestrooms, #nav-page-barbistro, #nav-page-meetings, #nav-page-weddings, #nav-page-functions, #nav-page-christmas, #nav-page-entertainment, #nav-page-contact, #nav-page-non-navigation { float: right; margin-top:1px; width:785px; text-align: right; } #nav-page-home a, #nav-page-rates a, #nav-page-guestrooms a, #nav-page-barbistro a, #nav-page-meetings a, #nav-page-weddings a, #nav-page-functions a, #nav-page-christmas a, #nav-page-entertainment a, #nav-page-contact a, #nav-page-non-navigation a { float: left; display: block; /* Makes the entire tab clickable */ margin: 0; padding-top: 4px; /* Padding gives users something bigger to aim for */ padding-left: 8px; padding-right: 8px; text-decoration: none; background-repeat: no-repeat; height:25px; } /*----------*/ /* HOME tab */ /*----------*/ #nav-button-home a { /* Default button for all pages */ background-image: url(../images/navigation-images/button-home.gif); width: 31px; } #nav-page-home #nav-button-home a { /* Home button for page containing tag */ background-image: url(../images/navigation-images/button-home-active.gif); } #nav-page-non-navigation #nav-button-home a { /* Home button for page containing tag */ background-image: url(../images/navigation-images/button-home.gif); } #nav-button-home a:hover { /* Hover button for all pages */ background-image: url(../images/navigation-images/button-home-hover.gif); } #nav-button-home a:active { /* Display when the mouse button is pressed */ background-image: url(../images/navigation-images/button-home-active.gif); } /*-----------*/ /* RATES tab */ /*-----------*/ #nav-button-rates a { /* Default button for all pages */ background-image: url(../images/navigation-images/button-rates.gif); width: 34px; } #nav-page-rates #nav-button-rates a { /* Home button for page containing tag */ background-image: url(../images/navigation-images/button-rates-active.gif); } #nav-button-rates a:hover { /* Hover button for all pages */ background-image: url(../images/navigation-images/button-rates-hover.gif); } #nav-button-rates a:active { /* Display when the mouse button is pressed */ background-image: url(../images/navigation-images/button-rates-active.gif); } /*-----------------*/ /* GUEST ROOMS tab */ /*-----------------*/ #nav-button-guestrooms a { /* Default button for all pages */ background-image: url(../images/navigation-images/button-guestrooms.gif); width: 75px; } #nav-page-guestrooms #nav-button-guestrooms a { /* Home button for page containing tag */ background-image: url(../images/navigation-images/button-guestrooms-active.gif); } #nav-button-guestrooms a:hover { /* Hover button for all pages */ background-image: url(../images/navigation-images/button-guestrooms-hover.gif); } #nav-button-guestrooms a:active { /* Display when the mouse button is pressed */ background-image: url(../images/navigation-images/button-guestrooms-active.gif); } /*------------------*/ /* BAR & BISTRO tab */ /*------------------*/ #nav-button-barbistro a { background-image: url(../images/navigation-images/button-barbistro.gif); width: 73px; } #nav-page-barbistro #nav-button-barbistro a { background-image: url(../images/navigation-images/button-barbistro-active.gif); } #nav-button-barbistro a:hover { background-image: url(../images/navigation-images/button-barbistro-hover.gif); } #nav-button-barbistro a:active { background-image: url(../images/navigation-images/button-barbistro-active.gif); } /*-----------------*/ /* CONFERENCES tab */ /*-----------------*/ #nav-button-meetings a { background-image: url(../images/navigation-images/button-meetings.gif); width: 77px; } #nav-page-meetings #nav-button-meetings a { background-image: url(../images/navigation-images/button-meetings-active.gif); } #nav-button-meetings a:hover { background-image: url(../images/navigation-images/button-meetings-hover.gif); } #nav-button-meetings a:active { background-image: url(../images/navigation-images/button-meetings-active.gif); } /*--------------*/ /* WEDDINGS tab */ /*--------------*/ #nav-button-weddings a { background-image: url(../images/navigation-images/button-weddings.gif); width: 56px; } #nav-page-weddings #nav-button-weddings a { background-image: url(../images/navigation-images/button-weddings-active.gif); } #nav-button-weddings a:hover { background-image: url(../images/navigation-images/button-weddings-hover.gif); } #nav-button-weddings a:active { background-image: url(../images/navigation-images/button-weddings-active.gif); } /*---------------*/ /* FUNCTIONS tab */ /*---------------*/ #nav-button-functions a { background-image: url(../images/navigation-images/button-functions.gif); width: 59px; } #nav-page-functions #nav-button-functions a { background-image: url(../images/navigation-images/button-functions-active.gif); } #nav-button-functions a:hover { background-image: url(../images/navigation-images/button-functions-hover.gif); } #nav-button-functions a:active { background-image: url(../images/navigation-images/button-functions-active.gif); } /*---------------*/ /* CHRISTMAS tab */ /*---------------*/ #nav-button-christmas a { background-image: url(../images/navigation-images/button-christmas.gif); width: 59px; } #nav-page-christmas #nav-button-christmas a { background-image: url(../images/navigation-images/button-christmas-active.gif); } #nav-button-christmas a:hover { background-image: url(../images/navigation-images/button-christmas-hover.gif); } #nav-button-christmas a:active { background-image: url(../images/navigation-images/button-christmas-active.gif); } /*-------------------*/ /* ENTERTAINMENT tab */ /*-------------------*/ #nav-button-entertainment a { background-image: url(../images/navigation-images/button-tribute-nights.gif); width: 85px; } #nav-page-entertainment #nav-button-entertainment a { background-image: url(../images/navigation-images/button-tribute-nights-active.gif); } #nav-button-entertainment a:hover { background-image: url(../images/navigation-images/button-tribute-nights-hover.gif); } #nav-button-entertainment a:active { background-image: url(../images/navigation-images/button-tribute-nights-active.gif); } /*----------------*/ /* CONTACT US tab */ /*----------------*/ #nav-button-contact a { background-image: url(../images/navigation-images/button-contact.gif); width: 70px; } #nav-page-contact #nav-button-contact a { background-image: url(../images/navigation-images/button-contact-active.gif); } #nav-button-contact a:hover { background-image: url(../images/navigation-images/button-contact-hover.gif); } #nav-button-contact a:active { background-image: url(../images/navigation-images/button-contact-active.gif); }