museum-digital/csvxml
35
0
Fork 0
Code Issues 3 Pull Requests Releases Activity

Set serviceWorker to allow offline usage

Browse Source 
Close #15, close #14
This commit is contained in:
Joshua Ramon Enslin
2022-11-07 03:55:07 +01:00
parent 3e4554f759
commit 326af61836
10 changed files with 172 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
public/assets/css/csvxml.css
View File

@ -36,7 +36,7 @@ body { margin: 2em; background: var(--color-bg-normal);
a { text-decoration: none; color: inherit; }
h1 { display: block; max-width: 600px; margin: 0 auto 1.5em auto; }
h1 { display: block; max-width: 600px; margin: 0 auto 1.5em auto; line-height: 1.2em; }
h1 > * { display: inline-block; vertical-align: middle; color: var(--color-fg-less); }
h1 img { height: 2em; margin-right: .5em; border-radius: .1em; opacity: .7; transition: opacity .4s; }
h1 img:hover { opacity: 1; }
@ -106,13 +106,13 @@ ul.fieldList > li:hover { background: var(--color-bg-normal); border-color: var(
ul.fieldList > li.requiredField:before { display: inline-block; content: " \002612 "; margin-right: .5em; }
ul.fieldList > li.humanTLToggled { border-color: var(--color-accent-hover); background: var(--color-accent-hover); box-shadow: 0 8px 6px -6px black; }
.options > a.buttonLike { display: inline-block; width: auto;
.options > .buttonLike { display: inline-block; width: auto;
margin: .15em 0; padding: .4em .5em;
text-transform: inherit; cursor: pointer;
background: initial; border: 2px solid var(--color-borders);
opacity: 1;
transition: background .4s, opacity .4s; }
.options > a.buttonLike:hover { background: var(--color-borders); }
.options > .buttonLike:hover { background: var(--color-borders); }
.actionList { margin: 1em 0 1em 1em; padding: .5em 0; }
.actionList > li a { display: inline-block; padding: .3em; border-radius: .3em; transition: background .4s; }
@ -135,6 +135,11 @@ ul.fieldList > li.humanTLToggled { border-color: var(--color-accent-hover); back
to { transform: rotate(360deg); }
}
@media screen and (max-width: 75em) {
body { font-size: 1.08em; }
h1 img { display: none; }
}
/* =============
| Dark mode
|============ */