Consolidation of css done.

2025-12-24 20:15:34 -05:00
parent 6b15ad5174
commit e85e676057
2 changed files with 113 additions and 7 deletions
--- a/packetserver/http/static/css/style.css
+++ b/packetserver/http/static/css/style.css
@@ -0,0 +1,112 @@
+body {
+    font-family: Arial, Helvetica, sans-serif;
+    max-width: 900px;
+    margin: 2em auto;
+    padding: 1em;
+    background: #f9f9f9;
+    color: #333;
+}
+
+h1, h2 {
+    text-align: center;
+    color: #2c3e50;
+}
+
+a {
+    color: #007bff;
+    text-decoration: none;
+}
+
+a:hover {
+    text-decoration: underline;
+}
+
+/* Forms */
+form {
+    background: white;
+    padding: 2em;
+    border-radius: 8px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+}
+
+label {
+    display: block;
+    margin: 1em 0 0.5em;
+    font-weight: bold;
+}
+
+input[type="text"], textarea {
+    width: 100%;
+    padding: 0.8em;
+    box-sizing: border-box;
+    font-family: monospace, Consolas, "Courier New";
+    border: 1px solid #ccc;
+    border-radius: 4px;
+}
+
+textarea {
+    height: 300px;
+}
+
+button {
+    margin-top: 1.5em;
+    padding: 0.8em 1.5em;
+    background: #007bff;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 1em;
+}
+
+button:hover {
+    background: #0056b3;
+}
+
+/* Lists (messages, bulletins) */
+ul.message-list, ul.bulletin-list {
+    list-style: none;
+    padding: 0;
+}
+
+ul.message-list li, ul.bulletin-list li {
+    background: white;
+    margin: 1em 0;
+    padding: 1.5em;
+    border-radius: 8px;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+}
+
+.meta {
+    color: #666;
+    font-size: 0.9em;
+    margin-top: 0.5em;
+    display: block;
+}
+
+.preview {
+    margin-top: 0.8em;
+    color: #444;
+    line-height: 1.5;
+}
+
+/* Error messages */
+.error {
+    color: #721c24;
+    background: #f8d7da;
+    padding: 1em;
+    border-radius: 5px;
+    margin-bottom: 1em;
+}
+
+/* Navigation links */
+.nav-links {
+    text-align: center;
+    margin: 2em 0;
+}
+
+/* Responsive touch */
+@media (max-width: 768px) {
+    body { padding: 0.5em; }
+    form, ul li { padding: 1em; }
+}
--- a/packetserver/http/templates/base.html
+++ b/packetserver/http/templates/base.html
@@ -5,13 +5,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{% block title %}PacketServer Dashboard{% endblock %}</title>
    <link rel="stylesheet" href="{{ url_for('static', path='/css/bootstrap.min.css') }}">
-    <link rel="stylesheet" href="{{ url_for('static', path='/css/style.css') }}"> {# optional custom #}
-    <style>
-        .bulletin-list { list-style: none; padding: 0; }
-        .bulletin-list li { margin: 1em 0; padding: 1em; background: white; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
-        .meta { color: #666; font-size: 0.9em; display: block; margin-top: 0.3em; }
-        .preview { margin-top: 0.5em; color: #444; }
-    </style>
+    <link rel="stylesheet" href="{{ url_for('static', path='/css/style.css') }}">
 </head>
 <body class="bg-light">
    <nav class="navbar navbar-dark bg-primary mb-4">