Update stylesheet

1 files changed, 170 insertions, 31 deletions

diff --git a/static/css/style.css b/static/css/style.css
index 06f96ca..c386856 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -492,7 +492,7 @@ a:visited {
 #search-form-wrap .search-form .search-form-input {
   width: 100%;
   height: 40px;
-  padding: 0 30px 0 10px;
+  padding: 0 30px 0 15px;
   line-height: 40px;
   -webkit-border-radius: 21px;
   border-radius: 21px;
@@ -519,13 +519,15 @@ a:visited {
 #search-form-wrap .search-form .search-form-submit:focus {
   color: #777;
 }
-.search-form-input {
+.search-form-input,
+.search-form-input.st-ui-search-input,
+.search-form-input.st-default-search-input {
+  -webkit-appearance: textarea;
+  -webkit-appearance: textarea;
+  -moz-appearance: textarea;
+  appearance: textarea;
+  padding: 0;
   width: 200px;
-  outline: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-  background: none;
   -webkit-box-shadow: none;
   box-shadow: none;
   color: #565a5f;
@@ -536,11 +538,25 @@ a:visited {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
+  height: auto !important;
+  line-height: 1.6em;
+  outline: none !important;
+  background: none !important;
   font: 14px "open sans", "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, sans-serif;
-  border: 1px solid #eceff2;
-}
-.search-form-input:focus {
-  border-color: #38b7ea;
+  border: 1px solid #eceff2 !important;
+}
+.search-form-input:focus,
+.search-form-input.st-ui-search-input:focus,
+.search-form-input.st-default-search-input:focus {
+  border-color: #38b7ea !important;
+}
+.search-form-input::-webkit-search-results-decoration,
+.search-form-input.st-ui-search-input::-webkit-search-results-decoration,
+.search-form-input.st-default-search-input::-webkit-search-results-decoration,
+.search-form-input::-webkit-search-cancel-button,
+.search-form-input.st-ui-search-input::-webkit-search-cancel-button,
+.search-form-input.st-default-search-input::-webkit-search-cancel-button {
+  -webkit-appearance: none;
 }
 #main-nav-mobile {
   overflow-y: hidden;
@@ -900,10 +916,23 @@ a.article-title:hover {
   padding: 10px 0;
 }
 .article-entry blockquote {
-  font-family: Georgia, "Times New Roman", serif;
-  font-size: 1.4em;
-  margin: 1.6em 20px;
+  position: relative;
+  font-family: Georgia, "Times New Roman", "Microsoft Yahei", serif;
+  font-size: 1.1em;
+  margin: 0 -20px;
+  padding: 10px 20px 10px 54px;
+  background: #fcfcfc;
+  border-left: 4px solid #eee;
+}
+.article-entry blockquote:before {
+  top: 20px;
+  left: 10px;
+  content: "\f10d";
+  color: #e2e2e2;
+  font-size: 32px;
+  font-family: FontAwesome;
   text-align: center;
+  position: absolute;
 }
 .article-entry blockquote footer {
   font-size: 14px;
@@ -1206,6 +1235,77 @@ a.article-title:hover {
   max-width: 100%;
   margin: 0 auto;
 }
+.toc-article {
+  background: #f9f9f9;
+  margin: 2em 0 0 0.2em;
+  padding: 1em;
+  -webkit-border-radius: 0px;
+  border-radius: 0px;
+}
+.toc-article .toc-title {
+  font-size: 120%;
+}
+.toc-article strong {
+  padding: 0.3em 1;
+}
+ol.toc {
+  width: 100%;
+  margin: 1em 2em 0 0;
+}
+#toc {
+  line-height: 1em;
+  font-size: 0.8em;
+  float: right;
+}
+#toc .toc {
+  padding: 0;
+}
+#toc .toc li {
+  list-style-type: none;
+}
+#toc .toc-child {
+  padding-left: 0em;
+}
+#toc.toc-aside {
+  display: none;
+  width: 13%;
+  position: fixed;
+  right: 2%;
+  top: 320px;
+  overflow: hidden;
+  line-height: 1.5em;
+  font-size: 1em;
+  color: color-heading;
+  opacity: 0.6;
+  -webkit-transition: opacity 1s ease-out;
+  -moz-transition: opacity 1s ease-out;
+  -ms-transition: opacity 1s ease-out;
+  transition: opacity 1s ease-out;
+}
+#toc.toc-aside strong {
+  padding: 0.3em 0;
+  color: color-font;
+}
+#toc.toc-aside:hover {
+  -webkit-transition: opacity 0.3s ease-out;
+  -moz-transition: opacity 0.3s ease-out;
+  -ms-transition: opacity 0.3s ease-out;
+  transition: opacity 0.3s ease-out;
+  opacity: 1;
+}
+#toc.toc-aside a {
+  -webkit-transition: color 1s ease-out;
+  -moz-transition: color 1s ease-out;
+  -ms-transition: color 1s ease-out;
+  transition: color 1s ease-out;
+}
+#toc.toc-aside a:hover {
+  color: color-theme;
+  -webkit-transition: color 0.3s ease-out;
+  -moz-transition: color 0.3s ease-out;
+  -ms-transition: color 0.3s ease-out;
+  transition: color 0.3s ease-out;
+}
 #comments {
   padding: 20px;
   margin: 40px 0;
