3 lines
11 KiB
CSS
3 lines
11 KiB
CSS
.modal-overlay.svelte-9yzcwg.svelte-9yzcwg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal.svelte-9yzcwg.svelte-9yzcwg{background:var(--bg-color);border-radius:8px;box-shadow:0 4px 20px rgba(0, 0, 0, 0.3);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid var(--border-color)}.modal-header.svelte-9yzcwg.svelte-9yzcwg{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header.svelte-9yzcwg h2.svelte-9yzcwg{margin:0;color:var(--text-color);font-size:1.5rem}.close-btn.svelte-9yzcwg.svelte-9yzcwg{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s}.close-btn.svelte-9yzcwg.svelte-9yzcwg:hover{background-color:var(--tab-hover-bg)}.tab-container.svelte-9yzcwg.svelte-9yzcwg{padding:20px}.tabs.svelte-9yzcwg.svelte-9yzcwg{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:20px}.tab-btn.svelte-9yzcwg.svelte-9yzcwg{flex:1;padding:12px 16px;background:none;border:none;cursor:pointer;color:var(--text-color);font-size:1rem;transition:all 0.2s;border-bottom:2px solid transparent}.tab-btn.svelte-9yzcwg.svelte-9yzcwg:hover{background-color:var(--tab-hover-bg)}.tab-btn.active.svelte-9yzcwg.svelte-9yzcwg{border-bottom-color:var(--primary);color:var(--primary)}.tab-content.svelte-9yzcwg.svelte-9yzcwg{min-height:200px}.extension-login.svelte-9yzcwg.svelte-9yzcwg,.nsec-login.svelte-9yzcwg.svelte-9yzcwg{display:flex;flex-direction:column;gap:16px}.extension-login.svelte-9yzcwg p.svelte-9yzcwg,.nsec-login.svelte-9yzcwg p.svelte-9yzcwg{margin:0;color:var(--text-color);line-height:1.5}.login-extension-btn.svelte-9yzcwg.svelte-9yzcwg,.login-nsec-btn.svelte-9yzcwg.svelte-9yzcwg{padding:12px 24px;background:var(--primary);color:white;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:background-color 0.2s}.login-extension-btn.svelte-9yzcwg.svelte-9yzcwg:hover:not(:disabled),.login-nsec-btn.svelte-9yzcwg.svelte-9yzcwg:hover:not(:disabled){background:#00ACC1}.login-extension-btn.svelte-9yzcwg.svelte-9yzcwg:disabled,.login-nsec-btn.svelte-9yzcwg.svelte-9yzcwg:disabled{background:#ccc;cursor:not-allowed}.nsec-input.svelte-9yzcwg.svelte-9yzcwg{padding:12px;border:1px solid var(--input-border);border-radius:6px;font-size:1rem;background:var(--bg-color);color:var(--text-color)}.nsec-input.svelte-9yzcwg.svelte-9yzcwg:focus{outline:none;border-color:var(--primary)}.message.svelte-9yzcwg.svelte-9yzcwg{padding:10px;border-radius:4px;margin-top:16px;text-align:center}.error-message.svelte-9yzcwg.svelte-9yzcwg{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.success-message.svelte-9yzcwg.svelte-9yzcwg{background:#e8f5e8;color:#2e7d32;border:1px solid #c8e6c9}.modal.dark-theme.svelte-9yzcwg .error-message.svelte-9yzcwg{background:#4a2c2a;color:#ffcdd2;border:1px solid #6d4c41}.modal.dark-theme.svelte-9yzcwg .success-message.svelte-9yzcwg{background:#2e4a2e;color:#a5d6a7;border:1px solid #4caf50}
|
|
body{margin:0;padding:0;--bg-color:#ddd;--header-bg:#eee;--border-color:#dee2e6;--text-color:#444444;--sidebar-bg:#eeeeee;--tab-hover-bg:#ddd;--input-border:#ccc;--button-bg:#ddd;--button-hover-bg:#eee;--primary:#00BCD4;--warning:#ff3e00}body.dark-theme{--bg-color:#263238;--header-bg:#1e272c;--border-color:#404040;--text-color:#ffffff;--sidebar-bg:#1e272c;--tab-hover-bg:#263238;--input-border:#555;--button-bg:#263238;--button-hover-bg:#1e272c;--primary:#00BCD4;--warning:#ff3e00}.main-header.svelte-m62qks.svelte-m62qks{height:3em;background-color:var(--header-bg);position:fixed;top:0;left:0;right:0;z-index:1000;color:var(--text-color)}.header-content.svelte-m62qks.svelte-m62qks{height:100%;display:flex;align-items:center;padding:0;gap:0}.logo.svelte-m62qks.svelte-m62qks{height:2.5em;width:2.5em;object-fit:contain;flex-shrink:0}.tab-label-area.svelte-m62qks.svelte-m62qks{flex:1;height:100%;display:flex;align-items:center;gap:0;padding:0 1rem}.selected-tab-label.svelte-m62qks.svelte-m62qks{font-size:1em;font-weight:600;text-transform:capitalize;color:var(--text-color)}.theme-toggle-btn.svelte-m62qks.svelte-m62qks{border:0 none;border-radius:0;display:flex;align-items:center;background-color:var(--button-hover-bg);cursor:pointer;color:var(--text-color);height:3em;width:auto;min-width:3em;flex-shrink:0;line-height:1;transition:background-color 0.2s;justify-content:center;padding:1em 1em 1em 1em;margin:0}.theme-toggle-btn.svelte-m62qks.svelte-m62qks:hover{background-color:var(--button-bg)}.login-btn.svelte-m62qks.svelte-m62qks{border:0 none;border-radius:0;display:flex;align-items:center;background-color:var(--primary);cursor:pointer;color:var(--text-color);height:3em;width:auto;min-width:3em;flex-shrink:0;line-height:1;transition:background-color 0.2s;justify-content:center;padding:1em 1em 1em 1em;margin:0}.login-btn.svelte-m62qks.svelte-m62qks:hover{background-color:#0056b3}.app-container.svelte-m62qks.svelte-m62qks{display:flex;margin-top:3em;height:calc(100vh - 3em)}.sidebar.svelte-m62qks.svelte-m62qks{position:fixed;left:0;top:3em;bottom:0;width:140px;background-color:var(--sidebar-bg);transition:width 0.3s ease;overflow:hidden;color:var(--text-color);z-index:100}.sidebar.collapsed.svelte-m62qks.svelte-m62qks{width:60px}.sidebar-content.svelte-m62qks.svelte-m62qks{height:100%;display:flex;flex-direction:column;padding:0}.tabs.svelte-m62qks.svelte-m62qks{flex:1}.tab.svelte-m62qks.svelte-m62qks{height:2.5em;display:flex;align-items:center;padding:0 1rem;cursor:pointer;transition:background-color 0.2s ease;margin-bottom:0.5em;gap:0.75rem;border:none;background:none;width:100%;text-align:left}.tab.svelte-m62qks.svelte-m62qks:hover{background-color:var(--tab-hover-bg)}.tab.active.svelte-m62qks.svelte-m62qks{background-color:var(--tab-hover-bg);border-right:3px solid var(--primary)}.tab-icon.svelte-m62qks.svelte-m62qks{font-size:1.2em;flex-shrink:0;width:1.5em;text-align:center}.tab-label.svelte-m62qks.svelte-m62qks{font-size:0.9em;font-weight:500;white-space:nowrap}.toggle-btn.svelte-m62qks.svelte-m62qks{height:2.5em;margin:0;padding:0.5em 1em;background-color:transparent;cursor:pointer;transition:background-color 0.2s ease;color:var(--text-color);border:none}.toggle-btn.svelte-m62qks.svelte-m62qks:hover{background-color:var(--tab-hover-bg)}.main-content.svelte-m62qks.svelte-m62qks{position:fixed;left:140px;top:3em;right:0;bottom:0;padding:2rem;overflow-y:auto;background-color:var(--bg-color);color:var(--text-color);transition:left 0.3s ease}.app-container.svelte-m62qks:has(.sidebar.collapsed) .main-content.svelte-m62qks{left:60px}.main-content.svelte-m62qks h1.svelte-m62qks{color:#ff3e00;text-transform:uppercase;font-size:4em;font-weight:100;text-align:center}@media(max-width: 640px){.header-content.svelte-m62qks.svelte-m62qks{padding:0}.sidebar.svelte-m62qks.svelte-m62qks{width:120px}.sidebar.collapsed.svelte-m62qks.svelte-m62qks{width:50px}.main-content.svelte-m62qks.svelte-m62qks{left:120px;padding:1rem}.app-container.svelte-m62qks:has(.sidebar.collapsed) .main-content.svelte-m62qks{left:50px}.main-content.svelte-m62qks h1.svelte-m62qks{font-size:2.5em}}.user-info.svelte-m62qks.svelte-m62qks{display:flex;align-items:flex-start;padding:0;height:3em}.logout-btn.svelte-m62qks.svelte-m62qks{padding:0;border:none;border-radius:0;background-color:var(--warning);color:white;cursor:pointer;flex-shrink:0;height:3em;width:3em;display:flex;align-items:center;justify-content:center}.user-profile-btn.svelte-m62qks.svelte-m62qks{border:0 none;border-radius:0;display:flex;align-items:center;background-color:var(--button-hover-bg);cursor:pointer;color:var(--text-color);height:3em;width:auto;min-width:3em;flex-shrink:0;line-height:1;transition:background-color 0.2s;justify-content:center;padding:1em 1em 1em 1em;margin:0}.user-profile-btn.svelte-m62qks.svelte-m62qks:hover{background-color:var(--button-bg)}.user-avatar.svelte-m62qks.svelte-m62qks,.user-avatar-placeholder.svelte-m62qks.svelte-m62qks{width:1em;height:1em;object-fit:cover}.user-avatar-placeholder.svelte-m62qks.svelte-m62qks{display:flex;align-items:center;justify-content:center;font-size:0.5em;padding:0.5em}.user-name.svelte-m62qks.svelte-m62qks{font-size:0.8rem;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-overlay.svelte-m62qks.svelte-m62qks{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:1000;display:flex;justify-content:flex-end}.settings-drawer.svelte-m62qks.svelte-m62qks{width:640px;height:100%;background:var(--bg-color);overflow-y:auto;animation:svelte-m62qks-slideIn 0.3s ease}@keyframes svelte-m62qks-slideIn{from{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-header.svelte-m62qks.svelte-m62qks{display:flex;align-items:center;justify-content:space-between;background:var(--header-bg)}.drawer-header.svelte-m62qks h2.svelte-m62qks{margin:0;color:var(--text-color);font-size:1em;padding:1rem}.close-btn.svelte-m62qks.svelte-m62qks{background:none;border:none;font-size:1em;cursor:pointer;color:var(--text-color);padding:0.5em;transition:background-color 0.2s;align-items:center}.close-btn.svelte-m62qks.svelte-m62qks:hover{background:var(--button-hover-bg)}.profile-section.svelte-m62qks.svelte-m62qks{margin-bottom:2rem}.profile-hero.svelte-m62qks.svelte-m62qks{position:relative}.profile-banner.svelte-m62qks.svelte-m62qks{width:100%;height:160px;object-fit:cover;border-radius:0;display:block}.profile-avatar.svelte-m62qks.svelte-m62qks,.profile-avatar-placeholder.svelte-m62qks.svelte-m62qks{width:72px;height:72px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,0.25);border:2px solid var(--bg-color)}.overlap.svelte-m62qks.svelte-m62qks{position:absolute;left:12px;bottom:-36px;z-index:2;background:var(--button-hover-bg);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.name-row.svelte-m62qks.svelte-m62qks{position:absolute;left:calc(12px + 72px + 12px);bottom:8px;right:12px;display:flex;align-items:baseline;gap:8px;z-index:1;shadow:0 3px 6px rgba(0,0,0,0.6)}.profile-username.svelte-m62qks.svelte-m62qks{margin:0;font-size:1.1rem;color:#000;text-shadow:0 3px 6px rgba(255,255,255,1)}.profile-nip05-inline.svelte-m62qks.svelte-m62qks{font-size:0.85rem;color:#000;font-family:monospace;opacity:0.95;text-shadow:0 3px 6px rgba(255,255,255,1)}.about-card.svelte-m62qks.svelte-m62qks{background:var(--header-bg);padding:12px 12px 12px 96px;position:relative;word-break:auto-phrase}.profile-about.svelte-m62qks.svelte-m62qks{margin:0;color:var(--text-color);font-size:0.9rem;line-height:1.4}@media(max-width: 640px){.settings-drawer.svelte-m62qks.svelte-m62qks{width:100%}.name-row.svelte-m62qks.svelte-m62qks{left:calc(8px + 56px + 8px);bottom:6px;right:8px;gap:6px}.profile-username.svelte-m62qks.svelte-m62qks{font-size:1rem}.profile-nip05-inline.svelte-m62qks.svelte-m62qks{font-size:0.8rem}}
|