Merge pull request #104 from Madeorsk/forms

New forms style
Plume-org · Jul 18, 2018 · 4aa184b · 4aa184b
2 parents cfca504 + d54fa51
commit 4aa184b
Showing 1 changed file with 28 additions and 8 deletions.
diff --git a/static/main.css b/static/main.css
@@ -234,6 +234,11 @@ main .article-meta .comments > * { margin-left: 20%; margin-right: 20%; }
 	font-weight: 600;
 }
 
+/* New comment */
+
+main .article-meta .comments form input[type="submit"]
+{ font-size: 1em; }
+
 /* Comment / Respond button */
 
 main .article-meta .comments a.button:before {
@@ -306,30 +311,39 @@ main .article-meta .comments .list {
 
 label {
 	display: block;
-	margin: 1em 0;
+	margin: 1.5em auto;
+	font-size: 1.2em;
+	text-align: center;
 }
 input {
 	transition: all 0.1s ease-in;
 	display: block;
 	width: 100%;
-	margin: auto auto 5em;
-	padding: 0.5em;
+	max-width: 40rem;
+	margin: auto;
+	padding: 1em;
 	box-sizing: border-box;
 
 	background: #F4F4F4;
 	color: #242424;
 	border: none;
-	border-bottom: solid #DADADA 2px;
+	border: solid #DADADA thin;
+	border-radius: 0.5em;
+
+	font-size: 1.2em;
+	font-weight: 400;
+	text-align: center;
 }
 form input[type="submit"] { margin: 2em auto; }
 input:focus {
 	background: #FAFAFA;
-	border-bottom-color: #7765E3;
+	border-color: #7765E3;
 }
 
 textarea {
 	display: block;
 	width: 100%;
+	max-width: 40rem;
 	min-height: 4em;
 	margin: auto;
 	padding: 1em;
@@ -353,7 +367,7 @@ textarea {
 	display: inline-block;
 
 	border-radius: 0.5em;
-	margin: 0.5em 0;
+	margin: 0.5em auto;
 	padding: 0.75em 1em;
 
 	background: transparent;
@@ -362,6 +376,8 @@ textarea {
 
 	cursor: pointer;
 }
+input[type="submit"]
+{ display: block; }
 .button:hover, input[type="submit"]:hover {
 	background: #7765E399;
 	color: white;
@@ -372,31 +388,35 @@ textarea {
  */
 
 form.new-post .title {
+	margin: 0 auto;
 	padding: 0.75em 0;
 
 	background: none;
 	border: none;
 
 	font-family: "Playfair Display", serif;
 	font-size: 2em;
+	text-align: left;
 }
 form.new-post textarea {
 	min-height: 8em;
 	padding: 0;
 	background: none;
 }
 form.new-post input[type="submit"] {
+	transition: all 0.2s ease;
 	display: block;
 	margin: 1em auto;
-	width: 60%;
 
-	background: #DADADA;
+	background: #ECECEC;
 	color: #242424;
 	border: none;
 
 	font-family: "Playfair Display", serif;
 	font-size: 1.5em;
 }
+form.new-post input[type="submit"]:hover
+{ background: #DADADA; }
 
 /*
  * == User ==