From 5dc61e9d6a760e3a86b0bb459c0a628941069d95 Mon Sep 17 00:00:00 2001 From: Andrew Date: Sun, 7 Jul 2019 23:40:09 +0400 Subject: =?UTF-8?q?WIP:=20=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5=D0=BD?= =?UTF-8?q?=D0=B0=20=D0=B7=D0=B0=D0=B3=D1=80=D1=83=D0=B7=D0=BA=D0=B0=20?= =?UTF-8?q?=D1=84=D0=B0=D0=B9=D0=BB=D0=BE=D0=B2.?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- day9/task5/static/css/FormStyle.css | 60 +++++++++++++++++++++++++++++++++++++ 1 file changed, 60 insertions(+) create mode 100644 day9/task5/static/css/FormStyle.css (limited to 'day9/task5/static/css/FormStyle.css') diff --git a/day9/task5/static/css/FormStyle.css b/day9/task5/static/css/FormStyle.css new file mode 100644 index 0000000..2659a68 --- /dev/null +++ b/day9/task5/static/css/FormStyle.css @@ -0,0 +1,60 @@ +.formRow { + width: 100%; + display: flex; + flex-direction: column; +} + +.formRow-label { + font-size: 13px; + color: #404040; +} + +.formRow-input > input, .formRow-input > select { + margin: 3px; + width: 100%; + border-radius: 5px; + border: none; + box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); + padding: 5px; + + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.formRow-input > input:disabled { + background-color: #bebebe; + color: #4b4b4b; +} + +.formInput[type="date"], .formInput[type="time"] { + padding: 5px; + font-size: 1.1em; +} + +.formRow-input > select:hover, .formRow-input > input:not([disabled]):hover { + background-color: #fbfbfb; +} + +.formButtons { + display: flex; + flex-direction: row; + margin-top: 5px; +} + +.formButtons > button { + margin: 5px; + width: 50%; + padding: 5px; + border: none; + border-radius: 7px; + box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4); +} + +.formButtons > button:hover { + background-color: #dadada; +} + +.formButtons > button:focus { + background-color: #d5d5d5; +} \ No newline at end of file -- cgit v1.2.3