Merge pull request #4 from CodeHimBlog/CodeHimBlog-patch-2-2

Update demo-only.css

Author: CodeHimBlog

docs/demo-only.css

@@ -1,16 +1,14 @@
-/*  Project: Night Mode 
- *   Author: Asif Mughal
+/*   Author: Asif Mughal
  *   URL: www.codehim.com
  *   License: MIT License
- *   Copyright (c) 2018 - Asif Mughal
+ *   Copyright (c) 2019 - Asif Mughal
  */
 /* FILE : demo-only.css */
+@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
+@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
 *{ margin: 0; padding: 0;}
-@font-face {
-  src: local('Helvetica Neue'), local('HelveticaNeue'), url(http://themes.googleusercontent.com/licensed/font?kit=Lx1xfUTR4qFjwg0Z_pb900DGSpWewu0sZH-jqLz8Q00) format('truetype');
-}
 body{
-  font-family: 'Helvetica Neue';
+  font-family: 'Montserrat', sans-serif;
   font-style: normal;
   font-weight: 300;
   font-smoothing: antialiased;
@@ -57,12 +55,12 @@ a.btn:hover{
 }
 .github:before,
 .down:before{
-  font-family: 'Material-Design-Iconic-Font';
+  font-family: FontAwesome;
   font-weight: normal;
   margin-right: 10px;
 }
-.github:before{content: '\f345';}
-.down:before{content: '\f220';}
+.github:before{content: "\f09b"}
+.down:before{content: "\f019"}
 .credit{
     background: #fff;
     padding: 12px;
@@ -73,9 +71,9 @@ a.btn:hover{
 
 }
 .credit span:before{
-   font-family: Material-Design-Iconic-Font;
+   font-family: FontAwesome;
    color: #e41b17;
-   content: "\f13b";
+   content: "\f004";
 
 
 }
@@ -87,8 +85,8 @@ a.btn:hover{
    color: #e41b17; 
 }
 .credit a:hover:after{
-    font-family: Material-Design-Iconic-Font;
-    content: "\f18e";
+    font-family: FontAwesome;
+    content: "\f08e";
     font-size: 9pt;
     position: absolute;
     margin: 3px;
@@ -130,13 +128,55 @@ article p{
 
 }
 
+.set-overlayer,
+.set-glass,
+.set-sticky {
+	cursor: pointer;
+	height: 45px;
+	line-height: 45px;
+	padding: 0 15px;
+	color: #333;
+	font-size: 16px;
+}
+.set-overlayer:after,
+.set-glass:after,
+.to-active:after,
+.set-sticky:after {
+	font-family: FontAwesome;
+	font-size: 18pt;
+	position: relative;
+	float: right;
+}
+.set-overlayer:after,
+.set-glass:after,
+.set-sticky:after {
+	content: "\f204";
+	transition: .6s;
+}
+
+.to-active:after {
+	content: "\f205";
+	color: #008080;
+	transition: .6s;
+}
+.set-overlayer,
+.set-glass,
+.set-sticky,
+.source,
+.theme-tray {
+	margin: 10px;
+	background: #f2f2f2;
+	border-radius: 5px;
+	border: 2px solid #f1f1f1;
+	box-sizing: border-box;
+}
 
 
 /* Syntax Highlighter*/
 
 pre.prettyprint {
-   margin: 10px;
 	padding: 10px;
+   margin: 10px;
 	border: 0;
   background: #f2f2f2;
   overflow: auto;
@@ -187,34 +227,9 @@ pre.prettyprint {
    position: relative;
    text-align: center;
 }
-.ok{
-    background: #347C2C;
-    color: #fff;
-    padding: 10px;
-    cursor: pointer;
-   display: none;
-  
-}
-article {
-    margin: 20px;
 
-}
-h1, h2, h3, h4 {
-   margin: 10px 0;
-
-}
 code{
     border:1px solid #ddd;
-    padding: 1px;
-    border-radius: 1px;
+    padding: 2px;
+    border-radius: 2px;
 }
-
-/* Docs */
-article img{
-   width: 100%;
-   margin: 10px;
-   height: auto;
-   box-sizing: border-box;
-   
-}
-