[2024-08-16] Add concrete.css
This commit is contained in:
parent
5b717ddf11
commit
4af1e7b745
2 changed files with 444 additions and 40 deletions
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue