diff options
Diffstat (limited to 'day9/task5/static/css')
| -rw-r--r-- | day9/task5/static/css/ContentBoxStyle.css | 2 | ||||
| -rw-r--r-- | day9/task5/static/css/FormStyle.css | 5 | ||||
| -rw-r--r-- | day9/task5/static/css/NewEntryStyle.css | 34 | ||||
| -rw-r--r-- | day9/task5/static/css/TableStyle.css | 4 |
4 files changed, 26 insertions, 19 deletions
diff --git a/day9/task5/static/css/ContentBoxStyle.css b/day9/task5/static/css/ContentBoxStyle.css index 78c37d6..5b7782d 100644 --- a/day9/task5/static/css/ContentBoxStyle.css +++ b/day9/task5/static/css/ContentBoxStyle.css @@ -1,7 +1,7 @@ .contentBox { padding: 20px; width: 500px; - height: 520px; + height: 700px; background-color: #f0f0f0; border-radius: 10px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); diff --git a/day9/task5/static/css/FormStyle.css b/day9/task5/static/css/FormStyle.css index 2659a68..dbe8a46 100644 --- a/day9/task5/static/css/FormStyle.css +++ b/day9/task5/static/css/FormStyle.css @@ -5,7 +5,7 @@ } .formRow-label { - font-size: 13px; + font-size: 20px; color: #404040; } @@ -16,6 +16,7 @@ border: none; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); padding: 5px; + font-size: 1.4em; -webkit-appearance: none; -moz-appearance: none; @@ -29,7 +30,7 @@ .formInput[type="date"], .formInput[type="time"] { padding: 5px; - font-size: 1.1em; + font-size: 1.6em; } .formRow-input > select:hover, .formRow-input > input:not([disabled]):hover { diff --git a/day9/task5/static/css/NewEntryStyle.css b/day9/task5/static/css/NewEntryStyle.css index e1141b2..be2a4f0 100644 --- a/day9/task5/static/css/NewEntryStyle.css +++ b/day9/task5/static/css/NewEntryStyle.css @@ -1,32 +1,38 @@ -.newEntryBtn { +.fixedButton { overflow: hidden; white-space: nowrap; position: fixed; - bottom: 50px; - left: 50px; padding: 5px; - border-radius: 20px; - width: 40px; - height: 40px; + border-radius: 50px; + width: 100px; + height: 100px; border: none; background-color: #2871e2; color: white; - font-size: 20px; + font-size: 45px; - transition-property: width, font-size; + transition-property: width; transition-duration: 0.6s; } -.newEntryBtn:hover { - width: 150px; - font-size: 15px; +.fixedButton:hover { + width: 300px; + font-size: 30px; background-color: #286bd6; } -.newEntryBtn:focus { - width: 200px; - font-size: 15px; +.fixedButton:focus { background-color: #2861c3; } + +.newEntryBtn { + bottom: 50px; + left: 50px; +} + +.uploadFileBtn { + bottom: 175px; + left: 50px; +} diff --git a/day9/task5/static/css/TableStyle.css b/day9/task5/static/css/TableStyle.css index 61f2f28..e4160fa 100644 --- a/day9/task5/static/css/TableStyle.css +++ b/day9/task5/static/css/TableStyle.css @@ -6,13 +6,13 @@ table { thead > tr > th { padding: 6px; - font-size: 16px; + font-size: 24px; background-color: #6f6f6f; } td { padding: 3px; - font-size: 13px; + font-size: 21px; } .odd { background-color: #dedede; } |