Consolidate admin styles into styles.css and remove inline style tags

- Move all admin dashboard and login rules into styles.css - Remove embedded <style> blocks from admin/login.php and admin/index.php - Clean up redundant preview action button
2026-08-29 22:01:55 -04:00
1 parent f851e8fd24
commit b55c4f294f
@@ -25,102 +25,8 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Fraunces:wght@600&family=Karla:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="../styles.css">
-  <style>
-    body {
-      min-height: 100vh;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      padding: 1.5rem;
-    }
-    .login-card {
-      background: var(--surface);
-      border: 1px solid var(--rule);
-      border-radius: 0.25rem;
-      padding: 2.5rem 2rem;
-      width: 100%;
-      max-width: 25rem;
-      box-shadow: 0 1rem 2.5rem rgba(0, 0, 0, 0.4);
-    }
-    .login-header {
-      text-align: center;
-      margin-bottom: 2rem;
-    }
-    .login-header img {
-      width: 2rem;
-      height: 2rem;
-      margin: 0 auto 0.75rem;
-    }
-    .login-header h1 {
-      font-size: 1.5rem;
-      color: var(--gold-bright);
-    }
-    .login-header p {
-      font-family: 'IBM Plex Mono', monospace;
-      font-size: 0.72rem;
-      letter-spacing: 0.15em;
-      text-transform: uppercase;
-      color: var(--ink-muted);
-      margin-top: 0.35rem;
-    }
-    .form-group {
-      margin-bottom: 1.25rem;
-    }
-    .form-group label {
-      display: block;
-      font-family: 'IBM Plex Mono', monospace;
-      font-size: 0.75rem;
-      letter-spacing: 0.08em;
-      text-transform: uppercase;
-      color: var(--gold);
-      margin-bottom: 0.4rem;
-    }
-    .form-input {
-      width: 100%;
-      background: var(--ground-2);
-      border: 1px solid var(--rule);
-      color: var(--ink);
-      font-family: 'Karla', sans-serif;
-      font-size: 0.95rem;
-      padding: 0.7rem 0.85rem;
-      border-radius: 0.125rem;
-      box-sizing: border-box;
-      outline: none;
-      transition: border-color .15s ease;
-    }
-    .form-input:focus {
-      border-color: var(--gold-bright);
-    }
-    .error-msg {
-      background: rgba(180, 50, 40, 0.15);
-      border: 1px solid rgba(220, 80, 60, 0.4);
-      color: #ff9d9d;
-      padding: 0.75rem 1rem;
-      font-size: 0.88rem;
-      border-radius: 0.125rem;
-      margin-bottom: 1.25rem;
-    }
-    .login-btn {
-      width: 100%;
-      justify-content: center;
-      margin-top: 0.5rem;
-      cursor: pointer;
-    }
-    .back-link {
-      display: block;
-      text-align: center;
-      margin-top: 1.5rem;
-      font-family: 'IBM Plex Mono', monospace;
-      font-size: 0.75rem;
-      color: var(--ink-muted);
-      text-decoration: none;
-    }
-    .back-link:hover {
-      color: var(--gold-bright);
-    }
-  </style>
 </head>
-<body>
+<body class="admin-login-body">
  <div class="login-card">
    <div class="login-header">
      <img src="../assets/knot.png" alt="" class="knot">