[2024-08-16] Add concrete.css

This commit is contained in:
Andrew Conlin 2024-08-18 10:17:49 +01:00
parent 5b717ddf11
commit 4af1e7b745
2 changed files with 444 additions and 40 deletions

View file

@ -1,47 +1,9 @@
@import "concrete.css";
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;
@ -75,3 +37,29 @@ div.content {
position: relative;
}
}
progress {
width: 75%;
margin-left: auto;
margin-right: auto;
}
div.left {
border: 2px solid black;
width: fit-content;
height: fit-content;
padding: 5px;
position: relative;
margin-left: 0;
margin-right: auto;
}
div.right {
border: 2px solid black;
width: fit-content;
height: fit-content;
padding: 5px;
position: relative;
margin-left: auto;
margin-right: 0;
}