some more watermarks for adsbexchange

wiedehopf · Dec 8, 2020 · dfb1d31 · dfb1d31
1 parent 98f6a18
commit dfb1d31
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 4 deletions.
diff --git a/html/index.html b/html/index.html
@@ -68,7 +68,7 @@
 
  <div id="selected_infoblock" style="display: none">
  <div id="infoblock_close" class="infoblockCloseBox"></div>
- <div class="infoblock-container">
+ <div id="infoblock-container">
 
  <div class="highlightedTitle infoBlockSection">
  <div>

diff --git a/html/script.js b/html/script.js
@@ -950,6 +950,7 @@ function initPage() {
  if (adsbexchange) {
  $('#adsbexchange_header').show();
  $('#credits').show();
+ $('#selected_infoblock').addClass('adsbx-selected-bg');
  if (window.self != window.top) {
  window.top.location.href = "https://www.adsbexchange.com/"
  return;

diff --git a/html/style.css b/html/style.css
@@ -36,12 +36,29 @@ select {
  width: calc(180px * var(--SCALE));
  height: 100%;
  overflow: auto;
- z-index: 9999;
+ z-index: 1;
  background-color: var(--BGCOLOR1);
 }
-.infoblock-container {
+.adsbx-selected-bg:before {
+ content: ' ';
+ position:absolute;
+ display:block;
+ left:0;
+ top:0;
+ width:100%;
+ height:100%;
+ background-size: calc( 150px * var(--SCALE)) calc( 150px * var(--SCALE));
+ background-repeat: no-repeat;
+ background-position: calc( 8px * var(--SCALE)) calc( 109px * var(--SCALE));
+ background-image: url("images/cropped-Stealth-1-192x192.png");
+ z-index:2;
+ opacity: 0.12;
+}
+#infoblock-container {
+ position:relative;
  overflow: auto;
  height: 100%;
+ z-index:3;
 }
 #sidebar_canvas { 
  padding: calc( 5px * var(--SCALE));
@@ -519,7 +536,6 @@ select.error, textarea.error, input.error {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
- background-color: var(--BGCOLOR1);
  cursor: default;
 }