mirrors
/
Monitorix
mirror of https://github.com/mikaku/Monitorix.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #298 from z-eos/monitorix-css-index 

css introduced to monitorix file only
This commit is contained in:
Jordi Sanfeliu 2020-11-05 19:47:52 +01:00 committed by GitHub
parent cb3b6d9c32 167177b55f
commit e814b2d53b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 183 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
black.css Normal file
View File

@ -0,0 +1,81 @@
body {
background-color: black;
font-family: Verdana, sans-serif;
color: white;
}
.index-body {
background-color: black;
font-family: Verdana, sans-serif;
color: #888888;
}
table {
background: #888888;
border: 1px black;
border-left: 1px outset #888888;
border-top: 1px outset #888888;
border-right: 1px outset black;
border-bottom: 1px outset black;
border-spacing: 5px;
}
th, td {
border: 1px inset #888888;
background-color: #333333;
padding: 0;
}
.cgi-header-table {
border: 1px groove black;
border-spacing: 5px;
}
.startpage-header-table {
border: 0;
background: transparent;
}
.table-module {
background: #cccccc;
}
.td-title {
background-color: #333333;
font-family: Verdana, sans-serif;
color: #888800;
}
.td-title-host {
font-family: Verdana, sans-serif;
background-color: black;
}
.td-note {
background-color: #333333;
font-family: Verdana, sans-serif;
color: #888800;
}
.text-title {
font-family: Verdana, sans-serif;
color: #888800;
}
.text-copyright {
font-size: 60%;
color: white;
}
.text-size {
font-size: 5;
}
.history01 {
color: #888888;
position: fixed;
left: 1em;
font-size: 32px;
letter-spacing: -1px;
}

62
monitorix
View File

