summaryrefslogtreecommitdiff
path: root/fcc/style.css
diff options
context:
space:
mode:
authordacctal <dacctal@symlinx.net>2026-06-13 03:15:29 +0000
committerdacctal <dacctal@symlinx.net>2026-06-13 03:15:29 +0000
commita9ea423a7c0d9e21c87da6f134d590d7921eeaa8 (patch)
treef18e37fd79250e9b189a7cd68e3b1be60066dd93 /fcc/style.css
parente8c3a7d4ab82d2c3b712d5fce7716a0269e00f55 (diff)
added fcc nzuum and redro to the Iconic Members list
Diffstat (limited to 'fcc/style.css')
-rw-r--r--fcc/style.css66
1 files changed, 66 insertions, 0 deletions
diff --git a/fcc/style.css b/fcc/style.css
new file mode 100644
index 0000000..6a1e542
--- /dev/null
+++ b/fcc/style.css
@@ -0,0 +1,66 @@
+* {
+ border-radius: 0px;
+ --cl-black: hsl(140, 1%, 6%);
+ --cl-gray-0: hsl(140, 2%, 8%);
+ --cl-gray-1: hsl(140, 2%, 12%);
+ --cl-gray-2: hsl(140, 4%, 16%);
+ --cl-gray-3: hsl(140, 4%, 24%);
+ --cl-gray-4: hsl(140, 4%, 36%);
+ --cl-gray-5: hsl(140, 4%, 44%);
+ --cl-gray-6: hsl(80, 8%, 52%);
+ --cl-gray-7: hsl(70, 8%, 58%);
+ --cl-gray-8: hsl(60, 16%, 66%);
+ --cl-gray-9: hsl(40, 32%, 78%);
+ --cl-gray-10: hsl(30, 32%, 84%);
+ --cl-white: hsl(26, 64%, 88%);
+ --cl-red-6: hsl(4, 83%, 67%);
+ --cl-red-7: hsl(4, 75%, 75%);
+ --cl-orange-6: hsl(26, 84%, 62%);
+ --cl-orange-7: hsl(26, 84%, 74%);
+ --cl-yellow: hsl(37, 80%, 69%);
+ --cl-green-6: hsl(120, 41%, 64%);
+ --cl-green-7: hsl(120, 42%, 75%);
+ --cl-cyan-6: hsl(160, 41%, 64%);
+ --cl-cyan-7: hsl(160, 32%, 75%);
+ --cl-blue-6: hsl(200, 55%, 64%);
+ --cl-blue-8: hsl(201, 55%, 80%);
+ --cl-magenta-7: hsl(320, 59%, 72%);
+ --cl-magenta-8: hsl(320, 61%, 80%);
+}
+
+body {
+ margin: 5vh 10vw 5vh 10vw;
+ font-family: "Roboto Mono", monospace;
+ background-color: var(--cl-black);
+ color: var(--cl-white);
+}
+
+a:link {
+ color: var(--cl-orange-6);
+ border: 2px solid var(--cl-orange-6);
+ padding: 4px 8px;
+}
+a:visited, a:active {
+ color: var(--cl-green-6);
+}
+a:hover {
+ color: var(--cl-black);
+ background-color: var(--cl-magenta-7);
+ border: 2px solid #0000;
+}
+
+.color_blue {
+ color: var(--cl-blue-6);
+}
+.color_green {
+ color: var(--cl-green-6);
+}
+.color_red {
+ color: var(--cl-red-6);
+}
+
+.block {
+ background-color: var(--cl-gray-0);
+ border: 2px solid var(--cl-gray-2);
+ padding: 16px 32px;
+}