From d54fa51a6d4c11ba04ec1fb26825358fdc9c0e5d Mon Sep 17 00:00:00 2001 From: Matthieu Date: Sat, 30 Jun 2018 15:21:05 +0200 Subject: [PATCH] New forms style --- static/main.css | 36 ++++++++++++++++++++++++++++-------- 1 file changed, 28 insertions(+), 8 deletions(-) diff --git a/static/main.css b/static/main.css index 5f218a57..99a13a69 100644 --- a/static/main.css +++ b/static/main.css @@ -237,6 +237,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 { @@ -309,30 +314,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; @@ -356,7 +370,7 @@ textarea { display: inline-block; border-radius: 0.5em; - margin: 0.5em 0; + margin: 0.5em auto; padding: 0.75em 1em; background: transparent; @@ -365,6 +379,8 @@ textarea { cursor: pointer; } +input[type="submit"] +{ display: block; } .button:hover, input[type="submit"]:hover { background: #7765E399; color: white; @@ -375,6 +391,7 @@ textarea { */ form.new-post .title { + margin: 0 auto; padding: 0.75em 0; background: none; @@ -382,6 +399,7 @@ form.new-post .title { font-family: "Playfair Display", serif; font-size: 2em; + text-align: left; } form.new-post textarea { min-height: 8em; @@ -389,17 +407,19 @@ form.new-post textarea { 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 ==