diff 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
line wrap: on
line diff
--- a/examples/common/default/default.css	Thu Jun 01 08:36:53 2023 +0900
+++ b/examples/common/default/default.css	Tue Jul 11 10:25:21 2023 +0900
@@ -71,7 +71,16 @@
 button#morefile {visibility: hidden; background: #fe9;}
 label.admin span {border-bottom: 1px solid blue;}
 label.admin:after {content: "(ADMIN)"; color: red; text-decoration: none;}
-
+span.fileinput {
+    display: inline-block; height: 3.2ex;
+    border: 1px solid #4444; border-radius: 1ex;
+    position: relative; width: 16em; background: #e7e7ea; text-align: center;
+}
+span.fileinput input[type="file"] {
+    position: absolute; width: 100%; height: 100%; left: 0; top: 0;
+    padding: 0;
+}
+span.fileinput:hover {background: #efc;}
 /* keep/edit/rm action selector */
 input.action ~ input:not(.action), input.action ~ textarea {
     display: none;
@@ -400,6 +409,11 @@
 input[type="submit"].all, button.all {
     background: #cfc; padding: 0.4ex 2ex;
 }
+button#c {
+    padding: 0.2ex 4em; border-radius: 0.5ex;
+}
+input#cmt input[type="submit"] {height: 4em;}
+
 input[type="reset"] {margin-left: 4em;}
 
 /*
@@ -451,7 +465,7 @@
     visibility: visible; transform: rotateX(3600deg); transition: 30s;
 }
 span.loading {padding: 0 1em;}
-input.aux {margin-left: 10em; transform: scale(0.7);}
+input.aux, input[type="reset"] {margin-left: 10em; transform: scale(0.7);}
 
 /*
  * PR Web

yatex.org