diff --git a/op25/gr-op25_repeater/www/images/op25-dark.png b/op25/gr-op25_repeater/www/images/op25-dark.png new file mode 100755 index 0000000..4847302 Binary files /dev/null and b/op25/gr-op25_repeater/www/images/op25-dark.png differ diff --git a/op25/gr-op25_repeater/www/www-static/dark.css b/op25/gr-op25_repeater/www/www-static/dark.css new file mode 100755 index 0000000..fbaaf8a --- /dev/null +++ b/op25/gr-op25_repeater/www/www-static/dark.css @@ -0,0 +1,484 @@ +/* + + Copyright 2017, 2018 Max H. Parke KA1RBI + + This file is part of OP25 + + OP25 is free software; you can redistribute it and/or modify it + under the terms of the GNU General Public License as published by + the Free Software Foundation; either version 3, or (at your option) + any later version. + + OP25 is distributed in the hope that it will be useful, but WITHOUT + ANY WARRANTY; without even the implied warranty of MERCHANTABILITY + or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public + License for more details. + + You should have received a copy of the GNU General Public License + along with OP25; see the file COPYING. If not, write to the Free + Software Foundation, Inc., 51 Franklin Street, Boston, MA + 02110-1301, USA. + +*/ + +body { + + /* color: white; */ + background-color: black; + +} + +#div_help { + + color: #eee; + +} + +a { + + color: #f00; + +} + +#div_status body { + + background-color: black; + font-family: Arial, Helvetica, sans-serif; +} + +#div_status table { + border-collapse: collapse; + font-family: "Courier New", Courier, Monospace; +} + +#div_status th { + + border-style: solid; + padding: 3px; + font-family: Arial, Helvetica, sans-serif; + color: #fff; + font-weight: bold; + background: #669999; /* For browsers that do not support gradients */ + background: linear-gradient(#444, black); +} + +#div_status td { + + border: 1px solid #666; + padding: 3px; + +} + +#div_s2 td { + + border-bottom: 1px solid #888; + border-top: 1px solid #888; + border-left: 0px; + border-right: 0px; + padding: 3px; + background: transparent; +} + +hr { + width: 730px; + float: left; + padding: 0px; +} + + +.control-button { /* skip/hold/lockout buttons */ + + border-color: gray; + height: 42px; + color: yellow; + padding: 10px 10px; + text-decoration: none; + margin: 1px 1px; + cursor: pointer; + width: 100px; + font-size: 14px; + font-weight: bold; + box-shadow: 0 1px 1px 0 rgba(0,0,0,0.2), 0 2px 5px 0 rgba(0,0,0,0.19); + background: #31687e; /* For browsers that do not support gradients */ + background: linear-gradient(#666, black); +} + +.control-button:hover { + + background: linear-gradient(black, silver); +} + +.controlsDisplay { /* holds buttons, and display */ + + width: 730px; + border: 0px solid #aaa; + vertical-align: top; + height: 178px; + padding: 2px; + box-shadow: 0 4px 8px 0 rgba(150,50,0,0.75), 0 3px 10px 0 rgba(0,0,150,0.4); +/* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19); */ + background: LightGray; /* For browsers that do not support gradients */ + background: linear-gradient(White, Silver); +} + +.controls { /* skip/hold/lockout buttons (1) */ + + border: 1px solid #aaa; + width: 104px; + float: left; + height: 100%; + text-align: center; +} + + +.cfg_list { + + border: 1px solid #000; + padding: 5px; + width: 260px; + +} + +.displaySettings { + + border: 1px solid #000; + padding: 5px; + width: 720px; + +} +.statDisplay { /* main display - freq, sys, tgid (2) */ + + padding: 0px; + width: 522px; + float: left; + position: relative; + display: inline-block; + border: 1px solid #aaa; + height: 100%; + background: LightGray; /* For browsers that do not support gradients */ + background: linear-gradient(#222, Black, #222); +} + +.sysMsg { /* OP25 logo and message box on right (3) */ + + padding: 0px; + /* display: inline-block; */ + float: right; /* works left or right, right gives margin in between this & 2 */ + width: 95px; + height: 100%; + background-color:#060606; + background-image: url("op25-dark.png"); + background-repeat: no-repeat; + background-position: right; + border: 1px solid #aaa; + font-family: Arial, Helvetica, sans-serif; + color: #666; + font-size: 8pt; +} + +div.info { /* main info container for the two tables */ + + width: 730px; + border: 0px solid #a00; + display: inline-block; +} + + +div.system { /* system frequencies container that holds the table */ + + float: left; + width: 48%; + height: auto; + border: 0px solid #d00; +} + +div.adjacent { /* adjacent sites container that holds the table */ + + margin-left: 29px; + float: left; + width: 48%; + height: auto; + border: 0px solid #00f; +} + +/* labels, values, system and tg text */ + +.copyr { + + font-family: Arial, Helvetica, sans-serif; + font-size: 14px; + color: #484848; + float: right; + margin-top: 22px; + margin-right: 4px; +} + +.label { + + font-family: Arial, Helvetica, sans-serif; + color: gray; +} + +.label-hold { + + font-family: Arial, Helvetica, sans-serif; + color: #c00; + font-size: 8pt; + font-weight: bold; + text-align: center; + vertical-align: center; + height: 50%; +} + +.label-sm { + + font-family: Arial, Helvetica, sans-serif; + color: #ccc; + font-size: 8pt; + padding: 2px; +} + +.label-lc { /* Last Command text */ + + font-family: Arial, Helvetica, sans-serif; + color: #aaa; + font-size: 8pt; + padding: 2px; + text-align: center; +} + +.red_value { + + font-family: Arial, Helvetica, sans-serif; + color: #f00000; + font-weight: bold; +} + +.value { + + font-family: Arial, Helvetica, sans-serif; + color: #8f8; + font-weight: bold; +} + +.systgid { /* System and Talkgroup Text */ + + font-family: Arial, Helvetica, sans-serif; + color: #8f8; + font-weight: bold; + font-size: 24px; +} + +.syscrypto { /* alg/key text */ + + font-family: Arial, Helvetica, sans-serif; + color: #f00000; + font-size: 24px; +} + +.boxtitle { + font-weight: bold; + text-align: left; +} + + +.nac { /* the whole NAC string... NAC, freq tsbks, etc. */ + + font-family: Arial, Helvetica, sans-serif; + color: #8f8; + font-weight: bold; + font-size: 20px; + +} + +.s1 { + /* empty */ +} + +.s2 { + border: 0px solid #999; + position: relative; + display: inline-block; + max-height: 112px; + width: 512px; + padding: 5px; + margin: 0 0 0 2px; +} + +.copyright-text { + + font-family: Arial, Helvetica, sans-serif; + color: #eee; +/* font-size: 10pt; */ +} + +.nav-ul { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: #bbb; + background: linear-gradient(#111, #222); +} + +.nav-li { + float: left; + border-right: 1px solid #000; + background: linear-gradient(#333, #444); +} + +.nav-li-active { + float: left; + background-color: #000; + color: #0080c0; + border-right: 0px solid #f00; +} + +.nav-bar { + width: 730px; + padding: 0; + border: 1px solid #000; +} + +.nav-button { + background-color: #bbb; + background: linear-gradient(#333, #444); + width: 85px; + color: #ddd; + border: 0px; + padding: 20px; + display: block; + font-size: 14px; + font-weight: bold; +} + +.nav-button-active { + background-color: #666; + background: linear-gradient(#777, #888); + color: #fff; + border: 0px; + padding: 20px; + display: block; + font-size: 14px; + font-weight: bold; +} + +.nav-button:hover { + background-color: #699; + background: linear-gradient(#999, #aaa); + color: #fff; +} + +.nav-button-active:hover { + background-color: #699; + background: linear-gradient(#999, #aaa); +} + +#div_settings table { + border-color: black; +} + +#div_settings tr { + border-top: none; + border-bottom: solid; +} + +#div_settings th.boxtitle-th { + text-align: left; +} + +.div_settings th { + max-width: 75px; + border-style: none; + padding: 3px; + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + color: #000; + background: #eee; + text-align: right; + font-weight: normal; +} + +#div_settings td { + max-width: 75px; + border-style: none; + font-weight: bold; + text-align: right; +} + +#div_settings input[type=text] { + max-width: 75px; + border-top: none; + border-bottom-width: 1px; + border-bottom: dotted; + border-right: none; + border-left: none; + text-align: right; +} + +#div_settings input[type=button] { + max-width: 75px; + padding: 10px; + color: red; + border: 0; +} + +#div_settings select { + max-width: 100px; + padding: 0; + border: 0; +} + +#div_settings option { + max-width: 100px; + padding: 0; + border: 0; +} + +.boxtitle { + text-align: left; +} + +div#cfg_list_area select { + width: 250px; + max-width: 250px; +} + +#div_rx_opts td { + font-family: Arial, Helvetica, sans-serif; + font-size: 12px; + border-style: none; +} + +#div_rx_opts input[type=text] { + max-width: 75px; + border-top: none; + border-bottom-width: 1px; + border-bottom: dotted; + border-right: none; + border-left: none; + text-align: right; +} + +.help { + max-width: 640px; + font-family: Arial, Helvetica, sans-serif; +} + +.aboutTable { + width: 730px; + border: 1px solid #aaa; + vertical-align: top; + height: 178px; + padding: 2px; + box-shadow: 0 4px 8px 0 rgba(150,50,0,0.75), 0 3px 10px 0 rgba(0,0,150,0.4); +/* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19); */ + background: LightGray; /* For browsers that do not support gradients */ + background: linear-gradient(Black, #333); +} +} + +.aboutLogo { + background-image: url("op25-dark.png"); +} + diff --git a/op25/gr-op25_repeater/www/www-static/index.html b/op25/gr-op25_repeater/www/www-static/index.html old mode 100644 new mode 100755 index 7db7b70..2eb98b5 --- a/op25/gr-op25_repeater/www/www-static/index.html +++ b/op25/gr-op25_repeater/www/www-static/index.html @@ -1,10 +1,8 @@ -
--
+
@@ -189,8 +200,6 @@ Before proceeding you will need to know the control channel frequency or frequen
px (default = 24)
- - Open configuration editor (any previous unsaved work will be lost) ";
html += " |