Merge branch 'visual-improvements'

style.css

@@ -39,8 +39,7 @@ a:active {
   bottom: 0;
   width: 5px;
   z-index: 10000;
-  background-image: url(img/shadow_left.png);
-  background-repeat: repeat-y;
+  background: linear-gradient(to right, #5656566f, #56565600);
 }
 
 #sidebar {
@@ -197,8 +196,7 @@ a:active {
   bottom: auto;
   height: 5px;
   width: auto;
-  background-image: url(img/shadow_top.png);
-  background-repeat: repeat-x;
+  background: linear-gradient(to bottom, #5656566f, #56565600);
 }
 #sidebar > #content {
   overflow: visible;
@@ -209,39 +207,15 @@ a:active {
 }
 }
 
-@media all and (max-width: 500px) and (max-height: 500px) {
+@media all and (max-width: 500px) and (max-height: 675px) {
 #sidebar {
-  height: 220px;
+  height: 40%;
 }
 #map {
-  top: 220px;
+  top: 40%;
 }
 #mapShadow {
-  top: 221px;
-}
-}
-
-@media all and (max-width: 500px) and (max-height: 460px) {
-#sidebar {
-  height: 200px;
-}
-#map {
-  top: 200px;
-}
-#mapShadow {
-  top: 201px;
-}
-}
-
-@media all and (max-width: 500px) and (max-height: 420px) {
-#sidebar {
-  height: 180px;
-}
-#map {
-  top: 180px;
-}
-#mapShadow {
-  top: 181px;
+  top: calc(40% + 1px);
 }
 }