diff options
Diffstat (limited to 'public/stylesheets/style.css')
| -rw-r--r-- | public/stylesheets/style.css | 40 |
1 files changed, 39 insertions, 1 deletions
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css index e1b19cb..2cc0176 100644 --- a/public/stylesheets/style.css +++ b/public/stylesheets/style.css @@ -18,11 +18,14 @@ html, body { } #search { + z-index: 2; background-color: #F44336; margin: 0 auto; width: 100%; position: absolute; - box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); + /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/ + /*box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);*/ + box-shadow: 0 0.5px 1.5px rgba(0,0,0,0.06), 0 0.5px 1px rgba(0,0,0,0.12); } #search .input-wrapper { @@ -91,3 +94,38 @@ li:hover { list-style: none; padding: 10px; } + +#week-selector { + z-index: 1; + background-color: #F44336; + box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); + color: white; +} + +#week-selector .week-wrapper { + max-width: 600px; + padding: 10px !important; + margin: 0 auto; + display: flex; + padding: 10px 0; +} + +#week-selector .current { + flex-grow: 1; + text-align: center; + padding: 5px; +} + +#week-selector input[type='button'] { + background: #D32F2F; + color: white; + border: 0px; + padding: 5px 10px; + border-radius: 2px; +} + +input:hover, +input:focus { + outline: none; + background-color: #b71c1c !important; +} |