src: Content scaffold

1 files changed, 108 insertions, 0 deletions

diff --git a/src/style/style.css b/src/style/style.css
new file mode 100644
index 0000000..8d60214
--- /dev/null
+++ b/src/style/style.css
@@ -0,0 +1,108 @@
+
+/*
+ * rgoncalves.se
+ * /do whatever you want with that shit/
+ */
+
+* {
+	font-family: monospace, monospace;
+	text-align: justify;
+}
+
+html {
+	margin-left: auto;
+	margin-right: auto;
+	max-width: 80ch;
+
+	margin-top: 3em;
+}
+
+header {
+	margin-bottom: 1em;
+}
+header ul {
+	padding-left: 0;
+}
+header ul li {
+	display: inline-block;
+}
+header ul li:last-child {
+	float: right;
+}
+
+header img {
+	padding-right: 1em;
+	max-width: 2em;
+	float: left;
+}
+
+a, a:hover, a:visited {
+	color: blue;
+}
+a:hover {
+	background-color: #eeeeee;
+}
+
+ul.index {
+	padding-inline-start: 0;
+}
+ul.index li {
+	margin: .4em 0 .4em 0;
+	display: block;
+	background-color: #eeeeee;
+}
+ul.index li span {
+	float: right;
+}
+
+span.date {
+	display: block;
+}
+
+table {
+	border-collapse: collapse;
+	min-width: 100%;
+	display: table;
+	font-size: .8em;
+}
+table th, table td {
+	padding: .4em 1em .4em 1em;
+	margin: 0;
+	overflow: hidden;
+}
+table td.boolean {
+	text-justify: right;
+}
+table tr:hover {
+	background-color: #eeeeee;
+}
+
+pre {
+	background-color: #eeeeee;
+	overflow: auto;
+}
+
+blockquote {
+	margin-inline-end: 0;
+	margin-inline-start: 20%;
+}
+blockquote * {
+	background-color: yellow;
+	font-style: italic;
+}
+
+footer {
+	margin-top: 16em;
+}
+
+@media only screen and (max-width: 100ch) {
+	body {
+		width: 90%;
+	}
+	header nav li {
+		display: block;
+	}
+	.float-right {
+		float: none;
+	}
+}