From de597649d9f436c53d639709d104db3d8e79a3bb Mon Sep 17 00:00:00 2001 From: trendschau Date: Sat, 12 Feb 2022 21:03:43 +0100 Subject: [PATCH] Cyanine: Add form styles --- themes/cyanine/css/style.css | 49 ++++++++++++++++++++++++++++++++++++ themes/cyanine/cyanine.yaml | 2 +- 2 files changed, 50 insertions(+), 1 deletion(-) diff --git a/themes/cyanine/css/style.css b/themes/cyanine/css/style.css index 43fa6b5..96dc762 100644 --- a/themes/cyanine/css/style.css +++ b/themes/cyanine/css/style.css @@ -480,6 +480,55 @@ button.play-video::after { } } +/************** +* Forms * +**************/ + +form{ + width: 100%; + max-width: 800px; + border: none; + margin: 20px 0 20px 0; + padding: 0 0 0 0; +} +form fieldset{ + width: 100%; + border: none; + margin: 0 0 0 0; + padding: 0 0 0 0; +} +form label{ + width: 100%; + display: block; + color: #333; + margin-top: 1.5em; +} +form input, form textarea{ + width: 100%; + display: block; + border: 1px solid #ddd; + padding: 15px; + margin: 0 0 20px 0; + background: #f5f5f5; +} +form input:focus,form select:focus,form textarea:focus{ + outline: none; + border: 1px solid rgba(229, 226, 211, 1); + box-shadow: 0 0 2px #D73B00;; +} +form input[type="submit"],form button,form .button{ + cursor: pointer; + font-size: 1em; + border: 0; + margin-top: 1.5em; + color: #fff; + background: rgba(0,0,0); +} +form input[type="submit"]:hover,form button:hover,.button:hover{ + background: rgba(0, 0, 0, 0.8); +} + + @media screen and (min-width:50em) { .grid-container{ display: grid; diff --git a/themes/cyanine/cyanine.yaml b/themes/cyanine/cyanine.yaml index ba5ded3..0da0c89 100644 --- a/themes/cyanine/cyanine.yaml +++ b/themes/cyanine/cyanine.yaml @@ -1,5 +1,5 @@ name: Cyanine Theme -version: 1.1.10 +version: 1.1.11 description: Cyanine is a modern and flexible multi-purpose theme and the standard theme for typemill. author: Trendschau homepage: https://trendschau.net