Facelifting, in progress

1 files changed, 66 insertions, 6 deletions

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;
 }