├── README.md ├── script.js ├── dist ├── script.min.js ├── script.dev.js ├── script.min.js.map ├── script.dev.js.map └── index.html ├── index.html └── style.css /README.md: -------------------------------------------------------------------------------- 1 | # receipt 2 | -------------------------------------------------------------------------------- /script.js: -------------------------------------------------------------------------------- 1 | function pay() 2 | { 3 | $(".receipt").slideUp("slow"); 4 | $(".paid").slideDown("slow"); 5 | } -------------------------------------------------------------------------------- /dist/script.min.js: -------------------------------------------------------------------------------- 1 | "use strict";function pay(){$(".receipt").slideUp("slow"),$(".paid").slideDown("slow")} 2 | //# sourceMappingURL=script.min.js.map 3 | -------------------------------------------------------------------------------- /dist/script.dev.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | 3 | function pay() { 4 | $(".receipt").slideUp("slow"); 5 | $(".paid").slideDown("slow"); 6 | } 7 | //# sourceMappingURL=script.dev.js.map 8 | -------------------------------------------------------------------------------- /dist/script.min.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["script.js"],"names":["pay","$","slideUp","slideDown"],"mappings":"aAAA,SAASA,MAATC,EAAA,YACAC,QAAA,QACED,EAAE,SAAAE,UAAF","file":"script.min.js","sourcesContent":["function pay()\r\n{\r\n $(\".receipt\").slideUp(\"slow\");\r\n $(\".paid\").slideDown(\"slow\");\r\n}"]} -------------------------------------------------------------------------------- /dist/script.dev.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["script.js"],"names":["pay","$","slideUp","slideDown"],"mappings":";;AAAA,SAASA,GAAT,GACA;AACEC,EAAAA,CAAC,CAAC,UAAD,CAAD,CAAcC,OAAd,CAAsB,MAAtB;AACAD,EAAAA,CAAC,CAAC,OAAD,CAAD,CAAWE,SAAX,CAAqB,MAArB;AACD","sourcesContent":["function pay()\r\n{\r\n $(\".receipt\").slideUp(\"slow\");\r\n $(\".paid\").slideDown(\"slow\");\r\n}"],"file":"script.dev.js"} -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Receipt 9 | 10 | 11 |
12 |
13 | 14 |
15 |
16 |
Receipt
17 |
Date: 04/15/2023
18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 |
1 x Selecta 3 in 1₱126
3 x Toblerone₱180
4 x Yakult₱48
2 x Marlboro ₱290
1 x Nips₱80
2 x Gatorade₱210
29 |
30 |
31 |
32 | 0442124123456789 33 |
34 |
35 | Thank you for your business 36 |
37 |
38 |
39 | 40 |
41 |
42 | 43 | 44 | -------------------------------------------------------------------------------- /dist/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Receipt 9 | 10 | 11 |
12 |
13 | 14 |
15 |
16 |
Receipt
17 |
Date: 04/15/2023
18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 |
1 x Selecta 3 in 1₱126
3 x Toblerone₱180
4 x Yakult₱48
2 x Marlboro ₱290
1 x Nips₱80
2 x Gatorade₱210
29 |
30 |
31 |
32 | 0442124123456789 33 |
34 |
35 | Thank you for your business 36 |
37 |
38 |
39 | 40 |
41 |
42 | 43 | 44 | -------------------------------------------------------------------------------- /style.css: -------------------------------------------------------------------------------- 1 | body 2 | { 3 | margin:0 auto; 4 | padding:0; 5 | background-color:#EFE8E2; 6 | font-family:tahoma; 7 | } 8 | .paid 9 | { 10 | display:none; 11 | width:300px; 12 | margin:0 auto; 13 | background-color:#fff; 14 | text-align:center; 15 | padding-top:25px; 16 | border-radius:0px 0px 10px 10px; 17 | padding-bottom:25px; 18 | color:#9ebbfc; 19 | line-height:30px; 20 | } 21 | .paid p 22 | { 23 | background-image:url("http://dc455.4shared.com/download/VILITso0/tsid20130720-183900-9216b81f/check.png"); 24 | background-repeat:no-repeat; 25 | background-position:left center; 26 | padding-left:30px; 27 | width:190px; 28 | margin:0 auto; 29 | } 30 | .container 31 | { 32 | width:350px; 33 | margin:50px auto; 34 | } 35 | .tab 36 | { 37 | width:350px; 38 | margin:0 auto; 39 | height:10px; 40 | background-color:#2B2929; 41 | border-radius:50px 42 | } 43 | .receipt 44 | { 45 | background-color:#FAFAF9; 46 | padding-top:20px; 47 | width:300px; 48 | height:300px; 49 | margin:-5px auto; 50 | border-radius:5px 5px 50px 50px; 51 | -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.3); 52 | -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.3); 53 | box-shadow: 0 10px 30px rgba(0,0,0,0.3); 54 | } 55 | .paper 56 | { 57 | border-top:1px dashed #ccc; 58 | width:96%; 59 | margin:0 auto; 60 | } 61 | .title 62 | { 63 | color:#6d8cf3; 64 | margin-top:20px; 65 | margin-left:10px; 66 | font-weight:bold; 67 | float:left; 68 | font-size:16px; 69 | line-height:30px; 70 | } 71 | .date 72 | { 73 | color:#00773D; 74 | margin-top:20px; 75 | margin-right:10px; 76 | font-weight:lighter; 77 | float:right; 78 | font-size:12px; 79 | line-height:30px; 80 | } 81 | table 82 | { 83 | clear:both; 84 | width:95%; 85 | margin:0 auto; 86 | color:#5B5B5B; 87 | font-size:12px; 88 | padding-top:10px; 89 | padding-bottom:20px; 90 | border-bottom:1px dashed #ccc; 91 | } 92 | .right 93 | { 94 | text-align:right; 95 | } 96 | 97 | 98 | input[type=button] 99 | { 100 | background-color:#5659f1; 101 | /* outlie:none; */ 102 | border:1px solid #ccc; 103 | padding:10px; 104 | border-radius:5px; 105 | font-weight:bold; 106 | color:#fff; 107 | padding-left:30px; 108 | background-image:url("http://dc707.4shared.com/img/zr6_o80l/s3/13ffd4de138/cart.png"); 109 | background-repeat:no-repeat; 110 | background-position:5px center; 111 | } 112 | input[type=button]:hover 113 | { 114 | -moz-box-shadow: 0 10px 30px rgba(0,0,0,0.3); 115 | -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.3); 116 | box-shadow: 0 10px 30px rgba(0,0,0,0.3); 117 | cursor:pointer; 118 | color:#f0f0f0; 119 | } 120 | .barcode 121 | { 122 | height: 10px; 123 | width: 0; 124 | box-shadow:1px 0 0 1px #343434, 5px 0 0 1px #343434, 10px 0 0 1px #343434, 11px 0 0 1px #343434, 15px 0 0 1px #343434, 18px 0 0 1px #343434, 22px 0 0 1px #343434, 23px 0 0 1px #343434, 26px 0 0 1px #343434, 30px 0 0 1px #343434, 35px 0 0 1px #343434, 37px 0 0 1px #343434, 41px 0 0 1px #343434, 44px 0 0 1px #343434, 47px 0 0 1px #343434, 51px 0 0 1px #343434, 56px 0 0 1px #343434, 59px 0 0 1px #343434, 64px 0 0 1px #343434, 68px 0 0 1px #343434, 72px 0 0 1px #343434, 74px 0 0 1px #343434, 77px 0 0 1px #343434, 81px 0 0 1px #343434; 125 | display:inline-block; 126 | margin-right:85px; 127 | } 128 | .sign 129 | { 130 | text-align:center; 131 | } 132 | .thankyou 133 | { 134 | line-height:14px; 135 | font-size:10px; 136 | margin-top:5px; 137 | color:#5B5B5B; 138 | width:100%; 139 | } --------------------------------------------------------------------------------