Update to date

2 files changed, 146 insertions, 21 deletions

diff --git a/source/css/jquery.jscrollpane.css b/source/css/jquery.jscrollpane.css
new file mode 100644
index 00000000..57ccca25
--- /dev/null
+++ b/source/css/jquery.jscrollpane.css
@@ -0,0 +1,115 @@
+/*
+ * CSS Styles that are needed by jScrollPane for it to operate correctly.
+ *
+ * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
+ * may not operate correctly without them.
+ */
+
+.jspContainer
+{
+	overflow: hidden;
+	position: relative;
+}
+
+.jspPane
+{
+	position: absolute;
+}
+
+.jspVerticalBar
+{
+	position: absolute;
+	top: 0;
+	right: 0;
+	width: 16px;
+	height: 100%;
+	background: red;
+}
+
+.jspHorizontalBar
+{
+	position: absolute;
+	bottom: 0;
+	left: 0;
+	width: 100%;
+	height: 16px;
+	background: red;
+}
+
+.jspCap
+{
+	display: none;
+}
+
+.jspHorizontalBar .jspCap
+{
+	float: left;
+}
+
+.jspTrack
+{
+	background: #dde;
+	position: relative;
+}
+
+.jspDrag
+{
+	background: #bbd;
+	position: relative;
+	top: 0;
+	left: 0;
+	cursor: pointer;
+}
+
+.jspHorizontalBar .jspTrack,
+.jspHorizontalBar .jspDrag
+{
+	float: left;
+	height: 100%;
+}
+
+.jspArrow
+{
+	background: #50506d;
+	text-indent: -20000px;
+	display: block;
+	cursor: pointer;
+	padding: 0;
+	margin: 0;
+}
+
+.jspArrow.jspDisabled
+{
+	cursor: default;
+	background: #80808d;
+}
+
+.jspVerticalBar .jspArrow
+{
+	height: 16px;
+}
+
+.jspHorizontalBar .jspArrow
+{
+	width: 16px;
+	float: left;
+	height: 100%;
+}
+
+.jspVerticalBar .jspArrow:focus
+{
+	outline: none;
+}
+
+.jspCorner
+{
+	background: #eeeef4;
+	float: left;
+	height: 100%;
+}
+
+/* Yuk! CSS Hack for IE6 3 pixel bug :( */
+* html .jspCorner
+{
+	margin: 0 -3px 0 0;
+}
\ No newline at end of file
diff --git a/source/css/theme.css b/source/css/theme.css
index e3e2125a..081a23d7 100644
--- a/source/css/theme.css
+++ b/source/css/theme.css
@@ -17,20 +17,12 @@
 body {
     background-color: #000;
     color: #fff;
-    font-family: Times, "Times New Roman",
-                 /* Chinese fonts */
-                 "Kaiti SC", /* macOS */
-                 "Songti SC", /* macOS 10.12+ where Kaiti SC isn't installed by default
-                                 but is instead available as a downloadable component */
-                 KaiTi, /* Windows (simkai.ttf, not always included despite
-                           https://www.microsoft.com/typography/fonts/product.aspx?PID=161
-                           https://www.microsoft.com/typography/fonts/product.aspx?PID=164) */
-                 "Microsoft YaHei", /* Windows */
-                 "Heiti SC", /* iOS */
+    font-family: "monospace",
+                 "helvetica",
                  serif;
-    font-size: 16px;
+    font-size: 12px;
     -webkit-font-smoothing: antialiased;
-    margin: 100px 0;
+    margin: 0 0 100px 0;
 }
 
 .bodya {
@@ -84,7 +76,8 @@ only screen and ( min-resolution: 1.25dppx) {
     display: inline-block;
     position: relative;
     left: 2px;
-    font-family: "Helvetica Neue", Arial, sans-serif;
+    font-family: "monospace",
+                 "helvetica", Arial, sans-serif;
     font-size: 35px;
     font-weight: normal;
     letter-spacing: 2px;
@@ -170,10 +163,10 @@ a .active {
   color: #fff;
 }
 
-p, h2, ul {
+/*p, h2, ul {
   padding-left: 10vw;
   padding-right: 10vw;
-}
+}*/
 
 code {
     font-size: 90%;
@@ -307,7 +300,7 @@ noscript a {
 
 .rss-icon:before, .atom-icon:before {
     content: "\e800";
-    font-family: fontello;
+    font-family: "monospace","helvetica";
     font-size: 105%;
 }
 
@@ -319,15 +312,28 @@ noscript a {
 
 .cc-icon:before {
     content: "\e801";
-    font-family: fontello;
+    font-family: "monospace","helvetica";
     font-size: 95%;
 }
 
-.header {
+.title-header {
   display: table;
   margin: 0 auto;
 }
 
+.link-header {
+  text-decoration: none;
+}
+
+table {
+  text-align: center;
+  width: 100%;
+}
+
+.ouer {
+  display: block;
+}
+
 .code-outer {
   margin-left: 1vw;
   width: 65%;
@@ -335,7 +341,7 @@ noscript a {
   margin-bottom: 1vw;
   border: 1px solid #fff;
   overflow: auto;
-  font-family: monospace;
+  font-family: "monospace","helvetica";
 }
 
 .left-h1 {
@@ -373,14 +379,14 @@ noscript a {
 
 @media screen and (max-width: 1023px) {
     body {
-        margin: 40px 0 100px 0;
+        margin: 0 0 100px 0;
     }
 
     .nav {
         position: static;
         width: 100%;
         height: 150px;
-        margin: 80px 0 20px 0;
+        margin: 20px 0 80px 0;
     }
 
     .nav-icon {
@@ -408,6 +414,10 @@ noscript a {
 /*** Ultranarrow screen ***/
 
 @media screen and (max-width: 500px) {
+    .outer {
+      display: none;
+    }
+
     .content, .content-separator, .footer {
         width: 90%;
     }