diff --git a/tinyweb_forum/handlers.py b/tinyweb_forum/handlers.py index 7cb6b52..5ff8d3d 100644 --- a/tinyweb_forum/handlers.py +++ b/tinyweb_forum/handlers.py @@ -21,23 +21,15 @@ FORUM_CSS = """ .forum-form { max-width: 500px; } .forum-form input:not([type=checkbox]):not([type=radio]), .forum-form textarea { width: 100%; box-sizing: border-box; padding: 10px 12px; margin-bottom: 12px; - background: rgba(8, 18, 22, 0.8); border: 1px solid rgba(40, 70, 65, 0.4); - border-radius: 4px; color: #90b4ac; font-size: 0.95rem; - transition: border-color 0.2s, box-shadow 0.3s; + font-size: 0.95rem; } .forum-form input:not([type=checkbox]):not([type=radio]):focus, .forum-form textarea:focus { - outline: none; border-color: rgba(80, 140, 110, 0.5); box-shadow: 0 0 18px rgba(100, 200, 150, 0.06); + outline: none; } .forum-form input[type=checkbox] { width: auto; margin: 0; } .forum-form button { padding: 10px 20px; margin-bottom: 12px; - background: rgba(10, 22, 25, 0.8); border: 1px solid rgba(40, 70, 65, 0.4); - border-radius: 4px; color: #5a7880; font-size: 0.88rem; cursor: pointer; - transition: background 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.3s; -} -.forum-form button:hover { - background: rgba(15, 35, 35, 0.8); color: #90b4ac; - border-color: rgba(80, 130, 110, 0.5); box-shadow: 0 0 12px rgba(100, 200, 150, 0.06); + cursor: pointer; } .forum-form textarea { font-family: ui-monospace, 'SF Mono', 'Cascadia Code', 'Segoe UI Mono', Menlo, Consolas, monospace; font-size: 0.85rem; line-height: 1.6; resize: vertical; } .forum-form label.inline-label input { width: 60px; display: inline; } @@ -47,34 +39,24 @@ FORUM_CSS = """ .forum-form small { display: block; margin-bottom: 8px; } .forum-toolbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin: 0.5rem 0; } .forum-toolbar form { flex: 1; min-width: 160px; } -.forum-toolbar input[name=q] { - width: 100%; box-sizing: border-box; padding: 8px 12px; - background: rgba(8, 18, 22, 0.8); border: 1px solid rgba(40, 70, 65, 0.4); - border-radius: 4px; color: #90b4ac; font-size: 0.9rem; - transition: border-color 0.2s, box-shadow 0.3s; -} -.forum-toolbar input[name=q]:focus { - outline: none; border-color: rgba(80, 140, 110, 0.5); box-shadow: 0 0 18px rgba(100, 200, 150, 0.06); -} +.forum-toolbar input[name=q] { width: 100%; box-sizing: border-box; padding: 8px 12px; font-size: 0.9rem; } +.forum-toolbar input[name=q]:focus { outline: none; } .forum-toolbar-actions { display: flex; flex-wrap: wrap; gap: 6px; } .forum-actions { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 0.5rem 0; } a.forum-action, a.forum-action-inline { - color: #5a7880; text-decoration: none; border-bottom: none; font-size: 0.88rem; - padding: 8px 14px; border: 1px solid rgba(40, 70, 65, 0.3); border-radius: 4px; + text-decoration: none; border-bottom: none; font-size: 0.88rem; + padding: 8px 14px; transition: background 0.2s, color 0.2s, border-color 0.2s; } -a.forum-action:hover, a.forum-action-inline:hover { color: #90b4ac; border-color: rgba(80, 130, 110, 0.5); background: rgba(10, 22, 25, 0.6); } a.forum-action-inline { padding: 2px 6px; border: none; } a.forum-action-inline:hover { border: none; } -p.meta { font-size: 0.85rem; color: #3a5560; } +p.meta { font-size: 0.85rem; } .forum-list { list-style: none; padding-left: 0; } -.forum-list li { padding: 0.8rem 0; border-bottom: 1px solid rgba(30, 55, 50, 0.2); } +.forum-list li { padding: 0.8rem 0; border-bottom: 1px solid; } .forum-list li:last-child { border-bottom: none; } .forum-list .thread-title { margin-bottom: 0.15rem; } -.forum-list .thread-meta { font-size: 0.78rem; color: #3a5560; } +.forum-list .thread-meta { font-size: 0.78rem; } .forum-list a { border-bottom: none; } -.forum-form input[type=text], .forum-form input[type=url] { font-family: inherit; } -.forum .post { border-left-color: rgba(40, 70, 65, 0.3); } """