Update style

resugary · Aug 15, 2018 · b6f74bf · b6f74bf
1 parent bfb1266
commit b6f74bf
Showing 1 changed file with 73 additions and 63 deletions.
diff --git a/static/css/style.css b/static/css/style.css
@@ -1,107 +1,113 @@
 @import url('https://fonts.googleapis.com/css?family=Merriweather');
-
 /* reset */
+
 * {
-    margin: 0;
-    padding: 0;
+	margin: 0;
+	padding: 0;
 }
 
 html {
-    height: 100%;
-    background: #fff;
-    -webkit-text-size-adjust: 100%;
-    -ms-text-size-adjust: 100%;
-}
-
-header {
-    display: block;
-    padding: 1.3rem 0;
-    border-bottom: .07em solid #eee;
+	height: 100%;
+	background: #fff;
+	-webkit-text-size-adjust: 100%;
+	-ms-text-size-adjust: 100%;
 }
 
 body {
 	font-family: 'Merriweather', Helvetica, Arial, sans-serif;
-    padding: 0rem;
-    margin: 0 auto;
-    width: 100%;
-    max-width: 1000px;
+	padding: 0rem;
+	margin: 0 auto;
+	width: 100%;
+	max-width: 1000px;
 	min-height: 100%;
 	text-rendering: optimizeLegibility;
 }
 
+header {
+	display: block;
+	padding: 1.3rem 0;
+	border-bottom: .07em solid #eee;
+}
+
 @media all {
 	html {
 		font-size: 18px;
 	}
-	body > * {
+	body>* {
 		font-size: 100%;
 		margin-left: 7.5rem;
 		margin-right: 7.5rem;
 	}
 }
 
-@media all and (max-width:840px){
+@media all and (max-width:840px) {
 	html {
 		font-size: 15px;
 	}
-	body > * {
+	body>* {
 		margin-left: 5.5rem;
 		margin-right: 5.5rem;
 	}
 }
 
-@media all and (max-width:760px){
-	body > * {
+@media all and (max-width:760px) {
+	body>* {
 		margin-left: 2.5rem;
 		margin-right: 2.5rem;
 	}
 }
 
-@media all and (max-width:580px){
-	body > * {
+@media all and (max-width:580px) {
+	body>* {
 		margin: .7rem 1.5rem 0 1.5rem;
 	}
 }
 
-h2, h3, h4, h5, h6 {
-    line-height: 1.35;
-    margin-top: .6em;
-    margin-bottom: .6em;
+h2,
+h3,
+h4,
+h5,
+h6 {
+	line-height: 1.35;
+	margin-top: .6em;
+	margin-bottom: .6em;
 }
 
 h1 {
-    font-size: 1.8em;
+	font-size: 1.8em;
 }
 
 h2 {
-    font-size: 1.6em;
+	font-size: 1.6em;
 }
 
 h3 {
-    font-size: 1.4em;
+	font-size: 1.4em;
 }
 
 h4 {
-    font-size: 1.3em;
+	font-size: 1.3em;
 }
 
-h5, h6 {
-    font-size: 1.2em;
+h5,
+h6 {
+	font-size: 1.2em;
 }
 
-div.content { 
-	display: block; 
+div.content {
+	display: block;
 	padding: 1rem 0;
 }
 
 @media all and (max-width:520px) {
-	div.content { 
+	div.content {
 		padding: 0;
 	}
 }
+
 footer {
-    display: block;
-    padding: .5rem 0 5.5rem 0;
+	display: block;
+	padding: .5rem 0 5.5rem 0;
 }
 
 aside {
@@ -119,7 +125,8 @@ p {
 	line-height: 1.45;
 }
 
-ul, ol {
+ul,
+ol {
 	margin-bottom: 1em;
 	padding-left: 1em;
 }
@@ -130,36 +137,38 @@ li {
 	list-style-type: none;
 }
 
-table { 
-    margin-bottom: 1.5rem;
-    border: 1px solid #e5e5e5;
+table {
+	margin-bottom: 1.5rem;
+	border: 1px solid #e5e5e5;
 	border-collapse: collapse;
 	width: 95%;
 }
 
-td, th {
+td,
+th {
 	text-align: left;
-    padding: .25rem .5rem;
-    border: 1px solid #e5e5e5;
+	padding: .25rem .5rem;
+	border: 1px solid #e5e5e5;
 }
 
-tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th {
-    background-color: #f9f9f9;
+tbody tr:nth-child(odd) td,
+tbody tr:nth-child(odd) th {
+	background-color: #f9f9f9;
 }
 
 img {
-    display: block;
-    border-radius: 5px;
+	display: block;
+	border-radius: 5px;
 	max-width: 100%;
 }
 
 a {
-    color: #000;
+	color: #000;
 	text-decoration: none;
 }
 
-a:active { 
-	color: #777; 
+a:active {
+	color: #777;
 }
 
 a:hover {
@@ -170,24 +179,25 @@ p a {
 	color: #0366d6;
 }
 
-code, pre {
-    font-family: Menlo, Monaco, 'Courier New', monospace;
+code,
+pre {
+	font-family: Menlo, Monaco, 'Courier New', monospace;
 }
 
 code {
-    padding: .25em .25em;
-    background: #f8f8f8;
+	padding: .25em .25em;
+	background: #f8f8f8;
 	font-size: 90%;
 	margin-bottom: 20px;
 }
 
 pre {
-    font-size:.9rem;
-    background: #f8f8f8;
-    padding: 1em;
-    margin-bottom:20px;
-    overflow-x:auto;
-    vertical-align: text-bottom;
+	font-size: .9rem;
+	background: #f8f8f8;
+	padding: 1em;
+	margin-bottom: 20px;
+	overflow-x: auto;
+	vertical-align: text-bottom;
 }
 
 figcaption {