granicus.if.org Git - imagemagick/blob - www/magick.css

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