| 431 |
|
|
| 432 |
/* Tab navigation */ |
/* Tab navigation */ |
| 433 |
|
|
| 434 |
h1 { |
body[data-scripted] > h1, |
| 435 |
|
body[data-scripted] > #input > h2 { |
| 436 |
float: left; |
float: left; |
| 437 |
font-size: 100%; |
font-size: 100%; |
| 438 |
|
margin: 0; |
| 439 |
padding: 0 1em; |
padding: 0 1em; |
| 440 |
} |
} |
| 441 |
|
|
| 442 |
|
body[data-scripted] > #input > h2 { |
| 443 |
|
margin-right: 1em; |
| 444 |
|
padding: 0.3em 0; |
| 445 |
|
border: thin hidden; |
| 446 |
|
} |
| 447 |
|
|
| 448 |
nav { |
nav { |
| 449 |
display: block; |
display: block; |
| 450 |
} |
} |
| 451 |
|
|
| 452 |
|
.section nav { |
| 453 |
|
margin-left: 1em; |
| 454 |
|
} |
| 455 |
|
|
| 456 |
nav ul { |
nav ul { |
| 457 |
margin: 0; |
margin: 0; |
| 458 |
padding: 1em 0 0 0; |
padding: 1em 0 0 0; |
| 459 |
} |
} |
| 460 |
|
|
| 461 |
|
#input nav ul { |
| 462 |
|
padding-top: 0; |
| 463 |
|
} |
| 464 |
|
|
| 465 |
nav ul li { |
nav ul li { |
| 466 |
display: inline; |
display: inline; |
| 467 |
margin: 0; |
margin: 0; |
| 489 |
clear: both; |
clear: both; |
| 490 |
} |
} |
| 491 |
|
|
| 492 |
body[data-scripted] > .section { |
body[data-scripted] > .section, |
| 493 |
|
body[data-scripted] > #input > .section { |
| 494 |
position: absolute; |
position: absolute; |
| 495 |
top: 120px; /* h1 > img's height is 90px */ |
top: 100px; /* h1 > img's height is 90px */ |
| 496 |
bottom: 0; |
bottom: 0; |
| 497 |
left: 0; |
left: 0; |
| 498 |
right: 0; |
right: 0; |
| 499 |
|
min-height: 10em; |
| 500 |
overflow: auto; |
overflow: auto; |
| 501 |
} |
} |
| 502 |
|
|
| 503 |
|
body[data-scripted] > #input > .section { |
| 504 |
|
top: 2em; |
| 505 |
|
} |
| 506 |
|
|
| 507 |
|
/* details widgets */ |
| 508 |
|
|
| 509 |
|
.details .legend { |
| 510 |
|
font-weight: bolder; |
| 511 |
|
} |
| 512 |
|
|
| 513 |
|
.details .legend:after { |
| 514 |
|
content: "..."; |
| 515 |
|
} |
| 516 |
|
|
| 517 |
|
.details.open .legend:after, |
| 518 |
|
body:not([data-scripted]) .details.default .legend:after { |
| 519 |
|
content: ":"; |
| 520 |
|
} |
| 521 |
|
|
| 522 |
|
body[data-scripted] .details .legend { |
| 523 |
|
cursor: pointer; |
| 524 |
|
} |
| 525 |
|
|
| 526 |
|
body[data-scripted] .details > div { |
| 527 |
|
display: none; |
| 528 |
|
} |
| 529 |
|
|
| 530 |
|
/* Data input forms */ |
| 531 |
|
|
| 532 |
|
input[type=url] { |
| 533 |
|
width: 90%; |
| 534 |
|
min-width: 30em; |
| 535 |
|
} |
| 536 |
|
|
| 537 |
|
textarea { |
| 538 |
|
width: 95%; |
| 539 |
|
min-width: 30em; |
| 540 |
|
height: 20em; |
| 541 |
|
} |
| 542 |
|
|
| 543 |
/* |
/* |
| 544 |
|
|
| 545 |
Copyright 2007-2008 Wakaba <w@suika.fam.cx>. |
Copyright 2007-2008 Wakaba <w@suika.fam.cx>. |
Parent Directory
| 
Revision Log
| 
Patch