| 258 |
|
|
| 259 |
/* Tab navigation */ |
/* Tab navigation */ |
| 260 |
|
|
| 261 |
|
body[data-scripted] { |
| 262 |
|
min-width: 400px; /* body > nav's left is 300px */ |
| 263 |
|
/* min-height is set to .section */ |
| 264 |
|
} |
| 265 |
|
|
| 266 |
body[data-scripted] > h1, |
body[data-scripted] > h1, |
| 267 |
body[data-scripted] > #input > h2, |
body[data-scripted] > #input > h2, |
| 268 |
body[data-scripted] .section.subdoc > h2, |
body[data-scripted] .section.subdoc > h2, |
| 270 |
body[data-scripted] .section.subdoc > h4, |
body[data-scripted] .section.subdoc > h4, |
| 271 |
body[data-scripted] .section.subdoc > h5, |
body[data-scripted] .section.subdoc > h5, |
| 272 |
body[data-scripted] .section.subdoc > h6 { |
body[data-scripted] .section.subdoc > h6 { |
|
float: left; |
|
| 273 |
font-size: 100%; |
font-size: 100%; |
| 274 |
margin: 0; |
margin: 0; |
| 275 |
padding: 0 1em; |
padding: 0 17.5px; /* h1 > img's width is 265px */ |
| 276 |
} |
} |
| 277 |
|
|
| 278 |
body[data-scripted] > #input > h2, |
body[data-scripted] > #input > h2, |
| 281 |
body[data-scripted] .section.subdoc > h4, |
body[data-scripted] .section.subdoc > h4, |
| 282 |
body[data-scripted] .section.subdoc > h5, |
body[data-scripted] .section.subdoc > h5, |
| 283 |
body[data-scripted] .section.subdoc > h6 { |
body[data-scripted] .section.subdoc > h6 { |
| 284 |
margin: 0 1em 0 -1em; |
float: left; |
| 285 |
|
margin: 0 0.5em 0 -1em; |
| 286 |
padding: 0.3em 1em; |
padding: 0.3em 1em; |
| 287 |
border: thin hidden; |
border: thin hidden; |
| 288 |
background-color: #fff0f0; |
background-color: #fff0f0; |
| 291 |
|
|
| 292 |
nav { |
nav { |
| 293 |
display: block; |
display: block; |
|
max-height: 100px; /* h1 > img's height is 90px */ |
|
|
overflow: auto; |
|
| 294 |
} |
} |
| 295 |
|
|
| 296 |
.section nav { |
.section nav { |
| 358 |
clear: both; |
clear: both; |
| 359 |
} |
} |
| 360 |
|
|
| 361 |
|
body > nav { |
| 362 |
|
position: absolute; |
| 363 |
|
top: 0; |
| 364 |
|
height: 100px; /* h1 > img's height is 90px */ |
| 365 |
|
left: 300px; /* h1 > img's width is 265px */ |
| 366 |
|
right: 0; |
| 367 |
|
min-width: 100px; /* body's min-width is 400px */ |
| 368 |
|
overflow: auto; |
| 369 |
|
} |
| 370 |
|
|
| 371 |
|
.section > nav { |
| 372 |
|
/* |
| 373 |
|
height: 2em; |
| 374 |
|
max-height: 2em; *//* hn's line + padding-top + padding-bottom = 1.6em */ |
| 375 |
|
overflow: auto; |
| 376 |
|
min-width: 5em; |
| 377 |
|
|
| 378 |
|
position: relative; |
| 379 |
|
z-index: 1000; /* such that scrollbars are clickable */ |
| 380 |
|
white-space: nowrap; /* Firefox does not show vertical scrollbar, |
| 381 |
|
because there is a floated hn element... */ |
| 382 |
|
} |
| 383 |
|
|
| 384 |
body[data-scripted] > .section, |
body[data-scripted] > .section, |
| 385 |
body[data-scripted] > #input > .section, |
body[data-scripted] > #input > .section, |
| 386 |
body[data-scripted] .section.subdoc > .section { |
body[data-scripted] .section.subdoc > .section { |