redo website with the new_journal style

1 files changed, 112 insertions, 0 deletions

diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..bddd481
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,112 @@
+@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700);
+
+*, *:before, *:after {
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+}
+html {
+	background-color: #eee;
+}
+body {
+	max-width: 42rem;
+	margin: -1.5rem auto;
+	padding-left: 1rem;
+	padding-right: 1rem;
+	border-width: 0 1px 1px 1px;
+	border-style: solid;
+	border-color: #ccc;
+	background-color: #fcfcfc;
+	font-family: 'PT Sans';
+	font-size: 16px;
+	-moz-hyphens: auto;
+	-webkit-hyphens: auto;
+}
+header nav {
+	padding-top: 2.25rem;
+}
+header nav ul {
+	font-family: 'DejaVu Sans Mono';
+	font-size: 0.9rem;
+	list-style-type: none;
+	padding: 0;
+	margin: 0;
+}
+header nav ul li {
+	margin-right: 0.5rem;
+	display: inline;
+}
+header nav a, header nav a:visited {
+	text-decoration: none;
+	color: #444;
+}
+header nav a:hover {
+	color: #111;
+}
+header h1 {
+	font-size: 1.6rem;
+}
+
+.post, #about {
+	margin-bottom: 1rem;
+	border-bottom: 0.15rem;
+	border-bottom-style: dotted;
+	border-bottom-color: #bbb;
+}
+
+.post .title {
+	font-size: 1.4rem;
+	margin-top: 0;
+	margin-bottom: 0.3rem;
+}
+.post .info {
+	font-size: 0.9rem;
+	color: #505050;
+	margin-bottom: -0.4rem;
+}
+.post > p:first-of-type:first-letter {
+	float: left;
+	color: #903;
+	font-size: 3rem;
+	line-height: 2rem;
+	padding-top: 0.4rem;
+	padding-right: 0.4rem;
+	padding-left: 0.1rem;
+	font-family: 'Georgia';
+}
+@media (max-width: 767px) {
+	.post > p:first-of-type:first-letter {
+		padding-top: 0.3rem;
+		padding-right: 0.2rem;
+		font-size: 2.7rem;
+	}
+}
+
+#about p#last-upd {
+	font-size: 14px;
+	text-align: right;
+	margin: 0;
+}
+#about p#author {
+	font-size: 14px;
+	text-align: right;
+	margin: 0 0 1rem 0;
+}
+
+footer {
+	font-size: 16px;
+	display: flex;
+	align-content: flex-start;
+}
+footer p {
+	flex: 1;
+	margin-top: 0;
+	padding-top: 0;
+}
+footer #emblem {
+	flex: 1;
+	flex-basis: 55px;
+	flex-grow: 0;
+	margin-top: 0.2rem;
+	padding-top: 0;
+}