From 64cd302a2b4e2d5219c34ebb0ce82f0c3dba71b3 Mon Sep 17 00:00:00 2001
From: resynth1943 <resynth1943@tutanota.com>
Date: Sat, 27 Jun 2020 01:59:05 +0100
Subject: [PATCH] Add styling
---
styling/footer.css | 8 ++++
styling/header.css | 52 +++++++++++++++++++++++++
styling/home.css | 18 +++++++++
styling/main.css | 96 ++++++++++++++++++++++++++++++++++++++++++++++
styling/text.css | 5 +++
5 files changed, 179 insertions(+)
create mode 100644 styling/footer.css
create mode 100644 styling/header.css
create mode 100644 styling/home.css
create mode 100644 styling/main.css
create mode 100644 styling/text.css
diff --git a/styling/footer.css b/styling/footer.css
new file mode 100644
index 0000000..144223a
--- /dev/null
+++ b/styling/footer.css
@@ -0,0 +1,8 @@
+.footer-description {
+ color: rgb(173, 173, 173);
+}
+
+footer {
+ /* The footer was just touching the bottom of the screen, so let's add some more space. */
+ margin-bottom: 20px;
+}
\ No newline at end of file
diff --git a/styling/header.css b/styling/header.css
new file mode 100644
index 0000000..741da7a
--- /dev/null
+++ b/styling/header.css
@@ -0,0 +1,52 @@
+.header-nav {
+ font-weight: light;
+}
+
+.header-list {
+ margin: 0;
+ padding-left: 0;
+ display: inline-block;
+}
+
+.header-list > li {
+ display: inline-block;
+}
+
+.header-list > li:not(:last-child) {
+ margin-right: 30px;
+}
+
+.header-list a {
+ color: inherit;
+ text-decoration: none;
+}
+
+.header-nav {
+ padding: 20px;
+ border-left: 10px solid #6D6875;
+ }
+
+ ul.header-list * {
+ font-size: 20px;
+ }
+
+.header-list * {
+ font-weight: lighter;
+}
+
+.header-brand {
+ font-size: 20px;
+ color: #E5989B;
+ text-decoration: none;
+ float: right;
+}
+
+@media screen and (max-width: 600px) {
+ .header-list > li {
+ display: block;
+ }
+
+ .header-list > li:not(:last-child) {
+ margin-bottom: 15px;
+ }
+}
\ No newline at end of file
diff --git a/styling/home.css b/styling/home.css
new file mode 100644
index 0000000..8668d44
--- /dev/null
+++ b/styling/home.css
@@ -0,0 +1,18 @@
+.post-item-date {
+ margin: 0;
+ color: #adadad;
+}
+
+.post-item-title {
+ margin-bottom: 2px;
+}
+
+.post-item-link, .post-item-link * {
+ margin-bottom: 2px;
+ padding-bottom: 0;
+}
+
+.post-item-date {
+ margin-top: 0;
+ padding-top: 0;
+}
\ No newline at end of file
diff --git a/styling/main.css b/styling/main.css
new file mode 100644
index 0000000..730e0f1
--- /dev/null
+++ b/styling/main.css
@@ -0,0 +1,96 @@
+body {
+ font-family: monospace;
+ text-align: left;
+ padding: 50px 20px 0;
+ background: #212121;
+ color: #e7e7e7;
+ margin: 0;
+ max-width: 900px;
+ margin: auto;
+ height: 90%;
+}
+
+.container {
+ font-size: 18px;
+ line-height: 2;
+ letter-spacing: 10;
+}
+
+.container a {
+ color: #E5989B;
+}
+
+html {
+ height: 100%;
+}
+
+h1 {
+ font-size: 65px;
+ line-height: 1.2em;
+ font-weight: 800;
+ border-bottom: #414141 solid 1px;
+ padding: 20px 0;
+ color: #FFB4A2;
+ text-shadow: 4px 4px 0px #6D6875;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ font-family: Aldrich;
+}
+
+h3 {
+ font-weight: 300;
+}
+
+a:visited {
+ color: #2492A2;
+ text-decoration: line-through;
+}
+
+.main-title {
+ border-bottom: none;
+ margin-bottom: 0;
+ padding-bottom: 0;
+}
+
+html {
+ cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABFklEQVRYR9WXURLDIAhE6/0PbSdOtUpcd1Gnpv1KGpTHBpCE1/cXq+vrMph7dGvXZTtpfW10DCA5jrH1H0Jhs5E0hnZdCR+vb5S8Nn8mQCeS9BdSalYJqMBjAGzq59xAESN7VFVUgV8AZB/dZBR7QTFDCqGquvUBVVoEtgIwpQRzmANSFHgWQKExHdIrPeuMvQNDarXe6nC/AutgV3JW+6bgqQLeV8FekRtgV+ToDKEKnACYKsfZjjkam7a0ZpYTytwmgainpC3HvwBocgKOxqRjehoR9DFKNFYtOwCGYCszobeCbl26N6yyQ6g8X/Wex/rBPsNEV6qAMaJPMynIHQCoSqS9JSMmwef51LflTgCRszU7DvAGiV6mHWfsaVUAAAAASUVORK5CYII=), auto;
+}
+
+hr:not(.no-bottom-margin) {
+ margin-bottom: 30px;
+ margin-top: 30px;
+}
+
+a,
+button {
+ cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAzElEQVRYR+2X0Q6AIAhF5f8/2jYXZkwEjNSVvVUjDpcrGgT7FUkI2D9xRfQETwNIiWO85wfINfQUEyxBG2ArsLwC0jioGt5zFcwF4OYDPi/mBYKm4t0U8ATgRm3ThFoAqkhNgWkA0jJLvaOVSs7j3qMnSgXWBMiWPXe94QqMBMBc1VZIvaTu5u5pQewq0EqNZvIEMCmxAawK0DNkay9QmfFNAJUXfgGgUkLaE7j/h8fnASkxHTz0DGIBMCnBeeM7AArpUd3mz2x3C7wADglA8BcWMZhZAAAAAElFTkSuQmCC) 14 0, pointer;
+}
+
+.take-away {
+ background: #7BDFF2;
+ padding: 15px;
+ color: black;
+}
+
+/* aldrich-regular - latin */
+@font-face {
+ font-family: 'Aldrich';
+ font-style: normal;
+ font-weight: 400;
+ src: url('/assets/fonts/aldrich-v10/aldrich-v10-latin-regular.eot'); /* IE9 Compat Modes */
+ src: local('Aldrich Regular'), local('Aldrich-Regular'),
+ url('/assets/fonts/aldrich-v10/aldrich-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+ url('/assets/fonts/aldrich-v10/aldrich-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
+ url('/assets/fonts/aldrich-v10/aldrich-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
+ url('/assets/fonts/aldrich-v10/aldrich-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
+ url('/assets/fonts/aldrich-v10/aldrich-v10-latin-regular.svg#Aldrich') format('svg'); /* Legacy iOS */
+}
+
+.container > pre, .container > p > code {
+ color: #00b591;
+}
+
+.container > pre {
+ margin-left: 20px;
+}
diff --git a/styling/text.css b/styling/text.css
new file mode 100644
index 0000000..04efb7b
--- /dev/null
+++ b/styling/text.css
@@ -0,0 +1,5 @@
+.take-away {
+ background: #7BDFF2;
+ padding: 15px;
+ color: black;
+}
\ No newline at end of file
--
GitLab