2
0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-02 16:04:07 +03:00

adding step nav to components

This commit is contained in:
Mark Otto
2011-11-30 00:39:38 -08:00
parent 447c9322e9
commit f2c40ee24d
5 changed files with 114 additions and 89 deletions
+43 -1
View File
@@ -6,7 +6,7 @@
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
* Date: Tue Nov 29 23:48:09 PST 2011
* Date: Wed Nov 30 00:39:32 PST 2011
*/
html, body {
margin: 0;
@@ -2088,6 +2088,48 @@ button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner {
.tab-content > .active, .pill-content > .active {
display: block;
}
.step-nav {
position: relative;
margin: 0 0 18px;
list-style: none;
line-height: 30px;
text-align: center;
background-color: #f5f5f5;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.step-nav li {
display: inline;
color: #bfbfbf;
}
.step-nav .prev, .step-nav .next {
position: absolute;
top: 6px;
}
.step-nav .prev {
left: 15px;
}
.step-nav .next {
right: 15px;
}
.step-nav .dot {
display: inline-block;
width: 10px;
height: 10px;
margin: 0 3px;
text-indent: -999em;
background-color: #bfbfbf;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
}
.step-nav .dot:hover, .step-nav .active .dot {
background-color: #404040;
}
.breadcrumb {
padding: 7px 14px;
margin: 0 0 18px;