Merge branch 'task/JAL-3246_local_getdown_files' into develop
[jalview.git] / examples / biojson-doc / css / docson.css
1 /*
2  * Copyright 2013 Laurent Bovet <laurent.bovet@windmaster.ch>
3  *
4  * Licensed under the Apache License, Version 2.0 (the "License");
5  * you may not use this file except in compliance with the License.
6  * You may obtain a copy of the License at
7  *
8  *      http://www.apache.org/licenses/LICENSE-2.0
9  *
10  * Unless required by applicable law or agreed to in writing, software
11  * distributed under the License is distributed on an "AS IS" BASIS,
12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
13  * See the License for the specific language governing permissions and
14  * limitations under the License.
15  */
16
17 .docson {
18     font-family: 'Droid Sans',verdana,helvetica;
19     font-size: 13px;
20     padding: 6px 6px 6px 6px;
21 }
22
23 .docson .box {
24     position: relative;
25     float: left;
26     background-color:rgba(255, 255, 255, 0.2);
27     border: 1px solid lightgrey;
28     border-radius: 4px;
29     -moz-border-radius: 4px;
30     -webkit-border-radius: 4px;
31     padding-bottom: 10px;
32     -moz-box-shadow:    1px 1px 1px darkgray;
33     -webkit-box-shadow: 1px 1px 1px darkgray;
34     box-shadow:         1px 1px 1px darkgray;
35 }
36
37 .docson .expand-button {
38     position: absolute;
39     margin-top: 15px;
40     padding: 2px;
41     right: 2px;
42     float: right;
43     width: 18px;
44     text-align: center;
45     cursor: pointer;
46     font-weight: bold;
47     font-family: "Lucida Console", Monaco, monospace;
48     font-size: 15px;
49     color: darkgray;
50     display: none;
51 }
52
53 .docson .source-button {
54     position: absolute;
55     padding: 2px;
56     margin-top: 3px;
57     right: 2px;
58     width: 18px;
59     text-align: center;
60     cursor: pointer;
61     font-weight: bold;
62     font-family: "Lucida Console", Monaco, monospace;
63     font-size: 10px;
64     color: darkgray;
65     display: none;
66 }
67
68 .docson .box-header {
69     padding: 6px;
70     border-top-left-radius: 4px;
71     border-top-right-radius: 4px;
72     border-bottom: 1px solid lightgrey;
73     background: whitesmoke;
74    /* background: -webkit-linear-gradient(ghostwhite, whitesmoke, whitesmoke, gainsboro);
75     background: -moz-linear-gradient(ghostwhite, whitesmoke, whitesmoke, gainsboro);*/
76 }
77
78 .docson .box-name {
79     color: darkblue;
80     padding: 5px 40px 2px 3px;
81     float: left;
82 }
83
84 .docson .title {
85     margin-top: -3px;
86     font-size: 120%;
87 }
88
89 .docson .link {
90     text-decoration: underline;
91 }
92
93 .docson .box-description {
94     color: dimgray;
95     float: left;
96     max-width: 600px;
97 }
98
99 .docson .end {
100     clear: both;
101 }
102
103 .docson .error {
104     color: red;
105 }
106
107 .docson .box-body {
108     padding-left: 10px;
109     padding-right: 28px;
110     clear: both;
111 }
112
113 .docson .box-1 {
114     background: whitesmoke;/*
115     background: -webkit-linear-gradient(ghostwhite, whitesmoke, whitesmoke, gainsboro);
116     background: -moz-linear-gradient(ghostwhite, whitesmoke, whitesmoke, gainsboro);*/
117 }
118
119 .docson .box-2 {
120     background: beige;
121     background: -webkit-linear-gradient(white, beige, beige, gainsboro);
122     background: -moz-linear-gradient(white, beige, beige, gainsboro);
123 }
124
125 .docson .box-3 {
126     background: azure;
127     background: -webkit-linear-gradient(white, azure, azure, gainsboro);
128     background: -moz-linear-gradient(white, azure, azure, gainsboro);
129 }
130
131 .docson .box-4 {
132     background: mistyrose;
133     background: -webkit-linear-gradient(white, mistyrose, mistyrose, gainsboro);
134     background: -moz-linear-gradient(white, mistyrose, mistyrose, gainsboro);
135 }
136
137 .docson .box-5 {
138     background: #ddffee;
139     background: -webkit-linear-gradient(white, #ddffee, #ddffee, gainsboro);
140     background: -moz-linear-gradient(white, #ddffee, #ddffee, gainsboro);
141 }
142
143 .docson .box-6 {
144     background: ghostwhite;
145     background: -webkit-linear-gradient(white, ghostwhite, ghostwhite, gainsboro);
146     background: -moz-linear-gradient(white, ghostwhite, ghostwhite, gainsboro);
147 }
148
149 .docson .box-7 {
150     background: lavenderblush;
151     background: -webkit-linear-gradient(white, lavenderblush, lavenderblush, gainsboro);
152     background: -moz-linear-gradient(white, lavenderblush, lavenderblush, gainsboro);
153 }
154
155 .docson .box-8 {
156     background: aliceblue;
157     background: -webkit-linear-gradient(white, aliceblue, aliceblue, gainsboro);
158     background: -moz-linear-gradient(white, aliceblue, aliceblue, gainsboro);
159 }
160
161 .docson .signature {
162     padding-top: 5px;
163     clear: left;
164 }
165
166 .docson .signature-header {
167     padding-top: 3px;
168     height: 20px;
169     line-height: 24px;
170 }
171
172 .docson .property-name {
173     float: left;
174     font-family: "Lucida Console", Monaco, monospace;
175     min-width: 130px;
176 }
177
178 .docson .required {
179     font-weight: bold;
180 }
181
182 .docson .type-keyword {
183     font-size: 80%;
184     color: dimgray;
185 }
186
187 .docson .type-pattern {
188     font-size: 80%;
189     color: darkolivegreen;
190 }
191
192 .docson .type-enum {
193     color: purple;
194     font-family: "Lucida Console", Monaco, monospace;
195     font-size: 90%;
196     padding-left: 2px;
197 }
198
199 .docson .type-default {
200     color: darkslategrey;
201     font-family: "Lucida Console", Monaco, monospace;
202 }
203
204 .docson .signature-type {
205     padding-left: 6px;
206     float: left;
207     min-width: 160px;
208     max-width: 320px;
209 }
210
211 .docson .signature-type-any {
212     font-style: italic;
213 }
214
215 .docson .signature-type-string {
216     color: green;
217 }
218
219 .docson .signature-type-number {
220     color: blue;
221 }
222
223 .docson .signature-type-integer {
224     color: blueviolet;
225 }
226
227 .docson .signature-type-boolean {
228     color: orangered;
229 }
230
231 .docson .signature-type-null {
232     font-family: "Lucida Console", Monaco, monospace;
233     color: red;
234 }
235
236 .docson .signature-type-date-time {
237     color: #224466;
238 }
239
240 .docson .signature-type-email {
241     color: cornflowerblue;
242 }
243
244 .docson .signature-type-hostname {
245     color: darkolivegreen;
246 }
247
248 .docson .signature-type-ipv6 {
249     color: darkslateblue;
250 }
251
252 .docson .signature-type-ipv4 {
253     color: indigo;
254 }
255
256 .docson .signature-type-uri {
257     color: saddlebrown;
258 }
259
260 .docson .signature-button {
261     cursor: pointer;
262     padding: 4px;
263     border-radius: 4px;
264     border: 1px solid lightgrey;
265     -moz-border-radius: 4px;
266 }
267
268 .docson .signature-type-ref {
269     color: darkblue;
270 }
271
272 .docson .signature-type-expanded {
273     padding: 5px 3px 3px 5px;
274     vertical-align: -1px;
275     opacity: 0.6;
276     -moz-box-shadow:    inset 1px 1px 1px darkgray;
277     -webkit-box-shadow: inset 1px 1px 1px darkgray;
278     box-shadow:         inset 1px 1px 1px darkgray;
279 }
280
281 .docson .signature-description {
282     padding-left: 6px;
283     padding-bottom: 3px;
284     color: dimgray;
285     float: left;
286     max-width: 600px;
287 }
288
289 .docson .signature-box-container {
290     clear: both;
291 }
292
293 .docson .box-container {
294     float: left;
295     padding-top: 4px;
296     padding-left: 8px;
297     display: none;
298 }
299
300 .docson .button {
301     -webkit-touch-callout: none;
302     -webkit-user-select: none;
303     -khtml-user-select: none;
304     -moz-user-select: none;
305     -ms-user-select: none;
306     user-select: none;
307 }
308
309 .docson .button:hover {
310     color: darkred;
311 }
312
313 @media all and (min-width: 20px) and (max-width: 500px) {
314     .docson .property-name {
315         min-width: 0px;
316     }
317     .docson .signature-type {
318         min-width: 0px;
319     }
320     .docson .source {
321         width: 100%;
322     }
323     .docson .box-container, .box {
324         width: 100%;
325     }
326 }
327
328 .docson .desc {
329     padding-left: 6px;
330     line-height: 17px;
331 }
332
333 .docson .desc p {
334     margin: 0;
335     margin-top: 3px;
336 }
337
338 .docson .desc code {
339     color: purple;
340     font-size: 90%;
341 }
342
343
344 .docson .desc table {
345     margin-top: 4px;
346     margin-bottom: 4px;
347     border-collapse:collapse;
348 }
349
350 .docson .desc th {
351     padding: 0px;
352     font-size: 80%;
353     font-weight: normal;
354     background: rgba(231, 231, 231, 0.5);
355 }
356
357 .docson .desc table,
358 .docson .desc th,
359 .docson .desc td {
360     border: 1px solid lightgrey;
361 }
362
363 .docson .desc tr > td {
364     padding: 2px 6px 2px 6px;
365 }
366
367 .docson .desc h1 {
368     font-size: 120%;
369     margin-top: 0px;
370     margin-bottom: 3px;
371 }
372
373 .docson .desc h2 {
374     font-size: 115%;
375     margin-top: 0px;
376     margin-bottom: 3px;
377 }
378
379 .docson .desc h3 {
380     font-size: 110%;
381     margin-top: 0px;
382     margin-bottom: 3px;
383 }
384
385 .docson .desc h4 {
386     font-size: 100%;
387     margin-top: 0px;
388     margin-bottom: 3px;
389 }
390
391 .docson .desc pre {
392     border: 1px solid lightgray;
393     border-radius: 4px;
394     -webkit-border-radius: 4px;
395     -moz-border-radius: 4px;
396     padding: 4px;
397     margin: 3px 0px;
398 }
399
400 .docson .desc ul {
401     padding-left: 16px;
402     margin: 3px 0px;
403 }
404
405 .docson .desc ol {
406     padding-left: 16px;
407     margin: 3px 0px;
408 }
409
410 .docson .desc blockquote {
411     margin: 3px 0px 3px 10px;
412     padding-left: 6px;
413     border-left: 1px solid lightgray;
414 }
415
416 .docson .desc img {
417     vertical-align: middle;
418 }
419
420 .docson .desc hr {
421     border: 0;
422     height: 1px;
423     background: lightgrey;
424     color: lightgrey;
425     width: 50%;
426 }
427
428 .docson .source {
429     display: none;
430     padding-left: 16px;
431     padding-right: 30px;
432 }
433
434 .docson .json, .json-schema {
435     font-family: "Lucida Console", Monaco, monospace;
436 }
437
438 .docson .json-punctuation {
439     font-weight: bold;
440 }
441
442 .docson .json-null, .json-true, .json-false {
443     font-weight: bold;
444 }
445
446 .docson .json-true {
447     color: #080;
448 }
449
450 .docson .json-false {
451     color: #800;
452 }
453
454 .docson .json-object-key {
455     color: #246;
456 }
457
458 .docson .json-keyword {
459     font-weight: bold;
460     color: #036;
461 }
462
463 .docson .json-number {
464     font-weight: bold;
465     color: #660;
466 }
467
468 .docson .json-string {
469     color: #800;
470 }
471
472 .docson .json-schema-map > .json-object-key {
473     color: #080;
474     font-style: italic;
475 }
476