include/dompdf/www/test/print_static.css

   1 /* Default style definitions */
   2
   3 @import url(common.css);
   4
   5 @page {
   6   margin: 0.25in;
   7 }
   8
   9 /* General
  10 -----------------------------------------------------------------------*/
  11 body {
  12   background-color: transparent;
  13   color: black;
  14   font-family: "verdana", "sans-serif";
  15   margin: 0px;
  16   padding-top: 0px;
  17   font-size: 1em;
  18 }
  19
  20 @media print {
  21   p { margin: 2px; }
  22 }
  23
  24 h1 {
  25   font-size: 1.1em;
  26   font-style: italic;
  27 }
  28
  29 h2 {
  30   font-size: 1.05em;
  31 }
  32
  33 img {
  34   border: none;
  35 }
  36
  37 pre {
  38   font-family: "verdana", "sans-serif";
  39   font-size: 0.7em;
  40 }
  41
  42 ul {
  43   list-style-type: circle;
  44   list-style-position: inside;
  45   margin: 0px;
  46   padding: 3px;
  47 }
  48
  49 li.alpha {
  50   list-style-type: lower-alpha;
  51   margin-left: 15px;
  52 }
  53
  54 p {
  55   font-size: 0.8em;
  56 }
  57
  58 a:link,
  59 a:visited {
  60   /* font-weight: bold;  */
  61   text-decoration: none;
  62   color: black;
  63 }
  64
  65 a:hover {
  66   text-decoration: underline;
  67 }
  68
  69 #body {
  70   padding-bottom: 2em;
  71   padding-top: 5px;
  72 }
  73
  74 #body pre {
  75 }
  76
  77 .center {
  78   text-align: center;
  79 }
  80
  81 .right {
  82   text-align: right;
  83 }
  84
  85 #money {
  86   text-align: right;
  87   padding-right: 20px;
  88 }
  89
  90 /* Footer
  91 -----------------------------------------------------------------------*/
  92 #footer {
  93   color: black;
  94 }
  95
  96 #copyright {
  97   padding: 5px;
  98   font-size: 0.6em;
  99   background-color: white;
 100 }
 101
 102 #footer_spacer_row {
 103   width: 100%;
 104 }
 105
 106 #footer_spacer_row td {
 107   padding: 0px;
 108   border-bottom: 1px solid #000033;
 109   background-color: #F7CF07;
 110   height: 2px;
 111   font-size: 2px;
 112   line-height: 2px;
 113 }
 114
 115 #logos {
 116   padding: 5px;
 117   float: right;
 118 }
 119
 120 /* Section Header
 121 -----------------------------------------------------------------------*/
 122 #section_header {
 123   text-align: center;
 124 }
 125
 126 #job_header {
 127   text-align: left;
 128   background-color: white;
 129   margin-left: 5px;
 130   padding: 5px;
 131   border: 1px dashed black;
 132 }
 133
 134 #job_info {
 135   font-weight: bold;
 136 }
 137
 138 .header_details td {
 139   font-size: 0.6em;
 140 }
 141
 142 .header_label {
 143   padding-left: 20px;
 144 }
 145
 146 .header_field {
 147   padding-left: 5px;
 148   font-weight: bold;
 149 }
 150
 151 /* Content
 152 -----------------------------------------------------------------------*/
 153 #content {
 154   padding: 0.2em 1% 0.2em 1%;
 155   min-height: 15em;
 156 }
 157
 158 .page_buttons {
 159   text-align: center;
 160   margin: 3px;
 161   font-size: 0.7em;
 162   white-space: nowrap;
 163   font-weight: bold;
 164   width: 74%;
 165 }
 166
 167 .link_bar {
 168   font-size: 0.7em;
 169   text-align: center;
 170   margin: auto;
 171 /*  white-space: nowrap; */
 172 }
 173
 174 .link_bar a {
 175   white-space: nowrap;
 176   font-weight: bold;
 177 }
 178
 179 .page_menu li {
 180   margin: 5px;
 181   font-size: 0.8em;
 182 }
 183
 184 /* Detail
 185 -----------------------------------------------------------------------*/
 186 .detail_table {
 187   border-top: 1px solid black;
 188   border-bottom: 1px solid black;
 189   padding: 3px;
 190   margin: 15px;
 191 }
 192
 193 .detail_head td {
 194   background-color: #ddd;
 195   color: black;
 196   font-weight: bold;
 197   padding: 3px;
 198   font-size: 0.75em;
 199   text-align: center;
 200 }
 201
 202 .detail_label {
 203   padding: 3px;
 204   font-size: 0.75em;
 205   width: 16%;
 206   border-top: 1px solid #fff;
 207   border-bottom: 1px solid #fff;
 208   background-color: #ddd;
 209 }
 210
 211 .detail_field {
 212   width: 33%;
 213   font-size: 0.8em;
 214   color: ;
 215   text-align: center;
 216   padding: 3px;
 217 }
 218
 219 .detail_sub_table {
 220   font-size: 1em;
 221 }
 222
 223 .detail_spacer_row td {
 224   border-top: 1px solid white;
 225   border-bottom: 1px solid white;
 226   background-color: #999;
 227   font-size: 2px;
 228   line-height: 2px;
 229 }
 230
 231 #narrow {
 232   width: 50%;
 233 }
 234
 235 .operation {
 236   width: 1%;
 237 }
 238
 239 .summary_spacer_row {
 240   font-size: 0.1em;
 241 }
 242
 243 .bar {
 244   border-top: 1px solid black;
 245 }
 246
 247 /* Forms
 248 -----------------------------------------------------------------------*/
 249 .form {
 250   border-top: 1px solid black;
 251   border-bottom: 1px solid black;
 252   margin-top: 10px;
 253 }
 254
 255 .form td {
 256   padding: 3px;
 257 }
 258
 259 .form th, .form_head td {
 260   background-color: #ddd
 261   border-bottom: 1px solid black;
 262   color: black;
 263   padding: 3px;
 264   text-align: center;
 265   font-size: 0.65em;
 266   font-weight: bold;
 267 }
 268
 269 .form_head a:link,
 270 .form_head a:visited {
 271   color: black;
 272 }
 273
 274 .form_head a:hover {
 275 }
 276
 277 .sub_form_head td {
 278   border: none;
 279   font-size: 0.9em;
 280   white-space: nowrap;
 281 }
 282
 283 .form input {
 284   color: black;
 285   background-color: white;
 286   border: 1px solid black;
 287   padding: 1px 2px 1px 2px;
 288   text-decoration: none;
 289   font-size: 1em;
 290 }
 291
 292 .form textarea {
 293   color: black;
 294   background-color: white;
 295   border: 1px solid black;
 296   font-size: 1em;
 297 }
 298
 299 .form select {
 300   color: black;
 301   background-color: white;
 302   font-size: 1em;
 303 }
 304
 305 .button, a.button {
 306   color: black;
 307   background-color: white;
 308   border: 1px solid black;
 309   font-weight: normal;
 310   white-space: nowrap;
 311   text-decoration: none;
 312 }
 313
 314 a.button {
 315   display: inline-block;
 316   text-align: center;
 317   padding: 2px;
 318 }
 319
 320 a.button:hover {
 321   text-decoration: none;
 322   color: black;
 323 }
 324
 325 .form_field {
 326   color: black;
 327   background-color: white;
 328   font-size: 0.7em;
 329 }
 330
 331 .form_label {
 332   color: black;
 333   background-color: #ddd;
 334   font-size: 0.7em;
 335   padding: 3px;
 336 }
 337
 338 /*
 339 .form_foot {
 340   background-color: #E5D9C3;
 341   font-size: 0.6em;
 342 }
 343 */
 344
 345 .form_foot td {
 346   background-color: #ddd
 347   border-bottom: 1px solid black;
 348   color: black;
 349   padding: 3px;
 350   text-align: center;
 351   font-size: 0.65em;
 352   font-weight: bold;
 353 }
 354
 355 .form_foot a:link,
 356 .form_foot a:visited {
 357   color: black;
 358 }
 359
 360 .form_foot a:hover {
 361   color: black;
 362 }
 363
 364 .no_border_input input {
 365   border: none;
 366 }
 367
 368 .no_wrap {
 369   white-space: nowrap;
 370 }
 371
 372 tr.row_form td {
 373   white-space: nowrap;
 374 }
 375
 376 /* Wizards
 377 -----------------------------------------------------------------------*/
 378 .wizard {
 379   font-size: 0.8em;
 380   border-top: 1px solid black;
 381 }
 382
 383 #no_border {
 384   border: none;
 385 }
 386
 387 .wizard p {
 388   text-indent: 2%;
 389 }
 390
 391 .wizard td {
 392   padding: 3px;
 393 /*  padding-left: 3px;
 394   padding-right: 3px;
 395   padding-bottom: 3px;*/
 396 }
 397
 398 .wizard input {
 399   color: black;
 400   background-color: white;
 401   border: 1px solid black;
 402   padding: 1px 2px 1px 2px;
 403   text-decoration: none;
 404 }
 405
 406 .wizard textarea {
 407   color: black;
 408   background-color: white;
 409   border: 1px solid black;
 410 }
 411
 412 .wizard select {
 413   color: black;
 414   background-color: white;
 415   border: 1px solid black;
 416 }
 417
 418 .wizard_head {
 419   color: black;
 420   font-weight: bold;
 421 }
 422
 423 .wizard_buttons {
 424   border-top: 1px solid black;
 425   padding-top: 3px;
 426 }
 427
 428 .wizard_buttons a {
 429   background-color: white;
 430   border: 1px solid black;
 431   padding: 2px 3px 2px 3px;
 432 }
 433
 434 /* List
 435 -----------------------------------------------------------------------*/
 436 .list_table,
 437 .notif_list_table {
 438   color: black;
 439   padding-bottom: 4px;
 440   background-color: white;
 441 }
 442
 443 .list_table td,
 444 .notif_list_table td {
 445   padding: 3px 5px 3px 5px;
 446 }
 447
 448 .list_table input {
 449   color: black;
 450   background-color: white;
 451   border: 1px solid black;
 452   padding: 1px 2px 1px 2px;
 453   text-decoration: none;
 454 }
 455
 456 .list_head,
 457 .notif_list_head {
 458   font-weight: bold;
 459   background-color: #ddd;
 460   font-size: 0.65em;
 461 }
 462
 463 .list_head td,
 464 .notif_list_head td {
 465   border-top: 1px solid black;
 466   border-bottom: 1px solid black;
 467   color: black;
 468   text-align: center;
 469   white-space: nowrap;
 470 }
 471
 472 .list_head a:link,
 473 .list_head a:visited,
 474 .notif_list_head a:link,
 475 .notif_list_head a:visited {
 476   color: black;
 477 }
 478
 479 .list_head a:hover,
 480 .notif_list_head a:hover {
 481 }
 482
 483 .list_foot {
 484   font-weight: bold;
 485   background-color: #ddd;
 486   font-size: 0.65em;
 487 }
 488
 489 .list_foot td {
 490   border-top: 1px solid black;
 491   border-bottom: 1px solid black;
 492   color: black;
 493   text-align: right;
 494   white-space: nowrap;
 495 }
 496
 497 .sub_list_head td {
 498   border: none;
 499   font-size: 0.7em;
 500 }
 501
 502 .odd_row td {
 503 /*  background-color: #EDF2F7;
 504   border-top: 2px solid #FFFFff;*/
 505   background-color: transparent;
 506   border-bottom: 0.9px solid #ddd; /* 0.9 so table borders take precedence */
 507 }
 508
 509 .even_row td {
 510 /*  background-color: #F8EEE4;
 511   border-top: 3px solid #FFFFff;*/
 512   background-color: #f6f6f6;
 513   border-bottom: 0.9px solid #ddd;
 514 }
 515
 516 .spacer_row td {
 517   line-height: 2px;
 518   font-size: 2px;
 519 }
 520
 521 .phone_table td {
 522   border: none;
 523   font-size: 0.8em;
 524 }
 525
 526 div.notif_list_text {
 527   margin-bottom: 1px;
 528   font-size: 1.1em;
 529 }
 530
 531 .notif_list_row td.notif_list_job {
 532   text-align: center;
 533   font-weight: bold;
 534   font-size: 0.65em;
 535 }
 536
 537 .notif_list_row td.notif_list_dismiss table td {
 538   text-align: center;
 539   font-size: 1em;
 540   border: none;
 541   padding: 0px 2px 0px 2px;
 542 }
 543
 544 .notif_list_row td {
 545   padding: 5px 5px 7px 5px;
 546   border-bottom: 1px dotted #ddd;
 547   background-color: white;
 548   font-size: 0.6em;
 549 }
 550
 551 .notif_list_row:hover td {
 552   background-color: #ddd;
 553 }
 554
 555 /* Page
 556 -----------------------------------------------------------------------*/
 557 .page {
 558   border: none;
 559   padding: 0in;
 560   margin-right: 0.1in;
 561   margin-left: 0.1in;
 562   /*margin: 0.33in 0.33in 0.4in 0.33in; */
 563   background-color: transparent;
 564 }
 565
 566 .page table.header h1{
 567   font-size: 12pt;
 568 }
 569
 570 .page>h2,
 571 .page>p {
 572   margin-top: 2pt;
 573   margin-bottom: 2pt;
 574 }
 575
 576 .page h2 {
 577   page-break-after: avoid;
 578 }
 579
 580 .money_table {
 581   border-collapse: collapse;
 582   font-size: 6pt;
 583 }
 584
 585 /* Tree
 586 -----------------------------------------------------------------------*/
 587 .tree_div {
 588   display: none;
 589   background-color: #ddd;
 590   border: 1px solid #333;
 591 }
 592
 593 .tree_div .tree_step_bottom_border {
 594   border-bottom: 1px dashed #8B9DBE;
 595 }
 596
 597 .tree_div .button, .tree_row_table .button,
 598 .tree_div .no_button {
 599   width: 110px;
 600   font-size: 0.7em;
 601   padding: 3px;
 602   text-align: center;
 603 }
 604
 605 /*
 606 .tree_div .button a, .tree_row_table .button a {
 607   text-decoration: none;
 608   color: #114C8D;
 609 }
 610 */
 611
 612 .tree_row_desc {
 613   font-weight: bold;
 614   font-size: 0.7em;
 615   text-indent: -10px;
 616 }
 617
 618 .tree_row_info {
 619   font-size: 0.7em;
 620   width: 200px;
 621 }
 622
 623 .tree_div_head a,
 624 .tree_row_desc a {
 625   color: #000033;
 626   text-decoration: none;
 627 }
 628
 629 .tree_div_head {
 630   font-weight: bold;
 631   font-size: 0.7em;
 632 }
 633
 634 /* Summaries
 635 -----------------------------------------------------------------------*/
 636 .summary {
 637   border: 1px solid black;
 638   background-color: white;
 639   padding: 1%;
 640   font-size: 0.8em;
 641 }
 642
 643 .summary h1 {
 644   color: black;
 645   font-style: normal;
 646 }
 647
 648 /* Sales-agreement specific
 649 -----------------------------------------------------------------------*/
 650 table.sa_signature_box {
 651   margin: 2em auto 2em auto;
 652 }
 653
 654 table.sa_signature_box tr td {
 655   padding-top: 1.25em;
 656   vertical-align: top;
 657   white-space: nowrap;
 658 }
 659
 660 .special_conditions {
 661   font-style: italic;
 662   margin-left: 2em;
 663   white-space: pre;
 664 }
 665
 666 .sa_head * {
 667   font-size: 7pt;
 668 }
 669
 670 /* Change order specific
 671 -----------------------------------------------------------------------*/
 672 table.change_order_items {
 673   font-size: 8pt;
 674   width: 100%;
 675   border-collapse: collapse;
 676   margin-top: 2em;
 677   margin-bottom: 2em;
 678 }
 679
 680 table.change_order_items>tbody {
 681   border: 1px solid black;
 682 }
 683
 684 table.change_order_items>tbody>tr>th {
 685   border-bottom: 1px solid black;
 686 }
 687
 688 table.change_order_items>tbody>tr>td {
 689   border-right: 1px solid black;
 690   padding: 0.5em;
 691 }
 692
 693 td.change_order_total_col {
 694   padding-right: 4pt;
 695   text-align: right;
 696 }
 697
 698 td.change_order_unit_col {
 699   padding-left: 2pt;
 700   text-align: left;
 701 }