diff --git a/index.html b/index.html index a8f647c..274b574 100644 --- a/index.html +++ b/index.html @@ -15,6 +15,7 @@ height: 100vh; width: 100vw; overflow: hidden; + font-family: Helsinki; } body { @@ -27,6 +28,31 @@ background-color: #2b2113; float: left; margin: 0 auto; + height: 90vmin; + } + + #stats { + height: 10vmin; + width: 100vmin; + float: left; + + border-radius: 2vmin; + + background: #768087; + background: -moz-linear-gradient(top, #768087 0%, #53595e 100%); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#768087), color-stop(100%,#53595e)); + background: -webkit-linear-gradient(top, #768087 0%,#53595e 100%); + background: -o-linear-gradient(top, #768087 0%,#53595e 100%); + background: -ms-linear-gradient(top, #768087 0%,#53595e 100%); + background: linear-gradient(to bottom, #768087 0%,#53595e 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#768087', endColorstr='#53595e',GradientType=0 ); + } + + #stats div { + float: left; + font-size: 5.4vmin; + margin: 2vmin 4vmin; + width: auto; } ul { @@ -40,7 +66,6 @@ li { color: white; font-size: 8vmin; - font-family: Helsinki; padding: 1vmin; padding-top: 0.5vmin; padding-bottom: 1.5vmin; @@ -49,7 +74,7 @@ float: left; height: 8vmin; width: 8vmin; - background-color: #4e3c23; + background-color: #8b969e; border-radius: 2vmin; cursor: default; } @@ -59,7 +84,7 @@ } li:not(.revealed):hover { - background-color: #614a2c; + background-color: #a0a9af; } li.flagged { @@ -109,7 +134,7 @@