Skip to content

Commit 3c9c681

Browse files
CodeHimBlogCodeHimBlog
authored
Add files via upload
1 parent b580f1e commit 3c9c681

File tree

2 files changed

+256
-0
lines changed

2 files changed

+256
-0
lines changed

‎docs/demo-only.css

Lines changed: 220 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,220 @@
1+
/* Project: Night Mode
2+
* Author: Asif Mughal
3+
* URL: www.codehim.com
4+
* License: MIT License
5+
* Copyright (c) 2018 - Asif Mughal
6+
*/
7+
/* FILE : demo-only.css */
8+
*{ margin: 0; padding: 0;}
9+
@font-face {
10+
src: local('Helvetica Neue'), local('HelveticaNeue'), url(http://themes.googleusercontent.com/licensed/font?kit=Lx1xfUTR4qFjwg0Z_pb900DGSpWewu0sZH-jqLz8Q00) format('truetype');
11+
}
12+
body{
13+
font-family: 'Helvetica Neue';
14+
font-style: normal;
15+
font-weight: 300;
16+
font-smoothing: antialiased;
17+
-webkit-font-smoothing: antialiased;
18+
-moz-osx-font-smoothing: grayscale;
19+
font-size: 15px;
20+
background: #eee;
21+
}
22+
.intro{
23+
background: #ddd;
24+
padding: 60px 30px;
25+
color: #333;
26+
margin-bottom: 15px;
27+
line-height: 1.5;
28+
text-align: center;
29+
}
30+
.intro h1 {
31+
font-size: 18pt;
32+
33+
}
34+
.intro p{
35+
font-size: 14px;
36+
}
37+
38+
.action{
39+
text-align: center;
40+
display: block;
41+
margin-top: 20px;
42+
}
43+
44+
a.btn {
45+
text-decoration: none;
46+
color: #666;
47+
border: 2px solid #666;
48+
padding: 10px 15px;
49+
display: inline-block;
50+
margin-left: 5px;
51+
}
52+
a.btn:hover{
53+
background: #666;
54+
color: #fff;
55+
transition: .3s;
56+
-webkit-transition: .3s;
57+
}
58+
.github:before,
59+
.down:before{
60+
font-family: 'Material-Design-Iconic-Font';
61+
font-weight: normal;
62+
margin-right: 10px;
63+
}
64+
.github:before{content: '\f345';}
65+
.down:before{content: '\f220';}
66+
.credit{
67+
background: #fff;
68+
padding: 12px;
69+
font-size: 9pt;
70+
text-align: center;
71+
color: #333;
72+
margin-top: 40px;
73+
74+
}
75+
.credit span:before{
76+
font-family: Material-Design-Iconic-Font;
77+
color: #e41b17;
78+
content: "\f13b";
79+
80+
81+
}
82+
.credit a{
83+
color: #333;
84+
text-decoration: none;
85+
}
86+
.credit a:hover{
87+
color: #e41b17;
88+
}
89+
.credit a:hover:after{
90+
font-family: Material-Design-Iconic-Font;
91+
content: "\f18e";
92+
font-size: 9pt;
93+
position: absolute;
94+
margin: 3px;
95+
}
96+
main{
97+
background: #fff;
98+
margin: 20px;
99+
100+
}
101+
102+
article li{
103+
color: #444;
104+
font-size: 15px;
105+
margin-left: 33px;
106+
line-height: 1.5;
107+
padding: 5px;
108+
}
109+
article h1,
110+
article h2,
111+
article h3,
112+
article p{
113+
padding: 10px;
114+
color: #333;
115+
}
116+
article p{
117+
font-size: 15px;
118+
line-height: 1.5;
119+
}
120+
121+
@media only screen and (min-width: 720px){
122+
main{
123+
width: 720px;
124+
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3);
125+
margin-left: auto;
126+
margin-right: auto;
127+
background: #f9f9f9;
128+
}
129+
130+
131+
}
132+
133+
134+
135+
/* Syntax Highlighter*/
136+
137+
pre.prettyprint {
138+
margin: 10px;
139+
padding: 10px;
140+
border: 0;
141+
background: #f2f2f2;
142+
overflow: auto;
143+
}
144+
145+
.source {
146+
white-space: pre;
147+
overflow: auto;
148+
max-height: 400px;
149+
}
150+
151+
.theme-tray {
152+
overflow: hidden;
153+
background: #fff;
154+
}
155+
156+
.theme-tray span {
157+
border: 1px solid #f2f2f2;
158+
width: 50px;
159+
height: 50px;
160+
display: inline-block;
161+
border-radius: 4px;
162+
cursor: pointer;
163+
}
164+
165+
.pl-color,
166+
.gr-color {
167+
text-align: center;
168+
}
169+
170+
.gr-color h4,
171+
.pl-color h4 {
172+
background: #f2f2f2;
173+
padding: 10px;
174+
margin-bottom: 6px;
175+
color: #333;
176+
}
177+
178+
.mesg{
179+
margin: 10px;
180+
background: #fff;
181+
color: #347C2C;
182+
padding: 15px;
183+
border-radius: 4px;
184+
animation: bounceIn 1s forwards;
185+
z-index: 98;
186+
display: none;
187+
position: relative;
188+
text-align: center;
189+
}
190+
.ok{
191+
background: #347C2C;
192+
color: #fff;
193+
padding: 10px;
194+
cursor: pointer;
195+
display: none;
196+
197+
}
198+
article {
199+
margin: 20px;
200+
201+
}
202+
h1, h2, h3, h4 {
203+
margin: 10px 0;
204+
205+
}
206+
code{
207+
border:1px solid #ddd;
208+
padding: 1px;
209+
border-radius: 1px;
210+
}
211+
212+
/* Docs */
213+
article img{
214+
width: 100%;
215+
margin: 10px;
216+
height: auto;
217+
box-sizing: border-box;
218+
219+
}
220+

