1110 lines
16 KiB
CSS
1110 lines
16 KiB
CSS
/*頁面設定*/
|
||
@page {
|
||
size: A4 portrait;
|
||
margin: 0;
|
||
orphans: 4;
|
||
widows: 2;
|
||
}
|
||
|
||
@page a3 {
|
||
size: a3 portrait;
|
||
margin: 0;
|
||
}
|
||
|
||
@page a3l {
|
||
size: a3 landscape;
|
||
margin: 0;
|
||
}
|
||
|
||
@page a4 {
|
||
size: a4 portrait;
|
||
margin: 0;
|
||
}
|
||
|
||
@page a4l {
|
||
size: a4 landscape;
|
||
margin: 0;
|
||
}
|
||
|
||
@page a5 {
|
||
size: a5 portrait;
|
||
margin: 0;
|
||
}
|
||
|
||
@page a5l {
|
||
size: a5 landscape;
|
||
margin: 0;
|
||
}
|
||
|
||
@page tablet-l {
|
||
size: 274mm 392mm;
|
||
margin: 0;
|
||
}
|
||
|
||
@page tablet-m {
|
||
size: 214mm 305mm;
|
||
margin: 0;
|
||
}
|
||
|
||
@page tablet-s {
|
||
size: 197mm 215mm;
|
||
margin: 0;
|
||
}
|
||
|
||
body {
|
||
--page-w: 210mm;
|
||
--page-h: 297mm;
|
||
--font-max: 22pt;
|
||
--bg-padding: 0;
|
||
font-family: 標楷體;
|
||
font-size: 32pt;
|
||
margin: 0;
|
||
}
|
||
|
||
h1,
|
||
h2,
|
||
h3,
|
||
h4,
|
||
h5,
|
||
h6 {
|
||
margin-block-start: .5em;
|
||
margin-block-end: .5em;
|
||
}
|
||
|
||
.page {
|
||
margin: 0 auto;
|
||
width: var(--page-w);
|
||
height: var(--page-h);
|
||
position: relative;
|
||
page-break-inside: avoid;
|
||
|
||
outline: .25pt solid #0CC;
|
||
}
|
||
|
||
.content {
|
||
position: relative;
|
||
margin: 0 auto;
|
||
width: var(--page-w);
|
||
height: var(--page-h);
|
||
/* outline: 0.25pt solid #000; */
|
||
}
|
||
|
||
.border {
|
||
/* outline: 0.25pt solid #000; */
|
||
}
|
||
|
||
.text {}
|
||
|
||
pre {
|
||
font-family: 標楷體;
|
||
}
|
||
|
||
/*自動字型*/
|
||
.text-block {
|
||
/* border: .25pt solid #000; */
|
||
/* margin: 5mm; */
|
||
|
||
font-family: 標楷體;
|
||
text-align: start;
|
||
vertical-align: middle;
|
||
|
||
/* --divw: 120mm; */
|
||
/* --divh: 50mm; */
|
||
--line_len: 10;
|
||
--lines: 1;
|
||
--fs_w: var(--divw)/var(--line_len);
|
||
--fs_h: var(--divh)/var(--lines);
|
||
--fs: min(var(--fs_w), var(--fs_h), var(--font-max));
|
||
|
||
width: var(--divw);
|
||
height: var(--divh);
|
||
|
||
font-size: var(--fs);
|
||
line-height: calc(var(--fs_h) * 1.0);
|
||
|
||
outline: 0.25pt solid #F00;
|
||
}
|
||
|
||
.text-block.vertical {
|
||
--fs_r: 0.97;
|
||
--fs_w: var(--fs_r)*var(--divw)/var(--lines);
|
||
--fs_h: var(--fs_r)*var(--divh)/var(--line_len);
|
||
--fs: min(var(--fs_w), var(--fs_h), var(--font-max));
|
||
line-height: calc(var(--fs_w) * 1.0);
|
||
}
|
||
|
||
.vertical {
|
||
writing-mode: vertical-rl;
|
||
/*text-orientation: upright;*/
|
||
text-orientation: mixed;
|
||
}
|
||
|
||
.text-start {
|
||
text-align: start;
|
||
}
|
||
|
||
.text-center {
|
||
text-align: center;
|
||
}
|
||
|
||
.text-end {
|
||
text-align: end;
|
||
}
|
||
|
||
.bg {
|
||
position: relative;
|
||
margin: 0 auto;
|
||
padding: var(--bg-padding);
|
||
}
|
||
|
||
.bg > svg,
|
||
.bg > img {
|
||
display: block;
|
||
}
|
||
|
||
.bg img {
|
||
width: 100%;
|
||
height: calc(var(--page-h) - var(--bg-padding) * 2);
|
||
max-height: var(--page-h);
|
||
/*outline: 0.25pt solid #000;*/
|
||
}
|
||
|
||
.d-block {
|
||
display: block;
|
||
}
|
||
|
||
.d-inline-block {
|
||
display: inline-block;
|
||
}
|
||
|
||
.d-flex {
|
||
display: flex;
|
||
}
|
||
|
||
.justify-content-center {
|
||
justify-content: center;
|
||
}
|
||
|
||
.justify-content-start {
|
||
justify-content: flex-start;
|
||
}
|
||
|
||
.justify-content-end {
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
.justify-content-between {
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.align-items-center {
|
||
align-items: center;
|
||
}
|
||
|
||
.align-items-start {
|
||
align-items: flex-start;
|
||
}
|
||
|
||
.align-items-end {
|
||
align-items: flex-end;
|
||
}
|
||
|
||
.text-center {
|
||
text-align: center;
|
||
}
|
||
|
||
.text-start {
|
||
text-align: left;
|
||
}
|
||
|
||
.text-end {
|
||
text-align: right;
|
||
}
|
||
|
||
.w-100 {
|
||
width: 100%;
|
||
}
|
||
|
||
.h-100 {
|
||
height: 100%;
|
||
}
|
||
|
||
.m-0 {
|
||
margin: 0;
|
||
}
|
||
|
||
.my-0 {
|
||
margin-block-start: 0 !important;
|
||
margin-block-end: 0 !important;
|
||
}
|
||
|
||
.mx-0 {
|
||
margin-inline-start: 0 !important;
|
||
margin-inline-end: 0 !important;
|
||
}
|
||
|
||
.mt-0 {
|
||
margin-block-start: 0 !important;
|
||
}
|
||
|
||
.mb-0 {
|
||
margin-block-end: 0 !important;
|
||
}
|
||
|
||
.ms-0 {
|
||
margin-inline-start: 0 !important;
|
||
}
|
||
|
||
.me-0 {
|
||
margin-inline-end: 0 !important;
|
||
}
|
||
|
||
.my-1 {
|
||
margin-block-start: .25em !important;
|
||
margin-block-end: .25em !important;
|
||
}
|
||
|
||
.mx-1 {
|
||
margin-inline-start: .25em !important;
|
||
margin-inline-end: .25em !important;
|
||
}
|
||
|
||
.mt-1 {
|
||
margin-block-start: .25em !important;
|
||
}
|
||
|
||
.mb-1 {
|
||
margin-block-end: .25em !important;
|
||
}
|
||
|
||
.ms-1 {
|
||
margin-inline-start: .25em !important;
|
||
}
|
||
|
||
.me-1 {
|
||
margin-inline-end: .25em !important;
|
||
}
|
||
|
||
.mid_text {
|
||
--divw: 50mm;
|
||
/* --divh: 220mm; */
|
||
--divh: 200mm;
|
||
position: absolute;
|
||
left: 50%;
|
||
top: 54%;
|
||
transform: translate(-50%, -50%);
|
||
}
|
||
|
||
.mid_text_2 {
|
||
--divw: 50mm;
|
||
--divh: 50mm;
|
||
position: absolute;
|
||
left: 50%;
|
||
bottom: 18%;
|
||
transform: translate(-50%, 0);
|
||
}
|
||
|
||
.right_text {
|
||
--divw: 10mm;
|
||
--divh: 260mm;
|
||
position: absolute;
|
||
right: 8mm;
|
||
top: 80mm;
|
||
}
|
||
|
||
.left_text {
|
||
--divw: 20mm;
|
||
--divh: 160mm;
|
||
position: absolute;
|
||
left: 0mm;
|
||
top: 180mm;
|
||
}
|
||
|
||
.txt_up,
|
||
.txt_down {
|
||
position: absolute;
|
||
left: 5mm;
|
||
|
||
outline: .25pt solid #090;
|
||
}
|
||
|
||
.txt_up {
|
||
top: 155mm;
|
||
}
|
||
|
||
.txt_down {
|
||
bottom: 30mm;
|
||
}
|
||
|
||
.top_text_1,
|
||
.top_text_2,
|
||
.top_text_3 {
|
||
position: absolute;
|
||
}
|
||
|
||
.top_text_1 {
|
||
top: 0;
|
||
width: 100%;
|
||
text-align: center;
|
||
font-size: 20pt;
|
||
}
|
||
|
||
.top_text_2,
|
||
.top_text_3 {
|
||
top: 2mm;
|
||
top: 7mm;
|
||
width: 60%;
|
||
font-size: 0.7em;
|
||
}
|
||
|
||
.top_text_2 {
|
||
text-align: right;
|
||
right: 2mm;
|
||
}
|
||
|
||
.top_text_3 {
|
||
text-align: left;
|
||
left: 2mm;
|
||
}
|
||
|
||
/*舊式紙張*/
|
||
body.tablet-l {
|
||
--page-w: 274mm;
|
||
--page-h: 392mm;
|
||
page: tablet-l;
|
||
font-size: 22pt;
|
||
}
|
||
|
||
body.tablet-m {
|
||
--page-w: 214mm;
|
||
--page-h: 305mm;
|
||
page: tablet-m;
|
||
font-size: 22pt;
|
||
}
|
||
|
||
body.tablet-s {
|
||
--page-w: 197mm;
|
||
--page-h: 215mm;
|
||
page: tablet-s;
|
||
font-size: 18pt;
|
||
}
|
||
|
||
/*大牌位相關*/
|
||
body.tablet-l .content {
|
||
width: 124mm;
|
||
}
|
||
|
||
/*中牌位相關*/
|
||
body.tablet-m .content {
|
||
width: 92mm;
|
||
}
|
||
|
||
body.tablet-m .mid_text {
|
||
--divw: 45mm;
|
||
--divh: 180mm;
|
||
}
|
||
|
||
body.tablet-m .mid_text_2 {
|
||
--divw: 45mm;
|
||
--divh: 50mm;
|
||
bottom: 17%;
|
||
}
|
||
|
||
body.tablet-m .right_text {
|
||
--divw: 8mm;
|
||
--divh: 200mm;
|
||
right: 6mm;
|
||
top: 64mm;
|
||
}
|
||
|
||
body.tablet-m .left_text {
|
||
--divw: 15mm;
|
||
--divh: 98mm;
|
||
top: 165mm;
|
||
}
|
||
|
||
body.tablet-m .txt_up,
|
||
body.tablet-m .txt_down {
|
||
left: 3mm;
|
||
}
|
||
|
||
body.tablet-m .txt_up {
|
||
top: 148mm;
|
||
}
|
||
|
||
body.tablet-m .txt_down {
|
||
bottom: 25mm;
|
||
}
|
||
|
||
body.tablet-m .top_text_1 {
|
||
font-size: 16pt;
|
||
}
|
||
|
||
body.tablet-m .top_text_2,
|
||
body.tablet-m .top_text_3 {
|
||
top: 9mm;
|
||
}
|
||
|
||
body.tablet-m .top_text_2 {
|
||
right: 1mm;
|
||
}
|
||
|
||
body.tablet-m .top_text_3 {
|
||
left: 1mm;
|
||
}
|
||
|
||
/*小牌位相關*/
|
||
body.tablet-s .content {
|
||
width: 65mm;
|
||
}
|
||
|
||
body.tablet-s .mid_text_2 {
|
||
--divw: 32mm;
|
||
--divh: 50mm;
|
||
bottom: 17%;
|
||
}
|
||
|
||
body.tablet-s .mid_text {
|
||
--divw: 32mm;
|
||
--divh: 126mm;
|
||
}
|
||
|
||
body.tablet-s .right_text {
|
||
--divw: 6mm;
|
||
--divh: 120mm;
|
||
right: 5mm;
|
||
top: 45mm;
|
||
}
|
||
|
||
body.tablet-s .left_text {
|
||
--divw: 10mm;
|
||
--divh: 64mm;
|
||
top: 114mm;
|
||
}
|
||
|
||
body.tablet-s .txt_up,
|
||
body.tablet-s .txt_down {
|
||
font-size: .8em;
|
||
left: 2mm;
|
||
}
|
||
|
||
body.tablet-s .txt_up {
|
||
top: 102mm;
|
||
}
|
||
|
||
body.tablet-s .txt_down {
|
||
bottom: 25mm;
|
||
}
|
||
|
||
body.tablet-s .top_text_1 {
|
||
font-size: 16pt;
|
||
}
|
||
|
||
body.tablet-s .top_text_2,
|
||
body.tablet-s .top_text_3 {
|
||
top: 7mm;
|
||
}
|
||
|
||
body.tablet-s .top_text_2 {
|
||
right: 1mm;
|
||
}
|
||
|
||
body.tablet-s .top_text_3 {
|
||
left: 1mm;
|
||
}
|
||
|
||
/*-----標準紙張------*/
|
||
body.tblt-l.a3 {
|
||
page: a3;
|
||
--page-w: 285mm;
|
||
--page-h: 400mm;
|
||
--bg-padding: 4mm;
|
||
--font-max: 66pt;
|
||
font-size: 22pt;
|
||
}
|
||
|
||
body.tblt-l.a3 .page {
|
||
page-break-after: always;
|
||
}
|
||
|
||
body.tblt-l.a3 .content {
|
||
/* --page-w: 124mm; */
|
||
--page-w: 118mm;
|
||
}
|
||
|
||
body.tblt-l.a3 .mid_text_2 {
|
||
--divh: 60mm;
|
||
}
|
||
|
||
body.tblt-l.a3.l2b{
|
||
|
||
}
|
||
body.tblt-l.a3 .top_text_2,
|
||
body.tblt-l.a3 .top_text_3 {
|
||
font-size: 0.9em;
|
||
}
|
||
body.tblt-l.a3.l2b .mid_text {
|
||
--divw: 30mm;
|
||
--divh: 60mm;
|
||
top: 40%;
|
||
}
|
||
|
||
body.tblt-l.a3.l2b .mid_text_2 {
|
||
--divh: 180mm;
|
||
}
|
||
body.tblt-l.a3.l2b .mid_text_3 {
|
||
--divw: 20mm;
|
||
--divh: 120mm;
|
||
position: absolute;
|
||
top: 40%;
|
||
left: 30%;
|
||
}
|
||
body.tblt-l.a3.l2b .mid_text_4 {
|
||
--divw: 20mm;
|
||
--divh: 120mm;
|
||
position: absolute;
|
||
top: 40%;
|
||
right: 30%;
|
||
}
|
||
body.tblt-l .txt_up,
|
||
body.tblt-l .txt_down
|
||
{
|
||
left: 8.0mm;
|
||
left: 8.5mm;
|
||
}
|
||
body.tblt-l .txt_up {
|
||
top: 180mm;
|
||
}
|
||
body.tblt-l .txt_down {
|
||
bottom: 65mm;
|
||
}
|
||
body.tblt-l .left_text {
|
||
--divh: 120mm;
|
||
top: 200mm;
|
||
left: 2mm;
|
||
}
|
||
|
||
body.tblt-m {
|
||
page: a4;
|
||
--page-w: 200mm;
|
||
--page-h: 285mm;
|
||
--bg-padding: 0;
|
||
--font-max: 44pt;
|
||
font-size: 22pt;
|
||
}
|
||
|
||
body.tblt-m .mid_text {
|
||
--divw: 45mm;
|
||
--divh: 160mm;
|
||
}
|
||
|
||
body.tblt-m .mid_text_2 {
|
||
--divw: 45mm;
|
||
--divh: 60mm;
|
||
}
|
||
|
||
body.tblt-m .right_text {
|
||
--divw: 10mm;
|
||
--divh: 160mm;
|
||
}
|
||
|
||
body.tblt-m .left_text {
|
||
--divw: 20mm;
|
||
--divh: 95mm;
|
||
left: 0mm;
|
||
top: 144mm;
|
||
}
|
||
|
||
body.tblt-m .txt_up {
|
||
top: 125mm;
|
||
left: 6mm;
|
||
}
|
||
body.tblt-m .txt_down {
|
||
left: 6mm;
|
||
}
|
||
|
||
body.tblt-m.a4 {
|
||
page: a4;
|
||
}
|
||
|
||
body.tblt-m.a4 .page {
|
||
--page-w: 100mm;
|
||
--page-h: 285mm;
|
||
page-break-after: always;
|
||
}
|
||
|
||
body.tblt-m.a4-mrg {
|
||
page: a4;
|
||
}
|
||
|
||
body.tblt-m.a4-mrg .page {
|
||
--page-w: 100mm;
|
||
float: left;
|
||
}
|
||
|
||
body.tblt-m.a3-mrg {
|
||
page: a3l;
|
||
}
|
||
|
||
body.tblt-m.a3-mrg .page {
|
||
--page-w: 100mm;
|
||
float: left;
|
||
/*[標準M3B]個人大牌-佛力超薦-往生蓮位-A3(横, 合併)*/
|
||
margin:0 1.0mm;/* 上下 左右 */
|
||
margin:0 1.5mm;
|
||
margin:0 2.0mm;
|
||
/* margin:0 2.5mm; */
|
||
/* margin:0 3.0mm; */
|
||
}
|
||
|
||
body.tblt-s {
|
||
--bg-padding: 0;
|
||
--font-max: 32pt;
|
||
font-size: 22pt;
|
||
}
|
||
|
||
body.tblt-s .page {
|
||
--page-w: 70mm;
|
||
page-break-after: always;
|
||
}
|
||
body.tblt-s .top_text_2,
|
||
body.tblt-s .top_text_3 {
|
||
font-size: 11pt;
|
||
}
|
||
.tblt-s .left_text{
|
||
--divw: 9mm;
|
||
--divh: 50mm;
|
||
left: 2mm;
|
||
top: 102mm;
|
||
top: 105mm;
|
||
top: 107mm;
|
||
/* top: 110mm; */
|
||
}
|
||
|
||
body.tblt-s .mid_text {
|
||
--divw: 30mm;
|
||
--divh: 114mm;
|
||
top: 55%;
|
||
}
|
||
|
||
body.tblt-s .mid_text_2 {
|
||
--divw: 30mm;
|
||
--divh: 60mm;
|
||
}
|
||
|
||
body.tblt-s .right_text {
|
||
--divw: 12mm;
|
||
--divh: 120mm;
|
||
right: 0mm;
|
||
top: 60mm;
|
||
}
|
||
|
||
|
||
body.tblt-s .left_text.text-block.vertical {
|
||
--font-max: 18pt;
|
||
--fs: calc(min(var(--fs_w), var(--fs_h), var(--font-max))* 1.4);
|
||
}
|
||
|
||
body.tblt-s .txt_up {
|
||
top: 87mm;
|
||
left: 2mm;
|
||
}
|
||
|
||
body.tblt-s .txt_down {
|
||
bottom: 25mm;
|
||
left: 2mm;
|
||
}
|
||
|
||
body.tblt-s.a5 {
|
||
page: a5;
|
||
--page-w: 138mm;
|
||
--page-h: 200mm;
|
||
}
|
||
|
||
body.tblt-s.a4l-mrg {
|
||
page: a4l;
|
||
--page-w: 200mm;
|
||
--page-h: 285mm;
|
||
}
|
||
|
||
body.tblt-s.a4l-mrg .page {
|
||
padding: 0 2.5mm;
|
||
--page-w: 65mm;
|
||
--page-h: 200mm;
|
||
page-break-after: auto;
|
||
float: left;
|
||
}
|
||
|
||
body.tblt-xs.a3-mrg,
|
||
body.tblt-s.a3-mrg {
|
||
page: a3;
|
||
--page-w: 285mm;
|
||
--page-h: 410mm;
|
||
}
|
||
|
||
body.tblt-s.a3-mrg .page {
|
||
padding: 0 2.5mm;
|
||
--page-w: 65mm;
|
||
--page-h: 200mm;
|
||
page-break-after: auto;
|
||
float: left;
|
||
/*[標準S3B]個人中牌-佛力超薦-往生蓮位-A3(直, 合併)*/
|
||
margin:0 1.0mm;/* 上下 左右 */
|
||
margin:0 1.5mm;
|
||
margin:0 2.0mm;
|
||
/* margin:0 2.5mm; */
|
||
/* margin:0 3.0mm; */
|
||
}
|
||
|
||
body.tblt-xs {
|
||
--bg-padding: 0;
|
||
--font-max: 18pt;
|
||
font-size: 14pt;
|
||
}
|
||
|
||
body.tblt-xs.a3-mrg .page {
|
||
/*--page-w: 57mm;*/
|
||
--page-w: 59mm;
|
||
--page-h: 100mm;
|
||
page-break-after: auto;
|
||
float: left;
|
||
}
|
||
|
||
body.tblt-xs.a4l-mrg {
|
||
page: a4l;
|
||
}
|
||
|
||
body.tblt-xs.a4l-mrg .page {
|
||
/* --page-w: 57mm; */
|
||
--page-w: 59mm;
|
||
--page-h: 100mm;
|
||
page-break-after: auto;
|
||
float: left;
|
||
}
|
||
|
||
body.tblt-xs .top_text_1 {
|
||
font-size: 8pt;
|
||
}
|
||
|
||
body.tblt-xs .mid_text {
|
||
/* --divw: 25mm; */
|
||
--divw: 15mm;
|
||
--divh: 48mm;
|
||
top: 56%;
|
||
}
|
||
|
||
body.tblt-xs .mid_text_2 {
|
||
--divw: 15mm;
|
||
--divh: 20mm;
|
||
bottom: 20%;
|
||
}
|
||
|
||
body.tblt-xs .right_text {
|
||
--divw: 12mm;
|
||
--divh: 60mm;
|
||
right: 0mm;
|
||
top: 25mm;
|
||
}
|
||
|
||
body.tblt-xs .left_text {
|
||
--divw: 10mm;
|
||
--divh: 26mm;
|
||
--font-max: 12pt;
|
||
left: 2mm;
|
||
top: 53mm;
|
||
font-size: calc( var(--fs) * 1.4);
|
||
font-size: calc( var(--fs) * 1.2);
|
||
}
|
||
body.tblt-xs .top_text_2,
|
||
body.tblt-xs .top_text_3{
|
||
font-size: 9pt;
|
||
top: 4mm;
|
||
width: 50%;
|
||
}
|
||
body.tblt-xs .top_text_2{
|
||
/*[標準X2B]隨喜牌位-佛力超薦-往生蓮位-A3(直)*/
|
||
right: 2mm;
|
||
right: 3.0mm;
|
||
right: 3.5mm;
|
||
/* right: 4.0mm; */
|
||
}
|
||
|
||
body.tblt-xs .txt_up {
|
||
/*top: 43mm;*/
|
||
top: 45mm;
|
||
left: 5mm;
|
||
font-size: 10pt;
|
||
}
|
||
|
||
body.tblt-xs .txt_down {
|
||
bottom: 13mm;
|
||
left: 5mm;
|
||
font-size: 10pt;
|
||
}
|
||
|
||
/* 感謝狀 */
|
||
body.receipt-v.a5 {
|
||
page: a5;
|
||
--page-w: 148mm;
|
||
--page-h: 209mm;
|
||
width: 148mm;
|
||
height: 209mm;
|
||
margin: 0;
|
||
}
|
||
|
||
body.receipt-v.a4l-mrg {
|
||
page: a4l;
|
||
--page-w: 296mm;
|
||
--page-h: 206mm;
|
||
width: 296mm;
|
||
height: 206mm;
|
||
margin: 0;
|
||
}
|
||
|
||
body.receipt-v.a5 .content,
|
||
body.receipt-v.a4l-mrg .content {
|
||
font-size: 16pt;
|
||
width: auto;
|
||
position: relative;
|
||
}
|
||
|
||
body.receipt-v.a5 .content {
|
||
padding: 5mm 5mm;
|
||
height: 197mm;
|
||
}
|
||
|
||
body.receipt-v.a4l-mrg .content {
|
||
padding: 8mm 6mm 8mm 5mm;
|
||
height: 175mm;
|
||
}
|
||
|
||
body.receipt-v.a4l-mrg .page > .border {
|
||
float: left;
|
||
}
|
||
|
||
body.receipt-v.a4l-mrg .page > .border:nth-child(odd) {
|
||
margin-right: 10mm;
|
||
}
|
||
|
||
body.receipt-v.a4l-mrg .page > .border:nth-child(even) {
|
||
margin-left: 10mm;
|
||
}
|
||
|
||
body.receipt-v .text {
|
||
font-size: 24pt;
|
||
line-height: 1.4em;
|
||
height: 100%
|
||
}
|
||
|
||
body.receipt-v .title {
|
||
font-size: 38pt;
|
||
font-weight: 700;
|
||
line-height: 1.6em;
|
||
}
|
||
|
||
body.receipt-v .note {
|
||
font-size: 14pt;
|
||
}
|
||
|
||
body.receipt-v .num {
|
||
font-size: 12pt;
|
||
margin-bottom: 2mm;
|
||
position: absolute;
|
||
left: 5mm;
|
||
top: 5mm;
|
||
}
|
||
|
||
body.receipt-v .stamp {
|
||
width: 34mm;
|
||
height: 34mm;
|
||
margin-top: 10mm;
|
||
margin-bottom: 2mm;
|
||
}
|
||
|
||
body.receipt-v .stamp > * {
|
||
width: 100%;
|
||
height: auto;
|
||
}
|
||
|
||
body.receipt-v .info-list {
|
||
margin: 0 1mm;
|
||
}
|
||
|
||
body.receipt-v .info-list pre {
|
||
font-size: 14pt;
|
||
line-height: 1.3em;
|
||
}
|
||
|
||
body.receipt-v .date{
|
||
font-size: .8em;
|
||
line-height: 1em;
|
||
margin-right: 5px;
|
||
}
|
||
|
||
body.receipt-v .border {
|
||
border: 3pt solid #333;
|
||
border-radius: 10mm;
|
||
margin: 8mm;
|
||
}
|
||
|
||
body.receipt-v .w-2em {
|
||
width: 2.8em;
|
||
overflow: hidden;
|
||
}
|
||
|
||
/* 收據 */
|
||
body.receipt-h.a5l {
|
||
page: a5l;
|
||
--page-w: 209mm;
|
||
--page-h: 140mm;
|
||
width: 209mm;
|
||
height: 140mm;
|
||
margin: 0;
|
||
}
|
||
|
||
body.receipt-h.a5l .content {
|
||
padding: 3mm 3mm 3mm 19%;
|
||
font-size: 16pt;
|
||
border-top: 1pt dotted #000;
|
||
border-bottom: 1pt dotted #000;
|
||
width: auto;
|
||
height: auto;
|
||
}
|
||
|
||
body.receipt-h.a4 {
|
||
page: a4;
|
||
--page-w: 209mm;
|
||
--page-h: 280mm;
|
||
width: 209mm;
|
||
height: 280mm;
|
||
margin: 0;
|
||
}
|
||
|
||
body.receipt-h.a4 .content {
|
||
padding: 3mm 3mm 3mm 19%;
|
||
font-size: 16pt;
|
||
border-top: 1pt dotted #000;
|
||
border-bottom: 1pt dotted #000;
|
||
width: auto;
|
||
height: auto;
|
||
}
|
||
|
||
body.receipt-h.a4 .page > .border:nth-child(even){
|
||
margin-top: 10mm;
|
||
border-top: 1pt dashed #ccc;
|
||
}
|
||
|
||
body.receipt-h pre {
|
||
font-size: 22pt;
|
||
line-height: 1.2em;
|
||
margin: 0;
|
||
}
|
||
|
||
body.receipt-h .head {
|
||
padding: 0 3mm 2mm;
|
||
position: relative;
|
||
margin-top: 4mm;
|
||
}
|
||
|
||
body.receipt-h .head > .info {
|
||
width: 82%;
|
||
font-size: 20px;
|
||
}
|
||
|
||
body.receipt-h .stamp {
|
||
position: absolute;
|
||
left: 0;
|
||
right: 0;
|
||
top: 0;
|
||
bottom: 0;
|
||
text-align: center;
|
||
opacity: .7;
|
||
}
|
||
|
||
body.receipt-h .stamp > * {
|
||
max-height: 100%;
|
||
}
|
||
|
||
body.receipt-h .logo {
|
||
width: 14%;
|
||
padding: 2mm 1% 2mm 3%;
|
||
}
|
||
|
||
body.receipt-h .logo > * {
|
||
width: 100%;
|
||
height: auto;
|
||
max-width: 100%;
|
||
}
|
||
|
||
body.receipt-h .foot {
|
||
padding: 2mm 3mm 0;
|
||
}
|
||
|
||
body.receipt-h .foot > div {
|
||
display: inline-block;
|
||
width: 32.5%;
|
||
}
|
||
|
||
body.receipt-h .note {
|
||
font-size: 12pt;
|
||
margin-top: 3mm;
|
||
}
|
||
|
||
/* 疏文 */
|
||
body.prayer-h {
|
||
page: a3l;
|
||
font-size: 20pt;
|
||
padding: 10mm;
|
||
--page-w: 420mm;
|
||
--page-h: 290mm;
|
||
/*
|
||
width: 420mm;
|
||
height: 290mm;
|
||
*/
|
||
}
|
||
|
||
body.prayer-h h1 {
|
||
font-size: 60pt;
|
||
}
|
||
|
||
body.prayer-h pre {
|
||
font-size: 21pt;
|
||
line-height: 1.2em;
|
||
letter-spacing: .25em;
|
||
}
|
||
/*[標準X1A]隨喜牌位-佛光注照-長生祿位-A4(橫) */
|
||
* {
|
||
outline:0 none !important;
|
||
}
|
||
|
||
/*让自定义的分页生效，在某个div后面产生class-page从而分页，当牌位不是同一家人的时候就分页*/
|
||
@media print {
|
||
.page-break {
|
||
display: block !important;
|
||
width: 100%;
|
||
height: 1px;
|
||
visibility: hidden;
|
||
page-break-after: always;
|
||
}
|
||
|
||
.page {
|
||
page-break-inside: auto !important;
|
||
}
|
||
|
||
@page {
|
||
orphans: 1;
|
||
widows: 1;
|
||
}
|
||
|
||
.d-flex {
|
||
display: block !important;
|
||
}
|
||
|
||
.page-break::after {
|
||
content: "";
|
||
display: block;
|
||
height: 1px;
|
||
visibility: hidden;
|
||
}
|
||
}
|