diff --git a/homepage/static/dark-style.css b/homepage/static/dark-style.css index 230ecfd..c29493c 100644 --- a/homepage/static/dark-style.css +++ b/homepage/static/dark-style.css @@ -8,7 +8,6 @@ box-sizing: border-box; font-size: medium; color: #f5f5f5; - background-color: transparent; } a { @@ -31,6 +30,7 @@ iframe { height: 85%; width: 100%; position: fixed; + background-color: grey; } body { @@ -137,12 +137,26 @@ button:hover { font-size: x-large; } +.chartdiv { + position: fixed; + top: 0%; + left: 50%; + width: calc(40% - 2px); + height: calc(25% - 2px); + background-color: #2b2b2b; + z-index: 9999; + overflow: auto; + border-radius: 5px; + box-shadow: 0 4px 8px #f5f5f5; +} + .logo img { position: absolute; top: 0; left: 0; padding: 10px; opacity: 0.7; + filter: none !important; } .modal { @@ -187,7 +201,6 @@ button:hover { margin-left: auto; margin-right: auto; margin-bottom: 15px; - box-shadow: 0px 0px 28px 1px rgba(255, 255, 255, 0.10) !important; border-radius: 4px; } @@ -195,6 +208,7 @@ button:hover { width:175px; display:initial !important; margin-left: 60px; + filter: drop-shadow(0px 0px 20px rgba(255, 255, 255, 1.0)); } .topnav form { @@ -467,7 +481,7 @@ button:hover { width: 25px; height: 25px; border-radius: 50%; - background: #04AA6D; + background: #f5f5f5; cursor: pointer; } @@ -475,7 +489,7 @@ button:hover { width: 25px; height: 25px; border-radius: 50%; - background: #04AA6D; + background: #f5f5f5; cursor: pointer; } @@ -554,6 +568,7 @@ button:hover { display: block; width: 60px; height: 60px; + filter: drop-shadow(0px 0px 20px rgba(255, 255, 255, 1.0)); } .topnav.responsive {position: relative;} .topnav.responsive button { @@ -597,6 +612,7 @@ button:hover { display: block; width: 60px; height: 60px; + filter: drop-shadow(0px 0px 20px rgba(255, 255, 255, 1.0)); } .play table,.overview table,.stats table { width: 100%; @@ -651,11 +667,21 @@ button:hover { .sortbutton { margin-top:10px; font-size:x-large; - background:#3b3b3b; + background: #3b3b3b; padding:5px; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.10); } +.sortbutton:hover { + background-color: #AAAAAA; + color: white; +} + +.sortbutton.active { + background-color: #777777; + color: white; +} + button.legacyview { display: none; color:gray; @@ -730,7 +756,7 @@ dt { width: auto; text-align: left; font-weight: bold; - color: gray; + color: #b2b2b2; } dd::before { content: ": "; @@ -738,23 +764,24 @@ dd::before { input { box-shadow: 0px 0px 17px 1px rgba(0, 0, 0, 0.10); - background-color: #333; - color: #fff; + background-color: #3b3b3b; + color: #f5f5f5; } dialog { border:none; + background-color:rgba(59, 59, 59, 0.9); } dialog::backdrop { background: repeating-linear-gradient( 30deg, - rgba(24, 194, 236, 0.2), - rgba(24, 194, 236, 0.2) 1px, - rgba(24, 194, 236, 0.3) 1px, - rgba(24, 194, 236, 0.3) 20px + rgba(30, 50, 80, 0.2), + rgba(30, 50, 80, 0.2) 1px, + rgba(30, 50, 80, 0.3) 1px, + rgba(30, 50, 80, 0.3) 20px ); - backdrop-filter: blur(1px); + backdrop-filter: blur(3px); } .centered_image_container { @@ -818,7 +845,7 @@ dialog::backdrop { position:absolute; display:inline-block; background-color:#c8191a; - color:white; + color:#f5f5f5; width:20px; line-height:20px; border-radius:12px; diff --git a/homepage/style.css b/homepage/style.css index 3274e22..ecc72d7 100644 --- a/homepage/style.css +++ b/homepage/style.css @@ -132,6 +132,19 @@ button:hover { font-size: x-large; } +.chartdiv { + position: fixed; + top: 0%; + left: 50%; + width: calc(40% - 2px); + height: calc(25% - 2px); + background-color: #fff; + z-index: 9999; + overflow: auto; + border-radius: 5px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); +} + .logo img { position: absolute; top: 0; @@ -623,11 +636,21 @@ button:hover { .sortbutton { margin-top:10px; font-size:x-large; - background:#dbffeb; + background:#77c487; padding:5px; box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.10); } +.sortbutton:hover { + background-color: #dbffeb; + color: white; +} + +.sortbutton.active { + background-color: #dbffeb; + color: white; +} + button.legacyview { display: none; color:gray; @@ -845,7 +868,7 @@ form#views button .updatenumber { } .testbtn { - background:#77c487 !important; + background: white !important; } pre.bash { diff --git a/scripts/advanced.php b/scripts/advanced.php index b1e6cee..fc6f430 100644 --- a/scripts/advanced.php +++ b/scripts/advanced.php @@ -297,7 +297,7 @@ $newconfig = get_config();

