hugo-soresu

My fork of hugo-xmin 

git clone git://git.shimmy1996.com/hugo-soresu.git
commit 130d33300fe78cbee8a01d29992064c8dea5e6ea
parent afd2e774f3b1dfe7d1407413e8012b31a9d1c4b8
Author: Shimmy Xu <shimmy.xu@shimmy1996.com>
Date:   Fri, 22 Jun 2018 23:39:36 -0500

Inline all the CSS.

Diffstat:

Mlayouts/partials/comment.html | 2+-


Rstatic/css/fonts.css -> layouts/partials/css/fonts.css | 0


Alayouts/partials/css/fonts.min.css | 1+


Alayouts/partials/css/isso.css | 229+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++


Alayouts/partials/css/isso.min.css | 1+


Alayouts/partials/css/style.css | 65+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++


Alayouts/partials/css/style.min.css | 1+


Mlayouts/partials/stylesheet.html | 4++--


Dstatic/css/isso.css | 229-------------------------------------------------------------------------------


Dstatic/css/style.css | 67-------------------------------------------------------------------


10 files changed, 300 insertions(+), 299 deletions(-)
diff --git a/layouts/partials/comment.html b/layouts/partials/comment.html
@@ -1,5 +1,5 @@
 <hr/>
-<link rel="stylesheet" href="{{ "/css/isso.css" | relURL }}" type="text/css" />
+<style type="text/css">{{ partial "css/isso.min.css" . | safeCSS }}</style>
 <script async
         data-isso="/isso/"
         data-isso-css="false"
