diff --git a/public/novels/ae/en-US/bg.png b/public/novels/ae/en-US/bg.png new file mode 100644 index 00000000..ce347885 Binary files /dev/null and b/public/novels/ae/en-US/bg.png differ diff --git a/public/novels/ae/en-US/cancel.png b/public/novels/ae/en-US/cancel.png index 0c6fe553..48808b70 100644 Binary files a/public/novels/ae/en-US/cancel.png and b/public/novels/ae/en-US/cancel.png differ diff --git a/public/novels/ae/en-US/continue.png b/public/novels/ae/en-US/continue.png new file mode 100644 index 00000000..bdb49ddd Binary files /dev/null and b/public/novels/ae/en-US/continue.png differ diff --git a/public/novels/ae/en-US/continue.webp b/public/novels/ae/en-US/continue.webp deleted file mode 100644 index 7b2be0e0..00000000 Binary files a/public/novels/ae/en-US/continue.webp and /dev/null differ diff --git a/public/novels/ae/en-US/game.css b/public/novels/ae/en-US/game.css index 088e3565..aebbc2f4 100644 --- a/public/novels/ae/en-US/game.css +++ b/public/novels/ae/en-US/game.css @@ -108,7 +108,8 @@ p { height: 100%; top: 0px; left: 0px; - background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/background/bg.jpg) center /auto 100% no-repeat; + background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/background/bg.jpg) + center / auto 100% no-repeat; z-index: 520; display: none; } @@ -119,7 +120,8 @@ p { height: 100%; top: 0px; left: 0px; - background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/background/CG1.jpg) center /auto 100% no-repeat; + background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/background/CG1.jpg) + center / auto 100% no-repeat; z-index: 520; display: none; } @@ -130,7 +132,8 @@ p { height: 100%; top: 0px; left: 0px; - background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/catalog/dark.png) center /auto 100% no-repeat; + background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/catalog/dark.png) + center / auto 100% no-repeat; } .catalog-content-1A { @@ -298,7 +301,8 @@ p { height: 100%; top: 0px; left: 0px; - background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/achievement/portraitBg.jpg) center /auto 100% no-repeat; + background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/achievement/portraitBg.jpg) + center / auto 100% no-repeat; z-index: 520; display: none; } @@ -309,7 +313,8 @@ p { height: 100%; top: 0px; left: 0px; - background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/achievement/listBG.jpg) center /auto 100% no-repeat; + background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/achievement/listBG.jpg) + center / auto 100% no-repeat; z-index: 1200; display: none; } @@ -320,7 +325,8 @@ p { height: 100%; top: 0px; left: 0px; - background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/background/bg.jpg) center /auto 100% no-repeat; + background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/background/bg.jpg) + center / auto 100% no-repeat; z-index: 1300; display: none; } @@ -357,13 +363,13 @@ p { overflow: hidden; } -.progress-award-text{ +.progress-award-text { position: absolute; height: 2.1rem; width: 28.55rem; - left:0; - bottom:-0.1rem; - background-size:28.55rem 2.1rem; + left: 0; + bottom: -0.1rem; + background-size: 28.55rem 2.1rem; background-position: center; background-repeat: no-repeat; overflow: visible; @@ -414,7 +420,8 @@ p { width: 5.9rem; right: 0.75rem; bottom: 0.65rem; - background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/achievement/details.png) center /auto 100% no-repeat; + background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/achievement/details.png) + center / auto 100% no-repeat; cursor: pointer; } @@ -578,7 +585,7 @@ p { top: 0; left: 0; z-index: 901; - background: rgba(0, 0, 0, .6); + background: rgba(0, 0, 0, 0.6); overflow-x: auto; overflow-y: hidden; } @@ -628,7 +635,7 @@ p { top: 78%; left: 23%; z-index: 903; - background: url(/novels/ae/en-US/cancel.png) right /auto 100% no-repeat; + background: url(/novels/ae/en-US/cancel.png) right / auto 100% no-repeat; } .submit { @@ -638,7 +645,7 @@ p { top: 78%; right: 23%; z-index: 903; - background: url(/novels/ae/en-US/confirm.png) left /auto 100% no-repeat; + background: url(/novels/ae/en-US/confirm.png) left / auto 100% no-repeat; } .submit-center { @@ -648,7 +655,7 @@ p { top: 78%; right: 37.5%; z-index: 903; - background: url(/novels/ae/en-US/confirm.png) left /auto 100% no-repeat; + background: url(/novels/ae/en-US/confirm.png) left / auto 100% no-repeat; } .goto { @@ -706,7 +713,7 @@ p { top: 0; right: 0; z-index: 810; - background: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/close.png"); + background: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/close.png'); background-size: 100% 100%; background-position: center; cursor: pointer; @@ -734,7 +741,7 @@ p { bottom: 6rem; right: 0; z-index: 810; - background: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/remark.png"); + background: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/remark.png'); background-size: 100% 100%; background-position: center; } @@ -747,7 +754,7 @@ p { top: 0; right: 0; z-index: 810; - background: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/close.png"); + background: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/close.png'); background-size: 100% 100%; background-position: center; cursor: pointer; @@ -761,7 +768,7 @@ p { top: 0; right: 0; z-index: 810; - background: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/achievement/exit.png"); + background: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/achievement/exit.png'); background-size: 100% 100%; background-position: center; cursor: pointer; @@ -769,10 +776,8 @@ p { .buttonBar { position: absolute; - width: /*14rem*/ - 40rem; - height: /*2.3rem*/ - 3.6rem; + width: /*14rem*/ 40rem; + height: /*2.3rem*/ 3.6rem; margin: 0 1rem; top: 0; left: 0; @@ -781,13 +786,12 @@ p { .record_btn { position: absolute; - width: /*47%*/ - 6.4rem; + width: /*47%*/ 6.4rem; height: 100%; top: 0; left: 0; z-index: 810; - background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/save.png"); + background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/save.png'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; @@ -796,13 +800,12 @@ p { .read_record_btn { position: absolute; - width: /*47%*/ - 6.4rem; + width: /*47%*/ 6.4rem; height: 100%; top: 0; left: 6.4rem; z-index: 810; - background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/load.png"); + background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/load.png'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; @@ -824,7 +827,7 @@ p { height: 100%; bottom: 0; left: 6.4rem; - background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/auto.png"); + background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/auto.png'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; @@ -832,7 +835,7 @@ p { } .dialog-btn-autoplay-on { - background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/auto_1.png"); + background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/auto_1.png'); } .dialog-btn-history { @@ -841,7 +844,7 @@ p { height: 100%; top: 0; right: 0; - background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/log.png"); + background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/log.png'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; @@ -854,7 +857,7 @@ p { height: 100%; top: 0; left: 0; - background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/skip.png"); + background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/skip.png'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; @@ -862,7 +865,7 @@ p { } .dialog-btn-skip-on { - background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/skip_1.png"); + background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/skip_1.png'); } .menuscene { @@ -872,7 +875,8 @@ p { top: 0px; left: 0px; z-index: 400; - background: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/menu/back.jpg") black no-repeat; + background: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/menu/back.jpg') + black no-repeat; background-size: 100% auto; background-position: center; } @@ -882,11 +886,11 @@ p { width: 100%; height: 100%; z-index: 0; - background: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/menu/fg.png"); + background: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/menu/fg.png'); background-size: auto 100%; } -@media screen and (max-aspect-ratio:16/9) { +@media screen and (max-aspect-ratio: 16/9) { /*.menuscene{ position: absolute; width: 100%; @@ -902,14 +906,10 @@ p { .grid_layout { position: absolute; - right: /*35%*/ - 2.4rem; - bottom: /*43%*/ - 0.6rem; - width: /*30%*/ - 15rem; - height: /*50%*/ - 15rem; + right: /*35%*/ 2.4rem; + bottom: /*43%*/ 0.6rem; + width: /*30%*/ 15rem; + height: /*50%*/ 15rem; z-index: 1; border-collapse: collapse; } @@ -930,15 +930,15 @@ p { } .menu_btn_1 { - background-image: url("/novels/ae/en-US/newgame.png"); + background-image: url('/novels/ae/en-US/newgame.png'); } .menu_btn_2 { - background-image: url("/novels/ae/en-US/gallery.png"); + background-image: url('/novels/ae/en-US/gallery.png'); } .menu_btn_3 { - background-image: url("/novels/ae/en-US/history.png"); + background-image: url('/novels/ae/en-US/history.png'); } #loading { @@ -1035,36 +1035,35 @@ p { z-index: 810; } -@media screen and (max-aspect-ratio:16/9) { +@media screen and (max-aspect-ratio: 16/9) { .link { - position: absolute; - width: 27%; - height: 12%; - top: 72%; - left: 36%; - z-index: 1002; + position: absolute; + width: 27%; + height: 12%; + top: 72%; + left: 36%; + z-index: 1002; } .close_btn { - position: absolute; - width: 20%; - height: 12%; - top: 15%; - left: 75%; - z-index: 1002; + position: absolute; + width: 20%; + height: 12%; + top: 15%; + left: 75%; + z-index: 1002; } .tab { - position: absolute; - width: 19%; - height: 12%; - top: 72%; - left: 75%; - z-index: 1002; + position: absolute; + width: 19%; + height: 12%; + top: 72%; + left: 75%; + z-index: 1002; } } .choice { - padding: /*10px*/ - 1rem; + padding: /*10px*/ 1rem; margin: 13px 0 0 21px; cursor: pointer; background: rgba(64, 31, 40, 0.9); @@ -1110,22 +1109,20 @@ p { @keyframes mymove_left_center { from { - background-position: 10% 100%; + background-position: 10% 100%; } to { - background-position: bottom center; + background-position: bottom center; } } @-webkit-keyframes mymove_left_center -/*Safari and Chrome*/ - - { +/*Safari and Chrome*/ { from { - background-position: 10% 100%; + background-position: 10% 100%; } to { - background-position: bottom center; + background-position: bottom center; } } @@ -1167,22 +1164,20 @@ p { @keyframes mymove_left_right { from { - background-position: 10% 100%; + background-position: 10% 100%; } to { - background-position: 90% 100%; + background-position: 90% 100%; } } @-webkit-keyframes mymove_left_right -/*Safari and Chrome*/ - - { +/*Safari and Chrome*/ { from { - background-position: 10% 100%; + background-position: 10% 100%; } to { - background-position: 90% 100%; + background-position: 90% 100%; } } @@ -1224,22 +1219,20 @@ p { @keyframes mymove_center_right { from { - background-position: bottom center; + background-position: bottom center; } to { - background-position: 90% 100%; + background-position: 90% 100%; } } @-webkit-keyframes mymove_center_right -/*Safari and Chrome*/ - - { +/*Safari and Chrome*/ { from { - background-position: bottom center; + background-position: bottom center; } to { - background-position: 90% 100%; + background-position: 90% 100%; } } @@ -1281,22 +1274,20 @@ p { @keyframes mymove_right_center { from { - background-position: 90% 100%; + background-position: 90% 100%; } to { - background-position: bottom center; + background-position: bottom center; } } @-webkit-keyframes mymove_right_center -/*Safari and Chrome*/ - - { +/*Safari and Chrome*/ { from { - background-position: 90% 100%; + background-position: 90% 100%; } to { - background-position: bottom center; + background-position: bottom center; } } @@ -1338,22 +1329,20 @@ p { @keyframes mymove_right_left { from { - background-position: 90% 100%; + background-position: 90% 100%; } to { - background-position: 10% 100%; + background-position: 10% 100%; } } @-webkit-keyframes mymove_right_left -/*Safari and Chrome*/ - - { +/*Safari and Chrome*/ { from { - background-position: 90% 100%; + background-position: 90% 100%; } to { - background-position: 10% 100%; + background-position: 10% 100%; } } @@ -1395,22 +1384,20 @@ p { @keyframes mymove_center_left { from { - background-position: bottom center; + background-position: bottom center; } to { - background-position: 10% 100%; + background-position: 10% 100%; } } @-webkit-keyframes mymove_center_left -/*Safari and Chrome*/ - - { +/*Safari and Chrome*/ { from { - background-position: bottom center; + background-position: bottom center; } to { - background-position: 10% 100%; + background-position: 10% 100%; } } @@ -1466,16 +1453,12 @@ p { .dialog { position: absolute; - bottom: /*1%*/ - 1rem; - left: /*5%*/ - 1.75rem; - width: /*90%*/ - 42rem; - height: /*25%*/ - 7rem; + bottom: /*1%*/ 1rem; + left: /*5%*/ 1.75rem; + width: /*90%*/ 42rem; + height: /*25%*/ 7rem; z-index: 210; - background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/dialog.png"); + background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/dialog.png'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; @@ -1485,7 +1468,7 @@ p { .dialog_article { height: 21rem; - background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/dialogBig.png"); + background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/dialogBig.png'); } .history { @@ -1495,7 +1478,7 @@ p { width: 42rem; height: 21rem; z-index: 250; - background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/dialogBig.png"); + background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/dialogBig.png'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; @@ -1509,7 +1492,7 @@ p { width: 42rem; height: 21rem; z-index: 250; - background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/dialogBig.png"); + background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/dialogBig.png'); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; @@ -1517,8 +1500,7 @@ p { } .dialog-padding { - padding: /*12px 30px*/ - 1rem 2.5rem; + padding: /*12px 30px*/ 1rem 2.5rem; } .history-padding { @@ -1612,8 +1594,7 @@ p { } .history-choice { - padding: /*10px*/ - 1rem; + padding: /*10px*/ 1rem; margin: 13px 0 0 21px; cursor: pointer; background: rgba(64, 31, 40, 0.9); @@ -1628,8 +1609,7 @@ p { .dialog-chara { position: absolute; - bottom: /*30%*/ - 6.3rem; + bottom: /*30%*/ 6.3rem; left: 0.2rem; width: auto; height: 3.6rem; @@ -1647,17 +1627,17 @@ p { .dialog-chara-line.dialog-chara-left { width: 1.14rem; - background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/Label-L.png"); + background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/Label-L.png'); } .dialog-chara-line.dialog-chara-center { background-repeat: repeat; - background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/Label-M.png"); + background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/Label-M.png'); } .dialog-chara-line.dialog-chara-right { width: 2.4rem; - background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/Label-R.png"); + background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/resources/ui/Label-R.png'); } .dialog-chara-padding { @@ -1741,73 +1721,73 @@ p { @-ms-keyframes shake { 0% { - -ms-transform: translate(3px, 3px); + -ms-transform: translate(3px, 3px); } 25% { - -ms-transform: translate(-3px, -3px); + -ms-transform: translate(-3px, -3px); } 50% { - -ms-transform: translate(0px, 0px); + -ms-transform: translate(0px, 0px); } 75% { - -ms-transform: translate(3px, -3px); + -ms-transform: translate(3px, -3px); } 100% { - -ms-transform: translate(-3px, 3px); + -ms-transform: translate(-3px, 3px); } } @-moz-keyframes shake { 0% { - -moz-transform: translate(3px, 3px); + -moz-transform: translate(3px, 3px); } 25% { - -moz-transform: translate(-3px, -3px); + -moz-transform: translate(-3px, -3px); } 50% { - -moz-transform: translate(0px, 0px); + -moz-transform: translate(0px, 0px); } 75% { - -moz-transform: translate(3px, -3px); + -moz-transform: translate(3px, -3px); } 100% { - -moz-transform: translate(-3px, 3px); + -moz-transform: translate(-3px, 3px); } } @-webkit-keyframes shake { 0% { - -webkit-transform: translate(3px, 3px); + -webkit-transform: translate(3px, 3px); } 25% { - -webkit-transform: translate(-3px, -3px); + -webkit-transform: translate(-3px, -3px); } 50% { - -webkit-transform: translate(0px, 0px); + -webkit-transform: translate(0px, 0px); } 75% { - -webkit-transform: translate(3px, -3px); + -webkit-transform: translate(3px, -3px); } 100% { - -webkit-transform: translate(-3px, 3px); + -webkit-transform: translate(-3px, 3px); } } @keyframes shake { 0% { - transform: translate(3px, 3px); + transform: translate(3px, 3px); } 25% { - transform: translate(-3px, -3px); + transform: translate(-3px, -3px); } 50% { - transform: translate(0px, 0px); + transform: translate(0px, 0px); } 75% { - transform: translate(3px, -3px); + transform: translate(3px, -3px); } 100% { - transform: translate(-3px, 3px); + transform: translate(-3px, 3px); } } @@ -1977,7 +1957,7 @@ ul li { height: 12.5rem; right: 0; top: 0; - background-image: url(/novels/ae/en-US/Title.webp); + background-image: url(/novels/ae/en-US/bg.png); background-repeat: no-repeat; background-size: auto 100%; background-position: center; @@ -1993,73 +1973,73 @@ ul li { @-ms-keyframes updown { 0% { - -ms-transform: translate(0px, 0px); + -ms-transform: translate(0px, 0px); } 25% { - -ms-transform: translate(0px, 4px); + -ms-transform: translate(0px, 4px); } 50% { - -ms-transform: translate(0px, 0px); + -ms-transform: translate(0px, 0px); } 75% { - -ms-transform: translate(0px, -4px); + -ms-transform: translate(0px, -4px); } 100% { - -ms-transform: translate(0px, 0px); + -ms-transform: translate(0px, 0px); } } @-moz-keyframes updown { 0% { - -moz-transform: translate(0px, 0px); + -moz-transform: translate(0px, 0px); } 25% { - -moz-transform: translate(0px, 4px); + -moz-transform: translate(0px, 4px); } 50% { - -moz-transform: translate(0px, 0px); + -moz-transform: translate(0px, 0px); } 75% { - -moz-transform: translate(0px, -4px); + -moz-transform: translate(0px, -4px); } 100% { - -moz-transform: translate(0px, 0px); + -moz-transform: translate(0px, 0px); } } @-webkit-keyframes updown { 0% { - -webkit-transform: translate(0px, 0px); + -webkit-transform: translate(0px, 0px); } 25% { - -webkit-transform: translate(0px, 4px); + -webkit-transform: translate(0px, 4px); } 50% { - -webkit-transform: translate(0px, 0px); + -webkit-transform: translate(0px, 0px); } 75% { - -webkit-transform: translate(0px, -4px); + -webkit-transform: translate(0px, -4px); } 100% { - -webkit-transform: translate(0px, 0px); + -webkit-transform: translate(0px, 0px); } } @keyframes updown { 0% { - transform: translate(0px, 0px); + transform: translate(0px, 0px); } 25% { - transform: translate(0px, 4px); + transform: translate(0px, 4px); } 50% { - transform: translate(0px, 0px); + transform: translate(0px, 0px); } 75% { - transform: translate(0px, -4px); + transform: translate(0px, -4px); } 100% { - transform: translate(0px, 0px); + transform: translate(0px, 0px); } } @@ -2072,73 +2052,73 @@ ul li { @-ms-keyframes rightleft { 0% { - -ms-transform: translate(0px, 0px); + -ms-transform: translate(0px, 0px); } 25% { - -ms-transform: translate(4px, 0px); + -ms-transform: translate(4px, 0px); } 50% { - -ms-transform: translate(0px, 0px); + -ms-transform: translate(0px, 0px); } 75% { - -ms-transform: translate(-4px, 0px); + -ms-transform: translate(-4px, 0px); } 100% { - -ms-transform: translate(0px, 0px); + -ms-transform: translate(0px, 0px); } } @-moz-keyframes rightleft { 0% { - -moz-transform: translate(0px, 0px); + -moz-transform: translate(0px, 0px); } 25% { - -moz-transform: translate(4px, 0px); + -moz-transform: translate(4px, 0px); } 50% { - -moz-transform: translate(0px, 0px); + -moz-transform: translate(0px, 0px); } 75% { - -moz-transform: translate(-4px, 0px); + -moz-transform: translate(-4px, 0px); } 100% { - -moz-transform: translate(0px, 0px); + -moz-transform: translate(0px, 0px); } } @-webkit-keyframes rightleft { 0% { - -webkit-transform: translate(0px, 0px); + -webkit-transform: translate(0px, 0px); } 25% { - -webkit-transform: translate(4px, 0px); + -webkit-transform: translate(4px, 0px); } 50% { - -webkit-transform: translate(0px, 0px); + -webkit-transform: translate(0px, 0px); } 75% { - -webkit-transform: translate(-4px, 0px); + -webkit-transform: translate(-4px, 0px); } 100% { - -webkit-transform: translate(0px, 0px); + -webkit-transform: translate(0px, 0px); } } @keyframes rightleft { 0% { - transform: translate(0px, 0px); + transform: translate(0px, 0px); } 25% { - transform: translate(4px, 0px); + transform: translate(4px, 0px); } 50% { - transform: translate(0px, 0px); + transform: translate(0px, 0px); } 75% { - transform: translate(-4px, 0px); + transform: translate(-4px, 0px); } 100% { - transform: translate(0px, 0px); + transform: translate(0px, 0px); } } @@ -2151,73 +2131,73 @@ ul li { @-ms-keyframes rightleft { 0% { - -ms-transform: translate(0px, 0px); + -ms-transform: translate(0px, 0px); } 25% { - -ms-transform: translate(4px, 0px); + -ms-transform: translate(4px, 0px); } 50% { - -ms-transform: translate(0px, 0px); + -ms-transform: translate(0px, 0px); } 75% { - -ms-transform: translate(-4px, 0px); + -ms-transform: translate(-4px, 0px); } 100% { - -ms-transform: translate(0px, 0px); + -ms-transform: translate(0px, 0px); } } @-moz-keyframes rightleft { 0% { - -moz-transform: translate(0px, 0px); + -moz-transform: translate(0px, 0px); } 25% { - -moz-transform: translate(4px, 0px); + -moz-transform: translate(4px, 0px); } 50% { - -moz-transform: translate(0px, 0px); + -moz-transform: translate(0px, 0px); } 75% { - -moz-transform: translate(-4px, 0px); + -moz-transform: translate(-4px, 0px); } 100% { - -moz-transform: translate(0px, 0px); + -moz-transform: translate(0px, 0px); } } @-webkit-keyframes rightleft { 0% { - -webkit-transform: translate(0px, 0px); + -webkit-transform: translate(0px, 0px); } 25% { - -webkit-transform: translate(4px, 0px); + -webkit-transform: translate(4px, 0px); } 50% { - -webkit-transform: translate(0px, 0px); + -webkit-transform: translate(0px, 0px); } 75% { - -webkit-transform: translate(-4px, 0px); + -webkit-transform: translate(-4px, 0px); } 100% { - -webkit-transform: translate(0px, 0px); + -webkit-transform: translate(0px, 0px); } } @keyframes rightleft { 0% { - transform: translate(0px, 0px); + transform: translate(0px, 0px); } 25% { - transform: translate(4px, 0px); + transform: translate(4px, 0px); } 50% { - transform: translate(0px, 0px); + transform: translate(0px, 0px); } 75% { - transform: translate(-4px, 0px); + transform: translate(-4px, 0px); } 100% { - transform: translate(0px, 0px); + transform: translate(0px, 0px); } } @@ -2230,73 +2210,73 @@ ul li { @-ms-keyframes jump { 0% { - -ms-transform: translate(0px, 0px); + -ms-transform: translate(0px, 0px); } 25% { - -ms-transform: translate(0px, 15px); + -ms-transform: translate(0px, 15px); } 50% { - -ms-transform: translate(0px, 20px); + -ms-transform: translate(0px, 20px); } 75% { - -ms-transform: translate(0px, 15px); + -ms-transform: translate(0px, 15px); } 100% { - -ms-transform: translate(0px, 0px); + -ms-transform: translate(0px, 0px); } } @-moz-keyframes jump { 0% { - -moz-transform: translate(0px, 0px); + -moz-transform: translate(0px, 0px); } 25% { - -moz-transform: translate(0px, 15px); + -moz-transform: translate(0px, 15px); } 50% { - -moz-transform: translate(0px, 20px); + -moz-transform: translate(0px, 20px); } 75% { - -moz-transform: translate(0px, 15px); + -moz-transform: translate(0px, 15px); } 100% { - -moz-transform: translate(0px, 0px); + -moz-transform: translate(0px, 0px); } } @-webkit-keyframes jump { 0% { - -webkit-transform: translate(0px, 0px); + -webkit-transform: translate(0px, 0px); } 25% { - -webkit-transform: translate(0px, 15px); + -webkit-transform: translate(0px, 15px); } 50% { - -webkit-transform: translate(0px, 20px); + -webkit-transform: translate(0px, 20px); } 75% { - -webkit-transform: translate(0px, 15px); + -webkit-transform: translate(0px, 15px); } 100% { - -webkit-transform: translate(0px, 0px); + -webkit-transform: translate(0px, 0px); } } @keyframes jump { 0% { - transform: translate(0px, 0px); + transform: translate(0px, 0px); } 25% { - transform: translate(0px, 15px); + transform: translate(0px, 15px); } 50% { - transform: translate(0px, 20px); + transform: translate(0px, 20px); } 75% { - transform: translate(0px, 15px); + transform: translate(0px, 15px); } 100% { - transform: translate(0px, 0px); + transform: translate(0px, 0px); } } diff --git a/public/novels/ae/en-US/game.js b/public/novels/ae/en-US/game.js index 5139ce71..f09d9748 100644 --- a/public/novels/ae/en-US/game.js +++ b/public/novels/ae/en-US/game.js @@ -1366,7 +1366,7 @@ function systemAutoLoadStart(galgameKey) { .html( `
` ) - .css('background', "url('/novels/ae/en-US/continue.webp') no-repeat") + .css('background', "url('/novels/ae/en-US/continue.png') no-repeat") .css('background-size', 'auto 100%') .css('background-position', 'center') $('.cancel').click({ k: galgameKey }, function (e) { @@ -1729,7 +1729,7 @@ function add_record() { ) $('#confirm_1').css( 'background', - "url('/novels/ae/en-US/quicksave.webp') no-repeat" + "url('/novels/ae/en-US/quicksave.png') no-repeat" ) $('#confirm_1').css('background-size', 'auto 100%') $('#confirm_1').css('background-position', 'center') @@ -1743,7 +1743,7 @@ function get_record() { ) $('#confirm_1').css( 'background', - "url('/novels/ae/en-US/quickload.webp') no-repeat" + "url('/novels/ae/en-US/quickload.png') no-repeat" ) $('#confirm_1').css('background-size', 'auto 100%') $('#confirm_1').css('background-position', 'center') diff --git a/public/novels/ae/en-US/ok.png b/public/novels/ae/en-US/ok.png new file mode 100644 index 00000000..12b2b070 Binary files /dev/null and b/public/novels/ae/en-US/ok.png differ diff --git a/public/novels/ae/en-US/quickload.png b/public/novels/ae/en-US/quickload.png new file mode 100644 index 00000000..f8f3a7f5 Binary files /dev/null and b/public/novels/ae/en-US/quickload.png differ diff --git a/public/novels/ae/en-US/quickload.webp b/public/novels/ae/en-US/quickload.webp deleted file mode 100644 index 1621b639..00000000 Binary files a/public/novels/ae/en-US/quickload.webp and /dev/null differ diff --git a/public/novels/ae/en-US/quicksave.png b/public/novels/ae/en-US/quicksave.png new file mode 100644 index 00000000..643c2eb1 Binary files /dev/null and b/public/novels/ae/en-US/quicksave.png differ diff --git a/public/novels/ae/en-US/quicksave.webp b/public/novels/ae/en-US/quicksave.webp deleted file mode 100644 index 39a8550a..00000000 Binary files a/public/novels/ae/en-US/quicksave.webp and /dev/null differ