move styles->styles/ add about page

1 files changed, 154 insertions, 0 deletions

diff --git a/styles/def.css b/styles/def.css
new file mode 100644
index 0000000..46b8576
--- /dev/null
+++ b/styles/def.css
@@ -0,0 +1,154 @@
+:root {
+	--bg: #646c7f;
+	/* --bg: #717394; */
+	--fg: #fffde0;
+	--fg-link: #fff18f;
+}
+
+/* global */
+body {
+	margin: 0;
+	padding: 0;
+	background: var(--bg);
+	color: var(--fg);
+	font-family: "Libertinus Serif", serif;
+	font-size: 20px;
+	line-height: 1.2;
+}
+
+/* header */
+header {
+	padding: 20px;
+}
+
+header h1 {
+	margin: 0;
+	font-size: 35px;
+	font-weight: normal;
+	font-style: italic;
+}
+
+.h_mallocd {
+	color: var(--fg);
+}
+
+header a {
+	color: var(--fg);
+	text-decoration: none;
+}
+
+/* special tag */
+.uint {
+	background-color: var(--fg);
+	color: var(--bg);
+}
+
+/* sidebar */
+#side-bar {
+	position: absolute;
+	top: 80px;
+	left: 0;
+	width: 200px;
+	padding-left: 20px;
+}
+
+.side-title {
+	font-size: 25px;
+	margin: 20px 0 8px 0;
+	color: var(--fg);
+}
+
+#side-bar ul {
+	margin: 0 0 0 20px;
+	padding: 0px;
+	list-style: none;
+}
+
+#side-bar li {
+	margin: 6px 0;
+}
+
+/* links */
+a {
+	color: var(--fg-link);
+	text-decoration: none;
+	padding: 1px 2px;
+}
+
+a:hover {
+	background: var(--fg);
+	color: var(--bg);
+}
+
+/* article */
+article {
+	margin: 80px 0 0 0;
+	max-width: 800px;
+}
+
+.art_img {
+	image-rendering: pixelated;
+	image-rendering: crisp-edges;
+	image-rendering: -moz-crisp-edges;
+	max-width: 200px;
+	max-height: 190px;
+	height: auto;
+}
+
+h3 {
+	margin-top: 30px;
+	font-size: 25px;
+	color: var(--fg);
+	font-weight: normal;
+}
+
+/* footer */
+footer {
+	padding-top: 80px;
+	font-style: italic;
+	font-size: 17px;
+}
+
+/* article + footer alignment */
+article, footer {
+	margin-left: 240px;
+	margin-top: 0px;
+}
+
+/* font */
+.libertinus-serif-regular {
+	font-family: "Libertinus Serif", serif;
+	font-weight: 400;
+	font-style: normal;
+}
+
+.libertinus-serif-semibold {
+	font-family: "Libertinus Serif", serif;
+	font-weight: 600;
+	font-style: normal;
+}
+
+.libertinus-serif-bold {
+	font-family: "Libertinus Serif", serif;
+	font-weight: 700;
+	font-style: normal;
+}
+
+.libertinus-serif-regular-italic {
+	font-family: "Libertinus Serif", serif;
+	font-weight: 400;
+	font-style: italic;
+}
+
+.libertinus-serif-semibold-italic {
+	font-family: "Libertinus Serif", serif;
+	font-weight: 600;
+	font-style: italic;
+}
+
+.libertinus-serif-bold-italic {
+	font-family: "Libertinus Serif", serif;
+	font-weight: 700;
+	font-style: italic;
+}
+