Mercurial > hgrepos > hgweb.cgi > s4
comparison examples/common/default/default.css @ 1013:1ffaa8b2b1bf draft
Modify blog comment form layout
| author | HIROSE Yuuji <yuuji@gentei.org> |
|---|---|
| date | Tue, 11 Jul 2023 10:25:21 +0900 |
| parents | 0967a3ef14cf |
| children | f5b97df8d824 |
comparison
equal
deleted
inserted
replaced
| 1012:8de17709d0a2 | 1013:1ffaa8b2b1bf |
|---|---|
| 69 visibility: visible; | 69 visibility: visible; |
| 70 } | 70 } |
| 71 button#morefile {visibility: hidden; background: #fe9;} | 71 button#morefile {visibility: hidden; background: #fe9;} |
| 72 label.admin span {border-bottom: 1px solid blue;} | 72 label.admin span {border-bottom: 1px solid blue;} |
| 73 label.admin:after {content: "(ADMIN)"; color: red; text-decoration: none;} | 73 label.admin:after {content: "(ADMIN)"; color: red; text-decoration: none;} |
| 74 | 74 span.fileinput { |
| 75 display: inline-block; height: 3.2ex; | |
| 76 border: 1px solid #4444; border-radius: 1ex; | |
| 77 position: relative; width: 16em; background: #e7e7ea; text-align: center; | |
| 78 } | |
| 79 span.fileinput input[type="file"] { | |
| 80 position: absolute; width: 100%; height: 100%; left: 0; top: 0; | |
| 81 padding: 0; | |
| 82 } | |
| 83 span.fileinput:hover {background: #efc;} | |
| 75 /* keep/edit/rm action selector */ | 84 /* keep/edit/rm action selector */ |
| 76 input.action ~ input:not(.action), input.action ~ textarea { | 85 input.action ~ input:not(.action), input.action ~ textarea { |
| 77 display: none; | 86 display: none; |
| 78 } | 87 } |
| 79 input.action[value="edit"]:checked ~ input[class="edit"], | 88 input.action[value="edit"]:checked ~ input[class="edit"], |
| 398 } | 407 } |
| 399 form.summary input[type=submit], | 408 form.summary input[type=submit], |
| 400 input[type="submit"].all, button.all { | 409 input[type="submit"].all, button.all { |
| 401 background: #cfc; padding: 0.4ex 2ex; | 410 background: #cfc; padding: 0.4ex 2ex; |
| 402 } | 411 } |
| 412 button#c { | |
| 413 padding: 0.2ex 4em; border-radius: 0.5ex; | |
| 414 } | |
| 415 input#cmt input[type="submit"] {height: 4em;} | |
| 416 | |
| 403 input[type="reset"] {margin-left: 4em;} | 417 input[type="reset"] {margin-left: 4em;} |
| 404 | 418 |
| 405 /* | 419 /* |
| 406 * World List | 420 * World List |
| 407 */ | 421 */ |
| 449 button#c, button#reload {display: inline-block;} | 463 button#c, button#reload {display: inline-block;} |
| 450 span.loading, button#c:disabled, button#reload:disabled { | 464 span.loading, button#c:disabled, button#reload:disabled { |
| 451 visibility: visible; transform: rotateX(3600deg); transition: 30s; | 465 visibility: visible; transform: rotateX(3600deg); transition: 30s; |
| 452 } | 466 } |
| 453 span.loading {padding: 0 1em;} | 467 span.loading {padding: 0 1em;} |
| 454 input.aux {margin-left: 10em; transform: scale(0.7);} | 468 input.aux, input[type="reset"] {margin-left: 10em; transform: scale(0.7);} |
| 455 | 469 |
| 456 /* | 470 /* |
| 457 * PR Web | 471 * PR Web |
| 458 */ | 472 */ |
| 459 body.pr {font-size: 200%;} | 473 body.pr {font-size: 200%;} |
