Marked as 0.2.8

public/css/cover.css

@@ -23,13 +23,15 @@ a:hover {
 /*
  * Base structure
  */
-
+html {
+    height: 100%;
+}
 html,
 body {
-    height: 100%;
     background-color: #333;
 }
 body {
+    min-height: 100%;
     color: #fff;
     text-align: center;
     text-shadow: 0 1px 3px rgba(0, 0, 0, .5);
@@ -40,7 +42,7 @@ body {
     padding: 10px;
     display: table;
     width: 100%;
-    height: 100%;
+    height: 100vh;
     /* For at least Firefox */
     min-height: 100%;
     -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, .5);
@@ -156,7 +158,7 @@ body {
     .masthead,
     .mastfoot,
     .cover-container {
-        width: 700px;
+        width: 1000px;
     }
 }
 .section ul {
@@ -168,41 +170,14 @@ html,
 body {
     overflow-x: hidden;
 }
-.select2-selection,
-.select2-search__field {
-    outline: 0;
-}
-.select2-search__field:hover {
-    border: 1px solid #b9b9b9 !important;
-    border-top-color: #a0a0a0 !important;
-}
-.select2-search__field:focus {
-    border: 1px solid #4d90fe !important;
-}
 input {
     color: black;
 }
 .mastfoot {
     position: relative;
 }
-.select2 {
-    width: 100% !important;
-    max-width: 400px;
-}
-.select2-selection {
-    height: 32px !important;
-}
-.select2-selection__rendered {
-    line-height: 32px !important;
-}
-.select2-selection__arrow {
-    height: 30px !important;
-}
-.select2-selection__rendered,
-.select2-selection__placeholder,
-.select2-results__option {
-    color: #000;
-    text-shadow: none;
+.select2-container {
+    margin: 0 auto !important;
 }
 .list {
     width: 100%;
@@ -275,4 +250,24 @@ input {
 .modal-title {
     text-align: left;
     color: black;
+}
+
+.btn-file {
+    position: relative;
+    overflow: hidden;
+}
+.btn-file input[type=file] {
+    position: absolute;
+    top: 0;
+    right: 0;
+    min-width: 100%;
+    min-height: 100%;
+    font-size: 100px;
+    text-align: right;
+    filter: alpha(opacity=0);
+    opacity: 0;
+    outline: none;
+    background: white;
+    cursor: inherit;
+    display: block;
 }

public/css/github-extract.css

@@ -1,6 +1,5 @@
 .markdown-body {
     overflow: hidden;
-    font-family: "Helvetica Neue",  Helvetica,  "Segoe UI",  Arial,  freesans,  sans-serif;
     font-size: 16px;
     line-height: 1.6;
     word-wrap: break-word;
@@ -339,7 +338,7 @@
 }
 .task-list-item-checkbox {
     float: left;
-    margin: 0.4em 0 0.2em -1.3em !important;
+    margin: 0.31em 0 0.2em -1.3em !important;
     vertical-align: middle;
     cursor: default !important;
 }

public/css/index.css

@@ -20,7 +20,7 @@ form,
     font-family: 'Source Code Pro', Consolas, monaco, monospace;
     line-height: 18px;
     font-size: 16px;
-    height: auto;
+    /*height: auto;*/
     min-height: 100%;
     overflow-y: hidden !important;
     -webkit-overflow-scrolling: touch;
@@ -30,7 +30,7 @@ form,
     overflow-y: auto !important;
 }
 .CodeMirror-code {
-    padding-bottom: 100px;
+    /*padding-bottom: 72px;*/
 }
 .CodeMirror-linenumber {
     opacity: 0.5;
@@ -43,7 +43,7 @@ form,
 .CodeMirror-foldmarker {
     color: #d0d0d0;
     text-shadow: none;
-    font-family: arial;
+    font-family: Arial;
     line-height: .3;
     cursor: pointer;
     margin: 2px;

public/css/site.css

@@ -6,6 +6,7 @@ body {
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
     /*text-rendering: optimizeLegibility;*/
     -webkit-overflow-scrolling: touch;
+    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft JhengHei", sans-serif !important;
 }
 :focus {
     outline: none !important;