luca0N/Stairway-js
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Rename CSS filename

Browse source
This commit is contained in:
luca0N! 2021-05-30 02:44:25 -03:00
parent 0c6295b312
commit b6c22ef153
Signed by: luca0N
GPG key ID: 2E7B4655CF16D7D6
3 changed files with 2 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

133
res/Stairway-js.css Normal file
View file

@ -0,0 +1,133 @@
/*
* Stairway.js: a simple JavaScript privacy quiz
* Copyright © 2021 luca0N!
*
* This file is part of Stairway.js.
*
* Stairway.js is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* Stairway.js is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Stairway.js. If not, see <https://www.gnu.org/licenses/>.
*
* E-mail contact: <luca0n@luca0n.com>.
*/
body {
margin-left: 15%;
margin-right: 15%;
}
#results {
display: none;
}
.warning {
color: white;
background-color: orange;
padding: 4px;
}
.badge-small {
padding: 6px 6px 2px 6px;
font-weight: bold;
text-shadow: 0 0 2px #000c;
}
.badge {
padding: 14px;
font-weight: bold;
font-size: 32pt;
box-shadow: 0px 0px 5px gray;
text-shadow: 0 0 2px #000c;
}
.grade-s {
color: white;
background: linear-gradient(#881df9, #881db9);
border-radius: 24px;
}
.grade-a{
color: white;
background: linear-gradient(#50d50d, #0a0);
border-radius: 18px;
}
.grade-b{
color: white;
background: linear-gradient(#afff00, #d4db00);
border-radius: 12px;
}
.grade-c{
color: white;
background: linear-gradient(#ff0, #fc0);
border-radius: 8px;
}
.grade-d{
color: white;
background: linear-gradient(#f4a50d, #f36d0c);
border-radius: 6px;
}
.grade-e{
color: white;
background: linear-gradient(#ff7800, #bd0000);
border-radius: 4px;
}
.grade-f{
color: white;
background: linear-gradient(#ca0000, #4a0000);
}
.section-question {
margin-top: 32px;
margin-bottom: 32px;
padding: 15px;
border-style: dashed;
}
#warning {
display: none;
}
#quiz-title, #quiz-author {
display: none;
}
.question {
font-weight: bold;
}
.section-report {
margin-top: 12px;
padding: 15px;
border: solid;
}
.report {
font-weight: bold;
}
.report-class {
padding: 4px 4px 0px 4px;
text-shadow: 0 0 2px #0005;
box-shadow: 2px 2px 2px #0004;
}
.report-good {
color: white;
background-color: #3C0;
}
.report-warning {
background-color: yellow;
}
.report-bad {
background-color: orange;
}
.report-critical {
color: white;
background-color: red;
}