ForRo/public/assets/css/front/listing.css
ro c763d749c9 Messaging infrastructure
Put together a quick test to get internal messaging working for appeals
and joining current sources requests. Now that it works, forms that will
leverage messaging will be created.
2024-02-02 12:16:11 -06:00

85 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 1fr 80px 80px;
gap: 10px;
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;
}