mirror of https://github.com/mikaku/Monitorix.git
Merge pull request #298 from z-eos/monitorix-css-index
css introduced to monitorix file only
This commit is contained in:
Jordi Sanfeliu
GitHub
commit
e814b2d53b
|
|
@ -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
62
monitorix
|
|
@ -223,51 +223,48 @@ EOF
|
|||
if(!open(OUT, "> $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);
|
||||
<!DOCTYPE html "-//W3C//DTD HTML 4.01 Final//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>$config{title}</title>
|
||||
<link rel="shortcut icon" href="$base_url$config{favicon}">
|
||||
<link href="$css" rel="stylesheet">
|
||||
</head>
|
||||
<body bgcolor="$bgcolor" text="#888888" vlink="#888888" link="#888888">
|
||||
<body class="index-body">
|
||||
$piwik_code
|
||||
$when_all_code
|
||||
<center>
|
||||
<p>
|
||||
<br>
|
||||
<font face="Verdana, sans-serif">
|
||||
<table>
|
||||
<table class='startpage-header-table'>
|
||||
<tr>
|
||||
<td>
|
||||
<td class='startpage-header-table'>
|
||||
<a href="$config{logo_top_url}"><img src="$base_url$config{logo_top}" border="0"></a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<td class='startpage-header-table'>
|
||||
<h2 align="right">v@{[VERSION]}</h2>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<p>
|
||||
<form action="${base_cgi}monitorix.cgi" method="get">
|
||||
<table cellspacing="5" cellpadding="0" bgcolor="$table_back_color" border="1">
|
||||
<table>
|
||||
<tr>
|
||||
<td bgcolor="$title_back_color">
|
||||
<font color="$title_fore_color">
|
||||
<b> Hostname </b>
|
||||
</font>
|
||||
</td>
|
||||
<td bgcolor="$title_back_color">
|
||||
<font color="$title_fore_color">
|
||||
<b> Graph </b>
|
||||
</font>
|
||||
</td>
|
||||
</tr>
|
||||
<td class='td-title'>
|
||||
<b> Hostname </b>
|
||||
</td>
|
||||
<td class='td-title'>
|
||||
<b> Graph </b>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
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 " <optgroup label='Local Host'>\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 " <option value='all'>All graphs</option>\n");
|
||||
foreach (split(',', $config{graph_name})) {
|
||||
|
|
@ -420,44 +417,44 @@ EOF
|
|||
</tr>
|
||||
</table>
|
||||
<p>
|
||||
<table cellspacing="5" cellpadding="0" bgcolor="$table_back_color" border="1">
|
||||
<table>
|
||||
<tr>
|
||||
EOF
|
||||
|
||||
if(lc($config{enable_hourly_view} || "") eq "y" ) {
|
||||
print(OUT <<EOF);
|
||||
<td bgcolor="$title_back_color">
|
||||
<td class='td-title'>
|
||||
<label>
|
||||
<input type="radio" name="when" value="1hour">
|
||||
<font color="$title_fore_color"><b>Hourly </b></font>
|
||||
<b>Hourly </b>
|
||||
</label>
|
||||
</td>
|
||||
EOF
|
||||
}
|
||||
|
||||
print(OUT <<EOF);
|
||||
<td bgcolor="$title_back_color">
|
||||
<td class='td-title'>
|
||||
<label>
|
||||
<input type="radio" checked name="when" value="1day">
|
||||
<font color="$title_fore_color"><b>Daily </b></font>
|
||||
<b>Daily </b>
|
||||
</label>
|
||||
</td>
|
||||
<td bgcolor="$title_back_color">
|
||||
<td class='td-title'>
|
||||
<label>
|
||||
<input type="radio" name="when" value="1week">
|
||||
<font color="$title_fore_color"><b>Weekly </b></font>
|
||||
<b>Weekly </b>
|
||||
</label>
|
||||
</td>
|
||||
<td bgcolor="$title_back_color">
|
||||
<td class='td-title'>
|
||||
<label>
|
||||
<input type="radio" name="when" value="1month">
|
||||
<font color="$title_fore_color"><b>Monthly </b></font>
|
||||
<b>Monthly </b>
|
||||
</label>
|
||||
</td>
|
||||
<td bgcolor="$title_back_color">
|
||||
<td class='td-title'>
|
||||
<label>
|
||||
<input type="radio" name="when" value="1year">
|
||||
<font color="$title_fore_color"><b>Yearly </b></font>
|
||||
<b>Yearly </b>
|
||||
</label>
|
||||
</td>
|
||||
</tr>
|
||||
|
|
@ -472,10 +469,10 @@ EOF
|
|||
print(OUT " <tr>\n");
|
||||
}
|
||||
print(OUT <<EOF);
|
||||
<td bgcolor="$title_back_color">
|
||||
<td class='td-title'>
|
||||
<label>
|
||||
<input type="radio" name="when" value="${n}year">
|
||||
<font color="$title_fore_color"><b>$n Years </b></font>
|
||||
<b>$n Years </b>
|
||||
</label>
|
||||
</td>
|
||||
EOF
|
||||
|
|
@ -490,7 +487,6 @@ EOF
|
|||
<input type="hidden" name="color" value="$theme">
|
||||
<input type="submit" value=" Ok ">
|
||||
</form>
|
||||
</font>
|
||||
</center>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
Loading…
Reference in New Issue