flyer.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. @font-face {
  2. font-family: Verdana;
  3. src: url("/css/verdana.ttf") format("truetype");
  4. }
  5. *:not(i) {
  6. font-family: Verdana, sans-serif !important;
  7. }
  8. @media print {
  9. .print-none {
  10. display: none;
  11. }
  12. }
  13. .sh-container {
  14. width: 8.5in;
  15. height: 11in;
  16. overflow: hidden;
  17. margin-inline:auto;
  18. }
  19. .coupon-container {
  20. width: 8.5in;
  21. height: 11in;
  22. overflow: hidden;
  23. margin-inline:auto;
  24. background-color: #ffffff;
  25. -webkit-print-color-adjust: exact;
  26. display: flex;
  27. flex-direction: column;
  28. }
  29. .primary-bg {
  30. background-color: var(--pry-color);
  31. -webkit-print-color-adjust: exact;
  32. color: #fff;
  33. }
  34. .primary-color {
  35. color: var(--pry-color);
  36. }
  37. .crop-markers {
  38. height: .125in;
  39. width:.125in;
  40. border:1px dashed #000;
  41. display: block;
  42. position: absolute;
  43. }
  44. .header {
  45. padding: 30px 60px;
  46. text-align: center;
  47. position: relative;
  48. }
  49. .header .crop-markers {
  50. top:0;
  51. border-top:0;
  52. }
  53. .crop-left {
  54. left: 0;
  55. border-left:0;
  56. }
  57. .crop-right {
  58. right: 0;
  59. border-right:0;
  60. }
  61. .footer {
  62. margin-top: auto;
  63. padding: 20px 20px 30.125px 20px;
  64. text-align: center;
  65. position: relative;
  66. }
  67. .footer .crop-markers {
  68. bottom:0;
  69. border-bottom:0;
  70. }
  71. .flyer-pp-container {
  72. height: 280px;
  73. width: 280px;
  74. display: grid;
  75. place-items: center;
  76. }
  77. .flyer-pp-container img{
  78. height: 240px;
  79. width: 240px;
  80. object-fit: contain;
  81. }
  82. .qr_code {
  83. height: 70px;
  84. width: 70px;
  85. object-fit: contain;
  86. }