diff options
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 89 |
1 files changed, 11 insertions, 78 deletions
@@ -1,56 +1,20 @@ -@font-face { - font-family: 'text'; - src: url("./text.ttf") format("truetype"); -} - -@font-face { - font-family: 'heading'; - src: url("./heading.ttf") format("truetype"); -} - -@font-face { - font-family: 'code'; - src: url("./code.ttf") format("truetype"); -} - -@font-face { - font-family: 'handnotes'; - src: url("./handnotes.ttf") format("truetype"); -} - -@font-face { - font-family: 'typewriter'; - src: url("./typewriter.ttf") format("truetype"); -} - body { - font-family: text, sans-serif; - background: linear-gradient(135deg, #0d0d0d, #1f1f1f); - color: #e0e0e0; + font-family: sans-serif; max-width: 1024px; - padding: 20px; - margin: 20px auto; - border: 1px solid #333; - box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3); - border-radius: 15px; -} - -h1, h2, h3 { - font-family: heading, serif; - color: #00ff9d; - text-shadow: 0 0 2px #00ff9d, 0 0 2px #00ff9d; } a { + font-family: courier, monospace; text-decoration: none; - color: #00ff9d; - transition: color 0.3s, text-shadow 0.3s; + color: #0e0e0e; +} + +h1, h2, h3 { + font-family: serif; } a:hover { text-decoration: underline; - color: #00d4ff; - text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff; } a.textlink:before { @@ -60,8 +24,6 @@ a.textlink:before { .quote { font-style: italic; - color: #00d4ff; - text-shadow: 0 0 7px #00d4ff, 0 0 14px #00d4ff; } .quote:before { @@ -76,54 +38,25 @@ a.textlink:before { ul { list-style: none; - padding-right: 23px; - padding-left: 10px; - margin: 0.75em 0 0.75em 0; -} - -li { - color: #ff6347; - margin-left: 1em; - margin-bottom: 0.25em; - text-shadow: 0 0 5px #ff6347, 0 0 10px #ff6347; + margin: 0 0 0 0; } li:before { content: "★"; padding-right: 5px; - color: #00ff9d; } img { max-width: 90%; - display: block; - margin: auto; - border: 2px solid #00d4ff; - box-shadow: 0 4px 15px rgba(0, 212, 255, 0.4); - border-radius: 10px; } pre { - font-family: code, monospace; - overflow-x: auto; + font-family: courier, monospace; background: #1e1e1e; padding: 20px; - border-left: 4px solid #00ff9d; - border-radius: 5px; - box-shadow: inset 0 0 10px #00ff9d; - color: #00d4ff; + color: #ffffff; } span.inlinecode { - font-family: code, monospace; - background: #1e1e1e; - padding: 1px; - border: 1px solid #00d4ff; - border-radius: 3px; - box-shadow: 0 0 6px #00d4ff; - color: #00d4ff; -} - -.footer { - font-family: handnotes; + font-family: courier, monospace; } |
