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%;} |