You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

109 lines
1.4KB

  1. body {
  2. font-size: 3.5mm
  3. }
  4. #content {
  5. padding: 20mm;
  6. padding-top: 10mm
  7. }
  8. #title {
  9. font-size: 7mm;
  10. font-weight: bold;
  11. letter-spacing: 5mm;
  12. }
  13. #receiptCustomerName {
  14. font-size: 5mm;
  15. padding-top: 10mm;
  16. }
  17. #receiptDate {
  18. margin-left: 50mm;
  19. }
  20. #receiptTotalAmount {
  21. border-top: solid 1px;
  22. border-bottom: solid 1px;
  23. padding-top: 2mm;
  24. padding-bottom: 2mm;
  25. margin-top: 10mm;
  26. margin-bottom: 2mm;
  27. font-size: 5mm;
  28. font-weight: bold;
  29. width: 150mm;
  30. }
  31. #receiptTotalAmount :nth-of-type(1) {
  32. margin-left: 10mm;
  33. }
  34. #receiptTotalAmount :nth-last-of-type(1) {
  35. margin-right: 6mm;
  36. }
  37. #taxTotalAmount {
  38. width: 150mm;
  39. }
  40. #taxTotalAmount>div {
  41. width: 60mm;
  42. border-bottom: solid 0.5px;
  43. }
  44. #taxTotalAmount>div :nth-of-type(1) {
  45. margin-left: 10mm;
  46. }
  47. #taxTotalAmount>div :nth-of-type(2) {
  48. margin-right: 10mm;
  49. }
  50. #detailTable {
  51. margin-top: 5mm;
  52. }
  53. #detailTable table {
  54. border-collapse: collapse;
  55. /* セルの線を重ねる */
  56. width: 150mm;
  57. text-align: left;
  58. }
  59. #detailTable th,
  60. td {
  61. border: solid 0.5px;
  62. /* 枠線指定 */
  63. }
  64. #detailTable th.amount {
  65. width: 20mm;
  66. }
  67. #detailTable th.targetMonth {
  68. width: 15mm;
  69. }
  70. #company {
  71. font-size: 4mm;
  72. margin-top: 5mm;
  73. }
  74. #company p {
  75. margin: 1mm;
  76. }
  77. #company .name {
  78. font-size: 5mm;
  79. }
  80. #stamp {
  81. top: 100mm;
  82. }