Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
14491 manish.sha 1 
 
2 
@font-face {
3 
	/* RaleWay Thin from - https://www.theleagueofmoveabletype.com, Font Squirrel for Web Font creation with "Adjust Glyph Spacing" -50 */
4 
    font-family: 'ralewaythin';
5 
    src: url('font/raleway_thin-webfont.eot');
6 
    src: url('font/raleway_thin-webfont.eot?#iefix') format('embedded-opentype'),
7 
         url('font/raleway_thin-webfont.woff') format('woff'),
8 
         url('font/raleway_thin-webfont.ttf') format('truetype');
9 
    font-weight: normal;
10 
    font-style: normal;
11 
}
12 
 
13 
 
14 
body {
15 
	font: 90%/1.45em "Helvetica Neue", HelveticaNeue, Verdana, Arial, Helvetica, sans-serif;
16 
	margin: 0;
17 
	padding: 0;
18 
	color: #333;
19 
	background-color: #fff;
20 
}
21 
 
22 
 
23 
div.container {
24 
	max-width: 980px;
25 
	margin: 0 auto;
26 
}
27 
 
28 
h1 {
29 
	font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'ralewaythin', 'Helvetica Neue', Arial, Helvetica, sans-serif;
30 
    font-weight: 100;
31 
    letter-spacing: 1px;
32 
	font-size: 3em;
33 
	line-height: 1em;
34 
}
35 
 
36 
h1 span {
37 
	font-size: 0.5em;
38 
	line-height: 1em;
39 
}
40 
 
41 
a {
42 
	cursor: pointer;
43 
	color: #3174c7;
44 
	text-decoration: none;
45 
}
46 
 
47 
a:hover {
48 
	text-decoration: underline;
49 
}
50 
 
51 
div.toc ul {
52 
	color: #4E6CA3;
53 
	list-style-type: none;
54 
	padding-left: 0;
55 
}
56 
 
57 
div.toc li {
58 
	padding: 0.2em 1em;
59 
	border-left: 4px solid transparent;
60 
	border-bottom: 1px solid #e6e6e6;
61 
}
62 
 
63 
div.toc li.active {
64 
	border-left: 4px solid #458ae0;
65 
}
66 
 
67 
 
68 
div.toc li:first-child {
69 
	border-top: 1px solid #efefef;
70 
}
71 
 
72 
div.toc li:last-child {
73 
	border-bottom: 1px solid #efefef;
74 
}
75 
 
76 
 
77 
div.epilogue {
78 
	text-align: center;
79 
}
80 
 
81 
p.copyright {
82 
	font-size: 0.8em;
83 
	padding-bottom: 2em;
84 
	margin-bottom: 0;
85 
}
86 
 
87 
.clear {
88 
	clear: both;
89 
	height: 0;
90 
}
91 
 
92 
 
93 
div.info {
94 
	margin-bottom: 2em;
95 
 
96 
	-webkit-column-count: 2;
97 
	   -moz-column-count: 2;
98 
	    -ms-column-count: 2;
99 
	     -o-column-count: 2;
100 
	column-count: 2;
101 
 
102 
 
103 
	-webkit-column-rule: 1px solid #F3F3F3;
104 
	   -moz-column-rule: 1px solid #F3F3F3;
105 
	    -ms-column-rule: 1px solid #F3F3F3;
106 
	     -o-column-rule: 1px solid #F3F3F3;
107 
	column-rule: 1px solid #F3F3F3;
108 
}
109 
 
110 
div.info > * {
111 
	-webkit-column-break-inside: avoid;
112 
	break-inside: avoid;
113 
}
114 
 
115 
div.info li {
116 
	margin-top: 0.75em;
117 
}
118 
 
119 
div.info p:first-child {
120 
	margin-top: 0;
121 
}
122 
 
123 
div.footer {
124 
	position: relative;
125 
	margin-top: 3em;
126 
	border-top: 1px solid #999;
127 
	background-color: #eee;
128 
}
129 
 
130 
div.footer > div.liner {
131 
	max-width: 960px;
132 
	margin: 0 auto;
133 
}
134 
 
135 
div.footer > div.gradient {
136 
	position: absolute;
137 
	top: 0;
138 
	left: 0;
139 
	width: 100%;
140 
	height: 6px;
141 
 
142 
	background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
143 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
144 
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
145 
	background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
146 
	background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
147 
	background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* W3C */
148 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
149 
}
150 
 
151 
div.toc {
152 
	-webkit-column-count: 2;
153 
	   -moz-column-count: 2;
154 
	    -ms-column-count: 2;
155 
	     -o-column-count: 2;
156 
	column-count: 2;
157 
}
158 
 
159 
div.toc-group {
160 
	display: inline-block;
161 
	width: 100%;
162 
}
163 
 
164 
div.box {
165 
	overflow: auto;
166 
	height: 8em;
167 
	padding: 1em;
168 
	color: #444;
169 
	background-color: #fcfcfc;
170 
	border: 1px solid #e0e0e0;
171 
	margin-bottom: 2em;
172 
}
173 
 
