mirror of https://github.com/aredn/aredn.git
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:
parent
8bf19db3a4
commit
5c14719e0b
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue