1 files changed, 171 insertions, 0 deletions
diff --git a/css/main.less b/css/main.less
new file mode 100644
index 0000000..523cbfc
--- /dev/null
+++ b/css/main.less
@@ -0,0 +1,171 @@
+@bodybgColor: #fefefe;
+@bodyTextColor: #454545;
+
+// Link Colors
+@linkColor: #07a;
+@linkVisitedColor: #07a;
+@linkVisitedInvertedColor: #ac5a82;
+// ===============
+
+@wrongColor: #c0392b;
+@shittyBlue: #0000EE;
+@shittyViolet: #551A8B;
+@motherfuckingColor: #16a085;
+@blockQuoteColor: #456;
+@openQuoteColor: #666;
+
+html {
+  background-color: @bodybgColor;
+}
+
+body {
+  font-family: Times;
+  color: @bodyTextColor;
+  font-size: 16px;
+  line-height: 1.4;
+  text-align: justify;
+  width: 100%;
+  margin: 0;
+}
+
+small {
+  font-size: 0.7em;
+}
+
+nav {
+	padding-bottom: 8px;
+	border-bottom: double @bodyTextColor;
+	text-align: center;
+	font-family: Sans;
+
+	a, a:visited {
+		margin: 0 0.5em;
+		font-size: 24px;
+		text-decoration: none;
+		color: @bodyTextColor;
+	}
+
+	.brand-name {
+		text-align: center;
+		display: block;
+		font-weight: bold;
+		font-size: 32px;
+		color: @bodyTextColor;
+		margin-bottom: 8px;
+	}
+}
+
+a, a:visited {
+  color: @linkColor;
+}
+
+li p {
+	margin: 0;
+}
+
+table {
+	width: 100%;
+}
+
+blockquote{
+  color: @blockQuoteColor;
+  margin-left: 0;
+  margin-top: 2em;
+  margin-bottom: 2em;
+
+  span{
+    float: left;
+    margin-left: 1rem;
+    padding-top: 1rem;
+  }
+
+  author{
+    display: block;
+    clear: both;
+    font-size: 0.6em;
+    margin-left: 2.4rem;
+    font-style: oblique;
+
+    &:before{
+      content: "- ";
+      margin-right: 1em;
+    }
+  }
+
+  &::before{
+    font-family: "Times New Roman", Times, Arial;
+    color: @openQuoteColor;
+    content: open-quote;
+    font-size: 2.2em;
+    font-weight: 600;
+    float: left;
+    margin-top: 0em;
+    margin-right: 0.2rem;
+    width: 1.2rem;
+  }
+
+  &::after{
+    content: "";
+    display: block;
+    clear: both;
+  }
+}
+
+pre.pygments {
+	border: double @openQuoteColor;
+	padding: 8px;
+}
+
+code {
+	background-color: #eee;
+	padding: 2px;
+}
+
+div.container {
+  max-width: 900px;
+  margin: 0 auto 0.5em auto;
+  padding-top: 1em;
+}
+
+span.citneed{
+  vertical-align: top;
+  font-size: 0.7em;
+  padding-left: 0.3em;
+}
+
+p.text-center {
+	text-align: center;
+}
+
+@media screen and (max-width: 500px) {
+  body{
+    text-align: left;
+  }
+
+  div.fancyPositioning{
+    div.picture-left{
+      float: none;
+      width: inherit;
+    }
+
+    div.tleft{
+      float: none;
+      width: inherit;
+    }
+  }
+
+  blockquote{
+    span{
+      width: 80%;
+    }
+    author{
+      padding-top: 1em;
+      width: 80%;
+      margin-left: 15%;
+      &::before{
+        content: "";
+        margin-right: inherit;
+      }
+    }
+  }
+}