Initial commit

2 files changed, 242 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;
+      }
+    }
+  }
+}
diff --git a/css/pygments.scss b/css/pygments.scss
new file mode 100644
index 0000000..98fbf5a
--- /dev/null
+++ b/css/pygments.scss
@@ -0,0 +1,71 @@
+---
+---
+.listingblock .pygments .hll { background-color: #ffffcc }
+.listingblock .pygments, .listingblock .pygments code { background: #f8f8f8; }
+.listingblock .pygments .tok-c { color: #008800; font-style: italic } /* Comment */
+.listingblock .pygments .tok-err { border: 1px solid #FF0000 } /* Error */
+.listingblock .pygments .tok-k { color: #AA22FF; font-weight: bold } /* Keyword */
+.listingblock .pygments .tok-o { color: #666666 } /* Operator */
+.listingblock .pygments .tok-ch { color: #008800; font-style: italic } /* Comment.Hashbang */
+.listingblock .pygments .tok-cm { color: #008800; font-style: italic } /* Comment.Multiline */
+.listingblock .pygments .tok-cp { color: #008800 } /* Comment.Preproc */
+.listingblock .pygments .tok-cpf { color: #008800; font-style: italic } /* Comment.PreprocFile */
+.listingblock .pygments .tok-c1 { color: #008800; font-style: italic } /* Comment.Single */
+.listingblock .pygments .tok-cs { color: #008800; font-weight: bold } /* Comment.Special */
+.listingblock .pygments .tok-gd { color: #A00000 } /* Generic.Deleted */
+.listingblock .pygments .tok-ge { font-style: italic } /* Generic.Emph */
+.listingblock .pygments .tok-gr { color: #FF0000 } /* Generic.Error */
+.listingblock .pygments .tok-gh { color: #000080; font-weight: bold } /* Generic.Heading */
+.listingblock .pygments .tok-gi { color: #00A000 } /* Generic.Inserted */
+.listingblock .pygments .tok-go { color: #888888 } /* Generic.Output */
+.listingblock .pygments .tok-gp { color: #000080; font-weight: bold } /* Generic.Prompt */
+.listingblock .pygments .tok-gs { font-weight: bold } /* Generic.Strong */
+.listingblock .pygments .tok-gu { color: #800080; font-weight: bold } /* Generic.Subheading */
+.listingblock .pygments .tok-gt { color: #0044DD } /* Generic.Traceback */
+.listingblock .pygments .tok-kc { color: #AA22FF; font-weight: bold } /* Keyword.Constant */
+.listingblock .pygments .tok-kd { color: #AA22FF; font-weight: bold } /* Keyword.Declaration */
+.listingblock .pygments .tok-kn { color: #AA22FF; font-weight: bold } /* Keyword.Namespace */
+.listingblock .pygments .tok-kp { color: #AA22FF } /* Keyword.Pseudo */
+.listingblock .pygments .tok-kr { color: #AA22FF; font-weight: bold } /* Keyword.Reserved */
+.listingblock .pygments .tok-kt { color: #00BB00; font-weight: bold } /* Keyword.Type */
+.listingblock .pygments .tok-m { color: #666666 } /* Literal.Number */
+.listingblock .pygments .tok-s { color: #BB4444 } /* Literal.String */
+.listingblock .pygments .tok-na { color: #BB4444 } /* Name.Attribute */
+.listingblock .pygments .tok-nb { color: #AA22FF } /* Name.Builtin */
+.listingblock .pygments .tok-nc { color: #0000FF } /* Name.Class */
+.listingblock .pygments .tok-no { color: #880000 } /* Name.Constant */
+.listingblock .pygments .tok-nd { color: #AA22FF } /* Name.Decorator */
+.listingblock .pygments .tok-ni { color: #999999; font-weight: bold } /* Name.Entity */
+.listingblock .pygments .tok-ne { color: #D2413A; font-weight: bold } /* Name.Exception */
+.listingblock .pygments .tok-nf { color: #00A000 } /* Name.Function */
+.listingblock .pygments .tok-nl { color: #A0A000 } /* Name.Label */
+.listingblock .pygments .tok-nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
+.listingblock .pygments .tok-nt { color: #008000; font-weight: bold } /* Name.Tag */
+.listingblock .pygments .tok-nv { color: #B8860B } /* Name.Variable */
+.listingblock .pygments .tok-ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
+.listingblock .pygments .tok-w { color: #bbbbbb } /* Text.Whitespace */
+.listingblock .pygments .tok-mb { color: #666666 } /* Literal.Number.Bin */
+.listingblock .pygments .tok-mf { color: #666666 } /* Literal.Number.Float */
+.listingblock .pygments .tok-mh { color: #666666 } /* Literal.Number.Hex */
+.listingblock .pygments .tok-mi { color: #666666 } /* Literal.Number.Integer */
+.listingblock .pygments .tok-mo { color: #666666 } /* Literal.Number.Oct */
+.listingblock .pygments .tok-sa { color: #BB4444 } /* Literal.String.Affix */
+.listingblock .pygments .tok-sb { color: #BB4444 } /* Literal.String.Backtick */
+.listingblock .pygments .tok-sc { color: #BB4444 } /* Literal.String.Char */
+.listingblock .pygments .tok-dl { color: #BB4444 } /* Literal.String.Delimiter */
+.listingblock .pygments .tok-sd { color: #BB4444; font-style: italic } /* Literal.String.Doc */
+.listingblock .pygments .tok-s2 { color: #BB4444 } /* Literal.String.Double */
+.listingblock .pygments .tok-se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
+.listingblock .pygments .tok-sh { color: #BB4444 } /* Literal.String.Heredoc */
+.listingblock .pygments .tok-si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
+.listingblock .pygments .tok-sx { color: #008000 } /* Literal.String.Other */
+.listingblock .pygments .tok-sr { color: #BB6688 } /* Literal.String.Regex */
+.listingblock .pygments .tok-s1 { color: #BB4444 } /* Literal.String.Single */
+.listingblock .pygments .tok-ss { color: #B8860B } /* Literal.String.Symbol */
+.listingblock .pygments .tok-bp { color: #AA22FF } /* Name.Builtin.Pseudo */
+.listingblock .pygments .tok-fm { color: #00A000 } /* Name.Function.Magic */
+.listingblock .pygments .tok-vc { color: #B8860B } /* Name.Variable.Class */
+.listingblock .pygments .tok-vg { color: #B8860B } /* Name.Variable.Global */
+.listingblock .pygments .tok-vi { color: #B8860B } /* Name.Variable.Instance */
+.listingblock .pygments .tok-vm { color: #B8860B } /* Name.Variable.Magic */
+.listingblock .pygments .tok-il { color: #666666 } /* Literal.Number.Integer.Long */