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