Skip to content

Instantly share code, notes, and snippets.

@bsmithyman
Created February 10, 2016 01:33
Show Gist options
  • Save bsmithyman/78b59212666178831d06 to your computer and use it in GitHub Desktop.
Save bsmithyman/78b59212666178831d06 to your computer and use it in GitHub Desktop.
vnstat PHP frontend EdgeOS theme
body
{
background-color: #3f3f3f;
margin: 8px;
padding: 0;
}
#content
{
width: 898px;
}
#sidebar
{
background-color: #eaeaea;
position: absolute;
left: 8px;
top: 8px;
width: 160px;
border-right: 1px solid #4f4f4f;
border-collapse: collapse;
float: left;
}
#sidebar ul.iface
{
margin: 0px;
padding: 0px;
border-top: 1px solid #4f4f4f;
background-color: #eaeaea;
color: #4f4f4f;
}
#sidebar li.iface
{
list-style-type: none;
text-align: center;
margin: 0px;
padding: 2px;
font-family: 'Open Sans', 'Trebuchet MS', Verdana, sans-serif;
font-size: 1em;
font-weight: bold;
border-bottom: 1px solid #4f4f4f;
}
#sidebar a
{
font-family: 'Open Sans','Trebuchet MS', Verdana, sans-serif;
font-size: 1em;
font-weight: bold;
}
#sidebar ul.page
{
margin: 0px;
padding: 0px;
border-top: 1px solid #4f4f4f;
}
#sidebar li.page
{
list-style-type: none;
margin: 0px;
padding: 4px;
border: none;
font-family: 'Open Sans','Trebuchet MS', Verdana, sans-serif;
font-size: 0.75em;
font-weight: normal;
text-align: right;
background-color: #ffffff;
color: #4f4f4f;
}
#header
{
width: 720px;
margin-left: 160px;
padding: 0px 8px 0px 8px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #4f4f4f;
border-collapse: collapse;
background-color: #eaeaea;
color: #4f4f4f;
font-family: 'Open Sans','Trebuchet MS', Verdana, sans-serif;
font-size: 1em;
font-weight: bold;
text-align: center;
}
#footer
{
width: 720px;
margin-left: 160px;
padding: 2px 8px 2px 8px;
border-width: 1px 1px 1px 1px;
border-style: solid;
border-color: #4f4f4f;
border-collapse: collapse;
background-color: #eaeaea;
color: #4f4f4f;
font-family: 'Open Sans','Trebuchet MS', Verdana, sans-serif;
font-size: 0.70em;
text-align: center;
}
#main
{
background-color: #dbdbdb;
width: 720px;
margin-left: 160px;
padding: 8px 8px 8px 8px;
border-left: 1px solid #4f4f4f;
border-right: 1px solid #4f4f4f;
border-collapse: collapse;
}
#main td
{
font-family: 'Open Sans','Trebuchet MS', Verdana, sans-serif;
font-size: 0.8em;
}
#main td.numeric_odd
{
text-align: right;
background-color: #f5f5f5;
color: #4f4f4f;
}
#main td.numeric_even
{
text-align: right;
background-color: #eaeaea;
color: #4f4f4f;
}
#main td.label_odd
{
text-align: center;
background-color: #696969;
color: #eaeaea;
padding: 2px;
}
#main td.label_even
{
text-align: center;
background-color: #595959;
color: #eaeaea;
padding: 2px;
}
#main th.label
{
font-family: 'Open Sans','Trebuchet MS', Verdana, sans-serif;
font-size: 1em;
font-weight: bold;
background-color: #626262;
color: #eaeaea;
}
#main caption
{
font-family: 'Open Sans','Trebuchet MS', Verdana, sans-serif;
font-size: 1.25em;
font-weight: bold;
padding: 4px;
color: #4f4f4f;
}
a
{
text-decoration: none;
color: #4f4f4f;
}
<?php
// Colorscheme based on Ubiquiti EdgeOS UI
// by Brendan Smithyman
$colorscheme = array(
'image_background' => array( 255, 255, 255, 0 ),
'graph_background' => array( 234, 234, 234, 30 ),
'graph_background_2' => array( 245, 245, 245, 30 ),
'grid_stipple_1' => array( 79, 79, 79, 0 ),
'grid_stipple_2' => array( 79, 79, 79, 0 ),
'border' => array( 79, 79, 79, 0 ),
'text' => array( 79, 79, 79, 0 ),
'rx' => array( 233, 127, 2, 50 ),
'rx_border' => array( 233, 127, 2, 90 ),
'tx' => array( 189, 21, 80, 50 ),
'tx_border' => array( 189, 21, 80, 90 )
);
?>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment