1/**
2 * @file    libsbml-base-stylesheet.css
3 * @brief   Common stylesheet used by libSBML Doxygen and Javadoc documentation
4 * @author  Michael Hucka
5 *
6 * This file is part of libSBML.  Please visit http://sbml.org for more
7 * information about SBML, and the latest version of libSBML.
8 */
9
10@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);
11@import url(http://fonts.googleapis.com/css?family=Anonymous+Pro:400,400italic,700);
12
13body
14{
15    background-color: white;
16    color: black;
17    margin: 0;
18    overflow: hidden;
19}
20
21body, table, div, p, dl
22{
23    color: #444;
24    font-family: 'Noto Sans', Verdana, Helvetica, Arial, Sans, sans-serif;
25    font-size: 12px;
26    font-weight: normal;
27    line-height: 140%;
28}
29
30body
31{
32    margin: 10px;
33}
34
35p
36{
37    margin-top: 0.75em;
38    margin-bottom: 0.75em;
39}
40
41h1, h2, h3, h4, h5
42{
43    font-family: 'Noto Sans', Helvetica, Arial, Sans, sans-serif;
44    font-weight: 700;
45    margin-top: 1em;
46    margin-bottom: 0.5em;
47    color: #383838;
48    line-height: 120%;
49}
50
51h1
52{
53    font-size: 15pt;
54}
55
56h2, h2 a
57{
58    font-size: 13pt;
59    font-weight: 700;
60    margin-top: 0.5em;
61    padding-top: 0.5em;
62    color: #383838;
63    line-height: 120%;
64}
65
66h2
67{
68    padding-bottom: 2px;
69}
70
71h2 code
72{
73    font-size: 18px;
74    padding-left: 3px;
75    padding-right: 3px;
76}
77
78/* This is for the words "Detailed Description" in Doxygen class pages. */
79h2.groupheader {
80    font-size: 16pt;
81}
82
83h2 a.anchor,
84h3 a.anchor,
85h4 a.anchor,
86h2 a.anchor:hover,
87h3 a.anchor:hover,
88h4 a.anchor:hover
89{
90    color: #383838;
91    text-decoration: none;
92}
93
94h3, h3 a
95{
96    font-size: 12pt;
97    font-style: italic;
98    font-weight: 700;
99    padding-bottom: 3px;
100}
101
102h3 code
103{
104    font-size: 14pt;
105/* Margin adjustment bc the font is italic and the letters get too close. */
106    margin-left: 1pt;
107}
108
109h4, h4 a
110{
111    color: #383838;
112    font-style: italic;
113    font-size: 11pt;
114    font-weight: 700;
115}
116
117h4 code
118{
119    font-size: 12pt;
120/* Margin adjustment bc the font is italic and the letters get too close. */
121    margin-left: 1pt;
122}
123
124/* The margin-right adjustment is because Noto Sans doesn't seem to
125do the right thing when transitioning from italic back to regular font.
126The spacing is too tight.  This improves it, and yet doesn't look too
127wrong even when we fall back to other fonts. */
128
129em
130{
131    font-family: 'Noto Sans', Helvetica, Arial, Sans, sans-serif;
132    font-style: italic;
133    margin-right: 1px;
134}
135
136strong, b
137{
138    font-weight: 700;
139}
140
141ul, ol
142{
143    margin-top: 0.75em;
144    margin-bottom: 0.75em;
145    padding: 0;
146}
147
148ul li,
149ol li
150{
151    margin-top: 0.75em;
152    margin-bottom: 0.75em;
153    margin-left: 2.5em;
154}
155
156.tabs ul li,
157.tabs2 ul li,
158.tabs3 ul li,
159.tabs4 ul li
160{
161    margin-left: 0;
162}
163
164ul li p,
165ul li p
166{
167    margin: 0px;
168    padding: 0px;
169}
170
171dl
172{
173    margin-left: 0px;
174}
175
176tt
177{
178    width: 92%;
179    padding-left: 5px;
180    margin: 7px;
181    padding-top: 10px;
182    padding-bottom: 10px;
183}
184
185pre, code
186{
187    font-family: 'Anonymous Pro', 'Courier New', Courier, monospace, fixed;
188    font-weight: 700;
189    font-size: 13px;
190    padding-left: 1px;
191    padding-right: 0px;
192    color: black;
193    margin-top: 1em;
194    margin-bottom: 1em;
195}
196
197.code
198{
199    font-family: 'Anonymous Pro', 'Courier New', Courier, monospace, fixed;
200    font-weight: 700 !important;
201    font-size: 10pt !important;
202    color: black;
203}
204
205pre a
206{
207    font-family: 'Anonymous Pro', 'Courier New', Courier, monospace, fixed;
208    font-weight: 700;
209    font-size: 10pt;
210}
211
212dt
213{
214    font-weight: 700;
215}
216
217blockquote
218{
219    background-color: #F7F8FB;
220    border-left: 2px solid #9CAFD4;
221    margin: 4px 24px 0 4px;
222    padding: 2px 12px 2px 16px;
223}
224
225address
226{
227    font-style: normal;
228    color: #2A3D61;
229}
230
231hr
232{
233    height: 0px;
234    border: none;
235    border-top: 1px solid #443;
236}
237
238table
239{
240    margin-top: 0.5em;
241    margin-bottom: 0.5em;
242}
243
244table th
245{
246    font-weight: 700;
247}
248
249body > table
250{
251    margin-top: 1.5em;
252}
253
254body center table
255{
256    margin: 1em auto;
257}
258
259caption, figcaption
260{
261    font-style: italic;
262    font-size: 11px;
263    margin-top: 0.5em;
264}
265
266span.legend
267{
268    font-size: 70%;
269    text-align: center;
270}
271
272a
273{
274    color: #1133a9;
275    font-weight: normal;
276    text-decoration: none;
277}
278
279a:hover
280{
281    text-decoration: underline;
282}
283
284/* LibSBML-specific style classes. */
285
286.normal-font
287{
288    font-size: 12px;
289}
290
291.small-font
292{
293    font-size: 11px;
294}
295
296.tight-spacing
297{
298    letter-spacing: -1px;
299}
300
301.tight-list li
302{
303    margin-top: 0;
304    margin-bottom: 0.25em;
305}
306
307.regular-text,
308.regular-text p,
309.regular-text a.el {
310    font-family: 'Noto Sans', Verdana, Helvetica, Arial, Sans, sans-serif;
311    font-size: 12px;
312}
313
314.small-text,
315.small-text p,
316.small-text a.el {
317    font-family: 'Noto Sans', Verdana, Helvetica, Arial, Sans, sans-serif;
318    font-size: 10px;
319}
320
321ul ul {
322    margin-left: 1.5em;
323}
324
325.placeholder
326{
327    font-family: 'Noto Sans', Verdana, Helvetica, Arial, Sans, sans-serif;
328    font-weight: normal;
329    font-style: italic;
330    font-size: 12px;
331    margin-left: -1px;
332    margin-right: -1px;
333    padding-right: 0px;
334    padding-left: 0px;
335    background-color: #ffeaba;
336    border-left: 3px solid #ffeaba;
337    border-right: 3px solid #ffeaba;
338}
339
340.placeholder-nospace
341{
342    font-family: 'Noto Sans', Verdana, Helvetica, Arial, Sans, sans-serif;
343    font-weight: normal;
344    font-style: italic;
345    font-size: 12px;
346    margin-left: -1px;
347    margin-right: -1px;
348    padding-right: 0px;
349    padding-left: 0px;
350    background-color: #ffeaba;
351    border-left: 1px solid #ffeaba;
352    border-right: 1px solid #ffeaba;
353}
354
355.code-placeholder
356{
357    font-family: 'Anonymous Pro', 'Courier New', Courier, monospace, fixed;
358    font-weight: 700;
359    font-style: italic;
360    font-size: 13px;
361    color: black;
362    margin-left: -1px;
363    margin-right: -1px;
364    padding-right: 0px;
365    padding-left: 0px;
366    background-color: #ffeaba;
367    border-left: 3px solid #ffeaba;
368    border-right: 3px solid #ffeaba;
369}
370
371.code-placeholder-nospace
372{
373    font-family: 'Anonymous Pro', 'Courier New', Courier, monospace, fixed;
374    font-weight: 700;
375    font-style: italic;
376    font-size: 13px;
377    color: black;
378    margin-left: -1px;
379    margin-right: -1px;
380    padding-right: 0px;
381    padding-left: 0px;
382    background-color: #ffeaba;
383    border-left: 1px solid #ffeaba;
384    border-right: 1px solid #ffeaba;
385}
386
387.code-placeholder2
388{
389    font-family: 'Anonymous Pro', 'Courier New', Courier, monospace, fixed;
390    font-weight: 700;
391    font-style: italic;
392    font-size: 13px;
393    color: black;
394    margin-left: -1px;
395    margin-right: -1px;
396    padding-right: 0px;
397    padding-left: 0px;
398    background-color: #d0eed0;
399    border-left: 3px solid #d0eed0;
400    border-right: 3px solid #d0eed0;
401}
402
403.code-placeholder2-nospace
404{
405    font-family: 'Anonymous Pro', 'Courier New', Courier, monospace, fixed;
406    font-weight: 700;
407    font-style: italic;
408    font-size: 13px;
409    color: black;
410    margin-left: -1px;
411    margin-right: -1px;
412    padding-right: 0px;
413    padding-left: 0px;
414    background-color: #d0eed0;
415    border-left: 1px solid #d0eed0;
416    border-right: 1px solid #d0eed0;
417}
418
419.screenshot
420{
421    -moz-box-shadow: 5px 5px 5px #d0d0d0;
422    -webkit-box-shadow: 5px 5px 5px #d0d0d0;
423}
424
425.centered
426{
427    margin-left: auto;
428    margin-right: auto;
429}
430
431img.centered
432{
433    display: block;
434    margin-left: auto;
435    margin-right: auto;
436}
437
438object.centered
439{
440    display: block;
441    margin-left: auto;
442    margin-right: auto;
443}
444
445.center img
446{
447    margin-bottom: 10px;
448}
449
450.top-caption
451{
452    padding-top: 0.5em;
453    padding-bottom: 0.5em;
454    caption-side: top;
455}
456
457.bottom-caption
458{
459    padding-top: 0.5em;
460    padding-bottom: 0.5em;
461    caption-side: bottom;
462}
463
464.text-table
465{
466    font-size: 12px;
467    border-top: 1px solid #aaa;
468    border-bottom: 1px solid #aaa;
469    border-collapse: collapse;
470    padding-top: 0em;
471    margin-top: 1em;
472    margin-bottom: 1.5em;
473    margin-left: auto;
474    margin-right: auto;
475}
476
477.text-table th
478{
479    font-size: 12px;
480    background-color: #dfdfdf;
481    padding: 3px 0.5em 0.5em 0.5em;
482    border-bottom: 1px solid #bbb;
483    vertical-align: bottom;
484}
485
486.text-table td
487{
488    padding: 2px 0.5em;
489    line-height: 140%;
490}
491
492.align-bottom td
493{
494    vertical-align: bottom;
495}
496
497.align-text-bottom
498{
499    vertical-align: text-bottom;
500}
501
502.width80
503{
504    width: 80%;
505}
506
507.bigger-row-spacing td
508{
509    padding-top: 0.35em !important;
510    padding-bottom: 0.35em !important;
511}
512
513.papers
514{
515    border: 1px solid #cbb;
516    padding: 4px;
517    margin: 1em 4em 1em 4em;
518    text-align: left;
519    background-color: #fee;
520    border-radius: 8px;
521    -webkit-border-radius: 8px;
522    -moz-border-radius: 8px;
523}
524
525pre.fragment
526{
527    font-family: 'Anonymous Pro', 'Courier New', Courier, monospace, fixed;
528    font-size: 9pt;
529    font-weight: 700;
530    border: 1px solid #fdcba6;
531    background-color: #f0f0f0;
532    color: black;
533    padding: 5px;
534    padding-top: 0.5em;
535    padding-left: 0.75em;
536    margin: 0.75em 1em;
537    overflow: auto;
538    word-wrap: break-word;
539    line-height: 125%;
540    border-radius: 8px;
541    -webkit-border-radius: 8px;
542    -moz-border-radius: 8px;
543}
544
545div.fragment
546{
547    word-wrap: break-word;
548    line-height: 125%;
549    border: 1px solid #fdcba6;
550    background-color: #f0f0f0;
551    border-radius: 8px;
552    -webkit-border-radius: 8px;
553    -moz-border-radius: 8px;
554    padding-top: 0.5em;
555    padding: 5px;
556}
557
558.borderless
559{
560    border: none;
561}
562
563.warning
564{
565    color: #9b0000;
566}
567
568
569/* Google prettify */
570
571code.language-java .com
572{
573    color: #777;
574    font-weight: normal;
575}
576
577code.language-java .kwd
578{
579    color: #e08000;
580}
581
582code.language-java .pln
583{
584    color: #444;
585}
586
587code.language-java .str
588{
589    color: 002080
590}
591
592/* Marker for packages, used by common-text/pkg-marker-comp.html etc. */
593
594.pkg-marker
595{
596    padding: 0px 3px 1px 2px;
597    border-radius: 5px;
598    -moz-border-radius: 5px;
599    -webkit-border-radius: 5px;
600    font-size: 90%;
601    font-style: italic;
602}
603
604.pkg-marker > a
605{
606    color: #333 !important;
607    min-width: 40px;
608    width: 40px;
609    display: inline-block;
610    text-align: center;
611}
612
613/*
614 * Multicolumn list solution found here:
615 * http://weedygarden.net/2012/04/css3-multi-column-lists/
616 */
617
618.columnlist
619{
620    margin: 1em 0px;
621    padding-left: auto;
622    padding-right: auto;
623    display: inline-block;
624    display: inline;
625    zoom: 1;
626    width: 95%;
627}
628
629.list3
630{
631    column-count: 3;
632    -moz-column-count: 3;
633    -moz-column-gap: 1.5em;
634    -webkit-column-count: 3;
635    -webkit-column-gap: 1.5em;
636    column-gap: 1.5em;
637}
638
639/* Color codes used in common-text/sbmlerror-table.html. */
640
641td.s-fatal {
642  background-color: darkred !important;
643  color: white;
644  font-weight: 700;
645  text-align: center;
646  letter-spacing: -1px;
647  padding: 0px;
648}
649
650td.s-fatal:before {
651  content: "F";
652}
653
654td.s-error {
655  background-color: #dc143c !important;
656  color: white;
657  font-weight: 700;
658  text-align: center;
659  letter-spacing: -1px;
660  padding: 0px;
661}
662
663td.s-error:before {
664  content: "E";
665}
666
667td.s-warning {
668  background-color: gold !important;
669  color: white;
670  font-weight: 700;
671  text-align: center;
672  letter-spacing: -1px;
673  padding: 0px;
674}
675
676td.s-warning:before {
677  content: "W";
678}
679
680td.s-na {
681  font-weight: 700;
682  text-align: center;
683  letter-spacing: -1px;
684  padding: 0px;
685}
686
687td.s-na:before {
688  content: "NA";
689}
690
691td.s-info {
692  background-color: #4c4 !important;
693  font-weight: 700;
694  text-align: center;
695  padding: 0px;
696}
697
698td.code {
699  font-size: 8pt;
700}
701
702td.meaning {
703  font-size: 8pt;
704}
705
706td.meaning code {
707  letter-spacing: -1px;
708}
709
710
711
712#sbmlerror-table td,
713#sbmlerror-table th {
714  border: none;
715  padding: 1px;
716}
717
718#sbmlerror-table th {
719  border-bottom: 1px solid #ccc;
720}
721
722#sbmlerror-table td {
723  border-bottom: 1px solid white;
724}
725
726#sbmlerror-table tr:last-child > td {
727  border-bottom: none;
728}
729
730/* Subset of the Pygments stylesheet */
731
732.highlight .cp { color: #700070; } /* Comment.Preproc */
733.highlight .s { color: #2aa198; font-weight: normal } /* Literal.String */
734.highlight .na { color: black } /* Name.Attribute */
735.highlight .nt { color: #0040a0; font-weight: bold } /* Name.Tag */
736
737/* Combining characters display differently in different browsers. */
738
739.combining-char {
740  position: relative;
741  top: -1.5ex;
742  left: 0.1ex;
743  margin: 0;
744  padding: 0;
745}
746@media screen and (-webkit-min-device-pixel-ratio:0) {
747  /* Safari and Chrome */
748  .combining-char {
749    left: -0.7ex;
750  }
751}
752