@ -223,51 +223,48 @@ EOF
if(!open(OUT, "> $config{base_dir}/index.html")) { if(!open(OUT, "> $config{base_dir}/index.html")) {
die "unable to create '${config{base_dir}}index.html': $!"; die "unable to create '${config{base_dir}}index.html': $!";
} }
my $css = sprintf("%scss/%s.css", $base_url, $config{theme_color});
print(OUT <<EOF); print(OUT <<EOF);
<!DOCTYPE html "-//W3C//DTD HTML 4.01 Final//EN"> <!DOCTYPE html "-//W3C//DTD HTML 4.01 Final//EN">
<html> <html>
<head> <head>
<title>$config{title}</title> <title>$config{title}</title>
<link rel="shortcut icon" href="$base_url$config{favicon}"> <link rel="shortcut icon" href="$base_url$config{favicon}">
<link href="$css" rel="stylesheet">
</head> </head>
<body bgcolor="$bgcolor" text="#888888" vlink="#888888" link="#888888"> <body class="index-body">
$piwik_code $piwik_code
$when_all_code $when_all_code
<center> <center>
<p> <p>
<br> <br>
<font face="Verdana, sans-serif"> <table class='startpage-header-table'>
<table>
<tr> <tr>
<td> <td class='startpage-header-table'>
<a href="$config{logo_top_url}"><img src="$base_url$config{logo_top}" border="0"></a> <a href="$config{logo_top_url}"><img src="$base_url$config{logo_top}" border="0"></a>
</td> </td>
</tr> </tr>
<tr> <tr>
<td> <td class='startpage-header-table'>
<h2 align="right">v@{[VERSION]}</h2> <h2 align="right">v@{[VERSION]}</h2>
</td> </td>
</tr> </tr>
</table> </table>
<p> <p>
<form action="${base_cgi}monitorix.cgi" method="get"> <form action="${base_cgi}monitorix.cgi" method="get">
<table cellspacing="5" cellpadding="0" bgcolor="$table_back_color" border="1"> <table>
<tr> <tr>
<td bgcolor="$title_back_color"> <td class='td-title'>
<font color="$title_fore_color"> <b>&nbsp;Hostname&nbsp;</b>
<b>&nbsp;Hostname&nbsp;</b> </td>
</font> <td class='td-title'>
</td> <b>&nbsp;Graph&nbsp;</b>
<td bgcolor="$title_back_color"> </td>
<font color="$title_fore_color"> </tr>
<b>&nbsp;Graph&nbsp;</b>
</font>
</td>
</tr>
<tr> <tr>
EOF EOF
print(OUT " <td bgcolor='$bgcolor'>\n"); print(OUT " <td>\n");
print(OUT " <select name='mode' size='1' id='hostname' onchange='auto_select()'>\n"); print(OUT " <select name='mode' size='1' id='hostname' onchange='auto_select()'>\n");
print(OUT " <optgroup label='Local Host'>\n"); print(OUT " <optgroup label='Local Host'>\n");
print(OUT " <option value='localhost'>localhost</option>\n"); print(OUT " <option value='localhost'>localhost</option>\n");
@ -305,7 +302,7 @@ EOF
print(OUT " <td bgcolor='$bgcolor'>\n"); print(OUT " <td>\n");
print(OUT " <select name='graph' size='1' id='graph'>\n"); print(OUT " <select name='graph' size='1' id='graph'>\n");
print(OUT " <option value='all'>All graphs</option>\n"); print(OUT " <option value='all'>All graphs</option>\n");
foreach (split(',', $config{graph_name})) { foreach (split(',', $config{graph_name})) {
@ -420,44 +417,44 @@ EOF
</tr> </tr>
</table> </table>
<p> <p>
<table cellspacing="5" cellpadding="0" bgcolor="$table_back_color" border="1"> <table>
<tr> <tr>
EOF EOF
if(lc($config{enable_hourly_view} || "") eq "y" ) { if(lc($config{enable_hourly_view} || "") eq "y" ) {
print(OUT <<EOF); print(OUT <<EOF);
<td bgcolor="$title_back_color"> <td class='td-title'>
<label> <label>
<input type="radio" name="when" value="1hour"> <input type="radio" name="when" value="1hour">
<font color="$title_fore_color"><b>Hourly&nbsp;</b></font> <b>Hourly&nbsp;</b>
</label> </label>
</td> </td>
EOF EOF
} }
print(OUT <<EOF); print(OUT <<EOF);
<td bgcolor="$title_back_color"> <td class='td-title'>
<label> <label>
<input type="radio" checked name="when" value="1day"> <input type="radio" checked name="when" value="1day">
<font color="$title_fore_color"><b>Daily&nbsp;</b></font> <b>Daily&nbsp;</b>
</label> </label>
</td> </td>
<td bgcolor="$title_back_color"> <td class='td-title'>
<label> <label>
<input type="radio" name="when" value="1week"> <input type="radio" name="when" value="1week">
<font color="$title_fore_color"><b>Weekly&nbsp;</b></font> <b>Weekly&nbsp;</b>
</label> </label>
</td> </td>
<td bgcolor="$title_back_color"> <td class='td-title'>
<label> <label>
<input type="radio" name="when" value="1month"> <input type="radio" name="when" value="1month">
<font color="$title_fore_color"><b>Monthly&nbsp;</b></font> <b>Monthly&nbsp;</b>
</label> </label>
</td> </td>
<td bgcolor="$title_back_color"> <td class='td-title'>
<label> <label>
<input type="radio" name="when" value="1year"> <input type="radio" name="when" value="1year">
<font color="$title_fore_color"><b>Yearly&nbsp;</b></font> <b>Yearly&nbsp;</b>
</label> </label>
</td> </td>
</tr> </tr>
@ -472,10 +469,10 @@ EOF
print(OUT " <tr>\n"); print(OUT " <tr>\n");
} }
print(OUT <<EOF); print(OUT <<EOF);
<td bgcolor="$title_back_color"> <td class='td-title'>
<label> <label>
<input type="radio" name="when" value="${n}year"> <input type="radio" name="when" value="${n}year">
<font color="$title_fore_color"><b>$n Years&nbsp;</b></font> <b>$n Years&nbsp;</b>
</label> </label>
</td> </td>
EOF EOF
@ -490,7 +487,6 @@ EOF
<input type="hidden" name="color" value="$theme"> <input type="hidden" name="color" value="$theme">
<input type="submit" value=" Ok "> <input type="submit" value=" Ok ">
</form> </form>
</font>
</center> </center>
</body> </body>
</html> </html>

73
white.css Normal file
View File

@ -0,0 +1,73 @@
body {
background-color: white;
font-family: Verdana, sans-serif;
color: #888888;
}
table {
background: #cccccc;
border-left: 1px outset #888888;
border-top: 1px outset #888888;
border-right: 1px outset #5a5a5a;
border-bottom: 1px outset #5a5a5a;
border-spacing: 5px;
}
th, td {
border: 1px inset #888888;
background-color: #777777;
padding: 0;
}
.cgi-header-table {
border: 1px groove black;
border-spacing: 5px;
}
.startpage-header-table {
border: 0;
background: transparent;
}
.table-module {
background: #cccccc;
}
.td-title {
background-color: #777777;
font-family: Verdana, sans-serif;
color: #cccc00;
}
.td-title-host {
font-family: Verdana, sans-serif;
background-color: white;
}
.td-note {
background-color: #777777;
font-family: Verdana, sans-serif;
color: #cccc00;
}
.text-title {
font-family: Verdana, sans-serif;
color: #cccc00;
}
.text-copyright {
font-size: 60%;
}
.text-size {
font-size: 5;
}
.history01 {
color: #888888;
position: fixed;
left: 1em;
font-size: 32px;
letter-spacing: -1px;
}