ماژول جوملا :: منو آكاردئوني بسيار زيباي YO Accordion Menu سازگار با جوملا 1.5

کد:
.yo_accormenu ul.ldd_menu {

    background-color: #D04528;

    border-bottom: 1px solid #EF593B;

    border-left: 10px solid #D04528;

    border-top: 1px solid #EF593B;

    box-shadow: 0 3px 4px #591E12;

    display: block;

    font-family: "Tahoma,Trebuchet MS",sans-serif;

    height: 50px;

    list-style: none outside none;

    margin: 0;

    padding: 0;

}

.yo_accormenu ul.ldd_menu a {

    text-decoration: none;

}

.yo_accormenu ul.ldd_menu > li {

    float: right;

    position: relative;

}

.yo_accormenu ul.ldd_menu > li > span {

    background-color: #D04528;

    border-left: 1px solid #C44D37;

    border-right: 1px solid #DF7B61;

    color: #FFFFFF;

    cursor: default;

    float: right;

    height: 50px;

    line-height: 50px;

    padding: 0 20px;

    text-shadow: 0 0 1px #FFFFFF;

}

.yo_accormenu ul.ldd_menu .ldd_submenu {

    background: none repeat scroll 0 0 #C34328;

    border-top: 1px solid #EF593B;

    box-shadow: 0 3px 4px #591E12 inset;

    display: none;

    font-size: 10px;

    left: 0;

    opacity: 0.95;

    position: absolute;

    top: 50px;

}

.yo_accormenu a.ldd_subfoot {

    background-color: #F0F0F0;

    box-shadow: 0 0 2px #777777 inset;

    clear: both;

    color: #444444;

    display: block;

    font-family: Arial,serif;

    font-size: 12px;

    padding: 15px 20px;

    text-shadow: 0 0 1px #FFFFFF;

    text-transform: uppercase;

}

.yo_accormenu ul.ldd_menu ul {

    border-left: 1px solid #DF7B61;

    float: right;

    list-style: none outside none;

    margin: 20px 0 10px 30px;

    padding: 10px;

    text-align: right;

}

.yo_accormenu li.ldd_heading {

    color: #FFB39F;

    font-family: Georgia,serif;

    font-size: 13px;

    font-style: italic;

    padding: 0 0 10px;

    text-shadow: 0 0 1px #B03E23;

}

.yo_accormenu ul.ldd_menu ul li a {

    color: #FFFFFF;

    font-family: Arial,serif;

    font-size: 10px;

    line-height: 20px;

    padding: 1px 3px;

}

.yo_accormenu li.ldd_heading a {

    color: #FFB39F !important;

    font-family: Georgia,serif !important;

    font-size: 13px !important;

    font-style: italic;

    padding: 0 5px !important;

    text-shadow: 0 0 1px #B03E23;

}

.yo_accormenu ul.ldd_menu ul li a:hover {

    background: none repeat scroll 0 0 #AF412B;

    box-shadow: 0 0 2px #333333;

}