485 lines
8.3 KiB
CSS
485 lines
8.3 KiB
CSS
/*
|
|
|
|
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");
|
|
}
|
|
|