1 files changed, 248 insertions, 0 deletions
diff --git a/static/styles/common.css b/static/styles/common.css
new file mode 100644
index 0000000..8e385c2
--- /dev/null
+++ b/static/styles/common.css
@@ -0,0 +1,248 @@
+/* Structural and Shared Core Styles for cl-bbs */
+
+/* Base alignment margins and layouts */
+h1 {
+  margin: 0.5em 2% 0.3em 2%;
+}
+
+h2 {
+  margin: 0.5em 2%;
+}
+
+.nav {
+  margin: 0.5em 2% 0.5em 2%;
+}
+
+.preferences-form {
+  margin: 1.5em 2% 2em 2%;
+  padding: 0;
+  max-width: 600px;
+}
+
+.preferences-form p {
+  margin: 0.5em 0;
+}
+
+.theme-options-title {
+  font-weight: bold;
+  margin-bottom: 0.5em;
+}
+
+.theme-selector-container {
+  display: flex !important;
+  flex-direction: column !important;
+  align-items: flex-start !important;
+  gap: 0.8em;
+  width: 100%;
+  margin: 1em 0;
+}
+
+.theme-option-label {
+  display: flex !important;
+  width: auto !important;
+  align-items: center;
+  gap: 0.5em;
+  cursor: pointer;
+  user-select: none;
+  clear: both;
+}
+
+.theme-option-text {
+  text-transform: capitalize;
+}
+
+.preferences-form input[type=submit] {
+  cursor: pointer;
+}
+
+/* Base mobile responsive layout changes */
+@media (max-width: 768px) {
+  .preferences-form {
+    margin: 1.5em 0;
+  }
+}
+
+/* Error page styling */
+.error-container {
+  margin: 2em 2%;
+  padding: 1.5em;
+  border-left: 5px solid red;
+  background-color: #fff8f8;
+  font-family: serif;
+}
+
+.error-container p {
+  margin: 0.5em 0;
+}
+
+.error-container .error-title {
+  color: red;
+  font-size: 1.2em;
+  font-weight: bold;
+  margin-top: 0;
+}
+
+.error-back-button {
+  padding: 8px 16px;
+  font-weight: bold;
+  border-radius: 4px;
+  cursor: pointer;
+}
+
+/* Moderation Panel Styles (Theme-Adaptive) */
+body.moderation {
+  max-width: 900px;
+  margin: 0 auto !important;
+  padding: 1em 2% !important;
+}
+
+body.moderation h1 {
+  margin-left: 0 !important;
+}
+
+body.moderation h2 {
+  margin-left: 0 !important;
+  border-bottom: 1px solid currentColor;
+  padding-bottom: 0.3em;
+}
+
+body.moderation ul {
+  padding-left: 1.5em;
+  margin-top: 1em;
+}
+
+body.moderation li {
+  margin-bottom: 0.8em;
+  display: flex;
+  align-items: center;
+  gap: 1em;
+}
+
+body.moderation form {
+  margin: 0;
+}
+
+body.moderation table {
+  width: 100% !important;
+  margin: 1.5em 0 !important;
+  border-collapse: collapse;
+}
+
+body.moderation th {
+  padding: 8px !important;
+  font-weight: bold;
+}
+
+body.moderation td {
+  padding: 8px !important;
+  vertical-align: middle;
+}
+
+body.moderation dd form {
+  margin-top: 1em;
+  padding: 1em;
+  border: 1px dashed currentColor;
+  opacity: 0.9;
+}
+
+body.moderation dd form p {
+  margin: 0.3em 0;
+}
+
+body.moderation input[type=submit].delete-button {
+  color: #ff3333 !important;
+  border-color: #ff3333 !important;
+  cursor: pointer;
+}
+
+body.moderation input[type=submit].delete-button:hover {
+  background-color: #ff3333 !important;
+  color: white !important;
+}
+
+body.moderation input[type=submit].shame-button {
+  color: #ff9900 !important;
+  border-color: #ff9900 !important;
+  cursor: pointer;
+}
+
+body.moderation input[type=submit].shame-button:hover {
+  background-color: #ff9900 !important;
+  color: white !important;
+}
+
+body.moderation .comment-preview {
+  margin-bottom: 0.5em;
+  padding: 0.5em;
+  background-color: #fafafa;
+  border-left: 3px solid #ccc;
+}
+
+/* Global button reset — all submit inputs and bare buttons share the canonical style */
+input[type=submit],
+button {
+  padding: 4px 10px;
+  font-size: 0.85em;
+  font-family: inherit;
+  background: transparent;
+  color: inherit;
+  border: 1px solid currentColor;
+  cursor: pointer;
+  border-radius: 3px;
+  user-select: none;
+  margin: 0.4em 0;
+}
+
+input[type=submit]:hover,
+button:hover {
+  background-color: rgba(128, 128, 128, 0.15);
+}
+
+input[type=submit]:active,
+button:active {
+  background-color: rgba(128, 128, 128, 0.3);
+}
+
+input[type=submit]:disabled,
+button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+/* Lisp Interactive Snippets & Playground Styles */
+.lisp-btn {
+  padding: 4px 10px;
+  font-size: 0.85em;
+  font-family: inherit;
+  background: transparent;
+  color: inherit;
+  border: 1px solid currentColor;
+  cursor: pointer;
+  border-radius: 3px;
+  user-select: none;
+}
+
+.lisp-btn:hover {
+  background-color: rgba(128, 128, 128, 0.15);
+}
+
+.lisp-btn:active {
+  background-color: rgba(128, 128, 128, 0.3);
+}
+
+.lisp-btn:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+@media (max-width: 768px) {
+  #playground-editor {
+    width: 100% !important;
+  }
+  #playground-output {
+    width: 100% !important;
+  }
+}
+
+/* Syntax highlighting is now handled via separate syntax theme CSS files */
+