diff --git a/static/style.css b/static/style.css index 09cae0f..eda23dd 100644 --- a/static/style.css +++ b/static/style.css @@ -176,7 +176,7 @@ p, a, li { color: #001858; } -/* Enhanced styles for boards */ +/* Styles for board lists */ ul.board-list { list-style-type: none; padding: 0; @@ -185,7 +185,7 @@ ul.board-list { li.board-item { margin-bottom: 1em; - padding: 1em; + padding: 1.2em 1.5em; background-color: #fef6e4; border: 1px solid #001858; border-radius: 8px; @@ -201,7 +201,7 @@ li.board-item a { color: #001858; font-weight: bold; text-decoration: none; - font-size: 1.2em; + font-size: 1.4em; } li.board-item a:hover { @@ -212,10 +212,50 @@ li.board-item a:hover { p.board-desc { margin: 0.5em 0 0 0; color: #001858; - font-size: 0.9em; + font-size: 1em; } -/* Enhanced styles for thread posts */ +/* Styles for thread lists */ +ul.thread-list { + list-style-type: none; + padding: 0; + margin: 0; +} + +li.thread-item { + margin-bottom: 1em; + padding: 1.2em 1.5em; + background-color: #fef6e4; + border: 1px solid #001858; + border-radius: 8px; + transition: transform 0.2s ease, box-shadow 0.2s ease; +} + +li.thread-item:hover { + transform: translateY(-3px); + box-shadow: 0px 6px 14px 0px rgba(0,0,0,0.15); +} + +li.thread-item a { + color: #001858; + font-weight: bold; + text-decoration: none; + font-size: 1.4em; +} + +li.thread-item a:hover { + color: #f582ae; + text-decoration: underline; +} + +p.thread-info { + margin: 0.5em 0 0 0; + color: #001858; + font-size: 1em; +} + + +/* Specific styles for individual thread posts */ .thread-posts { width: 80%; max-width: 800px; @@ -226,7 +266,7 @@ p.board-desc { border: 1px solid #001858; border-radius: 8px; margin-bottom: 1.5em; - padding: 1em; + padding: 1.2em 1.5em; transition: transform 0.2s ease, box-shadow 0.2s ease; } @@ -239,27 +279,27 @@ p.board-desc { background-color: #001858; color: #fef6e4; padding: 0.5em; - margin: -1em -1em 1em -1em; + margin: -1.2em -1.5em 1em -1.5em; border-radius: 6px 6px 0 0; border-bottom: 1px solid #001858; } .post-item header h3 { margin: 0; - font-size: 1.1em; + font-size: 1.2em; } .post-item header p { margin: 0.3em 0 0 0; - font-size: 0.85em; + font-size: 0.95em; opacity: 0.9; } .post-content { margin: 0; - padding: 0.5em; + padding: 0.8em; line-height: 1.5; - font-size: 0.95em; + font-size: 1em; } .post-actions { @@ -272,8 +312,8 @@ p.board-desc { .post-actions a { color: #001858; text-decoration: none; - font-size: 0.9em; - padding: 0.3em 0.6em; + font-size: 1em; + padding: 0.4em 0.8em; border: 1px solid #001858; border-radius: 4px; transition: background-color 0.2s ease; @@ -330,17 +370,17 @@ p.board-desc { input[type="submit"]:hover, button:hover { background-color: #8bd3dd; } - li.board-item { + li.board-item, li.thread-item { background-color: #444; border-color: #fef6e4; } - li.board-item a { + li.board-item a, li.thread-item a { color: #fef6e4; } - li.board-item a:hover { + li.board-item a:hover, li.thread-item a:hover { color: #f582ae; } - p.board-desc { + p.board-desc, p.thread-info { color: #fef6e4; } .post-item { diff --git a/templates/pages/board.html b/templates/pages/board.html index c285327..e21f2d0 100644 --- a/templates/pages/board.html +++ b/templates/pages/board.html @@ -15,9 +15,12 @@

Threads

{{if .Threads}} -