diff --git a/public_html/style.css b/public_html/style.css index f90930e..fedfb33 100644 --- a/public_html/style.css +++ b/public_html/style.css @@ -55,18 +55,34 @@ html, body { #toggle_sidebar_button.show_sidebar { background-image: url("images/table-icon.png"); -} - -#toggle_sidebar_button.show_sidebar:hover { - background-image: url("images/table-icon.png"); + background-image: + -webkit-image-set( + "images/table-icon.png" 1x, + "images/table-icon@2x.png" 2x, + "images/table-icon@3x.png" 3x + ); + background-image: + -image-set( + "images/table-icon.png" 1x, + "images/table-icon@2x.png" 2x, + "images/table-icon@3x.png" 3x + ); } #toggle_sidebar_button.hide_sidebar { background-image: url("images/map-icon.png"); -} - -#toggle_sidebar_button.hide_sidebar:hover { - background-image: url("images/map-icon.png"); + background-image: + -webkit-image-set( + "images/map-icon.png" 1x, + "images/map-icon@2x.png" 2x, + "images/map-icon@3x.png" 3x + ); + background-image: + -image-set( + "images/map-icon.png" 1x, + "images/map-icon@2x.png" 2x, + "images/map-icon@3x.png" 3x + ); } #expand_sidebar_control { @@ -90,10 +106,18 @@ html, body { #expand_sidebar_button { background-image: url("images/table-icon.png"); -} - -#expand_sidebar_button:hover { - background-image: url("images/table-icon.png"); + background-image: + -webkit-image-set( + "images/table-icon.png" 1x, + "images/table-icon@2x.png" 2x, + "images/table-icon@3x.png" 3x + ); + background-image: + -image-set( + "images/table-icon.png" 1x, + "images/table-icon@2x.png" 2x, + "images/table-icon@3x.png" 3x + ); } #sidebar_container { @@ -118,10 +142,34 @@ html, body { background-color: transparent; border: none; background-image: url("images/column-adjust.png"); + background-image: + -webkit-image-set( + "images/column-adjust.png" 1x, + "images/column-adjust@2x.png" 2x, + "images/column-adjust@3x.png" 3x + ); + background-image: + -image-set( + "images/column-adjust.png" 1x, + "images/column-adjust@2x.png" 2x, + "images/column-adjust@3x.png" 3x + ); } .ol-zoom-in { background-image: url("images/zoom-in.png"); + background-image: + -webkit-image-set( + "images/zoom-in.png" 1x, + "images/zoom-in@2x.png" 2x, + "images/zoom-in@3x.png" 3x + ); + background-image: + -image-set( + "images/zoom-in.png" 1x, + "images/zoom-in@2x.png" 2x, + "images/zoom-in@3x.png" 3x + ); color:transparent !important; width: 19px !important; height: 19px !important; @@ -131,6 +179,18 @@ html, body { .ol-zoom-out { background-image: url("images/zoom-out.png"); + background-image: + -webkit-image-set( + "images/zoom-out.png" 1x, + "images/zoom-out@2x.png" 2x, + "images/zoom-out@3x.png" 3x + ); + background-image: + -image-set( + "images/zoom-out.png" 1x, + "images/zoom-out@2x.png" 2x, + "images/zoom-out@3x.png" 3x + ); color:transparent !important; width: 19px !important; height: 19px !important; @@ -421,6 +481,7 @@ select.error, textarea.error, input.error { box-shadow: 4px 4px 10px #444444; cursor: pointer; z-index: 9999; + display: none; } .highlightedTitle {