From 520d6b60dabff9fbaeaf40ddb87e55d36b6cf143 Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Mon, 15 Jun 2015 16:00:45 +0800
Subject: [PATCH] site style

---
 static/style.css | 109 ++++++++++++++++++++++++-----------------------
 1 file changed, 55 insertions(+), 54 deletions(-)

diff --git a/static/style.css b/static/style.css
index d271e2d3d3..bd918aa5a0 100644
--- a/static/style.css
+++ b/static/style.css
@@ -613,60 +613,6 @@ footer ul li > a {
   margin-left: 0.5em;
 }
 
-@media only screen and (min-width: 768px) and (max-width: 1024px) {
-  .nav {
-    width: 40%;
-  }
-}
-
-@media only screen and (min-width: 320px) and (max-width: 767px) {
-  .nav, .search {
-    display: none;
-  }
-
-  .logo {
-    margin: 10px;
-    width: 110px;
-    height: auto;
-  }
-
-  .nav-phone-icon {
-    display: block;
-    width: 49px;
-    height: 49px;
-    float: right;
-    cursor: pointer;
-    background: #BEC4C8;
-  }
-
-  .nav-phone-icon:before,
-  .nav-phone-icon:after {
-    content: "";
-    display: block;
-    border-radius: 1px;
-    width: 15px;
-    height: 2px;
-    background: #EBEDEE;
-    margin: 20px 0 0 18px;
-  }
-
-  .nav-phone-icon:after {
-    margin-top: 5px;
-  }
-
-  .main {
-    height: calc(100% - 86px);
-  }
-
-  footer ul {
-    display: none;
-  }
-
-  footer h3 {
-    display: block;
-  }
-}
-
 /****************************动画样式*********************************/
 .delay-mode {
   animation-fill-mode: backwards !important;
@@ -1827,3 +1773,58 @@ a.entry-link:hover .icon-lego {
   -webkit-animation: rotateCircle 0.5s 1 ease-in-out;
   animation: rotateCircle 0.5s 1 ease-in-out;
 }
+
+@media only screen and (min-width: 320px) and (max-width: 1024px) {
+  .code-boxes-col {
+    float: none;
+    width: 100%;
+  }
+}
+
+@media only screen and (min-width: 320px) and (max-width: 767px) {
+  .nav, .search {
+    display: none;
+  }
+
+  .logo {
+    margin: 10px;
+    width: 110px;
+    height: auto;
+  }
+
+  .nav-phone-icon {
+    display: block;
+    width: 49px;
+    height: 49px;
+    float: right;
+    cursor: pointer;
+    background: #BEC4C8;
+  }
+
+  .nav-phone-icon:before,
+  .nav-phone-icon:after {
+    content: "";
+    display: block;
+    border-radius: 1px;
+    width: 15px;
+    height: 2px;
+    background: #EBEDEE;
+    margin: 20px 0 0 18px;
+  }
+
+  .nav-phone-icon:after {
+    margin-top: 5px;
+  }
+
+  .main {
+    height: calc(100% - 86px);
+  }
+
+  footer ul {
+    display: none;
+  }
+
+  footer h3 {
+    display: block;
+  }
+}
-- 
GitLab