Nhờ cao thủ về style giúp đỡ

em rất thích cái này của style XenFitter có bác nào xem hình demo rùi giúp em làm với nha

 

Thêm vào EXTRA.CSS

Mã:

.message ol{
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
    *list-style: decimal; /* Keep using default numbering for IE6/7 */
    font: 15px 'trebuchet MS', 'lucida sans';
    padding: 0;
    margin-bottom: 4em;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.message ol ol{
    margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
.message .baseHtml ol li {
position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
        background: #ddd;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
}
.message .baseHtml ol li hover{
    background: #eee;
}
.message .baseHtml ol li:hover:before{
    transform: rotate(360deg);
}
.message .baseHtml ol li:before {
    content: counter(li);
    counter-increment: li;
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #87ceeb;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}
.message .baseHtml ul li {
position: relative;
    display: block;
    padding: .4em .4em .4em 2em;
    *padding: .4em;
    margin: .5em 0;
        background: #ddd;
    color: #444;
    text-decoration: none;
    border-radius: .3em;
    transition: all .3s ease-out;
}
.message .baseHtml ul li hover{
    background: #eee;
}
.message .baseHtml ul li:hover:before{
    transform: rotate(360deg);
}
.message .baseHtml ul li:before {
    content: '*';
    position: absolute;
    left: -1.3em;
    top: 50%;
    margin-top: -1.3em;
    background: #87ceeb;
    height: 2em;
    width: 2em;
    line-height: 2em;
    border: .3em solid #fff;
    text-align: center;
    font-weight: bold;
    border-radius: 2em;
    transition: all .3s ease-out;
}

 

em test nó lại ra thế này ah. bác xem giúp em với

 

thì đúng rồi bác cho cái trang demo kia xem

 

không nhưng mà cái 1 23 nó là màu đỏ vuông mà. với lại cái 123 code của bác là nó hiện toàn số 1 mà