andrew/year-progress
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[2024-08-10] Add CSS, templates, and marathon comparison

Browse source
This commit is contained in:
Andrew Conlin 2024-08-10 21:26:41 +01:00
parent fb1bde579d
commit 5b717ddf11
3 changed files with 124 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

77
static/style.css Normal file
View file

@ -0,0 +1,77 @@
body {
font-family: sans-serif;
text-align: center;
}
span.red {
color: white;
background: red;
border-radius: 5px;
padding: 5px;
}
span.orange {
color: white;
background: orange;
border-radius: 5px;
padding: 5px;
}
span.green {
color: white;
background: green;
border-radius: 5px;
padding: 5px;
}
progress {
border-radius: 5px;
width: 80%;
height: 22px;
}
progress::-webkit-progress-bar {
background-color: green;
border-radius: 5px;
}
progress::-webkit-progress-value {
background-color: green;
border-radius: 5px;
}
progress::-moz-progress-bar {
background-color: green;
border-radius: 5px;
}
div.content {
width: 50%;
height: auto;
margin: 0 auto;
position: relative;
}
@media screen and (max-width: 1440px) {
div.content {
width: 60%;
height: auto;
margin: 0 auto;
position: relative;
}
}
@media screen and (max-width: 1080px) {
div.content {
width: 80%;
height: auto;
margin: 0 auto;
position: relative;
}
}
@media screen and (max-width: 768px) {
div.content {
width: 100%;
height: auto;
margin: 0 auto;
position: relative;
}
}