1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-28 15:50:01 +02: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

View File

@@ -39,71 +39,6 @@ body > .navbar-fixed .brand:hover {
}
/* Github buttons
-------------------------------------------------- */
.github-btn {
display: inline-block;
height: 20px;
overflow: hidden;
}
.github-btn .gh-btn,
.github-btn .gh-count,
.github-btn .gh-ico {
float: left;
}
.github-btn .gh-btn,
.github-btn .gh-count {
padding: 1px 5px 1px 4px;
font-size: 11px;
font-weight: bold;
line-height: 16px;
color: #666;
text-shadow: 0 1px 0 #fff;
cursor: pointer;
}
.github-btn .gh-btn {
background-color: #e6e6e6;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-repeat: no-repeat;
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
}
.github-btn .gh-btn:hover {
color: #333;
text-decoration: none;
background-position: 0 -10px;
}
.github-btn .gh-btn:active {
-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15);
-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15);
box-shadow: inset 0 2px 4px rgba(0,0,0,.15);
}
.github-btn .gh-ico {
margin-right: 4px;
opacity: .65;
}
.github-btn .gh-btn:hover .gh-ico {
opacity: .75;
}
.github-btn .gh-count {
display: inline-block;
margin-left: 2px;
background-color: #fff;
border: 1px solid #ddd;
}
/* Jumbotrons
-------------------------------------------------- */
.jumbotron {
@@ -330,13 +265,6 @@ body > .navbar-fixed .brand:hover {
margin-left: 10px;
}
/* scrollspy docs */
.scrollspy-example {
overflow: auto;
height: 200px;
position: relative;
}
/* Popover docs
-------------------------------------------------- */
@@ -499,19 +427,3 @@ h2 + table {
}
}
#accordion dt a{
display:block;
padding: 9px 15px;
line-height: 1;
background-color: whiteSmoke;
border: 1px solid #EEE;
border-top-color: #fff;
}
#accordion dt:first-child a {
border-top-color:#eee;
}
#accordion dd p {
padding: 10px;
}

View File

@@ -412,6 +412,28 @@
</div>
</div>
<!-- Step nav -->
<div class="row">
<div class="span3">
<h2>Step nav</h2>
<p>Placeholder for now!</p>
</div>
<div class="span9">
<br>
<ul class="step-nav">
<li class="prev"><a href="#">&laquo; Overview</a></li>
<li class="active"><a class="dot" href="#">1</a></li>
<li><a class="dot" href="#">2</a></li>
<li><a class="dot" href="#">3</a></li>
<li><a class="dot" href="#">4</a></li>
<li><a class="dot" href="#">5</a></li>
<li class="next"><a href="#">Base CSS &raquo;</a></li>
</ul>
<br>
<br>
</div>
</div>
<!-- Pagination -->
<div class="row">
<div class="span3">