Skip to content

Instantly share code, notes, and snippets.

@pinscript
Created August 18, 2011 12:30
Show Gist options
  • Save pinscript/1153957 to your computer and use it in GitHub Desktop.
Save pinscript/1153957 to your computer and use it in GitHub Desktop.
.wizard ul {
list-style: none outside none;
margin: 0 0 15px;
padding: 0;
}
.wizard ul li {
-moz-user-select: none;
background: -moz-linear-gradient(center top , #F7F7F7, #E1E1E1) repeat scroll 0 0 transparent;
color: #333333;
float: left;
margin-left: 5px;
padding: 10px;
text-shadow: 0 1px 0 #FFFFFF;
}
.wizard ul li.active-step {
background: -moz-linear-gradient(center top , #1AB000, #169300) repeat scroll 0 0 transparent;
color: #FFFFFF;
text-shadow: 0 1px 0 #000000;
}
.wizard ul li .step-title {
font-size: 14px;
}
.wizard ul li .step-description {
display: block;
}
.wizard-form {
clear: both;
padding-top: 20px;
}
.wizard-step {
background: -moz-linear-gradient(left center 80deg, #F2F2F2 5%, #FFFFFF) repeat scroll 0 0 transparent;
border-top: 5px solid #C9C9C9;
margin-bottom: 50px;
padding: 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment