Add CSS fontfamily list

Add fontfamily list in CSS files to help browsers render sans-serif 
correctly. Add text color so alert messages display correctly on all 
themes.
This commit is contained in:
Steve Lewis AB7PA 2020-08-25 07:36:14 -07:00 committed by Joe AE6XE
parent 8bf19db3a4
commit 5c14719e0b
6 changed files with 28 additions and 29 deletions

View File

@ -1,8 +1,8 @@
body { font-family:Verdana; background:rgb(231,231,231); color:black } body { font-family:Verdana,arial,sans-serif; background:rgb(231,231,231); color:black }
a:link { background:rgb(231,231,231); color:rgb(190,30,44) } a:link { background:rgb(231,231,231); color:rgb(190,30,44) }
a:visited { background:rgb(231,231,231); color:rgb(190,30,44) } a:visited { background:rgb(231,231,231); color:rgb(190,30,44) }
a:active { background:rgb(231,231,231); color:rgb(190,30,44) } a:active { background:rgb(231,231,231); color:rgb(190,30,44) }
h1 { font-family:Verdana; color:rgb(190,30,44); text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black } h1 { font-family:Verdana,arial,sans-serif; color:rgb(190,30,44); text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black }
hr { hr {
width: 100%; width: 100%;
@ -33,7 +33,7 @@ body table {
.TopBanner { width:100%; } .TopBanner { width:100%; }
.LogoDiv { position:absolute left:0px; width:100%; height:95; } .LogoDiv { position:absolute left:0px; width:100%; height:95; }
.AREDNLogo { background:rgb(231,231,231); position:absolute; left:10%; width:175; height:95; border-style: none;} .AREDNLogo { background:rgb(231,231,231); position:absolute; left:10%; width:175; height:95; border-style: none;}
.PartOfAREDN { font-family:Verdana; font-size:xx-small; text-align:center; } .PartOfAREDN { font-family:Verdana,arial,sans-serif; font-size:xx-small; text-align:center; }
/* Used to indicate AREDN node on the /cgi-bin/scan page */ /* Used to indicate AREDN node on the /cgi-bin/scan page */
.wscan-row-node { background-color: lightseagreen} .wscan-row-node { background-color: lightseagreen}
@ -60,15 +60,14 @@ body table {
} }
#node_description_entry { #node_description_entry {
vertical-align: middle; vertical-align: middle;
resize: none; resize: none;
} }
#node_description_display { #node_description_display {
text-align: center; text-align: center;
vertical-align: middle; vertical-align: middle;
background-color: gainsboro; background-color: gainsboro;
font-size: 12pt; font-size: 12pt;
width: 40%; width: 40%;
} }

View File

