1 files changed, 98 insertions, 0 deletions
diff --git a/static/css/custom.css b/static/css/custom.css
new file mode 100644
index 0000000..96fa0a0
--- /dev/null
+++ b/static/css/custom.css
@@ -0,0 +1,98 @@
+.subtitle {
+  float: right;
+  font-family: 'Slackey',cursive;
+  font-size: 1.5em;
+  margin-right: 100px;
+}
+
+/* for code */
+article code, article pre {
+  background: oldlace;
+  border: 1px solid oldlace;
+  font-family: "Hermit", Monaco, "Andale Mono", "lucida console", "Courier New", monospace; }
+article code {
+  font-size: 0.9em;
+  padding: 1px 3px;
+  margin: 0 3px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -ms-border-radius: 5px;
+  -o-border-radius: 5px;
+  border-radius: 5px; }
+article pre {
+  font-size: 1 / 0.9em;
+  line-height: 1.5;
+  margin-top: 10px;
+  padding: 5px 15px;
+  overflow-x: auto;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -ms-border-radius: 5px;
+  -o-border-radius: 5px;
+  border-radius: 5px; }
+  article pre code {
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    word-wrap: break-word;
+    word-break: normal;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    -ms-border-radius: 0;
+    -o-border-radius: 0;
+    border-radius: 0; }
+
+figure.highlight {
+  background: #dddddd;
+  border: 1px solid #cccccc;
+  margin-top: 10px;
+  padding: 5px 15px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  -ms-border-radius: 5px;
+  -o-border-radius: 5px;
+  border-radius: 5px; }
+  figure.highlight figcaption {
+    font-size: 0.9em;
+    position: relative; }
+    figure.highlight figcaption span {
+      margin: -5px -15px 0;
+      padding: 5px 15px;
+      display: block; }
+      figure.highlight figcaption span:empty {
+        display: none; }
+    figure.highlight figcaption a {
+      position: absolute;
+      top: 5px;
+      right: 0; }
+  figure.highlight code, figure.highlight pre {
+    font-size: 0.9em;
+    background: none;
+    border: none;
+    padding: 0;
+    margin: 0;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    -ms-border-radius: 0;
+    -o-border-radius: 0;
+    border-radius: 0; }
+  figure.highlight {
+    overflow-x: auto; }
+  figure.highlight .gutter {
+    border-right: 1px solid #cccccc;
+    font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
+    padding-right: 15px;
+    text-align: right; }
+  figure.highlight table {
+    border: none;
+    text-align: left;
+    margin-top: 0; }
+    figure.highlight table td {
+      text-align: left; }
+  figure.highlight td.highlight {
+    width: 100%;
+    padding-left: 15px;
+    overflow-x: auto; }
+  figure.highlight .line {
+    height: 18px;}