@@ -1458,7 +1558,7 @@ a.article-title:hover {
   line-height: 22.400000000000002px;
 }
 .article-entry .highlight .gutter pre,
-.article-entry  .line-numbers {
+.article-entry .gist .gist-file .gist-data .line-numbers {
   color: #666;
   font-size: 0.85em;
 }
@@ -1513,7 +1613,60 @@ a.article-title:hover {
 .article-entry .highlight .line {
   height: 22.400000000000002px;
 }
-
+.article-entry .gist {
+  margin: 0 -20px;
+  border-style: solid;
+  border-color: #eceff2;
+  border-width: 1px 0;
+  background: #34383d;
+  padding: 15px 20px 15px 0;
+}
+.article-entry .gist .gist-file {
+  border: none;
+  font-family: "Source Code Pro", Consolas, Monaco, Menlo, Consolas, monospace;
+  margin: 0;
+}
+.article-entry .gist .gist-file .gist-data {
+  background: none;
+  border: none;
+}
+.article-entry .gist .gist-file .gist-data table {
+  background: none;
+}
+.article-entry .gist .gist-file .gist-data .pl-vo {
+  color: #fff;
+}
+.article-entry .gist .gist-file .gist-data .line-numbers {
+  background: none;
+  border: none;
+  padding: 0 20px 0 0;
+  height: 22.400000000000002px;
+  vertical-align: top;
+}
+.article-entry .gist .gist-file .gist-data .line-data {
+  padding: 0 !important;
+}
+.article-entry .gist .gist-file .highlight {
+  margin: 0;
+  padding: 0;
+  border: none;
+}
+.article-entry .gist .gist-file .gist-meta {
+  background: #34383d;
+  color: #999;
+  font: 0.85em "open sans", "Helvetica Neue", "Microsoft Yahei", Helvetica, Arial, sans-serif;
+  text-shadow: 0 0;
+  padding: 0;
+  margin-top: 1em;
+  margin-left: 20px;
+}
+.article-entry .gist .gist-file .gist-meta a {
+  color: #38b7ea;
+  font-weight: normal;
+}
+.article-entry .gist .gist-file .gist-meta a:hover {
+  text-decoration: underline;
+}
 pre .comment,
 pre .title,
 pre .template_comment,
@@ -1863,18 +2016,4 @@ pre .javascript .function {
 }
 #recent-post li:hover .item-title a {
   color: #38b7ea;
-}
-
-/*
-
-    MathJax helpers
-
-*/
-
-code.has-jax {
-    font: inherit;
-    font-size: 100%;
-    background: inherit;
-    border: inherit;
-    color: #515151;
-}
+}
\ No newline at end of file