update

assets/css/style.scss

@@ -0,0 +1,179 @@
+---
+--- 
+
+@import "{{ site.theme }}";
+
+a:hover {
+    font-weight: inherit;
+    text-decoration: underline;
+}
+
+.backToTop {
+    display: none;
+    width: 18px;
+    line-height: 1.2;
+    padding: 5px 0;
+    background-color: #000;
+    color: #fff;
+    font-size: 12px;
+    text-align: center;
+    position: fixed;
+    _position: absolute;
+    right: 10px;
+    bottom: 100px;
+    _bottom: "auto";
+    cursor: pointer;
+    opacity: .6;
+    filter: Alpha(opacity=60);
+}
+
+.post-content {
+    font-size: 15px;
+    line-height: 1.6;
+}
+
+.post-content h1 {
+    text-indent: -8px;
+    margin:20px 0 10px;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+.post-content h2 {
+    text-indent: -6px;
+    margin:20px 0 10px;
+    border-bottom: 1px solid #e5e5e5;
+}
+
+.post-content h3 {
+    margin:20px 0 10px;
+    text-indent: -5px;
+}
+
+.post-content h4 {
+    margin:20px 0 10px;
+    text-indent: -4px;
+}
+
+.post-content h5 {
+    margin:20px 0 10px;
+    text-indent: -3px;
+}
+
+.post-content h6 {
+    margin:20px 0 10px;
+    text-indent: -2px;
+}
+
+.post-content p {
+    text-indent: 2em;
+    margin-bottom: 5px;
+}
+
+h1 .octicon,
+h2 .octicon,
+h3 .octicon,
+h4 .octicon,
+h5 .octicon,
+h6 .octicon {
+    visibility: hidden;
+}
+
+h1:hover .octicon,
+h2:hover .octicon,
+h3:hover .octicon,
+h4:hover .octicon,
+h5:hover .octicon,
+h6:hover .octicon {
+    visibility: visible;
+}
+
+.octicon {
+    fill: currentColor;
+    padding: 0;
+    margin-left: -16px;
+    vertical-align: middle;
+}
+
+div.highlight {
+    position: relative;
+}
+
+div.highlight:hover button {
+    opacity: 1;
+}
+
+div.highlight button {
+    opacity: 0;
+    position: absolute;
+    top: 0.5em;
+    right: 1em;
+    height: 2em;
+    transition: all 0.2s ease-out;
+}
+
+div.highlight button:active,
+div.highlight button:focus,
+div.highlight button:hover {
+    opacity: 1;
+}
+
+.footnotes {
+    font-size: 14px;
+    line-height: 1.4;
+}
+.footnotes p {
+    margin: 0;
+    text-indent: 0;
+}
+
+.wrapper{
+    width: 90%;
+}
+header{
+    width: 25%;
+}
+footer{
+    width: 25%;
+}
+section{
+    width: 65%;
+}
+@media print, screen and (max-width: 960px) {
+    .wrapper {
+        width: auto;
+    }
+    
+    header {
+        width: auto;
+    }
+    
+    footer {
+        width: auto;
+    }
+    
+    section {
+        width: auto;
+    }
+}
+
+code.highlighter-rouge{
+    padding: .1em .2em;
+    margin: 0;
+    font-size: 90%;
+    white-space: break-spaces;
+    background-color: lightgray;
+    border-radius: 6px;
+}
+
+.content-tooltip {
+    position: absolute;
+    background: #fff;
+    border: 1px solid #ddd;
+    padding: 8px 12px;
+    border-radius: 4px;
+    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+    max-width: 300px;
+    z-index: 1000;
+    font-size: 14px;
+    line-height: 1.4;
+}