mirror of
https://github.com/Telecominfraproject/wlan-lanforge-scripts.git
synced 2025-11-02 03:37:55 +00:00
report.css: adds styling particular to lf_check.py report
- makes dates and times not wrap in their table cells - adds space to table cells - de-emphasizes scriptdetails class - adds cursor hover qualities to scriptdetails tt tag - adds rollover copy button styling Signed-off-by: Jed Reynolds <jed@candelatech.com>
This commit is contained in:
@@ -36,12 +36,17 @@ table {
|
|||||||
table, td, th {
|
table, td, th {
|
||||||
border: 1px solid gray;
|
border: 1px solid gray;
|
||||||
padding 4px;
|
padding 4px;
|
||||||
|
background: white;
|
||||||
}
|
}
|
||||||
table.noborder, table.noborder td, table.noborder th {
|
table.noborder, table.noborder td, table.noborder th {
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
}
|
}
|
||||||
|
tr {
|
||||||
|
background: white;
|
||||||
|
}
|
||||||
td {
|
td {
|
||||||
background: white;
|
background: white;
|
||||||
|
padding: 6px;
|
||||||
}
|
}
|
||||||
td.ar {
|
td.ar {
|
||||||
text-align: right;
|
text-align: right;
|
||||||
@@ -50,6 +55,9 @@ th {
|
|||||||
color: rgb(42,91,41);
|
color: rgb(42,91,41);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
td a, td a:visited {
|
||||||
|
color: #005500;
|
||||||
|
}
|
||||||
#lf_title {
|
#lf_title {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-image: url(candela_swirl_small-72h.png);
|
background-image: url(candela_swirl_small-72h.png);
|
||||||
@@ -192,7 +200,7 @@ li {
|
|||||||
background-image:url("banner.png");
|
background-image:url("banner.png");
|
||||||
background-repeat:no-repeat;
|
background-repeat:no-repeat;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 1em;
|
margin: 0 1em;
|
||||||
min-width: 1000px;
|
min-width: 1000px;
|
||||||
min-height: 205px;
|
min-height: 205px;
|
||||||
width: 1000px;
|
width: 1000px;
|
||||||
@@ -270,7 +278,7 @@ div.Section img {
|
|||||||
top: 50%;
|
top: 50%;
|
||||||
transform: translateY(-50%);
|
transform: translateY(-50%);
|
||||||
}
|
}
|
||||||
div.FooterStyle {
|
footer.FooterStyle, div.FooterStyle {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
border: 0 none;
|
border: 0 none;
|
||||||
@@ -279,12 +287,12 @@ div.FooterStyle {
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
margin-top: 2em;
|
margin-top: 2em;
|
||||||
}
|
}
|
||||||
div.FooterStyle img {
|
footer.FooterStyle img, div.FooterStyle img {
|
||||||
width: auto;
|
width: auto;
|
||||||
height: auto;
|
height: auto;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
div.FooterStyle span.Gradient {
|
footer.FooterStyle span.Gradient, div.FooterStyle span.Gradient {
|
||||||
background: white;
|
background: white;
|
||||||
color: #2A5B29;
|
color: #2A5B29;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@@ -307,7 +315,7 @@ div.FooterStyle span.Gradient {
|
|||||||
padding: 0;
|
padding: 0;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
div.FooterStyle a.LogoImgLink {
|
footer.FooterStyle a.LogoImgLink, div.FooterStyle a.LogoImgLink {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
float: right;
|
float: right;
|
||||||
@@ -317,10 +325,52 @@ a .LogoImgLink {
|
|||||||
a.LogoImgLink img {
|
a.LogoImgLink img {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.DateFont {
|
||||||
|
white-space: pre;
|
||||||
|
font-size: smaller;
|
||||||
|
}
|
||||||
|
.TimeFont {
|
||||||
|
white-space: pre;
|
||||||
|
}
|
||||||
|
|
||||||
table.dataframe {
|
table.dataframe {
|
||||||
margin: 1em;
|
margin: 1em;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
table.dataframe tr th {
|
table.dataframe tr th {
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scriptdetails tt {
|
||||||
|
font-size: 10px;
|
||||||
|
overflow: auto;
|
||||||
|
font-family: Consolas,monaco,"Lucida Sans Typewriter","Lucida Typewriter","Courier New",monospace;
|
||||||
|
color: #777;
|
||||||
|
padding: 2px;
|
||||||
|
line-spacing: 1.05;
|
||||||
|
display: block;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
width: inherit;
|
||||||
|
height: inherit;
|
||||||
|
background: inherit;
|
||||||
|
white-space: break-spaces;
|
||||||
|
}
|
||||||
|
.scriptdetails:hover tt {
|
||||||
|
background: #dfd;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
td.scriptdetails {
|
||||||
|
padding: 2px !important;
|
||||||
|
}
|
||||||
|
td.scriptdetails span.copybtn {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
td.scriptdetails:hover span.copybtn {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 5px;
|
||||||
|
font-size: 12px;
|
||||||
|
float: left;
|
||||||
|
color: #050;
|
||||||
|
background: white;
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user