diff --git a/static/css/fonts.css b/layouts/partials/css/fonts.css
diff --git a/layouts/partials/css/fonts.min.css b/layouts/partials/css/fonts.min.css
@@ -0,0 +1 @@
+@import url (//fonts.googleapis.com/earlyaccess/notosansscsliced.css);@font-face{font-family:"Iosevka Term";src:url(/fonts/iosevka-term-ss09-regular.woff2) format('woff2');font-display:swap}@font-face{font-family:"Oxygen";src:url(/fonts/Oxygen-Sans.woff2) format('woff2');font-display:swap}@font-face{font-family:"Oxygen";src:url(/fonts/Oxygen-Sans-Bold.woff2) format('woff2');font-weight:700;font-display:swap}@font-face{font-family:"Noto Sans JP Min";src:url(/fonts/NotoSansCJKjp-Regular.min.woff2) format('woff2');font-display:swap}@font-face{font-family:"Noto Sans JP Min";src:url(/fonts/NotoSansCJKjp-Bold.min.woff2) format('woff2');font-weight:700;font-display:swap}body{font-family:'Oxygen','Noto Sans SC Sliced','Noto Sans JP Min',Candara,Calibri,Arial,sans-serif}code,kbd{font-family:'Iosevka Term',monospace;font-size:90%}kbd{font-size:80%}
diff --git a/layouts/partials/css/isso.css b/layouts/partials/css/isso.css
@@ -0,0 +1,229 @@
+#isso-thread * {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+#isso-thread a {
+    text-decoration: none;
+}
+
+#isso-thread {
+    padding: 0;
+    margin: 0;
+}
+#isso-thread > h4 {
+    color: #555;
+    font-weight: bold;
+}
+#isso-thread .textarea {
+    min-height: 58px;
+    outline: 0;
+}
+#isso-thread .textarea.placeholder {
+    color: #999;
+}
+
+.isso-comment {
+    max-width: 68em;
+    padding-top: 0.95em;
+    margin: 0.95em auto;
+}
+.isso-comment:not(:first-of-type),
+.isso-follow-up .isso-comment {
+    border-top: 1px dashed #ddd;
+}
+.isso-comment > div.avatar,
+.isso-postbox > .avatar {
+    display: block;
+    float: left;
+    width: 7%;
+    margin: 3px 15px 0 0;
+}
+.isso-postbox > .avatar {
+    float: left;
+    margin: 5px 10px 0 5px;
+    width: 48px;
+    height: 48px;
+    overflow: hidden;
+}
+.isso-comment > div.avatar > svg,
+.isso-postbox > .avatar > svg {
+    max-width: 48px;
+    max-height: 48px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+}
+.isso-comment > div.text-wrapper {
+    display: block;
+}
+.isso-comment .isso-follow-up {
+    padding-left: calc(7% + 20px);
+}
+.isso-comment > div.text-wrapper > .isso-comment-header, .isso-comment > div.text-wrapper > .isso-comment-footer {
+    font-size: 0.95em;
+}
+.isso-comment > div.text-wrapper > .isso-comment-header {
+    font-size: 0.85em;
+}
+.isso-comment > div.text-wrapper > .isso-comment-header .spacer {
+    padding: 0 6px;
+}
+.isso-comment > div.text-wrapper > .isso-comment-header .spacer,
+.isso-comment > div.text-wrapper > .isso-comment-header a.permalink,
+.isso-comment > div.text-wrapper > .isso-comment-header .note,
+.isso-comment > div.text-wrapper > .isso-comment-header a.parent {
+    color: gray !important;
+    font-weight: normal;
+    text-shadow: none !important;
+}
+.isso-comment > div.text-wrapper > .isso-comment-header .spacer:hover,
+.isso-comment > div.text-wrapper > .isso-comment-header a.permalink:hover,
+.isso-comment > div.text-wrapper > .isso-comment-header .note:hover,
+.isso-comment > div.text-wrapper > .isso-comment-header a.parent:hover {
+    color: #606060 !important;
+}
+.isso-comment > div.text-wrapper > .isso-comment-header .note {
+    float: right;
+}
+.isso-comment > div.text-wrapper > .isso-comment-header .author {
+    font-weight: bold;
+    color: #555;
+}
+.isso-comment > div.text-wrapper > .textarea-wrapper .textarea {
+    margin-top: 0.2em;
+}
+.isso-comment > div.text-wrapper > div.text p {
+    margin-top: 0.2em;
+}
+.isso-comment > div.text-wrapper > div.text p:last-child {
+    margin-bottom: 0.2em;
+}
+.isso-comment > div.text-wrapper > div.text h1,
+.isso-comment > div.text-wrapper > div.text h2,
+.isso-comment > div.text-wrapper > div.text h3,
+.isso-comment > div.text-wrapper > div.text h4,
+.isso-comment > div.text-wrapper > div.text h5,
+.isso-comment > div.text-wrapper > div.text h6 {
+    font-size: 130%;
+    font-weight: bold;
+}
+.isso-comment > div.text-wrapper > div.textarea-wrapper .textarea {
+    width: 100%;
+    border: 1px solid #f0f0f0;
+    border-radius: 5px;
+}
+.isso-comment > div.text-wrapper > .isso-comment-footer {
+    font-size: 0.80em;
+    color: gray !important;
+    clear: left;
+}
+.isso-comment > div.text-wrapper > .isso-comment-footer a {
+    text-decoration: none;
+    padding: 5px;
+    border-radius: 5px;
+    border: 0px;
+    line-height: 1.5em;
+    background: #eee;
+    color: #700000;
+}
+.isso-comment > div.text-wrapper > .isso-comment-footer a:hover {
+    color: #700000 !important;
+    text-shadow: none !important;
+}
+.isso-comment > div.text-wrapper > .isso-comment-footer > a {
+    position: relative;
+    top: .2em;
+}
+.isso-comment > div.text-wrapper > .isso-comment-footer > a + a {
+    padding-left: 1em;
+}
+.isso-comment > div.text-wrapper > .isso-comment-footer .votes {
+    color: gray;
+}
+.isso-comment > div.text-wrapper > .isso-comment-footer .upvote svg,
+.isso-comment > div.text-wrapper > .isso-comment-footer .downvote svg {
+    position: relative;
+    top: .2em;
+}
+.isso-comment .isso-postbox {
+    margin-top: 0.8em;
+}
+
+.isso-postbox {
+    max-width: 68em;
+    margin: 0 auto 2em;
+}
+.isso-postbox > .form-wrapper {
+    display: block;
+    padding: 0;
+}
+.isso-postbox > .form-wrapper > .auth-section,
+.isso-postbox > .form-wrapper > .auth-section .post-action {
+    display: block;
+}
+.isso-postbox > .form-wrapper .textarea {
+    margin: 0 0 .3em;
+    padding: .4em .8em;
+    border-radius: 5px;
+    background-color: #eee;
+    border: 2px solid #ddd;
+}
+#isso-thread .textarea:focus,
+#isso-thread input:focus {
+    border-color: #700000;
+}
+.isso-postbox > .form-wrapper > .auth-section .input-wrapper {
+    display: inline-block;
+    position: relative;
+    max-width: 28%;
+    margin: 0;
+    margin-right: .3em;
+}
+.isso-postbox > .form-wrapper > .auth-section .input-wrapper input {
+    padding: .3em 10px;
+    max-width: 100%;
+    border-radius: 5px;
+    background-color: #eee;
+    line-height: 1.5em;
+    border: 2px solid #ddd;
+}
+.isso-postbox > .form-wrapper > .auth-section .input-wrapper input:focus {
+    outline: 0;
+    border-color: #700000;
+}
+.isso-postbox > .form-wrapper > .auth-section .post-action {
+    display: inline-block;
+    float: right;
+    margin: 0;
+}
+.isso-postbox > .form-wrapper > .auth-section .post-action > input {
+    padding: 5px;
+    border-radius: 5px;
+    border: 0px;
+    color: #700000;
+    cursor: pointer;
+    outline: 0;
+    line-height: 1.5em;
+    background: #eee;
+}
+.isso-postbox > .form-wrapper > .auth-section .post-action > input:hover {
+    background-color: #eee;
+}
+.isso-postbox > .form-wrapper > .auth-section .post-action > input:active {
+    background-color: #eee;
+}
+@media screen and (max-width:600px) {
+    .isso-postbox > .form-wrapper > .auth-section .input-wrapper {
+        display: block;
+        max-width: 100%;
+        margin: 0 0 .3em;
+    }
+    .isso-postbox > .form-wrapper > .auth-section .input-wrapper input {
+        width: 100%;
+    }
+    .isso-postbox > .form-wrapper > .auth-section .post-action {
+        display: block;
+        float: none;
+        text-align: right;
+    }
+}
diff --git a/layouts/partials/css/isso.min.css b/layouts/partials/css/isso.min.css
@@ -0,0 +1 @@
+#isso-thread *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#isso-thread a{text-decoration:none}#isso-thread{padding:0;margin:0}#isso-thread>h4{color:#555;font-weight:700}#isso-thread .textarea{min-height:58px;outline:0}#isso-thread .textarea.placeholder{color:#999}.isso-comment{max-width:68em;padding-top:.95em;margin:.95em auto}.isso-comment:not(:first-of-type),.isso-follow-up .isso-comment{border-top:1px dashed #ddd}.isso-comment>div.avatar,.isso-postbox>.avatar{display:block;float:left;width:7%;margin:3px 15px 0 0}.isso-postbox>.avatar{margin:5px 10px 0 5px;width:48px;height:48px;overflow:hidden}.isso-comment>div.avatar>svg,.isso-postbox>.avatar>svg{max-width:48px;max-height:48px;border:1px solid #ddd;border-radius:5px}.isso-comment>div.text-wrapper,.isso-postbox>.form-wrapper>.auth-section{display:block}.isso-comment .isso-follow-up{padding-left:calc(7% + 20px)}.isso-comment>div.text-wrapper>.isso-comment-header{font-size:.85em}.isso-comment>div.text-wrapper>.isso-comment-header .spacer{padding:0 6px}.isso-comment>div.text-wrapper>.isso-comment-header .note,.isso-comment>div.text-wrapper>.isso-comment-header .spacer,.isso-comment>div.text-wrapper>.isso-comment-header a.parent,.isso-comment>div.text-wrapper>.isso-comment-header a.permalink{color:gray!important;font-weight:400;text-shadow:none!important}.isso-comment>div.text-wrapper>.isso-comment-header .note:hover,.isso-comment>div.text-wrapper>.isso-comment-header .spacer:hover,.isso-comment>div.text-wrapper>.isso-comment-header a.parent:hover,.isso-comment>div.text-wrapper>.isso-comment-header a.permalink:hover{color:#606060!important}.isso-comment>div.text-wrapper>.isso-comment-header .note{float:right}.isso-comment>div.text-wrapper>.isso-comment-header .author{font-weight:700;color:#555}.isso-comment>div.text-wrapper>.textarea-wrapper .textarea,.isso-comment>div.text-wrapper>div.text p{margin-top:.2em}.isso-comment>div.text-wrapper>div.text p:last-child{margin-bottom:.2em}.isso-comment>div.text-wrapper>div.text h1,.isso-comment>div.text-wrapper>div.text h2,.isso-comment>div.text-wrapper>div.text h3,.isso-comment>div.text-wrapper>div.text h4,.isso-comment>div.text-wrapper>div.text h5,.isso-comment>div.text-wrapper>div.text h6{font-size:130%;font-weight:700}.isso-comment>div.text-wrapper>div.textarea-wrapper .textarea{width:100%;border:1px solid #f0f0f0;border-radius:5px}.isso-comment>div.text-wrapper>.isso-comment-footer{font-size:.8em;color:gray!important;clear:left}.isso-comment>div.text-wrapper>.isso-comment-footer a{text-decoration:none;padding:5px;border-radius:5px;border:0;line-height:1.5em;background:#eee;color:#700000}.isso-comment>div.text-wrapper>.isso-comment-footer a:hover{color:#700000!important;text-shadow:none!important}.isso-comment>div.text-wrapper>.isso-comment-footer .downvote svg,.isso-comment>div.text-wrapper>.isso-comment-footer .upvote svg,.isso-comment>div.text-wrapper>.isso-comment-footer>a{position:relative;top:.2em}.isso-comment>div.text-wrapper>.isso-comment-footer>a+a{padding-left:1em}.isso-comment>div.text-wrapper>.isso-comment-footer .votes{color:gray}.isso-comment .isso-postbox{margin-top:.8em}.isso-postbox{max-width:68em;margin:0 auto 2em}.isso-postbox>.form-wrapper{display:block;padding:0}.isso-postbox>.form-wrapper .textarea{margin:0 0 .3em;padding:.4em .8em;border-radius:5px;background-color:#eee;border:2px solid #ddd}#isso-thread .textarea:focus,#isso-thread input:focus{border-color:#700000}.isso-postbox>.form-wrapper>.auth-section .input-wrapper{display:inline-block;position:relative;max-width:28%;margin:0 .3em 0 0}.isso-postbox>.form-wrapper>.auth-section .input-wrapper input{padding:.3em 10px;max-width:100%;border-radius:5px;background-color:#eee;line-height:1.5em;border:2px solid #ddd}.isso-postbox>.form-wrapper>.auth-section .input-wrapper input:focus{outline:0;border-color:#700000}.isso-postbox>.form-wrapper>.auth-section .post-action{display:inline-block;float:right;margin:0}.isso-postbox>.form-wrapper>.auth-section .post-action>input{padding:5px;border-radius:5px;border:0;color:#700000;cursor:pointer;outline:0;line-height:1.5em;background:#eee}.isso-postbox>.form-wrapper>.auth-section .post-action>input:active,.isso-postbox>.form-wrapper>.auth-section .post-action>input:hover{background-color:#eee}@media screen and (max-width:600px){.isso-postbox>.form-wrapper>.auth-section .input-wrapper{display:block;max-width:100%;margin:0 0 .3em}.isso-postbox>.form-wrapper>.auth-section .input-wrapper input{width:100%}.isso-postbox>.form-wrapper>.auth-section .post-action{display:block;float:none;text-align:right}}
diff --git a/layouts/partials/css/style.css b/layouts/partials/css/style.css
@@ -0,0 +1,65 @@
+body {
+  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; }
+.article-meta, .menu a {
+  background: #eee;
+  padding: 5px;
+  border-radius: 5px;
+}
+.menu, .article-meta, footer { text-align: center; }
+.title { font-size: 1.1em; line-height: 1.1em;}
+hr { border: 1px dashed #ddd; }
+.subtitle {
+    color: #700000;
+    font-style: italic;
+}
+a {
+  text-decoration:none;
+  color: #700000;
+}
+
+/* code */
+pre {
+  border: 1px solid #ddd;
+  padding: 1em;
+  border-radius: 5px;
+  overflow-x: auto;
+}
+code { background: #f9f9f9; }
+pre code { background: none; }
+kbd {
+  color: #fff;
+  background: #700000;
+  padding: 3px;
+  border-radius: 3px;
+}
+
+/* misc elements */
+img, iframe, video { max-width: 100%; }
+main { hyphens: auto; }
+blockquote {
+  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;
+}
+th, td {
+  padding: 5px;
+}
+thead, tfoot, tr:nth-child(even) {
+  background: #ccc;
+}
diff --git a/layouts/partials/css/style.min.css b/layouts/partials/css/style.min.css
@@ -0,0 +1 @@
+body,pre{padding:1em}body{max-width:800px;margin:auto;line-height:1.5em}.menu{padding:0;line-height:1.2em}.menu li{display:inline-block}.article-meta,.menu a{background:#eee;padding:5px;border-radius:5px}.article-meta,.menu,footer{text-align:center}.title{font-size:1.1em;line-height:1.1em}hr{border:1px dashed #ddd}.subtitle,a{color:#700000}.subtitle{font-style:italic}a{text-decoration:none}pre{border:1px solid #ddd;border-radius:5px;overflow-x:auto}code{background:#f9f9f9}pre code{background:0 0}kbd{color:#fff;background:#700000;padding:3px;border-radius:3px}iframe,img,video{max-width:100%}main{hyphens:auto}blockquote,table{background:#eee;border-radius:5px}blockquote{border-left:5px solid #ccc;padding:3px 1em}table{border-collapse:collapse;margin:auto;overflow:hidden}td,th{padding:5px}tfoot,thead,tr:nth-child(even){background:#ccc}
diff --git a/layouts/partials/stylesheet.html b/layouts/partials/stylesheet.html
@@ -1,2 +1,2 @@
-<link rel="stylesheet" href="{{ "/css/style.css" | relURL }}" type="text/css" />
-<link rel="stylesheet" href="{{ "/css/fonts.css" | relURL }}" type="text/css" />
+<style type="text/css">{{ partial "css/fonts.min.css" . | safeCSS }}</style>
+<style type="text/css">{{ partial "css/style.min.css" . | safeCSS }}</style>
diff --git a/static/css/isso.css b/static/css/isso.css
@@ -1,229 +0,0 @@
-#isso-thread * {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-}
-#isso-thread a {
-    text-decoration: none;
-}
-
-#isso-thread {
-    padding: 0;
-    margin: 0;
-}
-#isso-thread > h4 {
-    color: #555;
-    font-weight: bold;
-}
-#isso-thread .textarea {
-    min-height: 58px;
-    outline: 0;
-}
-#isso-thread .textarea.placeholder {
-    color: #999;
-}
-
-.isso-comment {
-    max-width: 68em;
-    padding-top: 0.95em;
-    margin: 0.95em auto;
-}
-.isso-comment:not(:first-of-type),
-.isso-follow-up .isso-comment {
-    border-top: 1px dashed #ddd;
-}
-.isso-comment > div.avatar,
-.isso-postbox > .avatar {
-    display: block;
-    float: left;
-    width: 7%;
-    margin: 3px 15px 0 0;
-}
-.isso-postbox > .avatar {
-    float: left;
-    margin: 5px 10px 0 5px;
-    width: 48px;
-    height: 48px;
-    overflow: hidden;
-}
-.isso-comment > div.avatar > svg,
-.isso-postbox > .avatar > svg {
-    max-width: 48px;
-    max-height: 48px;
-    border: 1px solid #ddd;
-    border-radius: 5px;
-}
-.isso-comment > div.text-wrapper {
-    display: block;
-}
-.isso-comment .isso-follow-up {
-    padding-left: calc(7% + 20px);
-}
-.isso-comment > div.text-wrapper > .isso-comment-header, .isso-comment > div.text-wrapper > .isso-comment-footer {
-    font-size: 0.95em;
-}
-.isso-comment > div.text-wrapper > .isso-comment-header {
-    font-size: 0.85em;
-}
-.isso-comment > div.text-wrapper > .isso-comment-header .spacer {
-    padding: 0 6px;
-}
-.isso-comment > div.text-wrapper > .isso-comment-header .spacer,
-.isso-comment > div.text-wrapper > .isso-comment-header a.permalink,
-.isso-comment > div.text-wrapper > .isso-comment-header .note,
-.isso-comment > div.text-wrapper > .isso-comment-header a.parent {
-    color: gray !important;
-    font-weight: normal;
-    text-shadow: none !important;
-}
-.isso-comment > div.text-wrapper > .isso-comment-header .spacer:hover,
-.isso-comment > div.text-wrapper > .isso-comment-header a.permalink:hover,
-.isso-comment > div.text-wrapper > .isso-comment-header .note:hover,
-.isso-comment > div.text-wrapper > .isso-comment-header a.parent:hover {
-    color: #606060 !important;
-}
-.isso-comment > div.text-wrapper > .isso-comment-header .note {
-    float: right;
-}
-.isso-comment > div.text-wrapper > .isso-comment-header .author {
-    font-weight: bold;
-    color: #555;
-}
-.isso-comment > div.text-wrapper > .textarea-wrapper .textarea {
-    margin-top: 0.2em;
-}
-.isso-comment > div.text-wrapper > div.text p {
-    margin-top: 0.2em;
-}
-.isso-comment > div.text-wrapper > div.text p:last-child {
-    margin-bottom: 0.2em;
-}
-.isso-comment > div.text-wrapper > div.text h1,
-.isso-comment > div.text-wrapper > div.text h2,
-.isso-comment > div.text-wrapper > div.text h3,
-.isso-comment > div.text-wrapper > div.text h4,
-.isso-comment > div.text-wrapper > div.text h5,
-.isso-comment > div.text-wrapper > div.text h6 {
-    font-size: 130%;
-    font-weight: bold;
-}
-.isso-comment > div.text-wrapper > div.textarea-wrapper .textarea {
-    width: 100%;
-    border: 1px solid #f0f0f0;
-    border-radius: 5px;
-}
-.isso-comment > div.text-wrapper > .isso-comment-footer {
-    font-size: 0.80em;
-    color: gray !important;
-    clear: left;
-}
-.isso-comment > div.text-wrapper > .isso-comment-footer a {
-    text-decoration: none;
-    padding: 5px;
-    border-radius: 5px;
-    border: 0px;
-    line-height: 1.5em;
-    background: #eee;
-    color: #700000;
-}
-.isso-comment > div.text-wrapper > .isso-comment-footer a:hover {
-    color: #700000; !important;
-    text-shadow: none !important;
-}
-.isso-comment > div.text-wrapper > .isso-comment-footer > a {
-    position: relative;
-    top: .2em;
-}
-.isso-comment > div.text-wrapper > .isso-comment-footer > a + a {
-    padding-left: 1em;
-}
-.isso-comment > div.text-wrapper > .isso-comment-footer .votes {
-    color: gray;
-}
-.isso-comment > div.text-wrapper > .isso-comment-footer .upvote svg,
-.isso-comment > div.text-wrapper > .isso-comment-footer .downvote svg {
-    position: relative;
-    top: .2em;
-}
-.isso-comment .isso-postbox {
-    margin-top: 0.8em;
-}
-
-.isso-postbox {
-    max-width: 68em;
-    margin: 0 auto 2em;
-}
-.isso-postbox > .form-wrapper {
-    display: block;
-    padding: 0;
-}
-.isso-postbox > .form-wrapper > .auth-section,
-.isso-postbox > .form-wrapper > .auth-section .post-action {
-    display: block;
-}
-.isso-postbox > .form-wrapper .textarea {
-    margin: 0 0 .3em;
-    padding: .4em .8em;
-    border-radius: 5px;
-    background-color: #eee;
-    border: 2px solid #ddd;
-}
-#isso-thread .textarea:focus,
-#isso-thread input:focus {
-    border-color: #700000;
-}
-.isso-postbox > .form-wrapper > .auth-section .input-wrapper {
-    display: inline-block;
-    position: relative;
-    max-width: 28%;
-    margin: 0;
-    margin-right: .3em;
-}
-.isso-postbox > .form-wrapper > .auth-section .input-wrapper input {
-    padding: .3em 10px;
-    max-width: 100%;
-    border-radius: 5px;
-    background-color: #eee;
-    line-height: 1.5em;
-    border: 2px solid #ddd;
-}
-.isso-postbox > .form-wrapper > .auth-section .input-wrapper input:focus {
-    outline: 0;
-    border-color: #700000;
-}
-.isso-postbox > .form-wrapper > .auth-section .post-action {
-    display: inline-block;
-    float: right;
-    margin: 0;
-}
-.isso-postbox > .form-wrapper > .auth-section .post-action > input {
-    padding: 5px;
-    border-radius: 5px;
-    border: 0px;
-    color: #700000;
-    cursor: pointer;
-    outline: 0;
-    line-height: 1.5em;
-    background: #eee;
-}
-.isso-postbox > .form-wrapper > .auth-section .post-action > input:hover {
-    background-color: #eee;
-}
-.isso-postbox > .form-wrapper > .auth-section .post-action > input:active {
-    background-color: #eee;
-}
-@media screen and (max-width:600px) {
-    .isso-postbox > .form-wrapper > .auth-section .input-wrapper {
-        display: block;
-        max-width: 100%;
-        margin: 0 0 .3em;
-    }
-    .isso-postbox > .form-wrapper > .auth-section .input-wrapper input {
-        width: 100%;
-    }
-    .isso-postbox > .form-wrapper > .auth-section .post-action {
-        display: block;
-        float: none;
-        text-align: right;
-    }
-}
diff --git a/static/css/style.css b/static/css/style.css
@@ -1,67 +0,0 @@
-body {
-  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; }
-.article-meta, .menu a {
-  background: #eee;
-  padding: 5px;
-  border-radius: 5px;
-}
-.menu, .article-meta, footer { text-align: center; }
-.title { font-size: 1.1em; line-height: 1.1em;}
-hr { border: 1px dashed #ddd; }
-.subtitle {
-    color: #700000;
-    font-style: italic;
-}
-a {
-  text-decoration:none;
-  color: #700000;
-}
-
-/* code */
-pre {
-  border: 1px solid #ddd;
-  padding: 1em;
-  border-radius: 5px;
-  overflow-x: auto;
-}
-code { background: #f9f9f9; }
-pre code { background: none; }
-kbd {
-  color: #fff;
-  background: #700000;
-  padding: 3px;
-  border-radius: 3px;
-}
-
-/* misc elements */
-img, iframe, video { max-width: 100%; }
-main { hyphens: auto; }
-blockquote {
-  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;
-}
-table thead th {}
-th, td {
-  padding: 5px;
-}
-thead, tfoot, tr:nth-child(even) {
-  background: #ccc;
-}