1 files changed, 28 insertions, 41 deletions

diff --git a/static/css/zozo.css b/static/css/zozo.css
index 2ef2e39..5e33d43 100644
--- a/static/css/zozo.css
+++ b/static/css/zozo.css
@@ -55,7 +55,6 @@ h6 {
 
 .content {
   width: 720px;
-  padding: 0 20px;
   height: auto;
   margin: 0 auto;
 }
@@ -65,9 +64,16 @@ h6 {
   margin: 0 auto;
 }
 
+.nav_container {
+  width: 720px;
+  height: 3rem;
+  margin: 0 auto;
+  padding: 20px 0;
+}
+
 .header {
   width: 720px;
-  padding: 100px 0 140px 0;
+  padding: 50px 0 140px 0;
   margin: 0 auto;
   -webkit-background-size: cover;
   background-size: cover;
@@ -233,7 +239,7 @@ h6 {
   max-width: 780px;
   text-align: center;
   font-size: 12px;
-  padding: 60px 0px;
+  padding: 40px 0;
   margin: 0 auto;
 }
 .footer a {
@@ -243,20 +249,6 @@ h6 {
 .footer a:hover {
   color: #1f1f1f;
 }
-.footer .nav_container .site_nav_wrap {
-  text-align: center;
-}
-.footer .nav_container .site_nav {
-  display: inline-block;
-  float: none;
-}
-.footer .nav_container .site_nav a {
-  font-size: 13px;
-  color: #666666;
-}
-.footer .nav_container .site_nav a.current {
-  color: #222222;
-}
 .footer .powered_by {
   margin: 0;
   font-size: 11px;
@@ -276,20 +268,11 @@ h6 {
   letter-spacing: 1px;
 }
 
-.nav {
-  width: 100%;
-  text-align: right;
-  position: relative;
-  -webkit-font-smoothing: antialiased;
-}
-.nav a {
-  text-decoration: none;
-}
-
 .site_nav {
   list-style: none;
   margin: 0;
   padding: 0;
+  float: right;
 }
 .site_nav ul {
   width: 12em;
@@ -301,24 +284,22 @@ h6 {
 .site_nav li {
   float: left;
 }
-.site_nav ul li, .site_nav.sm-rtl ul li, .site_nav.sm-vertical li {
+.site_nav li span.menu_icon {
+  margin-top: 2px;
+}
+.site_nav li span.menu_icon i {
+  font-size: 16px;
+}
+.site_nav ul li {
   float: none;
 }
-.site_nav a {
+.site_nav a, .site_nav span.menu_icon {
   display: block;
   white-space: nowrap;
-  padding: 12px;
+  padding: 12px 0 12px 20px;
+  font-size: 14px;
 }
 
-@media screen and (max-width: 768px) {
-  .nav {
-    display: block;
-  }
-
-  .footer .nav_container .site_nav_wrap {
-    /*text-align: left;*/
-  }
-}
 /*for archive*/
 .list_with_title {
   font-size: 14px;
@@ -344,6 +325,10 @@ h6 {
 .list_with_title .listing .listing_post {
   padding-bottom: 5px;
 }
+.list_with_title .listing .listing_post a {
+  display: inline-block;
+  width: 85%;
+}
 .list_with_title .listing .listing_post .post_time {
   float: right;
   color: #c5c5c5;
@@ -529,7 +514,8 @@ a.back_to_top:hover span {
     width: 1000px;
   }
 
-  .header,
+  .nav_container,
+.header,
 .content {
     width: 820px;
   }
@@ -540,7 +526,8 @@ a.back_to_top:hover span {
     margin-top: 20px;
   }
 
-  .header,
+  .nav_container,
+.header,
 .content {
     width: 90%;
   }