Finsihed

styles/main.scss

@@ -0,0 +1,100 @@
+/*
+ * Styles for the Formelsammlung project
+ * 90's inspired aesthetic
+ */
+
+body {
+    background-color: #e8e8e8;
+    font-family: 'Trebuchet MS', Arial, sans-serif;
+    color: #333;
+    margin: 0;
+    padding: 0;
+    font-size: 14px;
+
+    padding-left: 20px;
+    padding-right: 20px;
+
+    width: calc(100vw - 40px);
+}
+
+/* Navbar styles */
+nav.navbar {
+    background-color: #c0c0c0;
+    border-bottom: 2px solid #999;
+    padding: 15px 20px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    box-shadow: inset 1px 1px 0 #ffffff, inset -1px -1px 0 #808080;
+}
+
+nav.navbar h3 {
+    margin: 0;
+    font-size: 18px;
+    color: #0051ba;
+    font-weight: bold;
+}
+
+nav.navbar a {
+    color: #0051ba;
+    text-decoration: none;
+    margin-left: 20px;
+    padding: 5px 10px;
+    border: 1px solid transparent;
+    transition: all 0.2s ease;
+}
+
+nav.navbar a:hover {
+    border: 1px solid #0051ba;
+    background-color: #dfdfdf;
+}
+
+/* Main content area padding */
+body > h1,
+body > table {
+    margin-left: 20px;
+    margin-right: 20px;
+}
+
+h1 {
+    color: #0051ba;
+    text-align: center;
+    font-weight: bold;
+    border-bottom: 2px solid #0051ba;
+    padding-bottom: 10px;
+}
+
+table {
+    width: calc(100% - 40px);
+    border-collapse: collapse;
+    margin-top: 20px;
+    background-color: #ffffff;
+}
+
+table, th, td {
+    border: 1px solid #999;
+}
+
+th, td {
+    padding: 8px;
+    text-align: left;
+}
+
+th {
+    background-color: #c0c0c0;
+    font-weight: bold;
+}
+
+tbody tr:hover {
+    background-color: #e8e8ff;
+}
+
+/* Preserve whitespace and line breaks */
+.license-text {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    font-family: 'Courier New', monospace;
+    background-color: #f5f5f5;
+    padding: 10px;
+    border: 1px solid #999;
+}