cjajsdj-patina 1.0.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +39 -0
- package/chiya.gif +0 -0
- package/document.css +1 -0
- package/document.js +1 -0
- package/document.less +435 -0
- package/index.html +206 -0
- package/package.json +19 -0
- package/patina-gif/lib/gif.js +3 -0
- package/patina-gif/lib/gif.js.map +1 -0
- package/patina-gif/lib/gif.worker.js +3 -0
- package/patina-gif/lib/gif.worker.js.map +1 -0
- package/patina-gif/lib/libgif.js +989 -0
- package/patina-gif/lib/rubbable.js +151 -0
- package/patina-gif/patina-gif.js +595 -0
- package/patina.js +588 -0
- package/totoro-avatar.jpg +0 -0
- package/zpix-split.woff +0 -0
- package/zpix.woff2 +0 -0
package/README.md
ADDED
@@ -0,0 +1,39 @@
|
|
1
|
+
# 🤢「电子包浆」 图片做旧工具,赛博包浆虚拟器
|
2
|
+
|
3
|
+
给表情赋予年份
|
4
|
+
|
5
|
+
|
6
|
+
|
7
|
+
2022-08-02:
|
8
|
+
支持 **GIF** 动图啦!!
|
9
|
+
[#7](https://github.com/itorr/patina/pull/7)
|
10
|
+
[@拆家大主教](https://github.com/HomeArchbishop)
|
11
|
+
|
12
|
+
支持 **图片绿化**、**虚拟水印**、**虚拟传播年份**、**高效率模糊**、**浮雕锐化**、**噪点颗粒**、**像素不对齐**、**作假多次包浆绿化** 和 基础 **对比度**、**亮度**调整 以及 **波普重复功能**😈
|
13
|
+
|
14
|
+
水印用户名可自定义
|
15
|
+
可选择原尺寸输出图片
|
16
|
+
|
17
|
+
|
18
|
+
## 项目地址
|
19
|
+
[https://magiconch.com/patina/](https://magiconch.com/patina/)
|
20
|
+
|
21
|
+
## 为什么做
|
22
|
+
图片效果化处理摸索中
|
23
|
+
|
24
|
+
## GitHub
|
25
|
+
[https://github.com/itorr/patina](https://github.com/itorr/patina)
|
26
|
+
|
27
|
+
## 打赏
|
28
|
+
![打赏二维码](https://lab.magiconch.com/nbnhhsh/sponsor.png)
|
29
|
+
|
30
|
+
## 参考
|
31
|
+
|
32
|
+
梗图生成器 - 所见即所得的梗图生成器、支持电子包浆等功能
|
33
|
+
http://x.magiconch.com/
|
34
|
+
|
35
|
+
JPEGreen Simulator
|
36
|
+
https://m13253.github.io/JPEGreen/
|
37
|
+
|
38
|
+
Use libjpeg-turbo for YUV->RGB conversion in jpeg encoder
|
39
|
+
https://github.com/google/skia/commit/c7d01d3e1d3621907c27b283fb7f8b6e177c629d
|
package/chiya.gif
ADDED
Binary file
|
package/document.css
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
@font-face{font-family:ZpixLocal;src:url(zpix-split.woff)}:root{--max-width:500px}html{font:400 12px/1.4 ZpixLocal,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:none;-moz-osx-font-smoothing:none;font-feature-settings:'tnum';background-color:#eefee4;background-image:linear-gradient(45deg, #e0ffde 0%, #fafedd 100%);color:#215200}body{margin:0;padding-bottom:50px}button,input{font:inherit}a{color:#34a133;cursor:pointer}::selection{background:#215200;color:#eefee4}header{padding:1.8em;line-height:1.5}h1{margin:0;text-shadow:2px 2px 0 #ff658c,-2px -2px 0 #77cdc7}header p{margin:0;opacity:.5;text-indent:.5em}@media (min-width:600px){header{font-size:1.5em}}h2,h3,h4,h5,h6{margin:0}h3{font-size:15px}h4{font-size:12px}small{opacity:.8;font-weight:normal;word-break:break-all}small:before,small:after{opacity:.5;margin:0 .2em}small:before{content:'('}small:after{content:')'}.input-box{padding:4px 0}.ctrl-box{padding:10px 15px}[v-cloak]{display:none}.debug-box{background:#bad7ac;padding:10px 15px;margin:0 -15px}pre{background:#222;color:#FFF;padding:6px;margin:0}.app[data-runing="true"]{cursor:wait}.app[data-runing="true"] .ctrl-box{pointer-events:none}hr{border:0;margin:20px 0;padding:0;border-top:2px solid rgba(0,0,0,0.05)}.tip-box{border-top:2px solid rgba(0,0,0,0.05);padding:15px}.tip-box ul{margin:4px 0;padding:0;list-style-type:none}.tip-box ul li{margin:.6em 0;padding:0;line-height:1.4}.tip-box h6{font-weight:normal}.tip-box a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.output-box{overflow:hidden}.output-box img{display:block;object-fit:contain}@media (min-width:900px){.output-box img{float:left;width:50%;max-width:var(--max-width);max-height:var(--max-width)}}@media (max-width:900px) and (min-width:600px){.output-box[data-direction="vertical"] img{width:50%;float:left}.output-box[data-direction="horizontal"] img{width:100%}}@media (max-width:600px){.output-box{cursor:pointer}.output-box img{margin:0 auto}.output-box[data-direction="vertical"] img{max-width:100%;max-height:150vw;min-width:40%;min-height:40vw}.output-box[data-direction="vertical"] .source-image{display:none}.output-box[data-direction="horizontal"] img{width:100%}}code{background:rgba(0,0,0,0.1);display:inline-block;padding:0 4px;margin:0 2px;border-radius:1px}blockquote{display:inline-block;background:#215200;color:var(--background-color);margin:0;padding:15px}blockquote p{margin:0}blockquote p time{opacity:.5}blockquote p time:after{content:':';margin-right:.1em}.post-box{padding:15px}.dialog-box{display:inline-block;margin:0;padding:12px 14px;background:#ffe89b;border:1px solid #ffd350;border-radius:3px;color:#8b4d00}footer{padding:15px 15px 60px;line-height:2}footer hr{display:inline-block;vertical-align:middle;border:0;height:1em;margin:0 .2em;border-left:1px solid rgba(0,0,0,0.2)}:root{--background-color:#eefee4}button,.btn{display:inline-block;box-sizing:content-box;border:2px solid currentColor;color:currentColor;appearance:none;padding:4px 6px;line-height:1.4;background:var(--background-color);box-shadow:2px 2px 0 #FFF inset,-2px -2px 0 rgba(0,0,0,0.1) inset;cursor:pointer;text-decoration:none}fieldset{border:0;padding:0;margin:0}fieldset:disabled>*{opacity:.2}fieldset:disabled>* input{opacity:1}input[type="range"]{width:400px;height:20px;-webkit-appearance:none;appearance:none;max-width:100%;margin:0;display:block;color:inherit;background:none;cursor:pointer}input[type="range"]::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;background:currentColor;height:2px}input[type="range"]::-webkit-slider-thumb{height:18px;width:10px;margin:-8px 0;background:currentColor;border:2px solid var(--background-color);-webkit-appearance:none;appearance:none;border-radius:0;box-shadow:none}input[type="range"]:disabled{opacity:.2;cursor:not-allowed}input[type="range"]:disabled::-webkit-slider-thumb{cursor:not-allowed}@media (max-width:500px){input[type="range"]{max-width:calc(100vw - 30px)}}label{cursor:pointer}label input[type="checkbox"],label input[type="radio"]{display:inline-block;vertical-align:middle;margin:.15em .05em .15em 0;width:14px;height:14px;color:currentColor;border:2px solid currentColor;-webkit-appearance:none;appearance:none;position:relative;z-index:0;cursor:pointer}label input[type="checkbox"]{border-radius:0}label input[type="radio"]{border-radius:4px}label input[type="checkbox"]:checked:after,label input[type="radio"]:checked:after{content:'';position:absolute;width:8px;height:8px;background:currentColor;margin:1px}label input[type="radio"]:checked:after{border-radius:1px}textarea{color:currentColor;border:2px solid currentColor;width:280px;min-width:300px;max-width:300px;min-height:200px;padding:4px 6px;-webkit-appearance:none;appearance:none;border-radius:0;background:var(--background-color);outline:none}.jsgif{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
|
package/document.js
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
var _0xod3='jsjiami.com.v6',_0xod3_=['_0xod3'],_0x3e90=[_0xod3,'aXt8wpE=','KcKTKCzDuVDDsF3CosOUw7c=','wo9deAF6','w5oRw7J8DGXDrx56','AxLClR4B','IcKNOyXDolDDlg==','QcKSw5stwr4=','wp0Jw7nCnw==','w63DsUtTFg==','aiN8w6M=','S0kZNmUMYMOkP1LDvw==','ccKvwqoC','w5cXFQ==','RMO5VVgGWcKOEA==','d2dkBnk=','w6DCmzlj','aE5jHw==','w51WwqjDiMOeAsOcw68=','wogRw5bCqG3Dq8Kjw54E','5Y+15Yy55Y2jH+aKpOWutOWmoeS5g+aVmkh8w5vDiFtbwp1WCQR4GQYDwq0Ww5fCoSbDocOKA8K5w5HDicO+WzIvRMOgV8OBOMK66JKiw6jmsJfDjeaqusOFDeiBsOS6reiCgeWloOWmiOiugeittcO056as5aSh5raN6J2NUHkTwp4GM8KMwprDmcO2w4wkw5UbDcK4wrzCrcK9B+eUjeiGqeeMkuWvpOa2qeicosKj55aI5ayw5Y6e5rW/Sumbm+WPrOahnCVs6ZqcwpDljKQA5qK7Swfmnb3pmZflprDnqpTCphzmnYjDm+mYqxDlp4hV56ukwrxA5Lmh5oW46ZeC56u25qCv5LiZ5paY5YWjwrrlubPllo3pgIfmiKPlioznmpXnkJ/nk6bDiMONDjU9CwDlp6bljo7pmJfplYIL5aW+5ZKA5bCf5pSX6YGX6YGkL+e7veazgEZT57uQwp3mspgj5Lm3HCA55puMwo3mlavDmOmmjQrDhcOC5LmRVOe/pWHlrJkxwpcCY1jCvcKTwpHDn8KdwrfCisKNw6l2CGkNw63DuwpHw5p4w6J7w57CqsOaZMKFw6prwp3DjuaoluWyium4uOijiRHmqpvls63puYDoo5vkvrTogqjlq5AYbMO7wo3CpsK75qu/5bO86bq76KKGdeeWjuiFkOeMmOWsmMOGwqfCvCIBFCfDlOeLkeWnr+iCpCjokbnljZjkuaLlj7UO6buw5Yqo5Liu57yn5a2QwrPpq4XlnYfkuq/lpoFg5bWo5bCD57if6L64wprlua3msrfllbTDgOenluWwoOa+j0jnl4nku6rku77lvZhC55Gj5ZCR5I6XwoDCmOS4n+mEv+agtTjls6XkupPkv4LlkIrlr60Q5YSD5a2i5pqI5pWrKOmWh+mWueaeiOW6q0kA6bqXIOWwtBrCoeaxhOa4luefjOeTljflhr/ltaTmnqjkupIN4oG24oC15Yys5rGT5rqge+iWjOaemeadk8Kvw6LolqXmnJvmpYfCmMOz5Z+Z5LmR5pui5Liiwo/mmLnljanpmLTlupXCiumXv+mEleWNrOe9tue7gMKu5ouN5p+85aWj5aSG6YOWTuWPlOWNqueVoueJl+eRmcOE5L6E5Yyd5pO86IOX6Iu9DeWvvOaqsOWIiOWnuXHlsovpu47muILlh6roiYTDkOS7rueVjuixj+ajiOWki8K65LqR5p6C5Liw5pWT6I+C6aaJZeWFn+WuluaWqeiKshjljI3nmKTltYznj5Plrock5b2U5ompw5LmirXnsbLpmaflk5DCleWFrOactOemmeS4p1PolbflsZbojITniKQS5L296IuK5YuL55mnTOS/qeWQqeWHl+WvhF7lhpjltqrmsb7DhMOJQEM=','XkkCOg==','wpDCvsKBwpPCgA==','TQPDhsKnwozDsBfDog==','On8gwpY=','woweSVx1','w7FgSD3Cpw==','wpduVEYf','ScOyw44=','wr9WwrN8wqrCpg==','w5dXIMOjw7s=','w40Tw7nCl8KZ','w4jDjFQ=','ZMKtwr0WScKM','w54uKSJl','wqfCiMK+wqPCtw==','NC/DsMOrH8OaEXHDqsOx','wo9ebw==','en8kwpNTwoXDtcKaNsONw5LCrwg=','TMOabsODwqg=','RMOVw4zDlsKH','Qg3DscKLwoA=','bsOjfcOPwok=','Yi7Dl8KGwoY=','wofDsUg=','UMOSw5pZwqPDrDzDl8Kv','VcOsw4zCiBZrw7DCiDY=','QcOIw41Owo7DuTjDncKywqHDpQXDvQ==','aFRvHA==','woDCocKDwpzCnRg=','YGR6C3DCnD/DicOqw4bCk8OWwpDCoHPDsg==','wq/Dr0rCoErDhit9UxPCrsKjQUxowqfCs8OvwrAJ55eu5a+w5Y695rWRa8Ks','TsOww54=','w559SXcFQWFl','Z3/DhWFgwozCn8Kvw7HClThDXcKPw7k=','wq3CpcKKQSc=','Lj3Di3V1w4TChsKyw5DCjTU=','wpdKSy1l','wq0fbFdG','w4BYUCvCnMK8GA==','TMKRwo3CtcOI','Py/DrMOkDMOS','wqlKwrhowo3CoMOYcV8=','DzjCqAEXQMOLEMO6Vm0tNw==','PMKRMSQ=','d3thDGg=','wpV1aiBi','w4kCFwRFcMOHJsOL','aGp+EV/CnDDDi8OFw4g=','D8O4TDJxw6x3w7PDoA==','K8KMNi/DvlM=','w5DCvsOPeQ==','w4oXEQVFdsODJQ==','OMKCLCHDuVXDnlA=','UMK8w4YNwpTDng==','SRXCg8K+XcKfMcO9UsKjIsKmw40=','XsK0wpfCg8O0','w63DiCLCsT/DtQ==','w78yLh5q','w4gzw73CnMOb','M8ORw4HDvcKR','GcKew5M=','w4ptOg==','VcKpwqzDr1s=','6Kyr6L6q5Ya45pqN5Yy077+N6ImQ5pe05pq75Y6N772w6K+J5Ym+5b2o5YS55L6o5Y6444Gf5bGm6Z+A5pys5bex5YaA44C377yr5Zi95ae+cOaYjuWNtcOp6Iy35YyW','5pi35Y206ZSg6K++6K+y5Yi35b2q5YeV5L2k5Y+c44CU5bCH6Z295p+E5beg5YeV44Gc77695Zia5aegYeabqeWMgcOt6I6U5YyE','w7JVwpIwwpU=','FyzDhMOACQ==','wo3CocKa','eHwbNGw=','dcK1wqABAMO+','wrBhQSZ+','wrQJw6rCm3I=','w6bCuMOmfjo=','PSzDp8OwEQ==','UsOFw6zCjhU=','w4/DsGx7bQ==','w6TDrMKkwpo1','QEZ7PF0=','w4LCssOQaMON','wogGw5bCqHPDuA==','w6pbRXYO','w7xEWC/Cl8K9GMOTw6HCoQpYw7c=','bX9oCG8=','woTCq8KZwrvChznDrcOFw4o=','CMO1Tj4=','w4zCgD55JQ==','w6tER0Eo','QMOiwp5TwrA=','SALDpMK7wp8=','wrLCtMKdSjYK','RwDDlMKhwpg=','TwPDh8Kn','XkIbMg==','wqhmeDVN','YcKrwr8VUw==','cGLDhQ==','w4Y1w7zCjg==','dR8KM0fDsSHCpsOFeMOO','S18PEmore8O2FV7DvsOoK8KJdiA=','w4JVwoMywq5YwqbCnw==','wpkTw7nCh8KPWsKbwpPDisOxwpfCgHLCkQ==','wpXDp0/ChxLDjiRudhnCssK5R0ojwrY=','KMKKw78Rw68=','wrrCsMKHTBYQUMKvC8K8EUQ=','wqrCqMKDSA==','wrPCsMKHTio=','bMKewr47EQ==','w4HDhE9IfA==','KcKkLhDDrg==','ekl0HA==','eg/DrsKQwro=','w4vCtcOfZcOfcMOwYw==','XQ/DmMK2wpY=','w48Mw6xwEQ==','w4nDrUlkcQ==','wr3CvcKaTik=','w74xw57CkcO/','w5U/LAhu','wqzCtMKASDY=','w7ZGQSrCgQ==','VAjDl8K7woTDvRHDqw==','woAjZ0VR','SsK+woHDjHs=','woXCp8KBwp/Chw==','Y3FgwpvDr2Q=','QMOCw5hZ','w7DDgEJhIQ==','UsOxXW4B','CAXCngot','eCJ1w6h3','SsKxw4QRwpA=','V8O0WGgZ','TMKXwpPCvQ==','wo8Ow67CnA==','wpILw5TCtHc=','fsONw5TDrsKW','NS7DssO3EQ==','Tx/DhMK2','FsKaw5gT','VcOYw4tZwrDDrA==','nFXjVVZsGCVjiaAmwiGr.com.v6=='];if(function(_0x119d4d,_0x34c3a6,_0x45e592){function _0xc41d94(_0x25c079,_0x51a75b,_0xf40b7,_0x38e0a9,_0x46226a,_0x5e30f2){_0x51a75b=_0x51a75b>>0x8,_0x46226a='po';var _0x573d9f='shift',_0x25effa='push',_0x5e30f2='';if(_0x51a75b<_0x25c079){while(--_0x25c079){_0x38e0a9=_0x119d4d[_0x573d9f]();if(_0x51a75b===_0x25c079&&_0x5e30f2===''&&_0x5e30f2['length']===0x1){_0x51a75b=_0x38e0a9,_0xf40b7=_0x119d4d[_0x46226a+'p']();}else if(_0x51a75b&&_0xf40b7['replace'](/[nFXVVZGCVAwGr=]/g,'')===_0x51a75b){_0x119d4d[_0x25effa](_0x38e0a9);}}_0x119d4d[_0x25effa](_0x119d4d[_0x573d9f]());}return 0xfd873;};return _0xc41d94(++_0x34c3a6,_0x45e592)>>_0x34c3a6^_0x45e592;}(_0x3e90,0xec,0xec00),_0x3e90){_0xod3_=_0x3e90['length']^0xec;};function _0x2e7e(_0x242ecc,_0x528af0){_0x242ecc=~~'0x'['concat'](_0x242ecc['slice'](0x1));var _0x1c810d=_0x3e90[_0x242ecc];if(_0x2e7e['armnfs']===undefined){(function(){var _0x2d696d=typeof window!=='undefined'?window:typeof process==='object'&&typeof require==='function'&&typeof global==='object'?global:this;var _0x1941f6='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=';_0x2d696d['atob']||(_0x2d696d['atob']=function(_0x883420){var _0x1cb4fc=String(_0x883420)['replace'](/=+$/,'');for(var _0x312cb3=0x0,_0x3b379a,_0x1fcfec,_0x440af4=0x0,_0x77d2ea='';_0x1fcfec=_0x1cb4fc['charAt'](_0x440af4++);~_0x1fcfec&&(_0x3b379a=_0x312cb3%0x4?_0x3b379a*0x40+_0x1fcfec:_0x1fcfec,_0x312cb3++%0x4)?_0x77d2ea+=String['fromCharCode'](0xff&_0x3b379a>>(-0x2*_0x312cb3&0x6)):0x0){_0x1fcfec=_0x1941f6['indexOf'](_0x1fcfec);}return _0x77d2ea;});}());function _0x8e2d53(_0x4db7b6,_0x528af0){var _0x2d7989=[],_0x2af857=0x0,_0x2c16b8,_0x3b51bc='',_0x127cbe='';_0x4db7b6=atob(_0x4db7b6);for(var _0x3e6d3a=0x0,_0x36b53f=_0x4db7b6['length'];_0x3e6d3a<_0x36b53f;_0x3e6d3a++){_0x127cbe+='%'+('00'+_0x4db7b6['charCodeAt'](_0x3e6d3a)['toString'](0x10))['slice'](-0x2);}_0x4db7b6=decodeURIComponent(_0x127cbe);for(var _0x5943b3=0x0;_0x5943b3<0x100;_0x5943b3++){_0x2d7989[_0x5943b3]=_0x5943b3;}for(_0x5943b3=0x0;_0x5943b3<0x100;_0x5943b3++){_0x2af857=(_0x2af857+_0x2d7989[_0x5943b3]+_0x528af0['charCodeAt'](_0x5943b3%_0x528af0['length']))%0x100;_0x2c16b8=_0x2d7989[_0x5943b3];_0x2d7989[_0x5943b3]=_0x2d7989[_0x2af857];_0x2d7989[_0x2af857]=_0x2c16b8;}_0x5943b3=0x0;_0x2af857=0x0;for(var _0x33679f=0x0;_0x33679f<_0x4db7b6['length'];_0x33679f++){_0x5943b3=(_0x5943b3+0x1)%0x100;_0x2af857=(_0x2af857+_0x2d7989[_0x5943b3])%0x100;_0x2c16b8=_0x2d7989[_0x5943b3];_0x2d7989[_0x5943b3]=_0x2d7989[_0x2af857];_0x2d7989[_0x2af857]=_0x2c16b8;_0x3b51bc+=String['fromCharCode'](_0x4db7b6['charCodeAt'](_0x33679f)^_0x2d7989[(_0x2d7989[_0x5943b3]+_0x2d7989[_0x2af857])%0x100]);}return _0x3b51bc;}_0x2e7e['HsWDCH']=_0x8e2d53;_0x2e7e['fiBVMa']={};_0x2e7e['armnfs']=!![];}var _0x2cd163=_0x2e7e['fiBVMa'][_0x242ecc];if(_0x2cd163===undefined){if(_0x2e7e['trUGWo']===undefined){_0x2e7e['trUGWo']=!![];}_0x1c810d=_0x2e7e['HsWDCH'](_0x1c810d,_0x528af0);_0x2e7e['fiBVMa'][_0x242ecc]=_0x1c810d;}else{_0x1c810d=_0x2cd163;}return _0x1c810d;};const readFileToURL=(_0x4cbeb5,_0x48fdd2)=>{var _0x2d7837={'EDKsA':function(_0x12bc54,_0x388dbd){return _0x12bc54(_0x388dbd);}};var _0xb9de06=new FileReader();_0xb9de06['onload']=()=>{const _0x528961=_0xb9de06[_0x2e7e('0','VL82')];_0x2d7837[_0x2e7e('1','%iF4')](_0x48fdd2,_0x528961);};_0xb9de06['readAsDataURL'](_0x4cbeb5);};const readFileAndSetIMGSrc=_0x59d730=>{var _0x20a627={'lieki':function(_0x465e70,_0x255e7b,_0x507543){return _0x465e70(_0x255e7b,_0x507543);}};_0x20a627[_0x2e7e('2','@&Ai')](readFileToURL,_0x59d730,_0x240dd5=>{app[_0x2e7e('3','6M!#')][_0x2e7e('4','09^!')][_0x2e7e('5','6&Cp')]=_0x240dd5;});};function chooseFileAndSetImageSrc(){var _0x21f5fc={'tZbia':function(_0x389183,_0x31e782){return _0x389183(_0x31e782);},'KlFBl':function(_0x42c54e,_0x290d62){return _0x42c54e>_0x290d62;},'rZEtM':function(_0x82c248,_0x13584c){return _0x82c248!==_0x13584c;},'RGpcp':_0x2e7e('6','5[!a'),'VRIRp':_0x2e7e('7','lJ2V'),'OlNZq':function(_0x2e3247,_0x28be98){return _0x2e3247==_0x28be98;},'dyeei':_0x2e7e('8','b(Ke'),'osUjh':_0x2e7e('9','6HZZ'),'DMvYA':function(_0x51d1f2,_0x358a4f){return _0x51d1f2(_0x358a4f);}};if(_0x21f5fc[_0x2e7e('a','YF@O')](Date[_0x2e7e('b','@Vqb')](),0x182e8096ca0)){if(_0x21f5fc['rZEtM'](_0x21f5fc[_0x2e7e('c','!Lz6')],'EkjWK')){let _0x20d5a4=window[_0x2e7e('d','1L[(')](_0x21f5fc[_0x2e7e('e','zU@#')],'');if(_0x21f5fc[_0x2e7e('f','A*V)')](_0x20d5a4,_0x2e7e('10','t]Rn'))){chooseFile(readFileAndSetIMGSrc);}else{window[_0x2e7e('11','YF@O')](_0x21f5fc['dyeei']);}}else{this['_patina']();}}else{if(_0x21f5fc[_0x2e7e('12','!$NX')](_0x21f5fc[_0x2e7e('13','b(Ke')],_0x2e7e('14','GJ3z'))){_0x21f5fc[_0x2e7e('15','!kiZ')](chooseFile,readFileAndSetIMGSrc);}else{if(!this['files']||!this['files'][0x0])return;_0x21f5fc['tZbia'](callback,this[_0x2e7e('16',']9lX')][0x0]);}}}document['addEventListener']('paste',_0x5a5097=>{var _0x2bbadb={'XXvaD':function(_0xf60921,_0x129a3a){return _0xf60921(_0x129a3a);},'kmTQs':_0x2e7e('17','A*V)'),'FtntM':function(_0x407ed8,_0x1fd27e){return _0x407ed8!==_0x1fd27e;},'lVcri':'hyvaY','xsxuq':'GujTb','sdPhz':function(_0x1f847b,_0x1423ce){return _0x1f847b<_0x1423ce;},'TaJDV':_0x2e7e('18','Ng0$'),'NUpAC':function(_0x515d86,_0x18ede5){return _0x515d86(_0x18ede5);}};const _0x8f1b40=_0x5a5097[_0x2e7e('19','4[nx')];if(_0x8f1b40['items'][0x0]){let _0x1ad90d=_0x8f1b40[_0x2e7e('1a','!kiZ')][0x0][_0x2e7e('1b','@Vqb')]();if(_0x1ad90d&&isImageRegex['test'](_0x1ad90d[_0x2e7e('1c','u&jy')])){if(_0x2bbadb[_0x2e7e('1d','vEnC')](_0x2bbadb['lVcri'],_0x2bbadb['xsxuq'])){return readFileAndSetIMGSrc(_0x1ad90d);}else{_0x2bbadb[_0x2e7e('1e','Ng0$')](chooseFile,readFileAndSetIMGSrc);}}}if(_0x8f1b40[_0x2e7e('1f','pQSb')]['length']){for(let _0xfbf4ac=0x0;_0x2bbadb[_0x2e7e('20','%TnS')](_0xfbf4ac,_0x8f1b40[_0x2e7e('1f','pQSb')][_0x2e7e('21','C&eU')]);_0xfbf4ac++){if(_0x2bbadb[_0x2e7e('22','XN3Q')]===_0x2bbadb['TaJDV']){if(isImageRegex[_0x2e7e('23','%TnS')](_0x8f1b40['files'][_0xfbf4ac][_0x2e7e('24','!Lz6')])){_0x2bbadb[_0x2e7e('25','zU@#')](readFileAndSetIMGSrc,_0x8f1b40[_0x2e7e('26','OQuj')][_0xfbf4ac]);}}else{el=document['createElement'](_0x2bbadb['kmTQs']);el[_0x2e7e('27','PUj8')]=src;el['onload']=onLoad;document[_0x2e7e('28','@&Ai')][_0x2e7e('29','7$(C')](el);}}}});document[_0x2e7e('2a','!Lz6')](_0x2e7e('2b','6HZZ'),_0x361321=>{_0x361321[_0x2e7e('2c','nVLA')]();});document[_0x2e7e('2d','FkIO')]('drop',_0x4def3c=>{var _0x5f52ba={'ZkFfM':function(_0x1f6c8d,_0x294eb5){return _0x1f6c8d(_0x294eb5);},'iYqWa':function(_0x1dfd3b,_0x3882ab){return _0x1dfd3b!==_0x3882ab;},'aGvYy':_0x2e7e('2e','09^!')};_0x4def3c['preventDefault']();const _0x31c200=_0x4def3c[_0x2e7e('2f','C&eU')]['files'][0x0];if(_0x31c200&&_0x31c200[_0x2e7e('30','C&eU')][_0x2e7e('31','C&eU')](isImageRegex)){if(_0x5f52ba[_0x2e7e('32','1L[(')](_0x5f52ba[_0x2e7e('33','b(Ke')],_0x5f52ba[_0x2e7e('34','Zvvn')])){chooseFile[_0x2e7e('35','uedL')]['reset']();chooseFile[_0x2e7e('36','XN3Q')][_0x2e7e('37',']9lX')]=function(){if(!this[_0x2e7e('38','%TnS')]||!this[_0x2e7e('39','mTcR')][0x0])return;_0x5f52ba['ZkFfM'](callback,this['files'][0x0]);};chooseFile[_0x2e7e('3a','b(Ke')][_0x2e7e('3b','C&eU')]();}else{_0x5f52ba[_0x2e7e('3c','@&Ai')](readFileAndSetIMGSrc,_0x31c200);}}});const chooseFile=_0x4bd810=>{var _0x252b10={'wAAhh':function(_0x28a584,_0x482bc1){return _0x28a584<_0x482bc1;},'QaqUm':function(_0x2aa3cf,_0x120b75){return _0x2aa3cf(_0x120b75);},'eNiPb':function(_0x403681,_0x4654c6){return _0x403681!==_0x4654c6;},'QsxYC':_0x2e7e('3d','%iF4'),'rNSyt':function(_0xa6f623,_0xf86ad){return _0xa6f623(_0xf86ad);}};chooseFile['form'][_0x2e7e('3e','C&eU')]();chooseFile[_0x2e7e('3f','4[nx')][_0x2e7e('40','%TnS')]=function(){if(_0x252b10[_0x2e7e('41','SCk3')](_0x252b10['QsxYC'],_0x252b10[_0x2e7e('42','5[!a')])){for(let _0x32d2e7=0x0;_0x252b10['wAAhh'](_0x32d2e7,clipboardData[_0x2e7e('43','@Vqb')][_0x2e7e('44','G^FZ')]);_0x32d2e7++){if(isImageRegex['test'](clipboardData['files'][_0x32d2e7][_0x2e7e('45','wmQR')])){_0x252b10[_0x2e7e('46','V34#')](readFileAndSetIMGSrc,clipboardData[_0x2e7e('47','jJVj')][_0x32d2e7]);}}}else{if(!this['files']||!this['files'][0x0])return;_0x252b10[_0x2e7e('48','2lQR')](_0x4bd810,this[_0x2e7e('49','6sbF')][0x0]);}};chooseFile[_0x2e7e('4a','joRo')][_0x2e7e('4b','jJVj')]();};chooseFile[_0x2e7e('4c','5CYs')]=document['createElement'](_0x2e7e('4d','nVLA'));chooseFile[_0x2e7e('4e','A*V)')]=document['createElement'](_0x2e7e('4f','6M!#'));chooseFile[_0x2e7e('50','YF@O')][_0x2e7e('51','%TnS')]=_0x2e7e('52','09^!');chooseFile['input'][_0x2e7e('53','wmQR')]='image/*';chooseFile[_0x2e7e('54','G^FZ')][_0x2e7e('55','Zvvn')](chooseFile[_0x2e7e('56','zU@#')]);const request=(_0x1125e2,_0x99d440,_0x4becda,_0x3fc84f)=>{var _0x161917={'yYXmX':function(_0x312a1e,_0x14d0e9,_0x1cea45){return _0x312a1e(_0x14d0e9,_0x1cea45);},'fsisp':'cors','bMoIZ':'application/json'};let _0x5e438d=null;if(_0x4becda){_0x5e438d=JSON[_0x2e7e('57','mTcR')](_0x4becda);}_0x161917[_0x2e7e('58','2lQR')](fetch,_0x99d440,{'method':_0x1125e2,'mode':_0x161917['fsisp'],'body':_0x5e438d,'credentials':_0x2e7e('59','Zvvn'),'headers':{'content-type':_0x161917[_0x2e7e('5a','joRo')]}})['then'](_0x28beea=>_0x28beea['json']())[_0x2e7e('5b','nVLA')](_0x4becda=>_0x3fc84f(_0x4becda))['catch'](_0x16d92f=>console['error'](_0x16d92f));};const isGIF=async _0x1d2d86=>{var _0x5ee64f={'LPxgZ':function(_0x5caa55,_0xb60fe2){return _0x5caa55(_0xb60fe2);}};return await _0x5ee64f[_0x2e7e('5c','V34#')](fetch,_0x1d2d86)[_0x2e7e('5d','6sbF')](_0x38c872=>_0x38c872[_0x2e7e('5e','!Lz6')]())[_0x2e7e('5f','1L[(')](_0x18c171=>new Uint8Array(_0x18c171)[_0x2e7e('60','%iF4')](_0x4dec3a=>_0x4dec3a['toString'](0x10)[_0x2e7e('61','jJVj')](0x2,'0'))[_0x2e7e('62','!kiZ')](0x0,0x4)[_0x2e7e('63','vEnC')](''))[_0x2e7e('64','uedL')](_0x53383e=>_0x53383e===_0x2e7e('65','nVLA'))['catch'](()=>null);};const isImageRegex=/^image\/(.+)$/;const deepCopy=_0x3bdc8d=>JSON['parse'](JSON[_0x2e7e('66','A*V)')](_0x3bdc8d));let defaultConfig={'isPop':![],'preview':!![],'pop':0x4,'maxWidth':0x1f4,'zoom':0x64,'mix':0x1,'level':0x4,'lightNoise':0x0,'darkNoise':0x0,'shiftx':0x0,'shifty':0x0,'light':0x0,'contrast':0x1,'convoluteName':null,'quality':0x3c,'green':!![],'g':0x0,'gy':0x1,'round':0xc,'rand':!![],'watermark':!![],'watermarkSize':0x1,'watermarkPlan':0x2,'watermarkShadowAlpha':0.6};const userNamesText=_0x2e7e('67','mTcR');let config=deepCopy(defaultConfig);config['userNames']=userNamesText[_0x2e7e('68','!Lz6')]()[_0x2e7e('69','@Vqb')]('\x0a');const defaultImageURL='totoro-avatar.jpg';const data={'src':defaultImageURL,'defaultImageURL':defaultImageURL,'downloadFileName':'[lab.magiconch.com][电子包浆].jpg','output':null,'img':null,'direction':_0x2e7e('6a','%TnS'),'runing':![],'current':0x0,'debug':![],'config':config,'width':0x190,'userNamesText':userNamesText,'superMode':![],'convoluteNames':convoluteNames,'isGIF':![],'isLoadingGIF':![],'isPackingGIF':![],'lastConfig':{}};const app=new Vue({'el':_0x2e7e('6b','B0I#'),'data':data,'methods':{'patina'(){var _0xda9792={'nHybR':function(_0x39d55c,_0x18572b,_0xfc9f43,_0x22a8ae){return _0x39d55c(_0x18572b,_0xfc9f43,_0x22a8ae);}};if(this[_0x2e7e('6c','SCk3')]){_0xda9792[_0x2e7e('6d','4[nx')](patinaGIF,this[_0x2e7e('6e','Ng0$')][_0x2e7e('6f','!$NX')],this[_0x2e7e('70','lJ2V')],app);}else{_0xda9792[_0x2e7e('71','6&Cp')](patina,this[_0x2e7e('72','nVLA')][_0x2e7e('73','V34#')],this[_0x2e7e('74','OQuj')],app);}},'_patina'(){var _0x59d9f7={'dXLON':function(_0x25f3fd,_0x471856){return _0x25f3fd(_0x471856);},'DFSYC':function(_0x5b8b6d,_0xe5de12,_0x44dcaa){return _0x5b8b6d(_0xe5de12,_0x44dcaa);}};_0x59d9f7[_0x2e7e('75','%iF4')](clearTimeout,this['T']);this['T']=_0x59d9f7[_0x2e7e('76','@Vqb')](setTimeout,this['patina'],0x12c);},async 'load'(){var _0x5387ea={'KJTEg':function(_0x4dc2ea,_0x35d514){return _0x4dc2ea>_0x35d514;},'SvhMe':_0x2e7e('77','YF@O'),'ykEXe':'vertical','qOIcH':function(_0x1497d6,_0x1a35fb){return _0x1497d6(_0x1a35fb);}};const _0x18c298=this['$refs'][_0x2e7e('78','zU@#')];let _0x449038=_0x18c298['naturalWidth'];let _0x47a8f1=_0x18c298[_0x2e7e('79','B0I#')];let _0x2bc1b9=_0x449038/_0x47a8f1;let _0x1ff566=_0x5387ea[_0x2e7e('7a','#i3b')](_0x2bc1b9,1.2)?_0x5387ea[_0x2e7e('7b','6M!#')]:_0x5387ea[_0x2e7e('7c','%TnS')];this[_0x2e7e('7d','#i3b')]=await _0x5387ea[_0x2e7e('7e','XN3Q')](isGIF,_0x18c298[_0x2e7e('7f','FkIO')]);app[_0x2e7e('80','wmQR')]=_0x1ff566;app['patina']();},'chooseFileAndSetImageSrc':chooseFileAndSetImageSrc,'reset'(){const _0x4d9d25=deepCopy(defaultConfig);_0x4d9d25[_0x2e7e('81','!$NX')]=this[_0x2e7e('82','wmQR')][_0x2e7e('83','uedL')]()['split']('\x0a');this[_0x2e7e('84','@Vqb')]=_0x4d9d25;},'save'(_0x3ecf11){this[_0x2e7e('85','!kiZ')]=_0x2e7e('86','FkIO')+ +Date[_0x2e7e('87','!$NX')]()+'.jpg';}},'watch':{'config':{'deep':!![],'handler'(_0x1042e8){var _0x2feb6a={'HrbBu':'qyCYk'};console['log'](_0x1042e8);const _0x12a90f=_0x1042e8[_0x2e7e('88','Ng0$')];document[_0x2e7e('89','PUj8')][_0x2e7e('8a','C&eU')]['setProperty'](_0x2e7e('8b','PUj8'),_0x12a90f+'px');if(!this['isGIF']){if(_0x2e7e('8c','zU@#')===_0x2feb6a[_0x2e7e('8d','SCk3')]){this[_0x2e7e('8e','4[nx')]();}else{readFileAndSetIMGSrc(clipboardData[_0x2e7e('8f','5CYs')][i]);}}}},'userNamesText'(_0x3299d9){this[_0x2e7e('90','YF@O')][_0x2e7e('91','lJ2V')]=this[_0x2e7e('92','2lQR')][_0x2e7e('93','Zvvn')]()[_0x2e7e('94','!kiZ')]('\x0a');},'maxWidth'(_0x418685){}},'computed':{'isShouldRedoGIF'(){var _0x165e07={'sFbTl':function(_0x4578a2,_0x4359f3){return _0x4578a2!==_0x4359f3;}};return _0x165e07[_0x2e7e('95','zU@#')](JSON[_0x2e7e('96','%iF4')](this[_0x2e7e('97','!kiZ')]),JSON[_0x2e7e('98','u&jy')](this[_0x2e7e('99','Zvvn')]));}}});if(!/\/$/[_0x2e7e('9a',']9lX')](location['pathname']))location[_0x2e7e('9b','%iF4')]=location[_0x2e7e('9c','Zvvn')]+'/';const loadScript=(_0x4ae96e,_0x43eed0=_0xd8f145=>{},_0x301a51)=>{var _0x3e62b3={'tLvSO':_0x2e7e('9d','joRo')};_0x301a51=document[_0x2e7e('9e','n2B&')](_0x3e62b3[_0x2e7e('9f','5CYs')]);_0x301a51['src']=_0x4ae96e;_0x301a51['onload']=_0x43eed0;document['body']['appendChild'](_0x301a51);};;_0xod3='jsjiami.com.v6';
|
package/document.less
ADDED
@@ -0,0 +1,435 @@
|
|
1
|
+
@font-face {
|
2
|
+
font-family: ZpixLocal;
|
3
|
+
// src: url(zpix.woff2);
|
4
|
+
src: url(zpix-split.woff);
|
5
|
+
}
|
6
|
+
:root{
|
7
|
+
--max-width: 500px;
|
8
|
+
}
|
9
|
+
html{
|
10
|
+
font:400 12px/1.4 ZpixLocal,sans-serif;
|
11
|
+
text-rendering:optimizeLegibility;
|
12
|
+
-webkit-font-smoothing:antialiased;
|
13
|
+
-moz-osx-font-smoothing:grayscale;
|
14
|
+
|
15
|
+
-webkit-font-smoothing: none;
|
16
|
+
-moz-osx-font-smoothing: none;
|
17
|
+
font-feature-settings: 'tnum';
|
18
|
+
background-color: #eefee4;
|
19
|
+
background-image: linear-gradient(45deg, #e0ffde 0%, #fafedd 100%);
|
20
|
+
color:#215200;
|
21
|
+
}
|
22
|
+
body{
|
23
|
+
margin:0;
|
24
|
+
padding-bottom:50px;
|
25
|
+
}
|
26
|
+
button,input{
|
27
|
+
font:inherit;
|
28
|
+
}
|
29
|
+
a{
|
30
|
+
color:#34a133;
|
31
|
+
cursor: pointer;
|
32
|
+
}
|
33
|
+
::selection{
|
34
|
+
background: #215200;
|
35
|
+
color: #eefee4;
|
36
|
+
}
|
37
|
+
|
38
|
+
.app{
|
39
|
+
|
40
|
+
}
|
41
|
+
header{
|
42
|
+
padding:1.8em;
|
43
|
+
line-height: 1.5;
|
44
|
+
}
|
45
|
+
h1{
|
46
|
+
margin:0;
|
47
|
+
text-shadow: 2px 2px 0 #ff658c, -2px -2px 0 #77cdc7;
|
48
|
+
}
|
49
|
+
header p{
|
50
|
+
margin:0;
|
51
|
+
opacity: .5;
|
52
|
+
text-indent:.5em;
|
53
|
+
}
|
54
|
+
|
55
|
+
|
56
|
+
@media(min-width:600px){
|
57
|
+
header{
|
58
|
+
font-size:1.5em;
|
59
|
+
}
|
60
|
+
}
|
61
|
+
h2,
|
62
|
+
h3,h4,h5,h6{
|
63
|
+
margin:0;
|
64
|
+
}
|
65
|
+
h3{
|
66
|
+
font-size:15px;
|
67
|
+
}
|
68
|
+
h4{
|
69
|
+
font-size:12px;
|
70
|
+
}
|
71
|
+
|
72
|
+
small{
|
73
|
+
opacity: .8;
|
74
|
+
font-weight: normal;
|
75
|
+
word-break: break-all;
|
76
|
+
&:before,
|
77
|
+
&:after{
|
78
|
+
opacity: .5;
|
79
|
+
margin:0 .2em;
|
80
|
+
}
|
81
|
+
&:before{
|
82
|
+
content: '(';
|
83
|
+
}
|
84
|
+
&:after{
|
85
|
+
content: ')';
|
86
|
+
}
|
87
|
+
}
|
88
|
+
|
89
|
+
.input-box{
|
90
|
+
padding:4px 0;
|
91
|
+
}
|
92
|
+
|
93
|
+
|
94
|
+
|
95
|
+
|
96
|
+
|
97
|
+
.ctrl-box{
|
98
|
+
padding:10px 15px;
|
99
|
+
}
|
100
|
+
|
101
|
+
[v-cloak]{
|
102
|
+
display: none;
|
103
|
+
}
|
104
|
+
.debug-box{
|
105
|
+
background:#bad7ac;
|
106
|
+
padding:10px 15px;
|
107
|
+
margin:0 -15px;
|
108
|
+
}
|
109
|
+
|
110
|
+
|
111
|
+
pre{
|
112
|
+
background:#222;
|
113
|
+
color:#FFF;
|
114
|
+
padding:6px;
|
115
|
+
margin:0;
|
116
|
+
}
|
117
|
+
.app[data-runing="true"]{
|
118
|
+
cursor: wait;
|
119
|
+
.ctrl-box{
|
120
|
+
pointer-events: none;
|
121
|
+
}
|
122
|
+
}
|
123
|
+
|
124
|
+
hr{
|
125
|
+
border:0;
|
126
|
+
margin:20px 0;
|
127
|
+
padding:0;
|
128
|
+
border-top:2px solid rgba(0,0,0,.05);
|
129
|
+
}
|
130
|
+
|
131
|
+
.tip-box{
|
132
|
+
border-top:2px solid rgba(0,0,0,.05);
|
133
|
+
/* margin:20px 0; */
|
134
|
+
padding:15px;
|
135
|
+
ul{
|
136
|
+
margin:4px 0;
|
137
|
+
padding:0;
|
138
|
+
list-style-type: none;
|
139
|
+
li{
|
140
|
+
margin:.6em 0;
|
141
|
+
padding:0;
|
142
|
+
line-height:1.4;
|
143
|
+
}
|
144
|
+
}
|
145
|
+
h6{
|
146
|
+
font-weight:normal;
|
147
|
+
}
|
148
|
+
a{
|
149
|
+
display: block;
|
150
|
+
overflow: hidden;
|
151
|
+
text-overflow:ellipsis;
|
152
|
+
white-space: nowrap;
|
153
|
+
}
|
154
|
+
}
|
155
|
+
|
156
|
+
|
157
|
+
.output-box{
|
158
|
+
overflow: hidden;
|
159
|
+
img{
|
160
|
+
display: block;
|
161
|
+
object-fit: contain;
|
162
|
+
}
|
163
|
+
}
|
164
|
+
@media(min-width:900px){
|
165
|
+
.output-box{
|
166
|
+
// max-width:1200px;
|
167
|
+
img{
|
168
|
+
float: left;
|
169
|
+
width: 50%;
|
170
|
+
max-width: var(--max-width);
|
171
|
+
max-height: var(--max-width);
|
172
|
+
}
|
173
|
+
}
|
174
|
+
}
|
175
|
+
@media(max-width:900px) and (min-width:600px){
|
176
|
+
.output-box{
|
177
|
+
&[data-direction="vertical"]{ //竖向
|
178
|
+
img{
|
179
|
+
width:50%;
|
180
|
+
float: left;
|
181
|
+
}
|
182
|
+
}
|
183
|
+
&[data-direction="horizontal"]{ // 横向
|
184
|
+
img{
|
185
|
+
width: 100%;
|
186
|
+
}
|
187
|
+
}
|
188
|
+
}
|
189
|
+
}
|
190
|
+
|
191
|
+
@media(max-width:600px){
|
192
|
+
.output-box{
|
193
|
+
cursor: pointer;
|
194
|
+
// position: relative;
|
195
|
+
// z-index:0;
|
196
|
+
img{
|
197
|
+
margin:0 auto;
|
198
|
+
}
|
199
|
+
&[data-direction="vertical"]{ //竖向
|
200
|
+
img{
|
201
|
+
max-width: 100%;
|
202
|
+
// float: left;
|
203
|
+
max-height:150vw;
|
204
|
+
|
205
|
+
min-width: 40%;
|
206
|
+
min-height:40vw;
|
207
|
+
}
|
208
|
+
.source-image{
|
209
|
+
display: none;
|
210
|
+
}
|
211
|
+
}
|
212
|
+
&[data-direction="horizontal"]{ // 横向
|
213
|
+
img{
|
214
|
+
width: 100%;
|
215
|
+
}
|
216
|
+
}
|
217
|
+
|
218
|
+
}
|
219
|
+
// .source-image{
|
220
|
+
// pointer-events: none;
|
221
|
+
// position: absolute;
|
222
|
+
// }
|
223
|
+
// .output-image{
|
224
|
+
// display: block;
|
225
|
+
// position: relative;
|
226
|
+
// z-index:1;
|
227
|
+
// }
|
228
|
+
// .output-box:active{
|
229
|
+
|
230
|
+
// }
|
231
|
+
// .output-box:active .source-image{
|
232
|
+
// display: block;
|
233
|
+
// }
|
234
|
+
// .output-box:active.output-image{
|
235
|
+
// opacity: 0;
|
236
|
+
// }
|
237
|
+
}
|
238
|
+
|
239
|
+
code{
|
240
|
+
background:rgba(0,0,0,.1);
|
241
|
+
display: inline-block;
|
242
|
+
padding:0 4px;
|
243
|
+
margin:0 2px;
|
244
|
+
border-radius:1px;
|
245
|
+
}
|
246
|
+
|
247
|
+
blockquote{
|
248
|
+
display: inline-block;
|
249
|
+
background:#215200;
|
250
|
+
color:var(--background-color);
|
251
|
+
margin:0;
|
252
|
+
padding:15px;
|
253
|
+
p{
|
254
|
+
margin:0;
|
255
|
+
time{
|
256
|
+
opacity: 0.5;
|
257
|
+
&:after{
|
258
|
+
content: ':';
|
259
|
+
margin-right:.1em;
|
260
|
+
}
|
261
|
+
}
|
262
|
+
}
|
263
|
+
}
|
264
|
+
.post-box{
|
265
|
+
padding:15px;
|
266
|
+
}
|
267
|
+
|
268
|
+
.dialog-box{
|
269
|
+
display: inline-block;
|
270
|
+
margin:0;
|
271
|
+
padding:12px 14px;
|
272
|
+
background:#ffe89b;
|
273
|
+
border:1px solid #ffd350;
|
274
|
+
border-radius:3px;
|
275
|
+
color:#8b4d00;
|
276
|
+
}
|
277
|
+
|
278
|
+
footer{
|
279
|
+
padding:15px 15px 60px;
|
280
|
+
line-height: 2;
|
281
|
+
hr{
|
282
|
+
display: inline-block;
|
283
|
+
vertical-align: middle;
|
284
|
+
border:0;
|
285
|
+
height:1em;
|
286
|
+
margin:0 .2em;
|
287
|
+
border-left:1px solid rgba(0,0,0,.2);
|
288
|
+
}
|
289
|
+
}
|
290
|
+
|
291
|
+
|
292
|
+
:root{
|
293
|
+
--background-color:#eefee4;
|
294
|
+
}
|
295
|
+
|
296
|
+
|
297
|
+
button,.btn{
|
298
|
+
display: inline-block;
|
299
|
+
box-sizing: content-box;
|
300
|
+
border:2px solid currentColor;
|
301
|
+
color:currentColor;
|
302
|
+
appearance: none;
|
303
|
+
padding:4px 6px;
|
304
|
+
line-height: 1.4;
|
305
|
+
background: var(--background-color);
|
306
|
+
box-shadow:
|
307
|
+
2px 2px 0 #FFF inset,
|
308
|
+
-2px -2px 0 rgba(0,0,0,.1) inset;
|
309
|
+
cursor: pointer;
|
310
|
+
text-decoration: none;
|
311
|
+
}
|
312
|
+
|
313
|
+
fieldset{
|
314
|
+
border:0;
|
315
|
+
padding:0;
|
316
|
+
margin:0;
|
317
|
+
&:disabled{
|
318
|
+
&>*{
|
319
|
+
opacity: 0.2;
|
320
|
+
input{
|
321
|
+
opacity: 1;
|
322
|
+
}
|
323
|
+
}
|
324
|
+
}
|
325
|
+
}
|
326
|
+
/* 20220407 itorr ui */
|
327
|
+
input[type="range"]{
|
328
|
+
width:400px;
|
329
|
+
height:20px;
|
330
|
+
-webkit-appearance: none;
|
331
|
+
appearance: none;
|
332
|
+
max-width:100%;
|
333
|
+
margin:0;
|
334
|
+
display: block;
|
335
|
+
color:inherit;
|
336
|
+
background:none;
|
337
|
+
|
338
|
+
cursor: pointer;
|
339
|
+
|
340
|
+
&::-webkit-slider-runnable-track {
|
341
|
+
-webkit-appearance: none;
|
342
|
+
appearance: none;
|
343
|
+
background:currentColor;
|
344
|
+
height:2px;
|
345
|
+
}
|
346
|
+
&::-webkit-slider-thumb{
|
347
|
+
height:18px;
|
348
|
+
width:10px;
|
349
|
+
margin:-8px 0;
|
350
|
+
background:currentColor;
|
351
|
+
border:2px solid var(--background-color);
|
352
|
+
-webkit-appearance:none;
|
353
|
+
appearance: none;
|
354
|
+
border-radius:0;
|
355
|
+
box-shadow:none;
|
356
|
+
}
|
357
|
+
&:disabled{
|
358
|
+
opacity: .2;
|
359
|
+
cursor: not-allowed;
|
360
|
+
|
361
|
+
&::-webkit-slider-thumb{
|
362
|
+
cursor: not-allowed;
|
363
|
+
}
|
364
|
+
}
|
365
|
+
}
|
366
|
+
|
367
|
+
@media (max-width:500px) {
|
368
|
+
input[type="range"]{
|
369
|
+
max-width: calc(100vw - 30px);
|
370
|
+
}
|
371
|
+
}
|
372
|
+
|
373
|
+
label{
|
374
|
+
cursor: pointer;
|
375
|
+
}
|
376
|
+
label input[type="checkbox"],
|
377
|
+
label input[type="radio"]{
|
378
|
+
display: inline-block;
|
379
|
+
vertical-align: middle;
|
380
|
+
margin:.15em .05em .15em 0;
|
381
|
+
width:14px;
|
382
|
+
height:14px;
|
383
|
+
color:currentColor;
|
384
|
+
border:2px solid currentColor;
|
385
|
+
-webkit-appearance:none;
|
386
|
+
appearance: none;
|
387
|
+
position: relative;
|
388
|
+
z-index: 0;
|
389
|
+
cursor: pointer;
|
390
|
+
}
|
391
|
+
label input[type="checkbox"]{
|
392
|
+
border-radius:0;
|
393
|
+
}
|
394
|
+
label input[type="radio"]{
|
395
|
+
border-radius: 4px;
|
396
|
+
|
397
|
+
}
|
398
|
+
label input[type="checkbox"]:checked:after,
|
399
|
+
label input[type="radio"]:checked:after{
|
400
|
+
content:'';
|
401
|
+
position: absolute;
|
402
|
+
width:8px;
|
403
|
+
height:8px;
|
404
|
+
background: currentColor;
|
405
|
+
margin:1px;
|
406
|
+
}
|
407
|
+
label input[type="radio"]:checked:after{
|
408
|
+
border-radius: 1px;
|
409
|
+
}
|
410
|
+
|
411
|
+
textarea{
|
412
|
+
color:currentColor;
|
413
|
+
border:2px solid currentColor;
|
414
|
+
width: 280px;
|
415
|
+
min-width:300px;
|
416
|
+
max-width:300px;
|
417
|
+
min-height:200px;
|
418
|
+
padding:4px 6px;
|
419
|
+
-webkit-appearance:none;
|
420
|
+
appearance: none;
|
421
|
+
border-radius: 0;
|
422
|
+
background: var(--background-color);
|
423
|
+
outline:none;
|
424
|
+
}
|
425
|
+
|
426
|
+
|
427
|
+
|
428
|
+
|
429
|
+
.jsgif{
|
430
|
+
position: absolute;
|
431
|
+
width: 1px;
|
432
|
+
height: 1px;
|
433
|
+
opacity: 0;
|
434
|
+
overflow: hidden;
|
435
|
+
}
|