commit ec754dc90420d59a94f363f212156b82531b23c3
parent df03db875d47899d3f9ea21d30d1a6240caedc59
Author: Shimmy Xu <shimmy.xu@shimmy1996.com>
Date: Tue, 3 Jul 2018 11:02:33 -0500
Correct indention in CSS and specify background/text color.
Diffstat:
1 file changed, 59 insertions(+), 40 deletions(-)
diff --git a/layouts/partials/css/style.css b/layouts/partials/css/style.css
@@ -1,69 +1,88 @@
body {
- max-width: 800px;
- margin: auto;
- padding: 1em;
- line-height: 1.5em;
+ color: #000;
+ background: #fff;
+ max-width: 800px;
+ margin: auto;
+ padding: 1em;
+ line-height: 1.5em;
}
-
/* header and footer areas */
-.menu { padding: 0; line-height: 1.2em; }
-.menu li { display: inline-block; }
+.menu {
+ padding: 0;
+ line-height: 1.2em;
+}
+.menu li {
+ display: inline-block;
+}
.article-meta, .menu a {
- background: #eee;
- padding: 5px;
- border-radius: 5px;
+ background: #eee;
+ padding: 5px;
+ border-radius: 5px;
+}
+.menu, .article-meta, footer {
+ text-align: center;
+}
+.title {
+ font-size: 2em;
+ line-height: 1.1em;
}
-.menu, .article-meta, footer { text-align: center; }
-.title { font-size: 2em; line-height: 1.1em; }
header time {
font-size: larger;
font-weight: bold;
}
-hr { border: 1px dashed #ddd; }
+hr {
+ border: 1px dashed #ddd;
+}
.subtitle {
color: #700000;
font-style: italic;
}
a {
- text-decoration:none;
- color: #700000;
+ text-decoration:none;
+ color: #700000;
}
-
/* code */
pre {
- border: 1px solid #ddd;
- padding: 1em;
- border-radius: 5px;
- overflow-x: auto;
+ border: 1px solid #ddd;
+ padding: 1em;
+ border-radius: 5px;
+ overflow-x: auto;
+}
+code {
+ background: #f0f0f0;
+}
+pre code {
+ background: none;
}
-code { background: #f9f9f9; }
-pre code { background: none; }
kbd {
- color: #fff;
- background: #700000;
- padding: 3px;
- border-radius: 3px;
+ color: #fff;
+ background: #700000;
+ padding: 3px;
+ border-radius: 3px;
}
-
/* misc elements */
-img, iframe, video { max-width: 100%; }
-main { hyphens: auto; }
+img, iframe, video {
+ max-width: 100%;
+}
+main {
+ hyphens: auto;
+}
blockquote {
- background: #eee;
- border-left: 5px solid #ccc;
- border-radius: 5px;
- padding: 3px 1em 3px;
+ background: #eee;
+ border-left: 5px solid #ccc;
+ border-radius: 5px;
+ padding: 3px 1em 3px;
}
table {
- background: #eee;
- border-radius: 5px;
- border-collapse: collapse;
- margin: auto;
- overflow: hidden;
+ background: #eee;
+ border-radius: 5px;
+ border-collapse: collapse;
+ margin: auto;
+ overflow: hidden;
}
th, td {
- padding: 5px;
+ padding: 5px;
}
thead, tfoot, tr:nth-child(even) {
- background: #ccc;
+ background: #ccc;
}