71 lines
1.5 KiB
CSS
71 lines
1.5 KiB
CSS
:root {
|
|
/* Color taken from https://fandom.com */
|
|
--fandom-redlink: #ba0000;
|
|
}
|
|
|
|
|
|
/* General definitions */
|
|
a.red-link {
|
|
color: var(--fandom-redlink);
|
|
}
|
|
|
|
|
|
/* Messages */
|
|
#global-message,
|
|
#shared-status-card {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
|
|
/* Welcome */
|
|
#welcome-part {
|
|
align-items: start;
|
|
}
|
|
|
|
|
|
/* Trackings table */
|
|
.placeholder {
|
|
font-style: italic;
|
|
}
|
|
|
|
#filter-trackings-query {
|
|
width: unset;
|
|
}
|
|
|
|
#trackings-wrapper {
|
|
max-height: 54rem;
|
|
/*noinspection CssUnresolvedCustomProperty*/
|
|
margin-bottom: var(--typography-spacing-vertical);
|
|
|
|
border-bottom: .1rem solid #e1e1e1;
|
|
overflow-y: scroll;
|
|
|
|
/* Shows scrolling shadows. Adapted from https://css-tricks.com/books/greatest-css-tricks/scroll-shadows/ */
|
|
/*noinspection CssUnresolvedCustomProperty*/
|
|
background: linear-gradient(white 30%, rgba(255, 255, 255, 0)) no-repeat local center calc(var(--spacing) + 1.6em),
|
|
linear-gradient(rgba(255, 255, 255, 0), white 70%) no-repeat local center bottom,
|
|
radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) no-repeat scroll center calc(var(--spacing) + 1.6em),
|
|
radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) no-repeat scroll center bottom;
|
|
background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
|
|
}
|
|
|
|
#trackings {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#trackings thead {
|
|
position: sticky;
|
|
top: 0;
|
|
background: white;
|
|
}
|
|
|
|
#trackings td {
|
|
padding-top: 0.6rem;
|
|
padding-bottom: 0.6rem;
|
|
}
|
|
|
|
#trackings form,
|
|
#trackings button {
|
|
margin-bottom: unset;
|
|
}
|