diff --git a/css/level2.css b/css/level2.css index af79f63..d628306 100644 --- a/css/level2.css +++ b/css/level2.css @@ -1,10 +1,10 @@ +@import url(//fonts.googleapis.com/css?family=Lato|Istok+Web); body { - font-family: 'Oswald'; + font-family: 'Lato', sans-serif; font-weight: 300; - color: #fff; - opacity: 0.8; - background-color: rgb( 215, 150, 130 ); + color: rgb(240, 175, 63); + background-color: rgb(60, 33, 24); } body:after { @@ -14,17 +14,14 @@ body:after { top: 0; width: 100%; height: 100%; - background: url('../images/overlay.png'); z-index: -1; } .panel { - font-family: 'Roboto'; + font-family: 'Istok Web', sans-serif; position: relative; - background: #fff; - box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.25); + box-shadow: 1px 1px 3px 2px rgba(240,175,63,0.8); padding: 0.2em 1em 1em 1em; - color: #777; margin-bottom: 15px; overflow: hidden; } @@ -45,7 +42,6 @@ h1, h2, h3, h4, h5, h6 { .time, .date { text-align: center; - color: #ffffff; font-weight: 600; margin: 0; } @@ -87,17 +83,16 @@ h1, h2, h3, h4, h5, h6 { } .open { - background: #5cb85c; - color: #fff; + background: rgb(152, 195, 70); } .closed { - background: #d9534f; - color: #fff; + background: rgb(238, 108, 47); } .status { text-align: center; + color: #fff; } .status h1 { diff --git a/images/overlay.png b/images/overlay.png index 14dfb11..a1bd81e 100644 Binary files a/images/overlay.png and b/images/overlay.png differ diff --git a/index.html b/index.html index efdce62..4544af0 100644 --- a/index.html +++ b/index.html @@ -5,8 +5,6 @@ Level2 - -