diff options
| author | Bobby <[email protected]> | 2022-06-04 12:42:46 +0530 |
|---|---|---|
| committer | Bobby <[email protected]> | 2022-06-04 12:42:46 +0530 |
| commit | d6cc5ff789bd1ec79d02213e7fef634874b641f4 (patch) | |
| tree | df115bf3b6ed3039c86e2f61d825eba0997abefd /public/css | |
| parent | 6645bce78b088ffc844ad2185047a41a9ae35b2c (diff) | |
| download | thatcomputerscientist-d6cc5ff789bd1ec79d02213e7fef634874b641f4.tar.xz thatcomputerscientist-d6cc5ff789bd1ec79d02213e7fef634874b641f4.zip | |
custom fonts and logo
Diffstat (limited to 'public/css')
| -rw-r--r-- | public/css/fonts.css | 48 | ||||
| -rw-r--r-- | public/css/main.css | 17 |
2 files changed, 63 insertions, 2 deletions
diff --git a/public/css/fonts.css b/public/css/fonts.css new file mode 100644 index 00000000..037f1971 --- /dev/null +++ b/public/css/fonts.css @@ -0,0 +1,48 @@ +@font-face { + font-family: 'TimesPixelated'; + font-size: 16px; + src: url('../fonts/TIMES16-Regular.woff'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'TimesPixelated'; + font-size: 16px; + src: url('../fonts/TIMES16-Italic.woff'); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: 'TimesPixelated'; + font-size: 16px; + src: url('../fonts/TIMES16-Bold.woff'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'TimesPixelated'; + font-size: 24px; + src: url('../fonts/TIMES24-Bold.woff'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'TimesPixelated'; + font-size: 32px; + src: url('../fonts/TIMES32-Bold.woff'); + font-weight: bold; + font-style: normal; +} + +@font-face { + font-family: 'CourierPixelated'; + font-size: 16px; + src: url('../fonts/COUR16-Regular.woff'); + font-weight: normal; + font-style: normal; +} + diff --git a/public/css/main.css b/public/css/main.css index b7c5a4f9..75dd6cc7 100644 --- a/public/css/main.css +++ b/public/css/main.css @@ -7,10 +7,11 @@ body { background-color: #fafafa; padding: 0; min-width: calc(100vw - 16px); + font-family: 'TimesPixelated'; } .sidebar { - background-color: rgb(162, 201, 255); + background-color: #bad9ff; padding: 20px; overflow-x: hidden; overflow-y: auto; @@ -34,8 +35,19 @@ body { margin-top: 0; } +.title { + display: block; +} + +.title > img { + width: 10rem; + display: block; + margin: 0px auto 10px auto; + pointer-events: none; +} + .alert { - background-color: rgb(255, 202, 162); + background-color: #ffd4bd; padding: 20px; border: 1px solid #191919; } @@ -43,6 +55,7 @@ body { lebel, input, textarea, select { display: block; margin: 5px 0px; + font-family: 'TimesPixelated'; } input[type = 'submit'] { |