Skip to content

Instantly share code, notes, and snippets.

@marisqaporter
Last active August 29, 2015 14:17
Show Gist options
  • Save marisqaporter/9baf97ec745495008b39 to your computer and use it in GitHub Desktop.
Save marisqaporter/9baf97ec745495008b39 to your computer and use it in GitHub Desktop.
Fancy Ordered List CSS with massive numbers and unique colors for each li
#start-program li {
list-style-type:none;
font-weight:bold;
line-height:180%;
margin:0 0 60px 0;
padding-left:60px;
position:relative;
min-height:50px;
}
#start-program li:before {
content: counter(start-counter);
counter-increment: start-counter;
font-size:75px;
color:#1A3758;
font-family:"Arial Black", Gadget, sans-serif;
position:absolute;
top:15px;
left:0;
}
#start-program li:nth-child(2):before {
color:#f2994f;
}
#start-program li:nth-child(3):before {
color:#61c0e1;
}
#start-program li:nth-child(4):before {
color:rgba(112,175,0,1.0);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment