diff options
Diffstat (limited to 'torrus/sup/webplain')
| -rw-r--r-- | torrus/sup/webplain/explain-rrdgraph.html | 85 | ||||
| -rw-r--r-- | torrus/sup/webplain/torrus-printer.css | 264 | ||||
| -rw-r--r-- | torrus/sup/webplain/torrus-report.css | 172 | ||||
| -rw-r--r-- | torrus/sup/webplain/torrus.css | 513 |
4 files changed, 1034 insertions, 0 deletions
diff --git a/torrus/sup/webplain/explain-rrdgraph.html b/torrus/sup/webplain/explain-rrdgraph.html new file mode 100644 index 000000000..7dc8051b0 --- /dev/null +++ b/torrus/sup/webplain/explain-rrdgraph.html @@ -0,0 +1,85 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" + "http://www.w3.org/TR/html4/strict.dtd"> +<HTML> +<!-- Torrus Copyright (c) 2003-2004 Stanislav Sinyagin --> +<HEAD> +<TITLE>RRD Graph Description</TITLE> +<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"> +<STYLE type="text/css" media="all"> + @import url( torrus.css ); +</STYLE> +</HEAD> +<BODY> + + +<DIV CLASS="HelpContent"> + +<H1>RRD Graph Description</H1> + +<P> +The graphs in Torrus are drawn by +<a href="http://people.ee.ethz.ch/~oetiker/webtools/rrdtool/">RRDtool</a>, +a powerful instrument for data aggregation and graphing. +</P> + +<P> +The horizontal axis displays the time at which the data has been collected. +The rightmost point corresponds to the most recent moment. +</P> + +<P> +The date and time of the graph can be easily changed by using the +<em>Set date</em> checkbox at the bottom of the page. When the checkbox is +checked, the date/time string in the text field is interpreted after clicking +the submit button. It is then reflected in the <em>Report date</em> +informational line at the page displaying the graphs. The date format is +quite flexible. It understands such input as "<TT>July 13 5:00</TT>", +or "<TT>01/13/2003 5:00</TT>", etc. +</P> + + +<P> +The vertical axis scales automatically to fit the data values. The meaning of +the values depends on the nature of the datasource, and is usually described +in the graph legend, comments, and the help text. +</P> + + +<P> +Usually the legend of the vertical axis specifies the meaning of the values: +<ul> +<li>Bps: bytes per second counter</li> +<li>bps: bits per second counter</li> +<li>pps: pakets per second counter</li> +</ul> +Other legends correspond mostly to gauges, such as temperature, load +percentage, or disk space. +</P> + +<P> +The graphing engine automatically chooses the best units for scaling +the values. The scaling magnitude is displayed alongside the numerical value, +with the following meaning: +<ul> +<li>a: 10e-18 Atto</li> +<li>f: 10e-15 Femto</li> +<li>p: 10e-12 Pico</li> +<li>n: 10e-9 Nano</li> +<li>u: 10e-6 Micro</li> +<li>m: 10e-3 Milli</li> +<li>k: 10e+3 Kilo</li> +<li>M: 10e+6 Mega</li> +<li>G: 10e+9 Giga</li> +<li>T: 10e+12 Tera</li> +<li>P: 10e+15 Peta</li> +<li>E: 10e+18 Exa</li> +</ul> +Memory usage is scaled with the base of 1024. +</P> + +</DIV> +<DIV CLASS="Footer"> +Powered by <A HREF="http://torrus.sourceforge.net">Torrus</A> +</DIV> +</BODY> +</HTML>
\ No newline at end of file diff --git a/torrus/sup/webplain/torrus-printer.css b/torrus/sup/webplain/torrus-printer.css new file mode 100644 index 000000000..966abff32 --- /dev/null +++ b/torrus/sup/webplain/torrus-printer.css @@ -0,0 +1,264 @@ +/* + Torrus Renderer stylesheet. + Designed by Stanislav Sinyagin + + $Id: torrus-printer.css,v 1.1 2010-12-27 00:04:04 ivan Exp $ + */ +BODY { + background-color : white; + color : black; + font-family : verdana, arial, helvetica, sans-serif; + font-size : 10pt; + margin : 0; + padding-bottom : 0; + padding-left : 0; + padding-right : 0; + padding-top : 0; + voice-family : inherit, male; +} + +H1, H2, H3 { + background-color : transparent; + color : black; +} + + +H1 { + font-size : 18pt; + font-weight : 900; + line-height : 20pt; +} + +H2 { + font-size : 16pt; + font-weight : 700; + line-height : 18pt; +} + +H3 { + font-size : 14pt; + line-height : 16pt; +} + +P { + background-color : transparent; + color : black; + line-height : 18pt; + text-decoration : none; + padding-bottom : 0; + padding-left : 0; + padding-right : 0; + padding-top : 0; +} + +A, A:link, A:visited { + background-color : transparent; + color : black; + text-decoration : none; +} + +*.Header { + background-color : transparent; + border-bottom : 0.5pt solid black; + border-left : 0 solid black; + border-right : 0 solid black; + border-top : 0.5pt solid black; + color : black; + font-size : 9pt; + font-weight : 700; + margin : 5pt 0 10pt; + padding-bottom : 0; + padding-left : 10pt; + padding-right : 0; + padding-top : 10pt; +} + +DIV.LoginInfo { + position : absolute; + right : 0; + top : 8px; + font-size : 9px; + text-align : right; +} + +DIV.LoginInfo SPAN.UserName { + display : block; +} + +DIV.LoginInfo SPAN.Logout { + display : none; +} + +DIV.CurrentTime { + float: right; + font-size : 9px; + text-align: right; +} + +*.Content, *.SingleColumnContent { + margin-bottom : 0; + margin-left : 5pt; + margin-right : 5pt; + margin-top : 0; + padding-bottom : 10pt; + padding-left : 10pt; + padding-right : 10pt; + padding-top : 10pt; +} + +DIV.CurrentPath { + background-color : transparent; +} + +*.PathURLs { + font-size : 9px; +} + +DIV.CurrentTree { + background-color : transparent; +} + +DIV.Legend { + background-color : transparent; + color : black; + font-size : 8pt; + margin-bottom : 10pt; + margin-top : 10pt; +} + +DIV.LegendRow { + clear : both; + height : 9pt; + width : 100%; + margin-bottom : 3pt; +} + +*.LegendRow *.LegendName { + font-weight : bold; + padding-right : 5pt; + text-align : left; +} + +*.LegendRow *.LegendValue { + text-align : left; +} + +P.Variables SPAN.VariableName { + font-weight : bold; +} + +DIV.Monitors { + clear : both; + float : none; + font-size : 8pt; + margin-bottom : 10pt; + position : relative; + width : 90%; +} + +SPAN.MonitorName { + padding-left: 20pt; + padding-right: 20pt; +} + + +DIV.Listing { + margin-bottom : 10pt; + margin-left : 20pt; + margin-right : 20pt; +} + +*.ListRow, *.ListRowEven { + border-bottom : 0.5pt solid gray; + clear : both; + font-size : 8pt; + line-height : 12pt; + padding-top : 3pt; + width : 100%; +} + +*.Listing *.NodeName { + display : block; + font-weight : bold; + padding-right : 5pt; + padding-left : 5pt; + text-align : left; +} + +*.Listing *.NodeDescr { + display : block; + padding-left : 30pt; + padding-right : 5pt; + text-align : left; +} + +DIV.Graph, DIV.ShortGraph { + border-bottom : 0.5pt solid gray; + margin-bottom : 10pt; + margin-left : 20pt; + margin-right : 20pt; + margin-top : 15pt; + page-break-inside : avoid; +} + + +DIV.ShortGraph *.NodeName { + font-weight : bold; + width : 100%; +} + +DIV.ShortGraph *.NodeDescr { + margin-bottom : 5pt; + width : 100%; +} + +*.GraphImage { + text-align: center; +} + +*.GraphImage IMG { + border-width : 0; + border-color : transparent; + float : none; +} + + +/* In tokenset display, short graphs are placed in two + columns on the screen, but one column on printer */ + +DIV.ShortLeft, DIV.ShortRight { + width : 100%; +} + + + +*.BottomShortcuts { + display : none; +} + + +*.TopMenu, *.BottomMenu { + display : none; +} + + +*.Footer { + background-color : transparent; + border-bottom : 0 solid black; + border-left : 0 solid black; + border-right : 0 solid black; + border-top : 0.75pt solid black; + color : black; + font-size : 6pt; + margin : 0 0 10pt; + padding-bottom : 0; + padding-left : 0; + padding-right : 0; + padding-top : 0; + text-align : right; + width : 100%; +} + +*.SiteInfo, *.TreeInfo { + padding-left : 5em; +} diff --git a/torrus/sup/webplain/torrus-report.css b/torrus/sup/webplain/torrus-report.css new file mode 100644 index 000000000..e18dda8a6 --- /dev/null +++ b/torrus/sup/webplain/torrus-report.css @@ -0,0 +1,172 @@ +/* + Torrus Renderer stylesheet. + Designed by Stanislav Sinyagin + + $Id: torrus-report.css,v 1.1 2010-12-27 00:04:04 ivan Exp $ + */ +BODY { + background-color : white; + color : black; + font-family : verdana, arial, helvetica, sans-serif; + font-size : 10pt; + margin : 0; + padding-bottom : 0; + padding-left : 0; + padding-right : 0; + padding-top : 0; + voice-family : inherit, male; +} + +H1, H2, H3 { + background-color : transparent; + color : black; +} + + +H1 { + font-size : 18pt; + font-weight : 900; + line-height : 20pt; +} + +H2 { + font-size : 16pt; + font-weight : 700; + line-height : 18pt; +} + +H3 { + font-size : 14pt; + line-height : 16pt; +} + +A, A:link, A:visited { + background-color : transparent; + color : black; + text-decoration : none; +} + +A:hover { + background-color : #eee; + color : inherit; +} + +*.Header { + background-color : transparent; + border-bottom : 0.5pt solid black; + border-left : 0 solid black; + border-right : 0 solid black; + border-top : 0.5pt solid black; + color : black; + font-size : 9pt; + font-weight : 700; + margin : 5pt 0 10pt; + padding-bottom : 0; + padding-left : 10pt; + padding-right : 0; + padding-top : 10pt; +} + + +DIV.CurrentTime { + float: right; + font-size : 9px; + text-align: right; +} + +*.Content, *.SingleColumnContent { + margin-bottom : 0; + margin-left : 5pt; + margin-right : 5pt; + margin-top : 0; + padding-bottom : 10pt; + padding-left : 10pt; + padding-right : 10pt; + padding-top : 10pt; +} + + +DIV.CurrentTree { + background-color : transparent; + margin-bottom : 4pt; +} + + +TABLE.ReportTable { + font-size : 9pt; + border-collapse : collapse; +} + +CAPTION.ReportTable { + font-size : 14pt; + font-weight : 700; + caption-side: top; + padding-bottom : 7pt; + padding-top : 10pt; +} + +TR.ReportHeadRow { + background-color : #999; +} + + +TR.ReportEvenRow { + background-color : #ccc; +} + +TD { + border : solid 1px #aaa; + padding-bottom : 1pt; + padding-top : 3pt; + padding-left : 2pt; + padding-right : 2pt; + width : 10%; +} + +TD.ReportHeadCell { + font-weight : 700; + text-align : center; +} + +TD.ReportCell { + text-align : right; + padding-left : 7pt; +} + +TD.ReportFirstCell { + text-align : left; + font-weight : 600; +} + + +DIV.ReportLegend { + margin-top: 60pt; + margin-left: 10pt; + font-size : 7pt; +} + +SPAN.ReportLegendTerm { + font-weight : 700; + padding-right : 2pt; +} + +*.Footer { + background-color : transparent; + border-bottom : 0 solid black; + border-left : 0 solid black; + border-right : 0 solid black; + border-top : 0.75pt solid black; + color : black; + font-size : 6pt; + margin : 0 0 10pt; + padding-bottom : 0; + padding-left : 0; + padding-right : 0; + padding-top : 0; + text-align : right; + width : 100%; +} + +*.SiteInfo, *.TreeInfo { + padding-left : 5em; +} diff --git a/torrus/sup/webplain/torrus.css b/torrus/sup/webplain/torrus.css new file mode 100644 index 000000000..64b502cea --- /dev/null +++ b/torrus/sup/webplain/torrus.css @@ -0,0 +1,513 @@ +/* + Torrus Renderer stylesheet. + Designed by BlueRobot.com + Modified by Ian Holsman <ian@holsman.net> + Optimised by Stanislav Sinyagin + + $Id: torrus.css,v 1.3 2010-12-29 03:22:37 ivan Exp $ + */ +BODY { +/* background-color : white; */ +/* color : #333; */ +/* font-family : verdana, arial, helvetica, sans-serif; + font-size : 11px; +*/ + margin : 0; + padding-bottom : 0; + padding-left : 0; + padding-right : 0; + padding-top : 0; + voice-family : inherit, male; +} + +H1, H2, H3, P { + background-color : inherit; + margin : 0 0 15px; + padding-bottom : 0; + padding-left : 0; + padding-right : 0; + padding-top : 0; +} + +H1, H2 { + color : #ccc; +} + +H1 { + font-size : 28px; + font-weight : 900; + line-height : 28px; +} + +H2 { + font-size : 20px; + font-weight : 700; + line-height : 20px; +} + +H3 { + color : #333; + font-size : 18px; + line-height : 18px; +} + +P { + clear : both; /* needed for Opera 6.12 */ + color : #333; + float : none; + /* font-size : 11px; */ + line-height : 20px; +} + +A { + background-color : inherit; + /* color : #09c; */ + /* font-weight : 600; */ + /* text-decoration : none; */ +} + +A:link, A:visited { + background-color : inherit; + /* color : #09c; */ + color: #000000; +} + +A:hover { +/* background-color : #eee; */ +/* color : inherit; */ + color: #7e0079; + text-decoration: underline; +} + +DIV.CurrentPath A:hover { +/* background-color : #ccc; */ +/* color : inherit; */ + color: #7e0079; + text-decoration: underline; +} + + +*.Header { + background-color : #eee; + border-bottom : 1px solid black; + border-left : 0 solid black; + border-right : 0 solid black; + border-top : 1px solid black; + color : inherit; + margin : 1em 0 1em; + padding-bottom : 0; + padding-left : 20px; + padding-right : 0; + padding-top : 17px; +} + + +*.Header A:hover { + background-color : #ccc; + color : inherit; +} + +DIV.LoginInfo { + position : absolute; + right : 1em; + top : 1.5em; + font-size : 9px; + text-align : right; +} + +DIV.LoginInfo SPAN.UserName { + display : block; +} + +DIV.LoginInfo SPAN.Logout { + display : block; +} + +SPAN.Logout A { + font-size : 9px; +} + +DIV.CurrentTime { + float: right; + font-size : 9px; + padding-right: 1em; + text-align: right; +} + +*.Content, *.SingleColumnContent { + display : block; + float : left; + margin-bottom : 20px; + margin-left : 0px; + margin-right : 0px; + margin-top : 0; + padding-bottom : 10px; + padding-left : 10px; + padding-right : 10px; + padding-top : 10px; +} + +*.SingleColumnContent { + padding-right : 0px; + width : 100%; +} + +*.Content { + padding-right : 0px; + width : 70%; +} + +DIV.PathMenu { + background-color : #eee; +/* border-bottom : 1px dashed #999; + border-left : 1px dashed #999; + border-right : 1px dashed #999; + border-top : 1px dashed #999; */ + border-bottom : none; + border-left : none; + border-right : none; + border-top : 1px solid #7e0079; + color : inherit; + float : left; + line-height : 17px; + margin-left : 5px; + padding-bottom : 10px; + padding-left : 10px; + padding-right : 10px; + padding-top : 10px; + position : relative; + min-width : 15%; /* does not work in IE6 */ +} + +SPAN.PathElement { + display : block; +} + +SPAN.TreeName { + font-weight : bold; +} + +*.PathMenu DIV.CurrentTree { + font-size : 10px; + overflow : hidden; + width : 150px; /* compensate unsupported min-width in IE6 */ +} + +*.PathMenuHeader { + font-size : 10px; +} + +*.SingleColumnContent DIV.CurrentTree { + padding-bottom : 5px; +} + +*.SingleColumnContent DIV.CurrentTree { + color : inherit; + font-size : 10px; +} + +DIV.Legend { + background-color : #eee; + color : inherit; + clear : both; + float : none; + font-size : 10px; + margin-bottom : 10px; + position : relative; + width : 90%; +} + +DIV.LegendRow { + clear : both; + float : none; + margin-bottom: 2px; +} + +DIV.LegendRow SPAN.LegendName { + font-weight : bold; + text-align : left; + padding-right : 5px; +} + +DIV.LegendRow SPAN.LegendValue { + text-align : left; +} + +P.Variables SPAN.VariableName { + font-weight : bold; +} + +DIV.Monitors { + clear : both; + float : none; + font-size : 10px; + margin-bottom : 10px; + position : relative; + width : 90%; +} + +SPAN.MonitorName { + padding-left: 20px; + padding-right: 20px; +} + + +DIV.Listing { + clear : both; + float : none; +/* font-size : 11px; */ + margin-bottom : 10px; + width : 90%; +} + +*.ListRow, *.ListRowEven { + clear : both; + margin-top : 3px; +} + +*.ListRowEven { + background-color : #eee; +} + +*.ListRowEven A:hover { + background-color : #ccc; + color : inherit; +} + +DIV.Listing *.NodeName { + display : block; + font-weight : bold; + padding-left : 10px; + text-align : left; +} + +DIV.Listing *.NodeDescr, DIV.Listing *.TokensetDescr { + display : block; + padding-left : 30px; +} + +*.RecursiveListRow { + clear : both; + margin-top : 3px; + margin-left : 20px; + margin-right : 2px; + padding-bottom: 2px; + border: 1px solid #eee; +} + + +DIV.ShortGraph *.NodeDescr { + font-weight : 600; + padding-left : 10px; +} + +DIV.Graph, DIV.ShortGraph { + clear : left; + float : left; + margin-bottom : 10px; + margin-top : 15px; + position : relative; + width : 100%; +} + + +DIV.ShortGraph *.NodeName, DIV.ShortGraph *.NodeDescr { + clear : both; + float : none; + font-size : 11px; + width : 100%; +} + +DIV.ShortGraph IMG { + border-width : 0; + border-color : transparent; + clear : both; + float : left; +} + +/* In tokenset display, short graphs are placed in two + columns: left and right */ + +DIV.ShortLeft, DIV.ShortRight { + margin-bottom : 5px; + page-break-inside : avoid; + position : relative; + width : 50%; +} + +DIV.ShortLeft { + clear : left; + float : left; +} + +DIV.ShortRight { + clear : right; + float : right; +} + + +FORM.LoginForm { + color : #333; + font-size : 11px; + line-height : 20px; + width : 50%; +} + +SPAN.LoginTitle { + float : left; + width : 20%; +} + +SPAN.LoginInput INPUT { + width : 30%; +} + +SPAN.LoginInput INPUT.Remember { + width : auto; +} + + +*.BottomShortcuts { + clear : both; + float : none; + font-size : 11px; + height : 15px; + margin : 25px 0 20px; + padding-bottom : 0; + padding-left : 0; + padding-right : 0; + padding-top : 0; + position : relative; +} + + +*.TopMenu { + font-size : 9px; + padding-left : 1em; +} + +*.BottomMenu { + clear : both; + float : none; + font-size : 9px; + /* height : 15px; */ + margin : 50px 0 0 0; + padding-bottom : 0; + padding-left : 1em; + padding-right : 0; + padding-top : 0; + width : 100%; +} + + + +*.TopMenu A, *.TopMenu A:link, *.TopMenu A:visited, +*.BottomMenu A, *.BottomMenu A:link, *.BottomMenu A:visited { + color: #A1C3CB; + font-size : 9px; +} + + +*.Footer { + background-color : #eee; + border-bottom : 1px solid black; + border-left : 0 solid black; + border-right : 0 solid black; + border-top : 1px solid black; + clear : both; + color : inherit; + float : none; + font-size : 10px; + height : 15px; + line-height : 12px; + margin : 0 0 10px; + padding-bottom : 0; + padding-left : 0; + padding-right : 1em; + padding-top : 0; + text-align : right; +} + +*.Footer A { + font-size : 10px; +} + +*.SiteInfo, *.TreeInfo { + padding-left : 5em; +} + +*.HelpContent { + font-size: 12px; + line-height: 15px; + padding-bottom: 5px; + padding-left: 2em; + padding-right: 2em; + padding-top: 5px; +} + +*.HelpContent P { + font-size: 12px; +} + +*.HelpHeader { + color : #ccc; + font-size : 13px; + font-weight: 800; + margin : 10px 0 10px; +} + +*.HelpFooter { + position: absolute; + bottom: 0; + margin : 0 0 10px; +} + +*.HelpPathHeader { + font-weight: 700; + margin : 10px 0 10px; +} + +*.HelpMessage { + padding-left: 2em; + padding-right: 2em; +} + +*.SetDateDialog { + font-size : 9px; + padding-bottom : 0; + padding-left : 2em; + padding-right : 2em; + padding-top : 0; +} + +*.SetDateDialog FORM { + display : inline; +} + +*.SetDateDialog INPUT { + font-size : 9px; +} + + +*.SearchDialog { +/* font-size : 9px; */ + padding-bottom : 0; + padding-left : 2em; + padding-right : 2em; + padding-top : 0; +} + +*.SearchDialog FORM { + display : inline; +} + +*.SearchDialog INPUT { +/* font-size : 9px; */ +} + + + +*.ErrorMessage { + color : red; + height : 15px; +} |