diff --git a/source/style/main.css b/source/style/main.css index 3e25762..89413e0 100644 --- a/source/style/main.css +++ b/source/style/main.css @@ -1,11 +1,11 @@ html { - background-color: #111; - color: #FFF; + background-color: hsl(0, 0%, 12.5%); + color: hsl(0, 0%, 100%); font-family: sans-serif; } header { - background-color: #222; + background-color: hsl(0, 0%, 25%); /* border-bottom: 2px solid #888; padding-bottom: 16px; @@ -37,6 +37,27 @@ a:hover { transition: 1s ease color; } +input,select +{ + padding: 4px; +} + +button +{ + padding: 8px; + text-transform: uppercase; + cursor: pointer; +} + +input,select,button +{ + background-color: hsl(0, 0%, 0%); + color: hsl(0, 0%, 100%); + border: 1px solid hsl(0, 0%, 75%); + margin: 4px; + border-radius: 2px; +} + .calendar { display: flex; flex-direction: row; @@ -74,7 +95,7 @@ a:hover { } .calendar-cell { - border: 1px solid #888; + border: 1px solid hsl(0,0%,37.5%); padding: 8px; vertical-align: top; } @@ -95,7 +116,7 @@ a:hover { } .calendar-cell-today { - outline: 4px solid #FFF; + outline: 2px solid hsl(0, 0%, 100%); } .calendar-day { @@ -161,5 +182,6 @@ a:hover { } #events_controls { - margin-bottom: 8px; + margin-bottom: 12px; + text-align: center; }