]> granicus.if.org Git - imagemagick/blob - www/magick.css
(no commit message)
[imagemagick] / www / magick.css
1 body {
2   background: white;
3   color: black;
4   font-family: Candara, Sans-Serif;
5   margin: 0px;
6   padding: 0px;
7   font-size: 10pt;
8 }
9
10 a {
11   background: transparent;
12   color: #17457c;
13   text-decoration: none;
14   font-weight: bold;
15 }
16
17 a[href]:hover {
18   background: transparent;
19   color: #991e1e;
20   text-decoration: underline;
21   font-weight: bold;
22 }
23
24 div.cmd {
25   color: black;
26   background: #d2ddf6;
27   font-family: monospace;
28   margin: 1.33em 40px;
29   padding: 1.33em 1.33em 1.33em 2.66em;
30   text-indent:-1.33em;
31 }
32
33 div.crt {
34   border-style: ridge;
35   border-width: 7px;
36   border-color: blue;
37   color: white;
38   background: #000044;
39   font-family: monospace;
40   margin: 1.33em 0em; 
41   padding: .66em 1.33em .66em 1.33em;
42 }
43
44 div.cmdout {
45   color: black;
46   background: #d0d0dd;
47   font-family: Times, serif;
48   margin: 1.33em 40px;
49   padding: .66em 1.33em .66em 1.33em;
50 }
51
52 div.doc-section > p {
53   margin: 1.33em 0px;
54 }
55
56 div.doc-section {
57   margin: 1.33em 40px;
58 }
59
60 div.eastbar {
61   right: 0.2em; 
62   position: absolute; 
63 }
64
65 div.eqn {
66   text-align: center;
67   }
68
69 div.footer {
70   margin-left: 160px; 
71   background: white;
72 }
73
74 div.group {
75   border: 2px solid #666;
76   padding: 0;
77   margin: 0.8em 8px;
78 }
79
80 div.image {
81   text-align: center;
82 }
83
84 div.info {
85   clear: both;
86 }
87
88 div.main {
89   background: white;
90   color: black;
91   border-left-style: solid;
92   border-left-color: #d0d0d0;
93   border-left-width: 1px;
94   padding-left: .75em;
95   padding-bottom: .75em;
96   padding-top: 0px;
97   padding-right: .75em;
98   margin-left: 160px;
99   margin-right: 160px;
100 }
101
102 div.menu {
103   background: #f5f5f5;
104   color: black;
105   padding-left: .66em;
106   padding-right: .66em;
107   padding-top: .75em;
108   font-weight: bold;
109   vertical-align: top;
110   left: 0px;
111 }
112
113 div.sep {
114   background: #f5f5f5;
115   color: black;
116   padding-left: 1.33em;
117   padding-top: .75em;
118   font-weight: bold;
119   vertical-align: top;
120   left: 0px;
121   font-size: 66%;
122 }
123
124 div.sponsor {
125   padding-left: .5em;
126   padding-top: .25em;
127   font-size: 83.333%;
128 }
129
130 div.sponsbox {
131   background: #ffffff;
132   border-style: solid;
133   border-color: #d0d0d0;
134   border-width: 1px;
135   padding-left: .66em;
136   font-weight: bold;
137   vertical-align: top;
138   left: 0px;
139 }
140
141 div.sub {
142   background: #f5f5f5; 
143   color: black;
144   padding-left: 1.66em;
145   padding-top: .15em;
146   font-weight: bold;
147   vertical-align: top;
148   left: 0px;
149   font-size: 90%;
150 }
151
152 div.text {
153   color: black;
154   background: #d2ddf6;
155   font-family: monospace;
156   margin: 1.33em 40px;
157   padding: 1.33em;
158 }
159
160 div.titlebar {
161   background-image: url("../images/background.jpg");
162   background-repeat: repeat-x;
163   height: 118px;
164   width: 100%;
165   background-color: white; /* #f5f5f5;  */
166   border:0px;
167   padding-bottom:0px;
168 }
169
170 div.westbar {
171   width: 160px; 
172   left: 0em; 
173   position: absolute; 
174   /* height: 100%; */
175   font-size: 9pt;
176   border-right-style: solid;
177   border-right-color: #d0d0d0; 
178   border-right-width: 1px;
179 }
180
181 acronym, .help {
182   border-bottom: 1px dashed #9999cc;
183   cursor: help;
184 }
185
186 div.info img {
187   float: left;
188   padding: 0em 1em 0em 0em;
189 }
190
191 dl.doc { 
192   padding: .833em 1.33em 1.33em 1.33em;
193   border-spacing: 0px;
194   width: 85%;
195   text-align: left;
196   margin: 1.33em 40px; 
197   border-style: solid;
198   border-color: #d0d0d0;
199   border-width: 1px;
200 }
201
202 dt {
203   font-weight: bold;
204   margin-left: 3em;
205   margin-top: 2em;
206   margin-bottom: .5em;
207 }
208   
209 dd {
210   margin: .5em .5em .5em 5em;
211 }
212
213 em.arg {
214   color: #8b0000; /* darkred; */
215   font-weight: normal;
216 }
217
218 em.caution {
219   color: #981e49;
220   font-weight: bold;
221 }
222
223 em.emergency {
224   color: #c74646;
225   font-weight: bold;
226 }
227
228 em.option {
229   color:  #8b0000; 
230   font-weight: normal;
231 }
232
233 em.QR {
234   color: #00008b;
235   font-weight: normal;
236 }
237
238 em.warn {
239   color: #d5a82f;
240   font-weight: bold;
241 }
242
243 fieldset {
244   padding: .5em;
245   background: white;
246   border: 1px dotted #aaaa77;
247   margin-left: 20px;
248   margin-right: 20px;
249   margin-top: .5em;
250 }
251
252 fieldset legend {
253   color: #fff;
254   background-color: #aaaa77;
255   font-size: smaller;
256   padding: .1ex .5ex;
257   border-right: 1px solid gray;
258   border-bottom: 1px solid gray;
259   font-weight: bold;
260 }
261
262 form {
263   margin: 1.33em 0px;
264   margin-left: 40px;
265   margin-right: 40px;
266 }
267
268 h1 {
269   color: black;
270   padding: 5px;
271   background: #f5f5f5;
272   border-style: solid;
273   border-color: #d0d0d0;
274   border-width: 1px;
275   margin-bottom: 30px;
276   margin-top: 5px;
277   font-weight: bold;
278   font-size: 110%;
279   text-align: center;
280   text-transform: capitalize;
281   clear: left;
282 }
283
284 h2 {
285   font-weight: bold;
286   clear: both;
287   font-size: 110%;
288 }
289
290 h3 {
291   font-weight: bold;
292   clear: both;
293   font-size: 100%;
294 }
295
296 h4 {
297   font-weight: bolder;
298   clear: both;
299   font-size: 95%;
300 }
301
302 h5 {
303   margin: 1.33em 0px;
304   margin-left: 40px;
305   margin-right: 40px;
306   font-weight: bold;
307   clear: both;
308   font-size: 100%;
309 }
310
311 iframe {
312   margin: 1%;
313 }
314
315 img {
316   border: none;
317 }
318
319 img.icon {
320   float: left;
321   margin: 5px;
322 }
323
324 img.map {
325   margin: 0px;
326   padding: 0px;
327 }
328
329 kbd {
330   font-weight: bold; 
331 }
332
333 li {
334   margin-left: 40px;
335   margin-right: 40px;
336 }
337
338 li table {
339   margin: 1em 0px;
340   width: 100%;
341 }
342
343 .list li {
344   padding-bottom: 1.2em;
345 }
346
347 .list p {
348   margin: 0 0 0 0;
349 }
350
351 p {
352   margin: 0.75em 0px;
353   text-align: left;
354 }
355
356 p+h3, pre+h3, ul+h3, ol+h3, dl+h3 {
357   margin-top: 2em;
358 }
359
360 p.code {
361   color: black;
362   background: #f5f5f5;
363   border: 1pt dashed #2f6fab;
364   font-family: monospace;
365   font-size: 8pt;
366   white-space: pre;
367   margin: 1.33em 40px; 
368   padding: .66em 1.33em;
369 }
370
371 p.crt {
372   white-space: nowrap;
373   border-style: ridge;
374   border-width: 7px;
375   border-color: blue;
376   color: white;
377   background: #000044;
378   font-family: monospace;
379   font-size: 9pt;
380   margin: 1.33em 40px; 
381   padding: .66em 1.33em;
382 }
383
384 p.crtsnip {
385   text-align: center;
386   margin-left: auto;
387   margin-right: auto;
388   margin-top: 1.33em; 
389   margin-bottom: 1.33em;
390   width: 50%;
391   white-space: nowrap;
392   border-top-style: ridge;
393   border-bottom-style: ridge;
394   border-top-width: 7px;
395   border-bottom-width: 7px;
396   border-color: blue;
397   color: white;
398   font-weight: bolder;
399   background: #000044;
400   font-family: monospace;
401   padding: .66em 1.33em;
402 }
403
404 p.crtsnip em.arg {
405   color: #ffbbbb; /* brighter red; */
406 }
407
408 p.info {
409   margin: 0.75em 0px;
410   text-align: left;
411 }
412
413 p.image img {
414   border: none;
415 }
416
417 p.image {
418   text-align: center;
419 }
420
421 p.image, p.image-slices {
422   text-align: center;
423 }
424
425 p.image-slices img {
426   display: block;
427   margin: 0px;
428   padding: 0px;
429   border: none;
430   margin-left: auto;
431   margin-right: auto;
432 }
433
434 p.navigation-index {
435   padding: 10px;
436   margin-top: 1px;
437   margin-bottom: 0px;
438   margin-left: 0;
439   margin-right: 0;
440   background: white;
441   text-align: center;
442   font-size: 80%;
443   white-space: normal;
444 }
445
446 p.options {
447   padding: 0 3em;
448 }
449
450 p.pre {
451   white-space: pre;
452   color: black;
453   background: #d2ddf6;
454   font-family: monospace;
455   padding: 0em;
456   margin: 0em;
457 }
458
459 p.text {
460   color: black;
461   background: #d2ddf6;
462   font-family: monospace;
463   margin: 1.33em 40px;
464   padding: 1.33em;
465 }
466
467 p.warn {
468   padding: .66em 3em; 
469   background: #ffeedd;
470 }
471
472 pre {
473   padding-top: 0pt;
474   padding-bottom: 0pt;
475   margin: 0pt;
476   font-size: 90%;
477 }
478
479 pre.code {
480   color: black;
481   background: #f5f5f5;
482   border: solid 2px black;
483   font-family: monospace;
484   white-space: pre;
485   margin: 1.33em 0px;
486   margin-left: 40px;
487   margin-right: 40px;
488   padding: 1.33em;
489   font-size: 90%;
490 }
491
492 pre.crt {
493   padding: 0;
494   margin: 0;
495   }
496
497 pre.debug {
498   color: black;
499   background: #d2ddf6;
500   border: solid 2px black;
501   font-family: monospace;
502   white-space: pre;
503   margin: 1.33em 0px;
504   margin-left: 40px;
505   margin-right: 40px;
506   padding: 1.33em;
507 }
508
509 pre.text {
510   color: black;
511   background: #ddddff;
512   font-family: monospace;
513   white-space: pre;
514   margin: 1.33em 0px;
515   margin-left: 40px;
516   margin-right: 40px;
517   padding: 1.33em;
518 }
519
520 span.bull {
521   color: #d0d0d0;
522 }
523
524 span.crtin {
525   color: white;
526   font-weight: bolder;
527   padding: .67em 1.33em .67em 0;
528 }
529
530 span.crtout, .crtprompt {
531   color: #ffff77;
532   padding-top: .67em;
533   padding-bottom: .67em;
534 }
535
536 span.crtout {
537   padding-left: 1.33em;
538   padding-right: 1.33em;
539   display: block;
540 }
541
542 span.crtprompt {
543   padding-right: 0;
544   text-indent:-1.33em; 
545 }
546
547 span.different {
548   font-weight: bold;
549   background-color: transparent;
550   color: blue;
551 }
552
553 span.filter {
554   font-weight: bold;
555 }
556
557 span.info-east {
558   float: right;
559 }
560
561 span.info-west {
562   float: left;
563 }
564
565 span.option {
566   white-space: normal;
567 }
568
569 span.path {
570   font-weight: bold;
571 }
572
573 span.size-mod-title { }
574
575 table.doc { 
576   padding: 1.33em;
577   border-spacing: 0px;
578   width: 91%;
579   text-align: left;
580   margin: 1.33em 40px; 
581   border-style: solid;
582   border-color: #d0d0d0;
583   border-width: 1px;
584 }
585
586 table.doc td,th {
587   padding: .3em .5em;
588 }
589
590 td {
591   text-align: left;
592   padding: .5em;
593 }
594
595 td.map {
596   margin: 0px;
597   padding: 0px;
598 }
599
600 th {
601   background-color: #d2ddf6;
602   color: black
603   text-align: left;
604   padding: .5em;
605 }
606
607 th.size-alt, tr.size-alt, td.size-alt {
608   background-color: #f0f0f0;
609 }
610
611 th.size-norm, tr.size-norm, td.size-norm {
612   background-color: #f7f7f7;
613 }
614
615 #footer {
616   margin-left:0px;
617 }
618
619 #footer-west {
620   float: left;
621   padding: 20px;
622 }
623
624 #footer-east {
625   float: right;
626   padding: 20px;
627 }
628
629 #header { 
630   background-color: #ADD8E6; /* lightblue; */
631   position: fixed;
632   top: 0px;
633   left: 0px;
634   width: 100%;
635   height: 4em;
636   border-bottom: solid 1px;
637   z-index: 10;
638
639
640 #linkbar, #navigation-bar {
641   clear: both;
642   background: #f5f5f5;
643   color: black;
644   border: solid #d0d0d0;
645   border-width: 1px 0px 1px 0px;
646   padding: 5px 5px 5px 160px;
647   font-weight: bold;
648   text-align: center;
649   margin-left:0px; 
650 }
651
652 #linkbar-east {
653   float: right;
654 }
655
656 #linkbar-center {
657   padding: 0px 80px;
658 }
659
660 #linkbar-west {
661   float: left;
662 }
663
664 #margin {
665   padding: 10px;
666   vertical-align: top;
667   white-space: nowrap;
668   left: 0px;
669 }
670
671 #menu {
672   background: #f5f5f5;
673   color: black;
674   border-style: solid;
675   border-color: #d0d0d0;
676   border-width: 0px 1px 0px 0px;
677   padding: 10px;
678   font-weight: bold;
679   vertical-align: top;
680   white-space: nowrap;
681   top: 100px;
682   left: 0px;
683   height: 100%;
684 }
685
686 #main {
687   margin-left: 0px;
688   padding-right: 0px;
689   padding-left: 10px;
690 }
691
692 #menu a {
693   display: block;
694 }
695
696 #menu a.sponsor {
697   display: block;
698   padding-left: 10px;
699   font-size: 76.6666%;
700 }
701
702 #menu a.sub {
703   display: block;
704   padding-left: 10px;
705   font-size: 90%;
706 }
707
708 #menu p {
709   display: none;
710 }
711
712 #menu span {
713   display: none;
714 }
715
716 #menu-button {
717   background-color: transparent;
718   padding: 0;
719   position: absolute;
720   top: 100px;
721   left: 0px;
722   cursor: w-resize;
723 }
724
725 #notice {
726   color:#b90006;
727 }
728
729 #titlebar {
730   background-image: url("../images/background.jpg");
731   background-repeat: repeat-x;
732   height: 118px;
733 }
734
735 #table {
736   text-align: left;
737   margin: 1.33em 0px;
738   margin-left: 40px;
739   margin-right: 40px;
740   border-style: solid;
741   border-color: #d0d0d0;
742   border-width: 1px;
743 }
744
745 #titlebar-east {
746   float: right;
747 }
748
749 #titlebar-west {
750   float: left;
751 }
752 */
753
754 #www-imagemagick-org {
755   background: #f5f5f5;
756 }
757
758 @media print {
759   #titlebar, #navigation-bar, #linkbar, #menu, #margin { display: none }
760
761   #main {
762     margin-left: 0px;
763     padding-right: 0px;
764     padding-left: 0px;
765   }
766 }
767
768 .size-alt { background-color: #f5f5f5; }
769
770 .size-accent { background-color: #f5f5f5; }
771
772 .size-mod-body { font-size: 93.666%; }
773
774 .size-mod-foot { }
775
776 .size-mod-head {
777   text-align: left;
778   font-weight: bold;
779 }
780
781 .size-mod-title {
782   font-size: 1.3em;
783   font-weight: bold;
784 }
785
786 .viewport
787 {
788   color: black;
789   background: #f5f5f5;
790   border: solid 2px black;
791   font-family: monospace;
792   white-space: pre;
793   margin: 1.33em 40px;
794   padding: 1.33em;
795   height: 480px;
796   overflow: auto;
797 }