Форумы портала PHP.SU :: Помогите подогнать css

Здравствуйте. Помогите подогнать style1.css под style2.css .

style1.css

CODE (html):
скопировать код в буфер обмена

<ul class="mytabs" id="tabs">
            <li class="current"><a href="./tabs/tab-1.html">Вкладка 1</a></li>
            <li><a href="./tabs/tab-2.html">Вкладка 2</a></li>
            <li><a href="./tabs/tab-3.html">Вкладка 3</a></li>
</ul>
 
UL.mytabs {
        position: relative;
        z-index: 2;
}
UL.mytabs, UL.mytabs LI {
        margin: 0;
        padding: 0;
        list-style: none;
        float: left;
}
UL.mytabs LI { padding: 0 5px; }
UL.mytabs LI A {
        float: left;
        padding: 7px;
        border: 1px solid #CCCCCC;
        border-bottom: 1px solid #E0E0E0;
        background: #F0F0F0;
        text-decoration: none;
        color: #333333;
        height: 22px;
}
UL.mytabs LI A:HOVER, UL.mytabs LI.current A {
        background: #FFFFFF;    
}
UL.mytabs LI.current A {
        font-weight: bold;
        font-size: 14px;
        border-bottom: 1px solid #FFFFFF;
 

CODE (html):
скопировать код в буфер обмена

<ul id="menu">
 
                                                                <li><a href="#!/page_Home"><span></span><strong>Главная</strong></a></li>
 
                                                                <li><a href="#!/page_Portfolio"><span></span><strong>Портфолио</strong></a></li>
 
                                                                <li><a href="#!/page_Services"><span></span><strong>Мои услуги</strong></a></li>
 
                                                                <li><a href="#!/page_Contact"><span></span><strong>Контакты</strong></a></li>
 
</ul>
 
/* ============================= menu ====================== */                         
#menu {padding-top:122px}
 
#menu > li {width:100%;overflow:hidden;padding-bottom:4px}
 
#menu > li > a {display:inline-block;font-size:26px;line-height:54px;height:56px;color:#fff;background:#000;text-decoration:none;position:relative;letter-spacing:0px;cursor:pointer}
 
#menu > li > a span {display:block;background:#fff;position:absolute;width:100%;height:100%;top:0;left:0}
 
#menu > li > a strong {position:relative;display:block;padding:0 95px 0 40px;height:56px}
 
#menu > li > a:hover, #menu > li > a.active {color:#000}
 
#menu > li > a:hover strong, #menu > li > a.active strong{}

(Отредактировано автором: 24 Августа, 2015 - 22:19:01)