Copy marat css with my modifications to navbar.

1 files changed, 129 insertions, 53 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index a381261..ccc45e2 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,83 +1,159 @@
-*,
-*:before,
-*:after {
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-}
-
-html, body {
-  margin: 0;
-  padding: 0;
-  overflow-x: hidden;
-}
-
-html {
-  font-family: 'IM Fell English SC', serif;
-  font-size: 15px;
-  line-height: 1.6;
-}
-
-body {
+body{
   height: 100%;
-  text-decoration-skip-ink: auto;
+  text-decoration-skip: ink;
   color: #2f2f2f;
   padding-top: 10px;
-  background-color: #fff;
-  /* background-size: cover;
+  font-family: 'IM Fell DW Pica', serif;
+  background-color: #F2F7F9;
+  background-size: cover;
   background-position: center;
   background-repeat: repeat-y;
-  background-image: url("../img/bg.jpg"); */
+  background-image: url("../img/bg.jpg");
+}
+
+body::selection{
+  background: #fff2a8;
+}
 
+p::selection{
+  background: lightgrey;
 }
 
-.container {
+.footer {
   position: relative;
+  bottom: 0;
   width: 100%;
-  max-width: 960px;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  color: rgba(47, 47, 47, 0.6)
+}
+
+a {
+  text-decoration: none;
+}
+
+#navlist > .active > a {
+  color: #000;
+  font-weight: 600;
+}
+
+.author{
+  font-size: 1.3em;
+  padding-top: 20px;
+}
+
+.tagline{
+  padding-top: 20px;
+}
+
+.brand{
+  font-family: 'IM Fell English SC', serif;
+}
+
+.title{
+  font-size: 3.5em;
+}
+
+.line{
+  max-width: 100%;
+  display: block;
   margin: 0 auto;
-  padding: 0 20px;
-  box-sizing: border-box; 
+  -webkit-filter: opacity(.8);
+  filter: opacity(.8);
 }
 
-@media (min-width: 400px) {
-  .container {
-    width: 85%;
-    padding: 0; }
+.space{
+  letter-spacing: 10px;
 }
 
-@media (min-width: 550px) {
-  .container {
-    width: 80%; 
+.flip{
+  -moz-transform: scaleX(-1);
+  -o-transform: scaleX(-1);
+  -webkit-transform: scaleX(-1);
+  transform: scaleX(-1);
+  filter: FlipH;
+  -ms-filter: "FlipH";
 }
 
-.container:after,
-.row:after,
-.u-cf {
-  content: "";
-  display: table;
-  clear: both; 
+.tag{
+  width: 50%;
+  margin-right:0;
 }
 
-#navlist > .active > a {
-  color: #000;
-  text-decoration: overline;
+#title{
+  padding-top: 50px;
+  padding-bottom: 50px;
 }
 
-#navlist > .active > a {
-  color: #000;
-  text-decoration: overline;
+.center{
+  text-align: center;
+}
+
+.right{
+  text-align: right;
+}
+
+.justify {
+  text-align: justify;
+}
+
+hr.double {
+  border-top: 4px double #2f2f2f;
+}
+
+hr.simple {
+  border-top: 2px solid #2f2f2f;
+}
+
+.tag-hr{
+  width: 45%;
+  margin-right:0;
 }
 
+.link{
+  text-decoration: none;
+}
 
-#navlist li {
+.italics{
+  font-style: italic;
+}
+
+.threecol::first-letter {
+  font-size: 2.5em;
+}
+
+.twocol::first-letter{
+  font-size: 2.5em;
+}
+
+.threecol{
+  -ms-word-break: keep-all;
+  word-break: keep-all;
+  hyphens: auto;
+  -webkit-hyphens: auto;
+  -moz-hyphens: auto;
+}
+
+#navlist li
+{
   display: inline;
   list-style-type: none;
   padding-right: 20px;
 }
 
-ol, ul {
-  padding-left: 0;
-  margin-top: 0; 
+@media only screen
+and (min-device-width : 768px)  {
+  .threecol {
+    -moz-column-count: 3;
+    -moz-column-gap: 20px;
+    -webkit-column-count: 3;
+    -webkit-column-gap: 20px;
+    column-count: 3;
+    column-gap: 20px;
+    width: 100%;
+  }
+  .tag{
+    width: 23%;
+    margin-right:0;
+  }
 }
-