/* 韩枫眠的个人网站 —— 极简文字风(框架参照 www.caoyihan.com / Landscape) */

* {
  margin: 0;
  padding: 0;
}

body {
  background: #eee;
  color: #444;
  font-family: "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", Arial, sans-serif;
  font-size: 14px;
  text-shadow: 0 0 1px transparent;
}

@media screen and (max-width: 1260px) {
  body {
    margin: 0 30px;
  }
}

@media screen and (max-width: 600px) {
  body {
    font-size: 13px;
  }
}

a {
  text-decoration: none;
  color: #258fb8;
}

a:hover {
  text-decoration: underline;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.inner {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 1260px) {
  .inner {
    width: 100%;
  }
}

#main-col {
  width: 900px;
  float: left;
}

@media screen and (max-width: 1260px) {
  #main-col {
    width: 100%;
    margin-right: -300px;
  }
}

@media screen and (max-width: 900px) {
  #main-col {
    margin-right: 0;
    float: none;
  }
}

#wrapper {
  margin-right: 0;
}

@media screen and (max-width: 1260px) {
  #wrapper {
    margin-right: 300px;
  }
}

@media screen and (max-width: 900px) {
  #wrapper {
    margin-right: 0;
  }
}

/* ---------- 页头 ---------- */

#header {
  text-shadow: 0 0 1px #fff;
  margin: 50px auto;
}

#header a {
  color: #999;
}

#header a:hover {
  color: #258fb8;
  text-decoration: none;
}

#header h1 {
  font-weight: bold;
  font-size: 2.5em;
  line-height: 1;
  margin-bottom: 0.5em;
}

#header #main-nav {
  line-height: 2.5em;
}

#header #main-nav ul {
  list-style: none;
}

#header #main-nav ul li {
  float: left;
  margin-left: 30px;
}

/* ---------- 文章卡片 ---------- */

article {
  -webkit-box-shadow: 1px 2px 3px #ddd;
  box-shadow: 1px 2px 3px #ddd;
  background: #fff;
  margin-bottom: 50px;
}

article .post-content {
  padding: 20px 20px 15px;
}

article header time {
  color: #999;
  font-size: 0.9em;
  display: block;
  line-height: 1;
  margin-bottom: 8px;
}

article header .title {
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.3;
}

article header .title a {
  color: #444;
}

article header .title a:hover {
  color: #258fb8;
  text-decoration: none;
}

article .entry {
  text-align: justify;
  line-height: 1.6;
}

article .entry p,
article .entry blockquote,
article .entry ul,
article .entry ol,
article .entry dl,
article .entry table,
article .entry iframe,
article .entry h2,
article .entry h3,
article .entry h4,
article .entry h5,
article .entry h6,
article .entry pre {
  margin-top: 15px;
}

article .entry h1,
article .entry h2 {
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-top: 20px;
}

article .entry h2 {
  font-size: 1.5em;
}

article .entry h3 {
  font-size: 1.3em;
  font-weight: normal;
}

article .entry blockquote {
  border-left: 4px solid #ccc;
  font-style: normal;
  color: #888;
  padding: 0 15px;
}

article .entry ul,
article .entry ol,
article .entry dl {
  margin-left: 20px;
}

article .entry code,
article .entry pre {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

article .entry code {
  background: #eee;
  color: #666;
  padding: 0 5px;
  margin: 0 2px;
  font-size: 0.9em;
  border: 1px solid #ddd;
  border-radius: 3px;
}

article .entry pre {
  background: #eee;
  border: 1px solid #ddd;
  overflow: auto;
  padding: 7px 15px;
  border-radius: 2px;
}

article .entry pre code {
  background: none;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
}

article .entry img,
article .entry video {
  max-width: 100%;
  height: auto;
  border: none;
}

article .entry table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border: 1px solid #e2e2e2;
  width: 100%;
}

article .entry table th {
  white-space: nowrap;
  color: #444;
  font-weight: 600;
  background: #eee;
}

article .entry table td,
article .entry table th {
  border: 1px solid #e2e2e2;
  padding: 8px 16px;
  text-align: left;
}

/* 文章卡底部:「继续阅读」等 */
article .post-footer {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
  color: #999;
  font-size: 0.9em;
}

article .post-footer a {
  color: #999;
}

article .post-footer a:hover {
  color: #258fb8;
  text-decoration: none;
}

article .post-footer a.more-link:before {
  content: "» ";
}

/* ---------- 分页 ---------- */

#pagination {
  margin-bottom: 50px;
}

#pagination a {
  display: inline-block;
  padding: 5px 10px;
  background: #ddd;
  color: #999;
  text-shadow: 0 0 1px #fff;
  margin-right: 10px;
}

#pagination a:hover {
  background: #258fb8;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
}

#pagination .prev:before {
  content: "« ";
}

#pagination .next:after {
  content: " »";
}

/* ---------- 页脚 ---------- */

#footer {
  text-align: center;
  color: #999;
  font-size: 0.9em;
  margin: 0 auto 50px;
}