feat/style: bring up comment theme

src/disqusjs.css

@@ -0,0 +1,107 @@
+/*!
+ * DisqusJS - Default Theme | v0.1.0
+ * Author: SukkaW
+ * Link: https://github.com/SukkaW/DisqusJS
+ * License: GPL-3.0
+ */
+
+#dsqjs .dsqjs-container * {
+    margin: 0;
+    padding: 0;
+}
+
+#dsqjs ul.dsqjs-list {
+    list-style: none;
+    list-style-type: none;
+}
+
+#dsqjs .dsqjs-item-container {
+    position: relative;
+    margin-bottom: 24px;
+    transition: all .2s ease-in-out;
+}
+
+#dsqjs .dsqjs-item-container:after,
+#dsqjs .dsqjs-item-container:before {
+    display: table;
+    content: "";
+    line-height: 0;
+    clear: both;
+}
+
+#dsqjs .dsqjs-avater {
+    margin-right: 12px;
+    float: left;
+    position: relative;
+    z-index: 100;
+    padding: 0;
+}
+
+#dsqjs a {
+    text-decoration: none;
+    color: #076dd0;
+}
+
+#dsqjs .dsqjs-avater img {
+    width: 48px;
+    height: 48px;
+    display: block;
+    border-radius: 4px;
+}
+
+#dsqjs .dsqjs-body {
+    overflow: hidden;
+}
+
+#dsqjs .dsqjs-header {
+    line-height: 1;
+    font-size: 13px;
+    margin-top: 4px;
+    margin-bottom: 4px;
+}
+
+#dsqjs .dsqjs-bullet {
+    line-height: 1.4;
+    margin: 0 4px;
+}
+
+#dsqjs .dsqjs-bullet::after {
+    color: #c2c6cc;
+    content: "•";
+}
+
+#dsqjs .dsqjs-author {
+    line-height: 1;
+    color: #2479cc;
+    font-weight: 700;
+}
+
+#dsqjs .dsqjs-meta {
+    font-size: 12px;
+    color: #656c7a;
+}
+
+#dsqjs .dsqjs-content p:last-child {
+    margin: 0;
+}
+
+#dsqjs .dsqjs-content p {
+    font-size: 15px;
+    line-height: 21px;
+    margin: 0 0 12px;
+    word-wrap: break-word;
+}
+
+#dsqjs .dsqjs-children .dsqjs-item {
+    margin-left: 60px;
+}
+
+#dsqjs .dsqjs-children .dsqjs-avater img {
+    width: 38px;
+    height: 38px;
+}
+
+#dsqjs .dsqjs-children .dsqjs-header {
+    margin-top: 0;
+    margin-bottom: 0
+}