My css + removed some template stuff

3 files changed, 330 insertions, 104 deletions

diff --git a/css/base.css b/css/base.css
new file mode 100644
index 0000000..2143bb7
--- /dev/null
+++ b/css/base.css
@@ -0,0 +1,120 @@
+body, html {
+    width: 100%;
+    height: 100%;
+}
+html {
+ min-height:100%;
+ position:relative
+    background-color: #fff;
+    font-size: 16px;
+    font-family: sans-serif;
+    line-height: 24px;
+}
+body {
+ color: #333;
+ font-size:16px;
+ margin:0px;
+ padding: 0;
+}
+h1, h2, h3 {
+    margin: 0px 0px 18px 0px;
+    padding: 24px 0px 0px 0px;
+}
+
+p, ul {
+    margin: 18px 0px 18px 0px;
+}
+
+img {
+    margin: 12px 0px 12px 0px;
+    max-width: 100%;
+}
+
+ul {
+    padding-left: 18px;
+}
+
+a {
+    color: #111;
+    text-decoration: none;
+}
+
+h1, h2, h3 {
+    font-weight: normal;
+}
+
+h1 {
+    font-size: 26px;
+}
+
+h2 {
+    font-size: 22px;
+}
+
+h3 {
+    font-size: 18px;
+}
+@media screen and (min-width: 768px) {
+    aside {
+	width: 20%;
+	height: 100%;
+	position: fixed;
+	top:0;
+	left:0;
+
+    }
+    main {
+	width: 80%;
+	position: absolute;
+	top: 0;
+	left: 20%;
+    }
+}
+aside h1, aside h2, aside h3{
+    margin: 0px 0px 8px 0px;
+    padding: 8px 0px 0px 0px;
+}
+aside ul {
+    padding-left: 0px;
+    margin: 8px 0px 8px 0px;
+}
+aside {
+    background-color: #333333;
+    color: #ffffff;
+    text-align: center;
+}
+aside a{
+    color: #eeeeee;
+}
+aside div{
+    padding-bottom: 1em;
+}
+aside div img{
+    border-radius: 50%;
+    max-width: 120px;
+}
+aside div nav ul li{
+    display: block;
+    text-transform: lowercase;
+}
+
+footer {
+ color:#999999;
+ font-size:12px;
+ text-align:center;
+ height:4em;
+ width:100%;
+ padding-top:1.2em;
+ font-family:sans-serif
+ bottom: 0;
+}
+footer a{
+    color: #111111;
+    font-weight: bold;
+}
+div#content {
+    padding-left: 4%;
+}
+main a{
+    border-bottom: 1px solid #555;
+}
diff --git a/css/base.css~ b/css/base.css~
new file mode 100644
index 0000000..94f8f58
--- /dev/null
+++ b/css/base.css~
@@ -0,0 +1,210 @@
+h1, h2, h3 {
+    margin: 0px 0px 18px 0px;
+    padding: 24px 0px 0px 0px;
+}
+
+p, ul {
+    margin: 18px 0px 18px 0px;
+}
+
+img {
+    margin: 12px 0px 12px 0px;
+    max-width: 100%;
+}
+
+ul {
+    padding-left: 18px;
+}
+
+div#footer {
+    margin: 60px 0px 36px 0px;
+}
+
+html {
+    background-color: #fff;
+    font-size: 16px;
+    font-family: sans-serif;
+    line-height: 24px;
+}
+
+body {
+    color: #333;
+}
+
+a {
+    color: #111;
+    text-decoration: none;
+    border-bottom: 1px solid #555;
+}
+
+/* Pandoc 2 puts 'a' elements inside code blocks for linking to lines.  We don't
+ * want to underline those. */
+code a {
+    border-bottom: none;
+}
+
+div.figure a{
+    border: none;
+}
+
+@media all and (min-width: 620px) {
+    div.flickr img {
+        border: 1px solid #888;
+        padding: 6px;
+    }
+}
+
+div.flickr {
+    margin-top:    60px;
+    margin-bottom: 60px;
+}
+
+a img {
+    margin-bottom: 0px;
+}
+
+pre {
+    margin-left: 18px;
+    overflow: auto;
+}
+
+pre code {
+    background-color: transparent;
+    color: #333;
+    font-size: 14px;
+    margin: 0px;
+    padding: 0px;
+}
+
+code {
+    color: #408090;
+}
+
+h1, h2, h3 {
+    font-weight: normal;
+}
+
+h1 {
+    font-size: 26px;
+}
+
+h2 {
+    font-size: 22px;
+}
+
+h3 {
+    font-size: 18px;
+}
+
+
+blockquote {
+    background: #e6e6e6 url("../images/quote-background.png") no-repeat left top;
+    font-style: italic;
+    margin-left: 18px;
+    padding: 6px 6px 6px 54px;
+}
+
+hr {
+    border: none;
+    margin: 36px auto 36px auto;
+    text-align: center;
+}
+
+hr:after {
+    content: "\002217  \002217  \002217";
+}
+
+span.soft, figcaption {
+    font-style: italic;
+    color: #555;
+}
+
+div.figure {
+    text-align: center;
+}
+
+div.figure p {
+    margin-top: 6px;
+}
+
+Au.footnote-ref {
+    border: none;
+}
+
+a.footnote-ref sup:before {
+    content: "(";
+}
+
+a.footnote-ref sup:after {
+    content: ")";
+}
+
+a.footnote-ref sup {
+    padding: 2px;
+}
+
+a.footnote-back {
+    border: none;
+    padding: 0px 6px 0px 6px;
+}
+
+section.footnotes:before {
+    content: "Footnotes";
+    font-size: 18px;
+    padding-left: 18px;
+}
+
+section.footnotes {
+    border-left: 1px dashed #555;
+    color: #555;
+    margin-top: 36px;
+}
+
+section.footnotes hr {
+    display: none;
+}
+
+div.photoblog img {
+    margin-top: 48px;
+    margin-bottom: 48px;
+}
+
+div.photoblog div.pagination {
+    font-size: 14px;
+    padding: 12px 0px;
+}
+
+div#footer {
+    font-size: 14px;
+}
+
+footer {
+ color:#999999;
+ font-size:12px;
+ text-align:center;
+ height:4em;
+ background-color:#323232;
+ position:absolute;
+ bottom:0;
+ width:100%;
+ overflow:hidden;
+ padding-top:1em;
+ font-family:sans-serif
+}
+footer a{
+    color: #fff;
+    font-weight: bold;
+}
+
+/*******************************************************************************
+ * Disqus                                                                      *
+ ******************************************************************************/
+
+/* Reset list image for disqus */
+div#disqus_thread ul {
+    list-style-image: none;
+}
+
+div#dsq-subscribe em {
+    text-decoration: none;
+}
diff --git a/css/default.css b/css/default.css
deleted file mode 100644
index d61b8af..0000000
--- a/css/default.css
+++ /dev/null
@@ -1,104 +0,0 @@
-
-html {
-     /* to allow the #footer to be properly positioned
-    at the bottom, even when #content is longer than
-    the viewport high */
-    min-height: 100%;
-    position: relative;
-}
-
-body {
-    color: black;
-    font-size: 16px;
-    margin: 0px;
-}
-
-header {
-    margin-bottom: 0px;
-    padding: 50px;
-    background: linear-gradient(to right,#19111f 0%,#2c1e37 100%);
-}
-
-div.logo a {
-    color: #FFFFFF;
-    float: left;
-    font-family:  sans-serif;
-    font-size: 28px;
-    font-weight: bold;
-    text-decoration: none;
-}
-
-header nav {
-    text-align: right;
-}
-
-header nav a {
-    color: #d1cddc!important;
-    font-family: sans-serif;
-    font-size: 14px;
-    font-weight: bold;
-    margin-left: 12px;
-    text-decoration: none;
-    text-transform: uppercase;
-}
-
-header nav a:hover{
-  color: #FFFFFF;
-}
-
-main {
-  margin-left: 50px;
-  margin-right: 50px;
-  margin-bottom: 5.5rem; /* footer-height + 1.5rem */
-}
-
-main h1{
-  color: #6e618d;
-  font-size: 25px;
-  font-family: sans-serif;
-}
-
-main h2{
-  color: #6e618d;
-  font-size: 20px;
-  font-family: sans-serif;
-}
-
-main, /* this line for archives page */
-main p{
-    color: #333333;
-    font-family: sans-serif;
-    font-size: 15px;
-}
-
-main a{
-  color: #428bca;
-  text-decoration: none;
-}
-
-footer {
-    color: #999999;
-    font-size: 12px;
-    text-align: center;
-    height: 4em;
-    background-color: #323232;
-    position: absolute;
-    bottom: 0;
-    width: 100%;
-    overflow: hidden;
-    padding-top: 1em;
-    font-family: sans-serif;
-}
-
-footer a {
-  color: #ffffff;
-  font-weight: bold;
-  text-decoration: none;
-}
-
-section.header {
-    color: #555;
-    font-size: 14px;
-    font-style: italic;
-}
-