added week selection

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;
+}