Menjetek rá valamelyik részre. Demó:
Elég egy "entert" nyomnod egy után, mrt autómatikusan adja a másik számot. A kód pedig a következő:
<style type="text/css">
ol {
counter-reset: li;
padding:0px;
margin:10px 0px;
}
ol ol {
margin:5px 0px 5px 15px;
}
ol li {
padding:3px;
list-style:none;
margin:3px 0px;
}
ol li:before {
content: counter(li);
counter-increment: li;
padding:1px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
background:#E9EAEE;
text-align:center;
width:20px;
display:block;
float:left;
font-weight:bold;
text-shadow:1px 1px 0px rgba(255,255,255,0.5);
margin:0px 10px 0px 0px;
}
ol li:hover:before {
background: rgb(228,245,252); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(228,245,252,1) 0%, rgba(191,232,249,1) 50%, rgba(159,216,239,1) 51%, rgba(42,176,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(228,245,252,1)), color-stop(50%,rgba(191,232,249,1)), color-stop(51%,rgba(159,216,239,1)), color-stop(100%,rgba(42,176,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(228,245,252,1) 0%,rgba(191,232,249,1) 50%,rgba(159,216,239,1) 51%,rgba(42,176,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#e4f5fc’, endColorstr=’#2ab0ed’,GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
</style>