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 { |