Arav/dwelling-files
1
0
Fork 0
Code Releases 8 Activity

Styled a new overlay.

Browse Source
This commit is contained in:
Alexander Andreev 2022-09-20 03:38:35 +04:00
parent fa8f439dec
commit 5a47a0a5e1
Signed by: Arav
GPG Key ID: 0388CC8FAA51063F
1 changed files with 35 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
web/assets/css/main.css
View File

@ -105,8 +105,9 @@ section { margin-top: 1rem; }
align-items: center;
background-color: var(--overlay-background-color);
display: flex;
flex-direction: column;
height: 100%;
flex-direction: row;
height: 100%;
justify-content: space-between;
left: 0;
max-height: 100%;
position: fixed;
@ -114,18 +115,39 @@ section { margin-top: 1rem; }
visibility: hidden;
width: 100%; }
#overlay video,
#overlay audio,
#overlay img {
#overlay div {
align-items: center;
display: flex;
height: 100%;
width: 100%;
z-index: 9999; }
#overlay :is(video, audio, img) {
margin: auto;
max-height: 100%;
max-width: 86%;
}
max-width: 86%; }
#overlay span {
bottom: 0;
color: var(--background-color);
left: 0;
position: fixed;
text-shadow: 0 0 .3rem var(--secondary-color);
}
z-index: 999; }
#overlay button {
background: none;
border: none;
color: var(--background-color);
font: inherit;
font-size: 2rem;
padding: 0 1rem;
height: 100%;
z-index: 999; }
#overlay button:hover {
background-color: var(--background-color);
color: var(--primary-color); }
table { overflow-y: scroll; width: 100%; }
@ -153,25 +175,15 @@ td a:hover { transition: none; }
td:nth-child(2),
td:last-child { white-space: nowrap; }
thead tr th.clickable {
cursor: pointer;
}
thead tr th.clickable { cursor: pointer; }
thead tr th.clickable:hover {
color: var(--secondary-color);
}
thead tr th.clickable:hover { color: var(--secondary-color); }
thead tr th.clickable:not(.sort-up):not(.sort-down)::after {
content: '⇅';
}
thead tr th.clickable:not(.sort-up):not(.sort-down)::after { content: '⇅'; }
thead tr th.clickable.sort-up::after {
content: '↑';
}
thead tr th.clickable.sort-up::after { content: '↑'; }
thead tr th.clickable.sort-down::after {
content: '↓';
}
thead tr th.clickable.sort-down::after { content: '↓'; }
footer {
font-size: .8rem;