Mirrors
/
aredn
mirror of https://github.com/aredn/aredn.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
files/www/aredn.css
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}
@ -71,4 +71,3 @@ background-color: gainsboro;
font-size: 12pt; font-size: 12pt;
width: 40%; width: 40%;
} }

6
files/www/black_on_white.css
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 {

10
files/www/cgi-bin/perlfunc.pm
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>";

6
files/www/red_on_black.css
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 {

6
files/www/white_on_black.css
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 {

6
files/www/yellow_on_black.css
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 {