jquery + css sample source log–pkbookshelfheader

from one unnamed source, i changed from it.

your can see it demo from http://cdn.pk17s.cn/s/htm/sample/jquery.pkBookShelfHeader/index.htm

here is css:

.bookshelf_menu_wrapper {
                width: 100%;
                background: url(images/templatemo_menu.jpg) no-repeat top center;
            }
            .bookshelf_menu_wrapper .bookshelf_menu {
                background: url(images/templatemo_menu.jpg) no-repeat top center;
                width: 100%;
                height: 103px;
                margin: 0 auto;
            }
            .bookshelf_menu_wrapper .bookshelf_menu ul.bookshelf_navigation {
                height: 100%;
              list-style: none;
              margin: 0 auto;
              padding: 0;
              display:table;
            }
            .bookshelf_menu_wrapper .bookshelf_menu ul.bookshelf_navigation li {
              display: inline-block;
              margin: 0px;
                padding: 0;
            }
            .bookshelf_menu_wrapper .bookshelf_menu ul.bookshelf_navigation a {
                float: left;
                display: block;
                width: 104px;
                height: 70px;
                padding: 34px 15px 0;
                color: #FFFFFF;
                font-size: 18px;
                font-weight: bold;
                text-decoration: none;
                text-align: center;
                background: url(images/templatemo_menu_bg.png) no-repeat top center
            }
            .bookshelf_menu_wrapper .bookshelf_menu ul.bookshelf_navigation a:hover, .bookshelf_menu_wrapper .bookshelf_menu ul.bookshelf_navigation a.selected {
                color: #FFFF00;
            }
            .bookshelf_menu_wrapper .bookshelf_menu ul.bookshelf_navigation a:focus {
              outline: none;
            }

here is htm layout source:

<div class="bookshelf_menu_wrapper">
        <div class="bookshelf_menu">
        <ul class="bookshelf_navigation">
            <li><a href="javascript:;" class="divWorkStatistTableCaptionX pkAutoTranslactor">Exit</a></li>
            <li><a href="javascript:;" class="selected">Current</a></li>
        </ul>
    </div>
    </div>
</div>