mirror of
https://koodu.h-i.works/projects/thebadspace
synced 2025-05-06 14:41:02 -05:00
c13f144e20
Added some preliminary Bad Spade stats to the index to set up a space
for additional information to be shared in the future. Starting with an
accurate display of locations tracked, Current Sources count and
last update date
86 lines
1.5 KiB
CSS
86 lines
1.5 KiB
CSS
section[role="listings"] {
|
|
background: var(--primary);
|
|
width: 100%;
|
|
max-width: 600px;
|
|
padding: 10px;
|
|
margin: 0 auto;
|
|
color: var(--white);
|
|
}
|
|
|
|
section[role="listings"] a {
|
|
color: var(--highlight);
|
|
font-size: 2em;
|
|
font-weight: bold;
|
|
border: 0;
|
|
}
|
|
|
|
section[role="listings"] a label {
|
|
color: var(--secondary);
|
|
font-size: 0.3em;
|
|
text-decoration: underline;
|
|
font-family: var(--mono-type);
|
|
}
|
|
|
|
section[role="listings"] a:hover {
|
|
color: var(--white);
|
|
}
|
|
|
|
section[role="listings"] div[role="paginate"] {
|
|
padding: 5px;
|
|
}
|
|
|
|
section[role="listings"] div[role="paginate"] span {
|
|
vertical-align: super;
|
|
font-weight: bold;
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
a.list-link {
|
|
display: grid;
|
|
grid-template-columns: 70px 80% 80px 80px;
|
|
gap: 10px;
|
|
width: 90%;
|
|
height: 45px;
|
|
padding-bottom: 20px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
a.list-link > .item-rating {
|
|
background: var(--secondary);
|
|
border-radius: 3px;
|
|
color: var(--white);
|
|
font-weight: 500;
|
|
padding: 10px;
|
|
}
|
|
|
|
a.list-link > .item-name {
|
|
background: var(--white);
|
|
border-radius: 3px;
|
|
color: var(--black);
|
|
font-weight: 400;
|
|
padding: 9px 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
a.list-link > .item-silence {
|
|
background: var(--silence);
|
|
border-radius: 3px;
|
|
color: var(--black);
|
|
font-weight: 500;
|
|
padding: 10px;
|
|
}
|
|
|
|
a.list-link > .item-block {
|
|
background: var(--suspend);
|
|
border-radius: 3px;
|
|
color: var(--black);
|
|
font-weight: 500;
|
|
padding: 10px;
|
|
}
|
|
|
|
a.list-link > .item-silence > .item-icon,
|
|
a.list-link > .item-block > .item-icon {
|
|
width: 30px;
|
|
vertical-align: top;
|
|
}
|