|
|
| Line 3: |
Line 3: |
| | <html> | | <html> |
| | <style> | | <style> |
| − |
| |
| − | #sidebar.affix {
| |
| − | top: 80px;
| |
| − | }
| |
| − |
| |
| − | .contents-sidebar {
| |
| − | padding-left: 20px;
| |
| − | margin-top: 20px;
| |
| − | margin-bottom: 20px;
| |
| − | background-color: white;
| |
| − | }
| |
| − |
| |
| − | .contents-sidebar .nav>li>a {
| |
| − | color: #999;
| |
| − | padding: 4px 20px;
| |
| − | font-size: 13px;
| |
| − | font-weight: 400;
| |
| − | line-height: 1.4em;
| |
| − | margin-bottom: 10px;
| |
| − | }
| |
| − |
| |
| − | .contents-sidebar .nav .nav>li>a {
| |
| − | padding-top: 1px;
| |
| − | padding-bottom: 1px;
| |
| − | padding-left: 20px;
| |
| − | font-size: 12px;
| |
| − | }
| |
| − |
| |
| − | .contents-sidebar .nav .nav .nav>li>a {
| |
| − | padding-top: 1px;
| |
| − | padding-bottom: 1px;
| |
| − | padding-left: 20px;
| |
| − | font-size: 11px;
| |
| − | }
| |
| − |
| |
| − | .contents-sidebar .nav>.active>a {
| |
| − | color: #2b00f7;
| |
| − | }
| |
| − |
| |
| − | .contents-sidebar .nav>li>a {
| |
| − | border-left: 2px solid transparent;
| |
| − | }
| |
| − | .contents-sidebar .nav>.active>a,
| |
| − | .contents-sidebar .nav>li>a:hover,
| |
| − | .contents-sidebar .nav>li>a:focus {
| |
| − | color: #2b00f7;
| |
| − | text-decoration: none;
| |
| − | background-color: transparent;
| |
| − | border-left: 2px solid #2b00f7;
| |
| − | font-weight: 700;
| |
| − | }
| |
| − |
| |
| − | .contents-sidebar .nav .nav>.active>a,
| |
| − | .contents-sidebar .nav .nav>li>a:hover,
| |
| − | .contents-sidebar .nav .nav>li>a:focus {
| |
| − | font-weight: 500;
| |
| − | }
| |
| − |
| |
| − | .contents-sidebar .nav ul.nav {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .contents-sidebar .nav>.active>ul.nav {
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #sidebar {
| |
| − | background-color: white;
| |
| − | }
| |
| | | | |
| | | | |
| Line 106: |
Line 36: |
| | <body> | | <body> |
| | | | |
| − | <div class="col-md-3 contents-sidebar">
| + | |
| − | <ul id="sidebar" class="nav nav-stacked sm-hidden xs-hidden" data-spy="affix">
| + | |
| − | <li>
| + | |
| − | <a href="#overview">Overview</a>
| + | |
| − | <ul class="nav nav-stacked">
| + | |
| − | <li><a href="#overview-what">What?</a></li>
| + | |
| − | <li><a href="#overview-why">Why?</a></li>
| + | |
| − | <li><a href="#overview-how">How?</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| | | | |
| | </body> | | </body> |
| | </html> | | </html> |