add responsive html

nxmtl · May 18, 2014 · b696ac3 · b696ac3
1 parent 28295fc
commit b696ac3
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -37,6 +37,7 @@ With Simple and github pages you can easily create your static blog. Here is wha
 * Markdown editor
 * Code highlight support
 * Tex formula support
+* Responsive html
 
 ##Custom
 

diff --git a/src/template/css/style.css b/src/template/css/style.css
@@ -7,6 +7,9 @@ body {
 	width: 600px;
     position: relative;
 }
+#disqus_thread {
+    padding: 16px;
+}
 .wrap-header h1 {
     width: 100%;
     height: 40px;
@@ -111,3 +114,16 @@ a:hover {
 	color: #C5C5BD;
     margin-right: 20px;
 }
+@media (max-width: 800px) {
+    .main {
+        width: 500px;
+    }
+    .header {
+        margin: 70px 0 0 -180px;
+    }
+}
+@media (max-width: 600px) {
+    .main {
+        width: 100%;
+    }
+}