diff options
| author | Paul Buetow <paul@buetow.org> | 2022-01-21 20:37:53 +0000 |
|---|---|---|
| committer | Paul Buetow <paul@buetow.org> | 2022-01-21 20:37:53 +0000 |
| commit | 2a1bba6e4c7b8c1909362ed8ec921f8525eede74 (patch) | |
| tree | a2ad1edd0af53f23a868d9d94105bc8582198d0e | |
| parent | 3c9bb831dffb9451d91f6709cdf0947a39ae460c (diff) | |
experimental style
| -rw-r--r-- | gemfeed/style.css | 49 | ||||
| -rw-r--r-- | style.css | 49 |
2 files changed, 62 insertions, 36 deletions
diff --git a/gemfeed/style.css b/gemfeed/style.css index 956541df..54c0d9a0 100644 --- a/gemfeed/style.css +++ b/gemfeed/style.css @@ -3,37 +3,41 @@ body { padding-left: 10px; padding-right: 10px; max-width: 900px; - background-color: #37585E; + background-color: #ffffff; color: #ddddce; font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace; font-style: normal; font-variant: normal; } -h1 { +h1, h2, h3 { + padding-top: 23px; + padding-bottom: 23px; + padding-left: 5px; color: #ffffff; -} - -h2 { - color: #ffffef; -} - -h3 { - color: #eeeede; + background-color: #000000; + text-decoration: underline; } a { - color: #99ccff; + color: #ffffff; text-decoration: none; + background-color: #000000; } a:hover { - color: #55bc90; + color: #000000; text-decoration: underline; + background-color: #ffffff; } -li { - color: #99ccff; +ul { + color: #ffffff; + background-color: #000000; + padding-top: 23px; + padding-bottom: 23px; + padding-right: 23px; + padding-left: 77px; } img { @@ -45,10 +49,11 @@ img { pre { display: block; - background-color: #111; - color: #bbbfaf; padding: 5px; overflow-x: auto; + color: #ffffff; + background-color: #000000; + border: 15px solid grey; } a.textlink:before { @@ -56,12 +61,20 @@ a.textlink:before { padding-left: 11px; } +p { + color: #ffffff; + background-color: #000000; + padding: 23px; +} + p.quote { - color: cyan; + color: #ffffff; + background-color: #000000; } p.footer { - color: #ffa500; + color: #ffffff; + background-color: #000000; } p.quote:before { @@ -3,37 +3,41 @@ body { padding-left: 10px; padding-right: 10px; max-width: 900px; - background-color: #37585E; + background-color: #ffffff; color: #ddddce; font-family: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace; font-style: normal; font-variant: normal; } -h1 { +h1, h2, h3 { + padding-top: 23px; + padding-bottom: 23px; + padding-left: 5px; color: #ffffff; -} - -h2 { - color: #ffffef; -} - -h3 { - color: #eeeede; + background-color: #000000; + text-decoration: underline; } a { - color: #99ccff; + color: #ffffff; text-decoration: none; + background-color: #000000; } a:hover { - color: #55bc90; + color: #000000; text-decoration: underline; + background-color: #ffffff; } -li { - color: #99ccff; +ul { + color: #ffffff; + background-color: #000000; + padding-top: 23px; + padding-bottom: 23px; + padding-right: 23px; + padding-left: 77px; } img { @@ -45,10 +49,11 @@ img { pre { display: block; - background-color: #111; - color: #bbbfaf; padding: 5px; overflow-x: auto; + color: #ffffff; + background-color: #000000; + border: 15px solid grey; } a.textlink:before { @@ -56,12 +61,20 @@ a.textlink:before { padding-left: 11px; } +p { + color: #ffffff; + background-color: #000000; + padding: 23px; +} + p.quote { - color: cyan; + color: #ffffff; + background-color: #000000; } p.footer { - color: #ffa500; + color: #ffffff; + background-color: #000000; } p.quote:before { |