Set Extraction Length to something less than your Recording Length. Min=3 Max=Recording Length

- - Birdnet Recording: - @@ -529,7 +529,7 @@ foreach($formats as $format){ Live Audio Stream: - @@ -547,7 +547,7 @@ foreach($formats as $format){ Spectrogram Service: - diff --git a/scripts/config.php b/scripts/config.php index 3dd52c2..9e53322 100644 --- a/scripts/config.php +++ b/scripts/config.php @@ -324,7 +324,7 @@ function sendTestNotification(e) {

Model

- +..." style="vertical-align: top" class="testbtn" name="apprise_input" rows="5" type="text" >
$sciname
Scientific Name
@@ -569,7 +569,7 @@ https://discordapp.com/api/webhooks/{WebhookID}/{WebhookToken}

Localization

- 'Not Selected', @@ -623,7 +623,7 @@ https://discordapp.com/api/webhooks/{WebhookID}/{WebhookToken}

Additional Info

- 'allaboutbirds.org', @@ -650,7 +650,7 @@ https://discordapp.com/api/webhooks/{WebhookID}/{WebhookToken}

Color scheme

- format('H:i'); ?>" >

- diff --git a/scripts/filemanager/filemanager.php b/scripts/filemanager/filemanager.php index 8d2f011..b85a714 100644 --- a/scripts/filemanager/filemanager.php +++ b/scripts/filemanager/filemanager.php @@ -1,6 +1,9 @@ - - @@ -517,10 +517,10 @@ if(isset($_GET['species'])){ ?> - -
type="checkbox" name="only_excluded" onChange="submit()"> diff --git a/scripts/spectrogram.php b/scripts/spectrogram.php index 59b1c54..19a1e9d 100644 --- a/scripts/spectrogram.php +++ b/scripts/spectrogram.php @@ -413,7 +413,7 @@ h1 { ?>
-
-
- -
diff --git a/scripts/todays_detections.php b/scripts/todays_detections.php index 5a1f088..0b24264 100644 --- a/scripts/todays_detections.php +++ b/scripts/todays_detections.php @@ -575,17 +575,6 @@ function generateMiniGraph(elem, comname) { } var chartWindow = document.createElement('div'); chartWindow.className = "chartdiv" - chartWindow.style.position = 'fixed'; - chartWindow.style.top = '0%'; - chartWindow.style.left = '50%'; - chartWindow.style.width = window.innerWidth < 700 ? '40%' : '20%'; - chartWindow.style.height = window.innerWidth < 700 ? '25%' : '16%'; - chartWindow.style.backgroundColor = '#fff'; - chartWindow.style.zIndex = '9999'; - chartWindow.style.overflow = 'auto'; - chartWindow.style.borderRadius = '5px'; - chartWindow.style.boxShadow = '0 4px 8px rgba(0, 0, 0, 0.2)'; - document.body.appendChild(chartWindow); diff --git a/scripts/weekly_report.php b/scripts/weekly_report.php index 47cfaa1..1ef574d 100644 --- a/scripts/weekly_report.php +++ b/scripts/weekly_report.php @@ -163,7 +163,7 @@ while($detection=$result1->fetchArray(SQLITE3_ASSOC)) ?>
-
+
@@ -197,7 +197,7 @@ while($detection=$result1->fetchArray(SQLITE3_ASSOC)) ?>
- 		+ diff --git a/templates/index_bootstrap.html b/templates/index_bootstrap.html index 90b1b9c..0869cbd 100644 --- a/templates/index_bootstrap.html +++ b/templates/index_bootstrap.html @@ -58,8 +58,16 @@