174 
 
175 
code {
176 
	font-family: "Source Code Pro", Consolas, Menlo, Monaco, "Courier New", monospace;
177 
	padding: 1px 4px;
178 
	font-size: 0.8em;
179 
 
180 
	color: #444;
181 
	background-color: #fcfcfc;
182 
 
183 
	border: 1px solid #e0e0e0;
184 
	-webkit-border-radius: 3px;
185 
	   -moz-border-radius: 3px;
186 
	        border-radius: 3px;
187 
}
188 
 
189 
code > span {
190 
	border-left: 1px solid rgba( 0, 0, 0, 0.2 );
191 
	margin-left: 4px;
192 
	padding-left: 4px;
193 
	opacity: 0.5;
194 
}
195 
 
196 
code.option {
197 
	color: #D14; /* red */
198 
	background-color: #fcf6f8;
199 
	border: 1px solid #f7d6df;
200 
}
201 
 
202 
code.path {
203 
	color: #095c05; /* dark green */
204 
	border: 1px solid #D6E9C6;
205 
}
206 
 
207 
code.tag {
208 
	color: #a1a713; /* yellow */
209 
	background-color: #f7f8e6;
210 
	border: 1px solid #D6E9C6;
211 
}
212 
 
213 
code.api {
214 
	color: #0c199c; /* dark blue */
215 
	background-color: #f4f5fc;
216 
	border: 1px solid #c6cbe9;
217 
}
218 
 
219 
code.type {
220 
	color: #d119cf; /* purple */
221 
	background-color: #faebfa;
222 
	border: 1px solid #f3aef2;
223 
}
224 
 
225 
code.event {
226 
	color: #2a839e; /* deep aqua */
227 
	background-color: #f5fafb;
228 
	border: 1px solid #a8ddec;
229 
}
230 
 
231 
code.string {
232 
	color: #e8941e; /* orange */
233 
	background-color: #fcf8f1;
234 
	border: 1px solid #f7e4c9;
235 
}
236 
 
237 
code.field {
238 
	color: #ad1ee8; /* purple */
239 
	background-color: #f9f1fc;
240 
	border: 1px solid #ebc9f7;
241 
}
242 
 
243 
code.multiline {
244 
	display: inline-block;
245 
	width: 95%;
246 
}
247 
 
248 
 
249 
ul.tabs {
250 
	position: relative;
251 
	top: 1px;
252 
	height: 40px;
253 
	margin: 20px 20px 0 0;
254 
}
255 
 
256 
 
257 
ul.tabs li {
258 
	display: block;
259 
	float: left;
260 
	padding: 0 15px;
261 
	height: 40px;
262 
	font-size: 1.2em;
263 
	margin: 0 5px;
264 
	cursor: pointer;
265 
	line-height: 40px;
266 
	color: #121e32;
267 
	border: 1px solid white;
268 
	border-bottom: none;
269 
	margin-top: -1px;
270 
}
271 
 
272 
ul.tabs li.active {
273 
	border: 1px solid #ccc;
274 
	border-bottom: 1px solid white;
275 
	margin-top: 0;
276 
	border-top-left-radius: 5px;
277 
	border-top-right-radius: 5px;
278 
}
279 
 
280 
ul.tabs li:hover {
281 
	background-color: #fafafa;
282 
}
283 
 
284 
ul.tabs li.active:hover {
285 
	background-color: white;
286 
}
287 
 
288 
div.tabs {
289 
	clear: both;
290 
}
291 
 
292 
div.tabs>div {
293 
	padding: 0 15px;
294 
	border: 1px solid #ccc;
295 
	margin-top: 1px;
296 
	display: none;
297 
	border-radius: 5px;
298 
	box-shadow: 2px 2px 2px #bbb;
299 
}
300 
 
301 
div.tabs>div h1 {
302 
	border-bottom: none;
303 
	margin-top: 1em;
304 
}
305 
 
306 
div.column_half {
307 
	float: left;
308 
	width: 49%;
309 
	padding-right: 1%;
310 
}
311 
 
312 
 
313 
@media only screen and (max-width : 979px) {
314 
	div.container,
315 
	div.footer {
316 
		padding: 0 1em;
317 
	}
318 
}
319 
 
320 
@media
321 
	screen and (max-width : 767px),
322 
	screen and (max-width : 768px) and (orientation: portrait) {
323 
	div.info {
324 
		-webkit-column-count: 1;
325 
		   -moz-column-count: 1;
326 
		    -ms-column-count: 1;
327 
		     -o-column-count: 1;
328 
		column-count: 1;
329 
	}
330 
 
331 
	div.toc {
332 
		-webkit-column-count: 1;
333 
		   -moz-column-count: 1;
334 
		    -ms-column-count: 1;
335 
		     -o-column-count: 1;
336 
		column-count: 1;
337 
	}
338 
 
339 
	h1 span {
340 
		display: block;
341 
	}
342 
}
343