‎docs/demo-only.js

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
/* Author: Asif Mughal
2+
* URL: https://www.codehim.com
3+
* License: MIT License
4+
* Copyright (c) 2018 - Asif Mughal
5+
*/
6+
/* File: demo-only.js */
7+
$(function(){
8+
/* Demo only */
9+
var jSide = $(".menu-container, .menu-head, .menubar");
10+
$(".menu-position").on('change', function(){ $(jSide).not(".menubar").addClass($(this).val());
11+
$(".j-pos").html('jSidePosition: "position-right",');
12+
if($(this).val() == 'position-left'){
13+
$(jSide).removeClass("position-right");
14+
$(".j-pos").html('jSidePosition: "position-left",');
15+
$(".menu-trigger").removeClass("right").addClass("left");} else {
16+
$(jSide).removeClass("position-left"); $(".menu-trigger").removeClass("left").addClass("right");}});
17+
$(".bg-color").on('change', function(){var color = $(this).val();
18+
$(jSide).css({'background' : color,});
19+
$(".bg-color-input").val(color);});
20+
$(".bg-color-input").on('input', function(){
21+
$(jSide).css({'background' : $(this).val(),});});$("#set-top").change(function(){
22+
$(".menubar").addClass("sticky");
23+
$(".j-sticky").html("jSideSticky: true,");
24+
});
25+
$("#set-st").change(function(){
26+
$(".menubar").removeClass("sticky");
27+
$(".j-sticky").html("jSideSticky: false,");});
28+
$(".theme-tray span").click(function() {
29+
var skin = $(this).attr("class");
30+
$(".menubar").attr('class', skin).addClass("menubar sticky");
31+
$(".menu-container").attr('class', skin).addClass("menu-container position-left");
32+
$(".menu-head").attr('class', skin).addClass("menu-head position-left");
33+
var newcode = 'jSideSkin:'+'\"'+skin+'\",';
34+
$(".j-skin").html(newcode);
35+
});
36+
});

0 commit comments

Comments
 (0)