1 line
No EOL
5.6 KiB
Text
1 line
No EOL
5.6 KiB
Text
{"version":3,"sourceRoot":"","sources":["../../_sass/main.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAGA;AACE;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;;;AAGF;EAAK;;;AAEL;EACE;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAEA;EAAU;;;AAId;EAAe;;;AAEf;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAAK;;AAEL;EACE;EACA;EACA;;AAEA;EAAU;;AAGZ;EACE;EACA;EACA;;AAEA;EAAK;;AAEL;EACE;EACA;EACA;;AAGF;EACE;EACA;;;AAKN;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAIE;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;AAEA;EAAU;;;AAGZ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;AAAA;AAAA;AAGA;EAAa;;;AAEb;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;;AAIJ;AAAA;AAAA;AAGA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA","sourcesContent":["/* ===============================\n 0) Design Tokens (CSS vars)\n =============================== */\n:root {\n /* Colors */\n --color-primary: rgb(199, 0, 0);\n --color-secondary: rgb(145, 145, 145);\n --color-accent: rgb(201, 107, 0);\n --color-background: rgb(153, 153, 153);\n\n /* Commonly reused values from your styles */\n --color-text: rgb(190, 190, 190);\n --panel-bg: rgba(0, 0, 0, 0.5);\n --panel-hover-bg: rgb(100, 100, 100);\n\n /* Layout */\n --width-max: 1400px;\n}\n\n/* ===============================\n 1) Base / Global\n =============================== */\nbody {\n background-image: url('/assets/images/fabled_background.jpg');\n margin: 0;\n display: flex;\n align-items: center;\n flex-direction: column;\n}\n\nh2 { margin: 0; }\n\nmain h1 {\n text-align: center;\n margin: 0;\n}\n\n/* ===============================\n 2) Shell / Main View\n =============================== */\n.main-view {\n display: flex;\n gap: 0.5em;\n width: 90%;\n max-width: var(--width-max);\n height: 93vh;\n background-color: rgba(255, 255, 255, 0.452);\n padding: 1em;\n border-radius: 0 0 1em 1em;\n}\n\n/* ===============================\n 3) Navigation\n =============================== */\n.nav-div {\n width: 100%;\n background-color: rgba(17, 0, 0, 0.9);\n display: flex;\n justify-content: center;\n}\n\nnav {\n width: 90vw;\n max-width: var(--width-max);\n display: flex;\n justify-content: center;\n\n a {\n color: #fff;\n padding: 0.7em 1em;\n border-radius: 8px;\n text-decoration: none;\n transition: background-color 0.3s ease;\n\n &:hover { background-color: rgba(250, 250, 250, 0.3); }\n }\n}\n\n.nav-current { color: var(--color-primary); }\n\n/* ===============================\n 4) Sidebar\n =============================== */\n.sidebar {\n width: 22vw;\n max-width: 260px;\n flex: 0 0 22vw;\n background: var(--panel-bg);\n padding: 1em;\n border-radius: 0.5em 0 0 0.5em;\n color: var(--color-text);\n\n h2 { text-align: center; }\n\n .sidebar-item {\n background-color: var(--panel-bg);\n padding: 1em;\n border-radius: 0.5em;\n\n &:hover { background-color: var(--panel-hover-bg); }\n }\n\n .news-list {\n list-style: none;\n padding: 0;\n margin: 0.5rem 0 0;\n\n li { margin: 0.4rem 0; }\n\n small {\n display: block;\n opacity: 0.7;\n font-size: 0.85rem;\n }\n\n a {\n text-decoration: none;\n color: var(--color-text);\n }\n }\n}\n\n/* ===============================\n 5) Main Content Area\n =============================== */\n.main {\n flex: 1 1 auto;\n min-width: 0;\n background-color: var(--panel-bg);\n color: var(--color-text);\n border-radius: 0 0.5em 0.5em 0;\n padding: 2.5em;\n}\n\n/* ===============================\n 6) Posts (lists, items, tags)\n =============================== */\n.post-list {\n a {\n text-decoration: none;\n color: var(--color-text);\n padding: 1em;\n }\n}\n\n.post-item {\n background-color: var(--panel-bg);\n padding: 2em;\n border-radius: 0.5em;\n\n &:hover { background-color: rgba(100, 100, 100, 1); }\n}\n\n.post-tags {\n list-style: none;\n padding: 0;\n margin: 0.25rem 0 1rem;\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n\n li {\n font-size: 0.85rem;\n padding: 0.15rem 0.5rem;\n border: 1px solid #e5e7eb;\n border-radius: 1rem;\n background: #f8fafc;\n }\n}\n\n/* ===============================\n 7) Page-level meta / tags\n =============================== */\n.page-meta { text-align: center; }\n\n.page-tags {\n list-style: none;\n padding: 0;\n margin: 0.25rem 0 1rem;\n display: flex;\n flex-wrap: wrap;\n gap: 0.5rem;\n justify-content: center;\n\n li {\n font-size: 0.85rem;\n padding: 0.15rem 0.5rem;\n border: 1px solid #e5e7eb;\n border-radius: 1rem;\n background: #f8fafc;\n }\n}\n\n/* ===============================\n 8) Staff Page\n =============================== */\n.staff-list {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.5rem;\n padding: 1rem 0;\n}\n\n.staff-card {\n background-color: var(--panel-bg);\n color: var(--color-text);\n padding: 1.5rem;\n border-radius: 0.5rem;\n text-align: center;\n transition: background-color 0.3s ease;\n border: 1px solid rgba(255, 255, 255, 0.05);\n\n &:hover {\n background-color: var(--panel-hover-bg);\n }\n\n .staff-name {\n margin: 0;\n color: var(--color-accent);\n }\n\n .staff-position {\n margin: 0.25rem 0 1rem;\n font-weight: 400;\n color: var(--color-secondary);\n }\n\n .staff-bio {\n font-size: 0.95rem;\n line-height: 1.5;\n }\n}\n"],"file":"styles.css"} |