Fix duriduri en-US ui
|
Before Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 1.9 MiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 74 KiB |
@@ -1446,10 +1446,7 @@ function systemAutoLoadStart(galgameKey) {
|
|||||||
.html(
|
.html(
|
||||||
`<div class="cancel ${tl_css_lang}"></div><div class="submit ${tl_css_lang}" onclick="systemAutoLoad()"></div>`
|
`<div class="cancel ${tl_css_lang}"></div><div class="submit ${tl_css_lang}" onclick="systemAutoLoad()"></div>`
|
||||||
)
|
)
|
||||||
.css(
|
.css('background', "url('/novels/duriduri/en-US/continue.png') no-repeat")
|
||||||
'background',
|
|
||||||
"url('/novels/duriduri/ko-KR/continue.webp') no-repeat"
|
|
||||||
)
|
|
||||||
.css('background-size', 'auto 100%')
|
.css('background-size', 'auto 100%')
|
||||||
.css('background-position', 'center')
|
.css('background-position', 'center')
|
||||||
$('.cancel').click({ k: galgameKey }, function (e) {
|
$('.cancel').click({ k: galgameKey }, function (e) {
|
||||||
@@ -1803,7 +1800,7 @@ function add_record() {
|
|||||||
)
|
)
|
||||||
$('#confirm_1').css(
|
$('#confirm_1').css(
|
||||||
'background',
|
'background',
|
||||||
"url('/novels/duriduri/ko-KR/quicksave.webp') no-repeat"
|
"url('/novels/duriduri/en-US/quicksave.png') no-repeat"
|
||||||
)
|
)
|
||||||
$('#confirm_1').css('background-size', 'auto 100%')
|
$('#confirm_1').css('background-size', 'auto 100%')
|
||||||
$('#confirm_1').css('background-position', 'center')
|
$('#confirm_1').css('background-position', 'center')
|
||||||
@@ -1817,7 +1814,7 @@ function get_record() {
|
|||||||
)
|
)
|
||||||
$('#confirm_1').css(
|
$('#confirm_1').css(
|
||||||
'background',
|
'background',
|
||||||
"url('/novels/duriduri/ko-KR/quickload.webp') no-repeat"
|
"url('/novels/duriduri/en-US/quickload.png') no-repeat"
|
||||||
)
|
)
|
||||||
$('#confirm_1').css('background-size', 'auto 100%')
|
$('#confirm_1').css('background-size', 'auto 100%')
|
||||||
$('#confirm_1').css('background-position', 'center')
|
$('#confirm_1').css('background-position', 'center')
|
||||||
|
|||||||
@@ -1,17 +1,29 @@
|
|||||||
*{font-size: 1rem; margin:0; text-shadow: 3px 3px 3px rgba(0,0,0,0.5);-webkit-tap-highlight-color: rgba(0,0,0,0);overflow: hidden;}
|
* {
|
||||||
td {border: 0px black solid;}
|
font-size: 1rem;
|
||||||
td {text-align: center;}
|
margin: 0;
|
||||||
ul {margin: 0; padding: 0;}
|
text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5);
|
||||||
li {list-style: none; text-align: center; }
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
border: 0px black solid;
|
||||||
|
}
|
||||||
|
td {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
li {
|
||||||
|
list-style: none;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "htmlHeitiFamily";
|
font-family: 'htmlHeitiFamily';
|
||||||
src:
|
src: local('STHeiTiSC'), local('Microsoft YaHei Light'),
|
||||||
local('STHeiTiSC'),
|
local('Microsoft YaHei'), local('PingFang SC'), local('Noto Sans CJK SC'),
|
||||||
local('Microsoft YaHei Light'),
|
|
||||||
local('Microsoft YaHei'),
|
|
||||||
local('PingFang SC'),
|
|
||||||
local('Noto Sans CJK SC'),
|
|
||||||
local('Droid Sans Fallback');
|
local('Droid Sans Fallback');
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -21,7 +33,9 @@ body{
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
background-color: black;
|
background-color: black;
|
||||||
}
|
}
|
||||||
p{font-size: 1rem;}
|
p {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
.preload {
|
.preload {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -39,7 +53,13 @@ p{font-size: 1rem;}
|
|||||||
}
|
}
|
||||||
|
|
||||||
.config-btn {
|
.config-btn {
|
||||||
display:block;padding:5px; border-radius:5px;width:4rem;margin:0 auto;font-size: 1rem;cursor:pointer;
|
display: block;
|
||||||
|
padding: 5px;
|
||||||
|
border-radius: 5px;
|
||||||
|
width: 4rem;
|
||||||
|
margin: 0 auto;
|
||||||
|
font-size: 1rem;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.config-btn.on {
|
.config-btn.on {
|
||||||
border: white 1px solid;
|
border: white 1px solid;
|
||||||
@@ -86,7 +106,8 @@ p{font-size: 1rem;}
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/background/bg.jpg) center /auto 100% no-repeat ;
|
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/background/bg.jpg)
|
||||||
|
center / auto 100% no-repeat;
|
||||||
z-index: 520;
|
z-index: 520;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@@ -97,7 +118,8 @@ p{font-size: 1rem;}
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/background/CG1.jpg) center /auto 100% no-repeat ;
|
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/background/CG1.jpg)
|
||||||
|
center / auto 100% no-repeat;
|
||||||
z-index: 520;
|
z-index: 520;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@@ -108,7 +130,8 @@ p{font-size: 1rem;}
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/catalog/dark.png) center /auto 100% no-repeat ;
|
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/catalog/dark.png)
|
||||||
|
center / auto 100% no-repeat;
|
||||||
}
|
}
|
||||||
|
|
||||||
.catalog-content-1A {
|
.catalog-content-1A {
|
||||||
@@ -270,7 +293,8 @@ p{font-size: 1rem;}
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/achievement/portraitBg.jpg) center /auto 100% no-repeat ;
|
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/achievement/portraitBg.jpg)
|
||||||
|
center / auto 100% no-repeat;
|
||||||
z-index: 520;
|
z-index: 520;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@@ -281,7 +305,8 @@ p{font-size: 1rem;}
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/achievement/listBG.jpg) center /auto 100% no-repeat ;
|
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/achievement/listBG.jpg)
|
||||||
|
center / auto 100% no-repeat;
|
||||||
z-index: 1200;
|
z-index: 1200;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@@ -292,7 +317,8 @@ p{font-size: 1rem;}
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/background/bg.jpg) center /auto 100% no-repeat ;
|
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/background/bg.jpg)
|
||||||
|
center / auto 100% no-repeat;
|
||||||
z-index: 1300;
|
z-index: 1300;
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
@@ -386,7 +412,8 @@ p{font-size: 1rem;}
|
|||||||
width: 5.9rem;
|
width: 5.9rem;
|
||||||
right: 0.75rem;
|
right: 0.75rem;
|
||||||
bottom: 0.65rem;
|
bottom: 0.65rem;
|
||||||
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/achievement/details.png) center /auto 100% no-repeat ;
|
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/achievement/details.png)
|
||||||
|
center / auto 100% no-repeat;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -484,7 +511,6 @@ p{font-size: 1rem;}
|
|||||||
z-index: 100;
|
z-index: 100;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.character_frame {
|
.character_frame {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
@@ -540,7 +566,8 @@ p{font-size: 1rem;}
|
|||||||
height: 50%;
|
height: 50%;
|
||||||
top: 10%;
|
top: 10%;
|
||||||
left: 25%;
|
left: 25%;
|
||||||
background: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/common/horizon_hint.png') 100% 100% /100% auto no-repeat;
|
background: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/common/horizon_hint.png')
|
||||||
|
100% 100% /100% auto no-repeat;
|
||||||
}
|
}
|
||||||
#confirm {
|
#confirm {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -549,7 +576,7 @@ p{font-size: 1rem;}
|
|||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
z-index: 901;
|
z-index: 901;
|
||||||
background:rgba(0,0,0,.6);
|
background: rgba(0, 0, 0, 0.6);
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
overflow-y: hidden;
|
overflow-y: hidden;
|
||||||
}
|
}
|
||||||
@@ -570,7 +597,7 @@ p{font-size: 1rem;}
|
|||||||
top: 74%;
|
top: 74%;
|
||||||
left: 23%;
|
left: 23%;
|
||||||
z-index: 903;
|
z-index: 903;
|
||||||
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/cancel.png) right /auto 100% no-repeat;
|
background: url(/novels/duriduri/en-US/cancel.png) right / auto 100% no-repeat;
|
||||||
}
|
}
|
||||||
.submit {
|
.submit {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -579,8 +606,7 @@ p{font-size: 1rem;}
|
|||||||
top: 74%;
|
top: 74%;
|
||||||
right: 23%;
|
right: 23%;
|
||||||
z-index: 903;
|
z-index: 903;
|
||||||
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/submit.png) left /auto 100% no-repeat;
|
background: url(/novels/duriduri/en-US/ok.png) left / auto 100% no-repeat;
|
||||||
|
|
||||||
}
|
}
|
||||||
.submit-center {
|
.submit-center {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -589,8 +615,7 @@ p{font-size: 1rem;}
|
|||||||
top: 74%;
|
top: 74%;
|
||||||
right: 37.5%;
|
right: 37.5%;
|
||||||
z-index: 903;
|
z-index: 903;
|
||||||
background: url(https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/submit.png) left /auto 100% no-repeat;
|
background: url(/novels/duriduri/en-US/ok.png) left / auto 100% no-repeat;
|
||||||
|
|
||||||
}
|
}
|
||||||
.goto {
|
.goto {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -607,8 +632,6 @@ p{font-size: 1rem;}
|
|||||||
top: 78%;
|
top: 78%;
|
||||||
left: 25%;
|
left: 25%;
|
||||||
z-index: 903;
|
z-index: 903;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.score_cancel {
|
.score_cancel {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -645,7 +668,7 @@ p{font-size: 1rem;}
|
|||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
z-index: 810;
|
z-index: 810;
|
||||||
background: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/close.png");
|
background: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/close.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@@ -673,7 +696,7 @@ p{font-size: 1rem;}
|
|||||||
bottom: 6rem;
|
bottom: 6rem;
|
||||||
right: 0;
|
right: 0;
|
||||||
z-index: 810;
|
z-index: 810;
|
||||||
background: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/remark.png");
|
background: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/remark.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
}
|
}
|
||||||
@@ -686,7 +709,7 @@ p{font-size: 1rem;}
|
|||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
z-index: 810;
|
z-index: 810;
|
||||||
background: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/close.png");
|
background: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/close.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@@ -700,7 +723,7 @@ p{font-size: 1rem;}
|
|||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
z-index: 810;
|
z-index: 810;
|
||||||
background: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/achievement/exit.png");
|
background: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/achievement/exit.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
@@ -723,14 +746,13 @@ p{font-size: 1rem;}
|
|||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
z-index: 810;
|
z-index: 810;
|
||||||
background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/save.png");
|
background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/save.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.read_record_btn {
|
.read_record_btn {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: /*47%*/ 6.4rem;
|
width: /*47%*/ 6.4rem;
|
||||||
@@ -738,7 +760,7 @@ p{font-size: 1rem;}
|
|||||||
top: 0;
|
top: 0;
|
||||||
left: 6.4rem;
|
left: 6.4rem;
|
||||||
z-index: 810;
|
z-index: 810;
|
||||||
background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/load.png");
|
background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/load.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
@@ -760,7 +782,7 @@ p{font-size: 1rem;}
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 6.4rem;
|
left: 6.4rem;
|
||||||
background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/auto.png");
|
background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/auto.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
@@ -768,7 +790,7 @@ p{font-size: 1rem;}
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dialog-btn-autoplay-on {
|
.dialog-btn-autoplay-on {
|
||||||
background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/auto_1.png");
|
background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/auto_1.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
.dialog-btn-history {
|
.dialog-btn-history {
|
||||||
@@ -777,7 +799,7 @@ p{font-size: 1rem;}
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
top: 0;
|
top: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/log.png");
|
background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/log.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
@@ -790,7 +812,7 @@ p{font-size: 1rem;}
|
|||||||
height: 100%;
|
height: 100%;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/skip.png");
|
background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/skip.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
@@ -798,7 +820,7 @@ p{font-size: 1rem;}
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dialog-btn-skip-on {
|
.dialog-btn-skip-on {
|
||||||
background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/skip_1.png");
|
background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/skip_1.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
.menuscene {
|
.menuscene {
|
||||||
@@ -808,7 +830,7 @@ p{font-size: 1rem;}
|
|||||||
top: 0px;
|
top: 0px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
z-index: 400;
|
z-index: 400;
|
||||||
background: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/menu/backTitle.jpg") black no-repeat;
|
background: url('/novels/duriduri/en-US/bg.png') black no-repeat;
|
||||||
background-size: 100% auto;
|
background-size: 100% auto;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
}
|
}
|
||||||
@@ -817,11 +839,10 @@ p{font-size: 1rem;}
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
background:url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/menu/fg.png");
|
background: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/menu/fg.png');
|
||||||
background-size: auto 100%;
|
background-size: auto 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-aspect-ratio: 16/9) {
|
@media screen and (max-aspect-ratio: 16/9) {
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -848,16 +869,16 @@ p{font-size: 1rem;}
|
|||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
}
|
}
|
||||||
.menu_btn_1 {
|
.menu_btn_1 {
|
||||||
background-image: url("/novels/duriduri/en-US/start.png");
|
background-image: url('/novels/duriduri/en-US/start.png');
|
||||||
}
|
}
|
||||||
.menu_btn_2 {
|
.menu_btn_2 {
|
||||||
background-image: url("/novels/duriduri/en-US/gallery.png");
|
background-image: url('/novels/duriduri/en-US/gallery.png');
|
||||||
}
|
}
|
||||||
.menu_btn_3 {
|
.menu_btn_3 {
|
||||||
background-image: url("/novels/duriduri/en-US/history.png");
|
background-image: url('/novels/duriduri/en-US/history.png');
|
||||||
}
|
}
|
||||||
.menu_btn_4 {
|
.menu_btn_4 {
|
||||||
background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/menu/achievement.png");
|
background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/menu/achievement.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
#loading {
|
#loading {
|
||||||
@@ -986,7 +1007,6 @@ p{font-size: 1rem;}
|
|||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.move_left_center_slow {
|
.move_left_center_slow {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
@@ -1020,16 +1040,22 @@ p{font-size: 1rem;}
|
|||||||
-webkit-animation: mymove_left_center 1s; /*Safari and Chrome*/
|
-webkit-animation: mymove_left_center 1s; /*Safari and Chrome*/
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes mymove_left_center
|
@keyframes mymove_left_center {
|
||||||
{
|
from {
|
||||||
from {background-position:10% 100%;}
|
background-position: 10% 100%;
|
||||||
to {background-position:bottom center;}
|
}
|
||||||
|
to {
|
||||||
|
background-position: bottom center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes mymove_left_center /*Safari and Chrome*/
|
@-webkit-keyframes mymove_left_center /*Safari and Chrome*/ {
|
||||||
{
|
from {
|
||||||
from {background-position:10% 100%;}
|
background-position: 10% 100%;
|
||||||
to {background-position:bottom center;}
|
}
|
||||||
|
to {
|
||||||
|
background-position: bottom center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.move_left_right_slow {
|
.move_left_right_slow {
|
||||||
@@ -1065,16 +1091,22 @@ to {background-position:bottom center;}
|
|||||||
-webkit-animation: mymove_left_right 3s; /*Safari and Chrome*/
|
-webkit-animation: mymove_left_right 3s; /*Safari and Chrome*/
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes mymove_left_right
|
@keyframes mymove_left_right {
|
||||||
{
|
from {
|
||||||
from {background-position:10% 100%;}
|
background-position: 10% 100%;
|
||||||
to {background-position:90% 100%;}
|
}
|
||||||
|
to {
|
||||||
|
background-position: 90% 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes mymove_left_right /*Safari and Chrome*/
|
@-webkit-keyframes mymove_left_right /*Safari and Chrome*/ {
|
||||||
{
|
from {
|
||||||
from {background-position:10% 100%;}
|
background-position: 10% 100%;
|
||||||
to {background-position:90% 100%;}
|
}
|
||||||
|
to {
|
||||||
|
background-position: 90% 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.move_center_right_slow {
|
.move_center_right_slow {
|
||||||
@@ -1110,16 +1142,22 @@ to {background-position:90% 100%;}
|
|||||||
-webkit-animation: mymove_center_right 1s; /*Safari and Chrome*/
|
-webkit-animation: mymove_center_right 1s; /*Safari and Chrome*/
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes mymove_center_right
|
@keyframes mymove_center_right {
|
||||||
{
|
from {
|
||||||
from {background-position:bottom center;}
|
background-position: bottom center;
|
||||||
to {background-position:90% 100%;}
|
}
|
||||||
|
to {
|
||||||
|
background-position: 90% 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes mymove_center_right /*Safari and Chrome*/
|
@-webkit-keyframes mymove_center_right /*Safari and Chrome*/ {
|
||||||
{
|
from {
|
||||||
from {background-position:bottom center;}
|
background-position: bottom center;
|
||||||
to {background-position:90% 100%;}
|
}
|
||||||
|
to {
|
||||||
|
background-position: 90% 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.move_right_center_slow {
|
.move_right_center_slow {
|
||||||
@@ -1155,16 +1193,22 @@ to {background-position:90% 100%;}
|
|||||||
-webkit-animation: mymove_right_center 1s; /*Safari and Chrome*/
|
-webkit-animation: mymove_right_center 1s; /*Safari and Chrome*/
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes mymove_right_center
|
@keyframes mymove_right_center {
|
||||||
{
|
from {
|
||||||
from {background-position:90% 100%;}
|
background-position: 90% 100%;
|
||||||
to {background-position:bottom center;}
|
}
|
||||||
|
to {
|
||||||
|
background-position: bottom center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes mymove_right_center /*Safari and Chrome*/
|
@-webkit-keyframes mymove_right_center /*Safari and Chrome*/ {
|
||||||
{
|
from {
|
||||||
from {background-position:90% 100%;}
|
background-position: 90% 100%;
|
||||||
to {background-position:bottom center;}
|
}
|
||||||
|
to {
|
||||||
|
background-position: bottom center;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.move_right_left_slow {
|
.move_right_left_slow {
|
||||||
@@ -1200,16 +1244,22 @@ to {background-position:bottom center;}
|
|||||||
-webkit-animation: mymove_right_left 1s; /*Safari and Chrome*/
|
-webkit-animation: mymove_right_left 1s; /*Safari and Chrome*/
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes mymove_right_left
|
@keyframes mymove_right_left {
|
||||||
{
|
from {
|
||||||
from {background-position:90% 100%;}
|
background-position: 90% 100%;
|
||||||
to {background-position:10% 100%;}
|
}
|
||||||
|
to {
|
||||||
|
background-position: 10% 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes mymove_right_left /*Safari and Chrome*/
|
@-webkit-keyframes mymove_right_left /*Safari and Chrome*/ {
|
||||||
{
|
from {
|
||||||
from {background-position:90% 100%;}
|
background-position: 90% 100%;
|
||||||
to {background-position:10% 100%;}
|
}
|
||||||
|
to {
|
||||||
|
background-position: 10% 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.move_center_left_slow {
|
.move_center_left_slow {
|
||||||
@@ -1245,19 +1295,23 @@ to {background-position:10% 100%;}
|
|||||||
-webkit-animation: mymove_center_left 1s; /*Safari and Chrome*/
|
-webkit-animation: mymove_center_left 1s; /*Safari and Chrome*/
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes mymove_center_left
|
@keyframes mymove_center_left {
|
||||||
{
|
from {
|
||||||
from {background-position:bottom center;}
|
background-position: bottom center;
|
||||||
to {background-position:10% 100%;}
|
}
|
||||||
|
to {
|
||||||
|
background-position: 10% 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@-webkit-keyframes mymove_center_left /*Safari and Chrome*/
|
@-webkit-keyframes mymove_center_left /*Safari and Chrome*/ {
|
||||||
{
|
from {
|
||||||
from {background-position:bottom center;}
|
background-position: bottom center;
|
||||||
to {background-position:10% 100%;}
|
}
|
||||||
|
to {
|
||||||
|
background-position: 10% 100%;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.black {
|
.black {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@@ -1312,7 +1366,7 @@ to {background-position:10% 100%;}
|
|||||||
width: /*90%*/ 42rem;
|
width: /*90%*/ 42rem;
|
||||||
height: /*25%*/ 7rem;
|
height: /*25%*/ 7rem;
|
||||||
z-index: 210;
|
z-index: 210;
|
||||||
background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/dialog.png");
|
background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/dialog.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
@@ -1323,7 +1377,7 @@ to {background-position:10% 100%;}
|
|||||||
|
|
||||||
.dialog_article {
|
.dialog_article {
|
||||||
height: 21rem;
|
height: 21rem;
|
||||||
background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/dialogBig.png");
|
background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/dialogBig.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
.history {
|
.history {
|
||||||
@@ -1333,7 +1387,7 @@ to {background-position:10% 100%;}
|
|||||||
width: 42rem;
|
width: 42rem;
|
||||||
height: 21rem;
|
height: 21rem;
|
||||||
z-index: 250;
|
z-index: 250;
|
||||||
background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/dialogBig.png");
|
background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/dialogBig.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
@@ -1348,7 +1402,7 @@ to {background-position:10% 100%;}
|
|||||||
width: 42rem;
|
width: 42rem;
|
||||||
height: 21rem;
|
height: 21rem;
|
||||||
z-index: 250;
|
z-index: 250;
|
||||||
background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/dialogBig.png");
|
background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/dialogBig.png');
|
||||||
background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
@@ -1490,15 +1544,15 @@ to {background-position:10% 100%;}
|
|||||||
|
|
||||||
.dialog-chara-line.dialog-chara-left {
|
.dialog-chara-line.dialog-chara-left {
|
||||||
width: 1.14rem;
|
width: 1.14rem;
|
||||||
background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/Label-L.png");
|
background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/Label-L.png');
|
||||||
}
|
}
|
||||||
.dialog-chara-line.dialog-chara-center {
|
.dialog-chara-line.dialog-chara-center {
|
||||||
background-repeat: repeat;
|
background-repeat: repeat;
|
||||||
background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/Label-M.png");
|
background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/Label-M.png');
|
||||||
}
|
}
|
||||||
.dialog-chara-line.dialog-chara-right {
|
.dialog-chara-line.dialog-chara-right {
|
||||||
width: 2.4rem;
|
width: 2.4rem;
|
||||||
background-image: url("https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/Label-R.png");
|
background-image: url('https://webstatic.bh3.com/event_bh3_com/avg-anti-entropy/static_CN/baseDurandal/resources/ui/Label-R.png');
|
||||||
}
|
}
|
||||||
|
|
||||||
.dialog-chara-padding {
|
.dialog-chara-padding {
|
||||||
@@ -1642,7 +1696,6 @@ to {background-position:10% 100%;}
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.choice_list {
|
.choice_list {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
z-index: 200;
|
z-index: 200;
|
||||||
@@ -1859,8 +1912,6 @@ ul li{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.rightleft {
|
.rightleft {
|
||||||
-moz-animation: rightleft 0.2s infinite;
|
-moz-animation: rightleft 0.2s infinite;
|
||||||
-ms-animation: rightleft 0.2s infinite;
|
-ms-animation: rightleft 0.2s infinite;
|
||||||
@@ -1868,7 +1919,6 @@ ul li{
|
|||||||
animation: rightleft 0.2s infinite;
|
animation: rightleft 0.2s infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@-ms-keyframes rightleft {
|
@-ms-keyframes rightleft {
|
||||||
0% {
|
0% {
|
||||||
-ms-transform: translate(0px, 0px);
|
-ms-transform: translate(0px, 0px);
|
||||||
@@ -1939,8 +1989,6 @@ ul li{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.rightleft {
|
.rightleft {
|
||||||
-moz-animation: rightleft 0.2s infinite;
|
-moz-animation: rightleft 0.2s infinite;
|
||||||
-ms-animation: rightleft 0.2s infinite;
|
-ms-animation: rightleft 0.2s infinite;
|
||||||
@@ -1948,7 +1996,6 @@ ul li{
|
|||||||
animation: rightleft 0.2s infinite;
|
animation: rightleft 0.2s infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@-ms-keyframes rightleft {
|
@-ms-keyframes rightleft {
|
||||||
0% {
|
0% {
|
||||||
-ms-transform: translate(0px, 0px);
|
-ms-transform: translate(0px, 0px);
|
||||||
@@ -2019,8 +2066,6 @@ ul li{
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.jump {
|
.jump {
|
||||||
-moz-animation: jump 0.6s infinite;
|
-moz-animation: jump 0.6s infinite;
|
||||||
-ms-animation: jump 0.6s infinite;
|
-ms-animation: jump 0.6s infinite;
|
||||||
@@ -2028,7 +2073,6 @@ ul li{
|
|||||||
animation: jump 0.6s infinite;
|
animation: jump 0.6s infinite;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@-ms-keyframes jump {
|
@-ms-keyframes jump {
|
||||||
0% {
|
0% {
|
||||||
-ms-transform: translate(0px, 0px);
|
-ms-transform: translate(0px, 0px);
|
||||||
@@ -2121,5 +2165,6 @@ ul li{
|
|||||||
position: absolute;
|
position: absolute;
|
||||||
transform: translate(-50%, -50%);
|
transform: translate(-50%, -50%);
|
||||||
-webkit-transform: translate(-50%, -50%);
|
-webkit-transform: translate(-50%, -50%);
|
||||||
left: 50%;top: 50%;
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
}
|
}
|
||||||
|
|||||||
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 74 KiB |
|
After Width: | Height: | Size: 77 KiB |