Something went wrong. Try again.
Atproto AMA app
Something went wrong. Try again.
2.0 kB · 110 lines
CSS
at solid2
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111.bar { position: sticky; top: 0; z-index: 50; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0.65rem 1.25rem; background: var(--color-surface); border-bottom: 1px solid var(--color-border);}
.brand { font-weight: 700; font-size: 1.05rem; color: var(--color-text); text-decoration: none;}
.brand:hover { color: var(--color-primary); text-decoration: none;}
.right { display: flex; align-items: center; gap: 0.85rem; font-size: 0.9rem;}
.inbox { display: inline-flex; align-items: center; gap: 0.4rem; padding: 0.2rem 0.55rem 0.2rem 0.65rem; background: var(--color-surface); border: 1px solid var(--color-border); border-radius: var(--radius-md); font-size: 0.8rem; font-weight: 500; color: var(--color-text); text-decoration: none; transition: background 0.15s ease, border-color 0.15s ease;}
.inbox:hover { background: var(--color-surface-hover); border-color: var(--color-primary); text-decoration: none;}
.inbox:focus-visible { outline: 2px solid var(--color-primary); outline-offset: 2px;}
.inboxBadge { display: inline-flex; align-items: center; justify-content: center; min-width: 1.15rem; height: 1.15rem; padding: 0 0.3rem; background: var(--color-primary); color: #fff; font-size: 0.68rem; font-weight: 600; font-family: var(--font-mono); border-radius: 999px; line-height: 1;}
.navLink { color: var(--color-primary); font-weight: 500; text-decoration: none;}
.navLink:hover { text-decoration: underline;}
.handle { font-family: var(--font-mono); color: var(--color-text-muted); max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none;}
.handle:hover { color: var(--color-primary); text-decoration: none;}
.signOut { color: var(--color-primary); font-weight: 500; text-decoration: none;}
.signOut:hover { text-decoration: underline;}