Sentinel_HTS/static.css at master · sonotri/Sentinel_HTS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
* { box-sizing: border-box; }
html { min-height: 100%; background: #061310; scrollbar-gutter: stable; }
body { margin: 0; min-height: 100vh; }
body.deal-active { overflow: hidden; }
.block-container { margin: 0 auto; }
.stButton { margin-top: 10px; }
.stButton > button { width: 100%; cursor: pointer; }
.stButton > button:disabled { cursor: not-allowed; }
.choice-list { display: grid; gap: 9px; }
.choice-list > div { margin: 0; }
.choice-list .stButton { margin: 0; }
.choice-list .stButton > button { display: flex; align-items: center; }
.static-expander {
  margin: 14px 0; border: 1px solid rgba(212,178,103,.18); border-radius: 2px;
  background: rgba(6,24,20,.66); color: #c8c0ae;
}
.static-expander summary { padding: 15px 18px; color: var(--gold-pale); cursor: pointer; font-size: 14px; font-weight: 700; }
.static-expander p { margin: 0; padding: 0 18px 17px; color: #c8c0ae; font-size: 12px; }
.screen-enter { animation: screen-enter .42s ease both; }
.landing-action { margin-top: 16px; }
.deal-overlay {
  pointer-events: auto;
  background: radial-gradient(circle at center, rgba(22,79,64,.42), rgba(2,8,6,.58) 72%);
  -webkit-backdrop-filter: blur(9px) brightness(.72) saturate(.85);
  backdrop-filter: blur(9px) brightness(.72) saturate(.85);
}
.error-boundary { padding: 28px; border: 1px solid #9e4c54; color: #f0d9c8; background: #351519; }
noscript { display: block; padding: 20px; color: white; background: #351519; text-align: center; }
@keyframes screen-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (max-width: 560px) {
  .choice-list { gap: 8px; }
  .static-expander summary { font-size: 13px; }
}