Facelifting, in progress

2 files changed, 159 insertions, 19 deletions

diff --git a/resources/css/blog.css b/resources/css/blog.css
index 48fa0a3..6074e5a 100644
--- a/resources/css/blog.css
+++ b/resources/css/blog.css
@@ -51,8 +51,8 @@ figure.main-container {
 
 a:link, a:visited {
   text-decoration: none;
-  color: #3498DB;
-  font-weight: 600;
+  color: #4380ae;
+  /*font-weight: 600;*/
   border-bottom: 2px solid rgba(189, 195, 199, 0.3);
   -webkit-transition: color .1s ease-in;
   -moz-transition: color .1s ease-in;
@@ -63,7 +63,7 @@ a:link, a:visited {
 
 a:hover {
   text-decoration: none;
-  color: #E74C3C;
+  color: #572d4c;
   -webkit-transition: color .2s ease-in;
   -moz-transition: color .2s ease-in;
   -ms-transition: color .2s ease-in;
@@ -145,6 +145,89 @@ ul > li {
  margin-left: 24px;
 }
 
+.author {
+  font-family: 'Montserrat', sans-serif;
+  text-transform: uppercase;
+  color: #000000;
+  /*color: #595959;*/
+  font-style: normal;
+  margin-bottom: 0.5em;
+}
+
+.book-title {
+  position: absolute;
+  top: 20px;
+  padding-left: 30px;
+}
+
+.prog-mod {
+  font-family: 'Alegreya Sans', sans-serif;
+  font-weight: 700;
+  font-style: italic;
+  font-size: 22px;
+  margin-bottom: -8px;
+  margin-left: -10px;
+  color: #595959;
+}
+
+.dist-comp {
+  font-family: 'Alegreya Sans', sans-serif;
+  text-transform: uppercase;
+  font-weight: 900;
+  font-style: normal;
+  font-size: 24px;
+}
+
+@font-face {
+  font-family: 'Consolas';
+  src: url('{{ site.baseurl }}/resources/glyphs/Consolas.eot?#iefix') format('embedded-opentype'),  url('{{ site.baseurl }}/resources/glyphs/Consolas.woff') format('woff'), url('{{ site.baseurl }}/resources/glyphs/Consolas.ttf')  format('truetype'), url('{{ site.baseurl }}/resources/glyphs/Consolas.svg#Consolas') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Consolas';
+  src: url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.eot?#iefix') format('embedded-opentype'),  url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.woff') format('woff'), url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.ttf')  format('truetype'), url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.svg#Consolas-Italic') format('svg');
+  font-weight: normal;
+  font-style: italic;
+}
+
+code {
+  color: #7599a9;
+  /*background: #F4F4F4;*/
+  /*border-radius: 3px;*/
+  /*padding: 2px;*/
+  /*border: 1px solid #DDDDDD;*/
+  /*margin: 0 3px 0 3px;*/
+  /*padding: 0 2px 0 2px;*/
+}
+
+.thin-top-bar {
+  width: 100%;
+  height: 10px;
+  /*background-color: #572d4c;*/
+  /*background-color: #48274b;*/
+  background-color: #b3c7cf;
+}
+
+.topbar {
+  position: relative;
+  background: #F3F3F3;
+  height: 70px;
+  width: 100%;
+}
+
+.logo-wrap {
+  width: 84%;
+  padding-left: 8%;
+  padding-right: 8%;
+}
+
+.logo {
+  margin-left: -16px;
+  margin-top: 16px;
+}
+
 .jumbotron-blog {
   padding-top: 30px;
   padding-bottom: 60px;
@@ -351,7 +434,8 @@ nav[data-toggle='toc'] {
 /* all links */
 #toc .nav>li>a {
     /*color: #999;*/
-    color: #7B7263;
+    /*color: #7B7263;*/
+    color: #797979;
     border-left: 2px solid transparent;
     padding: 4px 20px;
     font-size: 13px;
@@ -413,7 +497,8 @@ nav[data-toggle='toc'] {
 .toc-header {
   margin-left: 24px;
   /*color: #8B8480;*/
-  color: #7B7263;
+  /*color: #7B7263;*/
+  color: #797979;
   font-style: italic;
 }
 
@@ -638,12 +723,6 @@ nav[data-toggle='toc'] {
   background-image: linear-gradient(145deg, #243446, #4d4d4d);
 }
 
-.thin-top-bar {
-  width: 100%;
-  height: 10px;
-  background-color: #572d4c;
-}
-
 .footer-strip {
   width: 100%;
   height: 50px;
@@ -942,7 +1021,7 @@ nav[data-toggle='toc'] {
   text-transform: uppercase;
   font-weight: 600;
   font-size: 14px;
-  color: #B4B84C;
+  color: #7499aa;
 }
 
 .page-title {
@@ -966,7 +1045,8 @@ nav[data-toggle='toc'] {
 .subtitle {
   font-family: "BS", sans-serif;
   font-size: 16px;
-  color: #7b7264;
+  color: #797979;
+  /*color: #7b7264;*/
   font-style: italic;
 }
 
diff --git a/resources/css/main.css b/resources/css/main.css
index ce3775a..8dfc101 100755
--- a/resources/css/main.css
+++ b/resources/css/main.css
@@ -142,12 +142,6 @@ ul > li {
  margin-left: 24px;
 }
 
-.author {
-  font-family: 'Montserrat', sans-serif;
-  text-transform: uppercase;
-  color: #b3b3b3;
-}
-
 .jumbotron {
   padding: 20px;
   background-color: #34495E;
@@ -163,6 +157,72 @@ ul > li {
    color: rgba(86, 103, 110, 0.2);
 }
 
+.book-title {
+  position: absolute;
+  top: 20px;
+  padding-left: 30px;
+}
+
+.prog-mod {
+  font-family: 'Alegreya Sans', sans-serif;
+  font-weight: 700;
+  font-style: italic;
+  font-size: 22px;
+  margin-bottom: -8px;
+  margin-left: -10px;
+  color: #595959;
+}
+
+.dist-comp {
+  font-family: 'Alegreya Sans', sans-serif;
+  text-transform: uppercase;
+  font-weight: 900;
+  font-style: normal;
+  font-size: 24px;
+}
+
+@font-face {
+  font-family: 'Consolas';
+  src: url('{{ site.baseurl }}/resources/glyphs/Consolas.eot?#iefix') format('embedded-opentype'),  url('{{ site.baseurl }}/resources/glyphs/Consolas.woff') format('woff'), url('{{ site.baseurl }}/resources/glyphs/Consolas.ttf')  format('truetype'), url('{{ site.baseurl }}/resources/glyphs/Consolas.svg#Consolas') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Consolas';
+  src: url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.eot?#iefix') format('embedded-opentype'),  url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.woff') format('woff'), url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.ttf')  format('truetype'), url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.svg#Consolas-Italic') format('svg');
+  font-weight: normal;
+  font-style: italic;
+}
+
+code {
+  color: #7599a9;
+  /*background: #F4F4F4;*/
+  /*border-radius: 3px;*/
+  /*padding: 2px;*/
+  /*border: 1px solid #DDDDDD;*/
+  /*margin: 0 3px 0 3px;*/
+  /*padding: 0 2px 0 2px;*/
+}
+
+.topbar {
+  position: relative;
+  background: #F3F3F3;
+  height: 70px;
+  width: 100%;
+}
+
+.logo-wrap {
+  width: 84%;
+  padding-left: 8%;
+  padding-right: 8%;
+}
+
+.logo {
+  margin-left: -16px;
+  margin-top: 16px;
+}
+
 .blog-header > a {
   border: none;
 }