dfn > b:lang(c),a:lang(c) { color: #62A184 }
dfn > b:lang(java),a:lang(java) { color: #EEB911; }
dfn > b:lang(perl),a:lang(perl) { color: #A73914 }
dfn > b:lang(shell),a:lang(shell) { color: #E97417 }
dfn > b:lang(python),a:lang(python) { color: #799421 }

ul  {
margin: 0 auto;
}

li {
list-style-type: decimal-leading-zero;
list-style-position: inside;
font-family: verdana, sans-serif;
font-size: 12px;
line-height: 1.5em;
display: block;
margin-top: 30px;
padding-left: 15px;
}

li b { color: #fff }

li:lang(c) {
border-left: 10px solid #62A184;
}

li:lang(java) {
border-left: 10px solid #EEB911;
}

li:lang(perl) {
border-left: 10px solid #A73914;
}

li:lang(python) {
border-left: 10px solid #799421;
}

li:lang(shell) {
border-left: 10px solid #E97417;
}

li p {
text-indent: 0;
margin-bottom: 0;
}

li p:first-line {
font-size: 10pt;
font-weight: 900;
}

li p a {
color: #333;
text-decoration: underline;
/* border-bottom: 1px #fff dashed; */
}

li:before {
font-family: helvetica;
font-size: 18px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bolder;
}

li:lang(C):before {
content: "C";
color: #62A184;
}
li:lang(perl):before {
content: "Perl";
color: #A73914;
}
li:lang(java):before {
content: "Java";
color: #EEB911; 
}
li:lang(python):before {
content: "Python";
color: #799421;
}
li:lang(shell):before {
content: "Shell";
color: #E97417;
}