AFG/dump1090
3
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Add retina images. Hide hover box on initial page load

Browse source
This commit is contained in:
James Wilson 2017-01-19 11:28:22 -06:00
parent cc75121d37
commit cf6fcdce6a
1 changed files with 73 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

85
public_html/style.css
View file

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