|
38 | 38 | code.highlighter-rouge { |
39 | 39 | background: #f8f8f8; |
40 | 40 | } |
41 | | - .list-group-item-action:hover, |
42 | | - .list-group-item-action:focus { |
43 | | - color: #fff; |
44 | | - background-color: rgb(173, 66, 66); |
45 | | - } |
46 | 41 | .navbar-dark .navbar-nav .nav-link { |
47 | 42 | color: rgba(255, 255, 255, 0.85); |
48 | 43 | } |
|
63 | 58 | .title { |
64 | 59 | color: rgb(95, 2, 2); |
65 | 60 | } |
| 61 | + .doc-nav-link { |
| 62 | + color: #555; |
| 63 | + font-size: 0.9rem; |
| 64 | + padding: 0.4rem 0.75rem; |
| 65 | + border-radius: 0.375rem; |
| 66 | + border-left: 2px solid transparent; |
| 67 | + transition: all 0.15s ease; |
| 68 | + } |
| 69 | + .doc-nav-link:hover, |
| 70 | + .doc-nav-link:focus { |
| 71 | + color: rgb(95, 2, 2); |
| 72 | + background-color: rgba(156, 60, 60, 0.08); |
| 73 | + border-left-color: rgb(156, 60, 60); |
| 74 | + text-decoration: none; |
| 75 | + } |
66 | 76 | </style> |
67 | 77 | </head> |
68 | 78 |
|
|
116 | 126 | > |
117 | 127 | <span class="navbar-toggler-icon"></span> |
118 | 128 | </button> |
119 | | - <ul class="navbar-nav d-none d-sm-flex"> |
| 129 | + <ul class="navbar-nav ms-auto d-none d-sm-flex"> |
120 | 130 | <li class="nav-item"> |
121 | 131 | <a |
122 | 132 | class="nav-link" |
|
199 | 209 | </ul> |
200 | 210 | </div> |
201 | 211 | </nav> |
202 | | - <div class="container-fluid mt-4"> |
203 | | - <div class="row justify-content-md-center"> |
204 | | - <div class="col-sm-4 col-md-3 col-lg-2 d-none d-sm-flex"> |
205 | | - <ul class="list-group"> |
206 | | - <a |
207 | | - class="list-group-item list-group-item-action" |
208 | | - href="{{ site.url }}installation.html" |
209 | | - >Installation</a |
210 | | - > |
211 | | - <a |
212 | | - class="list-group-item list-group-item-action" |
213 | | - href="{{ site.url }}database_loading.html" |
214 | | - >Database Loading</a |
215 | | - > |
216 | | - <a |
217 | | - class="list-group-item list-group-item-action" |
218 | | - href="{{ site.url }}encoding_spec.html" |
219 | | - >Encoding Specification</a |
220 | | - > |
221 | | - <a |
222 | | - class="list-group-item list-group-item-action" |
223 | | - href="{{ site.url }}configure_web_app.html" |
224 | | - >Configuring WebApp</a |
225 | | - > |
226 | | - <a |
227 | | - class="list-group-item list-group-item-action" |
228 | | - href="{{ site.url }}query_syntax.html" |
229 | | - >Query Syntax</a |
230 | | - > |
231 | | - <a |
232 | | - class="list-group-item list-group-item-action" |
233 | | - href="{{ site.url }}access_control.html" |
234 | | - >Access Control</a |
235 | | - > |
| 212 | + <div class="container-fluid mt-4 px-4"> |
| 213 | + <div class="row"> |
| 214 | + <nav class="col-sm-4 col-md-3 col-lg-2 d-none d-sm-block" aria-label="Documentation" style="position: sticky; top: 80px; align-self: flex-start;"> |
| 215 | + <h6 style="font-size: 0.7rem; text-transform: uppercase; letter-spacing: 1.5px; color: #999; margin-bottom: 0.75rem; padding-left: 0.75rem;">Documentation</h6> |
| 216 | + <ul class="nav flex-column" style="gap: 2px;"> |
| 217 | + <li class="nav-item"> |
| 218 | + <a class="nav-link doc-nav-link" href="{{ site.url }}installation.html">Installation</a> |
| 219 | + </li> |
| 220 | + <li class="nav-item"> |
| 221 | + <a class="nav-link doc-nav-link" href="{{ site.url }}database_loading.html">Database Loading</a> |
| 222 | + </li> |
| 223 | + <li class="nav-item"> |
| 224 | + <a class="nav-link doc-nav-link" href="{{ site.url }}encoding_spec.html">Encoding Specification</a> |
| 225 | + </li> |
| 226 | + <li class="nav-item"> |
| 227 | + <a class="nav-link doc-nav-link" href="{{ site.url }}configure_web_app.html">Configuring WebApp</a> |
| 228 | + </li> |
| 229 | + <li class="nav-item"> |
| 230 | + <a class="nav-link doc-nav-link" href="{{ site.url }}query_syntax.html">Query Syntax</a> |
| 231 | + </li> |
| 232 | + <li class="nav-item"> |
| 233 | + <a class="nav-link doc-nav-link" href="{{ site.url }}access_control.html">Access Control</a> |
| 234 | + </li> |
236 | 235 | </ul> |
237 | | - </div> |
| 236 | + </nav> |
238 | 237 | <div class="col-sm-8 col-md-8 col-lg-7"> |
239 | | - <div class="card ps-4 pe-4 pb-4"></div> |
240 | | - </div> |
241 | | - </div> |
242 | | - </div> |
243 | | - </body> |
244 | | -</html> |
| 238 | + <div class="card ps-4 pe-4 pb-4"> |
0 commit comments