@ -1,8 +1,8 @@
body { font-family:Verdana; background: white; color:black } body { font-family:Verdana,arial,sans-serif; background: white; color:black }
a:link { background: white; color: black } a:link { background: white; color: black }
a:visited { background: white; color: black } a:visited { background: white; color: black }
a:active { background: white; color: black } a:active { background: white; color: black }
h1 { font-family:Verdana; color: black} h1 { font-family:Verdana,arial,sans-serif; color: black}
hr { hr {
width: 100%; width: 100%;
@ -31,7 +31,7 @@ body table {
.TopBanner { width:100%; } .TopBanner { width:100%; }
.LogoDiv { position:absolute left:0px; width:100%; height:95; } .LogoDiv { position:absolute left:0px; width:100%; height:95; }
.AREDNLogo { background: white; position:absolute; left:10%; width:175; height:95; } .AREDNLogo { background: white; position:absolute; left:10%; width:175; height:95; }
.PartOfAREDN { font-family:Verdana; font-size:xx-small; text-align:center; } .PartOfAREDN { font-family:Verdana,arial,sans-serif; font-size:xx-small; text-align:center; }
/* Tunnel Page Classes */ /* Tunnel Page Classes */
.tun_network_row td { .tun_network_row td {

View File

@ -1927,17 +1927,17 @@ sub alert_banner
# Device compatibility alert # Device compatibility alert
if ( is_hardware_supported() != 1 ){ if ( is_hardware_supported() != 1 ){
if (is_hardware_supported() == 0 ){ if (is_hardware_supported() == 0 ){
print "<div style=\"padding:5px;background-color:#FF4719;border:1px solid #ccc;width:600px;\"><a href=\"/cgi-bin/sysinfo\">!!!! UNSUPPORTED DEVICE !!!!</a></div>\n"; print "<div style=\"padding:5px;background-color:#FF4719;color:black;border:1px solid #ccc;width:600px;\"><a href=\"/cgi-bin/sysinfo\">!!!! UNSUPPORTED DEVICE !!!!</a></div>\n";
} }
elsif ( is_hardware_supported() == -2 ){ elsif ( is_hardware_supported() == -2 ){
print "<div style=\"padding:5px;background-color:#FFFF00;border:1px solid #ccc;width:600px;\"><a href=\"/cgi-bin/sysinfo\"> !!!! THIS DEVICE IS STILL BEING TESTED !!!!</a></div>\n"; print "<div style=\"padding:5px;background-color:yellow;color:black;border:1px solid #ccc;width:600px;\"><a href=\"/cgi-bin/sysinfo\"> !!!! THIS DEVICE IS STILL BEING TESTED !!!!</a></div>\n";
} }
else { else {
print "<div style=\"padding:5px;background-color:#FFFF00;border:1px solid #ccc;width:600px;\"><a href=\"/cgi-bin/sysinfo\">!!!! UNTESTED HARDWARE !!!!</a></div>\n"; print "<div style=\"padding:5px;background-color:yellow;color:black;border:1px solid #ccc;width:600px;\"><a href=\"/cgi-bin/sysinfo\">!!!! UNTESTED HARDWARE !!!!</a></div>\n";
} }
} }
print "<div style=\"padding:5px;background-color:#FFFF00;border:1px solid #ccc;width:600px;\"><strong>AREDN Alert(s):</strong><br /><div style=\"text-align:left;\">$aredn_message</div></div>\n" if $aredn_message; print "<div style=\"padding:5px;background-color:yellow;color:black;border:1px solid #ccc;width:600px;\"><strong>AREDN Alert(s):</strong><br /><div style=\"text-align:left;\">$aredn_message</div></div>\n" if $aredn_message;
print "<div style=\"padding:5px;background-color:#FFFF00;border:1px solid #ccc;width:600px;\"><strong>Local Alert(s):</strong><br /><div style=\"text-align:left;\">$local_message</div></div>\n" if $local_message; print "<div style=\"padding:5px;background-color:yellow;color:black;border:1px solid #ccc;width:600px;\"><strong>Local Alert(s):</strong><br /><div style=\"text-align:left;\">$local_message</div></div>\n" if $local_message;
#TopBanner #TopBanner
print "</div>"; print "</div>";
@ -2058,7 +2058,7 @@ sub is_online()
if($? eq 0) if($? eq 0)
{ {
$online=1; $online=1;
} }
} }
return $online; return $online;
} }
@ -2124,7 +2124,7 @@ sub getRelease {
# return "http://downloads.arednmesh.org/snapshots/trunk/" . $target; # return "http://downloads.arednmesh.org/snapshots/trunk/" . $target;
# } else { # } else {
# return "http://downloads.arednmesh.org/firmware"; # return "http://downloads.arednmesh.org/firmware";
# } # }
#} #}
sub defaultPackageRepos { sub defaultPackageRepos {

View File

@ -1,8 +1,8 @@
body { font-family:Verdana; background: black; color:red } body { font-family:Verdana,arial,sans-serif; background: black; color:red }
a:link { background: black; color: red } a:link { background: black; color: red }
a:visited { background: black; color: red } a:visited { background: black; color: red }
a:active { background: black; color: red } a:active { background: black; color: red }
h1 { font-family:Verdana; color: red} h1 { font-family:Verdana,arial,sans-serif; color: red}
hr { hr {
width: 100%; width: 100%;
@ -31,7 +31,7 @@ body table {
.TopBanner { width:100%; } .TopBanner { width:100%; }
.LogoDiv { position:absolute left:0px; width:100%; height:95; } .LogoDiv { position:absolute left:0px; width:100%; height:95; }
.AREDNLogo { background: white; position:absolute; left:10%; width:175; height:95; } .AREDNLogo { background: white; position:absolute; left:10%; width:175; height:95; }
.PartOfAREDN { font-family:Verdana; font-size:xx-small; text-align:center; } .PartOfAREDN { font-family:Verdana,arial,sans-serif; font-size:xx-small; text-align:center; }
/* Tunnel Page Classes */ /* Tunnel Page Classes */
.tun_network_row td { .tun_network_row td {

View File

@ -1,8 +1,8 @@
body { font-family:Verdana; background: black; color:white } body { font-family:Verdana,arial,sans-serif; background: black; color:white }
a:link { background: black; color: white } a:link { background: black; color: white }
a:visited { background: black; color: white } a:visited { background: black; color: white }
a:active { background: black; color: white } a:active { background: black; color: white }
h1 { font-family:Verdana; color: white} h1 { font-family:Verdana,arial,sans-serif; color: white}
hr { hr {
width: 100%; width: 100%;
@ -31,7 +31,7 @@ body table {
.TopBanner { width:100%; } .TopBanner { width:100%; }
.LogoDiv { position:absolute left:0px; width:100%; height:95; } .LogoDiv { position:absolute left:0px; width:100%; height:95; }
.AREDNLogo { background: white; position:absolute; left:10%; width:175; height:95; } .AREDNLogo { background: white; position:absolute; left:10%; width:175; height:95; }
.PartOfAREDN { font-family:Verdana; font-size:xx-small; text-align:center; } .PartOfAREDN { font-family:Verdana,arial,sans-serif; font-size:xx-small; text-align:center; }
/* Tunnel Page Classes */ /* Tunnel Page Classes */
.tun_network_row td { .tun_network_row td {

View File

@ -1,8 +1,8 @@
body { font-family:Verdana; background: black; color:yellow } body { font-family:Verdana,arial,sans-serif; background: black; color:yellow }
a:link { background: black; color: yellow } a:link { background: black; color: yellow }
a:visited { background: black; color: yellow } a:visited { background: black; color: yellow }
a:active { background: black; color: yellow } a:active { background: black; color: yellow }
h1 { font-family:Verdana; color: yellow} h1 { font-family:Verdana,arial,sans-serif; color: yellow}
hr { hr {
width: 100%; width: 100%;
@ -31,7 +31,7 @@ body table {
.TopBanner { width:100%; } .TopBanner { width:100%; }
.LogoDiv { position:absolute left:0px; width:100%; height:95; } .LogoDiv { position:absolute left:0px; width:100%; height:95; }
.AREDNLogo { background: white; position:absolute; left:10%; width:175; height:95; } .AREDNLogo { background: white; position:absolute; left:10%; width:175; height:95; }
.PartOfAREDN { font-family:Verdana; font-size:xx-small; text-align:center; } .PartOfAREDN { font-family:Verdana,arial,sans-serif; font-size:xx-small; text-align:center; }
/* Tunnel Page Classes */ /* Tunnel Page Classes */
.tun_network_row td { .tun_network_row td {