diff options
| author | soryu <soryu@soryu.co> | 2025-12-05 03:17:14 +0000 |
|---|---|---|
| committer | soryu <soryu@soryu.co> | 2025-12-23 14:47:17 +0000 |
| commit | fd9e9fbb9dce8b02646852add46d07e519238abf (patch) | |
| tree | 06a056f4b97040393d947997e9149b880dcae884 /frontend/src/styles | |
| parent | 1c0e171daf26a477dc6a2647718fe3897b65cc3f (diff) | |
| download | soryu-fd9e9fbb9dce8b02646852add46d07e519238abf.tar.gz soryu-fd9e9fbb9dce8b02646852add46d07e519238abf.zip | |
Add Makima modal
Diffstat (limited to 'frontend/src/styles')
| -rw-r--r-- | frontend/src/styles/mobile.css | 4 | ||||
| -rw-r--r-- | frontend/src/styles/pc98.css | 44 |
2 files changed, 48 insertions, 0 deletions
diff --git a/frontend/src/styles/mobile.css b/frontend/src/styles/mobile.css index a36290c..3b2e9c8 100644 --- a/frontend/src/styles/mobile.css +++ b/frontend/src/styles/mobile.css @@ -46,4 +46,8 @@ } .modern-landing-page.manga-style .issue-badge .led-heart::before { top: -3px; } .modern-landing-page.manga-style .issue-badge .led-heart::after { left: 3px; } + + .makima-logo { padding: 14px; } + .makima-list { gap: 4px; } + .makima-list li { font-size: 12px; line-height: 1.45; } } diff --git a/frontend/src/styles/pc98.css b/frontend/src/styles/pc98.css index 83b9c1e..710d11a 100644 --- a/frontend/src/styles/pc98.css +++ b/frontend/src/styles/pc98.css @@ -1903,6 +1903,50 @@ button:focus-visible { 0% { object-position: 50% 0%; } 100% { object-position: 50% 100%; } } + +.makima-screen { + grid-template-rows: auto auto auto; + gap: 14px; +} + +.makima-headline { + color: #d6f2ff; + letter-spacing: 0.75px; +} + +.makima-logo { + object-fit: contain; + background: radial-gradient(circle at 30% 30%, rgba(102, 204, 255, 0.16), transparent 40%), rgba(0, 16, 40, 0.65); + padding: 22px; + border: 2px solid #66ccff; + box-shadow: 0 6px 18px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(102, 204, 255, 0.25); +} + +.makima-screen .mission-paragraph { + color: #e2f6ff; +} + +.makima-value strong { + display: block; + margin-bottom: 6px; + color: #9fe3ff; + letter-spacing: 0.4px; + font-size: 13px; +} + +.makima-list { + margin: 8px 0 0; + padding-left: 18px; + display: grid; + gap: 6px; +} + +.makima-list li { + color: #d8f3ff; + font-family: 'MS Gothic', monospace; + font-size: 13px; + line-height: 1.6; +} .hero-frame { position: relative; width: 100%; |