diff options
Diffstat (limited to 'fcc')
| -rw-r--r-- | fcc/index.html | 2 | ||||
| -rw-r--r-- | fcc/style.css | 66 |
2 files changed, 1 insertions, 67 deletions
diff --git a/fcc/index.html b/fcc/index.html index 14ab9cb..4f259e8 100644 --- a/fcc/index.html +++ b/fcc/index.html @@ -4,7 +4,7 @@ <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>fcc</title> - <link rel="stylesheet" href="style.css"> + <link rel="stylesheet" href="../style.css"> <link rel="icon" type="image/x-icon" href="../images/symlinx-icon.png"> </head> <body> diff --git a/fcc/style.css b/fcc/style.css deleted file mode 100644 index 6a1e542..0000000 --- a/fcc/style.css +++ /dev/null @@ -1,66 +0,0 @@ -* { - 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; -} |