Implement JSDoc and embedding into our navbar without obvious CSS conflicts
[ndcode_site.git] / css / jsdoc-default.css.less
1 @font-face {
2     font-family: 'Open Sans';
3     font-weight: normal;
4     font-style: normal;
5     src: url('../jsdoc/fonts/OpenSans-Regular-webfont.eot');
6     src:
7         local('Open Sans'),
8         local('OpenSans'),
9         url('../jsdoc/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
10         url('../jsdoc/fonts/OpenSans-Regular-webfont.woff') format('woff'),
11         url('../jsdoc/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
12 }
13
14 @font-face {
15     font-family: 'Open Sans Light';
16     font-weight: normal;
17     font-style: normal;
18     src: url('../jsdoc/fonts/OpenSans-Light-webfont.eot');
19     src:
20         local('Open Sans Light'),
21         local('OpenSans Light'),
22         url('../jsdoc/fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
23         url('../jsdoc/fonts/OpenSans-Light-webfont.woff') format('woff'),
24         url('../jsdoc/fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
25 }
26
27 .jsdoc {
28
29 //html
30 //{
31 //    overflow: auto;
32 //    background-color: #fff;
33 //    font-size: 14px;
34 //}
35 //
36 //body
37 //{
38     font-family: 'Open Sans', sans-serif;
39     line-height: 1.5;
40     color: #4d4e53;
41     background-color: white;
42 //}
43
44 a, a:visited, a:active {
45     color: #0095dd;
46     text-decoration: none;
47 }
48
49 a:hover {
50     text-decoration: underline;
51 }
52
53 header
54 {
55     display: block;
56     padding: 0px 4px;
57 }
58
59 tt, code, kbd, samp {
60     font-family: Consolas, Monaco, 'Andale Mono', monospace;
61 }
62
63 .class-description {
64     font-size: 130%;
65     line-height: 140%;
66     margin-bottom: 1em;
67     margin-top: 1em;
68 }
69
70 .class-description:empty {
71     margin: 0;
72 }
73
74 #main {
75     float: left;
76     width: 70%;
77 }
78
79 article dl {
80     margin-bottom: 40px;
81 }
82
83 article img {
84   max-width: 100%;
85 }
86
87 section
88 {
89     display: block;
90     background-color: #fff;
91     padding: 12px 24px;
92     border-bottom: 1px solid #ccc;
93     margin-right: 30px;
94 }
95
96 .variation {
97     display: none;
98 }
99
100 .signature-attributes {
101     font-size: 60%;
102     color: #aaa;
103     font-style: italic;
104     font-weight: lighter;
105 }
106
107 nav
108 {
109     display: block;
110     float: right;
111     margin-top: 28px;
112     width: 30%;
113     box-sizing: border-box;
114     border-left: 1px solid #ccc;
115     padding-left: 16px;
116 }
117
118 nav ul {
119     font-family: 'Lucida Grande', 'Lucida Sans Unicode', arial, sans-serif;
120     font-size: 100%;
121     line-height: 17px;
122     padding: 0;
123     margin: 0;
124     list-style-type: none;
125 }
126
127 nav ul a, nav ul a:visited, nav ul a:active {
128     font-family: Consolas, Monaco, 'Andale Mono', monospace;
129     line-height: 18px;
130     color: #4D4E53;
131 }
132
133 nav h3 {
134     margin-top: 12px;
135 }
136
137 nav li {
138     margin-top: 6px;
139 }
140
141 footer {
142     display: block;
143     padding: 6px;
144     margin-top: 12px;
145     font-style: italic;
146     font-size: 90%;
147 }
148
149 h1, h2, h3, h4 {
150     font-weight: 200;
151     margin: 0;
152 }
153
154 h1
155 {
156     font-family: 'Open Sans Light', sans-serif;
157     font-size: 48px;
158     letter-spacing: -2px;
159     margin: 12px 24px 20px;
160 }
161
162 h2, h3.subsection-title
163 {
164     font-size: 30px;
165     font-weight: 700;
166     letter-spacing: -1px;
167     margin-bottom: 12px;
168 }
169
170 h3
171 {
172     font-size: 24px;
173     letter-spacing: -0.5px;
174     margin-bottom: 12px;
175 }
176
177 h4
178 {
179     font-size: 18px;
180     letter-spacing: -0.33px;
181     margin-bottom: 12px;
182     color: #4d4e53;
183 }
184
185 h5, .container-overview .subsection-title
186 {
187     font-size: 120%;
188     font-weight: bold;
189     letter-spacing: -0.01em;
190     margin: 8px 0 3px 0;
191 }
192
193 h6
194 {
195     font-size: 100%;
196     letter-spacing: -0.01em;
197     margin: 6px 0 3px 0;
198     font-style: italic;
199 }
200
201 table
202 {
203     border-spacing: 0;
204     border: 0;
205     border-collapse: collapse;
206 }
207
208 td, th
209 {
210     border: 1px solid #ddd;
211     margin: 0px;
212     text-align: left;
213     vertical-align: top;
214     padding: 4px 6px;
215     display: table-cell;
216 }
217
218 thead tr
219 {
220     background-color: #ddd;
221     font-weight: bold;
222 }
223
224 th { border-right: 1px solid #aaa; }
225 tr > th:last-child { border-right: 1px solid #ddd; }
226
227 .ancestors, .attribs { color: #999; }
228 .ancestors a, .attribs a
229 {
230     color: #999 !important;
231     text-decoration: none;
232 }
233
234 .clear
235 {
236     clear: both;
237 }
238
239 .important
240 {
241     font-weight: bold;
242     color: #950B02;
243 }
244
245 .yes-def {
246     text-indent: -1000px;
247 }
248
249 .type-signature {
250     color: #aaa;
251 }
252
253 .name, .signature {
254     font-family: Consolas, Monaco, 'Andale Mono', monospace;
255 }
256
257 .details { margin-top: 14px; border-left: 2px solid #DDD; }
258 .details dt { width: 120px; float: left; padding-left: 10px;  padding-top: 6px; }
259 .details dd { margin-left: 70px; }
260 .details ul { margin: 0; }
261 .details ul { list-style-type: none; }
262 .details li { margin-left: 30px; padding-top: 6px; }
263 .details pre.prettyprint { margin: 0 }
264 .details .object-value { padding-top: 0; }
265
266 .description {
267     margin-bottom: 1em;
268     margin-top: 1em;
269 }
270
271 .code-caption
272 {
273     font-style: italic;
274     font-size: 107%;
275     margin: 0;
276 }
277
278 .source
279 {
280     border: 1px solid #ddd;
281     width: 80%;
282     overflow: auto;
283 }
284
285 .prettyprint.source {
286     width: inherit;
287 }
288
289 .source code
290 {
291     font-size: 100%;
292     line-height: 18px;
293     display: block;
294     padding: 4px 12px;
295     margin: 0;
296     background-color: #fff;
297     color: #4D4E53;
298 }
299
300 .prettyprint code span.line
301 {
302   display: inline-block;
303 }
304
305 .prettyprint.linenums
306 {
307   padding-left: 70px;
308   -webkit-user-select: none;
309   -moz-user-select: none;
310   -ms-user-select: none;
311   user-select: none;
312 }
313
314 .prettyprint.linenums ol
315 {
316   padding-left: 0;
317 }
318
319 .prettyprint.linenums li
320 {
321   border-left: 3px #ddd solid;
322 }
323
324 .prettyprint.linenums li.selected,
325 .prettyprint.linenums li.selected *
326 {
327   background-color: lightyellow;
328 }
329
330 .prettyprint.linenums li *
331 {
332   -webkit-user-select: text;
333   -moz-user-select: text;
334   -ms-user-select: text;
335   user-select: text;
336 }
337
338 .params .name, .props .name, .name code {
339     color: #4D4E53;
340     font-family: Consolas, Monaco, 'Andale Mono', monospace;
341     font-size: 100%;
342 }
343
344 .params td.description > p:first-child,
345 .props td.description > p:first-child
346 {
347     margin-top: 0;
348     padding-top: 0;
349 }
350
351 .params td.description > p:last-child,
352 .props td.description > p:last-child
353 {
354     margin-bottom: 0;
355     padding-bottom: 0;
356 }
357
358 .disabled {
359     color: #454545;
360 }
361
362 }