diff options
| author | Fuwn <[email protected]> | 2022-03-08 05:56:17 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2022-03-08 05:56:17 -0800 |
| commit | 89b902d193de0320ea962cf83683b29470763cde (patch) | |
| tree | 194ecdc7f671521536a021ae63f0d717159e2d53 /src/app.css | |
| download | frontend-next-89b902d193de0320ea962cf83683b29470763cde.tar.xz frontend-next-89b902d193de0320ea962cf83683b29470763cde.zip | |
feat(frontend-next): 0.1.0 :star:
Diffstat (limited to 'src/app.css')
| -rw-r--r-- | src/app.css | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/src/app.css b/src/app.css new file mode 100644 index 0000000..995e9cd --- /dev/null +++ b/src/app.css @@ -0,0 +1,73 @@ +/* + * This file is part of frontend-next <https://github.com/senpy-club/frontend-next>. + * Copyright (C) 2022-2022 Fuwn <[email protected]> + * + * This program is free software: you can redistribute it and/or modify + * it under the terms of the GNU General Public License as published by + * the Free Software Foundation, version 3. + * + * This program is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU + * General Public License for more details. + * + * You should have received a copy of the GNU General Public License + * along with this program. If not, see <http://www.gnu.org/licenses/>. + * + * Copyright (C) 2022-2022 Fuwn <[email protected]> + * SPDX-License-Identifier: GPL-3.0-only + */ + +@import "normalize.css/normalize.css"; +@import "sakura.css/css/sakura-dark.css"; + +html { + scroll-behavior: smooth; + overflow: scroll; + overflow-x: hidden; +} +body { + max-width: 58em; +} + +img { + border-radius: 5px; +} + +#random-image img { + height: 20em; + transition: 0.25s; +} +#random-image img:hover { + height: 22.5em; + opacity: 0.75; +} +#random-image a:hover { + border-bottom: none; +} + +::-webkit-scrollbar { + width: 0; + background: transparent; +} + +.image-rack { + text-align: center; + list-style-type: none; +} + +#image-rack-item { + display: inline; + padding: 10px; +} +#image-rack-item a:hover { + border-bottom: none; +} +#image-rack-item img { + width: 20%; + transition: 0.25s; +} +#image-rack-item img:hover { + opacity: 0.75; + width: 25%; +} |