diff options
| author | Julian Hurst <ark@mansus.space> | 2025-04-14 01:49:03 +0200 |
|---|---|---|
| committer | Julian Hurst <ark@mansus.space> | 2025-04-14 01:49:03 +0200 |
| commit | 6b57b3f77cec3165ef2224b4345b2c23dbb89684 (patch) | |
| tree | 1f246c73fb9e0ab50d6252074260c8f6aca2be36 /static/style.css | |
| download | grimg-master.tar.gz | |
Diffstat (limited to 'static/style.css')
| -rw-r--r-- | static/style.css | 62 |
1 files changed, 62 insertions, 0 deletions
diff --git a/static/style.css b/static/style.css new file mode 100644 index 0000000..04b2921 --- /dev/null +++ b/static/style.css @@ -0,0 +1,62 @@ +ul { + list-style-type: none; + padding: 0px; +} + +li > a > div { + padding: 20px; + background: #ccc; + border: 1px solid black; + text-align: center; + transition: background 0.5s; +} + +li > a > div:hover { + background: #bbb; +} + +#container { + display: grid; + grid-auto-rows: auto; + align-items: center; +} + + +@media only screen and (min-width: 1224px) { + #container { + grid-template-columns: auto auto auto auto auto; + } +} + +@media only screen and (min-width: 1440px) { + #container { + grid-template-columns: auto auto auto auto auto auto auto; + } +} + +@media only screen and (max-width: 1224px) { + #container { + display: grid; + grid-template-columns: auto auto auto; + grid-auto-rows: auto; + align-items: center; + } +} + +.img { + margin: auto; + display: inline-grid; + align-content: center; + height: 100%; + border: 1px solid black; + transition: filter 0.5s, background 0.5s; +} + +.img:hover { + background: #ccc; + filter: brightness(85%); +} + +img { + width: 100%; +} |
