Updated style
This commit is contained in:
parent
fd377ba8c0
commit
e253939fb0
4 changed files with 105 additions and 67 deletions
|
@ -27,6 +27,16 @@ html {
|
|||
body {
|
||||
margin-left: 15%;
|
||||
margin-right: 15%;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
|
||||
background-color: #bfc0cd;
|
||||
}
|
||||
|
||||
.content {
|
||||
background-color: #fff;
|
||||
padding: 24px;
|
||||
box-shadow: 0 0 32px #0004;
|
||||
}
|
||||
|
||||
#results {
|
||||
|
@ -104,7 +114,12 @@ body {
|
|||
margin-top: 32px;
|
||||
margin-bottom: 32px;
|
||||
padding: 15px;
|
||||
border-style: dashed;
|
||||
background-color: #feffea;
|
||||
box-shadow: 0 0 12px #0004;
|
||||
}
|
||||
|
||||
.section-question:hover {
|
||||
box-shadow: 0 0 24px #0008;
|
||||
}
|
||||
|
||||
#warning {
|
||||
|
@ -127,7 +142,24 @@ body {
|
|||
.section-report {
|
||||
margin-top: 12px;
|
||||
padding: 15px;
|
||||
border: solid;
|
||||
box-shadow: 0 0 12px #0004;
|
||||
}
|
||||
|
||||
.section-report-good {
|
||||
background-color: #aaffaa;
|
||||
}
|
||||
.section-report-warning {
|
||||
background-color: #ffa;
|
||||
}
|
||||
.section-report-bad {
|
||||
background-color: #ffd79f;
|
||||
}
|
||||
.section-report-critical {
|
||||
background-color: #fcc;
|
||||
}
|
||||
|
||||
.advisory {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.report-title {
|
||||
|
@ -144,8 +176,9 @@ body {
|
|||
}
|
||||
.report-warning {
|
||||
background-color: yellow;
|
||||
}
|
||||
|
||||
.report-bad {
|
||||
color: white;
|
||||
background-color: orange;
|
||||
}
|
||||
.report-critical {
|
||||
|
|
|
@ -160,7 +160,7 @@ function setUpStrings(){
|
|||
let report = quiz.reports[choices[x][y]];
|
||||
|
||||
let reportEl = document.createElement('div');
|
||||
reportEl.className = 'section-report';
|
||||
reportEl.className = 'section-report section-report-' + report.type;
|
||||
|
||||
let title = document.createElement('p');
|
||||
title.className = 'report-title';
|
||||
|
@ -194,6 +194,7 @@ function setUpStrings(){
|
|||
if (report.advisory != null && report.advisory != undefined){
|
||||
let p = document.createElement('p');
|
||||
p.innerText = report.advisory;
|
||||
p.className = 'advisory';
|
||||
reportEl.appendChild(p);
|
||||
}
|
||||
|
||||
|
|
Reference in a new issue