diff options
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 160 |
1 files changed, 160 insertions, 0 deletions
diff --git a/style.css b/style.css new file mode 100644 index 0000000..47b7d40 --- /dev/null +++ b/style.css @@ -0,0 +1,160 @@ +:root { + --fg: #f58F44; + --black: #707880; + --red: #cc6666; + --green: #b5bd68; + --yellow: #f0c674; + --blue: #5f819d; + --magenta: #b294bb; + --cyan: #b4d6d1; + --white: #c5c8c6; + --bg-light: #303030; + --bg: #191919; + --line: 2px; +} + + +@font-face { + font-family: mononoki; + src: url(mononoki.woff); +} + +body { + background-color: #303030; + background-image: url("/images/bg.gif"); + background-repeat: repeat; + background-attachment: fixed; + image-rendering: pixelated; + image-rendering: optimizeSpeed; + + + /*background-image: url("https://davidovski.xyz/images/bg.png");*/ + color: #f58f44; + font-family: mononoki; + font-size: 16px; + padding: 0; + margin: 0; +} + +img { + image-rendering: pixelated; + image-rendering: optimizeSpeed; +} + +a { + color: #5f819d; + text-decoration: none; +} + +a:hover { + color: #b4d6d1; + text-decoration: underline; +} + +h1 { + color: #c5c8c6; +} + +h2 { + color: #b4d6d1; +} + +h3 { + color: #5f819d; +} + + +.main { + background-color: #191919; + margin-top: 0; + margin-bottom: 0; + margin-left: auto; + margin-right: auto; + + width: 70%; + + padding: 2%; + height: 100%; + + border-left: 2px solid #f58f44; + border-right: 2px solid #f58f44; + border-bottom: 2px solid #f58f44; +} + +.header { + text-align: center; +} + +.links { + text-align: center justify; + text-justify: inter-word; + #white-space: nowrap; +} + +hr { + width: 100%; + border: 0; + border-bottom: 2px solid #f58f44; +} + +.title { + font-size: 45px; + color: #f58f44; +} + +.small { + font-size: 9px; + padding: 0; + color: #707880; +} + +a.red { + color: #cc6666; +} + +a.green { + color: #b5bd68; +} + +a.blue { + color: #5f819d; +} + +code { + background-color: #303030; + font-size: 16px; + font-family: mononoki; + word-wrap: break-word; + width: 100%; +} + +pre { + background-color: #303030; + white-space: pre-wrap; + padding: 5px; + border: 2px solid #f58f44; + +} + +.grid { + display: inline; +} + +.about { + width: auto; +} + +.image { + width: auto; + float: right; +} + +ul { + list-style-type: none; + margin-left: 0; + padding-left: 0; +} + +img { + width: 100%; +} |