s4
diff examples/common/default/default.css @ 1013:1ffaa8b2b1bf
Modify blog comment form layout
author | HIROSE Yuuji <yuuji@gentei.org> |
---|---|
date | Tue, 11 Jul 2023 10:25:21 +0900 |
parents | 0967a3ef14cf |
children | f5b97df8d824 |
line diff
1.1 --- a/examples/common/default/default.css Fri May 19 08:20:21 2023 +0900 1.2 +++ b/examples/common/default/default.css Tue Jul 11 10:25:21 2023 +0900 1.3 @@ -71,7 +71,16 @@ 1.4 button#morefile {visibility: hidden; background: #fe9;} 1.5 label.admin span {border-bottom: 1px solid blue;} 1.6 label.admin:after {content: "(ADMIN)"; color: red; text-decoration: none;} 1.7 - 1.8 +span.fileinput { 1.9 + display: inline-block; height: 3.2ex; 1.10 + border: 1px solid #4444; border-radius: 1ex; 1.11 + position: relative; width: 16em; background: #e7e7ea; text-align: center; 1.12 +} 1.13 +span.fileinput input[type="file"] { 1.14 + position: absolute; width: 100%; height: 100%; left: 0; top: 0; 1.15 + padding: 0; 1.16 +} 1.17 +span.fileinput:hover {background: #efc;} 1.18 /* keep/edit/rm action selector */ 1.19 input.action ~ input:not(.action), input.action ~ textarea { 1.20 display: none; 1.21 @@ -400,6 +409,11 @@ 1.22 input[type="submit"].all, button.all { 1.23 background: #cfc; padding: 0.4ex 2ex; 1.24 } 1.25 +button#c { 1.26 + padding: 0.2ex 4em; border-radius: 0.5ex; 1.27 +} 1.28 +input#cmt input[type="submit"] {height: 4em;} 1.29 + 1.30 input[type="reset"] {margin-left: 4em;} 1.31 1.32 /* 1.33 @@ -451,7 +465,7 @@ 1.34 visibility: visible; transform: rotateX(3600deg); transition: 30s; 1.35 } 1.36 span.loading {padding: 0 1em;} 1.37 -input.aux {margin-left: 10em; transform: scale(0.7);} 1.38 +input.aux, input[type="reset"] {margin-left: 10em; transform: scale(0.7);} 1.39 1.40 /* 1.41 * PR Web