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 {
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 {