diff options
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 92 |
1 files changed, 59 insertions, 33 deletions
@@ -24,76 +24,102 @@ } body { - font-family: text, sans-serif; - max-width: 1024px; - padding: 10px 10px; - margin: 20px auto; + font-family: text, sans-serif; + background: linear-gradient(135deg, #0d0d0d, #1f1f1f); + color: #e0e0e0; + 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; + font-family: heading, serif; + color: #00ff9d; + text-shadow: 0 0 10px #00ff9d, 0 0 20px #00ff9d; } a { - text-decoration: none; + text-decoration: none; + color: #00ff9d; + transition: color 0.3s, text-shadow 0.3s; } a:hover { - text-decoration: underline; + text-decoration: underline; + color: #00d4ff; + text-shadow: 0 0 10px #00d4ff, 0 0 20px #00d4ff; } a.textlink:before { - content: "⇒ "; - padding-left: 11px; + content: "⇒ "; + padding-left: 11px; } .quote { - font-style: italic; + font-style: italic; + color: #00d4ff; + text-shadow: 0 0 7px #00d4ff, 0 0 14px #00d4ff; } .quote:before { - content: "« "; - padding-left: 2px; + content: "« "; + padding-left: 2px; } .quote:after { - content: " »"; - padding-right: 2px; + content: " »"; + padding-right: 2px; } ul { - list-style: none; - padding-right: 23px; - padding-left: 10px; - margin: 0.75em 0 0.75em 0; + list-style: none; + padding-right: 23px; + padding-left: 10px; + margin: 0.75em 0 0.75em 0; } li { - color: purple; - margin-left: 1em; - margin-bottom: 0.25em; + color: #ff6347; + margin-left: 1em; + margin-bottom: 0.25em; + text-shadow: 0 0 5px #ff6347, 0 0 10px #ff6347; } li:before { - content: "★"; - padding-right: 5px; + content: "★"; + padding-right: 5px; + color: #00ff9d; } img { - max-width: 90%; - display: block; - margin: auto; - border: 1px solid #333333; + 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; - padding-left: 23px; - border-left: dashed grey; + font-family: code, monospace; + overflow-x: auto; + background: #1e1e1e; + padding: 20px; + border-left: 4px solid #00ff9d; + border-radius: 5px; + box-shadow: inset 0 0 10px #00ff9d; + color: #00d4ff; } span.inlinecode { - font-family: code, monospace; - padding: 1px; + font-family: code, monospace; + background: #1e1e1e; + padding: 5px; + border: 1px solid #00d4ff; + border-radius: 5px; + box-shadow: 0 0 5px #00d4ff; + color: #00d4ff; } |