diff options
| author | Andrew Yu <andrew@andrewyu.org> | 2022-01-24 03:05:37 +0800 |
|---|---|---|
| committer | Andrew Yu <andrew@andrewyu.org> | 2022-01-24 03:05:37 +0800 |
| commit | 5b733137036c4d2eaf8aef66c2e41c7c484dfb5f (patch) | |
| tree | b7cb4a9263a5ccd8f8c4f7a86627490a61f0f092 | |
| parent | acbbd3e5e3ee5518cc415c46926e059c7d7be7f5 (diff) | |
| download | www-5b733137036c4d2eaf8aef66c2e41c7c484dfb5f.tar.gz | |
favorite CSS!
| -rw-r--r-- | favor.css | 107 |
1 files changed, 107 insertions, 0 deletions
diff --git a/favor.css b/favor.css new file mode 100644 index 0000000..0efe7dd --- /dev/null +++ b/favor.css @@ -0,0 +1,107 @@ +body { + background-color: black; + color: white; + margin: 3%; + line-height: 1.25; + text-align: justify; + font-family: serif; +} +div, p, h1, h2, h3, h4, h5, h6, ul, ol { + padding: 2px; +} +h1, h2, h3, h4, h5, h6 { + font-family: sans-serif; +} +h1 { + text-align: center; +} +#main { + margin: auto; + max-width: 50em; +} +#footer { + line-height: 1.2; + font-family: monospace; + font-size: 80%; +} +a:link { + color: cyan; + text-decoration: none; + font-style: italic; +} +a:visited { + color: violet; + text-decoration: none; + font-style: italic; +} +a:hover { + color: yellow; + text-decoration: none; + font-style: italic; +} +a:active { + color: lime; + text-decoration: none; + font-style: italic; +} +#nav ul { + list-style-type: none; + padding: 1em 0; + text-align: center; + /*************************************/ + /* border-top: 2px solid black; */ + /* border-bottom: 2px solid back; */ + /*************************************/ +} +#nav ul li { + font-family: sans-serif; + display: inline; + padding: 0 1.5em; + border: none; +} +#nav ul li a { + font-weight: bold; +} +#majornote { + color: lime; + display: block; + border: 2px dashed lime; + transition: all 0.5s; +} +#myproject { + color: orange; + display: block; + border: 2px dashed orange; + transition: padding 1s, font-size 1s; +} +#campaign { + color: red; + display: block; + border: 2px dashed red; + transition: padding 1s, font-size 1s; + animation-name: shake; + animation-iteration-count: 1; + animation-duration: 3s; +} +#memes { + margin: auto; + /* columns: 255 10em; */ +} +.alarm { + color: red; +} +.alert { + color: orange; +} +.good { + color: lime; +} +.annotation { + border: 2px dashed lime; +} +@keyframes shake { + 0%, 100% {transform: rotate(0deg);} + 10%, 30%, 50%, 70%, 90% {transform: rotate(-3deg);} + 20%, 40%, 60%, 80% {transform: rotate(3deg);} +} + |