mirror of
https://github.com/Telecominfraproject/wlan-lanforge-scripts.git
synced 2025-11-03 04:07:52 +00:00
Reporting: adds font, standard and custom css files for report template
Signed-off-by: Jed Reynolds <jed@candelatech.com>
This commit is contained in:
Jed Reynolds
BIN
py-scripts/artifacts/CenturyGothic.woff
Executable file
BIN
py-scripts/artifacts/CenturyGothic.woff
Executable file
Binary file not shown.
11
py-scripts/artifacts/custom-example.css
Normal file
11
py-scripts/artifacts/custom-example.css
Normal file
@@ -0,0 +1,11 @@
|
||||
/* file reserved for customer styling of reports */
|
||||
/* rename to custom.css to take effect */
|
||||
|
||||
.TitleFont {}
|
||||
.HeaderFont {}
|
||||
.TableFont {}
|
||||
.TableBorder {}
|
||||
.ImgStyle {}
|
||||
.HeaderStyle {}
|
||||
.FooterStyle {}
|
||||
/* eof */
|
||||
288
py-scripts/artifacts/report.css
Normal file
288
py-scripts/artifacts/report.css
Normal file
@@ -0,0 +1,288 @@
|
||||
html, body,div {
|
||||
margin: 0;
|
||||
padding:0;
|
||||
font-size: 14px;
|
||||
}
|
||||
h1,h2,h3,h4 {
|
||||
padding: 0em;
|
||||
line-height: 1.5;
|
||||
text-align: left;
|
||||
color: rgb(42,91,41);
|
||||
}
|
||||
@font-face {
|
||||
font-family: CenturyGothic;
|
||||
src: url("CenturyGothic.woff"),
|
||||
url("images/CenturyGothic.woff"),
|
||||
url("/images/CenturyGothic.woff"),
|
||||
url("http://www.candelatech.com/images/CenturyGothic.woff");
|
||||
}
|
||||
body,h1,h2,h3,h4 {
|
||||
font-family: CenturyGothic, "Century Gothic", Arial, Helvetica, sans-serif;
|
||||
}
|
||||
h1 { font-size: 30px;}
|
||||
h2 { font-size: 24px;}
|
||||
h3 { font-size: 18px;}
|
||||
h4 { font-size: 14px;}
|
||||
li,pre,tt {
|
||||
text-align: left;
|
||||
}
|
||||
pre {
|
||||
font-size: 10px;
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
background: #e0e0e0;
|
||||
}
|
||||
table, td, th {
|
||||
border: 1px solid gray;
|
||||
padding 4px;
|
||||
}
|
||||
table.noborder, table.noborder td, table.noborder th {
|
||||
border: 0 none;
|
||||
}
|
||||
td {
|
||||
background: white;
|
||||
}
|
||||
td.ar {
|
||||
text-align: right;
|
||||
}
|
||||
th {
|
||||
color: rgb(42,91,41);
|
||||
text-align: center;
|
||||
}
|
||||
#lf_title {
|
||||
text-align: center;
|
||||
background-image: url(candela_swirl_small-72h.png);
|
||||
background-position: right;
|
||||
background-repeat: no-repeat;
|
||||
height: 90px;
|
||||
}
|
||||
#new_chart {
|
||||
display: block;
|
||||
height: 250px;
|
||||
min-width: 200px;
|
||||
width: 80%;
|
||||
border: 1px solid black;
|
||||
margin: 14px auto;
|
||||
padding: 14px;
|
||||
vertical-align: bottom;
|
||||
text-align: center;
|
||||
}
|
||||
.lf_chart {
|
||||
margin: 1em;
|
||||
padding: 5px;
|
||||
}
|
||||
#error_types ul {
|
||||
background: #f0f0f0;
|
||||
font-size: 12px;
|
||||
line-height: 1.5;
|
||||
margin: 1em;
|
||||
padding: 0.25em inherit 0.25em inherit;
|
||||
max-height: 8em;
|
||||
overflow: auto;
|
||||
}
|
||||
li {
|
||||
line-height: 1.5;
|
||||
}
|
||||
.contentDiv {
|
||||
min-width: 800px;
|
||||
max-width: 8in;
|
||||
margin: 1em auto;
|
||||
padding: 0;
|
||||
}
|
||||
.ct-point {
|
||||
stroke-width: 6px;}
|
||||
|
||||
.o_el {
|
||||
display: inline-block;
|
||||
width: 100px;
|
||||
height: 230px;
|
||||
border: none;
|
||||
margin: 1px 1px 16px 1px;
|
||||
padding: 10px 10px 0 10px;
|
||||
background: #eee;
|
||||
text-align: center;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
.bar_el {
|
||||
display: block;
|
||||
background: green;
|
||||
border: none;
|
||||
min-height: 1px;
|
||||
|
||||
margin: 0 0 5px 0;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
}
|
||||
.label_el {
|
||||
color: black;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
font-family: Arial,Helvetica,sans-serif,mono;
|
||||
margin: 1px;
|
||||
text-align: center;
|
||||
vertical-align: bottom;
|
||||
width: inherit;
|
||||
}
|
||||
.value_el {
|
||||
font-family: Arial,Helvetica,sans-serif,mono;
|
||||
color: black;
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
margin: 0 auto;
|
||||
padding: none;
|
||||
border: none;
|
||||
background: white;
|
||||
text-align: center;
|
||||
vertical-align: bottom;
|
||||
width: auto;
|
||||
}
|
||||
.value_el>span {
|
||||
background: #f0f0f0a0;
|
||||
border: 1px solid #f0f0f0a0;
|
||||
border-radius: 5px;
|
||||
padding: 1px;
|
||||
min-width: 2em;
|
||||
}
|
||||
.error {
|
||||
color: red;
|
||||
}
|
||||
|
||||
@media only screen {
|
||||
.hideFromPrint { }
|
||||
.hideFromScreen { display:none; }
|
||||
}
|
||||
@media only print {
|
||||
.hideFromScreen { }
|
||||
.hideFromPrint { display:none; }
|
||||
}
|
||||
|
||||
/* these styles will get overridden by custom.css */
|
||||
#Banner {
|
||||
background-image:url("banner.png");
|
||||
background-repeat:no-repeat;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
min-width: 1000px;
|
||||
min-height: 205px;
|
||||
width: 1000px;
|
||||
height: 205px;
|
||||
max-width: 1000px;
|
||||
max-height: 205px;
|
||||
}
|
||||
#BannerLogo {
|
||||
text-align: right;
|
||||
padding: 25px;
|
||||
margin: 5px;
|
||||
width: 200px;
|
||||
border: none;
|
||||
}
|
||||
.TitleFontScreen {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 0.2em;
|
||||
font-size: 50px;
|
||||
padding-top: 1em;
|
||||
}
|
||||
|
||||
.TitleFontPrint {
|
||||
line-height: 1;
|
||||
margin-left: 0px;
|
||||
margin-right: auto;
|
||||
margin-top: 0.5em;
|
||||
margin-bottom: 0.2em;
|
||||
padding-top: 20px;
|
||||
padding-left: 20px;
|
||||
color: darkgreen;
|
||||
}
|
||||
|
||||
.TitleFontPrintSub {
|
||||
line-height: 1;
|
||||
margin-left: 0px;
|
||||
margin-right: auto;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
/*font-size: 20px; Let 'h3', etc control this */
|
||||
padding-top: 0px;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.HeaderFont {}
|
||||
.TableFont {}
|
||||
.TableBorder {}
|
||||
.ImgStyle {}
|
||||
div.Section h1, div.Section h2 {
|
||||
margin: 0 0 0 0em;
|
||||
}
|
||||
div.HeaderStyle h1, div.HeaderStyle h2 {
|
||||
text-align: left;
|
||||
margin: 0 0 0 0;
|
||||
max-width: 8in;
|
||||
min-width: 800px;
|
||||
}
|
||||
div.Section {
|
||||
padding 5px;
|
||||
position: relative;
|
||||
}
|
||||
div.Section img {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
div.FooterStyle {
|
||||
width: 100%;
|
||||
vertical-align: middle;
|
||||
border: 0 none;
|
||||
border-top: 2px solid #2A5B29;
|
||||
color: #2A5B29;
|
||||
font-size: 12px;
|
||||
margin-top: 2em;
|
||||
}
|
||||
div.FooterStyle img {
|
||||
width: auto;
|
||||
height: auto;
|
||||
text-align: right;
|
||||
}
|
||||
div.FooterStyle span.Gradient {
|
||||
background: white;
|
||||
color: #2A5B29;
|
||||
display: inline-block;
|
||||
height: 30px;
|
||||
line-height: 1;
|
||||
padding-top: 22px;
|
||||
padding-bottom: 20px;
|
||||
padding-left: 2em;
|
||||
vertical-align: middle;
|
||||
max-width:80%;
|
||||
float:left;
|
||||
width:50%;
|
||||
}
|
||||
.FooterStyle a, .FooterStyle a:visited {
|
||||
color: #2A5B29;
|
||||
font-size: 12px;
|
||||
line-height: 1;
|
||||
height: 30px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
vertical-align: middle;
|
||||
}
|
||||
div.FooterStyle a.LogoImgLink {
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
float: right;
|
||||
}
|
||||
a .LogoImgLink {
|
||||
}
|
||||
a.LogoImgLink img {
|
||||
}
|
||||
|
||||
table.dataframe {
|
||||
margin: 1em;
|
||||
padding: 0;
|
||||
}
|
||||
table.dataframe tr th {
|
||||
padding: 0.5em;
|
||||
}
|
||||
Reference in New Issue
Block a user