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