demostf/frontend
1
0
Fork 0
mirror of https://codeberg.org/demostf/frontend.git synced 2026-06-03 18:24:12 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

demo list and page

Browse source
This commit is contained in:
Robin Appelman 2023-04-08 17:07:40 +02:00
commit 667f5eae04
32 changed files with 4784 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

95
style/pages/index.css Normal file
View file

@ -0,0 +1,95 @@
.demolist {
width: 100%;
text-align: left;
border: none;
border-collapse: collapse;
& tbody {
width: 100%;
}
& th {
font-weight: bold;
}
& td, & th {
display: table-cell;
padding: 9px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
}
& td.title {
max-width: 0px;
}
& td.date {
width: 120px;
}
& td.duration {
width: 90px;
max-width: 90px;
text-align: right;
}
& td.format {
width: 75px;
text-align: right;
}
& td.map {
width: 180px;
}
& tr:nth-child(even) {
background-color: var(--primary-color-accent);
}
}
.search {
padding-bottom: 10px;
}
.listType {
line-height: 62px;
& > span {
vertical-align: top;
}
}
.deleted-demo {
background-color: rgba(255, 0, 0, 0.5);
text-align: center;
margin: -10px -30px 0;
padding: 20px;
font-size: 1.1em;
font-weight: bold;
}
@media (max-width: 950px) {
.demolist .format {
display: none;
}
}
@media (max-width: 850px) {
.demolist .duration {
display: none;
}
}
@media (max-width: 750px) {
.demolist .date {
display: none;
}
}
@media (max-width: 550px) {
.demolist .map {
display: none;
}
}