summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/main.css46
-rw-r--r--assets/css/skeleton.css24
2 files changed, 38 insertions, 32 deletions
diff --git a/assets/css/main.css b/assets/css/main.css
index 1b4341b..c46729c 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,6 +1,13 @@
+@font-face {
+ font-family: 'Nouveau IBM Stretch';
+ src: url('/assets/fonts/Nouveau_IBM_Stretch.ttf') format('truetype');
+}
+
:root {
--main-bg-color: #202020;
--main-fg-color: #00B140;
+ --font-family: 'Nouveau IBM Stretch', 'Roboto Mono', monospace;
+ --text-shadow: 0 0 1px var(--main-fg-color), 0 0 6px var(--main-fg-color);
}
*,
@@ -16,21 +23,21 @@ body {
text-decoration-skip: ink;
color: var(--main-fg-color);
padding-top: 10px;
- font-family: 'Roboto Mono', monospace;
+ font-family: var(--font-family);
background-color: var(--main-bg-color);
background-size: 2px 2px;
- text-shadow: 0 0 1px var(--main-fg-color), 0 0 6px var(--main-fg-color);
+ /* text-shadow: var(--text-shadow); */
}
::selection {
- color: var(--main-bg-color);
- background: var(--main-fg-color);
- text-shadow: 0 0 1px var(--main-bg-color), 0 0 6px var(--main-bg-color);
+ color: var(--main-bg-color);
+ background: var(--main-fg-color);
+ /* text-shadow: var(--text-shadow); */
}
::-moz-selection {
- color: var(--main-bg-color);
- background: var(--main-fg-color);
- text-shadow: 0 0 1px var(--main-bg-color), 0 0 6px var(--main-bg-color);
+ color: var(--main-bg-color);
+ background: var(--main-fg-color);
+ /* text-shadow: var(--text-shadow); */
}
.footer {
@@ -39,7 +46,7 @@ body {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
- color: rgba(47, 47, 47, 0.6)
+ color: var(--main-fg-color);
}
a {
@@ -196,6 +203,15 @@ pre::-webkit-scrollbar {
display: none;
}
+code {
+ line-height: 2.4rem;
+ font-family: var(--font-family);
+}
+
+input {
+ font-family: var(--font-family);
+}
+
.typewriter-1 {
overflow: hidden;
white-space: nowrap;
@@ -221,12 +237,12 @@ pre::-webkit-scrollbar {
.typewriter-2::after {
filter: brightness(0.9);
background-color: var(--main-fg-color);
- box-shadow: 0 0 1px var(--main-fg-color), 0 0 6px var(--main-fg-color);
+ /* box-shadow: var(--text-shadow); */
content: '';
display: inline-block;
- width: 1.3rem;
- height: 1.9rem;
- margin-left: -8px;
+ width: 0.9rem;
+ height: 1.45rem;
+ margin-left: -6px;
animation: cursor-blink 1s steps(1, start) infinite;
animation-delay: 3.5s;
}
@@ -242,7 +258,7 @@ pre::-webkit-scrollbar {
border-color: var(--main-fg-color);
color: var(--main-fg-color) !important;
background-color: var(--main-bg-color);
- text-shadow: 0 0 1px var(--main-fg-color), 0 0 6px var(--main-fg-color);
+ /* text-shadow: 0 0 1px var(--main-fg-color), 0 0 6px var(--main-fg-color); */
}
#search-btn {
@@ -250,5 +266,5 @@ pre::-webkit-scrollbar {
border-color: var(--main-fg-color);
color: var(--main-fg-color);
background-color: var(--main-bg-color);
- text-shadow: 0 0 1px var(--main-fg-color), 0 0 6px var(--main-fg-color);
+ /* text-shadow: 0 0 1px var(--main-fg-color), 0 0 6px var(--main-fg-color); */
}
diff --git a/assets/css/skeleton.css b/assets/css/skeleton.css
index 87b0050..0354b60 100644
--- a/assets/css/skeleton.css
+++ b/assets/css/skeleton.css
@@ -120,8 +120,8 @@ are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
font-size: 62.5%; }
body {
- font-size: 1.8em; /* currently ems cause chrome bug misinterpreting rems on body element */
- line-height: 1.4;
+ font-size: 2.0em; /* currently ems cause chrome bug misinterpreting rems on body element */
+ line-height: 1.2;
}
h1, h2, h3, h4, h5, h6 {
@@ -131,21 +131,11 @@ h1, h2, h3, h4, h5, h6 {
}
h1 { font-size: 4.0rem; line-height: 1.2; letter-spacing: -.1rem;}
-h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem; }
+h2 { font-size: 3.6rem; line-height: 1.2; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3; letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
-h5 { font-size: 1.8rem; line-height: 1.5; letter-spacing: -.05rem; }
-h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; }
-
-/* Larger than phablet */
-@media (min-width: 550px) {
- h1 { font-size: 5.0rem; }
- h2 { font-size: 3.4rem; }
- h3 { font-size: 3.0rem; }
- h4 { font-size: 2.6rem; }
- h5 { font-size: 2.4rem; }
- h6 { font-size: 1.5rem; }
-}
+h5 { font-size: 2.0rem; line-height: 1.5; letter-spacing: -.05rem; }
+h6 { font-size: 1.8rem; line-height: 1.6; letter-spacing: 0; }
p {
margin-top: 0; }
@@ -289,7 +279,7 @@ ol ul {
margin: 1.5rem 0 1.5rem 3rem;
font-size: 90%; }
li {
- margin-bottom: 0.6rem; }
+ margin-bottom: 0.1rem; }
ol {
margin-left: 1.8em; }
@@ -299,7 +289,7 @@ ol {
code {
padding: .2rem .5rem;
margin: 0 .2rem;
- font-size: 95%;
+ /* font-size: 95%; */
white-space: nowrap;
border-radius: 4px; }