parent
91dead3b5b
commit
dced944480
@ -1,484 +0,0 @@ |
||||
/* |
||||
|
||||
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"); |
||||
} |
||||
|
||||
Loading…
Reference in new issue