sbrl-github/Pepperminty-Wiki
sbrl-github
/
Pepperminty-Wiki
mirror of https://github.com/sbrl/Pepperminty-Wiki.git
1
0
Fork 0
Code

theme/photo: fix theme gallery & curb massive images/videos/audio

This commit is contained in:
Starbeamrainbowlabs 2020-05-09 15:41:04 +01:00
parent 260cd6d4b4
commit fd3edb4fcb
Signed by: sbrl
GPG Key ID: 1BE5172E637709C2
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
themes/photo/theme.css
View File

@ -110,7 +110,8 @@ table { border-collapse: collapse; }
tr:nth-child(2n) { background: var(--bg-a); }
th, td { padding: 0.25em 0.45em; }
pre, code, input, textarea { font-size: 1rem; }
pre, code, input, textarea { font-size: 1rem; }
img, video, audio { max-width: 100%; }
main label { font-weight: bold; display: inline-block; min-width: 12em; }
@ -136,8 +137,9 @@ textarea, input:not([type=submit]):not([type=button]) {
box-shadow: inset 0 0 0.5em var(--shadow-a);
}
input[type=submit].large { width: 100%; }
input[type=submit] {
width: 100%; box-sizing: border-box;
box-sizing: border-box;
margin: 0.25em 0;
padding: 0.1em 0.25em;
font-weight: bold;
@ -189,6 +191,13 @@ input[type=submit] {
font-size: 1.25em; color: var(--text-b);
}
.grid-large { display: grid; grid-template-columns: repeat(auto-fit, minmax(20em, 1fr)); grid-auto-rows: min-content; grid-gap: 1em; justify-content: center;}
.theme-item { justify-self: center; text-align: center; }
.theme-item label { min-width: auto; }
.stacked-bar { display: flex; }