pyratebeard_net

commit 4cb19acb0c4a9a9ef670b5981f2b19df6b73e69f
parent db996ff555d33607338beb826c3fe00cc4dd0f48
Author: pyratebeard <root@pyratebeard.net>
Date:   Wed,  9 Apr 2025 23:58:37 +0100

feat: another colourscheme

Diffstat:
M
style.css
 | 
91
+++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------

1 file changed, 59 insertions(+), 32 deletions(-)
diff --git a/style.css b/style.css
@@ -28,12 +28,23 @@
 	font-style: normal;
 }
 
+@font-face {
+  font-family: 'UnifontExMono';
+  src: url('http://stgiga.github.io/UnifontEX/UnifontExMono.eot'); /* IE9 Compat Modes */
+  src: url('http://stgiga.github.io/UnifontEX/UnifontExMono.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('https://stgiga.github.io/UnifontEX/UnifontExMono.woff') format('woff'), /* Pretty Modern Browsers */
+       url('https://stgiga.github.io/UnifontEX/UnifontExMono.ttf')  format('truetype'), /* Safari, Android, iOS */
+       url('http://stgiga.github.io/UnifontEX/UnifontExMono.woff2') format('woff2'), /* Super Modern Browsers */
+       url('http://stgiga.github.io/UnifontEX/UnifontExMono.svg#UnifontExMono') format('svg'); /* Legacy iOS */
+}
+
 body {
-	font-family: 'main-font';
-	background-color: #181818;
-	color: #eee4e4;
+	font-family: 'UnifontExMono';
+	background-color: #0e0d0b;
+	color: #f3f1ef;
 	letter-spacing: 1.1px;
-	line-height: 1.5;
+	line-height: 1.6;
+	font-weight: bold;
 }
 
 header,
@@ -67,15 +78,15 @@ header > p {
 }
 
 h1, h2, h3, h4, h5 {
-	font-family: 'main-font';
+	font-family: 'UnifontExMono';
 	text-transform: lowercase;
 }
 h1 {
 	/*font-family: topaz;*/
-	color: #bdcf15;
+	color: #ec0402;
 }
 h2, h3, h4, h5 {
-	color: #bdcf15;
+	color: #ec0402;
 }
 
 /*h2, h3, h4 {
@@ -93,21 +104,25 @@ h5 {
 */
 
 a {
-	color: #d2312b;
+	color: #f40004;
+	background-color: #40000f;
 	text-decoration: none;
 }
 
 a:active,a:hover,a:focus {
-	color: #fa1d15;
+	color: #40000f;
+	background-color: #ec0402;
 	text-decoration: none;
 }
 
 a.dead {
-	color: #bdcf15;
+	color: #40000f;
+	background-color: #ec0402;
 }
 
 a.index {
-	color: #eee4e4;
+	color: #f3f1ef;
+	background-color: unset;
 	border-bottom: 0px;
 	padding: 3px;
 }
@@ -115,29 +130,29 @@ a.index {
 a.index:active,
 a.index:hover,
 a.index:focus {
-	color: #bdcf15;
-	background-color: #464141;
+	color: #f40004;
+	background-color: #40000f;
 }
 
 ul {
 	list-style: '- ';
-	line-height: 1.5;
+	line-height: 1.6;
 }
 
 ul.index {
 	list-style: none;
-	font-size: 1.1em;
+	/*font-size: 1.1em;*/
 }
 
 ul.index li a b {
-	font-family: 'bpmono';
-	font-size: 14px;
+	font-family: 'UnifontExMono';
+	/*font-size: 14px;*/
 	font-weight: normal;
 }
 
 hr {
 	border-bottom: 0px;
-	border-top: 1px solid #676060;
+	border-top: 1px solid #44393c;
 	width: 30%;
 }
 
@@ -152,29 +167,29 @@ pre {
 	border-radius: 0px;
 	/*border: 1px solid #ec0402;*/
 	/*border-left: 12px solid #9c353e;*/
-	background-color: #464141;
+	background-color: #44393c;
 	display: table;
 }
 
 pre > code {
-	color: #c8db98;
-	background-color: #464141;
-	font-family: 'envy';
+	color: #bdcf15;
+	background-color: #35372e;
+	font-family: 'UnifontExMono';
 	padding: 7.5px;
 	display: table;
-	font-size: 0.9em;
+	font-size: 1.1em;
 	white-space: pre-wrap;
 }
 
 code {
-	color: #c8db98;
+	color: #bdcf15;
 	/*background-color: #6a3c42;*/
 	/*background-color: #363838;*/
-	font-family: 'envy';
-	font-size: 0.9em;
+	font-family: 'UnifontExMono';
+	/*font-size: 0.9em;*/
 	padding: 2px 4px 2px 4px;
 	border-radius: 2px;
-	word-break: break-all;
+	word-break: keep-all;
 }
 
 /* site specific css */
@@ -205,17 +220,18 @@ small {
 }
 
 .nix {
-    height: 150px;
-    width: auto;
+	height: 150px;
+	width: auto;
 	margin: 10px;
 }
 
 #scrots a {
+	background-color: unset;
 	border-bottom: 0px !important;
 }
 
 i {
-	color: #c9b09a;
+	color: #cfa5a5;
 	font-style: normal !important;
 }
 
@@ -243,17 +259,28 @@ i {
 	right: 10px;
 }
 sup a {
-	color: #7a6e7e;
+	color: #cfa5a5;
+	background-color: unset;
+}
+sup a:active,
+sup a:hover,
+sup a:focus {
+	color: #f40004;
+	background-color: unset;
 }
+
 #pentaculum-ring .pentaculum-nav {
 	font-size: 1.2rem
 }
 #pentaculum-ring .pentaculum-icon img {
 	vertical-align: bottom
 }
+#pentaculum-ring a {
+	background-color: unset;
+}
 hr.footer {
 	border-bottom: 0px;
-	border-top: 1px solid #676060;
+	border-top: 1px solid #44393c;
 	max-width: 888px;
 	width: 100%;
 	margin-left: 0px;